.d-flex{
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:80px
}
.expertise-slider-card .digi-link-wrap a{
  height:50px
}

.digi-navbar{
  padding-inline:16px
}

.expertise-slider-card{
transition: transform 0.3s;
}

.expertise-slider-card:hover{
transform: translateY(-5px);
}
    .awarded-cards .awarded-recognized-card, .awarded-cards-2 .awarded-recognized-card {
/* max-width:300px;
max-height:200px */
max-width:300px;
max-height:200px;
border-bottom:0.5px solid #848484
    }

    .expertise-slider-card .expertise-slider-img img{
      min-height: 782px;
    }

   .hire-dev-hero  .image-container{

      display:none
    }

    .ios-row{

      display:flex
    }

    .experitse_wrapper{
      display:flex;
      flex-direction:column;
      justify-content: space-between;
    }

@media(max-width:420px){
header.digi-header .digi-container{
  padding:0
}
  }
body{
  background-color: #000104;
}
.expertise-slider-card .expertise-slider-txt{
  color:#D7D7D7
}
.side-border {
    border-left: 1px solid var(--color-border);
    border-right: 1px solid var(--color-border);
}

.top-border {
    border-top: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
}

.hire-dev-hero {
 background: url('/wp-content/themes/digimantra/asset/img/android-banner.png') no-repeat center;
  /*  link updated */
  background-size: contain;
  height: 100vh;
  position: relative;
  color: #fff;
  overflow: hidden;
}

    .hire-dev-hero .digi-btn{

     width: 241px;

    justify-content: center;

    height:50px

    }
/* Main heading + image */
.main-text {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* justify-content: center; */
  height: 100vh; /* center vertically in hero */
  text-align: center;
  /* margin-top:44px */
}

.main-text h1 {
  font-size: 64px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #fff;
  margin: 0;
  position: relative;
  z-index: 0; /* goes behind image */
  width: 769px;
  top: 91px;
}


@media (max-width:768px) {
  .main-text h1 {
  width: 763px;
}
}

.lft-txt-mobile{
  display: none;
}
@media (max-width:767.9px) {
  .content-box {
        display: block !important;
        margin-top: 295px;
  }

  .lft-txt-mobile{
  display: block;
  margin-top: 22px ;
  margin-bottom: 12px;
}
.lft-txt-mobile p{
  font-family: Montserrat;
font-weight: 500;
font-size: 18px;
line-height: 140%;
letter-spacing: 0%;
text-align: center;
text-transform: uppercase;

}
}
/* Image overlaps heading without breaking layout */
.main-text .image {
  position: relative;
  display: inline-block;
  margin-top: 53px;
  margin-right: 128px;
  z-index: 1; /* keep image above text */
}
.main-text .image::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -80px; /* adjust how far it goes down */
  height: 120px; /* controls how tall the fade is */
  background: linear-gradient(270deg, #010205 0%, #000104 100%);
  filter: blur(26px); /* smooth blend */
  z-index: 999; /* stays behind image */
}
.main-text .image img {
  max-width: 480px;
  width: 100%;
  height: auto;
}

.digi-header{
    /* position:unset */
}

/* Bottom content (left + right) */
.content-box {
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(1920px - 160px); /* 1920 minus 80px padding left+right */
  max-width: 100%; /* ensures it doesn’t overflow on smaller screens */
  display: flex;
  justify-content: space-between;
  padding: 0 80px; /* your inline padding */
  box-sizing: border-box;
  z-index: 999;
}

.digi-web-solutions-row{
  margin-top:80px
}
.content-box .lft-txt p {
  font-size: 56px;
  font-weight: 600;
  margin: 0;
  
}

.content-box .rgt-txt {
  max-width: 432px;
  text-align: left;
  word-wrap: break-word;
   margin-right: 32px;
   color:#EBEBEB;
}

.rgt-txt{
  margin-bottom: 0px!important;
 
}
.lft-txt{
  margin-bottom: 0px!important;
  margin-left: 32px
}
.content-box .rgt-txt p {
    margin: 0 0 16px;
    font-size: 20px;
    line-height: 34px;
    font-weight: 400;
}

.digi-btn {
  display: inline-flex;
  align-items: center;
  padding: 12px 24px;
  /* background: #5a2dff; */
  border-radius: 30px;
  text-decoration: none;
  color: #fff;
  transition: 0.3s;
  font-size:16px
}

