:root{
  --teal:#138a7a;
  --light:#e9f6f5;
}
*{box-sizing:border-box}
body{font-family: 'Helvetica Neue', Arial, sans-serif;background:var(--light);}

/* HERO */
.hero-section{position:relative;height:600px;overflow:hidden}
.hero-columns{display:flex;height:100%}
.hero-columns .col{flex:1;background-size:cover;background-position:center}
.hero-overlay {
    position: absolute;
    left: 15%;
    top: 0;
    color: #fff;
    bottom: 0;
    align-items: center;
    display: flex;
}
.hero-overlay .logo h2{font-weight:800;font-size:28px;letter-spacing:1px}
.hero-text{margin-top:60px}
.hero-text h4 {
    display: block;
    opacity: 0.9;
    font-size: 30px;
    line-height: 60px;
}
header.header {
    position: absolute;
    margin: 0;
    z-index: 1;
    width: 100%;
}
header.header .logo h2 {
    color: #fff;
    font-weight: 700;
    padding-top: 20px;
}

.hero-text h1{font-size:84px;line-height:0.85;margin:0}
.hero-text .highlight{background:#138a7ad1;padding: 14px .8rem;color:#fff;border-radius:4px}
.hero-text .thin {
    font-weight: 300 !important;
    color: #fff;
    font-size: 84px;
    line-height: 90px;
    margin: 0;
}
section.sec2 {
    padding-top: 50px;
    padding-bottom: 50px;
}
/* FORM PANEL */
.form-panel {
    background: #e9f6f5;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgb(233 246 245);
}
.form-panel .form-label {
    font-weight: 600;
    color: #fff;
}
.form-panel .f1 {
    background: #138a7a;
    padding: 15px;
    border-radius: 55px;
}
#budget::placeholder {
  color: #ffffff !important;
  opacity: 1; /* for consistent brightness */
}
.form-panel input {
   color: #fff;
    background: #138a7a;
    border: none !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom: 1px solid #fff !important;
}
.form-panel .form-select, .form-panel .form-control {
    color: #fff;
    background: #138a7a;
    border: none !important;
    border-bottom-right-radius: 40px !important;
    border-bottom-left-radius: 40px !important;
    border-bottom: 1px solid #c5baba42 !important;
}
button#submitBtn {
    padding: 15px !important;
    color:#fff;
    font-size: 18px;
}
.form-panel .f1:focus,
.form-panel .f1:active,
.form-control:focus {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.form-panel .form-select:focus {
    border-color: #138a7a !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(19 138 122) !important;
}
.form-panel .form-select:active {
    border-color: #138a7a !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(19 138 122) !important;
}
.form-panel .form-select, .form-panel .form-control{border-radius:30px}

/* PLAN PANEL */
.plan-panel{background:#fff;border-radius: 50px 50px 50px 50px;box-shadow:0 10px 30px rgba(0,0,0,0.05)}
.plan-head {
    background: #333;
    color: #fff;
    border-radius: 50px 50px 0 0;
}
.plan-head h3 {
    font-size: 40px;
    padding: 10px 0 0px 10px;
    font-weight: 700;
}
.plan-head h2 {
    font-size: 40px;
    padding: 0px 10px;
    font-weight: 300;
}
.plan-body li{padding:10px 0;border-bottom:1px solid #f1f1f1}
.options-list .btn{border-radius:30px}
.options-list .btn.active{background:var(--teal);color:#fff}
.plan-body li .float-end {
    float: right !important;
    color: #2EC1AD;
}
.plan-panel .options-wrap button.btn-option {
    width: 110px;
    padding: 8px;
    border-radius: 30px;
    border: 1px solid #d6c9c9;
}
.plan-panel .options-wrap .btn-group {
    gap: 15px;
    flex-wrap: wrap;
}
.plan-panel .options-wrap button.btn-option:active {
    background: #138a7a;
    color: #fff;
}
.plan-panel .options-wrap button.btn-option:hover {
    background: #138a7a;
    color: #fff;
    transition: 0.7s;
}
/* Thumb cards */
.thumb-card{width:180px;min-width:180px;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,0.08)}
.thumb-card img{height:110px;object-fit:cover}

/* Footer overlay */
.site-footer{position:relative}
.site-footer .overlay{position:absolute;inset:0;background:rgba(10,30,30,0.6)}
.site-footer .container{position:relative}

.social a:hover {
    background: #2f8c7e;
}

.destination-slider {
  overflow: hidden;
}

.dest-card {
  background: #fff;
  padding: 12px;
  border-radius: 16px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.1);
  margin: 10px;
  transition: .3s ease;
}

.dest-card img {
  width: 100%;
  height: 140px;
  object-fit: cover;
  border-radius: 12px;
}

.dest-card:hover {
  transform: translateY(-5px);
}

/* Custom Arrows */
.custom-prev, .custom-next {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  border: none;
  box-shadow: 0 3px 10px rgba(0,0,0,0.2);
  position: absolute;
  top: 40%;
  z-index: 10;
}

.custom-prev {
  left: -20px;
}

.custom-next {
  right: -20px;
}

.custom-prev i, .custom-next i {
  font-size: 20px;
  color: #000;
}

.slick-slide {
  padding-right: 15px;
}

footer.footer {
    padding: 50px;
}


/************************************************** 
                FOOTER CSS
**************************************************/
.menu ul {
    padding-left: 0;
}

.menu h4,
.menu ul li {
    color: #ffffff;
    list-style: none;
}

.menu ul li a {
    color: #ffffff;
    text-decoration: none;
}

.footer_detail h4 {
    font-size: 16px;
    margin-bottom: 0;
}

.footer_detail p,
.wigdet_4 p>strong {
    color: var(--white);
}

.footer_detail {
    display: flex;
    align-items: baseline;
}

.menu ul li {
    padding-bottom: 13px;
}

.footer_bottom p {
    color: #fff;
    margin-bottom: 0;
    padding-top: 15px;
}

.footer_bottom {
    border-top: solid 2px #3e4150;
}

.footer {
    padding-top: 60px;
    padding-bottom: 20px;
}

.footer_detail .footer_icon {
    color: #fff;
    margin-right: 15px;
}

h6.titleFooter {
    border-bottom: 1px solid #ffffff00;
    padding-bottom: 19px;
    position: relative;
    margin-bottom: 30px;
    color: #fff;
}

h6.titleFooter:after {
    content: '';
    position: absolute;
    width: 80px;
    background: #ffffff;
    height: 1px;
    bottom: -1px;
    left: 0;
}

footer#footer {
    padding: 90px 0 10px;
    background: #0B1E2B;
}

.footer p {
    color: #fff;
}

.social {
    display: flex;
    align-items: center;
}

.social a {
    text-decoration: none !important;
    width: 40px;
    height: 40px;
    background: transparent;
    border: 1px solid #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    color: #5e6369;
    margin-right: 30px;
}

.social a i {
    background: #fff;
    color: #000000;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

.social a:hover {
    color: var(--white);
}

.form-new {
    display: flex;
    border: 1px solid #e8ecf6;
    background: #e8ecf62b;
    width: 100%;
    padding: 10px 20px;
    justify-content: space-between;
}

.wigdet_4 input[type="text"] {
    background: transparent;
    border: 0;
    outline: none;
}

.form-new button {
    border: 0;
    outline: none;
    background: transparent;
    color: var(--white);
}

.subFooter-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    PADDING-LEFT: 0;
    list-style: none;
}

.subFooter-menu li {
    padding-right: 50px;
    border-right: 1px solid #7e8896;
}

.subFooter-menu a {
    color: #ffffff;
    text-decoration: none;
}

p.copy-right {
    margin: 0;
    padding: 0;
    float: right;
}

.footer_bottom .row {
    align-items: center;
}

.subFooter-menu li:last-child {
    border: 0;
}

.footer_bottom {
    padding: 20px 0 10px;
    margin-top: 40px;
}
.footer_content p>strong {
    color: var(--white);
    margin-bottom: 10px;
    font-family: 'Montserrat', sans-serif;
}

.wigdet_4 p>strong {
    font-family: 'Montserrat', sans-serif;
}

.subFooter-menu a:hover {
    color: #d2e7e5;
    text-decoration: none;
}
footer#footer .wigdet_4 i.fa-solid.fa-arrow-right-long {
    color: #fff;
}
footer#footer .wigdet_4 .form-new input {
    color: #fff;
}
footer#footer .aboutfooter.wigdet_1 {
    padding: 10px;
}
footer#footer .wigdet_2.menu_3.menu {
    padding: 10px;
}
footer#footer .wigdet_3.menu_3.menu {
    padding: 10px;
}
footer#footer .wigdet_4 {
    padding: 10px;
}
/* Responsive tweaks */
@media (max-width: 1400px){
 .hero-overlay {
    position: absolute;
    left: 7%;
    top: 0;
    color: #fff;
    bottom: 0;
    align-items: center;
    display: flex;
}
}
@media (max-width: 992px){
  .hero-text h1{font-size:44px}
  .hero-section{height:300px}
      .hero-overlay {
        position: absolute;
        left: 13%;
        top: 0;
        color: #fff;
        bottom: 0;
        align-items: center;
        display: flex;
    }
}

