/* New */
.section-wrap2{padding-top:60px;padding-bottom:60px}
.section-wrap-top2{padding-top:60px}
.section-wrap-btm2{padding-bottom:60px}
.bg-ash{background-color: #F4F4F4;font-family: "Funnel Display", sans-serif !important;margin-top: 125px;}
.bg-ash figure{margin: 0;}
.three-cnt{padding-top: 200px;}
.txtStroke {
  color: #F37022;
  -webkit-text-fill-color: #F4F4F4; /* Will override color (regardless of order) */
  -webkit-text-stroke: 1px #F37022;font-weight: 300;
}
.btn-new{border:2px solid #F37022;background-color: #fff;font-size: 20px;font-weight: 500;padding: 10px 25px;color: #000;transition: all 0.5s ease;}
.btn-new:hover{box-shadow: 7px 6px 0 #000;}
.bg-ash h2.hdg {font-size: 36px;color: #000;}
.bg-ash h2.hdg span{display: inline-block;}
.btn-wrap2{display: flex}
.btn-wrap2.center{display: block;text-align: center;padding-top: 35px;}
.bg-ash h2:before{display: none;}
.three-count h2{position: relative;font-size: 36px;text-align: center;font-weight: 400;padding-bottom: 20px;margin-bottom: 40px;margin-top:0}
.three-count h2:after{bottom:0;left:50%;transform:translate(-50%);position: absolute;content:'';background:url('../images/underline_milestone.png') no-repeat center bottom;width: 435px;height: 18px;background-size: contain;}
.counting-bx{background:url('../images/bg_milestone-bx.png') no-repeat center center;width:400px;height:350px;background-size: cover;display: flex;
flex-direction: column;align-items: center;justify-content: center;background-size: contain;}
.counting-bx h4{color:#F37022}
.counting-bx p{color:#000;font-size: 24px;line-height: 30px;margin-bottom: 0;}
.hm-banner{display: flex;flex-direction: column;align-items: center;padding-top: 50px;}
.hm-banner p{color:#000;font-size: 26px;font-weight: 300;text-align: center;margin-bottom: 15px}
.hm-banner h1{color:#F37022;font-size: 50px;font-weight: 500;text-align: center;margin-bottom: 30px}
.hm-banner h1 span{display: block;margin-bottom: 10px;font-weight: 300;}
.hm-banner figure{position: relative;}
.btn-wrap.ban{margin-top: -60px;position: relative;z-index: 1;}

/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #e4e4e4;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.scroll-box {
  max-height: 245px;
  overflow-y: auto;
}

/* Scrollbar style */
.scroll-box::-webkit-scrollbar {
  width: 10px;
}

.scroll-box::-webkit-scrollbar-track {
  background: #E7E8E9;
}

.scroll-box::-webkit-scrollbar-thumb {
  background: #F89F73;   /* change color */
  border-radius: 10px;
}

.scroll-box::-webkit-scrollbar-thumb:hover {
  background: #F89F73;
}
.scroll-box {
  scrollbar-width: thin;           /* Firefox */
  scrollbar-color: #F89F73 transparent;
}
.scroll-box::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #a18cd1, #fbc2eb);
  transition: background 0.3s;
}

.scroll-box::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #fbc2eb, #a18cd1);
}

.faqs{padding-top: 20px;}
.faqs .faqs-in{padding:210px 50px 0;background: url('../images/bg_faqs.png') no-repeat center top;height: 605px;width: 1100px;margin:0 auto;background-size:contain}
.faqs h2.hdg {text-align: center;margin-bottom: 20px !important;}
.faqs h2.hdg span{font-size: 50px;margin-left: -200px;}

.faqs h3{font-size: 22px;font-weight: bold;margin-bottom: 15px;margin-top: 10px;}
.faqs p{font-size: 18px;font-weight: 400;margin-bottom: 15px;}

.about-blk h3{position: relative;font-size: 22px;font-weight: 400;margin-bottom: 30px;}
.about-blk h3:after{bottom:-15px;left:0;position: absolute;content:'';background:url('../images/underline_aboutUs.png') no-repeat center bottom;width: 165px;height: 18px;background-size: contain;}
.about-blk p,.about-blk h2,.about-blk h4{margin-bottom: 20px !important;}
.about-blk .btn-wrap2{padding-top: 10px;}

.our-clients {text-align: center;padding-top: 50px;padding-bottom: 80px;}
.our-clients .our-clients-in{background: url('../images/bg_ourClients.png') no-repeat center top;height: 448px;width: 100%;padding: 275px 140px 0;background-size: contain;}
.our-clients .our-clients-in .slick-slide figure {text-align: center;}
.our-clients .our-clients-in .slick-slide figure img{display: inline-block;}
.our-clients h2{margin-bottom: 30px !important;}
.our-clients .our-clients-in .slick-slide{padding:0 5px !important}

.latest-blogs {text-align: center;}
.latest-blogs .blogs-in{background: url('../images/bg_latestBlogs.png') no-repeat center top;height: 383px;width: 100%;padding:10px;background-size: contain;}
.latest-blogs h2{margin-bottom: 30px !important;}

.card-blk h2{text-align: center;}
.stack-section {
  margin-top: 60px !important;
  position: relative;
  /* padding-top: 140px; Adjust until visible below header */
}
.stack-section h2{position: absolute;left: 35%;top: 30px;}
 .pin-spacer{margin-top:0 !important;padding-bottom: 0 !important;margin-bottom: 0 !important;} 
.cards {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 800px;
  width: 100%;
  margin-bottom: 90px;
  transition: margin-top 0.3s ease;
  background: url('../images/bg_services.png') no-repeat center top;
  background-size: contain;
}


.custom-card {
  position: absolute;
  width: 70%;
  top: 150px;
  left:16%;
   /* height: 70vh; */
  /*background: linear-gradient(-40deg, #d754ad 0%, #f96785 67%, #fe7333 100%); */
  color: #333;
  display: flex;
  align-items: center;
  border:1px solid #000;
  background-color: #F4F4F4;
  height: 400px;border-radius: 25px;
}

.custom-card:nth-child(n) {top: calc((var(--i) * 30px) + 150px);}

.custom-card figure.main{padding: 0 20px;}
.custom-card h3{font-size: 28px;font-weight: 500;color: #000;margin-bottom: 20px}
.custom-card p{font-size: 20px;font-weight: 500;color: #000;margin-bottom: 20px}
.custom-card .btn-new{position: relative;z-index: 9999;}
.opacity {transition: 0.4s ease;opacity: 0.6;}

.scale {
  transition: 0.4s ease;
  width: 95%;
}
.portFolio{padding-bottom: 50px}

footer {font-family: "Funnel Display", sans-serif !important;}
.footer{padding-top:70px;padding-bottom:180px;background: #fff url('../images/bg_footer.png') no-repeat center bottom;position: relative;background-size: contain;}
.footer figure{margin-bottom: 0;}
.footer .hdg-wrap{display: flex;padding-top: 30px;}
.footer .hdg-wrap .bird{width: 24%}
.footer .hdg-wrap h2{width: 76%;font-size: 30px;font-weight: 400;line-height: inherit;font-family: "Funnel Display", sans-serif !important;margin:0}
.footer .hdg-wrap h2:before{display: none;}
.footer::before{top:0;left:0;position: absolute;content:'';background:url('../images/bg_footer-top.png') no-repeat center top;width:100%;height: 65px;background-size: contain;}
.footer h3{color:#000;font-size:18px;margin-bottom:25px;position: relative;font-weight: 600;font-family: "Funnel Display", sans-serif !important}
.footer h3:after{bottom:-12px;left:0;position: absolute;content:'';background:url('../images/underline_ftr-hdg.png') no-repeat left bottom;width: 167px;height: 8px;background-size: contain;}
.footer ul{padding-left: 0;}
.footer ul li{margin-bottom:15px;position:relative;}
.footer ul li a{color:#000;font-size:18px;text-decoration: none;}

.ftr-ash .footer{background-color: #F4F4F4 !important;}

@media(max-width:1599px){
.our-clients .our-clients-in{padding: 250px 40px 0;height: 420px;}




}

@media(max-width:1439px){
.counting-bx{width: 350px;height: 305px;}
.bg-ash h2.hdg{font-size: 32px;}
.our-clients .our-clients-in{padding-top: 215px;height:362px}
.custom-card{left:12%;width: 78%;}
.custom-card:nth-child(n) {top: calc((var(--i) * 30px) + 115px);}

}
@media(max-width:1365px){
  .hm-banner p{font-size: 24px}
  .hm-banner h1{font-size: 40px}
  .hm-banner h1 span{font-size: 30px;}
  .three-count h2{font-size: 30px;}
  .section-wrap2{padding-top:50px;padding-bottom:50px}
  .section-wrap-top2{padding-top:50px}
  .section-wrap-btm2{padding-bottom:50px}
  .bg-ash{margin-top: 103px;}

}

@media(max-width:1199px){
  .hm-banner p{font-size: 22px}
  .hm-banner h1{font-size: 36px}
  .hm-banner h1 span{font-size: 28px;}
  .counting-bx {width: 292px;height: 254px;}
  .faqs .faqs-in{width: 100%;height: auto;padding:192px 40px 20px}
  .faqs h2.hdg span {font-size: 40px;margin-left: -138px;}
  .faqs h3{font-size: 20px;}
  .faqs p {font-size: 17px;}
  .scroll-box{max-height: 200px;}
  .bg-ash h2.hdg{font-size: 30px;}
  .our-clients .our-clients-in{padding-top: 170px;height:305px}
  .stack-section h2 {left: 33%;top: 10px}
  .custom-card h3 {font-size: 24px;margin-bottom: 15px;}
  .custom-card p{font-size: 18px;}
  .btn-wrap.ban{margin-top: -32px;}
  .about-blk figure {text-align: center;margin-bottom: 20px;}
  .about-blk figure img{width: 80%;display: inline-block}


}

@media(max-width:991px){
  .counting-bx {width: 215px;height: 200px;}
  .counting-bx h4 {font-size: 36px;}
  .counting-bx p {font-size: 17px;line-height: 22px;}
  .three-count h2{margin-bottom: 30px;}
  .three-count h2:after{width: 338px;}
  .our-clients .our-clients-in {padding-top: 118px;height:228px}
  .portFolio figure{text-align: center;margin-bottom: 30px;}
  .portFolio .slick-slide figure {margin-bottom: 0;}
  .footer{padding-bottom: 125px;}
  .footer .hdg-wrap h2{font-size: 24px;}
  .faqs .faqs-in{padding: 138px 22px 20px;}
  .scroll-box {max-height: 130px;}
  .custom-card figure.main {padding: 0 10px;}
  .custom-card figure.main img{width: 200px;}
  .cards{background-image: url('../images/bg_services-mbl.png');}
  .custom-card {left: 6%;width: 88%;padding-left: 20px;}
  .custom-card:nth-child(n) {top: calc((var(--i) * 30px) + 98px);}
  .custom-card figure.main{text-align: center;margin-top: 40px;}
  .custom-card h3 {font-size: 20px;margin-bottom: 5px;}
  .custom-card p {font-size: 17px;}
  .our-clients {padding-top: 0;padding-bottom: 50px;}

}

@media(max-width:767px){ 
   .custom-card:nth-child(n){padding-left: 0;}
  .custom-card .cardIn{flex-direction: column;}
  .our-clients .our-clients-in{background-image: url('../images/bg_ourClients-mbl.png');height:245px}
.section-wrap2{padding-top:40px;padding-bottom:40px}
.section-wrap-top2{padding-top:40px}
.section-wrap-btm2{padding-bottom:40px}
.hm-banner{padding-top: 30px;}
.btn-wrap.ban {margin-top: -28px}
.counting-bx{margin: 0 auto;}
    .hm-banner h1 {font-size: 30px;line-height: 32px; }
    .hm-banner h1 span {
        font-size: 26px;
    }
    .three-count h2 {
        font-size: 26px;margin-bottom: 25px;
    }
    .counting-bx {
        width: 100%;
        height: 260px;
    }
    .counting-bx p {
        font-size: 22px;
        line-height: 26px;
    }
    .three-count h2:after {
        width: 285px;
    }
.bg-ash h2.hdg{font-size: 26px;}
.about-blk figure{text-align: center;}
.about-blk figure img{width: 80%;display: inline-block;}
  .our-clients h2{margin-bottom: 25px !important;}
  .portFolio figure img{width: 80%;}
  .portFolio .slick-slide figure img{width: 100%;}
   .footer{padding-top: 25px;}
  .footer h3{padding-top:15px}
  .footer .hdg-wrap .bird img{width: 80%;}
  .footer h3:after{width: 132px;}
    .faqs .faqs-in{background-image: url('../images/bg_faqs-mbl.png');padding: 92px 23px 20px;height: 427px;}
        .scroll-box {max-height: 244px}
        .btn-new{padding: 6px 15px;font-size: 17px;}
        .cards{background: none;max-width: 520px !important;}
        .stack-section{margin-top: 0 !important;}
        .stack-section h2 {
        position: absolute;
        text-align: center;
        left: 50%;
        right: auto;
        top: 38px;
        width: 100%;
        transform: translateX(-50%);
    }
    .custom-card figure.main {margin-top: 20px;padding: 0 10px 20px;}
    .custom-card{height:auto;padding-bottom: 25px;}
    /* .our-clients{margin-top: 85px;} */
    .custom-card h3{margin-bottom: 15px;}
        .bg-ash {margin-top: 85px}
        .stack-section h2{line-height: 27px;}
        .faqs {padding-top: 0}
        .our-clients{padding-top:30px}
        .btn-wrap2.center{padding-top:25px}
    

}

@media(max-width:575px){
  .hm-banner p {font-size: 20px;line-height: 24px;}
  .our-clients .our-clients-in{padding-top: 73px;height:186px}
  .our-clients h2{margin-bottom: 20px !important;}
  .footer .hdg-wrap h2 {font-size: 20px;}
  .footer ul li a{font-size: 17px;}
  .faqs .faqs-in {padding: 62px 15px 15px;height:375px}
  .faqs h2.hdg{margin-bottom: 10px !important;}
  .faqs h2.hdg span {font-size: 32px;margin-left: -117px}
  .faqs h3 {font-size: 18px}
  .btn-wrap.ban {margin-top: -6px;margin-bottom: 0;}
        .bg-ash {margin-top: 77px}
        .our-clients{padding-bottom: 40px;}
  }


  @media(max-width:479px){
  .stack-section h2{top:20px}
  .scroll-box {max-height: 193px}
  .faqs .faqs-in{height:330px}
  .card-blk{padding-bottom: 30px;}



  }

@media(max-width:413px){
  .our-clients .our-clients-in .slick-slide figure img{width: 80%;}
  .our-clients .our-clients-in {padding-top: 65px;height: 162px;}
  .scroll-box {max-height: 148px}
  .faqs .faqs-in{height: 283px;}
  .custom-card p{text-align: justify;}
  .bg-ash {margin-top: 70px}
  .card-blk{padding-bottom: 50px;}
  .our-clients{padding-top: 70px;}
  .our-clients h2 {margin-bottom: 12px !important}
  .card-blk{padding-top: 35px}
  .stack-section h2{top:0}

}