* {
  padding: 0;
  margin: 0 auto;
box-sizing: border-box;
}


body {margin-top:100px;}

@font-face {
    font-family: 'Red Hat Display';
    src: url('../fonts/RedHatDisplay-Regular.eot');
    src: url('../fonts/RedHatDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RedHatDisplay-Regular.woff2') format('woff2'),
        url('../fonts/RedHatDisplay-Regular.woff') format('woff'),
        url('../fonts/RedHatDisplay-Regular.ttf') format('truetype'),
        url('../fonts/RedHatDisplay-Regular.svg#RedHatDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('../fonts/RedHatDisplay-Bold.eot');
    src: url('../fonts/RedHatDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RedHatDisplay-Bold.woff2') format('woff2'),
        url('../fonts/RedHatDisplay-Bold.woff') format('woff'),
        url('../fonts/RedHatDisplay-Bold.ttf') format('truetype'),
        url('../fonts/RedHatDisplay-Bold.svg#RedHatDisplay-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


h3 {
    font-size: 20px !important;
}

a,
a:hover,
a:focus,
a:focus-visible {
  text-decoration: none;
  outline: none;
}

body {
font-family: 'Red Hat Display';
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Red Hat Display' !important;
font-weight: 700 !important;
  color: #323031;
  margin-bottom:15px;
}


p {
  font-size: 16px;
  line-height: 1.6;
  color: #323031;
}

a {color:#323031;}

.bold {font-family:'Red Hat Display';font-weight: 700 !important;}

.gmrlogo {width:80px;}
.navbar-brand {border-right: 1px solid #ccc;margin-right: 20px; padding-right: 13px;position: relative;
    z-index: 2;}
.h2logo{position: relative;z-index: 2;}

.topbar {background:#003974; padding:5px 0;}
.topbar {text-align:right;}
.topbar ul {display:flex;justify-content:end; margin:0px;}
.topbar .top-ul {padding-right: 48px;}
.topbar li {list-style:none; margin:0; margin-left:40px;}
.topbar li a {color:#fff;font-size:12px; display:flex; align-items:center; transition:all 0.5s ease 0s;}
.topbar li a:hover {color:#F69320;}
.topbar li a img {width:10px; height:auto; margin-left:5px;}

.toplinks li {position:relative;}
nav ul.lg-drop {visibility:hidden; opacity:0; transition:all 0.5s ease 0s; transform:translateY(20px); z-index:2; width:160px; position:absolute; left:0; background:#003974; display:block;}
.toplinks li:hover .lg-drop {visibility:visible;  opacity:1; transform:translateY(5px);}
.lg-drop li {border-bottom:1px solid #ffffff30; margin-left:0px;}
.lg-drop li a {padding:7px 13px; transition:all 0.5s ease 0s;width: 100%;}
.lg-drop li a:hover {background:#FF0000; color:#fff;}

nav {
  position: fixed;
  background:#fff;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
  border-bottom: 1px solid #ccc;
  transition: all ease-in-out 0.5s;
  
}
nav .navbar {
  padding: 0px;
}
nav img {
  width: 140px;
}

nav .navbar-nav {
  margin-right: 0;
  align-items:center;
}
nav .navbar-nav .nav-item {
  margin-left:30px;
position: relative;

}

nav .navbar-nav .nav-item .has-drop-menu svg {
        width: 20px;
    height: auto;
    margin-left: 1px;
    color: #003974;
cursor:pointer;
transition: all 0.5s ease 0s;
}
nav .navbar-nav .nav-item .lg-drop li{
	list-style: none;
   	 margin: 0;
	border-bottom: 1px solid #ffffff30;
    	margin-left: 0px;
}
nav .navbar-nav .nav-item .lg-drop li a{
    color: #fff;
    font-size: 12px;
    /*display: flex;
    align-items: center;
    transition: all 0.5s ease 0s;*/
    padding: 7px 13px;
display: block;
   }

nav .navbar-nav .nav-item .has-drop-menu{
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    transition: all 0.5s ease 0s;
position:relative;
}

nav .navbar-nav .nav-item .has-drop-menu .lg-drop{
    transform: translateY(5px);
}

nav .navbar-nav .nav-item .has-drop-menu:hover .lg-drop{
    transform: translateY(0px);
}

nav .navbar-nav .nav-item .has-drop-menu.sub-menu-div:hover svg, nav .navbar-nav .nav-item .has-drop-menu.sub-menu-div:hover a.nav-link{
    color: #f7931e;
}

nav .navbar-nav .nav-item .has-drop-menu ul.lg-drop{
  top:22px;
}

.has-drop-menu.sub-menu-div:hover .lg-drop {
    visibility: visible;
    opacity: 1;
    transform: translateY(5px);
}


nav .navbar-nav .nav-link {
  color: #12284C;
  font-size: 14px;
  transition:all 0.5s ease 0s;
  position:relative;
  text-transform:uppercase;
}
.navbar-expand-lg .navbar-nav .nav-link {padding:0; font-family: 'Red Hat Display';font-weight: 700;}

nav ul.lg-drop.eat-drink-menu{
display: flex;
    width: 250px;
    flex-wrap: wrap;
}
.eat-drink-menu li{
width: 50%;
border-right: 1px solid #ffffff30;
}

nav .navbar-nav .nav-link::after {
    content:'';
    position:absolute;
    left:0px;
    bottom:0px;
    width:0px;
    background:#F69320;
    height:1px;
    transition:all 0.5s ease 0s;
}

nav .navbar-nav .nav-link:hover {
    opacity:1;
    color:#F69320;
}

nav .navbar-nav .nav-link:hover::after {
    width:100%;
}

.nav-item .gmr-btn {color: #fff !important; padding: 8px 20px !important; opacity:1 !important; font-size:16px !important;}
.nav-item .gmr-btn::after {display:none;}

/* nav.gmr-nav {
  -webkit-animation: navbar-animation 0.6s;
  animation: navbar-animation 0.6s;
} */
.mb-menu {display:none !important;}





@-webkit-keyframes navbar-animation {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes navbar-animation {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


.hamburger:focus {outline:none; box-shadow:none;}
.hamburger .line {
  width: 30px;
  height: 3px;
  background-color: #003974;
  display: block;
  margin: 6px auto;
  transition: all 0.3s ease-in-out;
}

#hamburger-11 {
    border:0;
  outline: none !important;
  transition: all 0.3s ease-in-out;
}

#hamburger-11.is-active {
  -webkit-animation: smallbig 0.6s forwards;
          animation: smallbig 0.6s forwards;
}

@-webkit-keyframes smallbig {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(0);
  }
}

@keyframes smallbig {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(0);
  }
}
#hamburger-11.is-active .line:nth-child(1),
#hamburger-11.is-active .line:nth-child(2),
#hamburger-11.is-active .line:nth-child(3) {
  transition-delay: 0.2s;
}

#hamburger-11.is-active .line:nth-child(2) {
  opacity: 0;
}

#hamburger-11.is-active .line:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

#hamburger-11.is-active .line:nth-child(3) {
  transform: translateY(-11px) rotate(-45deg);
}/*# sourceMappingURL=style.css.map */

.bannerslide{
margin-bottom:0;
}
.bannerslide .slick-dots {
     bottom: 25px;
}


.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
@-webkit-keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(40px);
      transform: translateY(40px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  
  @keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(40px);
      -ms-transform: translateY(40px);
      transform: translateY(40px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  }
  
  .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }




.pad80 {
  padding: 80px 0;
}

.padt80 {
  padding-top: 80px;
}

.padb80 {
  padding-bottom: 80px;
}

.pb45{
	padding-bottom: 45px;
}

.span {
  color: #10100f;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 25px;
  display: block;
}

.h2 {
    color:#323031;
 /* font-size: 32px;
  margin-bottom: 25px;*/
text-transform: uppercase;
    font-size: 42px;
    margin-bottom: 40px;
    line-height: 42px;

}

.subtitle{
   font-size: 20px;
}

h4{
    font-size:25px;
}

h4 span {
    color:#23BA97;
}

h6 {font-size:18px;}


.black {
    color:#000;
}

.grey {
    background:#F9F6ED;
}



.hoverlink {position:relative; color:#323031; font-family:'Red Hat Display';font-weight: 700; font-size:14px;}
.hoverlink::after {
    content:'';
    position:absolute;
    left:0;
    width:100%;
    bottom:-3px;
    background:#FF0000;
    transition:all 0.3s ease-in-out 0s;
    height:1px;
}
.hoverlink:hover::after {width:0; left:auto; right:0;}

/*gmr btn*/
.gmr-btn {transition: all ease-in-out .5s;font-size:16px !important;background:#003974; border-radius: 50px; font-size:13px;font-weight: 700; font-family:'Red Hat Display'; color:#ffffffc9; padding:8px 20px; z-index:1; position:relative; display:inline-block; min-width:100px; text-transform: uppercase;}
.gmr-btn::before {content:'';
  /*left:0; width:3px;background:#F69320; height:100%; position:absolute; top:0;  z-index:-1; transition:all 0.5s ease 0s;*/
}
.gmr-btn:hover {color:#fff; background: #f6921e}
.gmr-btn:hover::before {width:98%; }

.readhead {color:#FF0000;}
.bluehead {color:#003974;}
.redhead {color:#FF0000;}
.yellowhead {color:#FAA519;}

.hdblur{
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    left: 0;
    bottom: 0;
    width: 100%;
    height: 71px;
    position: absolute;
    z-index: 2;
display: none;
}

/*offers*/
.overflow {overflow:hidden; position:relative;}
.overflow img {transition:all 0.5s ease 0s;}
.overflow:hover img {transform:scale(1.2);}


/*category*/
.tiles h5 {font-family: 'Red Hat Display' !important; font-size:15px; color:#fff; position:absolute; bottom:15px; left:25px; z-index:1}
.tiles-content {margin-bottom:-25px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.tiles-content li {list-style:none; margin:0; margin-bottom:25px;}
.w-32 {width:32%;}
.w-25 {width:25%;}
.w-46 {width:46%;}
.tiles.overflow img {height:60vh; object-fit:cover}
.overflow.tiles::before { z-index:1;position: absolute; background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); content: ''; width: 100%; height: 100px; bottom: 0; }

/*partners*/
.partner_box {background:#F9F6ED; 
text-align:center;
 border-bottom:8px solid #FF0000; padding:60px; display: flex; flex-direction: column; justify-content: space-between;}
.partner_box img {height:40px;margin-bottom:25px;}
.p2 {background:#FFFDF6;border-bottom:8px solid #FAA519 }

/*offers*/
.offerrow {margin:0 -3px;}
.offerrow .col-lg-3 {padding:0px 3px;}
.offerbtn {margin-top:30px;}
.offers_section .slider-nav {display:none;}


/*Events*/
.item_cont {border-bottom:4px solid #003974;}
.event_details { display:flex; align-items:center; }
.event_details h6 {margin-bottom:5px;}
.event_details p {font-size: 14px;margin:0;}
.mainslide{
margin-top: 50px;
}
.mainslide .slick-track .slick-slide:first-of-type .date {color:#FF0000;}
.date {font-size:25px; text-align:center; font-family:'Red Hat Display';font-weight: 700; border-right:1px solid #ccc;}
.date span {display:block; font-size:18px; margin-top:5px; color:#323031;}
.date i {font-style:normal;}
.text-ev {padding:13px 0px;  padding-left:20px;}
.mainslide {padding-bottom: 60px;}
.mainslide .slick-list {margin:0 -6px;}
.mainslide .item {margin:0 6px;}



.recentpostlist .event_details p{
    font-size: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 5px;
    line-height: 16px;
}


/*arrows*/
.slider-nav {display: flex; align-items: center; justify-content: center;}
.left-nav, .right-nav {margin:0;}
.mr-4a {margin-right:5px;}
.mr-4a img, .mr-4a i  {transform:rotate(180deg);}
.product-showcase-carousel-controls {cursor:pointer; background:#003974; display:flex; align-items:center; width:30px;  height:30px; transform: translateX(-50%); justify-content:center; position:relative; position:absolute; bottom: -25px;
    left: 50%;
    z-index: 1;

align-items: center;
    justify-content: center;
    overflow: hidden;

}

.product-showcase-carousel-controls::before {transition:all 0.6s ease 0s; position:absolute; content:''; background:#FAA519; width:0; height:0; }
.product-showcase-carousel-controls:hover::before {width:100%; height:100%; }
.product-showcase-carousel-controls img, .product-showcase-carousel-controls svg  {    width: 16px !important; height: 16px !important; position:relative; z-index:1;}
.product-showcase-carousel-controls i {position:relative; z-index:1; color:#9E7042;}
.product-showcase-carousel-controls {
  --arrow-gap: 20px;
  transform: translateX(calc(-50% + var(--arrow-gap)));
}

.bannerslide .product-showcase-carousel-controls{
  bottom: 15px;
 
}

.product-showcase-carousel-controls--left {
  --arrow-gap: 15px;
  transform: translateX(calc(-50% - var(--arrow-gap)));
    
}


.bannerslide .product-showcase-carousel-controls--left {
  --arrow-gap: 15px;
  transform: translateX(calc(-50% - var(--arrow-gap)));
   
}


.blog_section .text-ev {border:0px; padding:13px; margin:0px; }
.blog_section .item_cont {background:#F9F6ED; border-bottom:6px solid #FF0000; height:100%}
.blog_section .slick-list, .blog_section .slick-track {display:flex}

.sidebar-blog{
    background: #F9F6EF;
    padding: 20px;
}
.sidebar-blog h2{
	    font-size: 22px;
    margin-top: 0;
	margin-bottom: 10px;
    line-height: 1.2;
}

.aerocityone-point{
  border-radius: 16px;
    padding: 20px;
    /* box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); */
    transition: transform 0.3s 
ease, box-shadow 0.3s 
ease;
    height: 100%;
    border: 0.5px solid #00397412;
}
.aerocityone-point:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 25px rgba(0,0,0,0.15);
}
.aerocityone-point .h3 {
 font-size: 18px !important;
    font-weight: 600;
    color: #003974;
    margin-bottom: 12px;
    position: relative;
    padding-left: 0px;
    padding-bottom: 12px;
}

.aerocityone-point .h3::before {
     content: "";
    position: absolute;
    left: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 4px;
    background: #003973;
    border-radius: 0px;
   
}

.aerocityone-point ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.aerocityone-point ul li {
position: relative;
    padding-left: 16px;
    margin-bottom: 8px;
    /* color: #000000; */
    font-size: 15px;
    /* line-height: 1.6; */
    transition: color 0.3s 
ease;
}

.aerocityone-point ul li::before {
  content: "•";
    position: absolute;
    left: 0;
    top: -7px;
    color: #003974;
    font-weight: bold;
    font-size: 1.5rem;
}


/*footer*/
footer {padding: 40px 0px 15px; font-size: 15px;border-top: 1px solid #0039741f;}
footer a {transition: all 0.5s ease 0s;
    vertical-align: middle;
    display: inline-block;
    color: #030303;
    margin: 0 8px 0 8px;}
footer a:hover {color:#003974;}
.grammax {
    padding-top: 10px;
    display: block;
    margin: 12px 0 0 5px;
}
.grammax img {height:20px; padding-left:10px; }
.socialicons {display:flex; text-align:center; align-items:center; justify-content:end;}
.socialicons a {transition:all 0.5s ease 0s; padding:8px;display:flex; align-items:center; justify-content:center; border:1px solid #003974;  width:30px; height:30px; background:#fff;margin:0; margin-left:8px; border-radius:50%;}
.socialicons a:hover {background:#F69320; border:1px solid transparent;}
.socialicons a:last-child {margin-right:0;}



.group-site-row {display:none; overflow:hidden;  padding-top:60px; padding-bottom:60px; } 

.group-sitemap-row {display:none; overflow:hidden;  padding-top:30px; } 

.group-site-row,
.group-sitemap-row {
    transition: all 0.4s ease;
    overflow: hidden;
}

.group-site-row,
.group-sitemap-row {
    display: none;
}

.group-site-row.show,
.group-sitemap-row.show {
    display: block;
}


.footerbtn {
    font-family:'Red Hat Display';
    font-weight: 700;
    text-transform:uppercase;
    padding: 8px 15px;
    font-size: 12px;
    width: 185px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    background: url(https://dev2025.gmraerocity.com/wp-content/themes/gmr-aerocity/images/shape-grey.svg);
    background-repeat: no-repeat;
    background-size: cover;
    transition:all 0.5s ease 0s;
}

.footerbtn.active {
    color:#fff;
    background: url(https://dev2025.gmraerocity.com/wp-content/themes/gmr-aerocity/images/shape-blue.svg);
    background-repeat: no-repeat;
    background-size: cover;
    
} 

.footerbtn.active svg rect {fill:#fff}
.footerbtn.active svg rect:first-child {display:none;}

.footerbtn svg {
    transition: all 0.5s ease 0s;
    margin-left: 5px;
    width: 10px;
    height: 10px;
    position: relative;
    top: -2px;
}
.footerbtn:hover i {transform:rotate(180deg);}

.group-site-row.show, .group-sitemap-row.show {display:flex;}

.group-site-row ul, .group-sitemap-row ul {padding:0; margin:0; padding-right:20px;}

.group-site-row li, .group-sitemap-row li, .group-site-row p, .group-sitemap-row p {
    list-style:none;
    text-align:left;
    position:relative;
}

.group-site-row li, .group-sitemap-row li { margin-bottom:5px;}


.group-site-row  p, .group-sitemap-row p {
    font-size: 14px;
    color: #fff;
    font-family:'Red Hat Display';
    font-weight: 700;
}

.group-site-row li a, .group-sitemap-row li a, .group-sitemap-row a {color:#8095ac; transition:all 0.5s ease 0s; font-size:13px;}
.group-site-row li a:hover, .group-sitemap-row li a:hover, .group-sitemap-row a:hover {color:#fff;}

.sitemapbtn {margin-right:10px;}

.groupsites > .row {
    border-bottom:1px solid #8095ac26;
}

.bluebg {background:#003974;}
.text-right {text-align:right;}


label.error {
    color:red;
    font-size:12px;
    margin-top:5px;
}

.bannerslide .slick-dots li button:before {color:#003974 !important;border: solid 1px #ffffff;}
.bannerslide .slick-dots li.slick-active button:before {opacity: 1 !important;color: #003974 !important;}
ol, ul {padding-left: 0px;}


.background-transparent{
  background: transparent !important;
}
.border-custom {
  border-bottom: solid 1px #ccc;
}

/*Inner pages*/

.innerbanner {position:relative;}

.innerbanner .container { left:0; right:0; position:absolute; top:0; bottom:0; display:flex; align-items:center;    z-index: 1; }
.innerbanner .container h2, .innerbanner .container h1 {margin:0; color:#fff; text-transform:uppercase; font-size:48px;    max-width: 80%;}


.partners-buttons .partner_box {position:relative; padding-bottom:100px;}

.partners-row{display: flex;flex-wrap: wrap;}
.growing-tiles__col {
    flex-grow: 1;
    width: 100%;
    height: 100%;
    min-height: 12.5em;
}
.partner_box1,.partner_box2{width: 100%;transition: width 0.45s cubic-bezier(0.35, 1.5, 0.6, 1);}
.partners-row .partner_box1:hover{width: 125%;}



.partner_box3{
width: 100%;
}


.partners-buttons .gmr-btn {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    width: fit-content;
    margin: 0 auto;
}

.solid {background:#003974;}
.solid .h2 {color:#fff;}
.solid p {color:#ffffffba;}
.solid .gmr-btn {background:#FAA519; margin-top:15px;}
.solid .gmr-btn::before {background:#fff;}
.solid .gmr-btn:hover {color:#323031;}
.singleheadsl .text-ev {width:100%; text-align:center; padding:25px; background:#fff;}
.singleheadsl .text-ev h6 {margin-bottom:0px;}


/*About Us*/
.building {position:relative;  margin:0 auto;margin-top: 50px;}

.pointer .delay1 {
  animation: waves 2.5s linear infinite;
  animation-delay: 0.1s;
  
}
.pointer .delay2 {
  animation: waves 2.5s linear infinite;
  animation-delay: 0.7s;
  background:#003974;
}
.pointer .delay3 {
  animation: waves 2.5s linear infinite;
  animation-delay: 1.3s;
  background:#00397447;
}
.pointer .delay4 {
  animation: waves 2.5s linear infinite;
  animation-delay: 1.9s;
  background:#003974;
}

.circle {
    display: block;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #003974;
    margin: 10px;
    transition: 5s ease;
    position: absolute;
    bottom: -70px;
    left: 45%;
    /* transform: translateX(-50%) !important; */
}


@keyframes waves {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}

@keyframes e-hotspot-expand {
    0% {
        opacity: 1;
        transform: scale(.5)
    }

    to {
        opacity: 0;
        transform: scale(1.5)
    }
}


.pointer {
    position: absolute;
    margin: 0px auto;
    left: 5%;
    bottom: 60%;
    width: 320px;
    cursor:pointer;
}

.pointer2 {
    left: auto;
    bottom: 60%;
    right: 30%;
}
.pointer3 {
    left: auto;
    right: 5%;
    bottom: 48%;
}

.pointer-content {
    background: #FFF7E5;
    text-align: center;
    padding: 15px;
}

.pointer-content h5 {margin-bottom:0px; font-size:16px;}

.pointer-content p {
    font-size:14px;
    margin-top:10px;
    display:none;
}

.pointer-content::after {
    content:'';
    width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #FFF7E5;
    position:absolute;
    left:50%;
    bottom:-12px;
    transform:translateX(-50%);
}

.content {display:none;}

.content2{position: absolute;
    bottom: 33px;
    right: 56px;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0.4px;
    /* text-decoration: underline; */
    border-bottom: 1px solid #fff;}
.content2::after{
	content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0%;
    height: 1px;
    background: #f7931e;
transition: all 0.5s ease;
}
.content2:hover::after{
	width: 100%;
}


.downtown, .gateway {display:none;}

.loader-line {
    width: 2px;
    height: 80px;
    position: absolute;
    overflow: hidden;
    background-color: #fff;
    left: 50%;
    top: auto;
    bottom: -120px;
}

.loader-line:before {
    content: "";
    position: absolute;
    top: -50%;
    width: 2px;
    height: 40%;
    background-color: #FAA519;
    animation: lineAnimVertical 1s linear infinite;
    left: 0
}

@keyframes lineAnimVertical {
    0% {
        top: -40%
    }

    50% {
        top: 20%;
        height: 80%
    }

    100% {
        top: 100%;
        height: 100%
    }
}

@keyframes lineAnim {
    0% {
        transform: translateY(80px)
    }

    100% {
        transform: translateY(0)
    }
}

.slider-nav {display:none;}

.register-btn{
position: absolute;
    right: 10px;
    bottom: 10px;
    background: #ed1c24;
    color: #fff;
    font-size: 13px;
    padding: 3px 16px;
    border-radius: 16px;
    letter-spacing: 0.5px;
}

.blogitem{
background-color: #F9F6EF;
height: 100%;
}

.blogitem .blog-details{
padding:0 20px 20px;
}

.blogitem svg{
transition: all 0.5s 
ease 0s;
    width: 15px;
    height: 15px;
    /* position: absolute; */
    /* right: 20px; */
    color: #000;
    margin-left: 2px;
}

.blogitem .overflow {margin-bottom:24px;}
.blogitem h6 {margin-bottom:10px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.blogitem p {margin-bottom:10px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.recentpostlist .event_details .hoverlink{font-size: 12px;}
.recentpostlist .hoverlink::after{
height: 0.5px;
}
.recentpostlist{
display: flex;
flex-direction: column;
gap: 12px;
}

.followus{
background: #F9F6EF;
    padding: 20px;
}
.followus a{
        transition: all 0.5s ease 0s;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #003974;
    width: 30px;
    height: 30px;
    background: #fff;
    margin: 0;
    margin-left: 8px;
    border-radius: 50%;
}
.followus a:hover {
    background: #F69320;
    border: 1px solid transparent;
}
.sidebar-main{
top: 100px;
position: sticky !important;
}
span.date {    font-size: 12px;
    color: #ccc;
    display: block;
    color: #777576;
    text-align: left;
    margin-bottom: 5px;}
.blogs_row .col-lg-4 {margin-left:0px; margin-bottom:24px;}
.blogs_row .col-lg-4 img {width:100%;}
.blogs_row .gmr-btn {min-width:120px;}
.blogs_row .col-lg-4 a:hover .hoverlink::after{ left:auto; right:0; width:0;}
#loadMore {cursor:pointer;}
.container-0 {max-width:1000px;}
.container-0 h4 {margin-top:50px; margin-bottom:30px;}
.recentblogs {border-top:1px solid #ccc;}
.recentblogs .text-ev {border:0px;  padding:30px; margin:0px; }
.recentblogs .date{margin-top:5px; margin-bottom:5px;}
.recentblogs .slick-list, .recentblogs .slick-track {display:flex}
.recentblogs .item_cont {border:0px; background:#fff; height:100%}
.bordertop{    border-top: 0.5px solid #ffffff3d !important;}

.recentpostlist .overflow img {
    height: 100%;
    object-fit: cover;
}

.recentpostlist .event_details {
      align-items: flex-start;
}


.ps-30 {margin-bottom:60px;}
.icons {text-align:center;}
.icons img {width:100px; margin-bottom:40px; transition:all 0.5s ease-in-out 0s;}
.icons span {display:block;}
.icons:hover img {transform:translateX(10px);}
.icons .bold {margin-bottom:5px; text-transform:uppercase;}
.icons span {font-size:15px;}

.rightborder {position:relative;}
.rightborder::after {
    width: 1px;
    height: calc(100% + 160px);
    background: #ccc;
    content: '';
    position: absolute;
    right: 0px;
    top: -80px;
}
.surface-details {margin-top:180px;}
.charges-details {margin-top:80px;}

.note {background:#fcf8eb; padding:60px 0;}
/*.mbminus {margin-bottom:-34px;}*/


.form-control:focus {outline:none; box-shadow:none !important;}
.contact_form {
    
    max-width: 100%}
.contact_form label {
    margin-bottom: 10px;
    color: #56595c !important;
}
.contact_form .form-control, .modal-body .form-control {
    background: none;
    padding: 0px;
    border: 0;
    border-radius: 0px !important;
    border-bottom: 1px solid #10397552;
    color: #75757d;
    border-radius: 10px;
    height: auto;
    margin-bottom:30px;

}
.min-h {min-height: 24px !important;height: 24px !important;}
.contact_form .gmr-btn {display: flex; align-items: center;justify-content: center; width: 100px;}
.contact_form #mainbtn {
    background: none;
    padding: 8px 20px;
    color: #fff;
    border: 0;
    text-transform:uppercase;
        background: #003974;
}
.contact_left {
    /* height:100%;
    height: 100%; */
    display: flex;
    flex-direction: column;
   
}

.contact_left .con_item{
      padding-right: 30px;
}
.contactform .callform{
    background: #ffffff;
    padding: 20px;
    border-radius: 12px;
}

.contactform .callform .cchd{
  font-size: 14px;
    margin-bottom: 14px !important;
    font-weight: 300;
}

.contactform .callform .cchd1{
      font-size: 18px;
    font-weight: 500;
}
.contactform .callform .cchd2{
  font-size: 18px;
    margin-bottom: 0;
}
.contactform .callform .cchd.mb-0{
  margin-bottom: 0 !important;
}

@media (min-width: 768px) {
    .contact_left{
        height: 381px;
        justify-content: space-between;
    }
    .eat-grid{
        height: 381px;
    }
}

.description-outlet{
        max-width: 1200px;
    }

.con_item {
    /* height:50%;
     display:flex;
      align-items:center;
       justify-content:center; 
       text-align:center; 
       flex-direction:column; */
       width: 100%;
       height: 47%;
    }
/* .call {background:#003974 url(../../images/callbg.png) no-repeat center center / cover;}
.email {background:#FAA519 url(../../images/emailbg.png) no-repeat center center / cover;} */
.con_item span {color:#ffffffa1; display:block; margin-bottom:20px;}
.con_item a {color:#fff; font-size:22px; font-family:'Red Hat Display' }
.con_item a::after {background:#fff; width:0;}
.con_item a:hover::after {width:100%;}

.contact_left .overflow img{
        height: 100%;
}

.contactform .callform{
display: flex;
}
.contactform p{
color:#000;
margin-bottom: 25px;
}

.contactform p span{margin:0; color:#000;font-size:16px;}
.contactform p a{font-size:15px;margin-left: 6px;color:#000;}

.outletspage h5{
    color: #323031;
        font-size: 28px;
    margin-bottom: 25px;
    line-height: 28px;
    text-align: center;
    text-transform: uppercase;
}
.outletspage .innerbannerimg{
	height: 220px;
    width: 300px;
    border: 1px solid #00397417;
    margin: auto;
}
.outletspage .innerbannerimg img{
width: 100%;
height: 100%;
object-fit: contain;
}

.aerocity-one-banner .bgdrk {
    background: #0000004a;
}

.map {
  /*margin-bottom:-41px;*/
}
.map iframe{width:100%; height:550px}

/*.blog_pages p, .blog_pages h1, .blog_pages h3, .blog_pages h2, .blog_pages h4,.blog_pages h5, .blog_pages h6 { text-align:center}*/

.blog_pages img {width:100%; margin-bottom:20px; height:auto}
.blog_pages h2 {text-transform:uppercase; font-size:25px; margin-bottom:20px; margin-top:30px}
.blog_pages h1 {text-transform:uppercase; font-size:30px; margin-bottom:20px; max-width:1000px}
.mainblogtitle {font-size: 30px;
    margin-bottom: 30px;    line-height: 1.2;}
.entry-meta{
padding: 10px 0 20px;
padding-top: 0;
font-size: 14px;
color: #777576;
}
.post .posted-on, .post .posted-on a {
    color: #003974 !important;
    font-size: 16px;
    font-weight: 400
}	
/*.logo_grid {  display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px;  list-style:none; padding: 0;  margin: 0; padding-bottom:80px; }*/
/*.logo_grid li {width:100%; background: #F9F6EF; height: 250px; padding: 30px; display: flex; align-items: center; justify-content: center;}*/
.logo_grid { display: flex; gap: 8px; list-style: none; padding: 0; margin: 0; padding-bottom: 0px; flex-wrap: wrap; align-items: center; justify-content: flex-start; }
.logo_grid li {width:19.3%; background: #F9F6EF; height: 250px; padding: 30px; display: flex; align-items: center; justify-content: center; margin:0}
.logo_grid li:nth-child(2n) {background:#FCF3E7;}
.logo_grid li img {height:auto; width:150px; transition:all 0.5s ease 0s; mix-blend-mode:darken}
.logo_grid li:hover img {transform:scale(1.1);}

.mobile-district {display:none}


.gmr-office{
  margin-bottom: 30px;
}
.gmr-office address {
  color: #fff;
  font-size: 14px;
margin-bottom: 10px;
}


.gmr-office .hoverlink {
  color: #fff;
  margin-bottom: 10px;
  font-size: 14px;
display: table;
}


.events_section img{
    height: 350px;
    object-fit: cover;
    width: 100%;
}

.events_section .date {margin:0; padding:1.2rem} 
.events_section .text-ev {margin:0px; }

.eat-caption {
    position: absolute;
    display: flex
;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 71%;
    height: 100%;
   
    transition: opacity 0.3s ease;
   
    margin: auto;
    flex-direction: column;
}

.eatmain{
  background-color: rgb(0 0 0 / 58%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.eat-caption p{
     color: #fff;
}

.eat-caption h2{
  color: #fff;
}

.back_to_top {
    position: fixed;
    width: 30px;
    height: 30px;
    background: url(../../images/up-arrow.png) center center / 16px no-repeat #013976;
    bottom: 65px;
    right: 20px;
    z-index: 1000;
    border-radius: 50%;
    display: none;
    transition: all 0.5s ease;
}

.back_to_top:hover {
  background: url(../../images/up-arrow.png) center center / 16px no-repeat #F69320;
}


.cuisine-card {
            background-color: #FCF3E7;
            height: 100%;
            transition: background-color 0.5s ease, color 0.5s ease;
            overflow: hidden; /* Ensures the scaled image doesn't overflow the card's boundaries */
	
        }

.cusion-text{
padding-left: 12px;
}

        .cuisine-card h3 {
           font-weight: 700;
            font-size: 1.1rem;
            letter-spacing: 1px;
            color: #333;
            transition: color 0.5s ease;
margin-bottom: 8px;
        }

        .cuisine-card p {
            color: #555;
            font-size: 0.9rem;
            transition: color 0.5s ease;
margin-bottom: 6px;
        }
        
        .cuisine-card .img-container {
            overflow: hidden; /* Hides the part of the image that scales outside this container */
            height: 100%;
        }

        .cuisine-card img {
            width: 100%;
            min-height: 200px;
            object-fit: cover;
            transition: transform 0.5s ease; /* Adds a smooth transition to the transform property. [1] */
        }

        .read-more {
    position: relative;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    color: #212529;
    font-size: 0.7rem;
    transition: color 0.4s ease, letter-spacing 0.3s ease;
}

.read-more::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 2px;
    background-color: #d9534f;
    transition: width 0.4s ease;
}

.read-more:hover {
    color: #d9534f;
    letter-spacing: 1px;
}

.read-more:hover::after {
    width: 0;
left: unset;
right:0;
}

        
        /* Hover effects */
        .cuisine-card:hover {
            background-color: #000000;
            color: #ffffff;
        }

        .cuisine-card:hover h3,
        .cuisine-card:hover p {
            color: #ffffff;
        }

        .cuisine-card:hover img {
            transform: scale(1.1);
        }

        .cuisine-card:hover .read-more {
            color: #ffffff;
            border-bottom-color: #d9534f;
        }


.fof {
    font-size: 100px;
    color: red;
    text-align: center;
}
.sorry {
    font-size: 24px;
}

.sorry a {
    text-decoration: none;
    color: orange;
    padding: 0px 6px;
}

.top_linkss
{
      z-index: 1;
}

.search_container
{
      right: 10px !important;
}
.top_linkss {
    z-index: 1;
}
.top_linkss {
    margin: 70px 100px 0 0;
}
.top_linkss {
    width: 100%;
    text-align: center;
    z-index: 1;
    margin: 20px 100px 0 0;
}
.top_linkss > ul {
    display: inline-block;
    padding: 0;
    list-style-type: none;
    margin: 0;
}
.top_linkss > ul > li > .tl_icons {
    display: block;
    position: relative;
    width: 45px;
    height: 45px;
    border-radius: 5px;
    -webkit-transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);
    -moz-transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);
    transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);
}
.top_linkss > ul > li {
    display: block;
    float: left;
    padding: 0 45px;
    position: relative;
}
.top_linkss>ul>li span {
    color: #000;
    text-transform: capitalize;
    font-size: 0.74rem;
    display: block;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: -30px;
    left: 0;
    color: #000;
    line-height: 12px;
    letter-spacing: 0.03rem;
}
 
.largebanner{
height: 460px;
}
.largebanner img{
height: 100%;
width: 100%;
object-fit: cover;
}
.eatsection {margin-top:30px}
/* .eatsection img {height:190px } */
/* .eat-grid.firsteat {margin-bottom:30px} */
/* .eatsection .call.con_item {height:400;} */
/* .eatsection .email.con_item {height:190px;} */
.eatsection .email.con_item a {line-height:1}
.eatsection .email.con_item a::after {display:none}
.contactinfo_inner{
        display: inline-flex
;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
}
.contactinfo_inner p{
        margin-bottom: 0px;
    /* font-size: 13px; */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    /* border: 0;
    background: #ed1c24;
    padding: 6px 18px;
    border-radius: 20px;
    color: #fff; */


        transition: all 
ease-in-out .5s;
    font-size: 14px !important;
    background: #003974;
    border-radius: 50px;
    font-family: 'Red Hat Display';
    font-weight: 700;
    color: #ffffffc9;
    padding: 8px 20px;
    z-index: 1;
    position: relative;
    display: inline-flex
;
    min-width: 100px;

}

.contactinfo_inner p:hover{
  background-color: #FAA519;
}

.contactinfo_inner p span{
    font-weight: 500;
}
.contactinfo_inner p a{
    color: #fff;
}
.contactinfo_inner p img{
    width: 16px;
}

.eatsection2 .orange .lemonlogo{
height: auto;
    width: 160px !important;
}

.eatsection2 .orange .lemonlogolink{
	    height: auto;
    width: 17px !important;
    margin-top: 0px;
}
.eatsection2 .orange a{
    display: flex;
    flex-direction: column;
}

.locationmap iframe {width:100%; height:550px}
.logo_grid li {position:relative}
.logo_grid span { display: flex; align-items: center; justify-content: center; font-size: 14px; width: 100%; position: absolute; bottom: 25px; left: 0; }
.logo_grid span svg {    transition: all 0.5s 
ease 0s;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 20px;
    color: #dc3545;
    transform: rotate(315deg);}
.logo_grid li:hover span svg {transform: rotate(0deg);; }

.v-service {margin-top:40px}
.v-service p {margin-bottom:5px}
.p-note {padding:0 40px}
.p-note span {padding:0px 10px}

#enquirepop .modal-header {padding: 0;}
#enquirepop .modal-header .close{ z-index:222; cursor:pointer;}
#enquirepop .modal-header .close img {width: 40px;}
#enquirepop .btns-b {background: #000; padding: 13px 20px; font-size: 12px; color: #fff; transition: all ease-in-out 0.5s; margin-top: 0; border: 1px solid transparent !important;}
#enquirepop .btns-b:hover {background: #fff; color: #000; border-color:#000 !important;}
#enquirepop .form-control{ font-size:12px; padding:18px 10px;    border-radius: 0;}
#enquirepop .custom-control-label { color: #595959; font-size: 14px;}
#enquirepop .custom-control-label::after {top:0.33rem;}
.custom-control-input:focus~.custom-control-label::before {box-shadow:none !important;}

.modal-header {
    margin:0px;
    text-align:center;
    background:#f9f6ed;
}

.modal-dialog {
  max-width:750px;
}

.modal-body {
    padding: 0;
    margin: 0;
    padding: 15px 15px 40px;
    background:#F9F6ED;
}


.modal-content {
    box-shadow:none;
    border:0px;
    border-radius:0px;
}

.modal-content h4 {
    font-family:'Aeonik' !important;
    text-transform:uppercase;
    
}


.modal-header .close {
    padding: 0;
    margin: 0;
    /*background: #ff8200;*/
  background:#1f3f6e;
    width: 40px;
    height: 40px;
    opacity: 1;
    position: absolute;
    right: 2px;
    top: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition:all 0.5s ease 0s;
}

.modal-header .close:hover {
    background:#000;
}

.modal-header .close img {
    width:40px;
}

.modal-header .close:focus {
    outline:none;
}

.modal-open {
    padding:0 !important;
}

.table-img {
    max-width: 110px;
    box-shadow: 2px 2px 5px #ccc;
}

.booktable .gmr-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
}

.booktable #mainbtn {
    background: none;
    padding: 8px 20px;
    color: #fff;
    border: 0;
    text-transform: uppercase;
}

.event-category{padding-bottom: 56px;}

.work-space-link{display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    width: 100%;
    position: absolute;
    bottom: 25px;
    left: 0;
    z-index: 1;
	
}


.work-space-link svg{
transition: all 0.5s 
ease 0s;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 20px;
    color: #dc3545;
    transform: rotate(315deg);
}
.work-space-0:hover .work-space-link svg {
    transform: rotate(0deg);
}

.work-space-0 img{
        object-fit: cover;
    border-radius: 4px;
transition: all 0.5s 
ease 0s;

}
.work-space-0:hover img{
transform: scale(1.1);
}

.work-space-0{
border-radius:4px;
}

.work-space-link h5{
       font-family: 'Red Hat Display' !important;
    font-size: 15px;
    color: #fff;
    position: absolute;
    bottom: 0px;
    left: 25px;
    z-index: 1;
    margin-bottom: 0;
}

.work-space-0::before {
    z-index: 1;
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    content: '';
    width: 100%;
    height: 100px;
    bottom: 0;
}
.dropdown-search{
    position: absolute;
    right: 0;
    top: -28px;
}
.dropdown-search #dropdownMenuButton1 img{
	width: 15px;
}

.dropdown-search #dropdownMenuButton1{
padding: 0 !important;
    border-radius: 0;
    border: 0;
}

.dropdown-search .dropdown-menu {
     left: -268px;
    margin-top: var(--bs-dropdown-spacer);
    width: 287px;
    padding: 2px !important;
    /* background: #ed1c24; */
    border-radius: 0;
   /*  box-shadow: 0px 0px 6px 0px #9a9a9a;*/

}
.dropdown-search .dropdown-menu form input{
font-size: 14px;
    font-weight: 600;
    padding: 10px;
    border-radius: 0;
}

.dropdown-search .dropdown-menu form button{
border:0;
border-radius: 0px;
background:#003974;
width: 45px;
}

.dropdown-search .dropdown-menu form button img{
width: 14px;
}

#searchSuggestions {
  max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
    top: 40px;
    left: -2px;
    border-radius: 0px;
}

#searchSuggestions li {
  cursor: pointer;
    font-size: 14px;
    width: 100%;
    border-radius: 0 !important;
}

#searchSuggestions li:hover {
  background-color: #f1f1f1;
}

.shuttle-intro{
padding-left: 40px;
}
.choose-shuttle {
    background: #ffffff; /* white background */
    border: 1px solid #e0e0e0; /* light grey border */
    border-radius: 12px; /* rounded corners */
    text-align: center;
    padding: 30px 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    width: 100%;
    height: 100%;
}

/* Hover effect */
.choose-shuttle:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

/* Image styling */
.choose-shuttle img {
    max-width: 100px; /* adjust as needed */
    height: auto;
    margin-bottom: 20px;
}

/* Text styling */
.choose-shuttle p {
    font-size: 16px;
    color: #333333;
    line-height: 1.5;
    margin: 0;
}
.evs01-card {
    background-color: #ffffff;
    height: 100%; 
    display: flex;
    flex-direction: column;
}



.evs01-card .img-fluid {
    width: 100%;
    object-fit: cover;
}

.evs01-body {
    flex-grow: 1;
    width: 100%;
}

.evs01-date {
 line-height: 1;
    border-right: 1.5px solid #DCDFE5;
    padding: 1.2rem;
    margin: 0;
}
.evs01-month {
    display: block;
    font-size: 2rem;
    font-weight: 700;
}

/* Dynamic color classes for the month */
.eventcalenderpage .row > div:nth-child(3n+1) .evs01-month {
    color: #EC1C24; /* Red */
}
.eventcalenderpage .row > div:nth-child(3n+2) .evs01-month {
    color: #F69320; /* Orange */
}
.eventcalenderpage .row > div:nth-child(3n+3) .evs01-month {
    color: #003974; /* Blue */
}

.evs01-day {
       display: block;
    font-size: 1.3rem;
    font-weight: 700;
    color: #212529;
    margin-top: 14px;
}

.evs01-info {
        padding: 1.2rem 0 1.2rem 1.2rem;
    margin: 0;
}

.evs01-title {
    font-size: 1rem !important;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: #343a40;
    text-transform: uppercase;
}

.evs01-description,
.evs01-time {
        font-size: 0.8rem;
    /* color: #6c757d; */
    margin-bottom: 0;
}

.evs01-border {
    height: 5px;
    background-color: #003366; /* Dark Navy Blue */
    width: 100%;
    margin-top: auto; 

}

.evs01-card .eventimg img{   
    overflow: hidden;
    transition: transform 0.3s ease;
}
.evs01-card .eventimg:hover img{
    transform: scale(1.05);
}

.eventcalenderpage{
    padding-bottom: 56px;
}


.faq_section .accordion-item {
              margin-bottom: 15px;
    border-radius: 10px;
    border: unset;
    box-shadow: unset;
    transition: all 0.3s 
ease;
        }
        
        /* 2. Style the Accordion Button (Question) */
        .faq_section .accordion-button {
            background-color: #ffffff;
            color: #343a40;
            font-weight: 600;
            padding: 18px 25px;
            font-size: 1.1rem;
            border-radius: 10px;
            text-align: left;
            transition: all 0.3s ease;
            position: relative;
        }

        /* 3. Style the Active/Open Accordion Button - Use New Color and Shade */
        .faq_section .accordion-button:not(.collapsed) {
            color: #003974; /* New Dark Blue Text Color */
            background-color: #e9f0f6; /* Subtle lighter shade of the blue */
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            box-shadow: none;
        }

        /* 4. Remove default focus outline/box-shadow */
        .faq_section .accordion-button:focus {
            box-shadow: none !important;
            border-color: transparent !important;
        }

        /* 5. Style the Accordion Body (Answer) */
        .faq_section .accordion-body {
           padding: 20px 25px 25px 25px;
    background-color: #ffffff;
    /* border-top: 1px dashed #e9ecef; */
    /* color: #5a6268; */
    /* font-size: 1rem; */
    /* line-height: 1.6; */
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align: start;
        }
        
        /* --- CUSTOM ICON (+/-) IMPLEMENTATION --- */

        /* 6. Remove Bootstrap's default arrow icon */
        .accordion-button::after {
            display: none !important;
        }

        /* 7. Create the custom '+' icon using ::before - Use New Color */
        .accordion-button::before {
            content: '+'; 
            font-size: 1.7rem;
            line-height: 1;
            position: absolute;
            right: 25px;
            top: 50%;
            transform: translateY(-50%);
            transition: content 0.3s ease, transform 0.3s ease;
            font-weight: 300;
            color: #003974; /* New Dark Blue Icon Color */
        }

        /* 8. Change the icon to '−' on active/open state - Use New Color */
        .accordion-button:not(.collapsed)::before {
            content: '−'; /* Minus sign */
            color: #003974; /* New Dark Blue Icon Color */
        }

        /* Final touch: Remove Bootstrap container border */
        .faq_section .accordion {
            --bs-accordion-border-color: transparent;
        }


.modal-map .modal-header{
padding: 0;
}
.modal-map.modal{
        background: #0000008c;
}
.modal-map .modal-header .btn-close{
    color: #fff;
    z-index: 1;
}
.modal-map .modal-body{
    padding: 0;
}

.downloadbtn{
       position: absolute;
    right: 50px;
    top: 20px;
    background: #00376f;
    border: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 13px;
}
.downloadbtn img{
width: 100%;
height: 100%;
}

.fz34{
font-size: 34px !important;
}

.mag-title{
display: flex;
    flex-direction: column;
    justify-content: space-between;
 }


   @media (max-width: 767px) {
    .offer-top .col-lg-4 {
        margin-bottom: 18px;
    }
    .offer-top .col-lg-4:last-of-type {
        margin-bottom: 0;
    }
    .eventcalenderpage {
    padding-bottom: 16px;
}
.fz34{
font-size: 24px !important;
}
}