@charset "utf-8";

@media (min-width : 1200px) {

.common-container{ padding-right: 30px; padding-left: 30px; }
.right-container{padding-left: 30px;}
.header-wrap{padding-top: 25px;}
header.sticky .header-wrap{padding-top: 0;}
.ham-menu-btn {display:none;}
.nav-sec {display:flex;}
.header-wrap .enquiry-btn{display: flex;}

.section-head{ font-size: 72px;}
.work-box-img{border-radius: 50px;}
.work-box-img > img{border-radius: 50px;}
.work-box > b{font-size: 23px;}
.review-sldr-box {flex-direction: row;}
.author-profile > img {max-width: 600px;}
.author-cont {gap: 100px;}
.author-cont > p{ font-size: 23px;}
.author-cont > b{ font-size: 23px;}
.enquiry-wrap .form-wrapper{width: 80%; margin: 100px auto 0; }

.circle { width: 400px; height: 400px;}
.circle p {font-size: 25px;}
.trans-inner-cont{gap: 75px;}
.trans-inner-cont > div > b{font-size:80px;}

/* submenu */
.serv-sub-menu.sm-sub-menu{  min-width: 200px; max-width: 200px; border-radius: 20px;  padding: 25px;right: auto; left: auto;}
.serv-sub-menu.sm-sub-menu .common-container{padding: 0;}
.has-sub-menu:hover .serv-sub-menu.sm-sub-menu{right: auto; left: auto;}
.serv-sub-menu.sm-sub-menu .sub-menu-list{ flex-direction: column; gap: 15px;}


}

@media (min-width : 1300px) {

.nav-links{gap: 30px;}
.testim-head-sec{grid-template-columns:1fr 2.5fr;}

}

@media (min-width: 1400px) {    

.common-container { padding-right: 50px; padding-left: 50px; }
.right-container{padding-left: 50px;}

.hom-about-sec {grid-template-columns:2fr 1fr;}
.abt-seperator {flex-direction: row;gap: 0;margin-bottom: 80px;}
.abt-seperator::before { font-size:450px; left:35%; top:50%;bottom: auto; transform: translateY(-50%);}
.serv-section{ grid-template-columns:1fr 3fr; gap:50px;}
.serv-box-title{font-size: 22px;}

.foot_secs {grid-template-columns: 2fr 1.5fr 1fr 1fr;}
.foot_sociallinks{justify-self:end;}

.adress-box {gap: 35px;}
.adress-box > i{width: 65px;}
.adress-head{font-size: 26px;}
.adress-box > div > a{font-size: 18px;}
.cont-form-wrapper{ gap: 100px;}

}

@media (min-width: 1500px) { 

.common-pad {padding:80px 0;}

.serv-title{font-size: 65px;}
.featr-img{width: 100px;}
.featr-title{ font-size: 40px;}
.circle { width: 475px; height: 475px;}

.trans-inner-cont {margin: 0 60px;}
.trans-inner-cont > div > b{font-size:100px;}

/* submenu */
.sub-menu-list{gap: 70px;}
.sub-menu-title{font-size: 16px;}


}

@media (min-width: 1600px) {

.common-container { max-width: 1500px;margin: 0 auto;  padding-right: 15px; padding-left: 15px;}
.right-container{padding-left: 15px;margin-left: 50px;}
.header-wrap{gap: 50px;}

.review-sldr-box{ padding:0 250px; gap:110px; }
.review-sldr-box::before{width:180px; height:180px;}
.author-profile > img{min-width: 600px;}
.author-cont > p{font-size:25px;}
.author-cont > b {font-size:25px;}


}

@media (min-width: 1700px) {

.common-container {max-width:1600px;}

}
@media (min-width: 1800px) {

.common-container {max-width:1700px;}

}

