@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --primary: #21409A;
    --primary-rgb: 33, 54, 154;
    --secondary: #C92129;
    --secondary-rgb: 201, 33, 41, 1;
    --dark: #252525;
    --black: #000000;
    --white: #FFFFFF;
    --gray-light: #F5F5F5;
    --bg-beige: #f9f7f2;
    --input-bg: #ffffff;
    --dark-gray: #535353;
    --light-gray: #757575;
    --body-font: "Albert Sans", 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: 1540px;margin: 0 auto;padding: 0 20px;width: 100%;}
.header {position: fixed;top: 0;left: 0;width: 100%;z-index: 999;background: transparent;padding: 24px 20px;transition: transform 0.5s ease, background 0.5s ease, box-shadow 0.5s ease;}
.header .navbar-expand-lg {padding: 16px 20px;background: #fff;border-radius: 15px;margin: 0 auto;max-width: 1130px;}
/* Before scroll */
.header.default {background: transparent;box-shadow: none;transform: translateY(0);}
/* Slide up first */
.header.hide {transform: translateY(-150%);}
/* After scroll */
.header.sticky {transform: translateY(0);padding: 5px 50px;}
.nav-wrapper {display: flex;justify-content: space-between;align-items: center;width: 100%;gap: 12px;}
.sticky.header .navbar-expand-lg {box-shadow: 0 0 10px rgba(0, 0, 0, .29);}
.navbar-brand {padding: 0px 0;margin: 0;}
.logo {max-width: 212px;width: auto;transition: all 0.3s ease;}
.navbar-nav {gap: 4px;}
.nav-link, .navbar-expand-lg .navbar-nav .nav-link {color: #000000;padding: 8px 11px;text-align: center;font-size: var(--f14);font-style: normal;font-weight: 600;line-height: normal;text-transform: uppercase;transition: all 0.3s ease;border-radius: 5px;background: var(--white);}
.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(--white);background: var(--secondary);}

.nav-right {display: flex;align-items: center;gap: 0px;}
.lang-switcher {position: relative;}
.lang-btn {display: flex;align-items: center;gap: 6px;padding: 4px 0px 4px 4px;font-size: 0.82rem;font-weight: 700;cursor: pointer;color: #000;transition: border-color .2s, background .2s;}
.lang-dropdown {display: none;position: absolute;right: 0;top: calc(100% + 6px);background: #fff;border: 1.5px solid #f5f5f5;border-radius: 8px;min-width: 155px;box-shadow: var(--shadow);z-index: 200;}
.lang-dropdown a {display: flex;align-items: center;gap: 8px;padding: 10px 16px;font-size: 0.85rem;font-weight: 600;color: #000;text-decoration: none;transition: background .15s;}
.flag-svg {width: 22px;height: 15px;border-radius: 2px;overflow: hidden;display: inline-block;flex-shrink: 0;}
.lang-dropdown.open {display: block;}

p {color: #000;font-size: var(--f22);font-weight: 400;line-height: 136.364%;}

/* Hero Slider */
.corners{position: absolute;left: 0;bottom: 0;aspect-ratio: 252/179;z-index: 3;}
.corners svg{position: absolute;left: 0;bottom: 0;}
.corners svg.white-corner{z-index: 1;}
.corners svg.red-corner{z-index: 2;}
#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: 16.5%;left: 68px;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 {color: #FFF;font-size: var(--f64);font-style: normal;font-weight: 300;line-height: 109.375%;max-width: 785px;}
.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 --- */
.section {padding: 100px 50px;}
.about-section {display: flex; align-items: center; justify-content: center;padding: 30px 0px 25px;}
.about-section h2{color: var(--primary);font-size: var(--f80);font-style: normal;font-weight: 300;line-height: normal;margin-bottom: 6.321vh;font-size: 4.274vw;}
.welcome-text {padding-right: 4.35vw;}
.welcome-text p {color: #000;font-size: var(--f22);font-style: normal;font-weight: 400;line-height: normal;margin-bottom: 1.5rem;}
.welcome-text p:last-child {margin-bottom: 0rem;}
.btn-custom {background: linear-gradient(45deg, var(--secondary) 0%, var(--primary) 100%);color: white;padding: 22px 34px;border-radius: 50px;border: none;transition: transform 0.3s, box-shadow 0.3s, background 0.3s;text-align: center;font-size: var(--f22);font-style: normal;font-weight: 700;line-height: normal;min-width: 240px;text-transform: uppercase;}
.btn-custom:hover {transform: translateY(-3px);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);color: white;background: linear-gradient(45deg, var(--secondary) 50%, var(--primary) 100%);}
.welcome-text .btn-custom {margin-top: 4rem;}
.about-section img {aspect-ratio: 168/121;object-fit: cover;max-height: 484px;overflow: hidden;}
@media all and (min-width:992px){
    .about-section .col-lg-5 {width: 45.66666667%;}
    .about-section .col-lg-7 {width: 54.3333333%;}
}
.bg-primary {--bs-bg-opacity: 1;background-color: rgba(var(--primary-rgb), var(--bs-bg-opacity)) !important;}
.section-title {color: var(--primary);font-size: var(--f80);font-size: 4.274vw;font-style: normal;font-weight: 300;line-height: normal;margin-bottom: 3vw;}
/* commitment */
.commitment-section {color: white;position: relative;overflow: hidden;padding:70px 0 70px;}
.commitment-section .section-title {color: white;text-align:center;}
.commitment-list {max-width: 1324px;margin: 0 auto;padding: 30px 20px;}
.commitment-list .commitment-card {background: var(--secondary);padding: 40px 27px;border-radius: 0px;transition: all 0.3s ease;border: 1px solid transparent;height: 100%;max-width: 273px;margin: 0 auto;}
.commitment-list .commitment-card h5 {color: #FFF;text-align: center;font-size: var(--f22);font-style: normal;font-weight: 600;line-height: normal;}
.commitment-list .col-lg-3:nth-child(2n) .commitment-card {background: var(--primary);border: 1px solid #fff;}
.commitment-card:hover {transform: translateY(-10px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);}

.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;}

/* --- Services --- */
.services-list {padding: 30px 50px;}
.services-list .row{--bs-gutter-x: 7.5rem;--bs-gutter-y: 3.5625rem;}
.service-card {padding: 30px 17px 24px;background: #F5F5F5;text-align: center;height: 100%;display: flex;flex-direction: column;flex-grow: 1;transition: all 0.3s ease;text-decoration: none;}
.service-card .icon {min-height: 124px;display: flex;width: 100%;align-items: center;justify-content: center;margin-bottom: 2.5rem;}
.service-card .icon svg {max-width: 115px;max-height: 115px;}
.service-card .icon svg path{fill: #000000;transition: all 0.3s ease;}
.service-card h5 {color: #000;text-align: center;font-size: var(--f22);font-style: normal;font-weight: 600;line-height: normal;flex-grow: 1;margin: 0;transition: all 0.3s ease;}
.service-card:hover {background: var(--primary);transform: translateY(-10px);color: #fff;cursor: pointer;}
.services-list .row .col-md-6:nth-child(2n) .service-card:hover {background: var(--secondary);transform: translateY(-10px);color: #fff;}
.service-card:hover h5 {color: #fff;}
.service-card:hover .icon svg path{fill: #fff;}


/* Home News */
.news-card {padding:20px 1.5rem 20px;}
.news-card.row {--bs-gutter-x: 48px;}
.news-img {padding-left: 3.75rem;}.news-img img {aspect-ratio: 244 / 167;max-height: 510px;object-fit: cover;overflow: hidden;}
.news-content h3 {color: var(--primary);font-size: var(--f40);font-weight: 400;line-height: normal;margin-bottom: 1rem;}
.news-content .news-date {color: #000;font-size: var(--f22);font-weight: 600;line-height: normal;margin-bottom: 1.5rem;}
.news-content p {color: #000;font-size: var(--f22);font-weight: 400;line-height: normal;padding: 22px 0 3rem;margin: 0;}
@media (min-width: 992px) {
    .col-lg-7.news-img {
        flex: 0 0 auto;
        width: 53.685%;
    }
    .col-lg-5.news-content {
        flex: 0 0 auto;
        width: 46.315%;
    }
}

/* --- Locations ---- */
.location-section .locations-list {padding-left: 3.75rem;padding-right: 3.75rem;padding-top: 30px;}
.location-section .locations-list .row {--bs-gutter-x: 80px;}
.location-card {background: #F5F5F5;padding: 32px 30px 45px;border-radius: 0px;text-align: center;transition: all 0.3s;position: relative;overflow: hidden;height: 100%;}
.location-title {color: var(--primary);text-align: center;font-size: var(--f24);font-weight: 700;line-height: normal;text-transform: uppercase;margin: 0;}
.location-card h5{color: #000;text-align: center;font-size: var(--f22);font-style: normal;font-weight: 600;line-height: normal;padding: 7px 0 15px;margin: 0;}
.location-card p {color: #000;text-align: center;font-size: var(--f22);font-weight: 400;line-height: normal;margin: 0;padding: 17px 0 17px;max-width: 334px;margin: 0 auto;}


/* --- Footer --- */
.footer-section {background: var(--primary); color: white; padding: 45px 0 20px;font-size: var(--f14);margin-top: 4vw;}
.footer-section .container {max-width: 950px;}.footer-section .row {--bs-gutter-x: 50px;}
.links a{display: block;color: #FFF;font-size: var(--f15);font-style: normal;font-weight: 600;line-height: 161.111%;text-transform: uppercase;}
.links li ul {list-style-type: disc;padding-left: 20px;}
.links li li a{font-weight: 400;text-transform: none;}
.footer-section a:hover{color: var(--secondary);}
.footer-section h5 {color: #FFF;font-size: var(--f14);font-style: normal;font-weight: 700;line-height: 144.444%;margin: 0;padding: 0;}
footer a { color: #ffffff; text-decoration: none; }
.address b, .address strong {display:block;font-weight: 600;}
.footer-section p {color: #FFF;font-size: var(--f14);font-style: normal;font-weight: 400;line-height: 150%;}

.copyright {color: #FFF;font-size: var(--f16);font-style: normal;font-weight: 500;line-height: normal;margin: 0;padding: 15px 0 0;text-align: center;}
.copyright a, .foot-address a {color: #FFF;font-size: var(--f14);font-weight: 700;line-height: normal;text-decoration-line: none;}
.add-other {padding: 12px 0 0;}
@media (min-width:992px) {
    .col-lg-4.foot-link {width: 28%;}
    .foot-social {width: 22%;}
}

/* Innper page banner */
.inner-banner {position: relative;max-height: 535px;background: var(--secondary);padding-bottom: 30px;margin-bottom: 36px;}.inner-banner .item {position: relative;max-height: 500px;overflow: hidden;border-bottom: 5px solid #fff;}
.inner-banner img {position: relative;max-height: 500px;width: 100%;min-height: 250px;object-fit: cover;z-index: 0;}
.inner-banner .caption {position: absolute;max-height: 500px;left: 10%;bottom: 40px;display: flex;align-items: center;justify-content: center;padding-top: 150px;z-index: 2;transform: translateY(0px);opacity: 1;max-width: 100%;}
.inner-banner .caption h1 {max-width: 100%;color: #FFF;font-size: var(--f64);font-weight: 300;line-height: normal;margin: 0;}


/* WHo We Are */
.img-col{padding-left: 16px;padding-bottom: 17px;}
.img-col img{position: relative;z-index: 3;aspect-ratio: 678/649;max-height: 650px;overflow: hidden;object-fit: cover;}
.content-col .section-title, .content-col p {max-width: 590px;}
.pt-36 {padding-top: 36px !important;}
.woweare-section .row {--bs-gutter-x: 42px;}
/* .woweare-section .row.flex-row-reverse {--bs-gutter-x: 100px;} */
.flex-row-reverse .content-col .section-title, .flex-row-reverse .content-col p {max-width: 620px;}
.woweare-section  .content-col .section-title {margin-bottom: 2.5rem;}
.content-col h5 {max-width: 700px;color: #000;font-size: var(--f24);font-weight: 600;line-height: normal;margin: 0;}
.content-col ul {padding: 2.5rem 0;margin: 0;list-style-type: none;max-width: 580px;}
.content-col ul li{position: relative;display: flex;align-items: center;gap: 1.7rem;color: #000;font-size: var(--f22);font-weight: 400;line-height: normal;margin-bottom: 1.5rem;}
.content-col ul li .number {flex-shrink: 0;width: 5.35rem;height: 5.35rem;background-color: var(--primary);color: #FFF;text-align: center;line-height: normal;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: var(--f24);font-weight: 600;
}
@media (min-width:1280px) {
    .flex-row-reverse .content-col .section-title, .flex-row-reverse .content-col p {padding-left: 90px;}
}
@media (min-width:768px) {
    .content-col{width: 53.1%;}
    .img-col{width: 46.9%;align-self: flex-start;}.img-col img{min-height: 100%;object-fit: cover;}
    .flex-row-reverse .content-col .section-title, .flex-row-reverse .content-col p {padding-left: 20px;}
    .woweare-section .row {--bs-gutter-x: 30px;}
}

/* Services page */
.services-container {padding: 0 35px;}
/* Service Cards */
.service-card-details {display: block;padding: 2rem 1rem;height: 100%;background: #fff;border: 0.5px solid #BEBDBD;border-radius: 0px;transition: all 0.3s ease;margin: 0 0 0 58px;padding: 28px 20px 3rem 0px;}
.icon-title-wrap {display: flex;align-items: center;justify-content: start;padding-bottom:1.5rem;gap: 3.5rem;}
.icon-box {min-width: 135px;width: 135px;height: 135px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-left:-58px;}
.bg-blue {background-color: var(--primary) !important;}
.bg-red {background-color: var(--secondary) !important;}
.service-title {color: var(--primary);font-size: var(--f50);font-style: normal;font-weight: 300;line-height: normal;max-width: 603px;}
.services-container .row {--bs-gutter-x: 38px;--bs-gutter-y: 48px;}
.service-detail-list {padding: 0px 0 0 3.3vw;}
.service-detail-list .list-unstyled li {position: relative;padding-left: 78px;margin-bottom: 0rem;color: #000;font-size: var(--f22);font-weight: 400;line-height: 277.273%;}
.service-detail-list .list-unstyled li::before {content: attr(data-num);position: absolute;left: 0; top: 8px;width: 45px; height: 45px;background: var(--primary);color: white;border-radius: 50%;font-size: var(--f22);display: flex;align-items: center;justify-content: center;font-weight: 600;}
.service-card-details:hover {box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);transform: translateY(-10px);}
.pb-30 {padding-bottom: 30px !important;}

/* Port Page */
.port-section .section-title {margin-bottom:1.9vw;}
.port-card-row {--bs-gutter-x:48px;--bs-gutter-y:20px;padding-top:20px;}
.gap-48 {--bs-gutter-x:48px;}
.port-card {padding: 2rem 2.1rem 1.8rem;height: 100%;display: flex;flex-direction: column;justify-content: start;border: 0.5px solid #BEBDBD;background: #F5F5F5;transition: all ease-in-out 300ms;}
.port-card:hover {box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);transform: translateY(-10px);}

.card-label {color: var(--primary);font-size: var(--f32);font-weight: 700;line-height: 93.75%;text-transform: uppercase;margin: 0;}
.card-value {color: #000;font-size: var(--f49);font-style: normal;font-weight: 400;line-height: normal;margin: 0;padding: 1.1rem 0 1rem;}
.card-subtext {color: #000;font-size: var(--f22);font-style: normal;font-weight: 400;line-height: 136.364%;}
.big-heading-card {padding: 2.2rem;aspect-ratio: 1 / 1;}
.card-heading{color: #000;font-size: var(--f36);font-style: normal;font-weight: 700;line-height: normal;}
/* Why Choose */
.highlighted-card {padding: 0 0 13px 13px;}
.gap-104 {--bs-gutter-x: 30px;--bs-gutter-y:30px;}
.highlighted-card .card {padding: 1.5rem;border-radius: 0;border: 0.5px solid #BEBDBD;background: #FFF;}
.highlighted-card .title {color: var(--primary);font-size: var(--f50);font-weight: 300;line-height: normal;margin-bottom: 3rem;}
.highlighted-card p {font-weight: 400;line-height: 136.364%;margin-bottom: 3rem;max-width: 528px;}
.highlighted-card .icon svg {width: 84px;height: 85px;aspect-ratio: 132/133;}
.z-index-0 {z-index: 0 !important;}
.z-index-1 {z-index: 1 !important;}

/* News Page */
.new-details-card {margin: 1.5rem 0;padding: 2rem 2.1rem;position: relative;overflow: hidden;background: #F5F5F5;transition: all 0.3s ease;min-height: 500px;}
.news-img-slider {position: relative;padding: 13px;overflow: hidden;margin: 0 -13px 3rem;}
.news-img-slider img {max-height: 710px; object-fit: cover;position: relative;}
/* News Detail Container & Loader */
.loader-overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0;background: rgba(244, 245, 247, 0.8);display: flex;flex-direction: column; justify-content: center; align-items: center;z-index: 10;opacity: 0; pointer-events: none; transition: opacity 0.3s ease;}
.loader-overlay.active { opacity: 1; pointer-events: all; }
.spinner-border { color: var(--exora-blue); width: 3rem; height: 3rem; }
.news-title {color: var(--primary);font-size: var(--f24);font-weight: 400;line-height: normal;margin-bottom: 1rem;}
.news-date {color: #000;font-size: var(--f16);font-style: normal;font-weight: 600;line-height: normal;margin-bottom: 1rem;}
.news-discription {padding: 2.5rem 0px 0;}
.news-discription p {margin-bottom: 1.8rem;}
.news-discription p:last-child {margin-bottom: 0;}
#news-listing {--bs-gutter-x:120px;--bs-gutter-y:58px;}
#news-listing .news-card {border: 1px solid #E6E7E8;background: #FFF;padding: 1.8rem 2.3rem;}
#news-listing .news-card img {aspect-ratio: 354 / 215;max-height: 215px;overflow: hidden;object-fit: cover;}
.news-card-body {padding: 24px 0 0;display: flex;flex-direction: column;}
.news-card-body .news-card-title {color: var(--primary);font-size: var(--f24);font-style: normal;font-weight: 400;line-height: normal;margin: 0 0 1rem;flex-grow: 1;}
.news-card-body .news-card-text {flex-grow: 1;color: #000;font-size: var(--f20);font-style: normal;font-weight: 400;line-height: normal;margin: 0 0 1rem;}
.news-card-body .news-date {font-size: var(--f18);font-weight: 600;line-height: normal;padding: 0.9rem 0 1rem;}
.btn-read-more {font-size: var(--f20);font-weight: 700;line-height: normal;padding: 1.1rem 20px;min-width: 188px;}
.news-card-body .btn-read-more {margin-top: 5px;}
#news-listing .news-card:hover {background: #f9f9f9;}
#news-listing .news-card.selected-news, .news-card.selected-news:hover {background: #f5f5f5;border-color: transparent;}
/* contact us*/
.address-on-map {right: 3%;top: 50%;transform: translateY(-50%);background: #fff;border: 0.5px solid #BEBDBD;padding: 23px 2rem 20px;max-width: 515px;}
.address-on-map h4 {color: var(--primary);font-size: var(--f22);font-weight: 700;line-height: 136.364%;margin: 0 0 2rem;}
.address-on-map .address {color: var(--primary);font-size: var(--f22);font-weight: 300;line-height: 136.364%;padding: 2rem 0 0rem;margin: 0;}
.address-on-map .address b, .address-on-map .address strong {font-weight: 700;}
.address-on-map .address a {color: var(--primary);text-decoration-line: underline;text-decoration-style: solid;text-decoration-skip-ink: none;text-decoration-thickness: auto;text-underline-offset: auto;text-underline-position: from-font;}
.address-on-map .address a:hover {color: var(--secondary);text-decoration-line: none;}

@media screen and (min-width:992px) {
    .port-card-row {padding-top:66px;}
    .big-heading-card {padding-top: 6.5rem;}
    .gap-104 {--bs-gutter-x: 104px}
    .highlighted-card .card {padding: 4.2rem 3rem 3.5rem 4.5rem;}
    .highlighted-card .icon svg {width: 132px;height: 133px;}
    .new-details-card {margin: 3rem 0;padding: 3rem 3.3rem;}
    .news-title {font-size: var(--f40);}
    .news-date {font-size: var(--f22);}
}

/* --- 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;}


.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;}
.bulletlist li a {color: #000;text-decoration: none;}.bulletlist li a:hover {color: var(--secondary);}

/* 
.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: 80vh;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;}

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

.g-recaptcha {
    margin: 0px 0;
}
.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 Query */
@media screen and (max-width: 1620px){
    .services-container {padding: 0 15px;}
    .service-title {font-size: var(--f45);}
    .icon-title-wrap {gap: 2.5rem;}
    .service-detail-list {padding: 0px 0 0 2.5vw;}
    .service-detail-list .list-unstyled li {padding: 8px 0 8px 62px;line-height: 110%;min-height:60px;align-items: center;display: flex;}
}
@media screen and (max-width: 1600px){
    .hero-slider-wrapper .corners svg.white-corner, .commitment-section .corners svg.white-corner, .inner-banner .corners svg.white-corner {width: 180px;height: auto;}
    .hero-slider-wrapper .corners svg.red-corner, .commitment-section .corners svg.red-corner, .inner-banner .corners svg.red-corner {width: 160px;height: auto;}
    .services-list .row {--bs-gutter-x: 5vw;--bs-gutter-y: 3.5625rem;}
    .card-value {font-size: var(--f46);}.f43 {font-size: var(--f40) !important;}
    .big-heading-card {padding-top: 4.5rem;}
    .card-heading {font-size: var(--f32);}
    #news-listing {--bs-gutter-x: 80px;--bs-gutter-y: 48px;}
}
@media screen and (max-width: 1520px){
    .card-value {font-size: var(--f42);}.f43 {font-size: var(--f36) !important;}
}
@media screen and (max-width: 1500px){
    .services-list .row {--bs-gutter-x: 4vw;--bs-gutter-y: 3.5625rem;}
    .port-card-row {--bs-gutter-x: 30px;--bs-gutter-y: 20px;}
    .card-label {font-size: var(--f28);}
    .card-subtext {font-size: var(--f20);}
}
@media screen and (max-width: 1400px){
    html,body{font-size: 13px;}
    .header {padding: 15px 20px;}
    .header.sticky {padding: 5px 20px;}
    .logo {max-width: 180px;}
    .navbar-nav {gap: 2px;}
    .caption {bottom: 18%;left: 50px;max-width: calc(100% - 50px);}
    .caption h1{font-size: var(--f52);max-width: 626px;}
    .inner-banner .caption {left: 8%;}
    .container {max-width: 1250px;}
    .section-title, .about-section h2 {font-size: var(--f66);}
    .inner-banner .caption h1 {font-size: var(--f54);}
    .bulletlist {padding: 6rem 0 3rem 24px;}
    .section-padding-mid {padding: 40px 0;}
    .services-list {padding: 30px 20px;}
    .services-list .row {--bs-gutter-x: 3vw;}
    .news-card {padding: 20px 0 20px;}
    .location-section .locations-list {padding-left: 1.75rem;padding-right: 1.75rem;}
    .location-section .locations-list .row {--bs-gutter-x: 80px;}
    .img-col .corners svg.white-corner {width: 141px;height: auto;}
    .img-col .corners svg.red-corner {width: 124px;height: auto;}
    .highlighted-card .title {font-size: var(--f42);}
    .gap-104 {--bs-gutter-x: 64px;}
    #news-listing {--bs-gutter-x: 40px;--bs-gutter-y: 40px;}
    #news-listing .news-card {padding: 1.5rem 1.8rem;}
    .news-card-body .news-card-title {font-size: var(--f22);}
    .news-card-body .news-card-text {font-size: var(--f18);}
    .news-card-body .news-date {font-size: var(--f16);}
    .btn-read-more {font-size: var(--f18);padding: 1rem 20px;min-width: 160px;}
    
}
@media screen and (max-width: 1300px){
    .card-value {font-size: var(--f42);}.f43 {font-size: var(--f36) !important;}
    .port-card-row {--bs-gutter-x: 25px;--bs-gutter-y: 20px;}
    .card-label {font-size: var(--f26);}
    .card-subtext {font-size: var(--f20);}
}
@media screen and (max-width: 1280px){
    .section {padding: 80px 20px;}
    .bulletlist li {font-size: var(--f20);}
    .bulletlist {padding: 5rem 0 2rem 24px;}
    .caption {bottom: 18%;left: 60px;max-width: calc(100% - 50px);}
    .caption h1{font-size: var(--f46);max-width: 528px;}
    .inner-banner .caption {left: 9%;}
    .section-title, .about-section h2 {font-size: var(--f62);}
    .inner-banner .caption h1 {font-size: var(--f50);}
    p, .welcome-text p, .commitment-list .commitment-card h5, .service-card h5, .news-content .news-date, .news-content p, .location-card p, .location-card h5, .content-col ul li {font-size: var(--f20);}
    .welcome-text .btn-custom {margin-top: 3rem;}
    .btn-custom {padding: 20px 32px;font-size: var(--f20);min-width: 220px;}
    .commitment-section {padding: 70px 20px 70px;}
    .news-card{padding: 20px 0rem 20px;}
    .news-img {padding-left: 3.5rem;}
    .news-content h3 {font-size: var(--f36);}
    .location-title,.content-col h5 {font-size: var(--f22);}
    .location-section .locations-list .row {--bs-gutter-x: 60px;}
    .content-col ul li .number {width: 4.35rem;height: 4.35rem;font-size: var(--f22);}
    .icon-box svg {max-width: 74px;height: auto;}
    .icon-box {min-width: 120px;width: 120px;height: 120px;}
    .services-container .row {--bs-gutter-x: 30px;--bs-gutter-y: 34px;}
    .service-title {font-size: var(--f40);}
    .icon-title-wrap {gap: 2rem;}
    .service-detail-list {padding: 0px 0 0 2.5vw;}
    .big-heading-card {padding: 1.8rem;}
    .big-heading-card {padding-top: 4rem;}
    .card-heading {font-size: var(--f28);}
    #news-listing {--bs-gutter-x: 30px;--bs-gutter-y: 40px;}
    #news-listing .news-card {padding: 1.5rem 1.8rem;}
    .news-card-body .news-card-title {font-size: var(--f22);}
    .news-card-body .news-card-text {font-size: var(--f18);}
    .news-card-body .news-date {font-size: var(--f16);}
    .btn-read-more {font-size: var(--f18);padding: 1rem 20px;min-width: 160px;}
    .container.news-section {padding-left: 0;padding-right: 0;}
}
@media screen and (max-width: 1199px){
    .services-list .row {--bs-gutter-x: 7vw;--bs-gutter-y: 3.5625rem;}
    .news-content h3 {font-size: var(--f34);}
    .location-section .locations-list .row {--bs-gutter-x: 60px;}
    .service-title {font-size: var(--f36);}
    .icon-title-wrap {gap: 1.5rem;}
    .service-detail-list {padding: 0px 0 0 2vw;}
    .icon-box svg {max-width: 56px;height: auto;}
    .icon-box {min-width: 100px;width: 100px;height: 100px;margin-left: -50px;}
    .service-detail-list .list-unstyled li {font-size: var(--f20);padding: 8px 0 8px 50px;min-height: 50px;}
    .service-detail-list .list-unstyled li::before {font-size: var(--f20);width: 38px;height: 38px;top: 50%;transform: translateY(-50%);}
    .service-card-details {margin: 0 0 0 50px;}
}
@media screen and (max-width: 1150px){
    .section-title, .about-section h2 {font-size: var(--f58);}
    .inner-banner .caption h1 {font-size: var(--f48);}
    .card-value {font-size: var(--f38);}.f43 {font-size: var(--f32) !important;}
    .port-card-row {--bs-gutter-x: 25px;--bs-gutter-y: 20px;}
    .card-label {font-size: var(--f22);}
    .card-subtext {font-size: var(--f18);}
}
@media screen and (max-width: 1100px){
    .logo {max-width: 120px;}
    .nav-link, .navbar-expand-lg .navbar-nav .nav-link {font-size: 13px;}
    .hero-slider-wrapper .corners svg.white-corner, .commitment-section .corners svg.white-corner, .inner-banner .corners svg.white-corner {width: 120px;height: auto;}
    .hero-slider-wrapper .corners svg.red-corner, .commitment-section .corners svg.red-corner, .inner-banner .corners svg.red-corner {width: 100px;height: auto;}
    .caption {bottom: 12%;left: 40px;max-width: calc(100% - 40px);}
    .caption h1{font-size: var(--f42);max-width: 485px;}
    .inner-banner .caption {left: 5%;}
    .inner-banner {padding-bottom: 20px;margin-bottom: 15px;}
    .services-list .row {--bs-gutter-x: 5vw;--bs-gutter-y: 3.5625rem;}
    .section-title, .about-section h2 {font-size: var(--f52);}
    .inner-banner .caption h1 {font-size: var(--f40);}
    .section {padding: 60px 20px;}
    p, .welcome-text p, .commitment-list .commitment-card h5, .service-card h5, .news-content .news-date, .news-content p, .location-card p, .location-card h5, .content-col ul li {font-size: var(--f18);}
    .location-title,.content-col h5 {font-size: var(--f20);}
    .welcome-text .btn-custom {margin-top: 2rem;}
    .btn-custom {padding: 18px 24px;font-size: var(--f18);min-width: 200px;}
    .about-section {padding: 0px;}
    .commitment-list .commitment-card {padding: 30px 20px;}
    .commitment-section {padding: 50px 0px 50px;}
    .service-card .icon svg {max-width: 92px;max-height: 92px;}
    .service-card .icon {min-height: 115px;margin-bottom: 2rem;}
    .services-list {padding: 20px 0px;}
    .location-title {font-size: var(--f20);}
    .news-content h3 {font-size: var(--f32);}
    .news-card.row {--bs-gutter-x: 30px;}
    .news-img {padding-left: 15px;}
    .location-card .corners svg.white-corner {width: 62px;height: auto;}
    .location-card .corners svg.red-corner {width: 50px;height: auto;}
    .location-section .locations-list .row {--bs-gutter-x: 40px;}
    .location-section .locations-list {padding-left: 0rem;padding-right: 0rem;}
    .content-col .section-title, .content-col p {max-width: 480px;}
    .service-title {font-size: var(--f30);} 
    .icon-title-wrap {gap: 1rem;}
    .service-detail-list {padding: 0px 0 0 2vw;}
    .icon-box svg {max-width: 48px;height: auto;max-height:48px;}
    .icon-box {min-width: 80px;width: 80px;height: 80px;margin-left: -40px;}
    .service-detail-list .list-unstyled li {font-size: var(--f18);padding: 8px 0 8px 55px;min-height: 45px;}
    .service-detail-list .list-unstyled li::before {font-size: var(--f18);width: 38px;height: 38px;top: 50%;transform: translateY(-50%);}
    .service-card-details {margin: 0 0 0 40px;}
    .card-value {font-size: var(--f34);}.f43 {font-size: var(--f28) !important;}
    .port-card-row {--bs-gutter-x: 20px;--bs-gutter-y: 20px;}
    .card-label {font-size: var(--f20);}
    .card-subtext {font-size: var(--f16);}
    .big-heading-card {padding: 1.6rem;}
    .big-heading-card {padding-top: 3.5rem;}
    .card-heading {font-size: var(--f26);}
    .highlighted-card {height: 100%;}.highlighted-card .card {padding: 3rem 2.5rem 2.5rem 3.5rem;display: flex;flex-direction: column;min-height: 100%;}
    .highlighted-card .title {font-size: var(--f40);margin-bottom: 2rem;flex-grow: 1;}
    .gap-104 {--bs-gutter-x: 30px;}
    .highlighted-card .icon svg {width: 116px;height: 117px;}
    .highlighted-card p {margin-bottom: 2rem;flex-grow: 1;}
    .f24 {font-size: var(--f22) !important;}
    #news-listing {--bs-gutter-x: 30px;--bs-gutter-y: 40px;}
    #news-listing .news-card {padding: 1.5rem 1.8rem;}
    .news-card-body .news-card-title {font-size: var(--f22);}
    .news-card-body .news-card-text {font-size: var(--f18);}
    .news-card-body .news-date {font-size: var(--f16);}
    .btn-read-more {font-size: var(--f18);padding: 1rem 20px;min-width: 160px;}
    .container.news-section {padding-left: 0;padding-right: 0;}
}
@media screen and (max-width: 991px){
    html,body{font-size: 12px;}
    .logo {max-width: 120px;}
    .navbar-nav {gap: 10px;}
    .header {padding: 10px 20px;}
    .header .navbar-expand-lg {padding: 10px 20px;}
    .header.sticky {padding: 5px 20px;}
    .header .nav-wrapper.container-fluids {padding-right: 50px;position: relative;}
    .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: var(--primary);}
    .navbar-toggler .navbar-toggler-icon:before, .navbar-toggler .navbar-toggler-icon:after{position: absolute;height: 2px;background: var(--primary);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: var(--primary);}
    .navbar-toggler:focus {outline: 0;box-shadow: none;}
    .nav-link, .navbar-expand-lg .navbar-nav .nav-link {text-align: left;color: #000000;}

    .caption {bottom: 10%;left: 40px;max-width: calc(100% - 40px);}
    .caption h1{font-size: var(--f36);max-width: 400px;}
    
    .section-title, .about-section h2 {font-size: var(--f46);}
    .inner-banner .caption h1 {font-size: var(--f38);}
    .about-section svg {max-width: 80px;}
    .btn.btn-white-outline {min-width: 160px;padding: 8px 15px;font-size: var(--f16);}
    .section-padding {padding: 70px 0 50px;}
    
    .bulletlist {padding: 4rem 0 1.5rem 18px;}
    .aboutus-section p {font-size: var(--f24);}
    .container {max-width: 840px;}
    .section {padding: 50px 0px 30px;}
    .welcome-text {padding-right: calc(var(--bs-gutter-x) * .5);padding-bottom: 30px;}
    .commitment-list .row {--bs-gutter-y:30px;}
    .commitment-list {padding: 30px 0;}
    .news-content {padding-top:30px;}
    .news-content h3 {font-size: var(--f28);}
    .location-section .locations-list .row {--bs-gutter-x: 20px;}
    .location-card p {padding: 10px 0 10px;}
    .location-card .corners svg.white-corner {width: 48px;height: auto;}
    .location-card .corners svg.red-corner {width: 40px;height: auto;}
    .commitment-list .commitment-card {padding: 20px 10px;}
    p, .welcome-text p, .commitment-list .commitment-card h5, .service-card h5, .news-content .news-date, .news-content p, .location-card p, .location-card h5, .content-col ul li, .address-on-map h4, .address-on-map .address {font-size: var(--f20);}
    .location-title,.content-col h5 {font-size: var(--f21);}
    .service-card .icon svg {max-width: 84px;max-height: 84px;}
    .service-card .icon {min-height: 100px;margin-bottom: 2rem;}
    .content-col .section-title, .content-col p {max-width: 400px;}
    .content-col ul li {gap: 1.4rem;}
    .content-col ul li .number {width: 48px;height: 48px;font-size: var(--f22);}
    .services-container {padding: 0 30px;}
    .service-detail-list .list-unstyled li::before {font-size: var(--f16);width: 32px;height: 32px;}
    .service-detail-list .list-unstyled li {font-size: var(--f16);padding: 8px 0 8px 42px;min-height: 45px;}
    .service-card-details {padding: 20px 20px 2rem 0px;}
    .big-heading-card {padding: 4.5rem 20px;aspect-ratio: auto;}
    .card-heading {font-size: var(--f30);max-width: 210px;margin: 0 auto;}
    .highlighted-card .card {padding: 20px 20px 20px 25px;}
    .highlighted-card .title {font-size: var(--f34);margin-bottom: 2rem;flex-grow: 1;}
    .gap-104 {--bs-gutter-x: 30px;}
    .highlighted-card .icon svg {width: 98px;height: 98px;}
    .highlighted-card p {margin-bottom: 2rem;}
    .highlighted-card .corners svg.white-corner {width: 62px;height: auto;}
    .highlighted-card .corners svg.red-corner {width: 50px;height: auto;}
    .f24 {font-size: var(--f20) !important;}
    #news-listing {--bs-gutter-x: 20px;--bs-gutter-y: 30px;}
    #news-listing .news-card {padding: 12px;}
    .news-card-body .news-card-title {font-size: var(--f20);}
    .news-card-body .news-card-text {font-size: 15px;}
    .news-card-body .news-date {font-size: 14px;}
    .btn-read-more {font-size: var(--f16);padding: 1rem 20px;min-width: 160px;}
    .container.news-section {padding-left: 0;padding-right: 0;}
    .address-on-map {max-width: 335px;}
}
@media screen and (min-width: 800px) and (max-width: 992px){
    .services-container .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    
}
@media screen and (max-width: 767px){
    :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: 40px;right: auto;max-width: 100%;bottom: 10%;}
    .caption h1{font-size: var(--f30);max-width:316px;margin: 0 0 1.2rem;}
    .container {max-width: 600px;}
    p, .welcome-text p, .commitment-list .commitment-card h5, .service-card h5, .news-content .news-date, .news-content p, .location-card p, .location-card h5, .content-col ul li, .address-on-map h4, .address-on-map .address {font-size: var(--f18);}
    .location-title,.content-col h5 {font-size: var(--f20);}
    .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, .section-title {font-size: var(--f38);}
    .inner-banner .caption h1 {font-size: var(--f32);}
    
    .section-padding {padding: 40px 0 30px;}
    .inner-banner .caption {padding-top: 70px;}.inner-banner img {min-height: 200px;}
    .bulletlist {padding: 1rem 0 1rem 18px;}
    .logo {max-width: 110px;}
    .aboutus-section {padding: 30px 0;}
    .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;}
    .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;}
    .commitment-list .commitment-card {max-width: 200px;padding: 30px 20px;}
    .commitment-list .commitment-card h5 {font-size: var(--f20);}
    .commitment-list {padding: 20px 0;max-width: 450px;}
    .commitment-list .row {--bs-gutter-y: 30px;--bs-gutter-x: 30px;}
    .commitment-list .row .col-sm-6, .commitment-list .row .col-md-6 {flex: 0 0 auto;width: 50%;}
    .section {padding: 30px 0px 20px;}
    .services-list .row {--bs-gutter-x: 5vw;--bs-gutter-y: 5vw;}
    .service-card .icon svg {max-width: 76px;max-height: 76px;}
    .service-card .icon {min-height: 95px;margin-bottom: 2rem;}
    .btn-custom {padding: 12px 20px;font-size: var(--f18);min-width: 150px;}
    .content-col .section-title, .content-col p {max-width: 100%;}
    .woweare-section .content-col .section-title {margin-bottom: 1.8rem;}
    .content-col {padding-bottom: 20px;}.woweare-section .row {--bs-gutter-x: 30px;}
    .content-col ul {padding: 2rem 0 0;}
    .port-card-row .big-heading-card {min-height: 160px;}
    .highlighted-card {padding: 0 0 8px 8px;}
    #news-listing {--bs-gutter-x: 20px;--bs-gutter-y: 30px;}
    #news-listing .news-card {padding: 10px;}
    .news-card-body .news-card-title {font-size: 18px;}
    .news-card-body .news-card-text {font-size: 15px;}
    .news-card-body .news-date {font-size: 14px;}
    .btn-read-more {font-size: 14px;padding: 1rem 20px;min-width: 160px;}
    .container.news-section {padding-left: 20px;padding-right: 20px;}
    .news-img-slider {padding: 8px;margin: 0 -8px 2rem;}
    .new-details-card {padding: 20px 15px;}
    .news-discription {padding: 1.5rem 0px 0;}
    .news-discription p {margin-bottom: 1.2rem;}
}
@media screen and (min-width: 575px) and (max-width: 768px){
    .footer-section .col-md-6 {flex: 0 0 auto;width: 50%;}
}
@media screen and (max-width: 575px){
    .caption {left: 20px;right: auto;max-width: 100%;bottom: 8%;}
    .caption h1{font-size: var(--f26);max-width:270px;}
    .about-section h2 {font-size: var(--f32);margin-bottom: 3vh;}
    .hero-slider-wrapper .corners svg.white-corner, .commitment-section .corners svg.white-corner, .inner-banner .corners svg.white-corner {width: 80px;height: auto;}
    .hero-slider-wrapper .corners svg.red-corner, .commitment-section .corners svg.red-corner, .inner-banner .corners svg.red-corner {width: 70px;height: auto;}
    .btn.btn-white-outline {min-width: 120px;}
    .section-title {font-size: var(--f32);}
    .inner-banner .caption h1 {font-size: var(--f28);}
    .map iframe {height: 50vh;}
    .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;}
    .service-card .icon svg {max-width: 60px;max-height: 60px;}
    .service-card .icon {min-height: 70px;margin-bottom: 1.5rem;}
    .news-content h3 {font-size: var(--f24);}
    .btn-custom {padding: 10px 20px;font-size: 13px;min-width: 130px;}
    .news-content p {padding: 15px 0 2rem;}
    .commitment-list .commitment-card {padding: 20px 10px;}
    .commitment-list .row {--bs-gutter-y: 20px;--bs-gutter-x: 20px;}
    .content-col ul li {gap: 1.2rem;}
    .content-col ul li .number {width: 36px;height: 36px;font-size: var(--f20);}
    .big-heading-card {padding: 2.5rem 20px;aspect-ratio: auto;}
    .card-heading {font-size: var(--f24);max-width: 350px;margin: 0 auto;}
    .f24 {font-size: var(--f20) !important;}
    .address-on-map {position:relative !important;transform: translateY(0%);right: 0px;top: 10px;left:0px;border:0px;max-width:none;}
    .address-on-map .address {padding-top: 0;}
}
@media screen and (max-width: 480px){
    .services-container {padding: 0 20px;}
    .service-title {font-size: var(--f28);} 
    .icon-title-wrap {gap: 1rem;}
    .service-detail-list {padding: 0px 0 0 20px;}
    .icon-box svg {max-width: 40px;height: auto;max-height:40px;}
    .icon-box {min-width: 70px;width:70px;height: 70px;margin-left: -35px;}
    .service-detail-list .list-unstyled li {font-size: var(--f18);padding: 8px 0 8px 40px;min-height: 45px;}
    .service-detail-list .list-unstyled li::before {font-size: var(--f18);width: 32px;height: 32px;top: 50%;transform: translateY(-50%);}
    .service-card-details {margin: 0 0 0 35px;}.f24 {font-size: var(--f18) !important;}
}
@media screen and (max-width: 380px) {
    .caption {left: 10px;right: 10px;max-width: 100%;bottom: 8%;}
    .caption h1{font-size: var(--f24);max-width:270px;text-align: center;margin: 0 auto 1.2rem;}
}