/* =====================================
   HEADER V2 – FONT
===================================== */
@font-face {
  font-family: 'BwModelica';
  src: url('../font/BwModelica/otf/BwModelica-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'BwModelica';
  src: url('../font/BwModelica/otf/BwModelica-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'BwModelica';
  src: url('../font/BwModelica/otf/BwModelica-Hairline.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'BwModelica';
  src: url('../font/BwModelica/otf/BwModelica-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'BwModelica';
  src: url('../font/BwModelica/otf/BwModelica-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'BwModelica';
  src: url('../font/BwModelica/otf/BwModelica-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'BwModelica';
  src: url('../font/BwModelica/otf/BwModelica-ExtraBold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'BwModelica';
  src: url('../font/BwModelica/otf/BwModelica-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
h1,h2,h3,h4,h5,h6{font-family: 'BwModelica', Arial, sans-serif;font-weight: 700;}
body, section.fulltextrow p,section.fullwidthonlytext ul li, body p{font-family: "Lato", sans-serif !important;letter-spacing: 0.2px;}
.row{max-width: initial !important;}
/* body, p{font-size: 16px !important;} */
/* =====================================
   HEADER V2 – BASE
===================================== */
.header-v2 {
  background: #fff;
}

/* =====================================
   TOP BAR
===================================== */
body:not(.home):not(.front-page) section.sec_breadcrumb {
    box-shadow: 0 0 10px #dedede;
    margin-bottom: 25px;
}
body.post-template-templatepost-block-builder-php section.sec_breadcrumb {
    padding: 15px 0px; /* adjust as needed */
}
body.post-template-templatepost-block-builder-php ul.breadcrumb {
    padding: 0px;
    margin: 0px;
}

.pagination-wrapper{padding-bottom: 3rem;}
.header-v2-top {
  padding: 20px 0;
}
#bannergetInTouch p{color:#000;font-size: 1rem;}
.header-v2-search{padding: 1px;margin: 0px;}
/* Top bar content */
.header-v2-contact {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 22px;
  font-weight: 800;
  flex-wrap: wrap;
  font-family: 'BwModelica';
  font-size: 13px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.header-v2-contact img{width: 20px;}
.header-v2-email img{position: relative;top:-3px;}
.ddlabel{font-size: 13px;color:#000;}
.header-v2-contact a {
  color: #000;
  text-decoration: none;
  white-space: nowrap;
  font-family: 'BwModelica';
}

.header-v2-contact i {
  margin-right: 6px;
}
/* New Search ICon */
.header-search-dropdown{
  position:relative;
  
}
.search-dropdown-form{margin-bottom: 0px;}
.search-dropdown-box{
  position:absolute;
  top:120%;
  right:0;
  background:#fff;
  padding:12px;
  border-radius:6px;
  box-shadow:0 10px 30px rgba(0,0,0,.15);
  display:none;
  z-index:999;
  width:260px;
}

.search-dropdown-box.active{
  display:block;
}

.search-dropdown-input{
  width:100%;
  padding:8px 10px;
  border:1px solid #ccc;
}

.search-dropdown-submit{
  margin-top:8px;
  width:100%;
  color: #fff;
}


/* =====================================
   NAV BAR (BLUE PILL)
===================================== */
.header-v2-nav-wrap {
  padding: 9px 0 5px;
}

.header-v2-nav {
  background: #2aa3d8;
  border-radius: 999px;
  /* padding: 14px 22px; */
  margin-left: auto;
}

.header-v2-menu {
  display: flex;
  justify-content: center;
  gap: 0px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.header-v2-menu > li {
  position: relative;
  padding: 15px 25px;
  margin-bottom: 0px;
}

.header-v2-menu a {
  color: #fff;
  text-decoration: none;
  font-weight: 800;
  letter-spacing: 2px;
  font-size: 0.95rem;
  text-transform: uppercase;
}
@media (max-width:1186px){
  .header-v2-menu > li{padding: 15px 5px !important;}
  .header-v2-menu a{font-size: 12px !important;}
  .header-v2-contact{gap: 18px;}
  .header-v2-contact a{font-size: 10px;}
}
/* Arrow under hovered menu item */
.header-v2-menu > li::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -16px;              
  width: 14px;
  height: 14px;
  background: #e8f6ff;
  transform: translateX(-50%) rotate(45deg);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  z-index: 1000;
}

/* Show arrow only on hover */
.header-v2-menu > li:hover::after {
  opacity: 1;
}

.header-v2-menu > li.menu-item-has-children::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 20px;
}

/* Only for items having submenu */
.header-v2-menu > li:not(.menu-item-has-children)::after {
  display: none;
}
/* =====================================
   MEGA MENU (DESKTOP)
===================================== */
.container-menu{ position: relative;}
.header-v2-menu > li > .sub-menu {
  /* margin: 22px 0px 0px -3rem !important; */
  margin: 8px 0px !important;
  position: absolute;
  top: calc(100% + 6px);
  left: 50%;
  right: 0;
  transform: translateX(-50%);
  width: 830px;
  max-width: calc(100vw - 40px);
  background: #e8f6ff;
  border-radius: 28px;
  padding: 20px 10px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.15);
  z-index: 999;

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0px;
  top: calc(100% + 9px); 
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.25s ease, transform 0.25s ease;
  /* transition: opacity 0.25s ease, transform 0.25s ease; */
   transform: translateX(-50%) translateY(-6px);
}

/* .header-v2-menu > li.menu-item-has-children:hover > .sub-menu,
.header-v2-menu > li.menu-item-has-children:focus-within > .sub-menu { */
  .header-v2-menu > li.menu-item-has-children:hover > .sub-menu
{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  /* transform: translateX(-50%) translateY(0); */
}
.header-v2-menu > li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  /* transform: translate(-50%, 0) scale(1); */
}

.header-v2-menu > li > .sub-menu > li {
  list-style: none;
}

.header-v2-menu > li > .sub-menu > li > a {
  display: block;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #000;
  padding-left: 18px;
  position: relative;
}

.cust-nav-head .icon--mail a, .icon--tel a{font-size: 13px !important;}

.header-v2-menu > li > .sub-menu > li > a:hover {
  color: #2aa3d8;
}
div#lang_list_msdd img{width: 25px;}
/* =====================================
   DESKTOP (≥1100px)
===================================== */
@media (min-width: 1100px) {
 
  .header-v2-nav-wrap {
    position: relative;
    margin-top: 0.5rem;
  }
.mainmanubar-col{padding: 0px;}
  .header-v2-nav {
    position: relative;
    /* Start after logo column (3/12 = 25%) */
    margin-left: calc(0% - 20px);
    /* Extend to right edge */
    width: calc(100vw - 25% + 20px);
    padding-left: 1rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .header-v2-menu {
    justify-content: flex-start;
  }
  
}


/* =====================================
   TABLET (850px–1099px)
===================================== */
@media (max-width: 1099px) and (min-width: 850px) {

  /* Stack top bar content neatly */
  .header-v2-contact {
    justify-content: center;
    row-gap: 0px;
  }

  .header-v2-menu {
    gap: 10px !important;
  }
  .mainmanubar-col{padding: 0px;}
  .header-v2-contact img{width: 16px;}
  div#lang_list_msdd img {width: 20px;height: 18px;margin-top: 2px;
  }
  .hero-v2{min-height: auto !important;}
  .hero-v2 h1{    font-size: clamp(24px, 4vw, 30px) !important;padding-top: 2rem;}
  .hero-v2 p{font-size: 18px;}
  .hero-v2 p{margin-bottom: 5px !important;}
  .hero-v2-arrow{height: 60px !important;width: 60px !important;padding: 21px !important;}
  .bg-no-1, .bg-no-one{left: 15% !important;;top: 22% !important;}
  .bg-no-2, .bg-no-two {top: 21% !important;;left: 15% !important;}
  .bg-no-3, .bg-no-three{top: 21% !important;;left: 15% !important;}
  .bg-no-4, .bg-no-four{left: 18% !important;; top: 21% !important;}
  .bg-no-5, .bg-no-five{left: 15% !important;;top: 21% !important;}
  .bg-no-6, .bg-no-six{left: 15% !important;; top: 21% !important;}
  .testimonial-box{width: 120%;}
  .testimonial-controls{top: -4rem !important;}
  .testimonial-controls .carousel-control-prev-icon, .testimonial-controls .carousel-control-next-icon{height: 50px !important;width: 50px !important;line-height: 1 !important;}
  #map{margin-top: 0px !important;}
    
}


/* =====================================
   VISIBILITY CONTROL
===================================== */

/* Desktop only: hide OLD header */
@media (min-width: 850px) {
  header#header {
    display: none !important;
  }
}

/* Mobile & tablet: hide HEADER V2 */
@media (max-width: 850px) {
  .header-v2 {
    display: none !important;
  }
  .hero-v2-img,.hero-v2 {min-height: 45vh !important;}
  .header_top .row{margin: 0 -15px !important;}
  .cust-nav-head .icon--mail a{font-size: 13px;}
  .hero-v2-cta{padding: 0 !important;}
  .testimonial-box{left: 0px !important;}
  .testimonial-controls{left:63% !important;top:-9rem !important;justify-content: flex-start !important;}
  .quote-bg{width: 109px !important;left: -5rem !important;z-index: 2 !important;}
  .testimonial-section .know-more-btn {display: flex !important;justify-content: flex-end !important;}
  .stuck #logo{display: block !important;top:10px !important;}
  .hero-scrolled.hero-v2 h1{padding-top: 4rem !important;}
  .experience-section .section-title::after{width: 40%;}
  
}
@media (max-width: 600px) {
    .hero-v2-img, .hero-v2 {
        min-height: 45vh !important;
    }
}
/* ====== Language ========= */

/* =====================================
   LANGUAGE SWITCHER – GLOBE STYLE (V2)
===================================== */

#lang_list_msdd {
  position: relative;
  background: transparent;
  border: 0;
  cursor: pointer;
  font-weight: 600;
}

/* Remove old dropdown styling */
#lang_list_msdd .ddTitle {
  background: none;
  border: 0;
  padding: 0;
}

/* Inline layout */
#lang_list_title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #444;
}

/* Hide flag in title */
#lang_list_title img {
  display: none;
}
/* Force Font Awesome globe visibility */
#lang_list_title i {
  font-size: 15px;
  color: #444;
  display: inline-block !important;
  line-height: 1;
}

/* Style globe icon */
#lang_list_title .fa-globe {
  font-size: 15px;
  color: #444;
}
span#lang_list_title .fa{font-size: 22px !important;}
/* Arrow */
#lang_list_title .fa-angle-down {
  font-size: 14px;
  margin-left: 2px;
}

