@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100..900;1,100..900&display=swap');
:root {
    --primary: #004781;
    --primary-rgb: 0, 71, 129;
    --secondary: #38BDEE;
    --secondary-rgb: 56, 189, 238;
    --dark: #252525;
    --black: #000000;
    --white: #FFFFFF;
    --gray-light: #F5F5F5;
    --bg-beige: #f9f7f2;
    --input-bg: #ffffff;
    --dark-gray: #535353;
    --light-gray: #757575;
    --body-font: "Lato", sans-serif;
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px;
    --bs-breakpoint-xxxl: 1600px;--f10:0.71428571rem;--f11:0.7857142857rem;--f12:0.85714285rem;--f13:0.92857142rem;--f14:1rem;--f15:1.071428571rem;--f16:1.1428571rem;--f17:1.21428571rem;--f18:1.28571428rem;--f19:1.35714285rem;--f20:1.42857142rem;--f21:1.5rem;--f22:1.57142857rem;--f23:1.64285714rem;--f24:1.71428571rem;--f25:1.78571428rem;--f26:1.85714285rem;--f27:1.92857142rem;--f28:2rem;--f29:2.071428571rem;--f30:2.1428571rem;--f31:2.21428571rem;--f32:2.28571428rem;--f33:2.35714285rem;--f34:2.42857142rem;--f35:2.5rem;--f36:2.57142857rem;--f37:2.64285714rem;--f38:2.71428571rem;--f39:2.78571428rem;--f40:2.85714285rem;--f41:2.92857142rem;--f42:3rem;--f43:3.071428571rem;--f44:3.1428571rem;--f45:3.21428571rem;--f46:3.28571428rem;--f47:3.35714285rem;--f48:3.42857142rem;--f49:3.5rem;--f50:3.571428571rem;--f51:3.642857142rem;--f52:3.714285714rem;--f53:3.785714285rem;--f54:3.85714285rem;--f55:3.928571428rem;--f56:4rem;--f57:4.07142857rem;--f58:4.142857142rem;--f59:4.214285714rem;--f60:4.28571428rem;--f62:4.42857142rem;--f64:4.5714285714rem;--f65:4.5714285714rem;--f66:4.714285714rem;--f68:4.857142857rem;--f69:4.928571428571429rem;--f70:5rem;--f72:5.14285714rem;--f74:5.28571428rem;--f76:5.42857142rem;--f78:5.5714285714rem;--f80:5.714285714rem;}

::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.30) !important;
}
:-moz-placeholder {
  color: rgba(0, 0, 0, 0.30) !important;
  opacity: 1;
}
::-moz-placeholder {
  color: rgba(0, 0, 0, 0.30) !important;
  opacity: 1;
}
:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.30) !important;
}
::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.30) !important;
}
::placeholder {
  color: rgba(0, 0, 0, 0.30) !important;
}

::-webkit-scrollbar, ::-moz-scrollbar {
    width: 10px;height: 10px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1; 
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: 10px;
    border: 2px solid #f1f1f1;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--secondary); 
}

html {
    scrollbar-width: thin;
    scrollbar-color: var(--primary) #f1f1f1;scroll-behavior: smooth;
}
a{color: var(--primary);}
a,button,input[type="button"],input[type="submit"],input[type="search"],input[type="clear"],.slide-arrow,.navbar-toggler-icon, .navbar-toggler-icon:before,.navbar-toggler-icon:after{transition:all ease-in-out 300ms;-webkit-transition:all ease-in-out 300ms;-ms-transition:all ease-in-out 300ms;-moz-transition:all ease-in-out 300ms;-o-transition:all ease-in-out 300ms;}
a:hover{text-decoration:none;color:var(--secondary);}
.f10{font-size:var(--f10) !important;}.f11{font-size:var(--f11) !important;}.f12{font-size:var(--f12) !important;}.f13{font-size:var(--f13) !important;}.f14{font-size:var(--f14) !important;}.f15{font-size:var(--f15) !important;}.f16{font-size:var(--f16) !important;}.f17{font-size:var(--f17) !important;}.f18{font-size:var(--f18) !important;}.f19{font-size:var(--f19) !important;}.f20{font-size:var(--f20) !important;}.f21{font-size:var(--f21) !important;}.f22{font-size:var(--f22) !important;}.f23{font-size:var(--f23) !important;}.f24{font-size:var(--f24) !important;}.f25{font-size:var(--f25) !important;}.f26{font-size:var(--f26) !important;}.f27{font-size:var(--f27) !important;}.f28{font-size:var(--f28) !important;}.f29{font-size:var(--f29) !important;}.f30{font-size:var(--f30) !important;}.f31{font-size:var(--f31) !important;}.f32{font-size:var(--f32) !important;}.f33{font-size:var(--f33) !important;}.f34{font-size:var(--f34) !important;}.f35{font-size:var(--f35) !important;}.f36{font-size:var(--f36) !important;}.f37{font-size:var(--f37) !important;}.f38{font-size:var(--f38) !important;}.f39{font-size:var(--f39) !important;}.f40{font-size:var(--f40) !important;}.f41{font-size:var(--f41) !important;}.f42{font-size:var(--f42) !important;}.f43{font-size:var(--f43) !important;}.f44{font-size:var(--f44) !important;}.f45{font-size:var(--f45) !important;}.f46{font-size:var(--f46) !important;}.f47{font-size:var(--f47) !important;}.f48{font-size:var(--f48) !important;}.f49{font-size:var(--f49) !important;}.f50{font-size:var(--f50) !important;}.f51{font-size:var(--f51) !important;}.f52{font-size:var(--f52) !important;}.f53{font-size:var(--f53) !important;}.f54{font-size:var(--f54) !important;}.f55{font-size:var(--f55) !important;}.f56{font-size:var(--f56) !important;}.f57{font-size:var(--f57) !important;}.f58{font-size:var(--f58) !important;}.f59{font-size:var(--f59) !important;}.f60{font-size:var(--f60) !important;}.f62{font-size:var(--f62) !important;}.f64{font-size:var(--f64) !important;}.f66{font-size:var(--f66) !important;}.f68{font-size:var(--f68) !important;}.f69{font-size:var(--f69) !important;}.f70{font-size:var(--f70) !important;}.f72{font-size:var(--f72) !important;}.f74{font-size:var(--f74) !important;}.f76{font-size:var(--f76) !important;}.f78{font-size:var(--f78) !important;}.f80{font-size:var(--f80) !important;}

