:root{
    --body-color: #444444;
    --primary-color:#3958A8;

    --white-color:#ffffff;
    --black-color:#000000;

    --font-plus-jakarta-sans:"Plus Jakarta Sans", sans-serif;
}

/* container */
.container{ padding: 0 50px; }
body{ font-family: var(--font-plus-jakarta-sans); font-size: 16px; font-weight: 500; line-height: 1.547; color: var(--body-color); overflow-x: hidden;}

/* custom scrollbar */
::-webkit-scrollbar-track { -webkit-box-shadow: none; background-color: var(--white-color); }
::-webkit-scrollbar { width: 6px; background-color: var(--white-color); }
::-webkit-scrollbar-thumb { background-color: var(--primary-color); }

/* custom text selection */
::-moz-selection{ background-color: var(--primary-color); color: var(--white-color); }
::selection{ background-color: var(--primary-color); color: var(--white-color); }

/* global paragraph and headings */
p{-webkit-user-select: text;-moz-user-select: text;-ms-user-select: text;user-select: text;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin-bottom: 0; font-family: var(--font-plus-jakarta-sans); font-weight: 700;}

h1, .h1{font-size: 55px;}
h2, .h2{font-size: 40px;}
h3, .h3{font-size: 30px;}
h4, .h4{font-size: 24px;}
h5, .h5{font-size: 21px;}
h6, .h6{font-size: 18px;}

/* Create the Default Paragraphs Margin */
p { margin-bottom: 22px; }

/* global anchor tag */
a{text-decoration: none; color: var(--primary-color); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; display: inline-block;}
a:hover{color: var(--body-color);}

/* global list */
ul, ol { margin-bottom: 22px; }
ul li, ol li{list-style-type: none; }
ol, ul { padding-left: 0rem; }