@media (min-width: 1900px) {

.common-container {max-width:1800px;}
.common-pad {padding:100px 0;}

/* banner */
.corner-border {position:relative; padding:2em 3rem;}
.corner-border::before, .corner-border::after, .corner-border span::before, .corner-border span::after {width:36px; height:36px;}
.comp-title {font-size:42px; line-height:1.5em;}
.comp-title-tag {font-size:32px; line-height:1.5em;}
.comp-title-tag >b {font-size:73px; line-height:1.3em; }
.banner-thumb-img{gap: 33px;}
.thumb-img-links{font-size: 18px;max-width: 100%;}

/*home-about*/
.hom-about-sec {grid-template-columns:1.5fr 1fr; gap:75px;}
.abt-left-cont {flex:1.1;}
.about-title {font-size:42px; }
.about-title > i {font-size:82px;}
.abt-left-cont > p{font-size: 18px;}
.abt-seperator::before {font-size:620px;left:25%; }
.counter-item{gap: 75px;}
.counter-item > img {max-width:75px;}
.counter-cont > b{font-size: 50px;}
.counter-cont > i{font-size:20px;}

/*home-service*/
.serv-box{min-height: 500px;}
.serv-title{font-size: 82px;}
.serv-left-sec > p{font-size: 25px;}
.serv-box-title{font-size: 30px;}

.section-sub-head { margin-bottom: 50px;}
.section-head{font-size:82px;}
.work-slidr-sec{ margin-top: 80px;}

/* features */
.feature-box{gap: 80px;}
.featr-img{width: auto;}
.featr-title{font-size: 48px;}

/* testimonial */
.testim-head-sec{grid-template-columns:1fr 3fr;}
.big-text-testm::before{font-size:354px;}
.big-text-testm {height:354px;}

/* home-blog */
.hom-blog-box{padding: 0 10px;}
.blog-thumb-title{font-size: 25px;}
.hom-blog-box > p{font-size: 18px;}

/* footer */
.foot_secs {grid-template-columns: 1.5fr 2fr 1fr 1fr;}
.foot-link-wrap{gap: 125px;}

/* transition */
.circle { width: 600px; height: 600px;}
.trans-inner-cont > div > b{font-size:120px;}
.trans-inner-cont{gap: 100px;}

/* contact us */
.adress-box > i{width: auto;}
.adress-head{ font-size: 30px;  }
.adress-box > div > a {font-size: 20px;}

/* submenu */
.sub-menu-list{ gap: 100px;}
.sub-menu-title{font-size: 20px;}
.sub-menu-list > li{gap: 40px;}
.serv-sub-menu.sm-sub-menu .sub-menu-title{font-size: 17px;}

.comn-sub-head{margin: 0 0 60px;}


}

@media (min-width: 2000px) {
.right-container{max-width:2000px;margin: 0 auto;}
}
     
@media (max-width: 1199px) {

.serv-sub-menu {position:relative; background:transparent; padding:0; max-height:100%; left:0; right:auto; top:0; opacity:1; visibility:visible;}
.serv-sub-menu .common-container {padding:0;}
.sub-menu-list {flex-direction:column; gap:20px; max-height:0; overflow:hidden; opacity:0; transition:max-height 0.8s ease, opacity 0.8s ease;}
.sub-menu-list.show {max-height:1000px; opacity:1; padding:20px 0; border-bottom:1px solid rgb(255 255 255 / 25%);}
.serv-menu-img {display:none;}
.serv-menu-cont {display:none;}
.sub-inner-menu {max-height:0; overflow:hidden; opacity:0; transition:max-height 0.8s ease, opacity 0.8s ease; display: none;}
.sub-inner-menu.show {max-height:1000px; opacity:1; display: flex; border-bottom: 1px solid rgb(255 255 255 / 25%); padding-bottom: 10px;}
.has-sub-menu {position:relative; padding-right:35px;width: 100%;}
.has-child-menu::after {display:none;}
.sm-menu-btn {display:block;}
.btnServMenu.open, .btnServSubMenu.open { transition:all 0.4s ease;  transform: rotate(180deg);}
.has-child-menu {padding-right:0; width:fit-content;}
.sub-menu-title > b{display: inline;}
.sub-menu-list > li{ gap: 20px;}
.sub-inner-menu > li > a{ font-size: 16px;}


}
        