@media (max-width: 576px){
.hero-text {
    margin-top: 80px;
}
    .hero-text h1 {
        font-size: 50px;
        text-align: center;
    }
header.header .logo h2 {
    color: #fff;
    font-weight: 700;
    padding-top: 20px;
    text-align: center;
}
    .hero-overlay {
        position: absolute;
        left: 0;
        top: 0;
        color: #fff;
        bottom: 0;
        align-items: center;
        display: flex;
        right: 0;
    }
    .subFooter-menu a {
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
}
    p.copy-right {
    margin: 0;
    padding: 0;
    float: inherit;
    padding-top: 10px;
}
.subFooter-menu li {
    padding-right: 20px;
    border-right: 1px solid #7e8896;
}
    .plan-panel .options-wrap button.btn-option {
    width: 47%;
    padding: 8px;
    border-radius: 30px;
    border: 1px solid #d6c9c9;
}


    .plan-head h2 {
    font-size: 22px;
    padding: 0px 10px;
    font-weight: 300;
}
    .plan-head h3 {
    font-size: 22px;
    padding: 10px 0 0px 10px;
    font-weight: 700;
}
.hero-text .thin {
    font-weight: 300 !important;
    color: #fff;
    font-size: 50px;
    line-height: 90px;
    margin: 0;
    text-align: center;
}
      .hero-section {
        height: 370px;
    }
    .hero-text .highlight {
    background: #138a7ad1;
    padding: 14px .8rem;
    color: #fff;
    border-radius: 4px;
    text-align: center;
}
    .hero-text h4 {
    display: block;
    opacity: 0.9;
    font-size: 30px;
    line-height: 60px;
    text-align: center;
}
.accordion .accordion-body .flightdetail .flightlist ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}
.detailbanner .innerdara h1.highlight {
    color: white;
    font-size: 60px !important;
    font-weight: 700;
    display: inline-block;
    padding: 0 15px;
    border-radius: 5px;
    background: #138a7ad1;
    border-radius: 4px;
}
.destination-slider .slidertext h2 {
    text-align: center;
    font-size: 30px !important;
}
.tab2-data ul {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #dacdcd;
    align-items: end;
    padding-bottom: 15px;
    padding-left: 0px;
    align-items: center;
}
.blog-img .content {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 20px;
    align-items: center;
}
.blog-img .content h2 {
    color: #fff;
    font-size: 16px !important;
    width: 50% !important;
}
section.sec3-accord button.accordion-button .buttondata {
    display: flex;
    gap: 90px;
    align-items: center;
}
.blog-img .content p {
    padding: 5px 8px;
    background: #A1A1A1;
    border-radius: 20px;
    color: #fff;
    font-size: 12px !important;
    width: 50%;
}
.booking-form {
    background-color: #174A51;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
}
section.seco2-form .row .image1 img {
    object-fit: cover;
    width: 100%;
    margin-top: 10px;
}
section.seco2-form {
    padding-top: 80px;
    padding-bottom: 0px;
}
section.sec3-accord ul#myTab li.nav-item {
    width: 45% !important;
    margin-right: 10px;
}
section.sec3-accord button.accordion-button .buttondata h3
 {
     width:50%;
    font-size: 12px !important;
}
}
/* .hero-section {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.hero-columns {
  display: flex;
  width: calc(200%);  
  height: 100%;
  animation: slide 25s linear infinite;
}

.hero-columns .col {
  width: 20%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@keyframes slide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
} */


