/*!
Theme Name: dotsnpix
Theme URI: 
Author: dotsnpix
Author URI: 
Description: This theme is generated by Dotsnpix
*/

* {
  margin: 0px;
}

/* About title fixing by Saleh on 28 december */

.about-custom-title {
  font-weight: 300 !important;
  font-size: 60px !important;
  padding: 0px 200px !important;
  line-height: normal !important;
}

@media screen and (max-width: 800px) {
  .about-custom-title {
    font-weight: 300 !important;
    font-size: 40px !important;
    padding: 0px 34px !important;
    line-height: normal !important;
  }
}

@media screen and (max-width: 500px) {
  .about-custom-title {
    font-weight: 300 !important;
    font-size: 24px !important;
    padding: 0px 24px !important;
    line-height: normal !important;
  }
}

/*What We Do Custom Tittle fixing on 28 Dec*/

span.wwd-custom-title {
  font-weight: 400 !important;
  font-size: 60px !important;
  padding: 0px 200px !important;
  line-height: normal !important;
}

@media screen and (max-width: 800px) {
  span.wwd-custom-title {
    font-weight: 400 !important;
    font-size: 40px !important;
    padding: 0px 34px !important;
    line-height: normal !important;
  }
}

@media screen and (max-width: 500px) {
  span.wwd-custom-title {
    font-weight: 400 !important;
    font-size: 24px !important;
    padding: 0px 24px !important;
    line-height: normal !important;
  }
}

@media screen and (max-width: 500px) {
  .ap-typo-c {
    font-size: 50px !important;
  }
}

@media screen and (max-width: 500px) {
  .ap-typo-s {
    font-size: 50px !important;
  }
}

/*case study airpay & momentpin header fixing on 16 feb*/

@media screen and (max-width: 430px) {
  span.cs-ap-st {
    font-size: 20px !important;
    width: auto !important;
  }

  .title-text-header {
    margin-top: 200px !important;
  }

  h1.title-text-header-inner {
    margin-top: -22px !important;
  }

  span.mp-st {
    font-size: 20px !important;
    width: auto !important;
  }
}

.new-style {
  background: #fff;
}

body.page-id-310 .main-root {
  background: rgb(255, 255, 255);
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 1) 0%,
    rgba(201, 201, 201, 1) 100%
  );
}

/* Dotsnpix services slider urls highlight animation fixes on mar-4-2024 by Saleh Kabeer*/

.highlight-text {
  padding: 0px 0px 2px 0px;
  position: relative;
  line-height: 1.2 !important;
  cursor: pointer;
  font-weight: 700 !important;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  /*Default text color*/
  transition: color 0.5s ease-in-out;
}

.highlight-text::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  bottom: 0;
  background-color: #d6333f;
  /*Highlight color*/
  z-index: -1;
  transition: top 0.6s ease-in-out;
}

.highlight-text:hover {
  color: #fff; /*Change text color on hover*/
}

.highlight-text:hover::before {
  top: 0;
}

.highlight-text::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 6px; /* Adjust the underline height as needed */
  background-color: #d6333f; /* Same color as the text */
  z-index: -1;
}

@media only screen and (max-width: 414px) {
  .highlight-text::after {
    height: 3px; /* Adjust the underline height as needed */
  }
}

/*contact form submit button fixes by saleh kabeer on 14 march 2024*/

button#wpforms-submit-8940 {
  padding-bottom: 32px !important;
}

button#wpforms-submit-8940:hover {
  background-color: #d6333f !important;
  color: #fff !important;
}

/*contact form required labels fixes by saleh kabeer on 14 march 2024*/

span.wpforms-required-label {
  display: none !important;
}