.blw_992{
  display:none;
  margin-right:-15px
}
 .abv_992{
  display:block;
 }

/* section 2 */

.contact-main-wrapper{
border-top: 1px solid var(--color-border);
border-bottom: 1px solid var(--color-border);
}

.contact-main-wrapper .trusted-section{

    border-top:0px
}

.container_varaint {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.card_variant {
  flex: 1 1 calc(25% - 20px); /* 4 boxes in one row */
  text-align: center;
  color: #fff;
}

.card_variant img {
  margin-bottom: 10px;
}
    .card_variant p {
      margin: 5px 0;
      font-size: 14px;
    }
    

/* For screens less than 767.9px - 2 boxes per row */
@media (max-width: 767.9px) {
  .card_variant {
    flex: 1 1 calc(50% - 20px);
  }
}


.contact-main-wrapper .trusted-inner{
 display:flex;
    flex-direction:column;
    align-items: center;  
    justify-content: center; 
}

.digi-web-solutions-card:not(:last-child):after{

  right:-15px
}

.innovative-sections .slick-slider .slick-track{
  margin-top:34px
}

.contact-main-wrapper .trusted-section h2{
    font-size: 48px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    line-height: 140%;
    background: linear-gradient(100.61deg, #FFFFFF 60.32%, rgba(255, 255, 255, 0) 129.88%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    text-align: center;
    margin-bottom: 20px;
    max-width:1609px;
    text-transform:uppercase
}


.contact-main-wrapper .trusted-section p{
max-width:1202px;
font-weight:400;
line-height:140%;
color : #ebebeb;
}

.contact-main-wrapper{

    padding-top:0
}

/* scetion 3 */

.innovative-inner{
display:flex;
justify-content: space-between;
}

.innovative-inner h2{
font-size:48px;
font-weight:600;
line-height:140%;
max-width: 867px
}

.innovative-inner p{
font-size:24px;
    max-width:729px;
    font-weight:300;
    line-height:34px;
    color: #EBEBEB
}



.innovative-sections{
padding-top:120px;
padding-bottom:120px;
border-bottom: 1px solid var(--color-border);
}
/*  */

    .why-hire {
      display: grid;
      grid-template-columns: 1fr 2fr;
      gap: 40px;
      margin: auto;
      padding: 80px 0;
    }

    /* LEFT SIDE */
    .why-hire__content h2 {
      font-size: 36px;
      margin-bottom: 24px;
      line-height: 1.3;
      font-weight: 600;
    }

    .why-hire__content p {
      font-size: 24px;
      color: #aaa;
      margin-bottom: 40px;
      font-weight: 300;
    }

    .why-hire__content a {
      display: inline-block;
      padding: 12px 24px;
      border: 1px solid #4ab3f4;
      color: #fff;
      text-decoration: none;
      border-radius: 60px;
      text-transform: uppercase;
      transition: 0.3s;
    }

    .why-hire__content a:hover {
      background: #4ab3f4;
    }

    /* RIGHT SIDE (FEATURES GRID) */
    .why-hire__features {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
    }

    .why-hire__card {
      position: relative;
      border-radius: 12px;
      overflow: hidden;
      backdrop-filter: blur(20px);
      min-height:848px;
      margin-bottom: 38px;
      padding:32px;
      max-width: 100%;
    }
    .digi-link-wrap{
      text-align: end;
      margin-top: 52px;
    }
    @media (max-width:767.9px) {
      .digi-link-wrap{
      text-align: center;
    }
    }

    .why-hire__card::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 12px;
      padding: 0.82px; /* border thickness */
      background: linear-gradient(0deg, rgba(255, 255, 255, 0) -10.55%, #ffffff 100%);
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
    }

    .why-hire__card-inner {
      border-radius: 12px;
      overflow: hidden;
      background: #000000;
      height: 100%;
    }

    .why-hire__card img {
      width: 100%;
      height: 400px;
      object-fit: cover;
    }

    .why-hire__card-body {
      padding: 20px;
    }

    .why-hire__card-body h3 {
      font-size: 38px;
      margin-bottom: 10px;
      font-weight: 500;
      line-height: 140%;
    }

    .why-hire__card-body p {
      font-size: 20px;
      color:#b7b7b7;
      line-height: 140%;
    }

 .innovative-sections .slick-arrow {
    left: auto;
    right: 0;
    width: 48px;
    height: 48px;
    border: 1px solid var(--color-arrow-border);
    border-radius: 100%;
    z-index: 9;
}

.endtoend{
  padding-bottom:80px
}

  .container {
    display: flex;
    gap: 50px;
    padding: 50px 10%;
    /* no fixed height here — let GSAP pin dynamically */
  }  .faq-section p{
    color:#EBEBEB
  }

  .faq-section .digi-btn{
    width: 217px;
    height:50px
  }

.accolades .digi-btn{
  width:332px;
  height:50px
}

.left .digi-btn{
  width:287px;
  height: 50px;
  
}

  /* Left: sticky + vertically centered using translateY */
  .left {
    flex: 1;
    position: sticky;
    /* top: 35%; */
    transform: translateY(-0%);
    -webkit-transform: translateY(-0%);
    /* ensure left content doesn't stretch the parent */
    align-self: flex-start;
  }

  /* .left h1 { font-size: 2.5rem; line-height: 1.3; margin-bottom: 20px; }
  .left p  { font-size: 1rem; line-height: 1.6; color: #aaa; margin-bottom: 30px; } */



  /* Right column: full viewport height so list scrolls inside it */
  .right {
    flex: 1.2;
    min-height: 100vh;
    overflow: hidden;
    position: relative;
  }

  .intros__list {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding-bottom: 300px; /* breathing room for the last card (adjust if needed) */
  }

  /* .card {
    background: #111;
    padding: 25px;
    border-radius: 12px;
    border: 1px solid #222;
    min-height: 180px;
  }
  .card h3 { margin: 0 0 10px; font-size: 1.3rem; }
  .card p  { font-size: 0.95rem; color: #bbb; line-height: 1.5; } */
  .right {
  flex: 1;
  position: relative; /* required for ::after positioning */
}

/* Add background image with ::after */
.right::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 68%;
  background: url("/wp-content/uploads/2025/10/Rectangle-34624264.png") no-repeat center top;
  background-size: cover;
  opacity: 1; /* adjust visibility */
 
}


  @media (max-width: 992px) {
    .container { flex-direction: flex; padding: 30px; }
    .left { position: relative; top: auto; transform: none; }
    /* .right { min-height: auto; } */
    .intros__list { padding-bottom: 50px; }

.why-hire__card img {
    width: 100%;
    height: 269px;
    }
    
element.style {
    width: 100%;
    display: inline-block;
}
.why-hire__card {
    height: auto;
}
.why-hire__card {
    width: 466px !important;
}
.why-hire__card {
    padding: 18px;
}
}
     .why-hire__card-body h3 {
    font-size:16px;
    line-height:140%
    }


 .innovative-sections .slick-arrow.slick-prev {
    transform: translateY(calc(-531% + 32px));
    opacity:0.7;
    top: 70%;
    left: -52px;
}

.innovative-sections .slick-arrow.slick-prev:hover{
     opacity:1;
}

.innovative-sections .slick-arrow.slick-next {
    transform: translateY(calc(-531% - 32px));
    top:70%;
    right: -52px;
    opacity: 0.7;
}
.innovative-sections .slick-arrow.slick-next:hover{
     opacity:1;
}

.innovative-sections  .slick-slider .slick-track {
    /* top:22px */
}


.innovative-sections .slick-next:focus:before, .innovative-sections .slick-next:before, .innovative-sections .slick-prev:focus:before, .innovative-sections .slick-prev:before{
  display:none
}

.innovative-sections .slick-slider{
    top:52px;
    max-width:1608px;
}
.why-hire__card {
    width: 501px !important;
}

.slider-innovation .slick-track {
  display: flex !important;
  gap: 28px; /* modern way */
}

/* @media (max-width:767.9px) {

.why-hire__card{
  max-width: 249px !important;
}
} */

.slick-list.draggable {
  position: relative;
}

.slick-list.draggable::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 32%; /* adjust width of the gradient image */
  height: 100%;
  background: url('/wp-content/uploads/2025/10/Gradient.png') no-repeat right center;
  background-size: cover; /* or contain depending on how you want it */
  pointer-events: none; /* won't block clicks */
  z-index: 2;
  opacity: 0.4;
}