/* DETAIL PAGE CSS */


.detailbanner {
  background-image: url('/images/innerbaner.png'); 
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 800px; 
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.detailbanner .innerdara h4 {
  color: white;
  font-size: 30px;
  line-height: 60px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

.detailbanner .innerdara h1.highlight {
  color: white;
  font-size: 100px;
  font-weight: 700;
  display: inline-block;
  padding: 0 15px;
  border-radius: 5px;
  background: #138a7ad1;
  border-radius: 4px;
}
.destination-slider .slidertext {
    padding-bottom: 20px;
}

.destination-slider .slidertext h2 {
    text-align: center;
    font-size: 40px;
}

.destination-slider .slidertext h2 strong {
    color: #2EC1AD;
}
/* Booking Form Styles */
.booking-form {
    background-color: #174A51;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.booking-form label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
}

.booking-form input {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    font-size: 14px;
    background: #5B9393;
    color: #fff;
    border-radius: 20px;
}
.booking-form input::placeholder{
    color: #fff;
}
.booking-form button {
    padding: 10px 40px;
    background-color: #2EC1AD;
    color: white;
    border: none;
    font-size: 14px;
    border-radius: 20px;
}

.booking-form button:hover {
    background-color: #2ecc71;
}
section.seco2-form {
    padding-top: 80px;
    padding-bottom: 80px;
}
.blog-img {
    padding: 10px;
    height: 100%;
    align-items: end;
    display: flex;
}

.blog-img .content {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 20px;
    align-items: baseline;
}
.blog-img .content h2 {
    color: #fff;
    font-size: 30px;
}
.blog-img .content p {
    padding: 5px 8px;
    background: #A1A1A1;
    border-radius: 20px;
    color: #fff;
}
section.seco2-form .row .image1 img {
    object-fit: cover;
    width: 100%;
}
 .map-container { height: 400px; width: 100%; max-width: 900px; margin: 20px auto; border: 1px solid #ddd; }
    iframe { width: 100%; height: 100%; border: 0; }


    .accordion-button::after {
    content: "+";
    font-size: 22px;
    font-weight: bold;
    color: #000;
    transform: none !important;
    background-image: none !important;
}

.accordion-button:not(.collapsed)::after {
    content: "−"; /* Minus sign */
    font-size: 22px;
    font-weight: bold;
    color: #ffffff;
}
section.sec3-accord ul#myTab {
    width: 100%;
    border-bottom: none;
    border: 1px solid #d1d1d1;
    padding: 10px;
    border-radius: 35px;
}

section.sec3-accord ul#myTab li.nav-item {
    width: 49%;
    margin-right: 10px;
}
section.sec3-accord {
    padding-top: 40px;
    padding-bottom: 40px;
}
section.sec3-accord ul#myTab li.nav-item button#tab1-tab {
    width: 100%;
    background:transparent;
    padding: 10px;
    border-radius: 30px;
    border: 1px solid #b3aaaa;
    color: #000;
    font-size: 18px;
}
section.sec3-accord ul#myTab li.nav-item button#tab2-tab {
    width: 100%;
    background: transparent;
    padding: 10px;
    border-radius: 30px;
    border: 1px solid #b3aaaa;
    color: #000;
    font-size: 18px;
}
section.sec3-accord ul#myTab li.nav-item button.nav-link.active {
    background:#2EC1AD !important;
    color: #fff !important;
}
section.sec3-accord ul#myTab li.nav-item button.nav-link:hover {
    background: #2EC1AD !important;
    color: #fff !important;
}