/* Dropdown */
#lang_list_child {
  position: absolute;
  top: 100%;
  right: 0;
  background: #fff;
  border-radius: 8px;
  padding: 10px 0;
  min-width: 180px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
  display: none;
  z-index: 999;
}

/* Show on hover */
#lang_list_msdd:hover #lang_list_child {
  display: block;
}

/* Dropdown items */
#lang_list_child ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#lang_list_child li a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 16px;
  font-size: 14px;
  color: #333;
  text-decoration: none;
}

#lang_list_child li a:hover {
  background: #f2f8fc;
}

/* Flags inside dropdown */
#lang_list_child img {
  width: 16px;
  height: auto;
}

/* ===============================
   HERO V2 Banner
================================ */

.hero-v2 {
  position: relative;
  width: 100%;
  min-height: 80vh;
  overflow: hidden;
}

.hero-v2-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  min-height: 80vh;
}

/* Content overlay */
.hero-v2-content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 680px;
  color: #fff;
  z-index: 2;
}

/* Headline */
.hero-v2 h1 {
  font-size: clamp(28px, 4vw, 48px);
  line-height: 1.15;
  font-weight: 400;
  margin-bottom: 16px;
  font-family: 'BwModelica';
  color: #fff;
}

/* Sub text */
.hero-v2 p {
  font-size: 22px;
  margin-bottom: 28px;
  font-weight: 500;
  font-family: "Lato", sans-serif !important;
  color: #fff;
}

/* CTA container */
.hero-v2-cta {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  color: #fff;
  padding: 18px 0px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
}

/* Text block */
.hero-v2-cta span {
  text-transform: uppercase;
  line-height: 1.1;
  font-weight: 500;
  color: #fff;
  text-align: left;
}

/* Arrow circle (design match) */
.hero-v2-arrow {
  background: #2aa3d8;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  padding: 25px;
  object-fit: contain;
  display: flex;
  align-items: center;
  justify-content: center;
}


/* ===============================
   RESPONSIVE
================================ */

@media (max-width: 768px) {
  .hero-v2 {
    min-height: 42vh;
  }

  .hero-v2-content {
    padding: 0 20px;
  }

  .hero-v2 p {
    font-size: 16px;
  }
  .hero-v2-arrow {width: 60px;height: 60px;padding: 20px;}
  .hero-v2-content{padding-top: 1rem;}

}
 .hero-v2-arrow {
  transition: transform 0.3s ease;
}

.hero-v2-cta:hover .hero-v2-arrow {
  transform: translateY(-4px) scale(1.05);
}
/* ===============================
   Experience Meets Professional
================================ */

/* Title */
.cmn .section-title {
  font-size: clamp(24px, 4vw, 38px);
  font-weight: 400;
  line-height: 1.35;
  color: #000;
  font-family: 'BwModelica';
  position: relative;
  padding-bottom: 16px;
}

.cmn .section-title::after {
  content: "";
  position: absolute;
  left: -20px;
  bottom: 0;
  width: 25%;
  height: 3px;
  background-color: #2ea3f2; /* underline blue */
  border-radius: 2px;
}
.experience-section .section-title::after{width: 26% !important; left: -10px !important;}
/* Stats */
.stats-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 48px 60px;
}

.stat-number {
  font-size: clamp(2rem, 12vw, 4.8rem);
  font-weight: 600;
  color: #2ea3f2;
  line-height: 1;
}

.stat-text {
  margin-top: 12px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #111;
  line-height: 1.6;
}

/* Right text */
.content-text p {
  /* line-height: 1.75; */
  color: #000;
  font-weight: 500;
  margin-bottom: 20px;
  font-size: 15px;
}

