:root{--title-font-size: clamp(1.4375rem, 0.561rem + 2.439vw, 3rem);--title-mb: clamp(0.75rem, 0.4695rem + 0.7805vw, 1.25rem);--section-py: clamp(3rem, 1.6677rem + 3.7073vw, 5.375rem);--tc-info: #E45228;--tc-primary: #393185;--tc-secondary: #444444;--tc-light: #F3F3F3;--title-color: #414390;--subtitle-font-size: clamp(1.25rem, 0.3654rem + 2.4615vw, 1.75rem);--subtitle-mb: clamp(0.5rem, 0.3598rem + 0.3902vw, 0.75rem);--rounded: clamp(1rem, -7.1341rem + 22.6341vw, 15.5rem);}
body{--bs-body-font-family: 'Graphik', sans-serif;color:var(--tc-secondary);font-optical-sizing:auto;overflow-x:hidden; }
button:focus,.btn:active,.btn:focus,.form-control:focus{outline:0;box-shadow:none!important}

.themenavbar .navbar-brand{max-width: 256px;margin-left: 12px;--bs-navbar-brand-padding-y: 20px;}
.themenavbar .navbar-nav .nav-link{padding: 7px 14px;font-weight: 600;font-size: 21px;line-height: normal;position: relative;--bs-nav-link-color: var(--tc-secondary);--bs-navbar-active-color: var(--tc-primary);--bs-nav-link-hover-color: var(--tc-primary);}
.themenavbar .navbar-nav .dropdown-toggle::after{border: none;content: "";vertical-align: baseline;width: 10px;height: 8px;background: url(../images/drop-toggle-icon.svg) no-repeat;background-size: contain;filter: contrast(0) invert(1);}
.themenavbar .navbar-nav .nav-link::before{content: "";position: absolute;bottom: 34px;width: 0px;height: 2px;left: 0px;right: 0;margin: auto;background: var(--tc-primary);}
.themenavbar .navbar-nav .dropdown-menu {border: none;padding-top: 0;--bs-dropdown-spacer: 0;border-radius: 0px 0px 12px 12px;}
.themenavbar .navbar-nav .dropdown-menu>li+li .dropdown-item{border-top: solid 1px #EFEFEF;}
.themenavbar .navbar-nav .dropdown-item {font-size: 16px;font-weight: 500;padding: 9px 24px;position: relative;--bs-dropdown-link-color: var(--tc-secondary);--bs-dropdown-link-active-color: var(--tc-secondary);--bs-dropdown-link-active-bg: #fff;--bs-dropdown-link-hover-bg: #fff;}
.themenavbar .navbar-nav .dropdown-item:before {content: "";position: absolute;color: var(--tc-primary);left: 16px;top: 18px;opacity: 0;visibility: hidden;height: 2px;width: 12px;background: var(--tc-primary);transform: translateX(5px);}
.themenavbar .navbar-nav .dropdown-item:hover {padding: 9px 16px  9px 32px;}
.themenavbar .navbar-nav .dropdown-item:hover:before {opacity: 1; visibility: visible; transform: translateX(0px); }

.themenavbar .navbar-toggler{width: 52px;height: 42px;margin-left: auto;overflow:hidden;position:relative;border: none;}
.themenavbar .navbar-toggler::before{transform: translateY(-8px);width: 46%;}
.themenavbar .navbar-toggler::after{transform: translateY(8px);width: 36%;}
.themenavbar .navbar-toggler::before, .navbar-toggler::after, .navbar-toggler .lines{content: "";position:absolute;display:block;width: 56%;height: 2px;background: #393185;border-radius: 4px;transition:.6s;}
.themenavbar .offcanvas.show .navbar-toggler .lines, .themenavbar .offcanvas.show+.rightnav .navbar-toggler .lines{transform:translateX(110px);transition-delay:0s;background: #ffffff;}
.themenavbar .offcanvas.show .navbar-toggler::before, .themenavbar .offcanvas.show+.rightnav .navbar-toggler::before{transform: translateY(0) rotate(45deg);width: 50%;height: 2px;}
.themenavbar .offcanvas.show .navbar-toggler::after, .themenavbar .offcanvas.show+.rightnav .navbar-toggler::after{transform: translateY(0) rotate(314deg);width: 50%;height: 2px;}

#myCarousel .carousel-caption{bottom: 50%;max-width: 822px;margin: auto;transform: translateY(50%);}
#myCarousel .carousel-item h5{font-size: clamp(1.25rem, 0.7813rem + 2.3438vw, 3.125rem);margin-bottom: 9px;color:#FFF;line-height: 106%;font-weight: 700;text-shadow: 0px 1px 7px rgba(0, 0, 0, 0.32);}
#myCarousel .carousel-item h5{-webkit-animation-name:fadeInDown; animation-name:fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1.2s; -webkit-animation-fill-mode: both;  animation-fill-mode: both; }
#myCarousel .carousel-indicators>button{width: 8px;height: 8px;border: none;margin-bottom: 3rem;border-radius: 8px;-webkit-transition:all 250ms linear;transition:all 250ms linear;}
#myCarousel .carousel-indicators>button.active{width: 24px; }

@keyframes bounceIn{0%,100%,20%,50%,80%{transform:translateY(0);opacity:1}40%,60%{transform:translateY(-5px);filter:blur(.5px) brightness(0) invert(1) contrast(.7)}}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@-webkit-keyframes bgmove{50%{background-position: 0 80%}}
@keyframes bgmove{50%{background-position: 0 80%}}
@-webkit-keyframes imgShine{100%{left:125%;}}
@keyframes imgShine{100%{left:125%;}}
@-webkit-keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } }
@keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } }


/* ==============================
     Responsive   
     ============================== */ 
     @media only screen and (min-width:768px) {
          .philosophy .card h4{font-size: 21px; margin-bottom: 9px; }
          .ValuesSwiper .swiper-wrapper .swiper-slide{padding-block: 16px 48px; }
          .ValuesSwiper .swiper-wrapper .swiper-slide:nth-child(even) .card{-webkit-transform: translateY(48px); transform: translateY(48px); }
          .cvalues .whybox .card{padding: calc(0.5 * var(--section-py)); }
          .cvalues .whybox .card h4 { font-size: 21px; margin-top: 8px; }
          .cvalues .whybox .card p { font-size: 19px; }
     }

     @media only screen and (min-width:992px) {
          .gy-30{--bs-gutter-y: 30px;}.gx-30{--bs-gutter-x: 30px; }
          .business .card h5{font-size: 22px;}
          .projects .prodisc{gap: 24px;display: grid;-ms-grid-columns: auto 35%;grid-template-columns: auto 35%;}
          .projects .prolist{height: 100%;padding-left: 24px;padding-block: 12px;border-left: solid 1px #C4C4C4;}
     }

     @media only screen and (min-width:1200px) {
          .themenavbar .navbar-nav {max-width: 896px;margin-inline: auto;}
          .themenavbar .navbar-nav .nav-item{flex: 1 1 auto; text-align: center; }
          .themenavbar .navbar-nav .nav-link{padding: 40px 0px;display: inline-block;font-weight: 500;font-size: 17px;}
          .themenavbar .navbar-nav li:hover .nav-link::before{width: 100%;} 
          .themenavbar .navbar-nav .nav-item.dropdown {filter: drop-shadow(0px 28px 21px rgba(0, 0, 0, 0.12)); }
          .themenavbar .navbar-nav .nav-item .dropdown-menu {visibility: hidden; display: block; -webkit-transition: 0.5s; transition: 0.5s; clip-path: polygon(0% 0%,100% 0%,100% 0%,0% 0%); }
          .themenavbar .navbar-nav .nav-item:hover .dropdown-menu, .themenavbar .navbar-nav .nav-item .dropdown-menu.show{visibility: visible; clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);}
          .themenavbar .navbar-nav .nav-item .dropdown-menu.megamenu {
                display: grid;
                column-gap: 28px;
                padding-top: 9px;
                grid-template-columns: 1fr 1fr;
            }
             
                .themenavbar .navbar-nav .nav-item .dropdown-menu.megamenu li:nth-child(2) .dropdown-item {
                    border-top: none;
                }
     }

     @media only screen and (min-width:1400px){
          .container {max-width: 1370px; } 
          .lspace{padding-left: calc(0.6 * var(--section-py));}
          .rspace{padding-right: calc(0.6 * var(--section-py));}
          .contactbox .themeform{height: 100%;}
     }

     @media only screen and (min-width:1600px){
          .container {max-width: 1570px; } 
          .themenavbar .navbar-brand{margin-left: 2.5%;}
          .rightnav .themebtn{margin-right: 50px;}
          .info-card{padding: 30px 10px 30px 17px; }
          .contactbox .col-xxl-7{width: 50%; }
          .contactbox .themeform{padding-inline: 1.5rem; }
     }

     @media only screen and (min-width:1800px){
          .container {max-width: 1770px; } 
          .info-card{padding: 30px 28px; }
     }

	@media only screen and (min-width:1921px){
		.hero-content-reveal{padding-top:12%;}
	}

     @media only screen and (max-width:1399px) {	
          .themenavbar .navbar-nav .nav-link{font-size: 16px; }
          .rightnav .themebtn{font-size: 15px; margin-inline: 16px 8px; padding: 12px 16px 10px;}
     }

     @media only screen and (max-width:1199px) {
          .theme-recent-post-item h6{font-size: 20px }
          .themenavbar .offcanvas{border: none; }
          .themenavbar .offcanvas::after{top: 0;right: 0;z-index: -1;content: "";width: 100%;height: 100%;opacity: 70%;position: absolute;background-image: url('../images/dots-bg.svg');}
          .themenavbar .offcanvas-header{color: rgb(0 0 0 / 15%); padding-bottom: 0; text-transform: uppercase; }
          .themenavbar .navbar-nav .nav-link{font-size: 27px; font-weight: 500; padding: 12px; }
          .themenavbar .navbar-nav .dropdown-item{font-size: 19px;padding: 9px 16px;}
          .vmission .cardicon {max-width: 65px; }
          .competency{height: auto; }
          .competext .step::before{margin-bottom: -7px; font-size: calc(1.5 * var(--subtitle-font-size));}
          .award-area__content .year{font-size: 76px; margin-bottom: -0.12em; }
          .award-area__content .award-card{padding: 24px 24px 21px; }
          .award-area__content .award-card__inner{gap: 32px; }
          #loader-content span{font-size: var(--title-font-size);}
     }

     @media only screen and (max-width:991px) {	
          .herosection p {font-size: 20px;margin-bottom: 32px;}
          .counters{margin-inline: auto; }
          .counters::before{top: 0; }
          .counteritem h4{font-size: 32px; }
          .counteritem h5{font-size: 18px;  }
          .counteritem .counter{height: 32px; }
          .trustedbox p>br{display: none;}
          .vmission .cardicon {max-width: 56px; }
          .competext li{font-weight: 400; }
          .aboutus .image-wrapper{margin-top: 21px; }
          .slider-gallery-wrapper{gap: 12px;width: 100%;display: grid;padding-inline: 12px;grid-template-columns: repeat(auto-fill, minmax(268px, 1fr));}
          .slider-gallery-item>img{width: 100%; height: 100%; }
          .slider-gallery-item{width: auto;}
          .opening .opendisc{padding: 7px 0px 12px;}
          .opening .item{padding-inline: 2px; }
          .opening .item:first-child{padding-top: 14px; }
          .contactbox .themeform{margin-top: 26px;}
          .india-map{max-width: 516px; margin: auto; }
          .clientslider{margin-left: 0px !important; width: 100% !important; }
          .clientslider .clientlogo, .client-marquee .clientlogo img{height: 68px; }
          .across-india{padding-top: 42px;border-left: none;padding-inline: 0px;border-top: solid 1px #e7e1e1;}
     } 

     @media only screen and (max-width:767px) {
          .herosection p {font-size: 18px; }
          .themebtn{font-size: 16px;padding: 10px 24px; }
          .isopic{display: none; }
          .prawithiso{padding-top: 5px; }
          .prodSwiper {border-right: none; }
          .majorpro .card{border-right: solid 1px #C4C4C4; --bs-card-spacer-y: calc(0.5 * var(--section-py)); --bs-card-spacer-x: calc(0.5 * var(--section-py)); }
          .majorpro .card p{margin-block: 12px 16px;}
          .nmedia{padding: 14px 12px;}
          .nmedia .theme-recent-post-item{padding: 14px 12px !important; --bs-gutter-x: 16px; }
          .theme-recent-post-item h6{font-size: 18px; line-height: 1.3; margin-block: 5px 8px; }
          .nmedia .theme-recent-post-item p{font-size: 15px;margin-bottom: 4px;}
          .theme-recent-post-item .time, .widget-posts .theme-recent-post-item .time{font-size: 15px; }
          .project-year{font-size: 17px; }
          .trustedbox h3>br{display: none; }
          .trustedbox{border-width: 6px;padding: 28px 15px;}
          .widget{padding: 24px 21px; }
          .proham{bottom: 24px; }
          .ValuesSwiper .swiper-wrapper .swiper-slide{padding-top: 8px;}
          .award-area__content .award-card__inner{gap: 24px; flex-wrap: wrap; }
          .award-area__content .year{font-size: 52px;margin-bottom: 7px;margin-left: 20px;}
          .award-area__content .award-card{padding: 1px 16px 21px; transition: .4s ease-in-out;}
          .award-area__content .award-card:hover{padding-top: 24px; }
          .widget-posts .theme-recent-post-item h6{font-size: 17px; }
          .themeform .form-floating>label{font-size: 17px; }
     }

     @media only screen and (max-width:575px) {
          p,li{font-size: 17px; }
          .buttons{gap: 12px; }
          .herosection p{font-size: 17px;margin-bottom: 28px;}
          .herosection p>br, br{display: none; }
          .rightnav .themebtn{margin-inline: 12px 4px;padding: 8px 10px 5px;}
          .themenavbar .navbar-brand{margin-left: 5px; width: calc(100% - 148px); }
          .arrowbtn>span{padding: 4px 12px 4px 14px; }
          .arrowbtn::before, .arrowbtn::after{width: 32px; height: 32px; background-size: 14px;}
          .arrowbtn:hover>span{-webkit-transform: translateX(30px); transform: translateX(30px);}
          .business .card p{font-size: 17px; line-height: 1.4; height: 72px; }
          .counteritem:first-child{padding-top: 0px; }
          .footertop .navlist h5{margin-bottom: 0;position: relative;cursor: pointer;}
          .footertop .navlist h5::before{max-width: 100%; }
          .footertop .navlist h5:after{content: '';position: absolute;top: 32%;transform: translateY(-50%);right: 5px;width: 10px;height: 8px;background: url(../images/drop-toggle-icon.svg) no-repeat;background-size: contain;filter: contrast(0);}
          .footertop .navlist h5.mobile-acc::after{-webkit-transform: translateY(-50%) scaleY(-1);transform: translateY(-50%) scaleY(-1);}
          .projects .prolist li{font-size: 17px; margin-top: 8px; }
          .promain-menu li a{padding: 4px 0px; font-size: 15px; }
          .widget{padding: 21px 18px; }
          .themetab>a{font-size: 14px; padding: 8px 16px; }
		  .projects .themetab>a{padding: 8px 10px; letter-spacing: normal; }
          .themeoffcanvas.offcanvas {padding: 15px 4px;}
          .themeoffcanvas .themeform .form-control, .themeoffcanvas .themeform .form-select{height: 60px; padding-left: 16px; }
          .themeoffcanvas .themeform .form-floating>label{padding-top: 16px;padding-left: 16px;}
          .themeoffcanvas .themeform textarea.form-control{padding-top: 27px; height: 112px;}
          .whybox .cardicon{width: 56px; height: 56px; }
          .award-area__content .award-card{padding-inline: 9px; }
          .award-area__content .year{margin-bottom: 3px; }
          .opening .slmw::after{min-width: 32px; }
          .opening .item h3{column-gap: 8px; }
          .proham{bottom: 5px; }
          .copyrights li:first-child::before{opacity: 0; }
          .contactbox{--section-py: 24px;border-radius: 12px;padding: 21px 16px 18px;}
          .contactbox .corner-line-v, .contactbox .corner-line-h{display: none; }
          .footertop, .footermid, .copyrights{padding-inline: calc(0.3 * var(--section-py)); }
          .clientslider .clientlogo, .client-marquee .clientlogo img{height: 56px; }
          .nmedia .theme-recent-post-item h6{font-size: 16px; }
          .nmedia .theme-recent-post-item p, .nmedia .theme-recent-post-item .time{font-size: 14px;}
		  .treeyear .counteritem{padding: 8px;}
		 .focusbox,.csrvision{padding: 14px 12px;}
          .focusbox h5{font-size: 17px; }
          .csrvision p{font-size: 15px;}
     }

     @media (min-width:1400px) and (max-width:1599px) {
          .theme-recent-post-item h6{font-size: 20px }
     }
     @media (min-width:1200px) and (max-width:1399px) {
          .slide-number {right: 8px; bottom: 0px;}
     }
     @media (min-width:992px) and (max-width:1199px) {
          .widget{padding: 24px 21px; }
          .nmedia .theme-recent-post-item{padding: 21px 18px !important; --bs-gutter-x: 16px; }
     }