/* section.sec3-accord button.accordion-button {
    background: #174A51;
} */
section.sec3-accord button.accordion-button .buttondata {
    display: flex;
    gap: 90px;
}
section.sec3-accord button.accordion-button .buttondata h3 {
    font-size: 16px;
}

section.sec3-accord button.accordion-button:not(.collapsed) {
    background: #174A51 !important;
    color: #fff !important;
}

/* Accordion focus state */
section.sec3-accord button.accordion-button:focus {
    background: #174A51 !important;
    color: #fff !important;
    box-shadow: none !important; /* optional: remove blue glow */
}

.accordion .accordion-body {
    padding: 40px;
}

.accordion .accordion-body .flightdetail .flighthead {
    display: flex;
    gap: 20px;
    align-items: center;
    padding-bottom: 10px;
}

.accordion .accordion-body .flightdetail h4 {
    font-size: 16px;
    padding-left: 65px;
    color: #2EC1AD;
}

.accordion .accordion-body .flightdetail .flighthead h5 {
    font-size: 14px;
    color: #000;
    background: #8c8a8a47;
    padding: 5px 10px;
    border-radius: 22px;
}

.accordion .accordion-body .flightdetail .flightlist {
    padding-left: 30px;
    padding-top: 20px;
}

.accordion .accordion-body .flightdetail .flightlist ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.accordion .accordion-body .flightdetail .flightlist ul li {
    list-style: none;
    font-size: 14px;
}
.accordion .accordion-body {
    padding: 20px 40px;
}
.accordion .accordion-body .flightdetail .flightlist ul li.l2 {
    padding: 5px 18px;
    background: #e9f6f5;
    border-radius: 20px;
    color: #8b7a7a;
}
.accordion .accordion-body .flightdetail .flightlist ul li strong {
    color:#2EC1AD;
    font-size: 16px;
}
.tab2-data {
    padding: 50px;
    background: #EFF7F7;
    border: 1px solid #C6C6C6;
    border-radius: 20px;
}