/* other typo */
svg path, svg circle, svg ellipse { -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
/* section{overflow: hidden;} */
.img-fluid{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.gx-6{ --bs-gutter-x: 30px; }
.g-6{ --bs-gutter-x: 30px; --bs-gutter-y: 30px; }
button:focus{-webkit-box-shadow: none !important;box-shadow: none !important; outline: none !important;}

/* Theme Title and Sub-Title */
.theme-sub-title{ display: block; font-size: 16px; font-weight: 600; line-height: 1.3125; text-transform: uppercase; letter-spacing: 0.48px; margin-bottom: 10px; }
.theme-title{ font-size: 40px; white-space: pre-line; margin-bottom: 31px; }
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}
.ps-50{padding-left: 50px;}

/* Theme Btn  */
.theme-btn{padding: 14px 30px; border: 2px solid var(--primary-color); font-weight: 600; text-transform: uppercase; font-size: 14px; letter-spacing: 0.98px; color: var(--body-color); line-height: 1.286; position: relative; text-align: center; z-index: 1; }
.theme-btn:hover{ color: var(--primary-color); }
.theme-btn::after, .theme-btn::before{ content: ''; position: absolute; width: 2px; height: 15px; z-index: -1; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; background-color: var(--white-color); }
.theme-btn::before{ top: auto; bottom: 8px; right: auto; left: -2px; opacity: 0; }
.theme-btn::after{ top: 8px; right: -2px; }
.theme-btn:hover::before{bottom: calc(100% - 10px); height: 10px; opacity: 1;}
.theme-btn:hover::after{top: calc(100% - 10px); height: 10px;}

.theme-btn.theme-btn-dark{ background-color: var(--primary-color); color: var(--white-color); }
.theme-btn.theme-btn-dark:hover{ background-color: transparent; color: var(--primary-color); }
.theme-btn.theme-btn-dark::after{background-color: var(--primary-color);}
.theme-btn.theme-btn-dark:hover::after{background-color: var(--white-color);}

.theme-btn2{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; gap: 12px; margin-top: 8px; padding: 0; background-color: transparent; border: none; outline: none; color: var(--white-color); font-weight: 600; text-transform: uppercase; font-size: 14px; letter-spacing: 0.98px; line-height: 1.286;}
.theme-btn2 strong{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 35px; height: 35px; padding: 8px; background-color: var(--primary-color);}
.theme-btn2 strong img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain;}
a.theme-btn2:hover{
  color: #ffffff;
}
/* Common Form */
.common-form .g-6{ --bs-gutter-x:15px; --bs-gutter-y:15px; }
.common-form input:-webkit-autofill, .common-form input:-webkit-autofill:hover, .common-form input:-webkit-autofill:focus, .common-form input:-webkit-autofill:active, .common-form select:-webkit-autofill, .common-form select:-webkit-autofill:hover, .common-form select:-webkit-autofill:focus, .common-form select:-webkit-autofill:active, .common-form textarea:-webkit-autofill, .common-form textarea:-webkit-autofill:hover, .common-form textarea:-webkit-autofill:focus, .common-form textarea:-webkit-autofill:active { -webkit-box-shadow: 0 0 0px 1000px #00000000 inset !important; -webkit-text-fill-color: var(--body-color) !important; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; }
.common-form .form-group span .form-control{ border-radius: 0; background-color: var(--white-color); border: 1px solid #C8C7C7; font-weight: 500; color: var(--body-color); padding: 27px 22px 10px; height: 60px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; caret-color: var(--primary-color); }
.common-form .form-group label{ color: #A8A8A8; padding-inline: 23px; font-size: 15px; text-transform: capitalize; }
.common-form span .form-control:focus { -webkit-box-shadow: none; box-shadow: none; border-color: var(--primary-color); }
.common-form .form-group span textarea.form-control{ min-height: 167px; resize: none; }
.common-form .submit-btn{ -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; background-color: var(--primary-color); width: 100%; color: var(--white-color); letter-spacing: 1.05px; margin-top: 8px; }
.common-form .submit-btn.theme-btn:hover::after{background-color: #e9e9e9;}
.common-form .submit-btn.theme-btn:hover::before{background-color: #f7f7f7;}


.common-form .form-group .form-control {
    border-radius: 0;
    background-color: var(--white-color);
    border: 1px solid #C8C7C7;
    font-weight: 500;
    color: var(--body-color);
    padding: 27px 22px 10px;
    height: 60px;
    -webkit-transition: 0.3s 
ease;
    -o-transition: 0.3s ease;
    transition: 0.3s 
ease;
    caret-color: var(--primary-color);
}

/* default slick slider */
.slick-track{display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important;}
.slick-slide{height: inherit !important;}
.slick-slide > div{height: 100%;}
.slick-list { margin: 0 -15px; }
.slick-slide > div { padding: 0 15px; }

.slick-arrow{width: 18px; height: 18px; border: solid #fff; opacity: 0.5; border-width: 2px 2px 0 0; text-indent: -999px; overflow: hidden; background-color: transparent; outline: none; padding: 0; position: absolute; z-index: 1; top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg);}
.slick-next{right: 4px;}
.slick-prev{left: 4px; -webkit-transform: translateY(-50%) rotate(225deg); -ms-transform: translateY(-50%) rotate(225deg); transform: translateY(-50%) rotate(225deg);}

.modal .modal-dialog button.btn-close { margin: 0 0 0 auto; padding: 0; opacity: 1; background: var(--white-color); text-align: center; -webkit-box-shadow: none; box-shadow: none; outline: none; -webkit-transition: 0.4s all; -o-transition: 0.4s all; transition: 0.4s all; height: 60px; position: relative; border-radius: 0; width: 60px; }
.modal .modal-dialog button.btn-close:before, .modal .modal-dialog button.btn-close:after { content: ''; content: ''; position: absolute; left: 50%; top: 50%; width: 45%; height: 2px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); background: var(--primary-color); }
.modal .modal-dialog button.btn-close:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }
.modal .modal-dialog button.btn-close:hover { color: #ffffff; }
.modal .modal-dialog button.btn-close:hover:before { -webkit-transform: translate(-50%, -50%) rotate(315deg); -ms-transform: translate(-50%, -50%) rotate(315deg); transform: translate(-50%, -50%) rotate(315deg); }
.modal .modal-dialog button.btn-close:hover:after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } 
.modal .modal-dialog button.btn-close span { display: none; }

.enquiry-model .modal-dialog { --bs-modal-width: 1150px; }
.enquiry-model .modal-header { border: 0; position: absolute; right: 0px; z-index: 1; padding: 0px; }
.enquiry-model .modal-content { border-radius: 0; }
.enquiry-model .modal-body { padding: 12px; }
.enquiry-model .modal-body .modal-body-right > h2, .enquiry-model .modal-body .modal-body-right > p { color: var(--body-color);}
.enquiry-model .modal-body .common-form .submit-btn.theme-btn:hover::after{background-color: var(--white-color);}
.enquiry-model .modal-body .common-form .submit-btn.theme-btn:hover::before{background-color: var(--white-color);}
.enquiry-model .modal-body .modal-body-right{padding: 35px 48px 40px 34px;}
.enquiry-model .modal-body .modal-body-left img{aspect-ratio: 2.3 / 3;}

/* HEADER */
.header-inr{background-color: var(--white-color); -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; -webkit-box-shadow: rgba(100, 100, 111, 0) 0px 7px 20px -2px; box-shadow: rgba(100, 100, 111, 0) 0px 7px 20px -2px;}
.header-inr.scrolled { -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 20px -2px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 20px -2px; }
.header-inr .navbar { padding: 27px 75px 26px 50px; --bs-navbar-nav-link-padding-x:0; }
.header-inr .navbar .navbar-nav{padding-right: 20px;}
.header-inr .navbar .navbar-nav .nav-item{ margin: 0 10px; }
.header-inr .navbar .navbar-nav .nav-item .nav-link{position: relative; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.header-inr .navbar .navbar-nav .nav-item .nav-link, .header-inr .navbar .offcanvas-side > a { padding: 0; font-weight: 600; text-transform: capitalize; font-size: 17px; color: var(--body-color); }
.header-inr .navbar .offcanvas-side > a{ padding: 12px 24px; border: 2px solid var(--primary-color); line-height: 1.295; letter-spacing: 0; }
.header-inr .navbar .offcanvas-side > a:hover{color: var(--primary-color);}
.header-inr .navbar .navbar-nav .nav-item:hover .nav-link, .header-inr .navbar .navbar-nav .nav-item .nav-link.active{color: var(--primary-color);}

header .header-inr .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-toggle { border: none; background: transparent; }
header .header-inr .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-toggle::after { border: solid var(--body-color); border-width: 2px 2px 0 0; width: 8px; height: 8px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; margin-top: -2px; }
header .header-inr .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-menu .dropdown-item { border-bottom: 1px solid #e1e1e1; text-transform: capitalize; padding: 8px 22px; position: relative; font-size: 16px; font-weight: 600; color: var(--body-color); background-color: var(--white-color); }
header .header-inr .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-menu li:last-child .dropdown-item { border-bottom: 0; }

/* HERO SECTION */
.banner-inr{padding-top: 103px;}
.banner-inr .carousel-inner .carousel-item .carousel-img{ position: relative; }
.banner-inr .carousel-inner .carousel-item .carousel-img::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 35%); }
.banner-inr .carousel-inner .carousel-item .carousel-caption{ bottom: auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.banner-inr .carousel-inner .carousel-item .carousel-caption img{width: 32.3%; max-height: 108px; -o-object-fit: contain; object-fit: contain;}
.banner-inr .carousel-indicators{display: none;}
 
/* ABOUT SECTION */
.about-us{ padding: 81px 0 109px; position: relative; }
.about-us::after{content: ''; position: absolute; z-index: -1; width: 50%; height: 100%; right: 0; bottom: 0; background-color: var(--white-color); background-image: url(../images/service-bg.webp); background-repeat: no-repeat; background-size: auto; background-position: left top; opacity: 0.7;}
.about-us-inr .about-us-left{height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.about-us-inr .about-us-left .about-img img{ /*aspect-ratio: 1.37 / 1;*/aspect-ratio: 0.97 / 1; }
.about-us-inr .about-us-right{ padding-inline: 49px 69px; }
.about-us-inr .about-us-right p{line-height: 1.75;}
.about-us-inr .about-us-right p:not(:nth-last-child(2)){margin-bottom: 12px;}
.about-us-inr .about-us-right > p:last-child{margin-bottom: 0;}

/* OUR-PROCESS SECTION */
.our-process{padding: 94px 0 34px; background-image: url(../images/process-bg.webp) ; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; color: var(--white-color); }
.our-process-inr .our-process-title { position: sticky; top: 160px; } 
.our-process-inr .our-process-title .theme-sub-title{margin-top: 22px;}
.our-process-inr .various-phase{ counter-reset: step; overflow: hidden; }
.our-process-inr .various-phase .phase-item .phase-box{ counter-increment: step; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 38px; }
.our-process-inr .various-phase .phase-item .phase-box .phase-box-no{padding-top: 39px; min-width: 17.773%; position: relative;} 
/* 161.38px */
.our-process-inr .various-phase .phase-item .phase-box .phase-box-no::before{ content: "phase " counter(step, upper-roman); font-size: 17px; font-weight: 600; line-height: 1.294; text-transform: uppercase; white-space: nowrap; }
.our-process-inr .various-phase .phase-item .phase-box .phase-box-no::after{ content: ''; position: absolute; top: 50px; right: 0; width: 80px; border: 1px solid #4B62AB; }
.our-process-inr .various-phase .phase-item .phase-box .phase-box-inr .phase-icon{width: 100px; height: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #4C62AA; border-radius: 50px; margin-bottom: 10px;}
.our-process-inr .various-phase .phase-item .phase-box .phase-box-inr .phase-icon img{width: 100%; max-height: 48px; -o-object-fit: contain; object-fit: contain;}
.our-process-inr .various-phase .phase-item .phase-box .phase-box-inr .phase-content h3{margin-bottom: 15px; line-height: 1.25;}
.our-process-inr .various-phase .phase-item .phase-box .phase-box-inr .phase-content p{opacity: 75%; line-height: 1.547;}

/* OUR SERVICES SECTION */
.services{padding: 68px 0 91px; background-color: var(--white-color); background-image: url(../images/service-bg.webp); background-repeat: no-repeat; background-size: 75% 105%; background-position-x: -218px; background-position-y: -39px;}
.services-inr .various-services{padding-top: 46px;}
.services-inr .various-services .service-box, .projects-inr .various-projects .project-item, .projects-inr .various-projects .project-box {position: relative; display: flex; width: 100%; height: 100%;}
.services-inr .various-services .service-box .service-content { display: inline-block; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; -webkit-clip-path: polygon(0 73%, 100% 73%, 100% 100%, 0% 100%); clip-path: polygon(0 73%, 100% 73%, 100% 100%, 0% 100%); -webkit-transition: 0.5s ; -o-transition: 0.5s ; transition: 0.5s ; overflow: hidden; color: var(--white-color); background-color: rgba(0, 0, 0, 80%); padding: 71px 39px 45px 61px; margin: 30px; width: calc(100% - 60px); height: calc(100% - 60px); }
.services-inr .various-services .service-box .service-content span{ opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); display: block; margin-bottom: 20px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.services-inr .various-services .service-box .service-content span, .services-inr .various-services .service-box .service-content::after{ font-weight: 700; font-size: 25px; line-height: 1.26;}
.services-inr .various-services .service-box .service-content ul{-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;}
.services-inr .various-services .service-box .service-content ul, .services-inr .various-services .service-box .service-content button{ opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.services-inr .various-services .service-box .service-content ul li a::before {
    position: absolute;
    content: "";
    top: 11px;
    left: 0px;
    width: 10px;
    height: 2px;
    opacity: 0.3;
    background-color: var(--white-color);
}
.services-inr .various-services .service-box .service-content ul li a {
    line-height: 1.5;
    color: #ffffff;
    font-weight: 500;
    margin-bottom: 6px;
    padding-left: 18px;
    font-size: 15px;
}
.services-inr .various-services .service-box .service-content ul li{
  position: relative;
}
.services-inr .various-services .service-box:hover .service-content{-webkit-clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%);clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%);}
.services-inr .various-services .service-box:hover .service-content span{-webkit-transform: none;-ms-transform: none;transform: none; opacity: 1; -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s;}
.services-inr .various-services .service-box:hover .service-content ul, .services-inr .various-services .service-box:hover .service-content button{-webkit-transform: none;-ms-transform: none;transform: none; opacity: 1; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s;}
.services-inr .various-services .service-box{z-index: 1;}
.services-inr .various-services .service-box .service-img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.services-inr .various-services .service-box .service-content::after { content: attr(data-title); position: absolute; bottom: 0; left: 0; display: inline-block; width: 100%; height: 27%; color: white; z-index: -1; padding: 47px 33% 46px 61px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.services-inr .various-services .service-box:hover .service-content::after{opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px);}
.services-inr .various-services .service-box .service-content::after{display: none !important;}
    .services-inr .various-services .service-box .service-content, .services-inr .various-services .service-box:hover .service-content{-webkit-clip-path: none !important;clip-path: none !important;}
    .services-inr .various-services .service-box .service-content span, .services-inr .various-services .service-box .service-content ul, .services-inr .various-services .service-box .service-content button{opacity: 1 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important;}

/* PROJECT SECTION */
.projects{ position: relative; z-index: 1; background-color: #EFEFEF; background-image: url(../images/project-bg.webp); background-repeat: no-repeat; background-size: cover; background-blend-mode: luminosity; -webkit-backdrop-filter: opacity(0.61); backdrop-filter: opacity(0.61); padding: 77px 0 26px; }
.projects-inr .various-projects{padding-top: 55px;}
.projects-inr .various-projects .project-box .project-content{ display: flex; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 28px 40px 27px; background-color: var(--white-color); color: var(--body-color); -webkit-filter: drop-shadow(1px 10px 25px rgba(0,0,0,0.09)); filter: drop-shadow(1px 10px 25px rgba(0,0,0,0.09)); margin: -69px 50px 70px; position: relative; z-index: 1; }
.projects-inr .various-projects .project-box .project-content .theme-sub-title{ letter-spacing: 1.6px; }
.projects-inr .various-projects .project-box .project-content h3{font-size: 25px; font-weight: 600; line-height: 1.28; white-space: pre-line; margin: -1px 0 6px; flex-grow: 1;}
.projects-inr .various-projects .project-box .project-content p{font-size: 20px; line-height: 1.25; font-weight: 600;}
.projects-inr .various-projects .project-box .project-content::after{ content: ''; position: absolute; right: 6px; bottom: 6px; width: 35px; height: 35px; background-color: var(--primary-color); background-image: url(../images/arrow.svg); background-size: 19px; background-repeat: no-repeat; background-position: center; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
/* .projects-inr .various-projects .project-box:hover .project-content::after{ -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } */
/* .project-box:hover .project-content{margin-bottom: -111px;} */
.projects-inr .theme-btn::after{ background-color: #e4e4e4;}
.projects-inr .theme-btn:hover::before{background-color: #eaeaea;}
.projects-inr .various-projects .project-box {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.projects-inr .various-projects .project-box .project-img{overflow: hidden;}
.projects-inr .various-projects .project-box .project-img img{ aspect-ratio: 1.252 / 1; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.projects-inr .various-projects .project-box:hover .project-img img{-webkit-transform: scale(1.08);-ms-transform: scale(1.08);transform: scale(1.08);}
.various-projects-inr .slick-arrow { opacity: 0; border-color: var(--primary-color); top: 37%; border-width: 3px 3px 0 0; background-color: #3958a8; width: 35px; height: 35px; border: 0; transition: 0.5s; background-image: url(../images/arrow.svg); background-size: 19px; background-repeat: no-repeat; background-position: center; }
.various-projects-inr:hover .slick-arrow {opacity: 1;}
.various-projects-inr:hover .slick-prev{left: -17px;}
.various-projects-inr:hover .slick-next{right: -17px;}

/* COMPANY'S NO SECTION */
.companys-no{padding: 123px 0; background-image:url(../images/company-bg.webp); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; -webkit-backdrop-filter: opacity(0.75); backdrop-filter: opacity(0.75);}
.companys-no::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 75%); }
.companys-no-inr{position: relative; z-index: 1;}
.companys-no-inr .company-slider{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; }
.companys-no-inr .company-slider .company-box{color: var(--white-color); text-align: center;}
.companys-no-inr .company-slider .company-box .theme-title{ white-space: normal; margin-bottom: 9px; }
.companys-no-inr .company-slider .company-box .theme-sub-title{white-space: pre-line; letter-spacing: 0.8px; line-height: 1.375;}
.company-box .theme-title.counter { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 51px; }
.company-box .theme-title.counter > span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-transition: -webkit-transform 2s ease; transition: -webkit-transform 2s ease; -o-transition: transform 2s ease; transition: transform 2s ease; transition: transform 2s ease, -webkit-transform 2s ease; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); line-height: normal; -webkit-box-align: end; -ms-flex-align: end; align-items: end; }
.company-box .theme-title.counter > span span { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; height: 100%; }
.company-box .theme-title.counter:nth-child(1) > span { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
.company-box .theme-title.counter:nth-child(2) > span { -webkit-transition-delay: 0.375s; -o-transition-delay: 0.375s; transition-delay: 0.375s; }
.company-box .theme-title.counter:nth-child(3) > span { -webkit-transition-delay: 0.75s; -o-transition-delay: 0.75s; transition-delay: 0.75s; }
.company-box .theme-title.counter:nth-child(4) > span { -webkit-transition-delay: 1.125s; -o-transition-delay: 1.125s; transition-delay: 1.125s; }
.company-box .theme-title.counter:nth-child(5) > span { -webkit-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s; }
.company-box .theme-title.counter:nth-child(6) > span { -webkit-transition-delay: 1.875s; -o-transition-delay: 1.875s; transition-delay: 1.875s; }
.company-box .theme-title.counter:nth-child(7) > span { -webkit-transition-delay: 2.25s; -o-transition-delay: 2.25s; transition-delay: 2.25s; }
.company-box .theme-title.counter:nth-child(8) > span { -webkit-transition-delay: 2.625s; -o-transition-delay: 2.625s; transition-delay: 2.625s; }
.company-box .theme-title.counter:nth-child(9) > span { -webkit-transition-delay: 3s; -o-transition-delay: 3s; transition-delay: 3s; }
.company-box .theme-title.counter:nth-child(10) > span { -webkit-transition-delay: 3.375s; -o-transition-delay: 3.375s; transition-delay: 3.375s; }
.company-box .theme-title.counter:nth-child(11) > span { -webkit-transition-delay: 3.75s; -o-transition-delay: 3.75s; transition-delay: 3.75s; }
.company-box .theme-title.counter:nth-child(12) > span { -webkit-transition-delay: 4.125s; -o-transition-delay: 4.125s; transition-delay: 4.125s; }
.company-box .theme-title.counter:nth-child(13) > span { -webkit-transition-delay: 4.5s; -o-transition-delay: 4.5s; transition-delay: 4.5s; }
.company-box .theme-title.counter:nth-child(14) > span { -webkit-transition-delay: 4.875s; -o-transition-delay: 4.875s; transition-delay: 4.875s; }
.company-box .theme-title.counter:nth-child(15) > span { -webkit-transition-delay: 5.25s; -o-transition-delay: 5.25s; transition-delay: 5.25s; }
.company-box .theme-title.counter:nth-child(16) > span { -webkit-transition-delay: 5.625s; -o-transition-delay: 5.625s; transition-delay: 5.625s; }
.company-box .theme-title.counter:nth-child(17) > span { -webkit-transition-delay: 6s; -o-transition-delay: 6s; transition-delay: 6s; }
.company-box .theme-title.counter:nth-child(18) > span { -webkit-transition-delay: 6.375s; -o-transition-delay: 6.375s; transition-delay: 6.375s; }
.company-box .theme-title.counter:nth-child(19) > span { -webkit-transition-delay: 6.75s; -o-transition-delay: 6.75s; transition-delay: 6.75s; } 
.company-box .theme-title.counter:nth-child(20) > span { -webkit-transition-delay: 7.125s; -o-transition-delay: 7.125s; transition-delay: 7.125s; }

/* CONTACT US SECTION */
.contact-us{padding: 57px 0; background: -o-linear-gradient(left, #EFEFEF 50% , #fff 50%); background: -webkit-gradient(linear, left top, right top, color-stop(50%, #EFEFEF) , color-stop(50%, #fff)); background: linear-gradient(90deg, #EFEFEF 50% , #fff 50%); position: relative; z-index: 1;}
.contact-us::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/project-bg.webp);background-repeat: repeat-x; background-size: 50% 100%; mix-blend-mode: luminosity; -webkit-filter: opacity(0.52); filter: opacity(0.52); z-index: -1; }
.contact-us-inr .contact-right{padding-inline: 59px 29px;}
.contact-us-inr .contact-right > .theme-sub-title{ margin-bottom: 23px; }
.contact-us-inr .contact-left{padding-inline: 50px 27px;}
.contact-us-inr .contact-left > .theme-sub-title{ margin-bottom: 15px; }
.contact-us-inr .contact-left > .theme-title { line-height: 1.1625; margin-bottom: 35.5px; }
.contact-us-inr .contact-left .contact-info{gap: 8px 63px;}
.contact-us-inr .contact-left .contact-info .contact-box .contact-icon{ margin: 10.5px 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }
.contact-us-inr .contact-left .contact-info .contact-box .contact-icon img{ width: 100%; max-height: 26px; -o-object-fit: contain; object-fit: contain; }
.contact-us-inr .contact-left .contact-info .contact-box .contact-content span{ font-size: 16px; font-weight: 700; display: block; line-height: normal; margin-bottom: 3px; }
.contact-us-inr .contact-left .contact-info .contact-box .contact-content ul li a{ color: var(--body-color); font-size: 20px; font-weight: 600; line-height: 1.25; }
.contact-us-inr .contact-left .contact-info .contact-box .contact-content ul li a:hover{ color: var(--primary-color); }

/* FOOTER */
footer{ background-color: var(--black-color); position: relative; z-index: 1; }
footer::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-image: url(../images/footer-bg.webp); background-position-y: -205px; background-repeat: no-repeat; background-size: cover; opacity: 0.30; }
.footer-inr{padding-top: 85px;}
.footer-inr .footer-start{padding-left: 66px;}
.footer-inr .footer-box.footer-start .footer-logo a img { max-width: 223px; }
.footer-inr .footer-info{padding-left: 30px;}
.footer-inr .footer-box{margin-bottom: 40px;}
.footer-inr .footer-box .footer-title, .footer-inr .footer-box .footer-content > span{ font-size: 15px; font-weight: 600; line-height: 1.267; color: var(--white-color); text-transform: uppercase; letter-spacing: 0.3px; display: block; margin-bottom: 16px; }
.footer-inr .footer-box ul li{line-height: 0;}
.footer-inr .footer-box ul li a, .footer-inr .footer-box p{ position: relative; font-size: 15px; font-weight: 500; line-height: 1.267; color: var(--white-color); }
.footer-inr .navigation{padding-left: 55px;}
.footer-inr .navigation ul li{ padding: 5px 0; }
.footer-inr .footer-box p{margin-bottom: 0; white-space: pre-line; line-height: 1.4;}
.footer-inr .footer-box .footer-content > span{ text-transform: capitalize; margin-block: 21px 6px; }
.footer-inr .footer-box .footer-content:last-child > span{ margin-top: 17px; }
.footer-inr .copyright{padding: 35px 0 36px; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.34);}
.footer-inr .copyright p{margin-bottom: 0; color: rgba(255, 255, 255, 0.65); line-height: 1.3; font-size: 15px;}
.footer-inr .copyright .webplus a img { -webkit-filter: grayscale(1); filter: grayscale(1) brightness(1); margin-left: 5px; max-height: 20px; -o-object-fit: contain; object-fit: contain; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }
.footer-inr .copyright .webplus a:hover img { opacity: 0.7; filter: grayscale(1) brightness(1.5); }
.footer-inr .footer-box .social-media{ display: -webkit-box; display: -ms-flexbox; display: flex; gap: 5px; margin-top: 35.5px; }
.footer-inr .footer-box .social-media li a{ width: 53px; height: 53px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.footer-inr .footer-box .social-media li a img{ max-height: 20px; width: 100%; -o-object-fit: contain; object-fit: contain; }
.footer-inr .footer-box .social-media li a::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ''; z-index: -1; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: all 0.4s cubic-bezier(0.56, 0.26, 0.31, 1.32); -o-transition: all 0.4s cubic-bezier(0.56, 0.26, 0.31, 1.32); transition: all 0.4s cubic-bezier(0.56, 0.26, 0.31, 1.32); -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; border: 2px solid var(--white-color); }
.footer-inr .footer-box .social-media li a::after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ''; z-index: -1; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: all 0.4s cubic-bezier(0.56, 0.26, 0.31, 1.32); -o-transition: all 0.4s cubic-bezier(0.56, 0.26, 0.31, 1.32); transition: all 0.4s cubic-bezier(0.56, 0.26, 0.31, 1.32); background-color: var(--primary-color); -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; }
.footer-inr .footer-box .social-media li a:hover::before { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
.footer-inr .footer-box .social-media li a:hover::after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }
.footer-inr .footer-box:not(.footer-start) ul li a::after { content: ''; position: absolute; bottom: 0; right: 0; width: 0; height: 1px; background-color: var(--white-color); -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }
.footer-inr .footer-box:not(.footer-start) ul li a:hover::after { right: auto; left: 0; width: 100%; }

/* INNER BANNER */
.sub-banner-inr{position: relative; padding-top: 103px;}
.sub-banner-inr .sub-banner-img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-filter: brightness(0.3); filter: brightness(0.3); z-index: -1;}
.sub-banner-inr .sub-banner-content{height:280px ; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.sub-banner-inr .sub-banner-content .theme-title{color: var(--white-color); text-transform: capitalize; font-size: 55px;}
.sub-banner-inr .sub-banner-content .breadcrumb{ --bs-breadcrumb-item-active-color:#fff; --bs-breadcrumb-divider-color:#fff; --bs-breadcrumb-margin-bottom:0; text-transform: uppercase; font-size: 16px; font-weight: 600; line-height: 1.2; text-transform: capitalize; letter-spacing: 0.48px; }
.sub-banner-inr .sub-banner-content .breadcrumb .breadcrumb-item a{color: var(--white-color); }

/* CONTACT PAGE*/
.faq{padding: 70px 0 60px; position: relative;}
.faq::after{ content: ''; position: absolute; bottom: 0; right: 0; width: 50%; height: 100%; background: url(../sub-images/faq-bg.webp) no-repeat local; background-size: contain; opacity: 0.1; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); background-position: bottom left; z-index: -1; }
.faq-inr{padding-right: 29px;}
.faq-inr .accordion { --bs-accordion-bg:transparent; counter-reset: list; --bs-accordion-inner-border-radius: 0; --bs-accordion-btn-color: var(--body-color); --bs-accordion-active-bg: none; --bs-accordion-active-color: var(--primary-color); --bs-accordion-border-width: 0; --bs-accordion-border-color: transparent; --bs-accordion-btn-padding-x: 20px; --bs-accordion-btn-padding-y: 20px; --bs-accordion-border-radius: 0; --bs-accordion-body-padding-x: 20px; --bs-accordion-btn-icon-width: 15px; --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23444' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23444' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); } .faq-inr .accordion .accordion-item {  counter-increment: count; border: 1px solid #C8C7C7; margin-bottom: 15px;}
.faq-inr .accordion .accordion-item .accordion-button { font-weight: 600; font-size: 20px; line-height: 1.25; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.faq-inr .accordion .accordion-item .accordion-body { padding-block:35px 10px; padding-right: 60px; color: var(--body-color);}

.faq-inr .accordion .accordion-item .accordion-button:not(.collapsed) { background-color:var(--primary-color); color: var(--white-color); }
.faq-inr .accordion .accordion-item .accordion-button::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2363656a' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E"); width: 30px; height: 30px; background-size: 30px; }
.faq-inr .accordion .accordion-item .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E"); }

/* ABOUT PAGE */
.about-us-inr.subpage-about .about-us-right p { margin-bottom: 12px; }

.company-values{ background-color: #263c84; padding: 94px 0 70px; color: var(--white-color); position: relative; z-index: 1; }
.company-values::after{ content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../sub-images/approach-value-bg.webp); background-repeat: no-repeat; background-size: 50%; background-position: left bottom; background-attachment: fixed; opacity: 0.05; }
.company-values-inr .company-values-data > p{padding: 0 50px;}
.company-values-inr .company-values-title{position: sticky; top: 180px;}
.company-values-inr p{opacity: 75%;}
.company-values-inr .various-values {counter-reset: value-item;}
.company-values-inr .various-values .value-item{height: 100%;}
.company-values-inr .various-values .value-item .value-box::before { content: counter(value-item, decimal-leading-zero) "."; font-size: clamp(19px, 3vw, 3vw); line-height: 1.1; letter-spacing: 0.48px; margin: 0px 20px 0 0; color: #ffffff0d; font-weight: 800; }
.company-values-inr .various-values .value-item .value-box{ border: solid #ffffff1c; border-width: 0 0 1px; height: 100%; width: 100%; padding: 40px 25px; display: -webkit-box; display: -ms-flexbox; display: flex; counter-increment: value-item; }
.company-values-inr .various-values .value-item:first-child .value-box{border-width: 1px 0;}
.company-values-inr .various-values .value-item .value-box .value-content p{margin-bottom: 0;}
.company-values-inr .various-values .value-item .value-box .value-content h3 { margin-bottom: 15px; line-height: 1.25;}

.experience{padding: 80px 0; background-color: #f7f7f7;}
.experience-inr .various-exp .exp-item{padding: 20px 0 40px;}
.experience-inr .various-exp .exp-item, .experience-inr .various-exp .exp-item .exp-value{height: 100%;}
.experience-inr .various-exp .exp-item .exp-value{ padding:20px; background-color: var(--white-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 35px; -webkit-box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px; box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px; }
.experience-inr .various-exp .exp-item .exp-value .exp-img{ width: 100%; aspect-ratio: 3 / 2; max-height: 255px; }
.experience-inr .various-exp .exp-item .exp-value .exp-content{padding-inline: 10px;}
.experience-inr .various-exp .exp-item .exp-value .exp-content h3{margin-bottom: 12px; white-space: pre-line;}
.experience-inr .exp-content-bottom p{ font-size: 18px; font-weight: 600; margin-bottom: 0; white-space: pre-line; }
.experience-inr .row > div:nth-child(2) > .exp-content > strong{font-weight: 600; font-size: 18px; display: block; margin-bottom: 1rem;}
.experience-inr .slick-arrow { content: ''; position: absolute; right: 0px; top: -49px; width: 35px; height: 35px; border: 1px solid #C8C7C7; background-color: transparent; background-image: url(../images/btn-arrow.svg); background-size: 18px; background-repeat: no-repeat; background-position: center; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; }
.experience-inr .slick-arrow.slick-prev{ right: 45px; left: auto; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.experience-inr .slick-arrow:hover{border-color: var(--primary-color);}

/* FOUNDERS BRIEF PAGE */
.founder-profile{padding: 90px 0 80px; position: relative;}
.founder-profile-inr .founder-content{padding-inline: 49px 39px;}
.founder-profile-inr .founder-content .founder-degn{ font-size: 17px; letter-spacing: 0.48px; display: block; font-weight: 700; text-transform: uppercase; }
.founder-profile-inr .founder-content p:last-child{margin-bottom: 0;}
.founder-profile-inr .founder-img{position: sticky; top: 160px; width: 100%;}
.founder-profile-inr .founder-img::after{ content: ''; width: 50vw; height: 220px; background-color: #3958a826; z-index: -1; float: right; position: absolute; bottom: 0; right: 0; border-radius: 0 25px 25px 0; }
.founder-profile-inr .founder-img img{ -webkit-filter: drop-shadow(0 -10px 10px rgba(0,0,0,0.20)); filter: drop-shadow(0 -10px 10px rgba(0,0,0,0.20)) }

/* PROJECT PAGE */
.sub-projects{padding: 55px 0 80px; overflow: hidden;}
.sub-projects-inr .various-projects .project-item{padding:55px 0;}


.sub-projects .various-projects .project-item.even-item .row{ -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
.sub-projects .various-projects .project-item .project-img { width: 50vw; float: right; position: relative; }
.sub-projects .various-projects .project-item.even-item .project-img{ float: left; }
.sub-projects .various-projects .project-item .project-img::after{ content: ''; position: absolute; width: 42vw; height: calc(100% + 110px); background-image: url(../images/project-bg.webp); background-repeat: no-repeat; background-size: cover; mix-blend-mode: luminosity; background-blend-mode: luminosity; background-color: #EFEFEF; opacity: 0.7; z-index: -1; top: -55px; right: 0; }
.sub-projects .various-projects .project-item.odd-item .project-img::after{right: auto; left: 0;}
.sub-projects .various-projects .project-item.even-item .project-img .slick-list { padding-right: 14.2vw; }
.sub-projects .various-projects .project-item.odd-item .project-img .slick-list { padding-left: 14.2vw; padding-right: 0; }


/* .sub-projects-inr .various-projects .project-item:nth-child(odd) .project-img{-webkit-transform: rotate(180deg) scaleY(-1);-ms-transform: rotate(180deg) scaleY(-1);transform: rotate(180deg) scaleY(-1);} */
.sub-projects-inr .various-projects .project-item .project-img img{ aspect-ratio: 4 / 3; cursor: pointer; transition: .5s; }
.sub-projects-inr .various-projects .project-item .project-content{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; padding: 30px 55px;}
.sub-projects-inr .various-projects .project-item .project-content .theme-sub-title{letter-spacing: 1.6px;}
.sub-projects-inr .various-projects .project-item .project-content ul{margin-bottom: 15px;}
.sub-projects-inr .various-projects .project-item .project-content ul li{ display: -webkit-box; display: -ms-flexbox; display: flex; gap: 4px; }
.sub-projects-inr .various-projects .project-item .project-content ul li img{max-height: 20px; margin-top: 3px;}
.sub-projects-inr .various-projects .project-item .project-content ul li span{ font-size: 20px; line-height: 1.25; font-weight: 600; }
.sub-projects-inr .various-projects .project-item .project-content a{color: var(--body-color); margin-top: 11px; width:-webkit-fit-content; width:-moz-fit-content; width:fit-content;}
.sub-projects-inr .various-projects .project-item .project-content a strong img{-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.sub-projects-inr .various-projects .project-item .project-content a:hover strong img{ -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.sub-projects-inr .various-projects .project-item .project-img .slick-slide > div > a{overflow: hidden; height: 100%; position: relative;}
.sub-projects-inr .various-projects .project-item .project-img .slick-slide > div > a:hover > img{-webkit-transform: scale(1.08);-ms-transform: scale(1.08);transform: scale(1.08); -webkit-filter: brightness(0.6); filter: brightness(0.6);}
.sub-projects-inr .various-projects .project-item .project-img .slick-slide > div > a::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../sub-images/expand.svg); background-position: center; background-repeat: no-repeat; background-size: 0px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.sub-projects-inr .various-projects .project-item .project-img .slick-slide > div > a:hover::after{ background-size: 7%; }
.sub-projects-inr .various-projects .project-item .project-content .project-content-bottom .theme-title{margin-bottom: 0;}

/* .sub-projects .various-projects .project-item.even-item .row {
  flex-direction: row-reverse;
}

.sub-projects .various-projects .project-item.odd-item .row {
  flex-direction: row;
} */

.f-panzoom__wrapper{margin: 35px 0;}

/* OUR SERVICES PAGE */
.our-services-inr aside{ background-color: var(--primary-color); }
/* .our-services-inr .tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: scroll; white-space: nowrap; scroll-behavior: smooth; }
.our-services-inr .tabs::-webkit-scrollbar{display: none;}
.our-services-inr .tabs { -ms-overflow-style: none; }
.our-services-inr .tabs { scrollbar-width: none; } */
.our-services-inr .tabs .tab-header{margin-bottom: 0; cursor: pointer; padding: 25px; color: var(--white-color); font-weight: 600; letter-spacing: 0.2px;  position: relative; z-index: 1; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.our-services-inr .tabs .tab-header.active{ background-color: var(--white-color); color: var(--body-color); }
.our-services-inr .tab-content { display: none; -webkit-animation: show-tab 0.5s ease alternate; animation: show-tab 0.5s ease alternate; }
.our-services-inr .tab-content.active { display: block;}
@-webkit-keyframes show-tab { 0% { -webkit-transform: translateY(40px); transform: translateY(40px); opacity: 0; -webkit-filter: blur(2px); filter: blur(2px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-filter: none; filter: none; } }
@keyframes show-tab { 0% { -webkit-transform: translateY(40px); transform: translateY(40px); opacity: 0; -webkit-filter: blur(2px); filter: blur(2px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-filter: none; filter: none; } }
.our-services-inr .our-service-bottom .tab-content{ padding: 65px 0 80px; }

.our-services-inr .our-service-bottom .tab-content#tab1 .os-main-box{margin-top: -100px;padding-top: 100px;height: calc(100% + 100px);}
.our-services-inr .our-service-bottom .tab-content#tab2 .os-main-box{margin-top: -100px;padding-top: 100px;height: calc(100% + 100px);}


.our-services-inr .tab-content .os-box{ border: 1px solid #C8C7C7; padding: 2rem; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 2.5rem; -webkit-column-gap: 12px; -moz-column-gap: 12px; column-gap: 12px; overflow: hidden; position: relative; z-index: 1; /*scroll-margin-top: 300px;*/}
.our-services-inr .tab-content .os-box:hover{color: var(--white-color); border-color: var(--primary-color);}
.our-services-inr .tab-content .os-box::after { content: ''; bottom: 0; left: 0; background: var(--primary-color); height: 100%; width: 100%; position: absolute; -webkit-transform: translateY(105%); -ms-transform: translateY(105%); transform: translateY(105%); -webkit-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; z-index: -1; }
.our-services-inr .tab-content .os-box:hover::after { -webkit-transform: translateY(-0%); -ms-transform: translateY(-0%); transform: translateY(-0%); }
.our-services-inr .tab-content .os-box .os-title {width: calc(100% - 92px);}
.our-services-inr .tab-content .os-box .os-title h3{margin: 8px 0 0; white-space: pre-line; font-size: 22px; line-height: 1.26;}
.our-services-inr .tab-content .os-box .os-icon{ width: 80px; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50px; background-color: #f5f5f5; }
.our-services-inr .tab-content .os-box .os-icon img{max-height: 40px; -o-object-fit: contain; object-fit: contain; width: auto;}
.our-services-inr .tab-content .os-box .os-content p{max-width: 96%; line-height: 1.547;}
.our-services-inr .tab-content .os-box .os-content p:last-child{margin-bottom: 0;}

.our-services-inr .tabs .slick-slide > div { padding: 0 ; }
.our-services-inr .tabs .slick-list { margin: 0; }
.our-services-inr .tabs .slick-prev{ left: -30px; }
.our-services-inr .tabs .slick-next{right: -30px;}

/* UTILITY PAGES */
.utility{padding: 100px 0;}
.utility-inr .utility-icon img{max-height: 80px; -o-object-fit: contain; object-fit: contain; width: auto;}
.utility-inr > p{max-width: 50%; margin-inline: auto;}

.no-img{position: relative; cursor: none; user-select: none;}
.no-img::after{display: none !important;}
.no-img img{filter: brightness(0.8) !important; transform: none !important;}
.no-img::before{ content: 'Coming Soon'; position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2vw; color: #fff; text-transform: uppercase; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }


.project-filter .common-form select.filterizr-filter{  background-color: #f7f7f7;  width: 220px; text-transform: capitalize; padding-inline: 16px !important;}
.project-filter .common-form select.filterizr-filter option{text-transform: capitalize; font-weight: 500;}
.project-filter .common-form select.filterizr-filter:focus{box-shadow: none; border-color: var(--primary-color);}
.project-filter .common-form label{padding-inline: 16px;}



/* 23-09-2025 */
.companys-no{position: relative;z-index: 0;}
.companys-no::after{z-index: -1;}



.form-floating span > .form-control-plaintext:focus,
.form-floating span > .form-control-plaintext:not(:placeholder-shown),
.form-floating span > .form-control:focus,
.form-floating span > .form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: .625rem;
}

.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-select ~ label::after,
.form-floating.active label::after {
 background-color: var(--clr-blue);
}

.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-select ~ label,
.form-floating.active label {
 transform: scale(.85) translateY(-.5rem) translateX(.15rem);
}

.form-floating span > .form-control,
.form-floating span > .form-control-plaintext,
.form-floating span > .form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25;
}

.form-floating span > .form-control,
.form-floating span > .form-control-plaintext {
  padding: 1rem .75rem;
}