@media (max-width: 992px) {

.right-container{padding-right: 30px; padding-left: 30px;}
.company-logo {width: 200px;}
.thumb-img-links{min-width: 125px;}
.hom-about-sec{grid-template-columns: 1fr;gap: 0px;}
.about-cont{ display: flex; flex-direction: column; gap: 50px;}
.abt-seperator{margin: 0;}
.xl-abt-img{display: none;}
.sm-abt-img{display: block;margin: 0 auto;}
.abt-seperator::before{left: 50%;transform: translateX(-50%);}
.counter-strip{margin: 0;}
.abt-left-cont{ gap: 30px;}
.about-title{margin-bottom: 5px;}
.year-icon{padding-bottom: 0;}

.serv-title{font-size: 55px;}
.serv-section{grid-template-columns: 1.5fr 2fr;}
.hom-service-wrap{padding: 80px 0 150px;}
.section-sub-head{ font-size: 22px;}
.section-head{ font-size: 52px;}
.work-slidr-sec{margin-top: 40px;padding-bottom: 100px;}
.work-custom-nav{top: auto; right: auto; bottom: 0; left: 50%; transform: translateX(-50%);gap: 50px;}

.feature-section{ flex-wrap: wrap; gap: 100px 50px; width: 75%; margin: 0 auto;}
.feature-box{ width: 40%; text-align: center;}
.featr-img{ margin: 0 auto;}

.testim-head-sec{ grid-template-columns: 1fr;gap: 0;text-align: center;}
.big-text-testm{display: none;}
.review-sldr-box{padding: 150px 0 0;align-items: center;}
.review-sldr-box::before{width: 100px;height: 100px;left: 50%;transform: translateX(-50%);}
.testimonial-slider .swiper-pagination{ left: 0;}
.author-cont > p{padding-top: 0;}
.author-cont > p::before{display: none;}

.lg-blog-vw{display: none;}
.sm-blog-vw{display: block; width: 70%; margin: 0 auto;}
.hom-blog-head{text-align: center;}
.blog-all-link{ top: 40px;right: auto;left: 50%;transform: translateX(-50%);}
.blog-thumb-img{ min-height: 100%;}

.client-card-wrap{ padding: 40px 0;}

.footlogo{width: 200px;margin: 0 0 20px;}
.foot_secs{grid-template-columns: 2fr 1fr; gap: 50px 20px;}

.rad-dark-grad{background: rgb(0 0 0 / 80%);}
.circle-section{flex-direction: column;}
.circle{ width: 250px; height: 250px;}

.trans-inner-cont{ gap: 25px;flex-direction: column;}    
.trans-inner-cont > div:nth-child(1){ flex: none;margin-bottom: 0;}
.trans-inner-cont > div:nth-child(2){ flex: none;}
.trans-inner-cont > div:nth-child(3){ flex: none;text-align: center;}

.address-strip{ padding: 80px 0 0;}
.address-links{ flex-wrap: wrap;}
.contact-form-section{padding: 80px 0 0;}
.map-section{padding: 80px 0 0;}
.cont-form-wrapper{gap: 30px; flex-direction: column;}

.sub-cont-section{padding: 60px 0 0;}

.work-custom-nav{display: flex;}


}
        
@media (max-width: 767px) {

.corner-border{ padding: 1em;}
.comp-title{font-size: 28px;}
.comp-title-tag{font-size: 28px;}
.comp-title-tag >b{font-size: 65px;}
.round-bord-wrap{padding: 80px 0 150px;border-radius: 60px 60px 0 0;margin-top: -80px;}
.xtra-pad-btm{padding-bottom: 150px !important;}
.testimonial-wrap::before {border-radius: 60px 60px 0 0;}
.enquiry-wrap::before{border-radius: 60px 60px 0 0;}
.serv-section {grid-template-columns: 1fr;gap: 50px;padding-bottom: 80px;}
.serv-left-sec{ gap: 30px;text-align: center;align-items: center;}
.serv-left-sec{padding-bottom: 0px;}
.serv-title{font-size: 50px;}
.serv-box{margin: 0 auto;}
.hom-service-wrap{padding: 60px 0 150px;}
.slider-custom-nav{ left: 50%; transform: translateX(-50%); gap: 50px;}

.discover-link{font-size: 16px;}

.feature-section{width: 100%;}
.sm-blog-vw{ width: 100%;}

.footer-wrap{ padding: 80px 0 0;}
.foot_secs{grid-template-columns: 1fr;padding: 0 0 20px;gap: 20px;}
.foot_secs > div:not(:last-child) { border-bottom: 1px solid rgb(255 255 255 / 30%); padding-bottom: 20px; }
.foot_sociallinks{justify-self: center;}
.foot_logosec{  display: flex; flex-direction: column; }
.foot-link-wrap{order: 1;}
.foot-link-section{ gap: 20px; justify-self: start; width: 100%;}
.footer-abt-content > div{ max-height: 100%;}

.address-strip{ padding: 60px 0 0;}
.address-links{ flex-direction: column;}
.contact-form-section{padding: 60px 0 0;}
.map-section{padding: 60px 0 0;}



}
        