@media (max-width: 1680px) {
    .expertise-slider-card {
        min-height: 800px;
    }
}
/* 
@media (max-width:1580px) {
  .why-hire__card {
    width: 472px !important;
}

} */

    /* Responsive */
    @media(max-width: 992px) {
      .why-hire {
        grid-template-columns: 1fr;
      }
      .why-hire__features {
        grid-template-columns: repeat(2, 1fr);
      }
      
    .why-hire__card {
    min-height: 571px;
    margin-bottom: 3px;
} 

    }

    @media(max-width: 600px) {
      .why-hire__features {
        grid-template-columns: 1fr;
      }
    }

/*  */

.growth {
  display: flex;
  gap: 50px;
  /* padding: 50px 10%; */
}

/* Left sticky side */
/* .left {
  flex: 1;
  position: sticky;
  top: 50px;
  align-self: flex-start;
} */

.card{
  position: relative;
    border-radius: 12px;
    overflow: hidden;
    padding: 24px 26px 30px 23px;
    background: transparent;
    border: 1px solid transparent;
}
   .card::before{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 12px;
    padding: 1px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) -10.55%, #FFFFFF 100%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 1;
   }

.left h1 {
  font-size: 48px;
  font-weight:600;
  line-height: 100%;
  margin-bottom: 20px;
  color:#fff
}