.content-text a {
  color: #2ea3f2;
  text-decoration: none;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.content-text a:hover {
  text-decoration: underline;
}
.stat-item .span-block{width: 100%;max-width:85%; position:relative; display: block;text-align: center;}

/* Responsive */
@media (min-width:991px){
  .experience-section{padding-bottom: 5rem !important;}
}
@media (max-width: 767px) {
  .section-title {
    font-size: 26px;
  }

  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  .stat-number {
    font-size: 48px;
  }
  .stat-item .span-block{max-width: 100%;}
}


/* ===============================
   Configrator Section
================================ */

.browse-ideas-section {
  background: #f3fbff;
}

/* Title */
.browse-ideas-section .browse-title {
  font-size: clamp(24px, 4vw, 38px) !important;
  font-weight: 400;
  line-height: 1.35;
  color: #000;
  font-family: 'BwModelica' !important;
  position: relative;
  padding-bottom: 16px;
}

/* Search Wrapper */
.browse-ideas-section .search-wrapper {
  background: #fff;
  border-radius: 60px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  margin-bottom: 0px;
}

/* Search Field */
.browse-ideas-section .search-field {
  flex: 1;
  padding: 1rem 2rem 0.3rem 2rem;
  border-right: 1px solid #e6e6e6;
}

/* Remove border before button */
.browse-ideas-section .search-field:last-of-type {
  border-right: none;
}

/* Label Row */
.browse-ideas-section .field-label {
  margin-bottom: 6px;
}

.browse-ideas-section .field-label label {
  font-size: 13px;
  font-weight: 600;
  color: #000;
  margin: 0;
}

/* Icons */
.browse-ideas-section .field-icon {
  width: 24px;
  height: auto;
}

/* Select */
.browse-ideas-section .search-field .form-select {
  border: none !important;
  padding: 0;
  font-size: 15px;
  color: #777;
  box-shadow: none;
  background-position: right 0 center;
  margin-bottom: 0.5rem;
  padding-left: 1.5rem;
  padding: 5px !important;
}

/* Button */
.browse-ideas-section .search-btn {
  background: #2ea3f2;
  border: none;
  padding: 0 20px;
  flex: 1;
  min-width: auto;
  color: #fff;
  font-size: clamp(1.2rem, 4vw, 2rem);
  text-transform: capitalize;
  font-weight: 600;
  transition: background 0.3s ease;
  margin: 0px;
}

.browse-ideas-section .search-btn img {
  width: 22px;
  margin-right: 20px;
  top: -10px;
  position: relative;
}

.browse-ideas-section .search-btn:hover {
  background: #1c8cd8;
}

/* Responsive */
@media (min-width:991px){
  .browse-ideas-section .search-field .form-select{
        margin-left: 1.5rem;
                width: 91%;
  }
}
@media (max-width: 767px) {
  .browse-ideas-section .browse-title {
    font-size: 26px;
  }

  .browse-ideas-section .search-wrapper {
    border-radius: 20px;
  }

  .browse-ideas-section .search-field {
    border-right: none;
    border-bottom: 1px solid #e6e6e6;
  }

  .browse-ideas-section .search-btn {
    width: 100%;
    min-width: auto;
    padding: 16px;
    font-size: 18px;
  }
}

/* ===============================
   IMAGE AND TEXT COL SIDE BY SIDE
================================ */

/* Title with underline */
.cmn .section-title {
 font-size: clamp(24px, 4vw, 38px) !important;
  font-weight: 400;
  line-height: 1.35;
  color: #000;
  font-family: 'BwModelica' !important;
  position: relative;
  padding-bottom: 16px;
}

.custom-stands-section .section-title::after {
  content: "";
  position: absolute;
  left:-15px;
  bottom: 0;
  width: 25%;
  height: 3px;
  background: #2ea3f2;
  border-radius: 2px;
}

/* Content */
.custom-stands-section .section-content p {
  font-size: 15px;
  line-height: 1.75;
  color: #000;
  margin-bottom: 18px;
font-weight: 500;
text-align: left;
}

/* Image */
.custom-stands-section .custom-stand-img {
  max-width: 100%;
}

/* Know More Button */
.know-more-btn{
    display: inline-flex;
    align-items: center;
    font-weight: 400;
    font-size: .9rem;
    color: #000;
    text-align: left;
    line-height: 1.2;
}
.know-more-btn .text{    
    margin-left: -12px;
    background: #fff;
    transition: .3s;
    font-weight: 600;
    text-transform: uppercase;
    }
    
.know-more-btn .icon {
  width: 70px;
  height: 70px;
  border: 2px solid #2ea3f2;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.know-more-btn .icon img {
  width: 18px;
  height: auto;
  transition: filter 0.3s ease, transform 0.3s ease;
}

/* Hover Effect */
.know-more-btn:hover .icon {
  background: #2ea3f2;
}
.know-more-btn:hover .text {
  background: transparent;
  margin-left: 5px;
  transition: .3s;
}

.know-more-btn:hover .icon img {
  filter: brightness(0) invert(1);
  transform: translateX(4px);
}

/* Responsive */
@media (min-width:991px){
  .know-more-btn{margin-top: 1.5rem;}
}
@media (max-width: 767px) {
  .custom-stands-section .section-title {
    font-size: 26px;
  }
  #map{margin-top: 0px !important;}
  .custom-stands-section .know-more-btn {
    margin-top: 24px;
  }
  .know-more-btn .icon{
      width: 65px;
      height: 65px;

  }
  .know-more-btn .text{font-size: 0.7rem !important;}
}



/* ===============================
   FLIP SECTION
================================ */
/* ================================
   PROCESS SECTION
================================ */
.process-section {
  background: #ffffff;
}
.process-section-white{  background: #ffffff !important; }

/* ================================
   FLIP CARD CONTAINER
================================ */
.flip-card {
  perspective: 1000px;
  height: 320px;
  cursor: pointer;
}

.flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.8s ease;
}
.flip-card a, .custom-stands-section a{color: #06b1e4;font-weight: 600;}
/* ================================
   FLIP BEHAVIOUR
================================ */

/* Default hover (white → blue) */
.flip-card:hover .flip-inner {
  transform: rotateY(180deg);
}

/* Even cards start flipped (blue visible) */
.process-section .col-lg-4:nth-child(2) .flip-inner,
.process-section .col-lg-4:nth-child(4) .flip-inner,
.process-section .col-lg-4:nth-child(6) .flip-inner {
  transform: rotateY(180deg);
}

/* Even cards hover back to white */
.process-section .col-lg-4:nth-child(2) .flip-card:hover .flip-inner,
.process-section .col-lg-4:nth-child(4) .flip-card:hover .flip-inner,
.process-section .col-lg-4:nth-child(6) .flip-card:hover .flip-inner {
  transform: rotateY(0deg);
}

/* ================================
   SHARED CARD SIDES
================================ */
.flip-front,
.flip-back {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.white-card{justify-content: flex-start !important;}

/* ================================
   FRONT (WHITE)
================================ */
/* SECTION */
.process-section {
  background: hsl(0deg 0% 98.04%);
}


.process-section .section-heading h2 {
  font-family: 'BwModelica';
  font-size: clamp(24px, 4vw, 38px) !important;
  font-weight: 400;
  font-family: 'BwModelica' !important;
  color: #000;
  line-height: 1.3;
  position: relative;
  display: inline-block;
  padding-bottom: 14px;
  margin: 0;
}

/* Blue underline */
.process-section .section-heading h2::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 140px;
  height: 3px;
  background-color: #2aa3d8;
  border-radius: 2px;
}


/* CARD */
.flip-card {
  perspective: 1000px;
  height: 320px;
}

.flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.8s ease;
}

.flip-card:hover .flip-inner {
  transform: rotateY(180deg);
}

/* SHARED */
.flip-front,
.flip-back {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  padding: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}


/* WHITE CARD */

.white-head {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.white-card {
  background: #ffffff;
  border: 1px solid #2aa3d8;
  overflow: hidden;
}

.white-card .step-no {
  font-family: 'BwModelica';
  font-size: clamp(28px, 4vw, 46px);
  /* color: #2ea3f2; */
  margin-bottom: 10px;
  line-height: 1;
  flex-shrink: 0;
  font-weight: 800;

  color: transparent; /* Important */
  -webkit-text-stroke: 1.5px #2aa3d8;
  text-stroke: 1.5px #2aa3d8;
}

.blue-title-front {
  font-family: 'BwModelica';
  margin-bottom: 12px;
  font-size: clamp(18px, 4vw, 20px);
  color : #2aa3d8;
  font-weight: 700;
}

.white-card p {
  font-family: "Lato", sans-serif !important;
  font-size: 14px !important;
  line-height: 1.7;
  color: #000;
}

/* BLUE CARD */
.blue-card {
  background: #06b1e4;
  color: #ffffff;
  text-align: center;
  transform: rotateY(180deg);
  overflow: hidden;
}

.blue-card img {
  margin: 0 auto 15px;
  z-index: 2;
}

.white-title-front {
  font-family: 'BwModelica';
  font-size: clamp(1.2rem, 4vw, 1.5rem);
  z-index: 2;
  color: #fff;
  font-weight: 700;
}

/* BACKGROUND NUMBER */
.bg-no {
  position: absolute;
  font-family: 'BwModelica';
  font-size: clamp(11rem, 12vw, 12rem);
  color: hsl(196.81deg 88.84% 45.69%);
  font-weight: 700;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.bg-no-1, .bg-no-one {top: 23%;  left: 11%;}
.bg-no-2, .bg-no-two{top: 25%;  left: 13%;}
.bg-no-3, .bg-no-three{top: 24%;  left: 13%;}
.bg-no-4, .bg-no-four{top: 24%;  left: 15%;}
.bg-no-5, .bg-no-five{top: 24%;  left: 14%;}
.bg-no-6, .bg-no-six{top: 24%;  left: 13%;}

/* RESPONSIVE */
@media (min-width:1100px){.process-section{ z-index: 1;
    position: relative;}.city-flip-section .section-heading h2::after{left: 32% !important;}
    .flip-card{height: 277px !important;}
    }
@media (max-width: 767px) {
  .flip-card {
    height: 100%;
    min-height: 320px;
  }
  .white-card h4{margin-top: 0.6rem;}
  .bg-no-1, .bg-no-one{left: 10%;top: 20%;}
  .bg-no-2, .bg-no-two{left: 10%; top: 20%;}
  .bg-no-3, .bg-no-three{top: 20%;left: 10%;}
  .bg-no-4, .bg-no-four{left: 10%; top: 20%;}
  .bg-no-5, .bg-no-five{left: 10%;top: 20%;}
  .bg-no-6, .bg-no-six{left: 10%; top: 20%;}
  .process-section .section-heading h2::after{left: 50%;}
}

/* ================================
   MAP SECTION
================================ */

/* SECTION */
.presence-section {
  background: #ffffff;
}

/* Title (same system as other sections) */
.presence-section .section-title {
font-family: 'BwModelica';
  font-size: clamp(24px, 4vw, 38px) !important;
  font-weight: 400;
  font-family: 'BwModelica' !important;
  color: #000;
  line-height: 1.3;
  position: relative;
  display: inline-block;
  padding-bottom: 14px;
}

.presence-section .section-title::after {
  content: "";
  position: absolute;
  left: -15px;
  bottom: 0;
  width: 130px;
  height: 3px;
  background: #2aa3d8;
  border-radius: 2px;
}

/* Content */
.presence-content p {
  font-family: "Lato", sans-serif !important;
  font-size: 15px;
  line-height: 1.75;
  color: #000;
  margin-bottom: 18px;
}

.presence-content a {
  color: #2aa3d8;
  text-decoration: none;
  font-weight: 500;
}

.presence-content a:hover {
  text-decoration: underline;
}
/* SVG MAP */
  /* =========================
   MAP
========================= */
.map-section{
    position:relative;
    background:#fff;
    /* height:100%; */
    height: 700px;
}
#map{
    height:100%;
    width: 100%;
    background: #ffffff;
    margin-top: -4rem;z-index: 0;position: relative;
}
/* Country name above ripple */
.ees-country-tooltip{font-weight: 600 !important;font-size: 10px !important;}
#leaflet-tooltip-374{left: 35px;top: 19px;}
/* .ees-country-tooltip {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #000;
  font-size: 12px;
  font-weight: 600;
  padding: 0 !important;
  margin: 0 !important;
  white-space: nowrap;
}

.ees-country-tooltip::before {
  display: none !important; /* removes tooltip arrow */
/*} */

/* .leaflet-tile{
    filter:grayscale(1) brightness(1.05);
} */
/* .leaflet-control-attribution{
    display:none;
} */
/* Leaflet clean look */
.leaflet-control-attribution,
.leaflet-control-zoom {
  display: none !important;
}
#leaflet-tooltip-392{top: -3px;left: 16px;}
#leaflet-tooltip-396{top: -4px;left: -13px;}
#leaflet-tooltip-400{top:-1px;}
#leaflet-tooltip-377{top: 29px;}
/* Country colors */
/* .country-active {
  fill: #0bbcd6 !important;
} */

/* .country-inactive {
  fill: #e0e0e0 !important;
} */
/* Facilities Poniter css */
/* Enable tooltip interaction */
.leaflet-tooltip.ees-facilities-tooltip {
  pointer-events: auto;
}

/* Make link clickable */
.leaflet-tooltip.ees-facilities-tooltip a {
  pointer-events: auto;
  color: inherit;
  text-decoration: underline;
}

.leaflet-tooltip.ees-facilities-tooltip a:hover {
  color: #2aa3d8;
}
/* =========================
   POPUP – EXACT DESIGN
========================= */
.country-card{
    position:absolute;
    right:45%;
    top:58%;
    transform:translateY(-50%);
    width:250px;
    background:rgb(255 255 255 / 86%);
    border:1px solid #9adcf0;
    border-radius:28px;
    padding:15px;
    box-shadow:0 25px 60px rgba(0,0,0,0.08);
    display:none;
    z-index:1;
}
.map-section .country-card.active{
    display:block;
}

/* Close */
.map-section .popup-close{
    position:absolute;
    top:-8px;
    right:-34px;
    border:none;
    background:none;
    font-size:26px;
    cursor:pointer;
    color:#000;
}
.map-section .popup-close:hover{
    color:#0bbcd6;
}

/* Title */
.map-section .country-card .country-title{
    text-align:center;
    font-family: 'BwModelica' !important;
    font-weight:600 !important;
    font-size:15px;
    letter-spacing:1.4px;
    margin-bottom:12px;
    color:#000;
}

/* Cities */
.map-section .city-item{
    display:flex;
    align-items:center;
    gap:14px;
    /* background:#ffffff; */
    border-radius:18px;
    padding:8px;
    margin-bottom:5px;
    font-family: 'BwModelica';
    text-decoration:none;
    color:#000;
    font-size:14px;
    font-weight:500;
    font-family: 'BwModelica';
    transition:all .25s ease;
    /* box-shadow:0 6px 14px rgba(0,0,0,0.04); */
}

.map-section .city-item:hover{
    background:#0bbcd6;
    color:#fff;
    transform:translateX(4px);
}
.map-section .city-icon{
    width:42px;
    height:42px;
    border-radius:12px;
    
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
}
.map-section .city-item:hover .city-icon{
    background:#fff;
}
@media (min-width:991px){.presence-section .section-title{padding-top: 2.5rem;}}
@media (max-width:991px){.map-section{height: auto;}}
/* END */

/* ===============================
   Ripple Marker
================================ */
.ees-marker {
  position: relative;
  width: 16px;
  height: 16px;
}

.ees-marker-dot {
  width: 12px;
  height: 12px;
  background: #ffd400;
  border-radius: 50%;
  border: 2px solid #0bbcd6;
  z-index: 2;
  position: relative;
}

.ees-marker::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: rgba(11, 188, 214, 0.45);
  animation: ees-ripple 1.8s infinite ease-out;
  z-index: 1;
}
.leaflet-tooltip{font-size: 9px;background-color: transparent !important;box-shadow:none !important;border: none !important;text-transform: capitalize;}
.leaflet-tooltip-top:before{display: none !important;}
/* Active / default country stronger pulse */
.ees-marker.is-active::after {
  animation-duration: 1.2s;
}

@keyframes ees-ripple {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  100% {
    transform: scale(2.8);
    opacity: 0;
  }
}


/* RESPONSIVE */
@media (min-width:1100px){
  /* .presence-section{ margin-top: -9rem;z-index: 0;position: relative;} */
  /* Map */
  .presence-map {
    max-width: 100%;
    height: auto;
  }

.presence-content p{padding-right: 2rem;}
  /* Make map touch right edge */
  .map-full-right {
    position: relative;
    width: calc(100vw - 50%);
    margin-right: calc(-50vw + 50%);
  }

  /* Map image */
  .presence-map {
    width: 100%;
    height: auto;
    display: block;
  }
}
@media (max-width: 991px) {
  .presence-section .section-title {
    font-size: 28px;
  }
  #map {
    height: 420px;
  }
  .country-card {
    position: absolute;
    transform: none;
    width: 220px;
    top: 0rem;
    margin-top: 20px;
    right: -23px;
    border-radius: 22px;
  }
  .map-section .country-card h3, .map-section .city-item{width: 13px;}
  .map-section .city-item{padding: 3px 8px;}
}