@media (max-width: 575px) {

.common-container{padding-right: 15px; padding-left: 15px;}
.right-container{padding-right: 15px; padding-left: 15px;}
.common-pad {padding:30px 0;}
.company-logo {width: 165px; }

.comp-title {font-size: 22px; }
.comp-title-tag{font-size: 17px;}
.comp-title-tag >b{font-size: 45px;}
.banner-thumb-img{left: 50%; transform: translateX(-50%);}
.whatsapp-float{ width: 50px; height: 50px;padding: 10px;}
.scrollup{right: 28px; bottom: 85px;}
.banner-inner{ height: 90vh;}

.hom-abt-wrap{padding: 50px 0;}
.about-cont{text-align: center;}
.about-cont .discover-link{ align-self: center;}
.excel-year{text-align: left;}
.abt-seperator::before{font-size: 250px;bottom: 95px;}
.year-icon > em{font-size: 35px;}
.year-icon > span{font-size: 55px;}
.counter-item{gap:40px;}
.counter-strip{flex-direction: column;gap: 50px;}
.counter-strip::before{display: none;}
.counter-item::after{top: auto;bottom: -26px;left: 100%;right: 100%;transform: translateY(0);}
.counter-item:hover:after { right: 33%;left: 33%;}
.counter-item::before{ position: absolute;content: "";width: 70%;height: 1px;background-color: #707070;left: 0;right: 0;bottom: -25px;margin: 0 auto;}

.serv-section{padding-bottom: 60px;}
/* .sldr-nav-btn{ width: 33px; height: 33px;} */
.work-slidr-sec{padding-bottom: 70px;}

.section-sub-head{font-size: 18px;margin-bottom: 15px;}
.section-head{font-size: 35px;}
.work-box > b{font-size: 18px;}
.work-box > b > i {height:5px;width:5px;;}
.work-box > b > i::before, .work-box > b > i::after {height:5px;width:5px;}
.work-box > b > i::before{left: -9px;}
.work-box > b > i::after{left:-18px}

.feature-section{padding-top: 0;gap: 50px 25px;}
.featr-img{width: 65px;}
.feature-box {width: 45%;gap: 40px;}
.featr-title{font-size: 20px;}

.author-profile > img{ max-width: auto;min-width: auto;}
.head-sub-cont{font-size: 20px;}
.review-sldr-box{  padding: 120px 0 0;}
.review-sldr-box::before { width: 80px; height: 80px;}
.author-cont{ gap: 30px;}
.author-cont > p{font-size: 18px;}
.author-cont > b{font-size: 18px;}
.testimonial-slider .swiper-pagination{gap: 5px;}

.hom-blog-box{align-items: center;text-align: center;}
.lg-client-card{display: none;}
.sm-client-card{display: block;}

.clients-wrap .wrap-head-sec{text-align: center;}
.footer-wrap{font-size: 15px;}

.foot_copyright{ padding: 20px 0;}
.footlogo{ width: 165px;}

.trans-inner-cont{gap: 15px; margin: 0 20px;}
.trans-inner-cont > div > b{ font-size: 45px;}
.trans-inner-cont > div > p{font-size: 15px;}

.address-strip{ padding: 40px 0 0;}
.contact-form-section{padding: 40px 0 0;}
.map-section{padding: 40px 0 0;}
.adress-box > i{ width: 30px;}
.cont-form-lft, .cont-form-rght, .cont-form-wrapper{gap: 20px;}
.comn-input-group input, .comn-input-group textarea, .comn-input-group select, .custom-file-label{min-height: 55px; font-size: 17px;}
.comn-label{ font-size: 17px;}
.comn-input-group textarea{min-height: 150px;}
.comn-sub-btn{ height: 60px;}
.gmap-wrapper{height: 50vh;}

.faq-head{margin: 0 0 30px; font-size: 40px;}
.accordion__header{font-size: 18px;}
.accordion__content{  font-size: 15px;}

.sub-cont-section{padding: 40px 0 0;}
.comn-sub-head{margin: 0 0 30px; font-size: 40px;}
.land-page-portfolio{margin-bottom: 60px;}

.round-sec-outer{padding: 50px 0 0;}
.circle.active{border: 4px solid #fff;}


}


@media (max-width: 375px) {

.comp-title-tag{font-size: 16px;}
.comp-title-tag >b { font-size: 40px; }

.news-letter-input input{font-size: 13px; padding: 12px 20px;}
.news-letter-input button{ font-size: 12px;padding: 12px;}

.year-icon > span{font-size: 50px;}

.trans-inner-cont{gap: 10px;}
.trans-inner-cont > div > b{ font-size: 35px;}



}
@media (max-height: 800px) and (max-width: 525px) {
    .circle{ width: 200px; height: 200px;}

}