/* Right section */
.right {
  flex: 1.2;
  height: 400px;
  overflow: hidden; /* hide scrollbar */
  position: relative;
}

/* The inner scrollable stripe */
.intros__list {
  display: flex;
  flex-direction: column; /* vertical stacking */
  gap: 30px;
}

.card {
  background: #000000;;
  padding: 36 px;
  border-radius: 12px;
 
  min-height: 372px; /* roughly half container so 2 cards visible */
}

.card .icon{
  display:flex;
  justify-content: space-between;
}


.card h3 {
  
  font-size: 36px;
  font-weight:600;
  line-height:140%
}

.card p {
  font-size: 24px;
  color: #bbb;
  line-height: 140%;
}


/*  new section */

.ios-services .image-container {
 display:flex;
 gap:32px;
}

.expertise-slider-txt{
  font-size: 20px;
  line-height: 140%;
  font-weight:400
}

.ios-services .txt_2{
  margin-bottom:148px;
}

.contact-main-wrapper .trusted-section{
  padding:80px 0
}

section.contact-main-wrapper.ios-services {
    padding-bottom: 80px;
    border-bottom: 1px solid var(--color-border);
}

    .expertise-slider-card .expertise-slider-caption {
        padding: 32px;
    }


.expertise-slider-card {

        max-width: 768px;
        width:100%
      }

 .ios-services .image{
    max-width:788px;
    width:100%;
    /* max-height:800px */
  }    

  .ios-services  .trusted-section{
    border-bottom:0px
  }
.expertise-slider-titles{
  font-size: 38px;
  font-weight: 600;
  line-height:140%;
  margin-bottom:32px
}


@media (max-width: 992px) {
  .growth {
    flex-direction: column;
  }
  .left {
    position: relative;
    top: auto;
  }
  /* .right {
    height: unset;
  } */
  .intros__list {
    flex-direction: column;
  }
}