.tab2-data .title h2 {
    font-size: 20px;
    padding: 20px;
}

.tab2-data .flighthead {
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 20px;
}
.flightdete .flight-info-list-2 h5 {
    font-size: 16px;
}
.tab2-data .flighthead h5 {
    font-size: 16px;
    margin: 0;
}

.tab2-data ul {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #dacdcd;
    align-items: end;
    padding-bottom: 15px;
}
.tab2-data ul.u2 {
    border-bottom: none;
    padding-bottom: 0;
}

.tab2-data ul li {
    list-style: none;
}

.tab2-data ul li .flight-info-list {
    display: flex;
    align-items: center;
    gap: 10px;
}
.tab2-data ul li .flight-info-list h5 {
    margin: 0;
    font-size: 16px;
}
.flightdete {
    padding: 20px;
    background: #fff;
    border-radius: 15px;
}
.flightdete h2 {
    font-size: 18px;
    padding-left: 35px;
    color: #2EC1AD;
}


.flightdete .flight-info-list3 h5 {
    font-size: 16px;
    color: #707070;
}

.flightdete .flight-info-list3 h5 strong {
    font-weight: 300;
}
.flightdete .flight-info-list-bookbtn button {
    background: #2EC1AD;
    border: navajowhite;
    padding: 5px 10px;
    color: #fff;
    border-radius: 20px;
    font-size: 16px;
}
section.sec3-accord .accordion-button {
    background-color: #e9f6f5;
    border: 1px solid #d3d3d3;
}
section.sec3-accord button.accordion-button:not(.collapsed) h3.g1 {
    color: #fff !important;
}
section.sec3-accord button.accordion-button .buttondata h3.g1:after {
    content: "";
    justify-content: center;
    position: absolute;
    text-align: center;
    left: 150px;
    width: 2px;
    height: 30px;
    top: 12px;
    bottom: 0;
    background: #ccc7c7;
}
section.sec3-accord button.accordion-button .buttondata h3.g1 {
    color: #2ec1ad;
    font-weight: 700;
}
section.sec3-accord .accordion-item {
    margin-bottom: 10px;
    background: #e9f6f5 !important;
    border: 1px solid #e5f0ef;
}
.accordion-collapse:before {
    content: '';
    position: absolute;
    height: 100%;
    border: 1px dashed #dacdcd;
    background-repeat: no-repeat;
    left: 60px;
    z-index: 1;
    background-size: cover;
}
.accordion-collapse {
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}
.accordion .accordion-body .flightdetail .flighthead img {
    z-index: 1;
}
/* .accordion-collapse:before {
    content: '';
    position: absolute;
    background: url(images/s2.png);
    width: 100%;
    height: 100%;
    display: flex;
    background-repeat: no-repeat;
    right: -61px;
}  */
/* .accordion .accordion-body .flightdetail .flighthead img {
    z-index: 1;
    position: relative;
}