@media (max-width: 767px) {
  .presence-section .section-title {
    font-size: 24px;
  }

  .presence-map {
    margin-top: 30px;
  }
}


/* ================================
   CTA SECTION
================================ */

/* Title */
.cta-title {
  font-size: clamp(24px, 4vw, 38px) !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  color: #000 !important;
  font-family: 'BwModelica' !important;
  position: relative;
}

.cta-title span {
  color: #2aa3d8;
}

/* Subtitle */
.cta-subtitle {
  font-size: clamp(16px, 2vw, 20px) !important;
  line-height: 1.4;
  color: #000;
  margin-bottom: 30px;
}

/* CTA Button */
.cta-btn {
  gap: 16px;
  text-decoration: none;
  color: #000;
  font-family: 'BwModelica';
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

/* Icon Circle */
.cta-icon {
  width: 65px;
  height: 65px;
  background: #2aa3d8;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/* Text */
.cta-text {
  text-align: left;
  line-height: 1.3;
}

/* Hover Animation */
.cta-btn:hover .cta-icon {
  transform: translateY(-4px) scale(1.05);
  box-shadow: 0 12px 30px rgba(42, 163, 216, 0.35);
}

/* Responsive */
@media (max-width: 767px) {
  .cta-btn {
    flex-direction: column;
    gap: 12px;
  }

  .cta-text {
    text-align: center;
  }
}

/* ================================
   PORTFOLIO SECTION
================================ */

/* SECTION */
.portfolio-section {
  background: #08b4e4;
  position: relative;
  overflow: hidden;
}

.big-bg-text{
  position: absolute;
  top: 0%;
  top: -6%;
  left: 0;
  width: 100%;
  font-size: 10.5rem;
  text-align: center;
  font-weight: 600;
  color: hsl(192.17deg 84.13% 49.41%);
  pointer-events: none;
  white-space: nowrap;

}
/* Main title */
.portfolio-title {
  font-family: 'BwModelica' !important;
  font-size: clamp(24px, 4vw, 36px);
  font-weight: 500;
  color: #fff;
  position: relative;
  z-index: 1;
}
.portfolio-container{margin-top: 4rem;}
/* Portfolio card */
.portfolio-card img {
  box-shadow: rgb(0 0 0 / 59%) 0px 9px 12px;
  width: 100%;
  display: block;         /* desktop default */
  object-fit: cover;      /* NO crop, NO stretch */
  object-position: center;
}

/* Text below image */
.portfolio-info {
  margin-top: 12px;
}

.portfolio-name {
  font-family: "Lato", sans-serif !important;
  font-size: 16px !important;
  font-weight: 600;
  color: #fff;
  margin-bottom: 4px;
  justify-content: space-between;
  display: flex;
}
.portfolio-name a{color:#fff; font-family: "Lato", sans-serif !important;
  font-size: 16px !important;}
.portfolio-meta {
  font-family: "Lato", sans-serif !important;
  font-size: 16px !important;
  color: rgba(255,255,255,0.85);  
}

.portfolio-name span {
  font-weight: 600;
  font-size: 13px;
  text-decoration: underline;
}

/* Button */
.whitebtn .cta-icon{background-color: #fff;}


/* Responsive */
@media (min-width:991px){
  .portfolio-name span{position: relative;top:1rem;}
  /* Make columns equal height */
  .portfolio-section .row {
    align-items: stretch;
  }
  .portfolio-card img {
   height: 400px; }
  /* Make card fill full column height */
  .portfolio-card {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .portfolio-title {
    font-size: 28px;
  }
  .big-bg-text{font-size: 3.5rem;}
  .portfolio-container {
      margin-top: 0rem;
  }
  .portfolio-meta {
    flex-direction: column;
    gap: 4px;
  }
  .big-bg-text{top: -3%;}
}


/* ================================
   CTA BOX SECTION
================================ */

/* SECTION */
.dual-cta-section {
  background: #ffffff;
}

/* Shared Card */
.cta-card {
  border-radius: 36px;
  padding: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cta-card:hover{
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
transition: .3s;
}
.cta-card .text{letter-spacing: 1.2px;text-transform: uppercase;}
/* Left (White) */
.cta-white {
  border: 1px solid #cfcfcf;
  background: #ffffff;
}

/* Right (Blue) */
.cta-blue {
  background: #08b4e4;
}
.cta-blue .text{background-color: #08b4e4;}
.cta-blue:hover .icon{background-color:#08b4e4 !important;}
/* Eyebrow text */
.cta-eyebrow {
  font-family: "Lato", sans-serif !important;
  font-size: 18px !important;
  letter-spacing: 0.5px;
  color: #08b4e4;
  margin-bottom: 14px;
}


/* Headings */
.cta-heading {
  font-family: 'BwModelica' !important;
  font-size: clamp(22px, 2vw, 30px) !important;
  font-weight: 500 !important;
  line-height: 1.3;
  color: #000;
  margin: 0;
}

/* Button (reuse system) */
.cta-blue .icon{border-color:#fff !important;}
/* Responsive */

@media (min-width:991px){
  .dual-cta-section .col-lg-5{
      width: 45.666667%;
  }
  .dual-cta-section .col-lg-7{
      width: 54.333333%;
  }

}
@media (max-width: 991px) {
  
  .cta-card {
    padding: 36px;
  }
  .cta-card .text{font-size: 0.8rem;}
  .cta-card .icon{width:55px;height:55px}
  .cta-card .know-more-btn{justify-content: flex-start;}
}

@media (max-width: 767px) {
  .cta-card {
    padding: 28px;
    text-align: center;
  }

}

/* ================================
   TESTIMONIAL SECTION
================================ */

/* SECTION */
.testimonial-section {
  background: #f4fbff;
}
#testimonialCarousel .carousel-inner{padding-top: 2rem;}
/* Title */
.testimonial-section .section-title {
  font-size: clamp(24px, 4vw, 38px);
  font-weight: 400;
  line-height: 1.35;
  color: #1a1a1a;
  font-family: 'BwModelica';
  position: relative;
  padding-bottom: 16px;
}

.testimonial-section .section-title::after {
  content: "";
  width: 130px;
  height: 3px;
  background: #2aa3d8;
  position: absolute;
  left: -15px;
  bottom: 0;
}
.testimonial-readmore {
  background: none;
  border: none;
  color: #0bbcd6;
  font-weight: 600;
  padding: 0;
  margin-left: 6px;
  cursor: pointer;
}

.testimonial-readmore:hover {
  text-decoration: underline;
}
/* Image */
.testimonial-img {
  width: 100%;
  height: 540px;
}
/* Testimonial CTA Button  */

.testimonial-section .know-more-btn .text{
  background: #f4fbff;
}
/* .testimonial-section .know-more-btn:hover .text{margin-right: 1rem;} */
/* Box */

.testimonial-layer {
  position: relative;
}

/* BACKGROUND BLOCK */
.quote-bg {
  position: absolute;
  top: -2rem;
  left: -7rem;
  width: 120px;
  z-index: 0;
  pointer-events: none;
}

/* CARD (MIDDLE LAYER) */
.testimonial-box {
  position: relative;
  z-index: 1;
  background: #fff;
  border-radius: 20px;
  padding: 2rem;
  top: 1rem;
  left: -4rem;
}

/* QUOTE ICON (TOP LAYER) */
.quote-icon {
  position: absolute;
  top: -9%;
  left: -18%;
  width: 5rem;
  z-index: 2;
  pointer-events: none;
}


/* Client */
.client-name {
  font-family: 'BwModelica';
  font-size: 20px;
  color: #2aa3d8;
  margin-bottom: 4px;
}

.event-name {
  font-family: "Lato", sans-serif !important;
  font-weight: 600;
  color: #000;
}

/* Divider */
.testimonial-box hr {
  border: none;
  border-top: 1px solid #b3b2b2;
  margin: 18px 0;
  opacity: 1;
}

/* Text */
.testimonial-text {
  font-family: "Lato", sans-serif !important;
  font-size: 15px;
  line-height: 1.75;
  color: #000;
}

/* Arrow inside card */
.testimonial-arrow {
  position: absolute;
  bottom: 11px;
  background: #2aa3d8;
  right: 30px;
  width: 44px;
  height: 44px;
  border: 2px solid #2aa3d8;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.testimonial-arrow img {
  width: 16px;
}



/* Fade fix */
.testimonial-controls {
  display: flex;
  gap: 20px;
  margin-top: 24px;
  justify-content: flex-end; 
  top: -6rem;
  position: relative;
  left: -15rem;
}

/* Reset Bootstrap positioning */
.testimonial-controls .carousel-control-prev,
.testimonial-controls .carousel-control-next {
  position: static;
  width: auto;
  opacity: 1;
  margin-right: 0em !important;
}

/* Circle button */
.testimonial-controls .carousel-control-prev-icon,
.testimonial-controls .carousel-control-next-icon {
  background-image: none;
  width: 65px;
  height: 65px;
  border: 2px solid #2aa3d8;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Arrow icon */
.testimonial-controls .carousel-control-prev-icon::after,
.testimonial-controls .carousel-control-next-icon::after {
  content: "→";
  font-size: 20px;
  color: #000;
}

/* Rotate prev arrow */
.testimonial-controls .carousel-control-prev-icon::after {
  content: "←";
}

/* Hover effect (subtle like design) */
.testimonial-controls button:hover .carousel-control-prev-icon,
.testimonial-controls button:hover .carousel-control-next-icon {
  background: #2aa3d8;
}

.testimonial-controls button:hover .carousel-control-prev-icon::after,
.testimonial-controls button:hover .carousel-control-next-icon::after {
  color: #fff;
}

/* Mobile */
@media (max-width: 767px) {
  .testimonial-layer .testimonial-box {
    padding: 28px;
    left: 0px;

  }
  .testimonial-img{height: 100%;}
#testimonialCarousel .carousel-inner{padding-top: 0.2rem;}
   .testimonial-layer .quote-bg {
    top: -6px !important;
    left: -12px !important;
    width: 60px !important;
    height: 60px;
  }

  .testimonial-layer .quote-icon {
    top: -13px;
    left: -10px;
    width: 53px;
  }

  .testimonial-layer .testimonial-arrow {
    position: static;
    margin-top: 20px;
  }
  .testimonial-controls {
    display: flex;
    gap: 0px;
    margin-top: 60px;
    justify-content: center;
    top: 0rem;
    position: relative;
    left: 0rem;
}
.testimonial-mobile-btn{display: flex !important;justify-content: center;margin-top: -5rem;
        padding-bottom: 3rem;}
.testimonial-controls .carousel-control-prev-icon, .testimonial-controls .carousel-control-next-icon{width: 50px;height: 50px;}
}

/* ===============================
   Our Top Clients (Collage)
=============================== */

.top-clients-section {
  background: #fff;
}

.top-clients-section .section-title {
  font-size: clamp(24px, 4vw, 38px);
  font-weight: 400;
  line-height: 1.35;
  color: #1a1a1a;
  font-family: 'BwModelica';
  position: relative;
  margin-bottom: 0px;
}
.custom-col-4 .text-center>div{margin-left: 0 !important;}
.top-clients-section .title-line {
  display: block;
  width: 120px;
  height: 3px;
  background: #2aa3d8;
  margin-top: 10px;
  position: relative;
  left: -15px;
}

/* Collage wrapper */
.top-clients-section .clients-collage {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.top-clients-section .clients-collage img {
  max-width: 100%;
  height: auto;
}

/* Navigation buttons */
.top-clients-section .clients-nav {
  display: flex;
  gap: 16px;
}

.top-clients-section .clients-prev,
.top-clients-section .clients-next {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  border: 1px solid #2aa3d8;
  background: transparent;
  color: #000;
  font-size: 18px;
  line-height: 1;
  transition: all .3s ease;
}

.top-clients-section .clients-prev:hover,
.top-clients-section .clients-next:hover {
  background: #2aa3d8;
  color: #fff;
}

#clientsCarousel .owl-stage,
#clientsCarousel .owl-item {
  display: unset !important;
}
/* Responsive */
@media (max-width: 992px) {
  .top-clients-section .clients-collage {
    justify-content: center;
  }

  .top-clients-section .clients-nav {
    position: static;
    justify-content: center;
    margin-top: 30px;
  }
  .top-clients-section{
    text-align: center;
  }
  .custom-col-4 .text-center>div {
    margin-left: auto !important;
}
}


/* ===============================
   CTA 3 – Planning Exhibition
================================ */

.cta-stand-3 {
  background: hsl(0deg 0% 98.04%);
}

/* Title */
.cta-stand-3__title {
     font-size: clamp(24px, 4vw, 36px) !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    color: #000 !important;
    font-family: 'BwModelica' !important;
    position: relative;
}

/* Highlight word */
.cta-stand-3__highlight {
  color: #00aee6;
}

/* Subtitle */
.cta-stand-3__subtitle {
  font-size: clamp(16px, 2vw, 20px) !important;
    line-height: 1.4;
    color: #000;
    font-weight: 500;
    letter-spacing: 1.4px;
}


/* Mobile tweaks */
@media (max-width: 576px) {
  .cta-stand-3__text {
    text-align: center;
  }
}


.home-blog-sec {
  background: #f4fbff;
}

/* Title */
.home-blog-sec__title {
  font-family: 'BwModelica', sans-serif;
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 400;
  color: #000;
  margin-bottom: 0;
}

.home-blog-sec__line {
  display: inline-block;
  width: 120px;
  height: 3px;
  background: #2aa3d8;
  margin-top: 12px;
  position: relative;
  left:-15px;
}


/* ===============================
   Home Blog Section (Unique)
================================ */


/* Header CTA */
.home-blog-sec__cta {
  text-decoration: none;
}
h2.home-blog-sec__title{
  font-size: clamp(24px, 4vw, 38px) !important;
  font-weight: 400;
  line-height: 1.35;
  color: #1a1a1a;
  font-family: 'BwModelica' !important;
  position: relative;
}
.home-blog-sec__cta-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1.5px solid #2aa3d8;
  color: #2aa3d8;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .3s ease;
  flex: 0 0 60px;
}

.home-blog-sec__cta-text {
  font-family: "Lato", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #000;
}

.home-blog-sec__cta:hover .home-blog-sec__cta-icon {
  transform: translateX(6px);
}

/* Blog Card */
.home-blog-sec__card {
  height: 100%;
}

.home-blog-sec .know-more-btn:hover .text{background: transparent;}
.home-blog-sec .know-more-btn .text {
    background: #f4fbff;}
/* Date */
.home-blog-sec__date {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  color: #000;
  display: block;
  font-weight: 600;
  margin-bottom: 14px;
}

/* Image */
.home-blog-sec__img-wrap img {
  margin-bottom: 18px;
  /* width: 100%;
  height: auto; */
  width: 360px;
  height: 202px;
}

/* Card Title */
.home-blog-sec__card-title {
  font-family: "Lato", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
  margin-bottom: 14px;
}

/* Divider */
.home-blog-sec__divider {
    border-color: rgb(0 0 0);
    margin: 16px 0;
    border-top: 2px solid #000;
}

/* Read more (with image icon) */
.home-blog-sec__read-more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #2aa3d8;
  text-decoration: underline;
}

.home-blog-sec__read-more img {
  width: 14px;
  height: auto;
  transition: transform .3s ease;
}

.home-blog-sec__read-more:hover img {
  transform: translateX(4px);
}

/* ===============================
   FAQ SECTION – Unique
================================ */

.home-faq-sec {
  background: #fff;
}

/* Title */
.home-faq-sec__title {
  font-size: clamp(24px, 4vw, 38px) !important;
  font-weight: 400 !important;
  line-height: 1.35;
  color: #1a1a1a;
  font-family: 'BwModelica' !important;
  position: relative;
  margin-bottom: 0px;
}

.home-faq-sec__line {
  display: inline-block;
  width: 140px;
  height: 3px;
  background: #2aa3d8;
  top: -13px;
  position: relative;
}

/* Accordion */
.home-faq-sec__item {
  border: none;

}
.home-faq-sec__item .accordion-header{
  font-family: 'BwModelica' !important;}
.home-faq-sec__btn {
  background: transparent;
  box-shadow: none;
  padding: 10px 0;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  display: flex;
  align-items: center;
  gap: 14px;
}


button.accordion-button.home-faq-sec__btn.collapsed{margin-bottom: 6px;text-transform: capitalize;
padding-left: 15px !important;padding-right: 15px !important;font-weight: 500 !important;border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.home-faq-sec__btn::after {
  content: "+";
  font-size: 26px;
  color: #2aa3d8;
  font-weight: 300;
  line-height: 1;
}
/* REMOVE Bootstrap default accordion arrow */
.home-faq-sec__btn::after {
  background-image: none !important;
}
.home-faq-sec__btn:not(.collapsed)::after {
  content: "–";
}
.home-faq-sec .accordion-header button{padding-bottom: 10px !important;}
.home-faq-sec__num {
  display: none;
  color: #2aa3d8;
  font-weight: 500;
}
.home-faq-sec  .accordion-button:not(.collapsed){padding-left: 15px !important;text-transform: capitalize;padding-right: 15px !important;box-shadow: none !important;background-color: transparent !important; border-bottom: 1px solid #eee !important;font-weight: 500 !important}
.home-faq-sec .accordion-button:focus{box-shadow: none !important;}
.home-faq-sec .accordion-button:not(.collapsed){color:#2aa3d8 !important}
/* Body */
.home-faq-sec__body {
  padding: 15px 20px 10px 20px;
  font-size: 16px;
  color: #000;

}

/* Load More */
.home-faq-sec__load-more {
  text-decoration: none;
}

.home-faq-sec__load-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #2aa3d8;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-faq-sec__load-text {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #000;
}
.home-faq-sec__accordion .accordion-body p{color:#000;margin-bottom: 2px;font-size: 16px;}
@media (max-width:991px){
  .home-faq-sec__accordion button{
        line-height: 1.4em;
  }
  .home-faq-sec__btn{
    font-size: 15px;
  }
  .cta-icon{width: 65px;height: 65px;}
  button.accordion-button.home-faq-sec__btn.collapsed, .home-faq-sec .accordion-button:not(.collapsed){padding-left: 0px !important; padding-right: 0px !important;}
}


/* ===============================
   CONTACT SECTION (UNIQUE)
================================ */
.ees-contact-section {
  background: #eef7fb;
    padding: 3rem 0px 1rem;
}

/* Header */
.ees-contact-title {
  font-size: clamp(24px, 4vw, 36px) !important;
  font-weight: 400 !important;
  line-height: 1.35;
  color: #1a1a1a;
  font-family: 'BwModelica' !important;
  position: relative;
  margin-bottom: 0px;
}

.ees-contact-section .ees-title-line {
  display: inline-block;
  width: 70px;
  height: 3px;
  background: #1fa3dc;
}

/* ===============================
   FORM WRAPPER
================================ */
.ees-contact-form-wrap {
  margin: 0 auto;

}

/* CF7 reset */


/* Two-column fields */
.ees-contact-form-wrap .wpcf7-form p {
  width: 100%;
  margin: 0;
}


/* Full-width textarea */
.ees-contact-form-wrap textarea {
  width: 100%;
  min-height: 160px;
  resize: none;
}

/* ===============================
   INPUT STYLES (PILL SHAPE)
================================ */
.ees-contact-form-wrap input,
.ees-contact-form-wrap textarea {
  width: 100%;
  padding: 18px 22px;
  border-radius: 25px !important;
  border: none;
  background: #fff;
  font-size: 14px;
  color: #333;
  outline: none;
  border: none !important;
}

.ees-contact-form-wrap textarea {
  border-radius: 30px;
}

.ees-contact-form-wrap input::placeholder,
.ees-contact-form-wrap textarea::placeholder {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  color: #9aa3aa;
}
.ees-contact-form-wrap  input:not([name='acceptance-pvcpcy']), .ees-contact-form-wrap  textarea{height: 50px !important;}
.ees-contact-form-wrap  textarea.wpcf7-form-control.wpcf7-textarea{margin-bottom: 20px !important;}
.ees-contact-form-wrap .form_contact input.wpcf7-submit{margin-top: 6px;width: 150px;display: block; margin: 0 auto;}
.ees-contact-form-wrap a{color: #2d9fd8 !important;}
.ees-contact-form-wrap span.wpcf7-form-control.wpcf7-acceptance span.wpcf7-list-item-label{top: -3px;}
.ees-contact-form-wrap  .wpcf7 label { display: inline-block; width: 100%; font-size: 14px; font-weight: 500;}
.ees-contact-form-wrap .form_contact{padding: 0px !important;}
/* .ees-contact-form-wrap .form_contact p{padding-bottom:1rem;} */
.ees-contact-form-wrap .form_contact .wpcf7-form-control-wrap{margin-top: 0.5rem;}
/* ===============================
   CHECKBOX + RECAPTCHA
================================ */
.ees-contact-form-wrap .wpcf7-acceptance {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
}

.ees-contact-form-wrap .wpcf7-acceptance input {
  width: 16px;
  height: 16px;
}

.ees-contact-form-wrap .wpcf7-form > .wpcf7-response-output {
  display: none;
}

/* ===============================
   SUBMIT BUTTON
================================ */
.ees-contact-form-wrap .wpcf7-submit {
  background: #1fa3dc;
  color: #fff;
  border: none;
  padding: 14px 38px;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all .3s ease;
}

.ees-contact-form-wrap .wpcf7-submit:hover {
  background: #138ec3;
}
@media (min-width:991px){.ees-contact-section .ees-title-line{position: relative; left: -4%;width: 120px;top:-13px;}}
@media (max-width:768px){.ees-contact-section{    padding: 3rem 0px 0px;}}


/* ===============================
   FOOTER BASE 
================================ */
/* FOOTER BASE */
.ees-footer {
  background: #0c4a7d;
  color: #ffffff;
}

.ees-footer a {
  color: #bababa;
  text-decoration: none;
}
.ees-footer a:hover{color:#2d9fd8 !important;}
/* LOGO */
.ees-footer-brand img {
  max-width: 180px;
  margin-bottom: 10px;
}

.brand-sub {
  font-size: 13px;
  opacity: .7;
}

/* ADDRESS */
.ees-footer-address h4 {
  font-size: 15px !important;
  margin-bottom: 6px;
  text-transform: uppercase;
  color: #fff !important;
  line-height: 1.4;
  opacity: 1;
  font-weight: 400;
  font-family: 'BwModelica' !important;
}

.ees-footer-address p {
  font-size: 13px !important;
  line-height: 1.6;
  color:#fff;
  opacity: .9;
  font-weight: 300;
  font-family: 'BwModelica' !important;
}

/* CONTACT */
.ees-footer-contact a {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  margin-bottom: 10px;
      font-family: 'BwModelica';
}

/* SOCIAL */
.ees-footer-social {
  margin-top: 20px;
  display: flex;
  gap: 12px;
}

.ees-footer-social img {
  /* width: 24px; */
}

/* MENUS */
.ees-footer-title {
  font-size: 15px;
  margin-bottom: 15px;
  text-transform: uppercase;
  color: #fff;
  opacity: 1;
    font-weight: 400;
  font-family: 'BwModelica' !important;
}

.ees-footer-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.ees-footer-menu li {
  margin-bottom: 0px;
}

.ees-footer-menu a {
  font-size: 14px;
  opacity: .8;
  text-transform: capitalize;
  color: #fff;
  font-weight: 300;
    font-family: 'BwModelica';
}
.ees-menu-2col {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  column-gap: 30px;
}

.ees-menu-2col li {
  break-inside: avoid;
}

.ees-footer-menu a:hover, .ees-footer-contact a:hover {
  opacity: 1;
  color: #0098da;
}
.ees-footer-contact img{width:24px !important;}

/* COPYRIGHT BAR */
.ees-copyright-bar {
  background: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  /* padding: 15px 0; */
  font-size: 13px;
  color: #8c8c8c;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* TEXT */
.ees-copyright-text {
  margin: 0;
  font-size: .9rem;
  white-space: nowrap;
}

/* MENU */
.ees-copyright-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.ees-copyright-menu li {
  display: inline-block;
  margin: 0 10px;
}

.ees-copyright-menu a {
  color: #000;
  text-transform: uppercase;
  font-size: 12px;
}

.ees-copyright-menu a:hover {
  color: #000;
}
@media (min-width:991px){.footer-all-menu{padding-top: 3rem;}}
@media (max-width:991px){
  .ees-footer{ padding-top: 2rem;}
}
/* LOGOS */
/* MOBILE */
@media (max-width: 767px) {
  .ees-copyright-text {
    white-space: normal;
  }
  .ees-footer-social{margin-bottom: 2rem;}
  .ees-footer{padding-top: 2rem;}
  .stuck .top_contact{display: none;}
.stuck #logo{display: block !important;top: 10px;}
}


/* ===============================
   CITY PAGE
================================ */

/* CITY INTRO – UNIQUE NAMESPACE */
.ees-city-intro {
  background: #fff;
}

/* TITLE */
.ees-city-title {
  font-size: clamp(26px, 4vw, 42px) !important;
  font-weight: 400 !important;
  line-height: 1.25;
  margin-bottom: 0px;
  color: #000;
  font-family: 'BwModelica' !important;
}
.ees-city-contact-item img{object-fit: contain;margin-top: 6px;}
.ees-city-title-line {
  display: inline-block;
  width: 160px;
  height: 3px;
  background: #1e9ae0;
}

/* CTA */
.ees-city-cta {
  color: #1e9ae0;
  font-size: clamp(22px, 4vw, 26px);
  margin-bottom: 30px;
}

/* CONTACT ITEMS */
.ees-city-contact-item {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  margin-bottom: 28px;
}

.ees-city-contact-item small {
  font-family: 'BwModelica';
  display: block;
  font-size: 15px;
  letter-spacing: 1px;
  color: #000;
  font-weight: 400 !important;
}

.ees-city-contact-item p {
  margin: 0;
  font-size: 20px;
  font-weight: 400 !important;
}

.ees-city-contact-item a {
  color: #000;
  font-family: 'BwModelica';
}

/* CONTENT */
.ees-city-intro-content p {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 20px;
  color: #000;
  text-align: justify;
}

/* RESPONSIVE */
@media (max-width: 991px) {
  .ees-city-title {
    font-size: 32px;
  }
  .ees-city-intro-content p{text-align: left;}
  .ees-city-contact-item p{font-size: 16px;}
  .ees-city-cta {
    font-size: 22px;
  }
}


/* ===============================
   CITY FEATURES SECTION
================================ */

.ees-city-features {
  background: #f3fbff;
}

/* TITLE */
.ees-city-features-title {
  font-size: clamp(24px, 4vw, 36px) !important;
  font-weight: 400;
  line-height: 1.35;
  color: #1a1a1a;
  font-family: 'BwModelica' !important;
  position: relative;
  padding-bottom: 16px;
}

.ees-city-features-line {
  display: inline-block;
  width: 150px;
  height: 3px;
  background: #1e9ae0;
}

/* FEATURE ITEM */
.ees-city-feature-item {
  text-align: left;
}

.ees-city-feature-item img {
  width: 90px;
  height: auto;
  margin-bottom: 20px;
      margin-left: 1.5rem;
}

/* CONTENT */
.ees-city-feature-content {
  display: flex;
  gap: 16px;
  align-items: center;
}

.ees-city-feature-line {
  width: 3px;
  background: #1e9ae0;
  flex-shrink: 0;
  height: 70px;
}

.ees-city-feature-content p {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
  color: #000;
}

/* RESPONSIVE */
@media (max-width: 991px) {
  .ees-city-features-title {
    font-size: 28px;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
  
}


/* ===============================
   CITY WHY CHOOSE SECTION
================================ */
.ees-why-slider {
  background: #08b3e5;
  color: #fff;
  overflow: hidden;
}


.ees-why-title {
  font-size: clamp(24px, 8vw, 48px) !important;
  font-weight: 400;
  line-height: 1.35;
  color: #fff;
  font-family: 'BwModelica' !important;
  position: relative;
  top: 5rem;
}

.ees-why-line {
  display: inline-block;
  width: 180px;
  height: 5px;
  background: #fff;
  top:4rem;
  margin-top: 12px;
  left:-30px;
  position: relative;
}

.ees-why-slide-title {
  font-size: clamp(22px, 4vw, 30px) !important;
  margin-bottom: 14px;
  font-family: 'BwModelica' !important;
  color: #ffffff;
  font-weight: 400;
}

.ees-why-slide-text {
  font-size: 16px;
  line-height: normal;
  text-align: justify;
  color: #fff;
}

.ees-why-nav {
  gap: 20px;
}

.ees-why-nav button {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
  font-size: 15px;
}

.ees-why-slider img {
  object-fit: cover;
  width: 80%;
}

/* MOBILE */
@media (max-width: 991px) {
   .ees-why-title-block-2{width: 100%;display: block;text-align: center;}
  .ees-why-title {
    text-align: center;
    font-size: 32px;
  }
  .ees-why-nav{gap: 0;}
  .ees-why-line {
    margin: 0px auto 25px;
  }

  .ees-why-slide-title,
  .ees-why-slide-text {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .why-custom-col{margin-top: 2rem;}
  .ees-why-small-img {
    display: none;
  }
  
}

@media (min-width:991px){
 .ees-why-slide-text {padding-right: 7rem;}
  .ees-why-title-block{align-items: baseline;position: absolute;z-index: 9;}
  .why-custom-col{margin-top: 14rem;padding-left: 4rem;}
  .ees-why-nav{padding-left: 7rem;position: relative;top: -3rem;z-index: 9;} 
}

/* =====================================
   New price Guide section
===================================== */

/* New Guide Price Vivek */
.guide-section{background:#F2F9FF;}
.guide-section .section-title {font-size: clamp(24px, 4vw, 36px);font-weight: 400;line-height: 1.35;
  color: #1a1a1a;font-family: 'BwModelica';position: relative;padding-bottom: 0px !important;margin-bottom: 8px; display:block;text-align: center;}
.estimate-btn-div .know-more-btn .text{ background: #f2f9ff;}
.stand-content {display: none;}
.stand-content .heighlight-text{color:#0099dc;font-size: 1.4rem;}
.stand-content.active { display: block;}
.ees-priceguide-title-line{display: inline-block;width: 160px;height: 3px;background: #1e9ae0;margin: 0 auto; margin-bottom: 40px;}
.guide-section .stand-desc1{color: #232323;font-size: 18px;font-weight: 500;text-align: justify;}
.guide-section .tab-div {border-radius: 100px;background-color: #fff;margin-top: 1.5rem;}
.guide-section .tab-btn {color: #000;font-size: 18px;border-radius: 50px;padding: 2px 30px;border: 2px solid #ccc;font-weight: 500;margin: 0 10px;
background: #fff;transition: 0.3s;letter-spacing: 2px;cursor: pointer;font-family: 'BwModelica';}
.guide-section .tab-btn.active {background: #0099dc;color: #fff;border-color: #0099dc;}
.guide-section .tab-btn.active,
.guide-section .tab-btn.active .sqm {background: #0099dc;color: #fff;border-color: #0099dc;}
.guide-section .sqm{color:#52B6E5;}
.guide-section .stand-heading {font-weight: 500;color: #000;font-size:28px;text-transform: capitalize;}
.guide-section .estimate-btn {border-radius: 8px;font-weight: 600;background-color: #0099dc !important;width: 100%;padding:10px 20px;font-size: 20px;}
.guide-section .pill-btn{display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;align-self: flex-end;}
.guide-section .pill-label{background: white;padding: 5px 10px 5px 20px;text-align: left;font-size: 13px;font-weight: 500;border-radius: 40px;margin-bottom: 8px;width:100%;text-transform: uppercase;letter-spacing: 2px;color: #000;  font-family: 'BwModelica' !important;}
.guide-section .pill-label1{margin-bottom:10px;}
.guide-section .below-price-guide h2{color:#0099dc;}
.price-guide-intro p{color:#000;text-align: justify;font-size: 15px;}
.guide-section .below-price-guide p{max-width: 901px;margin: 0 auto;}
.guide-section .below-price-guide-btn{width: auto !important;}
  /* Bar + Pricing Column */
.guide-section .pricing-bar-section {display: flex;align-items: flex-end;margin-top: 15px;width: 100%;position: relative;}
.guide-section .pricing-bar-column {display: flex;flex-direction: column;align-items: center;flex: 1;margin: 0 5px;font-weight: 600;
position: relative;}
.guide-section .bar {width: 80px;height: auto;border-top-left-radius: 40px;border-top-right-radius: 40px;color: #fff;font-weight: 600;cursor: pointer;transition: 0.3s ease-in-out;letter-spacing: 2px;display: flex;justify-content: end;padding-bottom:20px; align-items: center;writing-mode: vertical-lr;text-align: center;margin-bottom: 15px;}
.guide-section .bar-basic { background: #026FCE; height: 120px; }
.guide-section .bar-standard { background: #1788E8; height: 180px; }
.guide-section .bartext{transform: rotate(180deg);}
.guide-section .bar-premium { background: #01478D; height: 240px; }
.guide-section .price-value {font-size: 22px;font-weight: 500;padding: 4px 0px; width: 100%;color:#1788E8;min-width:120px;font-family: 'BwModelica' !important;}
.guide-section .price-label {font-size: 18px;color: #000;padding: 5px 0px;width: 100%;font-family: 'BwModelica' !important;font-weight: 400;}
.guide-section .price-label-furn{font-size: 16px !important;}
.guide-section .furniture-label{font-size: .9rem;}
.guide-section .price-value::after {content: '';display: block;width: 100%;height: 1px;background-color: #8b8b8ba2;margin-top: 5px;}
.guide-section .dash-line::after {content: '';display: block;width: 100%;height: 1px;background-color: #8b8b8ba2;margin-top: 5px;}
.guide-section .line {width: 1px;height: 440px;background-color: #d3d3d3;}
.guide-section .dot {width: 12px;height: 12px;background-color: #2196f3;border-radius: 50%;position: absolute;top: -6px;transform: translateX(-50%);}
@media (max-width: 768px) {.bar { width: 50px; font-size: 12px; }.guide-section .pricing-bar-column { font-size: 12px; }.guide-section .price-value {font-size: 20px;min-width:100px;}.guide-section .price-label {font-size: 16px;}.guide-section .tab-btn {font-size: 14px;}.guide-section .section-title{font-size: 24px;}.guide-section .stand-heading{font-size: 24px;}.guide-section .stand-desc1{font-size: 16px;text-align: justify;}}
@media (max-width: 992px){.guide-section .estimate-btn{width: auto !important;}} 
@media (min-width:991px){.ees-priceguide-title-line{left: -16%;display: block !important;position: relative;} .tab-div--wide{margin-left: calc(50% - 700px) !important;margin-right: calc(50% - 700px)!important;}.guide-section .stand-desc1{padding-right: 6rem;}}

/* ===== Popular Venues Section ===== */
.ees-venues-section {
  background: #ffffff;
}

.ees-venues-title {
  font-size: clamp(24px, 4vw, 36px) !important;
  font-weight: 400;
  line-height: 1.35;
  color: #1a1a1a;
  font-family: 'BwModelica' !important;
  position: relative;
}

.ees-venues-line {
  display: inline-block;
  width: 140px;
  height: 3px;
  background: #1da1f2;
  margin-top: 12px;
}

/* Card */
.ees-venue-card {
  position: relative;
  min-height: 100%;
  background-size: cover;
  /* background-size: contain; */
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  display: flex;
  padding-bottom: 18rem;
  align-items: flex-start;
}

/* Overlay */
.ees-venue-overlay {
  width: 100%;
  padding: 45px 45px 0px;
  color: #ffffff;
}

/* Text */
.ees-venue-heading {
  color:#fff;
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 15px;
}

.ees-venue-text {
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
  color: #fff;
  text-align: justify;
}

/* Responsive */
@media (min-width:991px){
  .ees-venues-title{margin-bottom: 0px;}
  .ees-venues-line{left: -14%;position: relative;}
}
@media (max-width: 767px) {
  .ees-venues-title {
    font-size: 26px;
  }

  .ees-venue-card {
    min-height: 360px;
  }

  .ees-venue-heading {
    font-size: 22px;
  }
}


/* ===== Tips Section ===== */
.ees-tips-section {
  background: #eef8fd;
}

.ees-tips-title {
  font-size: clamp(24px, 4vw, 36px) !important;
  font-weight: 400;
  line-height: 1.35;
  color: #1a1a1a;
  font-family: 'BwModelica' !important;
  position: relative;
  margin-bottom: 0px;
}

.ees-tips-line {
  display: inline-block;
  width: 120px;
  height: 3px;
  background: #1da1f2;
  margin-top: 12px;
}

/* Card */
.ees-tips-card {
  position: relative;
  background: #08b0e4;
  color: #fff;
  padding: 40px 25px;
  height: 100%;
  overflow: hidden;
}

/* Big background text */
.ees-tips-bg {
  font-family: 'BwModelica';
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;                 /* limit width */
  font-size: clamp(28px, 8vw, 64px);
  font-weight: 700;
  line-height: 1.05;
  color: rgba(255, 255, 255, 0.08);
  pointer-events: none;
  user-select: none;
  word-break: break-word;      
  white-space: normal;         
  overflow-wrap: break-word;
}

/* Content */
.ees-tips-heading {
  position: relative;
  font-size: clamp(24px, 4vw, 33px);
  font-weight: 600;
  margin-bottom: 20px;
  z-index: 1;
  color: #fff;
  font-family: 'BwModelica';
}

.ees-tips-text {
  text-align: justify;
  position: relative;
  font-size: 16px;
  line-height: 1.7;
  z-index: 1;
  margin-bottom: 0px;
  color: #fff;
}

/* Responsive */
@media (min-width:991px){.ees-tips-line{left: -17%;position: relative;}}
@media (max-width: 767px) {
  .ees-tips-title {
    font-size: 26px;
  }

  .ees-tips-bg {
    font-size: 56px;
  }

  .ees-tips-heading {
    font-size: 22px;
  }
}


/* ===== Upcoming Trade Shows ===== */
.ees-upcoming-shows {
  background: hsl(0deg 0% 98.04%);
}

.ees-section-title {
  font-size: clamp(24px, 4vw, 36px) !important;
  font-weight: 400;
  line-height: 1.35;
  color: #1a1a1a;
  font-family: 'BwModelica' !important;
  position: relative;
  margin-bottom: 0px;
}

.ees-upcoming-shows .ees-title-line {
  display: inline-block;
  width: 140px;
  height: 3px;
  background: #1e9be9;

}

/* Item */
.ees-show-item {
  display: flex;
  align-items: center;
  gap: 24px;
}

.ees-show-icon img {
  width: 90px;
  height: auto;
}

/* Content */
.ees-show-content h3 {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 6px;
  font-family: 'BwModelica';
  color: #000;
}

.ees-show-date {
  color: #1e9be9;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
}

/* Divider */
.ees-show-divider {
  display: block;
  width: 100%;
  height: 1px;
  background: #bdbdbd;
  margin-top: 18px;
}

/* Responsive */
@media (max-width: 767px) {
  .ees-section-title {
    font-size: 28px;
  }

  .ees-show-item {
    gap: 16px;
  }

  .ees-show-icon img {
    width: 70px;
  }
}
@media (min-width:991px){
  .ees-upcoming-shows .ees-title-line {

  position: relative;
  left: -22%;
}
}

/* ===== Team Section ===== */
.ees-team-section {
  background: #06b0df;
}

.ees-team-title {
   font-size: clamp(24px, 4vw, 36px) !important;
  font-weight: 400;
  line-height: 1.35;
  color: #fff;
  font-family: 'BwModelica' !important;
  position: relative;
  margin-bottom: 0px;
}

.ees-team-section .ees-title-line {
  display: inline-block;
  width: 120px;
  height: 3px;
  background: #fff;
  margin-top: 8px;
   left: -7%;
  position: relative;
}

/* Card */
.ees-team-card {
  position: relative;
  max-width: 320px;
  margin: auto;
}

/* Image */
.ees-team-image img {
  width: 100%;
  display: block;
  border-radius: 2px;
  filter: grayscale(100%);
}

/* LinkedIn Button */
.ees-team-linkedin {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 34px;
  height: 34px;
  background: #009fe3;
  color: #fff;
  font-size: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  z-index: 2;
}

/* Name Badge */
.ees-team-name {
  position: absolute;
  bottom: 65px;
  left: 50px;
  z-index: 2;
   display: inline-flex;          /* shrink to content */
  flex-direction: column;
  align-items: flex-start;
  border-radius: 10px;
  max-width: max-content;        /* important */
  width: auto;
}

/* EACH LINE SHRINKS TO CONTENT */
.ees-name-line {
  display: block;
  background: #ffffff;
  color: #000;

  padding: 10px 12px;
  margin-bottom: -11px;

  font-size: 20px;
  font-weight: 600;
  line-height: 1.15;

  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}
.ees-name-line-2{
  display: inline-block;
  background: #ffffff;
  color: #000;

  padding: 8px 12px;
  margin-bottom: 4px;

  font-size: 20px;
  font-weight: 600;
  line-height: 1.15;

  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}
/* Role */
.ees-team-role {
  position: absolute;
  left: 50px;
  bottom: 25px;
  background: #fff;
  padding: 4px 12px 4px 10px;
  font-size: 13px;
  font-weight: 600;
  color: #000;
  border-radius: 20px;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* Dot before designation */
.ees-role-dot {
  width: 8px;
  height: 8px;
  background: #06b0df;
  border-radius: 50%;
}

/* Responsive */
@media (max-width: 767px) {
  .ees-team-title {
    font-size: 30px;
  }

  .ees-team-card {
    max-width: 100%;
  }
}


/* Section */
.ees-other-cities {
  background: #fafafa;
}

/* Title */
.ees-other-cities-title {
 font-size: clamp(24px, 4vw, 36px) !important;
  font-weight: 400;
  line-height: 1.35;
  color: #1a1a1a;
  font-family: 'BwModelica' !important;
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 0px;
}

.ees-other-cities .ees-title-line {
  display: block;
  width: 140px;
  height: 3px;
  background: #00a9e0;
  margin: 12px auto 0;
  left: -21%;
  position: relative;
}

/* City Card */
.ees-city-card img {
      object-fit: cover;
  width: auto;
  height: 200px;
}
.ees-city-card img{
    object-fit: fill;
    height: 200px;
    width: auto;

}
.ees-city-name {
  top: -46px;
    font-size: clamp(18px, 4vw, 24px);
    font-weight: 300;
    left: 10px;
    font-family: 'BwModelica' !important;
    color: #000;
    position: relative;
}
@media (max-width:768px){

  .ees-city-card img {
    object-fit: fill;
    height: 174px;
    width: auto;
}
.ees-city-name{top:-35px;}
.ees-other-cities .ees-title-line{left: 0;}
}
@media (min-width:991px){
  .ees-other-cities-title{
    text-align: left;
    padding-left: 3rem;
  }
  .ees-other-cities .ees-title-line{margin: 0px;left: 28px;}
}

/* =========== Fixed CTA Sidebar ============= */
/* Fixed sidebar container */
    .fixed-sidebar {
      position: fixed;
      top: 50%; /* Position from the top, centered */
      right: 0;
      transform: translateY(-50%); /* Adjust for perfect vertical centering */
      display: flex;
      flex-direction: column;
      align-items: center;
      box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
      /* z-index: 1000; */
      z-index: 1;
      overflow: hidden; /* Ensures rounded corners are applied correctly */
    }

    /* Styling for each individual CTA button */
    .fixed-sidebar .cta-button {
 
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 8px 15px;
      text-align: center;
      cursor: pointer;
      text-decoration: none;
      color: #333;
      transition: background-color 0.3s ease;
      font-size: 14px;
      font-weight: bold;
      text-transform: uppercase;
      line-height: 1.2;
      width:65px;
    }
    .fixed-sidebar .cta-button p{font-size: .6rem;margin-bottom: 0px;font-weight: 600 !important;font-family: 'BwModelica' !important;color: #000;}
    /* Specific background colors for each button, as seen in the image */
    .fixed-sidebar .cta-button:nth-child(1) {
      background-color: #fff; /* Quick Enquiry */
    }
    .fixed-sidebar .cta-button:nth-child(2) {
      background-color: #e6c8be; /* Chat Bot */
    }
    .fixed-sidebar .cta-button:nth-child(3) {
      background-color: #f7a988; /* Contact Us */
    }
    
    /* Apply border radius to the first child to get rounded top */
    .fixed-sidebar .cta-button:nth-child(1) {
    }

    /* Hover effect for buttons */
    .fixed-sidebar .cta-button:hover {
        background-color: hsl(202.04deg 47.57% 79.8%);
    }

    /* Styling for the icon images */
    .fixed-sidebar .cta-icon {
        width: 25px;
        height: 25px;
        margin: 8px 0px;
        background-color: transparent;
       
    }

    /* Media query for smaller screens to adjust padding */
    @media (max-width: 768px) {
        .fixed-sidebar .fixed-sidebar {
            /* For smaller screens, you might want to adjust the size or hide it */
            top: auto;
            bottom: 0;
            right: 0;
            left: 0;
            width: 100%;
            flex-direction: row;
            transform: translateY(0);
            box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
            border-radius: 0;
        }

        .fixed-sidebar .cta-button {
            flex-basis: 33.33%;
            padding: 15px 10px;
            font-size: 12px;
            border-radius: 0 !important;
        }
    }

    /* Resposnsive All */
    /* iPad Pro (12.9" & 11") – Retina */
    @media only screen 
      and (min-width: 1024px) 
      and (max-width: 1366px) {
      .big-bg-text{font-size: 9.5rem;}
      .portfolio-container {
            margin-top: 4rem;
        }
        .ees-why-nav{top: 0rem;padding-left: 3rem;}
        .why-custom-col{padding-left: 0rem;}
        .ees-why-line{top:0px;height: 3px;}
        .tab-div--wide{margin-left: 0 !important;margin-right: 0 !important;}
        .guide-section .tab-btn{font-size: 15px;}
    }
    /* Landscap */

    /* iPad Pro 12.9" - Both Portrait and Landscape */
    @media only screen 
      and (min-device-width: 1024px) 
      and (max-device-width: 1366px) 
      and (-webkit-min-device-pixel-ratio: 2) {
        .hero-v2{ min-height: auto;}
        .hero-v2 h1{padding-top: 2rem;}
        .tab-div--wide {
            margin-left: calc(50% - 660px) !important;
            margin-right: calc(50% - 660px) !important;
        }
    }
/* iPad Pro 11" and 12.9" - Portrait */
/* @media only screen 
  and (min-device-width: 820px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

} */

    /* IPAD AIr */
    @media only screen 
      and (min-device-width: 768px) 
      and (max-device-width: 1024px) 
      and (orientation: portrait), 
    only screen 
      and (min-device-width: 1024px) 
      and (max-device-width: 1366px) 
      and (orientation: landscape) {
        .header-v2-menu > li{padding: 15px !important;}
        .featurs-block{padding-left: 3rem;}
        .ees-why-title{top:0px;margin-bottom: 0px;}
        .portfolio-container{margin-top: 3rem;}
        .big-bg-text{font-size: 9rem;}
        ul.cust-nav-head{display: flex; align-items: center;}
        .cust-nav-head li{padding-right: 10px;}
      }
      @media (max-width: 767.98px) {
    .mobile-header  {
        display: block !important;
    }
}
    @media (min-width:991px){
      .testimonial-section{margin-bottom: -1rem !important;}
    }
    @media screen and (min-width: 1150px) and (max-width: 1299px) {
        body .container {
            max-width: 1200px !important;
        }
        .header-v2-search{width:18px}
    }
    @media screen and (min-width: 992px) and (max-width: 1149px) {
      body .container {
          max-width: 1050px !important;
      }
    }
    @media screen and (min-width: 768px) and (max-width: 991px) {
    body .container {
        max-width: 990px !important;
    }
    .stuck #logo{padding-left: 2rem !important;}
    .stuck ul.cust-nav-head{margin-left: 2rem;}

  } 
  @media (min-width:849px){.header, .header-wrapper{display: none;}}
     @media screen and (min-width: 375px) and (max-width:992px){
     
            ul#menu-footer-menu-new-three-1 {
                        column-count: 2 !important;
                        column-gap: 30px !important;
             }
                ul#menu-footer-menu-new-three-1 li {
                    break-inside: avoid !important;
                    -webkit-column-break-inside: avoid !important;
                    page-break-inside: avoid !important;
            }
        }

        .footer-all-menu .footer-menu-col {
         padding: 0px !important;
        }