.contact-main-wrapper .trusted-section{

  border-bottom:0px
}
/*  */
 /* body {
      margin: 0;
      font-family: Arial, sans-serif;
      background: #000;
      color: #fff;
    } */
    .split-section {
      display: grid;
      grid-template-columns: 40% 60%;
      min-height: 100vh;
      position: relative;
    }
    .options {
      position: relative;
      padding: 100px 40px;
      padding-top:200px
    }
    .options ul {
      list-style: none;
      margin: 0;
      padding: 0;
      position: relative;
    }
    .options li {
      font-size: 40px;
      padding: 0px 0 40px 0;
      opacity: 0.4;
      transition: opacity 0.3s ease;;
      font-weight:400
    }
    .options li.active {
      opacity: 1;
      /* font-weight: bold; */
    }
    .line {
      position: absolute;
      left: -20px;
      top: 0;
      width: 2px;
      height: 100%;
      background: linear-gradient(180deg, #18395D 55.07%, #08121C 100%);

      /* visibility: hidden; */
    }
    .line .indicator {
      position: absolute;
      left: -4px;
      width: 10px;
      height: 30px;
      background: #00aaff;
      border-radius: 5px;
      transition: top 0.3s ease;
      /* visibility: hidden; */
    }
    .images {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
    }
    .images img {
      position: absolute;
      max-width: 80%;
      max-height: 80%;
      opacity: 0;
      transform: scale(2);
      transition: all 0.6s ease;
    }
    .images img.active {
      opacity: 1;
      transform: scale(1);
    }
 
.ios-row{
  gap:20px
}



section.contact-main-wrapper.ios-services-2 .trusted-section{
padding-bottom:0px
}

.ios-services-2{
  border-bottom: 1px solid var(--color-border);
}

/* Accolades */

.accolades{
  /* padding-bottom: 80px; */
}

  .awarded-cards {
	 display: grid;
	 grid-template-columns: repeat(4, 1fr); 
	 gap: 24px;
	 /* margin-top: 60px;
	 margin-bottom: 36px; */
}
.awarded-cards-2{
  margin-top:36px;
   display: grid;
	 grid-template-columns: repeat(4, 1fr); 
	 gap: 24px;
}
  .awarded-cards .awarded-recognized-card, .awarded-cards-2 .awarded-recognized-card {
	 display: flex;
	 padding: 20px 12px;
	 flex-direction: column;
	 justify-content: center;
	 align-items: center;
	 gap: 20px;
	 flex: 1 0 0;
	 border-radius: 12px;
	 border: 0.5px solid #848484;
	 /* border-bottom: none; */
	 /* background: linear-gradient(0deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.06)); */
}
  .awarded-cards .awarded-recognized-card p, .awarded-cards-2 .awarded-recognized-card p {
	 text-align: center;
	 font-size: 20px;
	 font-style: normal;
	 font-weight: 300;
	 line-height: 140%;
	 margin: 0;
}
  .awarded-cards .awarded-recognized-card .award-rating, .awarded-cards-2 .awarded-recognized-card .award-rating {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 gap: 3px;
   display:none
}
  .awarded-cards .awarded-recognized-card .award-rating .rating, .awarded-cards-2 .awarded-recognized-card .award-rating .rating {
	 text-align: center;
	 font-size: 32px;
	 font-style: normal;
	 font-weight: 500;
	 line-height: normal;
	 text-transform: uppercase;
   display:none
}
 
	 .awarded-cards, .awarded-cards-2 {
		 display: grid;
		 grid-template-columns: repeat(5, 1fr);
		 gap: 12px;
		 /* margin-top: 24px; */
		 margin-bottom: 14px;
	}
 
/*-------------------Responsive-design---------------------------------*/
 @media (max-width: 1280px) {

	 .awarded-cards, .awarded-cards-2 {
		 display: grid;
		 grid-template-columns: repeat(5, 1fr);
		 gap: 12px;
		 margin-top: 24px;
		 margin-bottom: 14px;
	}
	  .awarded-cards .awarded-recognized-card, .awarded-cards-2 .awarded-recognized-card {
		 padding: 12px 10px;
		 gap: 8px;
	}
	  .awarded-cards .awarded-recognized-card img, .awarded-cards-2 .awarded-recognized-card img {
		 height: 40px;
		 width: 40px;
	}
	  .awarded-cards .awarded-recognized-card p, .awarded-cards-2 .awarded-recognized-card p {
		 font-size: 12px;
	}
	  .awarded-cards .awarded-recognized-card .award-rating {
		 gap: 8px;
	}
	  .awarded-cards .awarded-recognized-card .award-rating img {
		 height: 14px;
		 width: 14px;
	}
	  .awarded-cards .awarded-recognized-card .award-rating .rating {
		 font-size: 14px;
	}
	
}
 @media (max-width: 767.9px) {

	  .awarded-cards, .awarded-cards-2 {
		 display: grid;
		 grid-template-columns: repeat(2, 1fr);
		 gap: 10px;
		 margin-top: 24px;
		 margin-bottom: 14px;
	}
	  .awarded-cards .awarded-recognized-card, .awarded-cards-2 .awarded-recognized-card {
		 padding: 12px 10px;
		 gap: 8px;
	}
	  .awarded-cards .awarded-recognized-card img, .awarded-cards-2 .awarded-recognized-card img {
		 height: 22px;
		 width: 60px;
	}
	  .awarded-cards .awarded-recognized-card p {
		 font-size: 24px;
     font-weight:400;
     line-height:34px;
     color:#EBEBEB
	}
  
 .awarded-cards-2 .awarded-recognized-card p {
		 font-size: 24px;
     font-weight:400;
     line-height:34px;
     color:#EBEBEB
	}

	  .awarded-cards .awarded-recognized-card .award-rating {
		 gap: 8px;
	}
	  .awarded-cards .awarded-recognized-card .award-rating img {
		 height: 14px;
		 width: 14px;
	}
	  .awarded-cards .awarded-recognized-card .award-rating .rating {
		 font-size: 14px;
	}

  .split-section{
    display:flex;
    flex-direction: column;
  }

  .images{
   position:unset;
   display:block
  }

}
 
/* Accolades */

/* testimonial */

.slick-list.draggable:nth-child(1)::after {
  display: none;
}

/* .why-hire__card-body h3{
  font-size: 16px;
  font-weight:500;
  line-height:140%
} */

/* .why-hire__card-body p{
  font-size:14px;
  line-height:140%;
  font-weight:400
} */

.why-hire__card{
  height:auto;
}


.left p{
  font-size:24px;
  line-height:34px;
  font-weight:300;
  color:#EBEBEB

}

.container .digi-btn{
  margin-top:32px
}

.digi-home-testimonial-section{
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
  background: linear-gradient(180deg, #08121C 0%, #0C1C2C 27.79%, rgba(12, 28, 44, 0.50) 37.05%, rgba(34, 79, 124, 0.70) 59.99%, #0C1C2C 85.9%, #08121C 99.98%) !important;
  padding-top:80px;
  padding-bottom:101px;
}

.digi-home-testimonial-section .digi-block-title .home-inline-block-title{
margin-bottom:80px
}

.digi-home-testimonial-section{
  background:#000104!important
}


.digi-testimonial-card{
  background:linear-gradient(180deg, #08121C 0%, #0C1C2C 27.79%, rgba(12, 28, 44, 0.50) 37.05%, rgba(34, 79, 124, 0.70) 59.99%, #0C1C2C 85.9%, #08121C 99.98%) !important
}

/* testimonial ends */

/* faq */


.faq-section .faq-left h2{
  font-size:48px;
  font-weight:600;
  line-height:100%
}


.faq-section{
 background: #000104;
}

.faq-section .faq-container .faq-left p{
  font-size:24px;
  font-weight:300;
}

.faq-section .faq-item{
  border-left:1px solid rgba(0,123,255,.6);
}

.faq-section .faq-item.active{
  border-left: 1.5px solid #1A76DB;
}

@media( max-width:992px ){
  .faq-section .faq-container .faq-left h2{
    font-family: Montserrat;
font-weight: 500;
font-style: Medium;
font-size: 28px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 2%;
text-transform: uppercase;

  }

  .faq-section .faq-container .faq-left p{
  font-size:18px;
  font-weight:300;
}
}

@media(max-width:768px){
  .faq-section .faq-container .faq-left h2{
    line-height:36px;
    
  }
}

@media(max-width:425px){
  .faq-section{
    margin-top:15px;
  }
}


/* faq-end */




/* media queries */

 @media(max-width:1280px){
.content-box{

    padding:0 40px
}

.content-box .rgt-txt{
    margin-right:0px
}
.content-box .rgt-txt{
    margin-right:20px
}

  .slick-list.draggable::after{
  display:none
}

}

@media (max-width: 1279px) {
    .expertise-slider-card .digi-link-wrap a {
      font-size:16px;
        line-height: 100%;
    }
    .get-in-touch-wrap .digi-btn{
  height:24px
}

}

@media(max-width:1024px){
	.content-box .rgt-txt{
max-width:318px
}
}

/* Responsive tweaks */
@media (max-width: 992px) {
   
   .hire-dev-hero {
 /* background: url('/wp-content/uploads/2025/09/android-banner-tab.png') no-repeat top; */
 background-size:cover;

} 

  .main-text h1 {
    font-size: 48px;
  }
  .main-text .image img {
    /* max-width: 350px; */
    margin-top:-62px
  }

  .content-box .lft-txt p{
  font-size:35px
}

  .content-box .rgt-txt p{
    font-size:14px;
    line-height: 140%;
  }

  .content-box .rgt-txt{
    margin-right: 0px;
  }  

  .lft-txt{
    margin-left: 0px;
  }

  .content-box{
    padding: 0 60px;

  }

  .content-box .rgt-txt{

    max-width:197px
  }

.blw_992{
  display:block;
  font-size:12px
}
 .abv_992{
  display:none;
 }

 .lft-txt{
  max-width:168px!important
 }


 .main-text h1{
  top:53px;
 }

  a.digi-btn.hero-btn{
    /* padding:0px */
    column-gap: 27px;
  }

  .content-box{

    top:264px;
    align-items: unset;
  }

  .slick-list.draggable::after{
  display:none
}

.content-box .lft-txt p{
  font-size:32px
}
.contact-main-wrapper .trusted-section h2{
  font-size:28px;
  margin-bottom:12px
}

.endtoend{
  padding-bottom:32px
}

.contact-main-wrapper .trusted-section p{
  font-size:12px;
  margin-bottom:0

}

.left h1{
  font-size:28px
}

.left p{
  font-size:18px
}

.card h3{
  font-size:18px
}

.card p{
  font-size:14px
}
.card{
  min-height:unset
}

.innovative-inner h2{
  font-size:28px
}
.innovative-inner p{
  font-size:18px
}

.contact-main-wrapper.lead_ing .trusted-section h2{
  font-size:20px
}
 .contact-main-wrapper.lead_ing .trusted-section p{
  font-size:12px;
  color : #ebebeb
}
 .contact-main-wrapper .trusted-section p{
  font-size:14px
}

.innovative-inner{
  flex-direction: column;
  gap:12px
}

.digi-web-solutions-card .card-txt{
  font-size:12px
}

section.contact-main-wrapper.ios-services{
  padding-bottom:32px
}

.right::after {
  
  background: none!important;
 
 
}

.expertise-slider-titles{
  font-size:20px
}

.expertise-slider-card .expertise-slider-txt{
  font-size:16px
}

.why-hire__card-body h3{
  font-size:19px
}
.why-hire__card-body p{
  font-size:14px
}


  .split-section {
    
  }

  .split-section > * {
    width: 100%; /* ensure children expand */
 
}
.options li{
  font-size:24px
}
.options{
  padding-inline:0
}

.contact-main-wrapper .trusted-section{
  padding:32px 0
}
.contact-main-wrapper .trusted-section .marquee-wrapper{
   margin-top:32px ;
}

.digi-web-solutions-row{
  margin-top:40px
}

.contact-main-wrapper .trusted-section p{
  color:#EBEBEB
}

.innovative-sections{
  padding:32px 0;
}

.awarded-cards, .awarded-cards-2{
  margin-top:0
}
.accolades{
  padding-bottom:32px
}
.d-flex{
  margin-top:32px
}

.innovative-sections .slick-slider{
    top:0
}

   .hire-dev-hero .digi-btn{

     width: 200px;

    justify-content: center;

    height:40px

    }

    .digi-btn{
      color:12px
    }

button.slick-arrow{
  display:none!important
}
.main-text{
  height:71vh
}

.hire-dev-hero{
  height:unset;
  background-size:contain
}
.left .digi-btn{
max-width:228px;
max-height:40px;
font-size:12px
}
 .digi-btn{
  max-width:262px;
  height:40px
}
 .digi-link-wrap .digi-btn {
       
        font-size: 12px;
 
    }
/* 
 .expertise-slider-card .digi-link-wrap a{
  max-width:207px;
  font-size:16px
} */

}

@media(max-width:767.9px){
   .content-box .rgt-txt p {
        font-size: 18px;
        text-align: center;
   
}



.options{
padding:0;
padding-top:23px
}



  a.digi-btn.hero-btn{
    padding:7px!important
  }
.content-box .rgt-txt {
        max-width: 100%;
        margin-top: 183px;
    }
.digi-web-solutions-wrap .digi-block-title{
margin-top:44px
}

    .lft-txt{
     display:none
    }

    .content-box{
    transform: unset;
    /* position:unset; */
    left:unset;
    top:0;
    padding:0
    }
   .hire-dev-hero {
 background: url('/wp-content/themes/digimantra/asset/img/mobile-android-back.png') no-repeat top;
 background-size:cover;
 height:auto;
 position:unset;
   }

      .awarded-cards, .awarded-cards-2{
    grid-template-columns: repeat(2, 1fr);
   }
    .main-text h1{
      max-width:315px;
      font-size:32px;
    }

    .content-box{
      position:unset;
    }
    
.content-box .rgt-txt {
      margin-top:0
    }
.hire-dev-hero .digi-link-wrap{
  display:flex;
  justify-content:center;
  margin-top:20px;
  margin-bottom:20px
}
    .main-text{
 height:auto
    }

    .hire-dev-hero  .image-container{

      display:none;
      margin-top: 70px;
    }

.left p {
  font-size: 24px;
  line-height: 34px;
  color: #aaa;
  margin-bottom: 32px;
  font-weight: 300;
  color:#EBEBEB
}

   .hire-dev-hero .image{
    display:none
   } 

   .container{
    flex-direction: column;
   }

   .main-hero{
    border:0px!important;
}

.counter .digi-web-solutions-wrap{
   border:0px!important;
   
}
  .digi-link-wrap .digi-btn {
        width: 241px !important;
        height: 48px;
        font-size: 11px !important;
        /* padding: 12.5px 12px !important; */
        justify-content: center;
    }

    .main-text h1{
      top:30px
    }

    .left h1{
  font-size:28px;
  line-height:140%;
  font-weight:600
}

.split-section{
  display:flex;
  flex-direction: column;
}
.images{
  position:unset;
  display:block
}

.images img{
  max-width:100%;
  max-height: 100%;
}


       .ios-row{

      display:flex;
      flex-direction:column;
    }

    .contact-main-wrapper .trusted-section h2{
      font-size:28px;
      line-height:140%;
      font-weight:600
    }

    .contact-main-wrapper .trusted-section p{
      font-size:18px;
      font-weight: 400;
      line-height:140%;
      margin-bottom: 0;
    }
    .innovative-inner{
      flex-direction: column;
    }

    .innovative-inner h2{
   font-size:28px;
      line-height:140%;
      font-weight:600
    }

    .innovative-inner p{
          font-size:18px;
      font-weight: 400;
      line-height:140%;
    }
.slick-list.draggable::after{
  display:none
}

.left p{
  font-size: 18px;
  font-weight:400;
  line-height:140%
}

.why-hire__card-body h3{
  font-size:20px
}
.why-hire__card-body p{
  font-size:14px
}
.right::after{
  display:none
}

.card h3{
  font-size: 18px;
  line-height:140%;
  font-weight:600
}
.digi-home-testimonial-section{
  padding-block:32px
}

.card p{
  font-size: 14px;
  font-weight:400;
  line-height:140%;
  margin-top:8px
}
.expertise-slider-card .digi-link-wrap a{
  width:299px;
  height:48px
}

.accolades .digi-btn{
  width:332px;
  height:50px
}
.card{
  min-height:unset;
  padding: 20px;
}

.intros__list{
  gap:32px;
  padding-bottom:0
}

.expertise-slider-titles{
  font-size:20px;
  font-weight: 500px;
  line-height:140%;
  margin-bottom: 20px;
}
.expertise-slider-card .digi-link-wrap{
  padding:19px
}

.expertise-slider-card .expertise-slider-txt{
  font-size: 14px;
  line-height: 140%;
  font-weight:400;
}

.expertise-slider-card{
  min-height:700px
}

.ios-services .image-container{
  flex-direction:column;
  gap:12px
}

.ios-services .image-container .digi-link-wrap .digi-btn:nth-child(2){
  width:207px!important;
}
.d-flex {

    margin-top: 20px;
}
.digi-web-solutions-row{
  border-top:0px
}
.etd{
padding-bottom:20px!important
}

.why-hire__card{
  padding:12px
}

.innovative-sections .slick-slider .slick-track{
  margin-top:32px;
  margin-bottom: 50px;
}
.why-hire__card-body{
  padding:0
}

.contact-main-wrapper.lead_ing .trusted-section p:nth-child(1){
  font-size:18px;
  padding-bottom:40px
}

.expertise-slider-card .expertise-slider-caption{
  padding:20px
}
.options li{
  display:none;
}

.options li.active{
  display:block
}

.digi-home-testimonial-section{
  padding-block:32px
}

.awarded-cards .awarded-recognized-card p, .awarded-cards-2 .awarded-recognized-card p{
  font-size: 12px;
}

.awarded-cards .awarded-recognized-card, .awarded-cards-2 .awarded-recognized-card{
  max-width:none;
  max-height:none
}

}

@media (max-width: 373px) {
    .digi-link-wrap .digi-btn {
        width: 241px !important;
        height: 48px;
        font-size: 11px !important;
        /* padding: 12.5px 12px !important; */
        justify-content: center;
    }
}

@media (max-width:360px) {

    /* .why-hire__card {
        width: 237px !important;
    } */
  .hire-dev-hero {
 background: url('/wp-content/themes/digimantra/asset/img/mobile-android-back.png') no-repeat top;
 background-size:contain;
  }
.why-hire__card img {
    width: 100%;
    height: 176px;
}
}