body{font-family:"Open Sans",sans-serif;background:#F8FAFC;color:#071437;scroll-behavior:smooth;}
@font-face{font-family:'Fontspring-DEMO-gunterz-regular';src:url('../fonts/fontspring/Fontspring-DEMO-gunterz-regular.otf') format('opentype');}
@font-face{font-family:'GoodTimesRg-Regular';src:url('../fonts/goodtimes/GoodTimesRg-Regular.otf') format('opentype');}
a{text-decoration:none;}
a:hover{color:#2BC9DB;text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-family:"Playfair Display",serif;}
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;overflow:hidden;background:#F8FAFC;height:100%;width:100%;transition:all .2s ease-out;}
.bg-loader{width:100%;height:100%;display:flex;justify-content:center;align-items:center;}
.bg-loader img{width:400px;transition:all .2s ease-out;animation:slide 10s ease-out forwards;}
#preloader{position:fixed;width:100%;height:100%;background-position:center;background-size:contain;}
.preloader{transition:all .2s ease-out;animation:slide 5s ease-out forwards;}
@keyframes slide{0%{opacity:1;}
20%{opacity:1;}
25%{opacity:1;}
25.1%{opacity:1;}
45%{opacity:1;}
50%{opacity:0;}
50.01%{opacity:0;}
70%{opacity:1;}
75%{opacity:0;}
75.01%{opacity:0;}
95%{opacity:1;}
100%{opacity:0;}
}
.loaded img{width:100px;transition:width 0.5s ease;}
.back-to-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:15px;z-index:996;width:44px;height:44px;border-radius:50px;transition:all 0.4s;border:2px solid #2BC9DB;}
.back-to-top i{font-size:28px;color:#2BC9DB;line-height:0;}
.back-to-top:hover{background:#2BC9DB;color:#F8FAFC;}
.back-to-top:hover i{color:#F8FAFC;}
.back-to-top.active{visibility:visible;opacity:1;}
@media screen and (max-width:768px){[data-aos-delay]{transition-delay:0 !important;}
}
#header{transition:all 0.5s;z-index:997;top:0;}
.top_headerMain{padding:15px;background:linear-gradient(105.87deg,rgba(43,201,219,0.1) 3.04%,rgba(248,250,252,0.9) 99.23%),linear-gradient(0deg,rgba(43,201,219,0.05),rgba(43,201,219,0.05));border-radius:40px;border:2px solid #2BC9DB54;}
.top_headerMain::before{content:"";background:url("../../assets/img/header-overlay.png");position:absolute;top:0px;left:0px;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;border-radius:40px;z-index:-9;}
#header.header-scrolled{top:0;}
#header .logo{font-size:28px;margin:0;padding:0;line-height:1;font-weight:300;letter-spacing:1px;text-transform:uppercase;font-family:"Poppins",sans-serif;}
#header .logo a{color:#071437;}
#header .logo img{max-height:60px;}
.book-a-table-btn{margin:0 0 0 15px;color:#fff;border-radius:50px;padding:9px 40px;font-size:14px;font-weight:400;letter-spacing:1px;background:linear-gradient(90.66deg,#2BC9DB 0%,rgba(43,201,219,0.8) 100%);font-family:"Inter",sans-serif;transition:background-color .15s linear,color .15s linear;}
.book-a-table-btn:hover{background:linear-gradient(89.59deg,#252F4A 0.17%,rgb(43 201 219 / 92%) 256.22%);color:#fff;}
@media (max-width:992px){.book-a-table-btn{margin:0 15px 0 0;padding:8px 20px;}
}
.navbar{padding:0;}
.navbar ul{margin:0;padding:0;display:flex;list-style:none;align-items:center;}
.navbar li{position:relative;}
.navbar a,.navbar a:focus{display:flex;align-items:center;justify-content:space-between;padding:10px 30px 10px 30px;color:#071437;white-space:nowrap;transition:0.3s;font-size:15px;font-weight:500;text-transform:uppercase;font-family:'Joane Stencil SemiBold Regular',sans-serif;}
.navbar a i,.navbar a:focus i{font-size:12px;line-height:0;margin-left:5px;}
.navbar a:hover,.navbar .active,.navbar .active:focus,.navbar li:hover>a{color:#071437;background-color:#2BC9DB1f;border-radius:40px;}
.navbar .dropdown ul{display:block;position:absolute;left:14px;top:calc(100%+30px);margin:0;padding:10px 0;z-index:99;opacity:0;visibility:hidden;background:#fff;box-shadow:0px 0px 30px rgba(127,137,161,0.25);transition:0.3s;border-radius:4px;}
.navbar .dropdown ul li{min-width:200px;}
.navbar .dropdown ul a{padding:10px 20px;color:#444444;}
.navbar .dropdown ul a i{font-size:12px;}
.navbar .dropdown ul a:hover,.navbar .dropdown ul .active:hover,.navbar .dropdown ul li:hover>a{color:#cda45e;}
.navbar .dropdown:hover>ul{opacity:1;top:100%;visibility:visible;}
.navbar .dropdown .dropdown ul{top:0;left:calc(100% - 30px);visibility:hidden;}
.navbar .dropdown .dropdown:hover>ul{opacity:1;top:0;left:100%;visibility:visible;}
@media (max-width:1366px){.navbar .dropdown .dropdown ul{left:-90%;}
.navbar .dropdown .dropdown:hover>ul{left:-100%;}
}
.mobile-nav-toggle{color:#fff;font-size:28px;cursor:pointer;display:none;line-height:0;transition:0.5s;}
@media (max-width:991px){.mobile-nav-toggle{display:block;}
.navbar ul{display:none;}
}
.navbar-mobile{position:fixed;overflow:hidden;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,0.9);transition:0.3s;z-index:999;}
.navbar-mobile .mobile-nav-toggle{position:absolute;top:15px;right:15px;}
.navbar-mobile ul{display:block;position:absolute;top:55px;right:15px;bottom:15px;left:15px;padding:10px 0;border-radius:6px;background-color:#fff;overflow-y:auto;transition:0.3s;}
.navbar-mobile a,.navbar-mobile a:focus{padding:10px 20px;font-size:15px;color:#1a1814;}
.navbar-mobile a:hover,.navbar-mobile .active,.navbar-mobile li:hover>a{color:#cda45e;}
.navbar-mobile .getstarted,.navbar-mobile .getstarted:focus{margin:15px;}
.navbar-mobile .dropdown ul{position:static;display:none;margin:10px 20px;padding:10px 0;z-index:99;opacity:1;visibility:visible;background:#fff;box-shadow:0px 0px 30px rgba(127,137,161,0.25);}
.navbar-mobile .dropdown ul li{min-width:200px;}
.navbar-mobile .dropdown ul a{padding:10px 20px;}
.navbar-mobile .dropdown ul a i{font-size:12px;}
.navbar-mobile .dropdown ul a:hover,.navbar-mobile .dropdown ul .active:hover,.navbar-mobile .dropdown ul li:hover>a{color:#2BC9DB;}
.navbar-mobile .dropdown>.dropdown-active{display:block;}
#hero{width:100%;background:linear-gradient(135deg, #667eea 0%, #764ba2 25%, #2BC9DB 50%, #79B753 75%, #F7931D 100%);background-size:400% 400%;position:relative;min-height:100vh;animation:gradientShift 15s ease infinite;overflow:hidden;}
.top-sectionGl .container{padding-top:180px;}
@media (max-width:992px){.top-sectionGl .container{padding-top:98px;}
}
#hero h1{margin:0;font-size:235px;font-weight:400;line-height:190px;color:#2BC9DB;text-align:center;text-transform:uppercase;font-family:'GoodTimesRg-Regular',Arial,sans-serif;}
.banner_btn-top{border-radius:40px;padding:14px 25px;font-family:"Inter",sans-serif;color:#fff;font-size:16px;font-weight:500;display:inline-block;background-color:#071437;background:linear-gradient(#071437,#071437) padding-box,linear-gradient(to right,#2BC9DB69,#2BC9DB45) border-box;border-radius:50em;border:2px solid transparent;}
.banner_btn-top:hover,.banner_btn-top:focus,.banner_btn-top:active{color:#fff;background:linear-gradient(89.59deg,#2BC9DB 0.17%,rgb(43 201 219 / 92%) 256.22%);border:2px solid #2BC9DB;}
.banner_btn-top::after{content:"";background:url("../../assets/img/button-vector.svg");position:absolute;top:-50%;right:-27%;width:100px;height:100px;transition:all 600ms cubic-bezier(0.55,0.055,0.675,0.19);background-repeat:no-repeat;animation:topBottomBounce 4.8s infinite;}
@keyframes topBottomBounce{0%,100%{transform:translateY(0);}
50%{transform:translateY(-20px);}
}

@keyframes gradientShift {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

/* ===============================================
   HERO SECTION DECORATIVE ELEMENTS
=============================================== */
.hero-decoration {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

.floating-element {
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
}

.element-1 {
  width: 150px;
  height: 150px;
  top: 15%;
  left: 10%;
  animation: float 6s ease-in-out infinite;
}

.element-2 {
  width: 100px;
  height: 100px;
  top: 25%;
  right: 15%;
  animation: float 4s ease-in-out infinite reverse;
}

.element-3 {
  width: 200px;
  height: 200px;
  bottom: 20%;
  left: 15%;
  animation: float 8s ease-in-out infinite;
}

.element-4 {
  width: 80px;
  height: 80px;
  bottom: 15%;
  right: 10%;
  animation: float 5s ease-in-out infinite reverse;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px) rotate(0deg);
    opacity: 0.7;
  }
  50% {
    transform: translateY(-20px) rotate(180deg);
    opacity: 1;
  }
}

.z-index-2 {
  z-index: 2;
}

/* Hero Section Enhancements */
#hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
  z-index: 1;
}

/* Button Hover Effects */
#hero .btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}

/* Feature Cards Glass Effect */
#hero .card {
  backdrop-filter: blur(15px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Mobile Responsiveness for Hero Section */
@media (max-width: 768px) {
  #hero {
    min-height: 100vh;
    padding-top: 80px;
  }
  
  .hero-decoration .floating-element {
    display: none;
  }
  
  #hero h1 {
    font-size: 3rem !important;
  }
  
  #hero .lead {
    font-size: 1.1rem !important;
  }
  
  .element-1, .element-2, .element-3, .element-4 {
    width: 60px !important;
    height: 60px !important;
  }
}

@media (max-width: 576px) {
  #hero h1 {
    font-size: 2.5rem !important;
  }
  
  #hero .btn {
    width: 100%;
    margin-bottom: 1rem;
  }
  
  #hero .card {
    margin-bottom: 1rem;
  }
}

/* Header Improvements */
.header-modern.scrolled {
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
}

/* Enhanced Navigation Right Side */
.nav-support-btn {
  color: #071437 !important;
  border: none;
  background: transparent;
  font-size: 14px;
  font-weight: 600;
  padding: 0.5rem 0.75rem;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.nav-support-btn:hover, .nav-support-btn:focus {
  background-color: rgba(43, 201, 219, 0.1);
  color: #2BC9DB !important;
  box-shadow: none;
  border: none;
}

.nav-support-btn::after {
  display: none;
}

.btn-contact {
  border-color: #2BC9DB;
  color: #2BC9DB;
  font-weight: 600;
  font-size: 14px;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.btn-contact:hover {
  background-color: #2BC9DB;
  color: white;
  border-color: #2BC9DB;
  transform: translateY(-1px);
}

.dropdown-menu {
  border: none;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  border-radius: 12px;
  padding: 0.5rem 0;
  margin-top: 0.5rem;
}

.dropdown-item {
  color: #071437;
  padding: 0.5rem 1rem;
  font-size: 14px;
  border-radius: 8px;
  margin: 0 0.5rem;
  transition: all 0.3s ease;
}

.dropdown-item:hover {
  background-color: rgba(43, 201, 219, 0.1);
  color: #2BC9DB;
}

.dropdown-item i {
  width: 18px;
  color: #2BC9DB;
}

@media (max-width: 991.98px) {
  .navbar-actions {
    width: 100%;
    justify-content: center;
    padding: 1rem 0;
    border-top: 1px solid rgba(43, 201, 219, 0.1);
    margin-top: 1rem;
  }
  
  .btn-login {
    flex: 1;
    justify-content: center;
  }
}

/* ===============================================
   WHY US MODERN SECTION STYLES
=============================================== */

/* Section Background & Layout */
.why-us-modern {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #F8FAFC 0%, #E6F6F8 100%);
}

.why-us-modern::before {
  content: '';
  position: absolute;
  top: -50px;
  left: -50px;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, rgba(43, 201, 219, 0.1) 0%, transparent 70%);
  border-radius: 50%;
  animation: float 6s ease-in-out infinite;
}

.why-us-modern::after {
  content: '';
  position: absolute;
  bottom: -50px;
  right: -50px;
  width: 150px;
  height: 150px;
  background: radial-gradient(circle, rgba(121, 183, 83, 0.1) 0%, transparent 70%);
  border-radius: 50%;
  animation: float 8s ease-in-out infinite reverse;
}

/* Section Header Styles */
.section-header .section-badge {
  display: inline-block;
  background: rgba(43, 201, 219, 0.1);
  color: #2BC9DB;
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  border-radius: 50px;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.section-header .section-title {
  font-size: 3.5rem;
  font-weight: 700;
  color: #071437;
  font-family: 'Mulish', sans-serif;
  line-height: 1.2;
  margin-bottom: 1.5rem;
}

.section-header .section-title .text-primary {
  color: #2BC9DB;
}

.section-header .section-title .text-success {
  color: #79B753;
}

.section-header .section-subtitle {
  font-size: 1.25rem;
  color: #6c757d;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.6;
}

/* Feature Cards Base Styles */
.feature-card {
  background: white;
  padding: 2rem;
  border-radius: 1.5rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid transparent;
  position: relative;
  overflow: hidden;
}

.feature-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, transparent, var(--card-accent), transparent);
  transform: translateX(-100%);
  transition: transform 0.6s ease;
}

.feature-card:hover::before {
  transform: translateX(100%);
}

.feature-card:hover {
  transform: translateY(-12px);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.12);
}

/* Feature Card Variants */
.feature-card-primary {
  --card-accent: #2BC9DB;
  border-color: rgba(43, 201, 219, 0.1);
}

.feature-card-primary:hover {
  border-color: #2BC9DB;
  box-shadow: 0 25px 50px rgba(43, 201, 219, 0.2);
}

.feature-card-success {
  --card-accent: #79B753;
  border-color: rgba(121, 183, 83, 0.1);
}

.feature-card-success:hover {
  border-color: #79B753;
  box-shadow: 0 25px 50px rgba(121, 183, 83, 0.2);
}

.feature-card-warning {
  --card-accent: #F7931D;
  border-color: rgba(247, 147, 29, 0.1);
}

.feature-card-warning:hover {
  border-color: #F7931D;
  box-shadow: 0 25px 50px rgba(247, 147, 29, 0.2);
}

/* Icon Wrapper Styles */
.icon-wrapper {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  position: relative;
}

.icon-primary {
  background: linear-gradient(135deg, #2BC9DB 0%, #0AB2C5 100%);
}

.icon-success {
  background: linear-gradient(135deg, #79B753 0%, #6BA042 100%);
}

.icon-warning {
  background: linear-gradient(135deg, #F7931D 0%, #E68500 100%);
}

.feature-card:hover .icon-wrapper {
  transform: scale(1.1) rotate(5deg);
}

/* Feature Content Styles */
.feature-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #071437;
  margin-bottom: 1rem;
}

.feature-description {
  color: #6c757d;
  line-height: 1.6;
  margin: 0;
  font-size: 1rem;
}

/* CTA Section Styles */
.section-footer .cta-wrapper {
  background: rgba(43, 201, 219, 0.05);
  border: 1px solid rgba(43, 201, 219, 0.1);
  padding: 2.5rem;
  border-radius: 1.5rem;
  backdrop-filter: blur(10px);
}

.section-footer .cta-description {
  color: #071437;
  font-size: 1.1rem;
  line-height: 1.6;
  margin: 0;
}

.section-footer .brand-highlight {
  color: #2BC9DB;
  font-weight: 600;
}

.section-footer .cta-buttons {
  display: flex;
  gap: 1rem;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

/* Custom Button Styles */
.btn-primary-custom {
  background-color: #2BC9DB;
  border: none;
  color: white;
  font-weight: 600;
  padding: 0.75rem 2rem;
  border-radius: 50px;
  transition: all 0.3s ease;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}

.btn-primary-custom:hover {
  background-color: #0AB2C5;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(43, 201, 219, 0.3);
  color: white;
}

.btn-success-custom {
  background: transparent;
  border: 2px solid #79B753;
  color: #79B753;
  font-weight: 600;
  padding: 0.75rem 2rem;
  border-radius: 50px;
  transition: all 0.3s ease;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}

.btn-success-custom:hover {
  background-color: #79B753;
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(121, 183, 83, 0.3);
}

/* Responsive Design */
@media (max-width: 768px) {
  .section-header .section-title {
    font-size: 2.5rem;
  }
  
  .feature-card {
    margin-bottom: 2rem;
    padding: 1.5rem;
  }
  
  .section-footer .cta-wrapper {
    padding: 2rem 1.5rem;
  }
  
  .section-footer .cta-buttons {
    flex-direction: column;
    width: 100%;
  }
  
  .btn-primary-custom,
  .btn-success-custom {
    width: 100%;
    justify-content: center;
  }
  
  .why-us-modern::before,
  .why-us-modern::after {
    display: none;
  }
}

@media (max-width: 576px) {
  .section-header .section-title {
    font-size: 2rem;
  }
  
  .section-header .section-subtitle {
    font-size: 1.1rem;
  }
  
  .feature-title {
    font-size: 1.25rem;
  }
}
.slider-container{overflow:hidden;width:100%;}
.slide-right img{animation:slide-right 20s linear infinite;}
@keyframes slide-right{0%{transform:translateX(100%);}
100%{transform:translateX(-90%);}
}
.inner-xl::after{content:"";background:url(../../assets/img/vactor-left.svg);position:absolute;top:9px;left:0px;width:111px;height:48px;background-repeat:no-repeat;background-color:#F8FAFC;}
@media screen and (max-width:1200px) and (min-width:320px){.inner-xl::after{display:none;}
}
@media screen and (max-width:1466px) and (min-width:1200px){.inner-xl::after{top:3px;}
}
@media screen and (max-width:1600px) and (min-width:1466px){.inner-xl::after{top:5px;}
}
@media screen and (max-width:1680px) and (min-width:1600px){.inner-xl::after{top:7px;}
}
@media (max-width:1140px){.loginForm .w-50{width:100% !important;}
}
@media (min-width:1400px){.about-img::after{width:90% !important;}
}
@media (max-height:500px){#hero{height:auto;}
.top-sectionGl .container{padding-top:130px;padding-bottom:60px;}
}
@media (max-width:769px){.top-sectionGl .mt-5{margin-top:0px !important;}
}
@media (max-width:768px){#hero h1{font-size:70px;line-height:60px;font-weight:800;}
}
section{padding:60px 0;overflow:hidden;}
.section-bg{background-color:#1a1814;}
.section-title{padding-bottom:40px;}
.section-title h2{font-size:14px;font-weight:500;padding:0;line-height:1px;margin:0 0 5px 0;letter-spacing:2px;text-transform:uppercase;color:#aaaaaa;font-family:"Poppins",sans-serif;}
.section-title h2::after{content:"";width:120px;height:1px;display:inline-block;background:rgba(255,255,255,0.2);margin:4px 10px;}
.section-title p{margin:0;font-size:33px;font-weight:600;font-family:"Inter",sans-serif;text-transform:uppercase;color:#ffffff;}
.orgClr{color:#FF5D00;}
.breadcrumbs{padding:15px 0;background:#1d1b16;margin-top:110px;}
@media (max-width:992px){.breadcrumbs{margin-top:98px;}
}
.breadcrumbs h2{font-size:26px;font-weight:300;}
.breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;font-size:14px;}
.breadcrumbs ol li+li{padding-left:10px;}
.breadcrumbs ol li+li::before{display:inline-block;padding-right:10px;color:#37332a;content:"/";}
@media (max-width:768px){.breadcrumbs .d-flex{display:block !important;}
.breadcrumbs ol{display:block;}
.breadcrumbs ol li{display:inline-block;}
.md-media{display:block !important;}
.loginForm{padding:0px !important;}
}
.about{background-color:#010101;}
.about .about-img{position:relative;transition:0.5s;}
.about .about-img img{max-width:100%;position:relative;}
.about-img::after{content:"";background:url('../../assets/img/about-shape.svg');position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;margin:auto;animation:topBottomBounce 5.8s infinite;background-size:cover;z-index:-9;}
.about-img::before{content:"";background:url('../../assets/img/baner-animation.svg');position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;margin:auto;animation:bottomTopBounce 5.8s infinite;background-size:cover;z-index:-9;}
.about .content{position:relative;}
.about .content h3{font-weight:600;font-size:26px;}
.about .content ul{list-style:none;padding:0;}
.about .content ul li{padding-bottom:10px;}
.about .content ul i{font-size:20px;padding-right:4px;color:#cda45e;}
.about .content p:last-child{margin-bottom:0;}
.image_overlay_section{position:absolute;bottom:12%;left:0;right:0;width:100%;margin:0px auto;}
.image_overlay_section a{color:#ffffff;}
.w-85{min-width:85%;max-width:85%;}
@media (min-width:1024px){.about{background-attachment:fixed;}
}
circle:hover{filter:drop-shadow(0px 0px 2px #e8ab95);}
ellipse:hover{filter:drop-shadow(0px 0px 2px #e8ab95);}
.map-vector svg{margin-top:-50px;}
.why-us{background-color:#010101;}
.purpose_section{background-color:#010101;}
.purpose-text{transition:all 1s ease-in-out;}
.purpos_animate:hover .purpose-text{transform:translateY(78px);transition:all 1s ease-in-out;}
.purpos_animate:hover .pathsd{opacity:0;transition:all 1s ease-in-out;}
.menucls{background-color:#010101;}
.why-us .box h4{font-size:24px;font-weight:700;font-family:"Inter",sans-serif;text-transform:uppercase;line-height:33px;}
.why-us::before{content:"";background:url("../../assets/img/service-vector.svg");position:absolute;top:0px;left:0px;width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:left;}
.why-us .box{transition:all ease-in-out 0.3s;background:#1a181429;border-radius:10px;opacity:0.7 !important;height:100%;display:flex;flex-direction:column;justify-content:space-between;border:2px solid #ed570154;}
.mt-des{margin-top:30px;}
.mt-des2{margin-top:15px;}
.why-us .box span{display:block;font-size:28px;font-weight:700;color:#cda45e;}
#footer .footer-top h4{font-size:12px;font-weight:500;color:#D0D0C8;position:relative;padding-bottom:12px;font-family:"Inter",sans-serif;text-transform:uppercase;}
.why-us .box p{color:#fff;font-size:15px;font-weight:400;margin:0;padding:0;font-family:"Roboto",sans-serif;}
.descText{color:#fff;font-size:18px;font-weight:400;margin:0;font-family:"Roboto",sans-serif;}
.image_overlay_section h4{font-size:18px;font-family:"Bebas Neue",sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:1px;}
.image_overlay_section img{width:50px;opacity:0.5;}
.list_blk:hover h4{color:#FF5D00;}
.list_blk:hover img{opacity:1;}
.serviceVectr::before{content:"";background:url("../../assets/img/ball1.svg");position:absolute;bottom:-13%;right:-2%;width:60px;height:60px;background-repeat:no-repeat;background-size:contain;background-position:right;animation:bottomTopBounce 5.8s infinite;}
.centerVectorr::before{content:"";background:url("../../assets/img/ball2.svg");position:absolute;top:50%;right:0;left:0;width:120px;height:120px;margin:0px auto;background-repeat:no-repeat;background-size:contain;animation:bottomTopBounce 5.8s infinite;}
.animationVectorr::after{content:"";background:url("../../assets/img/ball3.svg");position:absolute;bottom:-50%;right:-15%;width:70px;height:70px;margin:0px auto;background-repeat:no-repeat;background-size:contain;}
.our-story h2{font-size:42px;text-align:center;font-family:"Bebas Neue",sans-serif;font-weight:400;}
.story_first_section{border:3px solid #2BC9DB42;border-radius:10px;padding:35px 30px;background:#F8FAFC29;}
.story_first_section h3{writing-mode:vertical-lr;transform:rotate(180deg);text-align:end;font-family:"Source Sans 3",sans-serif;color:#2BC9DB;font-size:50px;font-weight:700;}
.story_first_section p{font-size:15px;font-weight:500;font-family:"Roboto",sans-serif;line-height:30px;}
.our-story{background:url("../../assets/img/story-bg.svg");width:100%;height:100%;background-size:cover;background-position:center 40%;background-color:#F8FAFC;}
.rightImage span{color:#000000;font-size:20px;font-weight:700;text-shadow:-1px -1px 0 white,1px -1px 0 white,-1px 1px 0 white,1px 1px 0 white;font-family:"Roboto Flex",sans-serif;font-style:italic;line-height:25px;}
.rightImage h3{color:#071437;font-size:20px;font-weight:700;font-family:'Fontspring-DEMO-gunterz-regular',Arial,sans-serif;}
.off_the_grid{background:linear-gradient(180deg,#2BC9DB 0%,#0D0E12 76.25%);max-height:700px;min-height:700px;}
.off_the_grid::after{content:"";background:url('../../assets/img/rotateImg.svg');position:absolute;top:40%;left:0px;right:0;width:100%;height:100%;background-repeat:no-repeat;background-position:top;background-size:cover;}
.offTxt{font-size:380px;font-family:"Bebas Neue",sans-serif;color:#071437;line-height:248.57px;}
.theGrid{font-size:180px;font-family:"Bebas Neue",sans-serif;color:#071437;line-height:153.66px;}
.videos_section{border-radius:0px;height:100%;}
.video_frame{border-radius:10px;width:100%;min-height:250px;border:1px solid #DBDFE9;}
.video_frame iframe{border-radius:10px;width:100%;height:100%;min-height:250px;}
.login_section .loginFrame{margin:50px auto;background-size:300% auto;background-position:center;position:relative;background-color:#2BC9DB;}
.login_section .loginFrame:before,.login_section .loginFrame:after{content:"";position:absolute;width:100%;top:0;bottom:0;background-image:inherit;background-size:300% auto;transform:perspective(800px);transition:0.5s all;background-color:#2BC9DB;}
.login_section .loginFrame:before{right:100%;background-position:left;transform-origin:right;}
.login_section .loginFrame:after{left:100%;background-position:right;transform-origin:left;}
.login_section .loginFrame::before{transform:perspective(800px) rotateY(30deg);filter:brightness(0.8);}
.login_section .loginFrame::after{transform:perspective(800px) rotateY(-30deg);filter:brightness(0.8);}
.loginForm .backBtn{position:absolute;top:7%;left:5%;}
.loginForm .backBtn svg:hover rect{fill:#fff !important;}
.loginForm h3{font-size:30px;font-weight:500;color:#121212;font-family:"Inter",sans-serif;}
.loginForm p{color:#3D3D3D;font-family:"Inter",sans-serif;font-size:15px;font-weight:400;}
.loginForm form .form-label{color:#121212;font-family:"Inter",sans-serif;font-size:15px;font-weight:400;}
.loginForm form .inpS{color:#121212;font-family:"Inter",sans-serif;font-size:15px;font-weight:400;height:45px;padding:14px 16px;border-radius:8px;}
.loginForm form .inpS:hover,.loginForm form .inpS:focus,.loginForm form .inpS:active{outline:none;box-shadow:none;border-color:#fff;}
.loginForm form .form-check-input{height:20px;width:20px;}
.loginForm form .form-check-input:hover,.loginForm form .form-check-input:focus,.loginForm form .form-check-input:active{outline:none;box-shadow:none;border-color:#fff;}
.loginForm form .form-check-label{color:#3D3D3D;font-size:15px;font-weight:400;font-family:"Inter",sans-serif;}
.forgPass{font-weight:400;font-size:15px;font-family:"Inter",sans-serif;color:#3D3D3D;}
.signUp{font-weight:400;font-size:15px;font-family:"Inter",sans-serif;color:#fff;}
.forgPass:hover,.forgPass:focus,.forgPass:active{color:#3D3D3D;}
.signUp:hover,.signUp:focus,.signUp:active{color:#fff;}
.formSubmitBtn{background-color:#2BC9DB;color:#fff;display:block;width:100%;padding:10px 15px;border-radius:8px;font-size:15px;font-weight:500;border:1px solid #2BC9DB;font-family:"Inter",sans-serif;}
.formSubmitBtn:hover,.formSubmitBtn:focus,.formSubmitBtn:active{background-color:#2BC9DB !important;color:#fff;border:1px solid #2BC9DB !important;outline:none;}
.loginForm span{position:absolute;top:10px;right:13px;color:#5B5B5B;}
.text-effectAttr::after{content:'';position:absolute;top:19px;left:-7px;right:0;width:85%;height:2px;background-color:#2BC9DB;margin:0px auto;}
span.diveTop{position:absolute;top:-27px;right:-14px;font-size:30px;font-weight:500;font-style:italic;color:#F5F7FA;}
.text-effectAttr{font-weight:500;}
.footer_animation_image::before{content:"";background:url('../../assets/img/footer-ani1.svg');position:absolute;top:-39%;left:0px;bottom:0;width:200px;background-repeat:no-repeat;background-position:top;animation:topBottomBounce 2.8s infinite;}
.footer_animation_image::after{content:"";background:url('../../assets/img/footer-ani2.svg');position:absolute;top:40%;left:54px;bottom:0;width:200px;background-repeat:no-repeat;background-position:top;animation:bottomTopBounce 2.8s infinite;}
@keyframes bottomTopBounce{0%,100%{transform:translateY(-20px);}
50%{transform:translateY(0);}
}
#footer{padding:0 0 30px 0;color:#071437;font-size:14px;border-radius:10px;margin:20px;border-radius:30px;border:2px solid #2BC9DB45;background-color:#F8FAFC;margin-top:0px;}
#footer .footer-top h4::after{content:'';position:absolute;top:1px;left:0px;width:10px;height:10px;background-color:#2BC9DB;border-radius:20px;}
#footer .footer-top{padding:60px 0 30px 0;}
#footer .footer-top .footer-info{margin-bottom:30px;}
#footer .footer-top .footer-info h3{font-size:24px;margin:0 0 20px 0;padding:2px 0 2px 0;line-height:1;font-weight:300;text-transform:uppercase;font-family:"Poppins",sans-serif;}
#footer .footer-top .footer-info p{font-size:14px;line-height:24px;margin-bottom:0;font-family:"Playfair Display",serif;color:#071437;}

/* ===============================================
   MODERN HEADER NAVIGATION STYLES
=============================================== */
.header-modern {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(15px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.header-modern.scrolled {
  background: rgba(248, 250, 252, 0.98);
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}

.navbar-logo {
  height: 50px;
  transition: all 0.3s ease;
}

.brand-text {
  font-family: "Mulish", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #2BC9DB;
  margin-left: 0.5rem;
}

.custom-toggler {
  border: none;
  padding: 0.5rem;
  background: transparent;
  border-radius: 8px;
}

.custom-toggler:focus {
  box-shadow: none;
  outline: none;
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23071437' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='m4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-nav .nav-item {
  margin: 0 0.5rem;
}

.navbar-nav .nav-link {
  position: relative;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 15px;
  color: #071437;
  padding: 0.75rem 1rem;
  border-radius: 25px;
  transition: all 0.3s ease;
  text-decoration: none;
}

.navbar-nav .nav-link .nav-icon {
  margin-right: 0.5rem;
  font-size: 14px;
  width: 16px;
  text-align: center;
}

.navbar-nav .nav-link:hover {
  background-color: rgba(43, 201, 219, 0.1);
  color: #2BC9DB;
  transform: translateY(-1px);
}

.navbar-nav .nav-link.active {
  background-color: rgba(43, 201, 219, 0.15);
  color: #2BC9DB;
}

.navbar-nav .nav-link.active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 6px;
  height: 6px;
  background-color: #2BC9DB;
  border-radius: 50%;
}

.navbar-actions .btn-login {
  background-color: #2BC9DB;
  color: white;
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 25px;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.3s ease;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.navbar-actions .btn-login:hover {
  background-color: #0AB2C5;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(43, 201, 219, 0.3);
  color: white;
}

/* Mobile Navigation Styles */
@media (max-width: 991.98px) {
  .header-modern {
    background: #F8FAFC;
    backdrop-filter: none;
  }
  
  .navbar-nav {
    padding-top: 1rem;
    border-top: 1px solid rgba(43, 201, 219, 0.1);
    margin-top: 1rem;
  }
  
  .nav-item {
    margin: 0.25rem 0;
  }
  
  .navbar-nav .nav-link {
    padding: 0.75rem;
    border-radius: 12px;
    margin-bottom: 0.25rem;
  }
  
  .navbar-actions {
    padding-top: 1rem;
    border-top: 1px solid rgba(43, 201, 219, 0.1);
    margin-top: 1rem;
    justify-content: center;
  }
  
  .btn-login {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}

@media (max-width: 576px) {
  .navbar-logo {
    height: 40px;
  }
  
  .brand-text {
    font-size: 1.25rem;
  }
  
  .navbar-nav .nav-link {
    font-size: 14px;
  }
}
#footer .footer-top .social-links a{font-size:18px;display:inline-block;background:#28251f;color:#fff;line-height:1;padding:8px 0;margin-right:4px;border-radius:50%;text-align:center;width:36px;height:36px;transition:0.3s;}
#footer .footer-top .social-links a:hover{background:#cda45e;color:#fff;text-decoration:none;}
#footer .footer-top .footer-links{margin-bottom:30px;}
#footer .footer-top .footer-links ul{list-style:none;padding:0;margin:0;}
#footer .footer-top .footer-links ul i{padding-right:2px;color:#cda45e;font-size:18px;line-height:1;}
#footer .footer-top .footer-links ul li{padding:10px 0;display:flex;align-items:center;}
#footer .footer-top .footer-links ul li:first-child{padding-top:0;}
#footer .footer-top .footer-links ul a{color:#D0D0C8;transition:0.3s;line-height:0.8;font-size:20px;font-family:"Inter",sans-serif;}
.footer-links p{color:#D0D0C8;font-size:14px;font-weight:400;font-family:"Inter",sans-serif;}
.footer-links .text-muted{color:#D0D0C8 !important;font-size:13px;}
.footer-links .text-white{font-size:20px;}
.contactsa li a{color:#D0D0C8 !important;font-size:15px !important;font-family:"Inter",sans-serif;}
#footer .footer-top .footer-links ul a:hover{color:#fff;}
#footer .copyright{text-align:center;padding-top:30px;font-size:12px;font-weight:400;font-family:"Inter",sans-serif;}
#footer .copyright img{margin-bottom:8px;}
.register_page_main{background-color:#0D151F !important;}
.register_page_main::after{content:'';position:absolute;top:0px;background-image:url('/assets/img/top-container-vc.webp');width:100%;background-size:cover;background-position:top;height:200px;background-repeat:no-repeat;}
.login_form .form-control{font-size:14px;font-weight:400 !important;height:43px;border:0.99px solid #FFFFFF0F;border-radius:6px !important;background-color:#ffffff;}
.login_form .form-label{font-size:14px;font-weight:400 !important;color:#fff;}
.login_form .form-control:focus{border:0.99px solid #FFFFFF0F;}
.login_form .form-control:focus~.input-group-append .input-group-text{border-color:#17394e5e !important;}
.login_form .input-group-text{border-top-right-radius:5px !important;border-bottom-right-radius:5px !important;}
.left_content_xm{position:absolute;top:0px;left:0px;height:100%;padding:60px;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:99;}
.childxs{padding:15px;}
.left_content_xm h3{font-size:35px;font-weight:600;line-height:50px;color:#fff;font-family:"Poppins",sans-serif !important;}
.left_content_xm p{font-size:16px;font-weight:400;line-height:26px;color:#F6F6F8;font-family:"Poppins",sans-serif !important;}
.form_theme_register{position:absolute;top:0px;z-index:99;}
.login_right_side .bg-cards{z-index:99;padding:15px;height:700px;width:100%;}
.note-toolbar.card-header button{border:none !important;color:#7F7881 !important;}
.login_right_side h4{font-family:"Poppins",sans-serif !important;font-size:30px;font-weight:600;line-height:40px;}
.login_right_side .login-title{font-size:14px;font-weight:400;color:#ffffffbd;font-family:"Poppins",sans-serif !important;}
.gap-12px{gap:12px;}
.login_form .form-label{font-size:15px;font-weight:400 !important;color:#fff;line-height:23px;letter-spacing:0.3px;}
.login_form .forgot_link{font-size:15px;font-weight:400 !important;color:#fff;line-height:23px;letter-spacing:0.3px;}
.icon_inputs_apnd{position:absolute;top:0px;left:0px;padding:9px 5px 9px 15px;height:42px;}
.accent_clrs{accent-color:#fff;width:16px;height:16px;border-radius:6px;}
.remember_lbl{font-size:13px;font-weight:400 !important;color:#fff;line-height:20px;letter-spacing:0.3px;}
.dont_ac_title p{font-size:14px;font-weight:400 !important;color:#D9D9D9;line-height:20px;letter-spacing:0.3px;}
.dont_ac_title p a{font-size:14px;font-weight:600 !important;color:#fff;line-height:20px;letter-spacing:0.3px;}
.login_form .modal_submit{background-color:#B6E6EF !important;color:#101010 !important;font-size:15px;border-radius:7px;font-weight:400;height:45px;}
.login_form .modal_submit:hover,.login_form .modal_submit:focus{background-color:#B6E6EF !important;color:#101010 !important;font-size:15px;border-radius:7px;font-weight:400;height:45px;}
@media (max-width:440px){.login_right_side h4{font-size:18px;line-height:24px;}
.register-card-bodys{padding:30px !important;}
.content{padding-left:0px !important;padding-right:0px !important;}
}
@media (max-width:500px){.left_content_xm h3{font-size:20px;line-height:30px;}
.left_content_xm p{font-size:14px;}
.left_content_xm{padding:20px;}
.login_lef_side img{height:400px;width:100%;}
.login_right_side .bg-cards{height:750px;width:100%;}
.height_max_bg,.login_right_max_bg{height:930px !important;}
}
@media screen and (min-width:992px) and (max-width:1200px){.login_right_side .bg-cards{height:700px;width:100%;}
.login_right_side{display:flex;justify-content:center;flex-direction:column;align-items:center;height:700px;}
.left_content_xm h3{font-size:28px;line-height:40px;}
.left_content_xm p{font-size:14px;}
.height_max_bg,.login_right_max_bg{height:750px !important;}
}
@media screen and (min-width:500px) and (max-width:991px){.height_max_bg,.login_right_max_bg{height:900px !important;}
}
@media screen and (min-width:500px) and (max-width:767px){.left_content_xm h3{font-size:28px;line-height:40px;}
.left_content_xm p{font-size:14px;}
}
@media (max-width:991px){.register-page{height:auto !important;}
}
.right_ey_icn{right:0px !important;left:unset !important;padding:9px 15px 9px 5px !important}