html,body{margin:0;padding:0;width:100%;font-size: 14px;line-height: 1.2;overflow-x: hidden;}
body {font-family: var(--body-font);font-optical-sizing: auto;font-weight: 400;font-style: normal;background-color: #fff;position: relative;overflow-x: hidden;}
body:before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);-webkit-transition: .3s all ease;-o-transition: .3s all ease;transition: .3s all ease;opacity: 0;visibility: hidden;z-index: 1;}
body.menu-open::before {opacity: 1;z-index: 990;visibility: visible;}
.container {max-width: 1340px;margin: 0 auto;padding: 0 20px;width: 100%;}
.header {position: fixed;top: 0;left: 0;width: 100%;z-index: 999;background: transparent;padding: 20px 50px;transition: transform 0.5s ease, background 0.5s ease, box-shadow 0.5s ease;}
/* Before scroll */
.header.default {background: transparent;box-shadow: none;transform: translateY(0);}
/* Slide up first */
.header.hide {transform: translateY(-150%);}
/* After scroll */
.header.sticky {background: #fff;box-shadow: 0 4px 20px rgba(0,0,0,0.1);transform: translateY(0);padding: 5px 50px;}
.nav-wrapper {display: flex;justify-content: space-between;align-items: center;width: 100%;}
.navbar-brand {padding: 7px 0;margin: 0;}
.logo {max-width: 212px;width: auto;transition: all 0.3s ease;}
.logo-black {display: none;}
.header.sticky .logo-white {display: none;}
.header.sticky .logo-black {display: inline-block;}
.wa-icon {fill: #f5f5f5;}
.header.sticky .wa-icon {fill: #0FB956;}
.navbar-nav {gap: 18px;}
.nav-link, .navbar-expand-lg .navbar-nav .nav-link {color: #fff;padding: 15px;text-align: center;font-size: var(--f18);font-style: normal;font-weight: 700;line-height: normal;text-transform: uppercase;transition: color 0.3s ease;}
.header.sticky .nav-link {color: #000;}
.nav-link:hover, .navbar-expand-lg .navbar-nav .nav-link:hover, .nav-link.active, .navbar-expand-lg .navbar-nav .nav-link.active {color: var(--secondary);}
.btn-whatsapp {margin-left: 4.4vw;}
.btn-whatsapp:hover .wa-icon {fill: var(--secondary);}
/* Hero Slider */
#videoclinked {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5;}
.owl-carousel .item {position: relative;height: 100vh;overflow: hidden;}
.owl-carousel .item::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.05);z-index: 2;}
.owl-carousel .item video, .owl-carousel .item img {width: 100%;height: 100%;object-fit: cover;position: relative;z-index: 1;}
.caption {position: absolute;bottom: 15.5%;left: 45px;max-width: calc(100% - 90px);color: #fff;padding: 0px;opacity: 0;transform: translateY(30px);transition: all 0.8s ease .5s;z-index: 5;}
.caption .container {max-width: 100%;}
.caption h1 {font-size: var(--f50);line-height: 1.2;color: #FFF;font-style: normal;font-weight: 300;line-height: normal;margin: 0 0 2.25rem;max-width: 586px;}
.caption .btn {min-width: 226px;padding: 22px; font-size: var(--f18);color: #FFF;text-align: center;font-style: normal;font-weight: 700;line-height: 150%;border-radius: 0;text-transform: uppercase;position: relative;overflow: hidden;background: var(--primary);border:0px;}
.caption .btn span {position: relative;z-index: 2;}
.btn-primary {--bs-btn-color: #fff;--bs-btn-bg: var(--primary);--bs-btn-border-color: var(--primary);--bs-btn-hover-color: #fff;--bs-btn-hover-bg: var(--secondary);  --bs-btn-hover-border-color: var(--secondary);--bs-btn-focus-shadow-rgb: var(--primary-rgb);--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--primary);   --bs-btn-active-border-color: var(--primary);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: var(--gray-light);--bs-btn-disabled-border-color: var(--gray-light);}
.caption .btn:before {content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: var(--secondary);transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);z-index: 0;}
.caption .btn:hover::before {left: 0; /* Slide in on hover */}
.active .caption {opacity: 1;transform: translateY(0);}

.video-wrapper {position: relative;height: 100%;cursor: pointer;overflow: hidden;}
.video-wrapper video {width: 100%;height: 100%;object-fit: cover;}
/* Center Play / Pause Button */
.yt-toggle-btn {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 90px;height: 90px;background: rgba(0,0,0,0.6);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 38px;color: #fff;z-index: 10;opacity: 1;transition: opacity 0.3s ease, transform 0.3s ease;}
.yt-toggle-btn.hide {opacity: 0;}
.yt-toggle-btn:hover {transform: translate(-50%, -50%) scale(1.1);}
/* Bottom mute button */
.mute-btn {position: absolute;bottom: 42px;right: 42px;z-index: 10;color: #fff;border: none;font-size: 18px;padding: 8px 8px;cursor: pointer;background: transparent;}
.owl-dots {position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);z-index: 10;}
.owl-dots .owl-dot span {width: 8px;height: 8px;margin: 5px 3px;background: rgba(255, 255, 255, 1);display: block;border-radius: 50%;transition: all 0.3s ease;}
.owl-dots .owl-dot.active span {background: var(--secondary);}

/* --- About Section --- */
.about-section {min-height: 100vh;display: flex; align-items: center; justify-content: center;background-size: cover !important;padding: 80px 20px;}
.about-section h2{font-size: var(--f76);font-weight: 300;line-height: 110.526%;color: var(--black);margin-bottom: 5vh;text-align: center;}
.about-section h2{font-size: var(--f76);font-weight: 300;line-height: 110.526%;color: var(--black);margin-bottom: 5vh;text-align: center;}
.about-section svg {max-width: 100px;}
.about-story-section {height: calc(100vh - 89px);}
.bg-primary {--bs-bg-opacity: 1;background-color: rgba(var(--primary-rgb), var(--bs-bg-opacity)) !important;}
/* --- About story Section --- */
.about-story-section .container {position: relative;}
.about-story-section .container:before {content: "";position: absolute;top: 0;left: 0;width: 120%;bottom: 0;background:var(--primary);z-index: 1;transform: translateX(27%);}
.about-story-section .container .bg-primary {position: relative;z-index: 2;}
.story-bord-content {max-width: 796px;padding: 40px 20px 40px 40px;}.story-bord-content h2 {font-size: var(--f65);font-weight: 900;line-height: normal;color: #FFF;font-style: normal;margin-bottom: 1rem;padding-top: 4rem;}
.story-bord-content p{font-size: var(--f18);font-weight: 400;line-height: normal;color: #FFF;font-style: normal;margin-bottom: 4rem;max-width: 720px;}
.btn.btn-white-outline {min-width: 226px;padding: 14px 20px; font-size: var(--f18);color: #fff;text-align: center;font-style: normal;font-weight: 700;line-height: 150%;border-radius: 0;text-transform: uppercase;position: relative;overflow: hidden;background: transparent;border: 1px solid #fff;}
.btn.btn-white-outline:before {content: "";left: 0;top: 0;position: absolute;width: 100%;height: 100%;background: #fff;transform: translateX(-100%);transition: all 0.3s ease;z-index: -1;color: var(--primary);}
.btn.btn-white-outline:hover::before {transform: translateX(0%);color: var(--primary);}
.btn.btn-white-outline span {position: relative;z-index: 1;transition: all 0.3s ease;color: var(--white);}
.btn.btn-white-outline:hover span {color: var(--primary);}
.story-bord-content .btn {margin-bottom: 2.3rem;}

/* --- projects --- */
.section-padding {padding: 180px 0 90px;}
.section-title {color: #004781;padding: 8px 0 19px 25px;font-size: var(--f65);font-style: normal;font-weight: 900;line-height: normal;border-left: 1px solid var(--secondary);margin-bottom: 3vw;margin-left: 4vw;}
.projects-section-info, .instagram-info {background: var(--secondary);padding: 30px 25px 30px 5.5vw;}
.projects-section-info h3, .instagram-info h3 {color: #FFF;font-size: var(--f36);font-weight: 900;line-height: normal;margin: 0 0 2vw;padding: 0;}
.projects-section-info a {font-size: var(--f24);font-weight: 700;line-height: normal;color: #FFF;text-decoration: underline;text-decoration-style: solid;text-decoration-skip-ink: auto;text-decoration-thickness: auto;text-underline-offset: auto;text-underline-position: from-font;margin: 1vw 0 2vw;}
@media (min-width: 1400px) {
    .col-md-3.projects-section-info {
        flex: 0 0 auto;
        width: 21.9%;
    }
    .col-md-9.project-slider-wrapper {
        flex: 0 0 auto;
        width: 78.1%;
    }
}
.project-slider-wrapper {padding-left: 8px;}.projects-section .row {margin-bottom: 3.2vw;}
.project-card .project_info {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.10);color: #fff;opacity: 1;transition: all 0.3s ease;display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;padding: 28px 24px;text-align: left;}
.project-card {margin: 0 8px;position: relative; overflow: hidden;display: block;}
.project-card img {width: 100%; transition: transform 0.5s;height: 100%;aspect-ratio: 395/496;max-height: 496px;min-height: 320px;object-fit: cover;}
.project-card:hover img {transform: scale(1.1);}
.view_project {margin-left: auto;transition: all 0.3s ease-in-out 0.5s;position: relative;bottom: -15px;right: -20px;opacity: 1;visibility: visible;margin-top: -20px;}.view_project svg {width: 52px;height: 52px;}
.project-card .project_info h2 {margin: 0 0 15px;font-size: var(--f34);font-weight: 700;line-height: normal;color: #FFF;font-style: normal;padding: 0;transition: all 0.3s ease-in-out 0s;max-width: 326px;opacity: 1;visibility: visible;}
.project-card .project_info p {margin: 0 0 5px;font-size: var(--f20);font-weight: 400;line-height: normal;color: #FFF;font-style: normal;padding: 0;opacity: 1;visibility: visible;transition: all 0.3s ease-in-out 0.2s;max-width: 326px;}
.project-card .project_info p.city {font-weight: 700;padding: 12px 0 0;opacity: 1;visibility: visible;transition: all 0.3s ease-in-out 0.3s;max-width: 326px;margin: 0;font-size: var(--f18);}

.project-card:hover .project_info {background: rgba(0,0,0,0.55);}
.project-card:hover .project_info h2 {opacity: 1;visibility: visible;transition: all 0.3s ease-in-out 0.1s;}
.project-card:hover .project_info p {opacity: 1;visibility: visible;transition: all 0.3s ease-in-out 0.2s;}
.project-card:hover .project_info p.city {opacity: 1;visibility: visible;transition: all 0.3s ease-in-out 0.3s;}
/* .project-card:hover .project_info .view_project {opacity: 0;visibility: hidden;transition: all 0.3s ease-in-out 0s;} */

/* Clients  */
.section {padding: 5vw 0;}
.client-section {background: #f5f5f5;padding: 4.7vw 0 4vw;}
.client-slider {padding: 4vw 0 8vw;}
.client-slider img {
    max-width: 237px;
    transition: 0.3s; margin: 0 20px;
}
.client-slider img:hover { filter: grayscale(0%); opacity: 1; }
.client-slider .slick-slide {text-align: center;display: flex;align-items: center;justify-content: center;height: auto;}

/* --- Instagram --- */
.instagram-info h3 {font-size: var(--f32);}
.instagram-info h3 a{color: #fff;}
.insta-feed img {width: 100%;max-height: 503px;object-fit: cover;aspect-ratio: 1/1;}
@media (min-width: 1400px) {
    .instagram-feed .col-md-3 {
        flex: 0 0 auto;
        width: 23%;
    }
    .instagram-feed .col-md-9 {
        flex: 0 0 auto;
        width: 77%;
    }
}

/* --- Footer --- */
.footer-section {background: var(--primary); color: white; padding: 45px 0 20px;font-size: var(--f18);margin-top: 4vw;}
.footer-section .container {max-width: 1140px;}
.foot-link a{display: block;color: #FFF;font-size: var(--f18);font-style: normal;font-weight: 700;line-height: 161.111%;}
.footer-section a:hover{color: var(--secondary);}
.footer-section h6 {color: #FFF;font-size: var(--f18);font-style: normal;font-weight: 700;line-height: 144.444%;margin: 0;padding: 0;}
footer a { color: #ffffff; text-decoration: none; }
footer .btn-info { background: var(--light-blue); border: none; }
.footer-section p {color: #FFF;font-size: var(--f18);font-style: normal;font-weight: 400;line-height: 150%;}
.social {display: flex;padding: 20px 0 0;gap: 18px;}
.social a {margin: 0;}
.social a svg path{transition: all ease-in-out 0.3s;fill: #fff;}
.social a:hover svg path{fill: var(--secondary);}
.newsletter-section .input-group>.form-control {border-radius: 0;font-size: var(--f18);padding: 12px 15px;}
.newsletter-section .input-group .btn {background: var(--secondary);border-radius: 0;padding: 8px;position: relative;overflow: hidden;}
.newsletter-section .input-group .btn span {position: relative;z-index: 2;}
.newsletter-section .input-group .btn::before {content: "";position: absolute;background: #000;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;transition: all ease-in-out 0.3s;transform: translateX(-100%);}
.newsletter-section .input-group .btn:hover::before {transform: translateX(0);}
.copyright {color: #FFF;font-size: var(--f18);font-style: normal;font-weight: 400;line-height: normal;margin: 0;}
.copyright a, .foot-address a {color: #FFF;font-size: var(--f18);font-weight: 400;line-height: normal;text-decoration-line: underline;text-decoration-style: solid;text-decoration-skip-ink: auto;text-decoration-thickness: auto;text-underline-offset: auto;text-underline-position: from-font;}
@media (min-width:992px) {
  .foot-link {flex: 0 0 auto;width: 20%;}
  .newsletter-section {flex: 0 0 auto;width: 24.09%;}
  .foot-address {flex: 0 0 auto;width: 26.91%;}
  .foot-social {flex: 0 0 auto;width: 29%;padding-left: 3vw;}
}

/* Innper page banner */
.inner-banner {position: relative;max-height: 480px;}
.inner-banner img {position: relative;max-height: 480px;width: 100%;min-height: 250px;object-fit: cover;z-index: 0;}
.inner-banner .caption {position: absolute;max-height: 480px;left: 0;right: 0;bottom: 0;top: 0;display: flex;align-items: center;justify-content: center;background: linear-gradient(0deg, rgba(217, 217, 217, 0.00) 0%, rgba(0, 0, 0, 0.55) 100%);padding-top: 150px;z-index: 2;transform: translateY(0px);opacity: 1;max-width: 100%;}
.inner-banner .caption h1 {max-width: 100%;text-align: center;font-weight: 400;margin: 0;}

/*Project page*/
.gray-bg {background: #F5F5F5 !important;}
.section-padding-small {padding: 110px 0;}
.heightlight-section.section-padding {padding: 110px 0;}
.heightlight-section p {color: #000;text-align: center;font-size: var(--f40);font-style: normal;font-weight: 300;line-height: normal;margin: 0 auto 2rem;}
.heightlight-section p:last-child {margin-bottom: 0;}
.project-list {display: flex;padding: 0px;flex-wrap: wrap;margin: 0 -0.9rem;}
.project-list .grid-item {padding: 0.9rem;flex: 0 0 auto;width: 100%;}
.project-list-section .container-fluid {padding: 26px 4.5vw;}
@media (min-width: 550px) {
    .project-list .grid-item {
        flex: 0 0 auto;
        width: 50%;
    }
}
@media (min-width: 993px) {
    .project-list .grid-item {
        flex: 0 0 auto;
        width: 33.33%;
    }
}
@media (min-width: 1440px) {
    .project-list .grid-item {
        flex: 0 0 auto;
        max-width: 24.9%;
    }
    .project-list-section .container-fluid {padding: 26px 6.5vw;}
}
@media (min-width: 2000px) {
    .project-list .grid-item {
        flex: 0 0 auto;
        max-width: 20%;
    }
}
@media (min-width: 3500px) {
    .project-list .grid-item {
        flex: 0 0 auto;
        max-width: 16.666666666666666666666666667%;
    }
}
@media (min-width: 4800px) {
    .project-list .grid-item {
        flex: 0 0 auto;
        max-width: 12.5%;
    }
}
.project-list .project-card {margin: 0;}.project-list .project-card .project_info{background: rgba(0, 0, 0, 0.10);}
.project-list .project-card .project_info h2, .project-list .project-card .project_info p {opacity: 1;visibility: visible;}
.project-list .project-card .project_info h2, .project-card-info h2 {font-size: var(--f32);margin-bottom: 10px;padding: 0;}
.project-list .project-card .project_info p, .project-title-box p, .project-card-info p {font-size: var(--f24);margin-bottom: 15px;padding: 0;margin: 0;}
.project-list .project-card .project_info p.completion-status, .project-title-box small, .project-card-info .completion-status {font-size: var(--f16);margin-bottom: 0px;padding: 0;font-weight: 400;padding-top: 2.5rem;}
.project-list .project-card:hover .project_info {background: rgba(0, 0, 0, 0.40);}
.project-list .project-card:hover .project_info .view_project {opacity: 1;visibility: visible;}
.project-list .view_project {position: relative;bottom: -15px;right: -20px;margin-top: 0;}
.project-list .view_project svg{width: 52px;height: 52px;}
.project-list .project-card:hover .project_info .view_project svg path {transition: all 0.3s ease-in-out 0s;}
.project-list .project-card:hover .project_info .view_project svg path {stroke: var(--secondary);}

.project-card-info {text-align: left;padding: 12px 15px 20px;text-decoration: none;display: block;color: #000;}
.project-card-info h2 {font-size: var(--f30);margin-bottom: 4px;font-weight: 700;}
.project-card-info p {font-size: var(--f22);margin-bottom: 5px;color: #000;}
.project-card-info .completion-status {font-size: var(--f16);font-weight: 400;padding-top: 0px;color: #000;}

.aips-filter{text-align: left;display: flex;gap: 19px;}.aips-filter-wrapper {margin-bottom: 2.4rem;display: block;max-width: 100%;overflow: hidden;overflow-y: hidden;}
.aips-filter button, .aips-load, .gal-btn{border: 1px solid var(--primary);background: #FFF;padding:14px 22px;margin:0px;color: var(--primary);text-align: center;font-size: var(--f18);font-weight: 700;line-height: 150%;text-transform: uppercase;max-width: 258px;min-height: 100%;min-width: 130px;overflow: hidden;position: relative;}
.aips-filter button::before, .aips-load::before, .gal-btn::before {content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: var(--primary);transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);z-index: 0;}
.aips-filter button:hover::before, .aips-load:hover::before, .gal-btn:hover::before, .aips-filter button.active::before {left: 0%;}
.aips-filter button:hover, .aips-filter button.active, .aips-load:hover{color:#fff;}
.aips-filter button span, .aips-load span, .gal-btn span {position: relative;z-index: 2;}
.aips-load{padding:22px 32px;position:relative;margin-top: 3.6vw;}
.aips-load:disabled{opacity:0.6;cursor:not-allowed;}
/* Project Details page */
.btn-wrapper {padding-bottom: 2.7vw;}
.btn-wrapper a {display: flex;gap: 10px;color: #000;font-size: var(--f20);font-weight: 700;line-height: 135%;text-transform: uppercase;padding: 22px 0;align-items: center;}
.gal-btns {display: flex;gap: 16px;}.gal-btn {min-width: 120px;padding: 13px 28px;}
.gal-btn:hover {color: #fff;}
.project-title-box {padding: 2.4rem 3rem;min-width: 35%;text-align: left;}
.project-title-box h4{color: #FFF;font-size: var(--f36);font-style: normal;font-weight: 700;line-height: normal;}
.project-title-box p {margin-bottom: 9px;}
.project-gallery {--bs-gutter-x:14px;--bs-gutter-y:14px;}
.project-gallery img {max-height: 700px;object-fit: cover;aspect-ratio: 643/700; cursor: pointer;min-height: 100%;}
.project-gallery .col-12 img {max-height: 700px;object-fit: cover;aspect-ratio: 13/7;}
.main-img-trigger { cursor: pointer; position: relative; overflow: hidden; }
.main-img-trigger img { transition: transform 0.5s; width: 100%; }
.main-img-trigger:hover img { transform: scale(1.02); }

/* --- Modal Height Constraints --- */
.modal-content { background-color: var(--dark-bg) !important; color: white !important; border: none; }
.modal-body {padding: 0 !important;background-color: rgba(0, 0, 0, 0.30) !important;}
/* --- Slider Styling --- */
.comparison-container {width: auto;height: 100%;max-width: 1300px;max-height: 100%;position: relative;margin: auto;}
.image-before, .image-after {position: absolute; top: 0; left: 0; width: 100%; height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;}
.image-after { z-index: 2; clip-path: inset(0 0 0 50%);}
.image-before { z-index: 1;position: relative;}
.slider-handle {position: absolute; top: 0; bottom: 0; left: 50%; width: 5px;background: var(--secondary); z-index: 5; transform: translateX(-50%);pointer-events: none;cursor: ew-resize;}
.handle-circle {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);width: 56px; height: 56px; background: var(--secondary); border-radius: 50%;display: flex; align-items: center; justify-content: space-between; color: white;box-shadow: 0 0 15px rgba(0,0,0,0.5);cursor: ew-resize;}
.slider-input {position: absolute; top: 0; left: 0; width: 100%; height: 100%;opacity: 0; z-index: 10;-webkit-tap-highlight-color: transparent;cursor: ew-resize;}
.btn-close-white { filter: invert(1) brightness(200%); z-index: 100;top: 30px;right: 40px;position: absolute;}
.modal-body {min-height: 300px;height: 100vh;overflow: hidden;align-items: center;display: flex;justify-content: center;flex-direction: column;}
#projectCarousel {max-width: 1420px;padding: 20px 80px;margin: 0 auto;width: 100%;}
.carousel-control-next, .carousel-control-prev {z-index: 10;}
#projectCarousel .carousel-inner {display: flex;align-items: center;}
#multiSliderModal .carousel-control-next, #multiSliderModal .carousel-control-prev {width: 50px;opacity: 1;}
#multiSliderModal .carousel-control-next:hover svg path, #multiSliderModal .carousel-control-prev:hover svg path {stroke: var(--secondary);}
#multiSliderModal .carousel-control-next {right: 18px;} #multiSliderModal .carousel-control-prev {left: 18px;}
/* .carousel-item {display: flex;flex-direction: column;} */
.project-name-abslide {color: #FFF;font-size: var(--f24);font-weight: 400;line-height: normal;}
.lg-backdrop.in {opacity: .8;}


/*Services*/
.title {font-size: var(--f65);font-weight: 400;line-height: normal;color: var(--secondary);margin-bottom: 1.8rem;}
.content-container {padding: 0;}
.content-container .row {--bs-gutter-x: 12vw;--bs-gutter-y: 0px;margin: 0;}
.content-container .row>div{padding-top: 50px;}
.content-container p {font-size: var(--f18);font-weight: 400;line-height: normal;color: var(--black);margin-bottom: 1.5rem;}.content-container p:last-child {margin-bottom: 0;}
.brdr-right {border-right: 1px solid var(--light-gray);}
.btn-navy {background-color: var(--primary);color: white;padding: 22px 30px;border-radius: 0;transition: 0.3s;min-width: 226px;font-size: var(--f18);font-weight: 700;line-height: 150%;text-transform: uppercase;text-align: center;position: relative;overflow: hidden;border: 0;}
.btn-navy::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--secondary);transform: translateX(-100%);transition: transform 0.3s ease;z-index: 0;}
.btn-navy:hover::after {transform: translateX(0);}
.btn-navy:hover {color: white;background: var(--primary);}
.btn-navy span {position: relative;z-index: 2;}
.btn-navy:hover span {color: #fff;}

/* Sections */
.section-padding-mid { padding: 45px 0; }
.bulletlist {padding: 7rem 0 3rem 24px;margin: 0;list-style: none;}
.bulletlist li {padding: 0px 0;font-weight: 700;font-size: var(--f24);line-height: 179.167%;position: relative;color: var(--black);}
.bulletlist li::before {content: "•";color: black;font-weight: bold;display: inline-block; width: 1em;margin-left: -1em;}
.service-full-img {width: 100%;height: auto;object-fit: cover;max-height: 680px;aspect-ratio: 192/68;transition: all ease-in 300ms;}
.service-full-img.team {filter:grayscale(100);}
.service-full-img:hover {filter:grayscale(0);}
.bulletlist li a {color: #000;text-decoration: none;}.bulletlist li a:hover {color: var(--secondary);}

.slick-track {display: flex;min-width: 100%;}
/* About us */
/* SECTION PADDING */
.aboutus-section{padding:70px 0;}
.aboutus-section p{color: #000;text-align: center;font-size: var(--f32);font-style: normal;font-weight: 300;line-height: normal;max-width: 518px;margin-left: auto;margin-right:auto;}
.vm-img img{width:100%;height:100%;object-fit:cover;max-height: 100vh;aspect-ratio: 960/853;min-height: 300px;}
@media screen and (min-height:850px) {
    .vm-img img{max-height: 853px;}
}

/* contact us*/
.content-container .row>div.contact-address {padding-top: 0px;position: relative;padding-bottom: 3rem;}
.content-container .row>div.contact-address::after {content: "";position: absolute;top: -95px;right: 0;width: 1px;height: 100%;background: var(--light-gray);height: calc(100% + 95px);}
.content-container .row>div.contact-address:last-child::after {display: none;}
.contact-address h4 {font-size: var(--f24);font-weight: 700;line-height: normal;margin-bottom: 1.5rem;color: #004781;}
.contact-address h6 {font-size: var(--f18);font-weight: 700;line-height: normal;color: var(--black);margin-bottom: 1.5rem;}
.contact-address p {font-size: var(--f18);font-weight: 400;line-height: normal;color: var(--black);margin-bottom: 1.5rem;}
.contact-address a {color: var(--black);text-decoration-line: underline;text-decoration-style: solid;text-decoration-skip-ink: auto;text-decoration-thickness: auto;text-underline-offset: auto;text-underline-position: from-font;}
.map iframe {width: 100%;max-height: 90vh;border: none;min-height: 300px;}
.contact-form {padding: 46px 0;}
.contact-form .title {margin-bottom: 12px;}
.contact-form h6 {font-size: var(--f24);font-weight: 400;line-height: normal;margin-bottom: 2.5rem;color: #3F586E;text-align: center;line-height: 112.5%;}
.contact-form .form-group {margin-bottom: 1.5rem;}
.custom-select, .form-control, .input-group-text {border-radius: 10px;border: 1px solid rgba(0, 0, 0, 0.20);background: #FFF;padding: 18px 22px;box-shadow: none !important;color: #3F586E;font-size: var(--f20);font-style: normal;font-weight: 400;line-height: normal;}
.input-group-text {border-radius: 10px 0 0 10px !important;}

.custom-select:focus, .form-control:focus {
    border-color: #4dc2f0;
}
.custom-select {-webkit-appearance: none;appearance: none;-moz-appearance: none;background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><path d="M7.5 11.25L15 18.75L22.5 11.25" stroke="%2338BDEE" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-repeat: no-repeat;background-position: right 20px center;background-size: 30px 30px;padding-right: 50px;}
.privacy-info {color: #3F586E;font-size: var(--f18);font-weight: 400;line-height: 150%;padding: 36px 0 12px;}
.contact-form .btn-primary {color: #FFF;text-align: center;font-size: var(--f18);font-style: normal;font-weight: 700;line-height: 150%;padding: 17px !important;position: relative;overflow: hidden;border-radius: 0;}
.contact-form .btn-primary::before {content: "";position: absolute;left:0;top: 0;width: 100%;height: 100%;background: var(--secondary);transform: translateX(-100%);transition: all ease-in-out 0.3s;}
.contact-form .btn-primary:hover::before {transform: translateX(0%);}
.contact-form .btn-primary span {position: relative;z-index: 2;}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {padding-left: 0;}
.newsletter-section .input-group .btn {padding-left: 8px !important;}

.input-group-text {
    border-radius: 0;
    color: #666;
}

.g-recaptcha {
    margin: 15px 0;
}

/* Instagram feed */
.instagram-info h3 {font-size: var(--f32);}
.instagram-info h3 a{color: #fff;}
.insta-feed { position: relative; overflow: hidden; }
.insta-feed img, .insta-feed video, .insta-feed .audio-container {width: 100%;max-height: 503px;object-fit: cover;aspect-ratio: 1/1; display: block;}
.insta-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 10;
    text-decoration: none;
}
.insta-feed:hover .insta-overlay {
    opacity: 1;
}
.insta-stats {
    display: flex;
    gap: 20px;
    font-size: var(--f24);
    font-weight: 700;
}
.insta-stats span {
    display: flex;
    align-items: center;
    gap: 8px;
}
.g-recaptcha {
    transform: translateX(60px);
}

/*Youtube Player*/
.ytp-expand-pause-overlay .ytp-pause-overlay {display:none !important;}
.player { width: 100%; height: 100%; }

.player-container {position: relative;width: 100%;aspect-ratio: 16/9;padding-top: 100vh; /* 16:9 aspect ratio */background: #000;border-radius: 0px;overflow: hidden;max-height:100%;max-height: 100vh;}
.player {position: absolute;width: 100%; height: 100%;background: transparent;top: 50%; left: 50%; width: 100vw;height: 56.25vw;min-height: 100vh;min-width: 170vh;transform: translate(-50%, -50%);}
.media-image, .player-container {
    isolation: isolate;
    overflow: hidden;
    position: relative;
}
.player-container, .video-thumb {width: 100%;max-width: 100%;width: 100vw;min-width: 200px;margin: auto;max-height:100vh;overflow: hidden;}

.controls {/* position: absolute; */bottom: 0; width: 90%;left: 5%;background: transparent;z-index: 30;display: flex; justify-content: space-between;align-items: center; padding: 0px; gap: 10px;flex-direction: row-reverse;}

#custom-player {pointer-events: none; /* User ne video var click krun YouTube vr jau naye mhanun */}
.custom-controls {position: absolute;bottom: 20px;left: 20px;display: flex;gap: 15px;z-index: 10;}
.valcontrols{position: absolute;bottom: 0; width: 50px;background: transparent;z-index: 20;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 0px; gap: 20px;right: 20px;bottom: 15%;}
.control-left {position: absolute;left: 5%;width: 90%;bottom: 10%;z-index: 21;display: flex; align-items: center; flex-grow: 1; gap: 8px;transition: opacity 0.5s ease;display: none;}
.control-left.hidden, .control-right.hidden { opacity: 0; pointer-events: none; }
.video-player-div {position: absolute;left: 0;top: 0;width: 100%;height: 100%;max-height: 100vh;overflow: hidden;z-index: 1;min-height: 320px;}
.btn-control {background: rgba(255,255,255,0.15);color: #fff; border: none;padding: 8px 12px; border-radius: 8px;cursor: pointer;}
.playpause{display: none;}
.scrubber {flex: 1; height: 1px;background: #e9e9e9;border-radius: 4px;position: relative;cursor: pointer;}
.progress-bar {height: 100%; background: var(--primary); width: 0%;border-radius: 4px;}
.scrubber-button {position: absolute; top: -12px;width: 24px; height: 24px;background: #fff; border-radius: 50%;transform: translateX(-50%);z-index: 2;border: 0px;}
.scrubber-button:after {content: "";position: absolute;left: 50%; top: 50%;width: 4px; height: 4px; background: var(--primary);border-radius: 50%; transform: translate(-50%, -50%);}
.scrubber-tooltip {position: absolute; bottom: 120%;left: 0; transform: translateX(-50%);padding: 4px 8px;background: rgba(0,0,0,0.75);color: #fff;font-size: 12px;border-radius: 4px;pointer-events: none;white-space: nowrap;opacity: 0; transition: opacity 0.2s;}
.scrubber:hover .scrubber-tooltip {opacity: 1;}
.scrubber-button:hover, .scrubber:hover .scrubber-button {background: var(--primary);}
.scrubber-button:hover:after, .scrubber:hover .scrubber-button:after {background: #ffffff;}
.html5-video-player:not(.ytp-big-mode) .ytp-chrome-top .ytp-cards-button{display: none;}
.player-video-wrapper .control-right {align-items: center;display: flex;flex-direction: column;height: calc(100% - 100px);justify-content: center;pointer-events: none;position: absolute;right: 40px;z-index: 21;bottom: 0;top:0px;}
.volume-btn{width: 100%;flex: 0 0 100%;max-width: 36px;height: 28px;display: flex;gap: 5px;justify-content: center;}
.control-right .fullscreen-btn, .control-right .btn-control.mute {background: #fff;border-radius: 50%;box-shadow: -13px 9px 28px -6px rgba(0, 0, 0, .29);-webkit-box-shadow: -13px 9px 28px -6px rgba(0, 0, 0, .29);-moz-box-shadow: -13px 9px 28px -6px rgba(0,0,0,.29);display: grid;flex: 0 0 auto;height: 55px;margin: 0 auto;place-content: center;pointer-events: auto;-webkit-transition: background 1s cubic-bezier(.19,1,.22,1) 0s;-moz-transition: background 1s cubic-bezier(.19,1,.22,1) 0s;-ms-transition: background 1s cubic-bezier(.19,1,.22,1) 0s;-o-transition: background 1s cubic-bezier(.19,1,.22,1) 0s;transition: background 1s cubic-bezier(.19,1,.22,1) 0s;width: 55px;}
.control-right .btn-control.mute {background: #fff;border-radius: 50%;box-shadow: -13px 9px 28px -6px rgba(0, 0, 0, .29);-webkit-box-shadow: -13px 9px 28px -6px rgba(0, 0, 0, .29);-moz-box-shadow: -13px 9px 28px -6px rgba(0,0,0,.29);display: grid;flex: 0 0 auto;height: 55px;margin: 15px auto;place-content: center;pointer-events: auto;-webkit-transition: background 1s cubic-bezier(.19,1,.22,1) 0s;-moz-transition: background 1s cubic-bezier(.19,1,.22,1) 0s;-ms-transition: background 1s cubic-bezier(.19,1,.22,1) 0s;-o-transition: background 1s cubic-bezier(.19,1,.22,1) 0s;transition: background 1s cubic-bezier(.19,1,.22,1) 0s;width: 55px;}
.control-right .fullscreen-btn svg {height: auto;width: 40px;}
.control-right .fullscreen-btn .on {display: none;}
.control-right .btn-control.mute .volume-btn span, .control-right .btn-control.mute .volume-btn span {animation: stopped 1s linear 0ms infinite;background: #000;height: 100%;transform-origin: 50% 50%;width: 1px;}
.control-right .btn-control.mute.active .volume-btn span {animation: playing 0ms linear -1s infinite alternate;}
.control-right .btn-control.mute .volume-btn span:nth-child(5n+1) {animation-duration: 399ms;}
.control-right .btn-control.mute .volume-btn span:nth-child(5n+2) {animation-duration: 435ms;}
.control-right .btn-control.mute .volume-btn span:nth-child(5n+3) {animation-duration: 489ms;}
.control-right .btn-control.mute .volume-btn span:nth-child(5n+4) {animation-duration: 446ms;}
.control-right .btn-control.mute .volume-btn span:nth-child(5n+5) {animation-duration: 412ms;}
@keyframes stopped {100% {transform: scaleY(.2);}0% {transform: scaleY(.2);}}
@keyframes playing {100% {transform: scaleY(.2);}0% {transform: scaleY(1);}}

.player-wrapper {position: relative; width: 100%; max-width: 100%;display: flex; align-items: center; justify-content: center;padding: 0 40px !important;height: 100%;background: transparent;}
.player-video-wrapper {position: relative; width: 100%; max-width: 1600px; aspect-ratio: 16 / 9; background: #000; overflow: hidden;display: flex; align-items: center; justify-content: center;}
.yt-target { width: 100%; height: 100%; pointer-events: none; }
.gesture-area { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; background: transparent; cursor: pointer; }
.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {padding-top: 0px !important;}

.fancybox__infobar {
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: bold !important;
    opacity: 1 !important;
    visibility: visible !important;
    padding: 20px !important;
    text-shadow: 1px 1px 5px #000;
}

.fancybox__content > .f-button.is-close-btn {
    top: 10px !important;
    right: 10px !important;
    color: #fff !important;
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 50% !important;
    z-index: 99 !important;
}

.fancybox__nav { color: #fff; }
.fancybox__thumbs { background: rgba(0,0,0,0.8) !important; }

.controls-overlay { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(transparent, rgba(0,0,0,0.95)); padding: 25px 20px; z-index: 10; opacity: 0; transition: 0.3s; }
.player-wrapper:hover .controls-overlay { opacity: 1; }
.custom-track { position: relative; width: 100%; height: 8px; background: rgba(255,255,255,0.2); cursor: pointer; margin-bottom: 15px; border-radius: 4px; }
.track-fill { height: 100%; background: var(--primary); width: 0%; border-radius: 4px; pointer-events: none; }
.track-tooltip { position: absolute; top: -40px; background: var(--secondary); color: #fff; padding: 4px 10px; border-radius: 4px; font-size: 12px; display: none; transform: translateX(-50%); pointer-events: none; }

.controls-row { display: flex; align-items: center; gap: 20px; color: white; }
.btn-ui { background: none; border: none; color: white; font-size: 26px; cursor: pointer; }
.time-txt { font-size: 14px; min-width: 110px; font-family: monospace; }

@media (max-width: 768px) { .controls-overlay { opacity: 1; } }


@media (min-width: 1400px) {
    .instagram-feed .col-md-3 {
        flex: 0 0 auto;
        width: 23%;
    }
    .instagram-feed .col-md-9 {
        flex: 0 0 auto;
        width: 77%;
    }
}

/* Media Query */
@media screen and (max-width: 1600px){
    .instagram-info h3 {font-size: var(--f30);}
    .client-slider .slick-slide {padding: 0 15px;}
    .client-slider .slick-slide img {max-width: 95%;}
    .project-title-box {padding: 1.8rem 2.5rem 2.2rem;}
    .project-title-box h4 {font-size: var(--f32);}
    .project-title-box p {font-size: var(--f22);}
    .project-card .project_info {padding: 24px 28px;}
    .project-card .project_info h2 {font-size: var(--f30);}
    .project-list .project-card .project_info p.completion-status, .project-title-box small {font-size: var(--f15);}
}
@media screen and (max-width: 1400px){
    html,body{font-size: 13px;}
    .header {padding: 15px 40px;}
    .header.sticky {padding: 5px 20px;}
    .logo {max-width: 180px;}
    .navbar-nav {gap: 12px;}
    .caption {bottom: 15%;left: 25px;max-width: calc(100% - 50px);}
    .caption h1{font-size: var(--f48);max-width: 526px;}
    .caption .btn {padding: 18px;font-size: var(--f17);min-width: 206px;}
    .about-section h2 {font-size: var(--f66);}
    .projects-section-info, .instagram-info {padding-left: 4vw;}
    .instagram-info h3 {font-size: var(--f30);}
    .heightlight-section p {font-size: var(--f36);}
    .aips-filter button, .aips-load, .gal-btn {padding: 12px 18px; font-size: var(--f16);}
    .title, .section-title {font-size: var(--f60);}
    .bulletlist {padding: 6rem 0 3rem 24px;}
    .section-padding-mid {padding: 40px 0;}
    .project-title-box {padding: 1.8rem 2.5rem 2.2rem;}
    .project-title-box h4 {font-size: var(--f30);}
    .project-title-box p {font-size: var(--f22);}
    .project-list .project-card .project_info p.completion-status, .project-title-box small {font-size: var(--f16);}
    .project-card-info h2 {font-size: var(--f26);}
    .project-card-info p {font-size: var(--f19);}
    .project-card-info .completion-status {font-size: var(--f15);}
}
@media screen and (max-width: 1200px){
    .projects-section-info, .instagram-info {padding: 30px 25px 30px 3.5vw;}
    .projects-section-info h3, .instagram-info h3 {font-size: var(--f32);}
    .projects-section-info a {font-size: var(--f20);}
    .projects-section-info, .instagram-info {padding-left: 3vw;}
    .instagram-info h3 {font-size: var(--f28);}
    .section-padding {padding: 120px 0 80px;}
    .client-slider .slick-slide {padding: 0 20px;}
    .client-slider .slick-slide img{max-width: 100%;}
    .content-container .row>div {padding-top: 20px;}
    .title, .section-title {font-size: var(--f56);}
    .bulletlist li {font-size: var(--f20);}
    .btn-navy {padding: 15px 20px;}
    .bulletlist {padding: 5rem 0 2rem 24px;}
    .aboutus-section p {font-size: var(--f30);}
    .content-container .row>div.contact-address {min-width:400px;}
    .content-container .row>div.contact-address::after {top: -65px;height: calc(100% + 65px);}
    .control-right .fullscreen-btn, .control-right .btn-control.mute {width: 48px;height: 48px;}
    .volume-btn {max-width: 30px;height: 24px;}.control-right .fullscreen-btn svg {width: 30px;}
}
@media screen and (max-width: 1023px){
    .aips-filter-wrapper {overflow: auto;overflow-y: hidden;}
    .aips-filter button {min-width: min-content;}.aips-filter button span span {white-space: nowrap;}
    .aips-filter {gap: 10px;}.aips-filter button>span {min-width: 60px;display: block;}
}
@media screen and (max-width: 991px){
    html,body{font-size: 12px;}
    .logo {max-width: 150px;}
    .navbar-nav {gap: 10px;}
    .header {padding: 10px 20px;}
    .header.sticky {padding: 5px 20px;}
    .header .nav-wrapper.container-fluids {padding-right: 50px;}
    .navbar-toggler {position: absolute;right: 0px;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;width: 42px;height: 32px;border: 0;z-index: 1;}
    .navbar-toggler .navbar-toggler-icon{position: relative;width: 100%;height: 2px;background: #fff;}
    .navbar-toggler .navbar-toggler-icon:before, .navbar-toggler .navbar-toggler-icon:after{position: absolute;height: 2px;background: #fff;content: "";left: 0;width: 80%;transition: 0.4s ease-in-out;}
    .navbar-toggler .navbar-toggler-icon:before {top: -6px;}
    .navbar-toggler .navbar-toggler-icon:after{bottom: -6px;}
    body.menu-open .navbar-toggler .navbar-toggler-icon {height: 0;}
    body.menu-open .navbar-toggler .navbar-toggler-icon:before {top: -1px;transform: rotate(45deg);}
    body.menu-open .navbar-toggler .navbar-toggler-icon:after {bottom: -1px;transform: rotate(-45deg);}
    .navbar-collapse {display: block !important;width: 100%;max-width: 320px;background: #fff;right: 0;top: 0;height: 100vh;padding: 100px 20px 20px;position: fixed;z-index: 0;transition: 0.4s ease-in-out;box-shadow: -5px 0 15px rgba(0,0,0,0.1);transform: translateX(100%);}
    body.menu-open .navbar-collapse {transform: translateX(0%);}
    .header.sticky .navbar-toggler .navbar-toggler-icon, .header.sticky .navbar-toggler .navbar-toggler-icon:before, .header.sticky .navbar-toggler .navbar-toggler-icon:after,
    body.menu-open .navbar-toggler .navbar-toggler-icon, body.menu-open .navbar-toggler .navbar-toggler-icon:before, body.menu-open .navbar-toggler .navbar-toggler-icon:after {background: #000000;}
    .navbar-toggler:focus {outline: 0;box-shadow: none;}
    .nav-link, .navbar-expand-lg .navbar-nav .nav-link {text-align: left;color: #000000;}
    .caption {bottom: 12%;left: 0px;max-width: 100%;}
    .caption h1{font-size: var(--f42);max-width: 426px;}
    .caption .btn {min-width: 160px;padding: 12px;}
    .owl-carousel .item::before {background: rgba(0, 0, 0, 0.10);}
    .about-section h2 {font-size: var(--f50);}
    .about-section svg {max-width: 80px;}
    .story-bord-content h2 {font-size: var(--f48);padding-top: 2rem;}
    .btn.btn-white-outline {min-width: 160px;padding: 8px 15px;font-size: var(--f16);}
    .section-padding {padding: 70px 0 50px;}
    .project-card .project_info h2 {margin: 0 0 1rem;font-size: var(--f32);transform: translateY(0%);}
    .project-card .project_info p, .project-card .project_info p.city {margin: 0 0 0.8rem;font-size: var(--f22);transform: translateY(0%);}
    .view_project, .project-card:hover .project_info .view_project {bottom: 14px;right: 20px;transform: translateX(0%);}
    .view_project svg{width: 48px;height: auto;}
    .title, .section-title {font-size: var(--f52);margin-bottom: 1rem;}.section-title{margin-bottom: 3vw;margin-left: 3vw;}
    .projects-section-info h3, .instagram-info h3 {font-size: var(--f30);}
    .projects-section-info a {font-size: var(--f18);}
    .projects-section-info, .instagram-info {padding-left: 20px;}
    .instagram-info h3 a {font-size: var(--f24);}
    .insta-feed img, .insta-feed video {aspect-ratio: 1 / 1;min-height: 300px;}
    .social {display: flex;padding: 10px 0 0;gap: 8px;}
    .social a {display: flex;align-items: center;justify-content: center;}
    .social a svg {width: 20px;height: auto;}
    .foot-social {padding-left: calc(var(--bs-gutter-x) * .5);}
    .project-list .project-card .project_info h2, .project-title-box h4 {font-size: var(--f28);}
    .project-list .project-card .project_info p, .project-title-box p {font-size: var(--f22);}
    .project-list .project-card .project_info p.completion-status, .project-title-box small {font-size: var(--f17);}
    .heightlight-section.section-padding, .section-padding-small {padding: 60px 0;}
    .heightlight-section p {font-size: var(--f30);}
    #multiSliderModal .carousel-control-next {right: 5px;}#multiSliderModal .carousel-control-prev {left: 0px;}
    #multiSliderModal .carousel-control-next, #multiSliderModal .carousel-control-prev {width: 32px;}
    #multiSliderModal .carousel-control-next svg, #multiSliderModal .carousel-control-prev svg {width: 24px;}
    #projectCarousel {padding: 20px 44px;}
    .project-name-abslide {font-size: var(--f22);}.gal-btn {min-width: 90px;padding: 10px 15px;;}
    .btn-wrapper a {font-size: var(--f18);padding: 15px 0;}
    .btn-wrapper a svg {width:24px;height:auto;}
    .gal-btns {gap:14px;}
    .content-container .row>div {padding-top: 10px;}
    .content-container .row {--bs-gutter-x: 8vw;}
    .bulletlist {padding: 4rem 0 1.5rem 18px;}
    .aboutus-section p {font-size: var(--f24);}
    .content-container .row>div.contact-address {min-width: 300px;width: 50%;}
    .content-container .row>div.contact-address::after {top: -50px;height: calc(100% + 50px);}
    .contact-address h4, .contact-form h6 {font-size: var(--f22);}
    .contact-address h6, .contact-address p {font-size: var(--f17);}
    .aips-filter-wrapper {overflow: auto;overflow-y: hidden;}
    .aips-filter button {min-width: min-content;}.aips-filter button span span {white-space: nowrap;}
    .project-list .view_project svg {width: 48px;height: 48px;}
    .fancybox__nav {display: none;}.player-wrapper {padding: 0 10px !important;}
    .controls-overlay {display: flex;align-items: center;gap: 12px;padding: 10px 10px;}
    .player-video-wrapper .control-right {height: 100%;right: 20px;}
    .custom-track {margin: 0;}
    .project-card-info {text-align: left;padding: 12px 10px 20px;}
    .project-card-info h2 {font-size: var(--f26);}
    .project-card-info p {font-size: var(--f18);}
    .project-card-info .completion-status {font-size: var(--f14);}
}
@media screen and (min-width: 380px) and (max-width: 992px){
    .footer-section .col-md-3 {flex: 0 0 auto;width: 60%;}
    .footer-section .col-md-3:first-child, .footer-section .col-md-3:nth-child(3) {flex: 0 0 auto;width: 40%;}
}
@media screen and (max-width: 768px){
    :root {--f18: 14px;--f20: 16px;--f22: 18px;--f24: 20px;--f26: 22px;--f28: 24px;--f30: 25px;--f32: 26px;--f34: 27px;--f36: 28px;--f38: 30px;--f40: 32px;--f42: 33px;--f44: 34px;--f46: 35px;--f48: 36px;--f50: 37px;--f52: 38px;--f54: 39px;--f56: 40px;--f58: 41px;--f60: 42px;--f62: 43px;--f64: 44px;--f66: 46px;--f68: 48px;--f70: 50px;--f72: 52px;--f74: 54px;}
    .caption {left: 0;right: auto;max-width: 100%;bottom: 10%;}
    .caption h1{font-size: var(--f30);max-width:364px;margin: 0 0 1.2rem;}
    .caption .btn {min-width: 140px;padding: 8px 15px;font-size: 14px;}
    .mute-btn {bottom: 15px;right: 20px;font-size: 14px;padding: 4px 4px;}
    .mute-btn svg, .btn-whatsapp svg {width: 24px;height: auto;}.owl-dots {bottom: 10px;}
    .owl-carousel .item {height: auto;min-height: 320px;}
    .video-wrapper, .owl-carousel .item video, .owl-carousel .item img {min-height: 320px;}
    .about-section h2 {font-size: var(--f44);margin-bottom: 3vh;}
    .about-section {min-height: 50vh;padding: 40px 0px;}
    .about-section svg {max-width: 70px;}
    .about-story-section .h-full {height: auto;padding-top: 200px;}
    .about-story-section img {max-width: 100%;}
    .about-story-section {height: auto;min-height: 400px;}
    .story-bord-content {padding: 20px 20px 20px 20px;max-width: 462px;}
    .story-bord-content h2 {font-size: var(--f40);padding-top: 1rem;}
    .about-story-section .container:before {transform: translateX(23%);}
    .story-bord-content p {margin-bottom: 2rem;}
    .story-bord-content .btn {margin-bottom: 1rem;}
    .section-padding {padding: 40px 0 30px;}
    .title, .section-title {font-size: var(--f44);}.section-title{margin-bottom: 3vw;margin-left: 0vw;}
    .projects-section-info, .instagram-info {margin-bottom: 15px;padding: 20px;}
    .projects-section-info h3, .instagram-info h3 {font-size: var(--f26);margin-bottom: 0;}
    .project-card .project_info {padding: 20px 20px;}
    .project-card .project_info h2, .project-title-box h4 {margin: 0 0 1rem;font-size: var(--f24);opacity:1;visibility:visible;}
    .service-full-img.team {filter: grayscale(0);}
    .project-card .project_info p, .project-card .project_info p.city, .project-title-box p {margin: 0 0 0.8rem;font-size: var(--f20);opacity:1;visibility:visible;}
    .view_project, .project-card:hover .project_info .view_project {transform: translateX(0);opacity: 1;visibility: visible;position: relative;bottom: -10px;right: -15px;margin-top: -15px;}
    .view_project svg {width: 36px;}
    .project-card .project_info p, .project-card .project_info p.city {padding-top: 0;}
    #insta-feed-container .col-md-4 {flex: 0 0 auto;width: 33.33333333%;}
    .foot-social {padding-left: calc(var(--bs-gutter-x) * .5);}
    .newsletter-section .input-group>.form-control {font-size: var(--f18);padding: 6px 15px;}
    .newsletter-section .input-group .btn svg {width: 20px;height: auto;}
    .project-list .grid-item {padding: 5px;}
    .inner-banner .caption {padding-top: 70px;}.inner-banner img {min-height: 200px;}
    .heightlight-section.section-padding, .section-padding-small {padding: 40px 0;}
    .heightlight-section p {font-size: var(--f32);}
    .project-list-section .container-fluid {padding: 14px 20px;}
    .project-name-abslide {font-size: var(--f18);}
    .project-title-box {padding: 10px 15px;}
    .handle-circle {width: 30px;height: 30px;}
    .handle-circle svg{width: 12px;height: 12px;}
    .slider-handle {width: 3px;}
    .client-slider .slick-slide img {max-width: 80%;max-height: 90px;}
    .brdr-right {border-right: 0px solid var(--light-gray);border-bottom: 1px solid var(--light-gray);}
    .content-container {padding: 0 20px;}
    .content-container .row {--bs-gutter-x: 0vw;}
    .bulletlist {padding: 1rem 0 1rem 18px;}
    .content-container .row>div {padding: 10px 0 20px;}
    .section-padding-mid {padding: 20px 0;}
    .content-container .row>div.align-items-end {align-items: flex-start !important;}
    .content-container .row.flex-column-reverse>div.brdr-right {border-top: 1px solid var(--light-gray);border-bottom: 0px solid var(--light-gray);}
    .partners-section .container-fluid {padding-left: 20px;padding-right: 20px;}
    .btn-navy, .contact-form .btn-primary {padding: 8px 15px !important;font-size: var(--f16);min-width: 146px;}
    .logo {max-width: 110px;}
    .aboutus-section {padding: 30px 0;}
    .content-container .row>div.contact-address, .content-container .row>div.contact-title {
        padding: 10px 20px 20px;
    }
    .content-container .row>div.contact-title {padding-bottom: 0;}
    .contact-address h4, .contact-form h6 {font-size: var(--f22);}
    .custom-select, .form-control, .input-group-text {font-size: var(--f18);padding: 12px 16px;border-radius: 6px;}
    .custom-select {background-position: right 10px center;background-size: 24px 24px;}
    .content-container .row>div.contact-address::after {top: auto;height: 1px;width: 100%;left: 0;bottom: 0;}
    .privacy-info {padding-right: calc(var(--bs-gutter-x) * .5);padding-left: calc(var(--bs-gutter-x) * .5);padding-top: 18px;}
    .project-list .view_project svg {width: 36px;height: 36px;}
    .project-list .view_project {bottom: -15px;right: -10px;}
    .project-title-box small {font-size: var(--f14);padding-top: 0px;display: block;}
    .project-title-box p {margin: 0.3rem 0 0.4rem;}
    .aips-filter button {padding: 6px 10px;font-size: var(--f15);line-height: 130%;min-width: min-content;}
    .aips-filter {gap: 10px;}
    .aips-filter button span span {white-space: nowrap;display: block;}
    .player-video-wrapper .control-right {height: calc(100% - 20px);right: 5px;}
    .control-right .btn-control {padding: 4px 8px;}
    .control-right .fullscreen-btn, .control-right .btn-control.mute {height: 32px;margin: 5px auto;width: 32px;}
    .volume-btn {max-width: 28px;height: 20px;gap: 3px;}.control-right .fullscreen-btn svg {width: 22px;}
    .project-card-info {text-align: left;padding: 10px 10px 15px;}
    .project-card-info h2 {font-size: var(--f24);}
    .project-card-info p {font-size: var(--f18);}
    .project-card-info .completion-status {font-size: var(--f13);}
}
@media screen and (max-width: 670px){
    .content-container .row>div.contact-address {min-width: 100%;width: 100%;}
}
@media screen and (max-width: 575px){
    .caption h1{font-size: var(--f24);max-width:238px;}
    .caption .btn {padding: 6px 12px;font-size: 12px;min-width: 110px;}
    .about-section h2 {font-size: var(--f32);margin-bottom: 3vh;}
    .about-story-section .container:before {transform: translateX(0%);}
    .story-bord-content {padding: 20px 0px 20px 0px;}
    .btn.btn-white-outline {min-width: 120px;}
    .about-story-section .container .bg-primary {text-align: center;}
    .story-bord-content h2 {font-size: var(--f30);padding-top: 1rem;}
    .section-padding {padding: 30px 0 30px;}
    .title, .section-title {font-size: var(--f32);}.section-title {margin-bottom: 3vw;margin-left: 0vw;}
    .projects-section-info h3, .instagram-info h3 {font-size: var(--f24);}
    .project-card .project_info h2, .project-title-box h4 {margin: 0 0 1rem;font-size: var(--f24);transform: translateY(0%);}
    .project-card .project_info p, .project-card .project_info p.city, .project-title-box p {margin: 0 0 0.8rem;font-size: var(--f18);transform: translateY(0%);}
    #insta-feed-container .col-md-4 {flex: 0 0 auto;width: 100%;}
    #insta-feed-container .col-md-4:last-child {flex: 0 0 auto;width: 100%;}
    .insta-feed img {aspect-ratio: 1 / 1;min-height: 200px;max-height: 260px;object-position: right top;}
    .heightlight-section p {font-size: var(--f24);}
    #projectCarousel {padding: 20px 0px;}
    #multiSliderModal .carousel-control-next, #multiSliderModal .carousel-control-prev {width: 32px;height: 32px;top: 50%;margin-top: -16px;}
    .project-gallery .col-12 img {min-height: 250px;}
    .gal-btns {gap:6px;}
    .gal-btn {min-width: 64px;}
    .gal-btn {padding: 6px 7px;font-size: 12px;}
    .btn-wrapper a {font-size: 13px;padding: 10px 0;}
    .btn-wrapper a svg {width:18px;height:auto;}
    .content-container .row>div.contact-address {padding-left: 0;padding-right: 0;}
    .map iframe {height: 50vh;}
    .project-card .project_info h2, .project-title-box h4{margin: 0 0 1rem;font-size: var(--f20);}
    .project-title-box small {font-size: var(--f14);padding-top: 0px;display: block;}
    .project-title-box p {margin: 0.3rem 0 0.4rem;}
    .gal-btn span span{display: none;}
    .player-wrapper {padding: 0 0px !important;}
    .controls-overlay {padding: 5px 5px;}
    .custom-track {height: 3px;}.time-txt {font-size: 10px;min-width: 70px;}
    .player-video-wrapper .control-right {height: calc(100% - 20px);right: 0px;}
    .control-right .btn-control {padding: 2px 2px;}
    .control-right .fullscreen-btn, .control-right .btn-control.mute {height: 24px;margin: 5px auto;width: 24px;}
    .volume-btn {max-width: 20px;height: 20px;gap: 2px;}.control-right .fullscreen-btn svg {width: 20px;}
}
@media screen and (max-width: 420px){
    .btn-wrapper a {gap: 5px;line-height: 120%;font-size: 12px;}
    .gal-btns {gap: 3px;}
    .gal-btn {padding: 6px 5px;font-size: 12px;min-width: 50px;}
    .aips-filter {gap: 6px;}
}
@media screen and (max-width: 380px) {
    .footer-section {text-align: center;}
    .social {justify-content: center;margin-bottom: 1rem !important;}
}