/*===== Header Css =====*/
footer,
section{
    display:inline-block;
    width:100%;
    float:left;
    clear:both;
}
.section-padding4{
    padding:50px 0;
}
button:hover{
    cursor:pointer;
}
.logo img{
    height:65px;
}
.clearfix{width:100%;height:1px; background:transparent; margin:10px 0; clear:both;position:relative;}

.findinputbox{
    width: 50%;
}
.table-not-found{
    font-size: 20px;
    margin: 15px 0;
    color: #6c6c6c;
}
.dark-overly{
    background: #071516bd;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: inline-block;
    width: 100%;
    float: left;
}
.dark-light-overly{
    background: #0000005e;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: inline-block;
    width: 100%;
    float: left;
}

.findinputbox input[type="text"]{
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #ccc;
    background: #f5f5f5;
    transition: .5s;
}
.findinputbox input[type="text"]:focus{
    background: #ffffff;
    outline: auto;
    outline-color: #2296f3;
}
.findinputbox input[type="date"]{
    width: 100%;
    padding: 20px 25px;
    border: 1px solid #ccc;
    border-radius: 8px;
    cursor: pointer;
    text-transform: uppercase;
    color: #414141;
    transition: .5s;
    background: #f5f5f5;
}
.findinputbox input[type="date"]:hover{
    background: #fff;
}
.findinputbox input[type="date"]:focus{
    background: #ffffff;
    outline: auto;
    outline-color: #2296f3;
}
.findinputbox label{
    font-size: 14px;
    display: inline-block;
    width: 100%;
    margin: 0;
}
.text_left{
    text-align: left;
}
.text_right{
    text-align: right;
}
.text_center{
    text-align: center;
}
.relative{position:relative;}
.absolute{position:absolute;}
.d-flex{display:flex;}
.w-flex{display:flex;flex-wrap:wrap;}
.searchbtn{
    position: absolute;
    bottom: 0;
}
.top-search-content{
    padding-top:15px;
}
.round-trip-label{}
.round-trip-label .circle{
    background: #ffffff !important;
}
.round-trip-label .radio-text{
    background: #01786d;
    color: #fff;
}
.explore-icon img{width:24px;height:auto;}



.header-grid{
    /* border-bottom: 1px solid #ccc; */
}






.hero-bg-two .hero-caption-two{
    padding-right: 50px;
}



.drop-down-selector{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
    display: none;
}
.drop-down-selector ul{}
.drop-down-selector li{}
.drop-down-selector li span{}
.drop-down-selector li.highlight{
    background: #008d7f;
    color: #fff;
}
.drop-down-selector li.highlight span{}







/*======== Index Page ======*/
.protocol-form{
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0;
    clear: both;
    float: left;
}
.protocol-form form{
    width: 100%;
    display: inline-block;
    clear: both;
    float: left;
}
.protocol-form form .row{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 5px;
}
.protocol-title{
    font-size: 27px;
    margin-bottom: 12px !important;
}
.protocol-title h4{
    font-size: 25px;
    margin-top: -25px;
    margin-bottom: 25px;
    color: #01897c;
    font-weight: bold;
}
.protocol-form form label{
    display: block;
    float: left;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 3px;
    display:none;
}
.protocol-form form input[type="datetime-local"],
.protocol-form form input[type="text"]{
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    margin: 0 0 10px 0;
    background: #f8f8f8;
    border: 1px solid #ccc;
    border-radius: 5px;
    transition: .5s;
}
.protocol-form form input[type="datetime-local"]:focus,
.protocol-form form input[type="text"]:focus{
    background: #fff;
    outline: auto;
    outline-color: #009688;
}
.protocol-form form input[type="datetime-local"]{
    text-transform: uppercase;
    cursor: pointer;
}
.protocol-form form input[type="submit"]{
    padding: 10px;
    background: #009688;
    color: #fff;
    font-weight: 700;
    outline: none;
    border: 1px solid #009688;
    border-radius: 8px;
    transition: .5s;
}
.protocol-form form input[type="submit"]:hover{
    background: #fff;
    color: #009688;
}
.protocol-form form input[type="submit"]:active{
    background: #000;
    color: #fff;
}


.home-tab-thumbnail-icon{
    width: 100%;
    display: inline-block;
    clear: both;
}
.home-tab-thumbnail-icon img{
    width: 100%;
}



.section-box-icon{
    display: inline-block;
    width: 100%;
    clear: both;
    text-align: center;
    margin: 25px 0;
}
.section-box-icon .box{
    margin: 15px;
    padding: 15px;
    box-shadow: 0 0 3px #d5d5d5;
    border-radius: 3px;
    height: 100%;
}
.section-box-icon .thumbnail-icon{
    text-align: center;
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 10px;
}
.section-box-icon .thumbnail-icon img{
    width: 100px;
    border-radius: 100%;
    background: #f5f9ff;
    padding: 10px;
}
.section-box-icon h4{
    font-size: 20px;
    margin: 5px 0;
    color: #2196F3;
    font-weight: 900;
}
.section-box-icon p{
    margin: 5px 0;
    display: inline-block;
    float: left;
    clear: both;
}


/*======== Global ==========*/
.contact-flex-row{
    display: flex;
    flex-wrap: nowrap;
}
.contact-flex{
    padding: 0;
    width: 80%;
}
.contact-flex:first-child{
    width: 20%;
}
.form-submit{
    width: 100%;
    padding: 14px;
}
.input-text{
    width: 100%;
    padding: 14px;
    border: 1px solid #ccc;
    border-radius: 2px;
    background: #f8f9fa;
}
.input-date{
    width: 100%;
    padding: 14px;
    border: 1px solid #ccc;
    border-radius: 8px;    
    text-transform: uppercase;
    cursor: pointer;
}
.radio-row{
    margin-bottom: 5px;
}
.radio-row label{
    width: max-content;
    margin-right: 15px;
    padding: 10px 10px;
    border-radius: 5px;
    background: transparent;
    color: #017b6e;
    font-size: 14px;
    line-height: 15px;
    cursor: pointer;
    transition: .5s;
    border: 1px solid #017b6e;
}
.radio-row label input[type="radio" i]{
    width: 15px;
    height: 15px;
    float: left;
    margin-right: 5px;
}
.radio-row label.active{
    background: #017b6e;
    color: #fff;
}
.bg-overly-dark{
    background: linear-gradient(89.17deg, #000000ad 0.61%, rgb(0 0 0 / 62%) 95.26%);
}
.input-text:focus{}
.form-select{
    padding: 15px;
    margin-bottom: 10px;
    cursor: pointer;
    border-radius: 3px;
    background: #f8f9fa;
    border: 1px solid #ccc;
    font-weight: 500;
}
form .row{
    margin: 0 0 15px 0;
}
.form-select:hover{
    color: #444;
}
.form-select:focus{}
.label-title{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 3px;
    font-size: 1rem;
    padding: 0;
}
.secondary-blog h4.title{
    /* font-size: 16px !important; */
    /* line-height: 25px !important; */
}
.secondary-blog .heading-pera{
    font-size: 14px !important;
}


.enable-ajax{
    position: relative;
}
.enable-ajax ul{
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: -3px;
    background: #ffffff;
    border-radius: 5px;
    z-index: 999;
    box-shadow: 0 0 3px #ccc;
    overflow: hidden;
    max-height: 250px;
    overflow-y: scroll;
}
.enable-ajax ul li{
    padding: 10px;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #e1e1e1;
    cursor: pointer;
    transition: .5s;
    text-align: left;
}
.enable-ajax ul li img{width: 25px;margin-right: 5px;}
.enable-ajax ul li:hover{
    background: #f3faff;
}
.enable-ajax ul li:active{
    background:#353535;
    color:#fff;
}
.form-title{
    margin-bottom:5px;
}
.form-dropdown{
    width: 100%;
    padding: 12px;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    cursor: pointer;
    font-size: 16px;
}
.search-tour-card{
    border:none;
    margin-left: 50px;
}
.search-tour-card form select{
    font-weight:bold;
}
.search-tour-card form input[type="text"]{
    cursor:text;
    font-weight: bold;
}
.search-tour-card form input[type="text"]:disabled:hover{
    background:#fff;
}
.search-tour-card form ul li{font-weight:700;}


/*===========
    Service Button
============*/
.service-button-grid {
  display: flex;
  flex-wrap: wrap; /* Allows items to wrap onto multiple lines */
  justify-content: center; /* Centers the boxes horizontally */
  gap: 20px; /* Adds space between boxes */
  padding: 20px; /* Adds padding around the container */
  background-color: #f9f9f9; /* Light background color */
  border-radius: 10px; /* Rounded corners for the container */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}

.service-button-grid .box {
  background-color: #fff; /* White background for the boxes */
  border-radius: 8px; /* Rounded corners for the boxes */
   /* Padding inside the boxes */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Smaller shadow for the boxes */
  transition: transform 0.2s ease, box-shadow 0.2s ease; /* Smooth transitions */
  text-align: center; /* Center the icon and text */
}

.service-button-grid .box:hover {
  transform: translateY(-5px); /* Move up slightly on hover */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); /* More prominent shadow on hover */
}

.service-button-grid .box a {
  display: flex; /* Use flexbox for icon and text alignment */
  align-items: center; /* Vertically align icon and text */
  justify-content: center; /* horizontally align icon and text */
  text-decoration: none; /* Remove underlines from links */
  color: #333; /* Dark gray text color */
  font-weight: 500; /* Slightly bolder font weight */
  gap: 10px; /* Space between icon and text */
  padding: 15px 25px;
}

.service-button-grid .box i {
  font-size: 1.2em; /* Slightly larger icon size */
  color: #007bff; /* Blue icon color (you can customize this) */
}
/* Responsive adjustments (example) */
@media (max-width: 768px) {
  .service-button-grid {
    gap: 10px; /* Reduce gap on smaller screens */
    padding: 10px;
  }
  .service-button-grid .box {
    padding: 10px 20px; /* Reduce padding on smaller screens */
    flex: 1 1 calc(50% - 10px); /* Two boxes per row on smaller screens */
  }
}

@media (max-width: 500px) {
    .service-button-grid .box {
        flex: 1 1 100%; /* One box per row on very small screens */
    }
}
/*========
Visa assistance
=========*/
.visa-assistance-page-header{
    background: red;
    height: 280px;
    width: 100%;
}
.visa-assistance-page-header h4{display: inline-block;width: 100%;margin-top: 70px;margin-bottom: 10px;color: #FFC107;font-size: 20px;font-weight: 200;font-style: italic;}
.visa-assistance-page-header h1.title{
    font-size: 50px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}
.visa-assistance-page-header .visa-overly{
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #0000008f, #1826727d);
}
.visa-assistance-page-body{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
}
.visa-assistance-page-body .container{}
.visa-assistance-page-body .tab-buttons{
    width: 100%;
    float: left;
    background: transparent;
    margin-top: -56px;
}
.visa-assistance-page-body .tab-button{
    width: max-content;
    padding: 15px 25px;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    color: #4c4b4b;
}
.visa-assistance-page-body .tab-button:hover{}
.visa-assistance-page-body .tab-button.active{
    background: #f8f9fa;
    color: #f26f55;
    border-bottom: 1px solid #f8f9fa;
}

.visa-assistance-page-body .tab-body{
    background: #f8f9fa;
    border: 1px solid #e7e3e3;
    border-top: none;
}
.visa-assistance-page-body .tab-body .tab-form{
    padding: 35px;
}
.visa-assistance-page-body .tab-body form{
    padding: 50px 25px 35px 25px;
    background: #fff;
    box-shadow: 0px -2px 2px #ccc;
    border-radius: 5px;
    border-bottom: 2px solid #f96244;
}
.visa-assistance-page-body .tab-body form input[type="submit"]{
    width: 180px;
    margin: 0 auto;
    border: 1px solid #f96244;
    padding: 15px 0;
    border-radius: 5px;
    background: #f96244;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    transition: .5s;
    outline: none;
}
.visa-assistance-page-body .tab-body form input[type="submit"]:hover{
    background: transparent;
    color: #f96244;
}
.visa-assistance-page-body .tab-body form input[type="submit"]:active{
    background: #000;
    color: #fff;
}
.visa-assistance-page-body .tab-body form .visa-form-label{
    width: 50%;
    text-align: left;
}
.visa-assistance-page-body .tab-body form .visa-form-input{
    width: 100%;
    position: relative;
}
.visa-assistance-page-body .tab-body form .visa-form-input .departure-country{width:100%;clear:both;float:left;position: relative;text-align: left;font-weight: 600;cursor: pointer;}
.visa-assistance-page-body .tab-body form .visa-form-input .departure-country img{
    width: 30px;
    height: auto;
}
.visa-assistance-page-body .tab-body form label{
    display: block;
    float: left;
    text-align: center;
    width: 100%;
    padding: 15px;
    font-weight: bold;
    color: #009688;
}
.visa-assistance-page-body .tab-body form .col-xl-6{display:flex;text-align:right;float:right;margin:0;}
.visa-assistance-page-body .tab-body form .travel-insurance-ads{
    width: 80%;
    margin: 25px auto;
    padding: 15px;
    font-size: 16px;
    color: #363030;
    background: #e6f0f8;
    border-left: 4px solid #607D8B;
    font-style: italic;
}
.visa-assistance-page-body .tab-body form .travel-insurance-ads a{
    color: #FF5722;
    border-bottom: 1px solid;
    margin: 0 5px;
}
.visa-assistance-page-ads{
    display: inline-block;
    width: 100%;
    clear: both;
}
.visa-assistance-page-ads .vaps-slider{
    width: 100%;
    display: inline-block;
    clear: both;
    margin: 0;
    padding: 0;
}
.visa-assistance-page-ads .vaps-slider .vaps-slider-flex{
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.visa-assistance-page-ads .vaps-slider .vaps-slider-flex ul{
    display: flex;
    width: 700%;
    transition: .5s;
    height: 130px;
}
.visa-assistance-page-ads .vaps-slider .vaps-slider-flex li{
    height: 100%;
    width: 100%;
    clear: both;
    float: left;
}
.visa-assistance-page-ads .vaps-slider .vaps-slider-flex li a{
    width: 100%;
    height: 100%;
    display: inline-block;
    float:left;margin:0;
}
.visa-assistance-page-ads .vaps-slider .vaps-slider-flex img{
    width: 100%;
    height: 130px;
    float: left;
}

.slider-text-content{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, #000000d4, #00000096, transparent);
}
.slider-text-content .text-content-slider{position:absolute;bottom:0px;padding:30px}
.slider-text-content .text-content-slider h2{color:#f2f2f2;line-height:45px;font-size:35px}
.slider-text-content .text-content-slider p{color:#FFEB3B;font-size:14px;margin:10px 0}
.slider-text-content .text-content-slider button{color:#fff;background:#FF5722;border:none;padding:10px 25px;border-radius:5px;cursor:pointer;transition:.5s;}





.query-submit-grid{
    display: grid;
    grid-template-columns: 45% 55%;
}
.query-submit-grid .visa-submit-grid-item{
    margin-bottom: 20px;
}
.query-submit-grid .visa-submit-grid-item:nth-child(2){
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 2;
    padding-left: 30px;
}
.visa-query-form{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
}
.visa-query-form .contact-card{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
}
.visa-query-form .visa-query-form-after-ads{
    width: 100%;
    display: inline-block;
    clear: both;
    float: left;
    margin: 15px 0;
}
.visa-query-form .visa-query-form-after-ads img{
    width: 100%;
    height: auto;
}
.visa-query-form h4{
    font-weight: 900;
    color: #009688;
    padding-bottom: 10px;
    border-bottom: 2px dashed;
    margin-bottom: 5px;
}
.visa-query-form form{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
    margin: 15px 0;
}
.visa-query-form form label{
    position: absolute;
    top: 3px;
    left: 14px;
    font-size: 12px;
    font-weight: 600;
    /* background: #fff; */
    /* padding: 2px 5px; */
    /* border: 1px solid #ccc; */
    color: #444;
    display: none;
}
.visa-query-form form input[type="email"],
.visa-query-form form input[type="number"],
.visa-query-form form input[type="text"]{
    transition: .5s;
    /* padding-top: 20px; */
    /* padding-bottom: 10px; */
}
.visa-query-form form input[type="datetime-local"]{
    text-transform:uppercase;
    color:#444;
}
.visa-query-form form input[type="email"]:focus,
.visa-query-form form input[type="number"]:focus,
.visa-query-form form input[type="text"]:focus{
    background: #fff;
}
.visa-query-form form select{
    margin: 0;
}
.visa-query-form form select:hover{}
.visa-query-form form select:focus{}
.visa-query-form form textarea{
    min-height: 100px;!;!i;!;
    resize: none;
    border-radius: 3px;
}
.visa-query-form .visa-form-grid{
    display: grid;
    grid-template-columns: 51% 49%;
    margin-bottom: 30px;
}
.visa-query-form .form-input-field{
    position: relative;
    width: 100%;
    padding-right: 15px;
}
.visa-query-form .form-input-field .contact-no-input{}
.visa-query-form .form-input-field .country-code-input{
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translate(0px, -50%);
}
.visa-query-form .form-input-field .country-code-input span{display:none;}
.visa-query-form .form-input-field .contact-no-input .phone-number{
    padding-left: 40px;
}

.visa-query-form form-input-field:nth-child(2n){
    padding-right:0;
    /* padding-left:15px; */
}
.visa-query-form .nationality-country{width:100%;cursor:pointer;}
.visa-query-form .nationality-country img{
    width: 25px;
}
.visa-query-form .visa-form-row{
    display: flex;
    width: 100%;
    gap: 20px;
    margin-bottom: 30px;
}
.visa-query-form .visa-form-row .grid-3{

}
.visa-query-form .contact-no-type{
    width: 20%;
}
.visa-query-form .country-code-sec{
    width: 21%;
    background: #f8f8f8;
    padding: 0;
    border: 1px solid #ccc;
    position: relative;
    height: inherit;
    cursor: pointer;
}
.visa-query-form .country-code-sec label{padding-left: 0;left: 5px;}
.visa-query-form .country-code-sec label:hover{}
.visa-query-form .country-code-sec label:active{}
.visa-query-form .country-code-sec .country-code-input{
    /* position: absolute; */
    /* left: 50%; */
    /* top: 60%; */
    /* transform: translate(-50%, -60%); */
    width: 100%;
    /* padding: 0 5px; */
    padding: 20px 5px;
    height: 100%;
}
.visa-query-form .country-code-sec .country-code-input img{
    height: 16px;
    float: left;
}
.visa-query-form .country-code-sec .country-code-input span{
    display: block;
    float: left;
    font-size: 16px;
    line-height: 16px;
    margin-left: 5px;
}
.visa-query-form .input-phone-no{
    width: 50%;
}




.visa-consutancy-support{
    display: inline-block;
    width: 100%;
}
.visa-consutancy-support h3{
    font-weight: 900;
    color: #009688;
    display: inline-block;
    width: 100%;
    border-bottom: 1px dashed;
}
.visa-consutancy-support p.pera{
    font-size: 16px;
    line-height: 22px;
    margin: 15px 0;
}
.visa-consutancy-support ul{
    display: inline-block;
    width: 100%;
}
.visa-consutancy-support ul li{
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 20px;
    background: #f6fffe;
    padding: 15px 5px;
    color: #000;
    box-shadow: 0 0 3px #e7e7e7;
    border-radius: 1px;
}
.visa-consutancy-support ul li b{}
.visa-consutancy-support ul li b::before{font-family: 'remixicon' !important;font-style: normal;-webkit-font-smoothing: antialiased;content: "\F100";-moz-osx-font-smoothing: grayscale;display: block;float: left;height: 40px;font-size: 30px;line-height: 40px;width: 35px;color: #81C784;font-weight: normal;}








 

.country-suggetion{position: absolute;top: 100%;max-height: 180px;overflow-y: scroll;left: 0;right: 0;background: #fbfbfb;overflow-x: hidden;margin-top: 2px;border-radius: 5px;box-shadow: 0 0 3px #ccc;z-index: 1;}

.country-suggetion li{
    width: 100%;
    display: inline-block;
    padding: 10px;
    text-align: left;
    background: #fbfbfb;
    border-bottom: 1px solid #f2f2f2;
    cursor: pointer;
    transition: .5s;
}
.country-suggetion li img{height:18px;margin-right:5px;}
.country-suggetion li:hover{
    background: #f9f9f9;
}
.country-suggetion li:active{
    background: #8a8787;
    color:#fff;
}










.flight-booking-page-header{
    background:#05203c;
}
.flight-booking-page .choose-plan-nav label input:checked ~ span{
    background: #05203c;
}
.flight-booking-page .choose-plan-nav label input:checked + .circle:before{border-color:#05203c}
.btn-secondary-lg.btn-sky-lg{background:#05203c;color: #fff;padding: 16px 0;width: 100%;}
.btn-secondary-lg.btn-sky-lg:hover{border-color:#05203c;color: #05203c;background: transparent;}
.btn-secondary-lg.btn-sky-lg:active{background: #000;border-color:#000;color:#fff;}
.flight-booking-page .plan-section-three{background: #ffffffe0;}
.flight-booking-page{}
.flight-booking-page{
    background: url('../img/flight-cover.jpg') left top;
    background-size: cover;
}
.flight-booking-page .tab-content{display:inline-block;width:100%;background: transparent;box-shadow: none;margin-top: 0;padding: 15px 0;}

.flight-booking-after .image-scroller-ads{
    display: inline-block;
    width: 100%;
    padding: 25px;
    clear: both;
    margin: 25px 0;
    /* overflow: hidden; */
}
.flight-booking-after .image-scroller-ads .overflowitem{
    width: 100%;
    clear: both;
    float: left;
    display: inline-block;
    overflow: hidden;
    border-radius: 30px;
    box-shadow: 0 0 5px #ccc;
}
.flight-booking-after .image-scroller-ads .scroller-grid{
    width: 700%;
    display: flex;
    transition: .5s;
}
.flight-booking-after .image-scroller-ads .scroller-grid .scroller-single{
    width: 100%;
    display: inline-block;
    clear: both;
    position: relative;
}
.flight-booking-after .image-scroller-ads .thumbnail{
    width: 100%;
    clear: both;
    float: left;
    display: inline-block;
}
.flight-booking-after .image-scroller-ads .thumbnail img{
    width: 100%;
    height: 550px;
    min-width: 100%;
}
.flight-booking-after .image-scroller-ads .content{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(0deg, #00000061, #08000047);
    padding: 18% 50px;
}
.flight-booking-after .image-scroller-ads .content h4{
    color: #f2f2f2;
}
.flight-booking-after .image-scroller-ads .content h3{
    margin: 15px 0 25px 0;
    font-weight: bold;
    font-size: 45px;
    line-height: 60px;
    color: #fff;
    width: 50%;
}
.flight-booking-form{
    display: grid;
    flex-wrap: nowrap;
    width: 100%;
    grid-template-columns: 20% 20% 15% 30% 15%;
    margin-bottom: 20px;
}
#flight-booking-oneway-round{
    /* display: none; */
}
#flight-booking-form-multicity{
    display: none;
}
#flight-booking-form-multicity .SingleFlightDate{display:block;}
#flight-booking-form-multicity .row{padding:0;}
.input-date-picker{position:relative;}
.flight-booking-form .airport-list-selector{
    padding-top: 21px;
    padding-bottom: 10px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    transition:.5s;
}
.flight-booking-form .airport-list-selector:hover{
    background: #fff;
    border-color: #009688;
    box-shadow: 0 0 5px #009688;
}
.flight-booking-form label{
    line-height: 14px;
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    left: 20px;
    top: 0;
    width: max-content;
    padding: 5px 0;
    margin: 0;
    color: #383838;
}
.flight-booking-form .input-box{
    width: auto;
    float: left;
    padding: 0 5px;
    position: relative;
}
.flight-booking-form .input-box.travellerCountRow{
    display: flex;
    width: 100%;
}
.flight-booking-form .input-box .SingleFlightDate{display:none;font-weight: 600;padding: 18px 10px 13px 10px;cursor: pointer;transition: .5s;}
.flight-booking-form .input-box .SingleFlightDate:hover{
    background: #fff;
    border-color: #009688;
    box-shadow: 0 0 5px #009688;
}
.flight-booking-form .input-box input[type="text"]{
    padding: 20px 5px 10px 13px;
    background: #f9f9f9;
    font-size: 14px;
    line-height: 25px;
}
.flight-booking-form .input-box input[type="text"]:focus{
    outline: auto;
    outline-color: #05203c;
    background: #fff;
}
.flight-booking-form .input-box select{
    padding: 22px 15px 8px 15px;
    font-weight: normal;
}
.flight-booking-form .passengers-cabin-box{
    position: absolute;
    top: 100%;
    margin-top: 5px;
    background: #fff;
    padding: 15px;
    width: 300px;
    border: 1px solid #ccc;
    border-radius: 7px;
    z-index: 1;
    display:none;
}
.flight-booking-form .passengers-cabin-box::before{
    content:"";
    position: absolute;
    left: 20px;
    top: -8px;
    width: 15px;
    height: 15px;
    background: #ffffff;
    transform: rotate(45deg);
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.flight-booking-form .airport-suggetion-list::before{
    content:"";
    position: absolute;
    left: 20px;
    top: -8px;
    width: 15px;
    height: 15px;
    background: linear-gradient(130deg, transparent, transparent, #ffffff);
    transform: rotate(45deg);
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    display: none;
}
.flight-booking-form .cabin-class{
    display: inline-block;
    width: 100%;
    clear: both;
    float: right;
}
.flight-booking-form .cabin-class select{
    padding: 10px;
}
.flight-booking-form .cabin-class select:hover{}
.flight-booking-form .cabin-class select:focus{}

.flight-booking-form .input-box .user-qty-card{
    padding: 0;
    width: 100%;
    display: inline-block;
    float: left;
}
.flight-booking-form .cabin-class label,
.flight-booking-form .input-box .user-qty-card label{
    position: relative;
    left: 0;
    font-weight: bold;
    color: #444;
    font-size: 17px;
    margin-bottom: 10px;
    width: 100%;
    padding: 10px 0;
    cursor: auto;
}
.flight-booking-form .cabin-class label{
    margin-bottom: 0px;
}
.flight-booking-form .input-box .user-qty-card label i{
    position: absolute;
    right: 0;
    bottom: 8px;
}
.flight-booking-form .input-box .user-qty-card .user-quantity{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
    background: #fff;
    margin: 0;
}
.flight-booking-form .input-box .user-qty-card .user-quantity .user-category{
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
.flight-booking-form .input-box .user-qty-card .user-quantity ul{
    display: flex;
    width: 100%;
}
.flight-booking-form .input-box .user-qty-card .user-quantity ul h4{
    font-size: 14px;
    margin-top: 5px;
}
.flight-booking-form .input-box .user-qty-card .user-quantity ul p{
    font-size: 11px;
    padding: 0;
}
.flight-booking-form .input-box .user-qty-card .user-quantity ul li{
    width: 40%;
}
.flight-booking-form .input-box .user-qty-card .user-quantity ul li:last-child{
    width: 60%;
}
.flight-booking-form .input-box .user-qty-card .user-quantity ul li.qty-container{}
.flight-booking-form .input-box .user-qty-card .user-quantity ul li.qty-container button{
}
.flight-booking-form .input-box .user-qty-card .user-quantity ul li.qty-container button:hover{}
.flight-booking-form .input-box .user-qty-card .user-quantity ul li.qty-container button:active{}
.flight-booking-form .input-box .user-qty-card .user-quantity ul li input[type="text"]{
    margin: 0 5px;
    padding: 8px;
    background: #ffffff;
    width: 30px;
    max-width: 30px;
    border-radius: 10px;
    font-size: 20px;
}
.flight-booking-form .input-box .user-qty-card .user-quantity ul li input[type="text"]:focus{}
.flight-booking-form .airport-suggetion-list{
    position: absolute;
    width: 320px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 5px;
    padding: 0;
    z-index: 1;
} 
.flight-booking-form .airport-suggetion-list ul{
    padding: 5px 0 0 0;
    height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
    display:none;
} 
.flight-booking-form .airport-suggetion-list li{
    padding: 5px 15px;
    border-bottom: 1px solid #e1e1e1;
    cursor: pointer;
}
.flight-booking-form .airport-suggetion-list li:hover{
    background:#f9f9f9;
}
.flight-booking-form .airport-suggetion-list li i{} 
.flight-booking-form .airport-suggetion-list li h4{
    font-size: 16px;
    line-height: 24px;
} 
.flight-booking-form .airport-suggetion-list li h5{
    font-size: 12px;
    line-height:18px;
    margin: 3px 0;
    color: #777;
} 
.flight-booking-form .input-box input[type="text"]:focus ~ .airport-suggetion-list{display:block;}








.flight-query-overview{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
}
.flight-query-overview h4{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
    margin: 10px 0;
    font-size: 22px;
    font-weight: bold;
    color: #f26f55;
}
.flight-query-overview .flight-interest-grid{
    width: 100%;
    display: inline-block;
    clear: both;
    float: left;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 20px;
}
.flight-query-overview .flight-interest-grid h4{
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 10px;
    padding-bottom: 5px;
    color: #444;
}
.flight-query-overview .flight-interest-grid .single-city{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
}
.flight-query-overview .flight-interest-grid ul{
    display: flex;
    width: 100%;
    clear: both;
    flex-wrap: wrap;
}
.flight-query-overview .flight-interest-grid li{
    display: flex;
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    background: #f3f3f3;
    border-radius: 3px;
}
.flight-query-overview .flight-interest-grid li span{
    width: 65%;
    color: #333;
}
.flight-query-overview .flight-interest-grid li span:first-child{
    width: 35%;
    font-weight: 600;
    color: #34658f;
}
.flight-query-overview .flight-interest-grid li i{
    display: block;
    float: left;
    height: 100%;
    margin-right: 10px;
    font-size: 20px;
    line-height: 100%;
}
.flight-query-overview .flight-interest-grid li:last-child{}






.add-new-multicity{
    padding: 0;
    margin-top: 10px;
    width: 100%;
    padding: 0 10px;
}
.add-new-multicity .multicityAdd{
    width: max-content;
    padding: 12px 15px;
    background: transparent;
    border:1px solid #009688;
    border-radius: 5px;
    cursor: pointer;
    color: #009688;
    transition: .5s;
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    margin: 0 3px;
    float: left;
}
.add-new-multicity .multicityAdd:hover{
    background: #009688;
    color: #fff;
}
.add-new-multicity .multicityAdd:active{
    background: #000;
    color: #fff;
}
.add-new-multicity .multicityAdd i{
    font-size: 25px;
    float: left;
    margin-right: 5px;
}
.add-new-multicity input[type="submit"]{
    width: 200px;
    float: right;
    border-radius: 5px;
}
.travellerCountRow{}
.travellerCountRow .travellers-count{
    width: 28%;
    margin: 0 2% 0 3%;
    position: relative;
    /* background: #f9f9f9; */
    /* border: 1px solid #ccc; */
    /* border-radius: 2px; */
    /* height: 57px; */
}
.travellerCountRow .travellers-count .traveller-title{
    line-height: 14px;
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    left: 3px;
    top: 0;
    width: max-content;
    /* padding: 5px 0; */
    margin: 0;
    color: #383838;
}
.travellerCountRow .travellers-count .traveller-data{padding: 15px 0 5px 0;font-weight: bold;display: flex;width: 100%;}
.travellerCountRow .travellers-count span.count-button{
    display: block;
    float: left;
    line-height: 23px;
    width: 25%;
    text-align: center;
    background: #003b95;
    color: #fff;
    margin: 5px 0 0 0;
    border-radius: 3px;
    cursor: pointer;
    transition: .5s;
}
.travellerCountRow .travellers-count span.count-button:hover{
    background: #024ec1;
}
.travellerCountRow .travellers-count span.count-button:active{
    background: #000;
}
.travellerCountRow .travellers-count input[type="number"]{
    font-size: 15px;
    text-align: center;
    border: none;
    background: #ecf4ff;
    border-radius: 3px;
    float: left;
    margin-top: 5px;
    font-weight: bold;
    width: 45%;
    color: #003b95;
}
.travellerCountRow .travellers-count input[type="number"]:focus{}

.ui-autocomplete {
            width: 450px;
            overflow-y: auto;
            overflow-x: hidden;
            max-width: 450px;
            font-size: 15px !important;
            margin-top: 3px !important;
            border-radius: 5px;
            height: auto;
            max-height: 200px;
}
.ui-autocomplete li.ui-menu-item{
    border-bottom: 1px solid #e1e1e1;
    transition: .5s;
    display: inline-block;
    width: 100%;
    float: left;
}  
.ui-autocomplete li.ui-menu-item:last-child{border:none;}

.ui-autocomplete li.ui-menu-item:focus,
.ui-autocomplete li.ui-menu-item:hover{
    background: #102e4e;
    color: #f5f6ff;
}
.ui-autocomplete li.ui-menu-item:focus .ui-menu-item-wrapper,
.ui-autocomplete li.ui-menu-item:hover .ui-menu-item-wrapper{
    background: #102e4e;
    color: #f5f6ff;
}
.ui-autocomplete li.ui-menu-item:focus .ui-menu-item-wrapper::before,
.ui-autocomplete li.ui-menu-item:hover .ui-menu-item-wrapper::before{color:#b7c7d7;}
.ui-autocomplete li.ui-menu-item .ui-menu-item-wrapper{
    padding: 8px;
    border: none;
    outline: none;
    float: left;
    width: 100%;
    clear: both;
    display: flex;
    margin: 0;
    background: transparent;
    height: 100%;
} 
.ui-autocomplete li.ui-menu-item .ui-menu-item-wrapper::before{font-family: 'remixicon' !important;font-style: normal;-webkit-font-smoothing: antialiased;content: "\f004";-moz-osx-font-smoothing: grayscale;display: block;float: left;height: 100%;font-size: 25px;line-height: revert;width: 35px;color: #aba8a8;}




.flight-search-section{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
}
.flight-search-section .search-flight-area{
    display: inline;
    width: inherit;
    float: inherit;
    clear: both;
}
.flight-search-section .search-flight-area .details-heading{
    display: flex;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    border-bottom: 1px solid #cfcfcf;
}
.flight-search-section .search-flight-area .details-heading h4{
    font-size: 35px;
    font-weight: 800;
    color: #444;
    padding-bottom: 10px;
    line-height: 35px;
}
.flight-search-section .search-flight-area .details-heading h5{
    margin-left: 25px;
    background: #f26f55;
    margin-bottom: 10px;
    width: max-content;
    padding: 0 25px;
    font-size: 16px;
    line-height: 35px;
    color: #fff;
    border-radius: 3px;
}
.flight-search-section .search-flight-area .details-heading h4 i{}

.flight-search-section .flight-query-list{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
    margin: 0;
}
.flight-search-section .flight-query-list .fligh-query-overview{}
.flight-search-section .flight-query-list .fligh-query-overview h4{}
.flight-search-section .flight-query-list .flight-interest-item{
    display: flex;
    width: 100%;
    background: #ffffff;
    margin: 15px 0;
    padding: 25px 15px 15px 15px;
    border-radius: 5px;
    box-shadow: 0 0 3px #ccc;
    position: relative;
    float: left;
}
.flight-search-section .flight-query-list .flight-interest-item .derpart-info{
    width: 25%;
    padding-right: 15px;
}
.flight-search-section .flight-query-list .flight-interest-item .derpart-info h3{
    font-size: 17px;
    color: #555;
    line-height: 30px;
    display: inline-block;
    width: 100%;
    font-weight: bold;
}
.flight-search-section .flight-query-list .flight-interest-item .derpart-info h4{
    font-size: 16px;
    font-weight: normal;
    color: #666;
}
.flight-search-section .flight-query-list .flight-interest-item .arrive-info{}
.flight-search-section .flight-query-list .flight-interest-item .flying-date{width: 25%;display: flex;float: left;}
.flight-search-section .flight-query-list .flight-interest-item .flying-date .flight-deperture{
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #000;
    margin-bottom: 10px;
    width: 50%;
    padding: 0 10px;
    text-align: center;
}
.flight-search-section .flight-query-list .flight-interest-item .flying-date .flight-deperture span{
    display: block;
    font-size: 16px;
}
.flight-search-section .flight-query-list .flight-interest-item .flying-date .flight-deperture span:last-child{
    font-size: 14px;
    margin-top: 5px;
}
.flight-search-section .flight-query-list .flight-interest-item .flying-date .flight-retrun{}
.flight-search-section .flight-query-list .flight-interest-item .meta-info{
    width: 25%;
    display: inline-block;
    text-align: left;
    float: right;
    padding-left: 20px;
}
.flight-search-section .flight-query-list .flight-interest-item .meta-info .passangers{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
}
.flight-search-section .flight-query-list .flight-interest-item .meta-info .passangers span{
    font-size: 16px;
    font-weight: 500;
    color: #000;
}
.flight-search-section .flight-query-list .flight-interest-item .meta-info .passangers span:last-child{
    display: block;
    font-size: 12px;
    color: #555;
    font-weight: normal;
}
.flight-search-section .flight-query-list .flight-interest-item .meta-info .cabin-class{
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin-top: 10px;
    display: inline-block;
    width: 100%;
}
.flight-search-section .flight-query-list .flight-interest-item .meta-info .tripType{
    position: absolute;
    left: 10px;
    top: -15px;
    background: #26A69A;
    padding: 3px 25px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    border-radius: 5px;
}
.flight-search-section .flight-query-list .flight-search-right-ads{}
.flight-search-section .flight-query-list .flight-search-right-ads img{}
.flight-submit-grid{
    display: grid;
    grid-template-columns: 50% auto;
    gap: 35px;
}



/*----- Hotel Reservation ---------*/
.hotel-booking-page{
    background: #003b95;
    width: 100%;
    display: inline-block;
    clear: both;
    float: left;
    padding: 50px 0;
}
.hotel-booking-page .hotels-header{
    display: inline-block;
    width: 100%;
    margin-bottom: 25px;
}
.hotel-booking-page .hotels-header span{}
.hotel-booking-page .hotels-header span i{}
.hotel-booking-page .hotels-header h4{
    margin: 5px 0;
}
.hotel-booking-page .hotels-header h5{
    color: #f1f1f1;
    font-weight: 200;
    font-size: 22px;
}

.hotel-booking-page .hotel-search-form{}
.hotel-booking-page .hotel-search-form form{
    display: grid;
    grid-template-columns: 15% 28% 22% 20% 15%;
}
.hotel-booking-page .hotel-search-form form .input-box{
    padding-right: 10px;
    position: relative;
    width: 100%;
    clear: both;
}
.hotel-booking-page .hotel-search-form form .hotel-location-country{
    font-weight: 600;
}
.hotel-booking-page .hotel-search-form form .hotel-location-country span{
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: 100%;
}
.hotel-booking-page .hotel-search-form form .hotel-location-country span img{
    height: 23px;
    float: left;
    margin-right: 5px;
}
.hotel-booking-page .hotel-search-form form .hotel-city-input-box{
    padding-left: 35px;
    position: relative;
}
.hotel-booking-page .hotel-search-form form .input-box .hotel-city-input-box span{
    display: block;
    cursor: text;
    font-weight: 600;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.hotel-booking-page .hotel-search-form form .input-box .hotel-city-input-box span:active{background:#f5f5f5;}
.hotel-booking-page .hotel-search-form form .input-box input[type="text"]{
    padding-left: 35px;
    font-weight: 600;
}
.hotel-booking-page .hotel-search-form form .input-box input[type="text"]:focus{}
.hotel-booking-page .hotel-search-form form .hotel-guest-info{position: absolute;left: 0;right: 0;top: 100%;background: #fff;margin-top: 2px;border-radius: 5px;border: 1px solid #ccc;box-shadow: 0 0 3px #ccc;z-index: 9;padding: 10px 15px;display: none;}
.hotel-booking-page .hotel-search-form .hotel-guest-info .guest-qty{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
}
.hotel-booking-page .hotel-search-form .hotel-guest-info .guest-qty .guest-list{
    display: flex;
    width: 100%;
    margin: 15px 0;
}
.hotel-booking-page .hotel-search-form .hotel-guest-info .guest-qty h3{
    font-size: 14px;
    line-height: 100%;
    padding-right: 15px;
    width: 50%;
}
.hotel-booking-page .hotel-search-form .hotel-guest-info .guest-qty h3 span{
    display: block;
    font-size: 12px;
    margin: 5px 0;
    color: #555;
}
.hotel-booking-page .hotel-search-form .hotel-guest-info  .guest-data{
    display: flex;
    width: 50%;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
}
.hotel-booking-page .hotel-search-form .hotel-guest-info .count-button{
    width: 33%;
    display: block;
    text-align: center;
    background: #f1f1f1;
    border-radius: 3px;
    color: #555;
    margin: 0 5px;
    cursor: pointer;
    transition: .5s;
    padding: 1px 0;
    border: 1px solid #ccc;
    height: 30px;
    line-height: 26px;
}
.hotel-booking-page .hotel-search-form .hotel-guest-info .count-button:hover{}
.hotel-booking-page .hotel-search-form .hotel-guest-info .count-button:active{}
.hotel-booking-page .hotel-search-form .hotel-guest-info input[type="number"]{
    background: #f8f8f8;
    text-align: center;
    border: 1px solid #cccccc;
    border-radius: 3px;
    line-height: 20px;
    font-size: 16px;
    font-weight: inherit;
    color: #555;
    height: 30px;
}
.hotel-booking-page .hotel-search-form .hotel-guest-info input[type="number"]:focus{}
.hotel-booking-page .hotel-search-form .hotel-guest-info .room-qty{
    display: inline-block;
    width: 100%;
    border-top: 1px solid #ccc;
    margin-top: 5px;
    padding-top: 10px;
}
.hotel-booking-page .hotel-search-form .hotel-guest-info .room-qty h3{
    font-size: 16px;
    width: 50%;
    color: #2196F3;
    line-height: 25px;
}
.hotel-booking-page .hotel-search-form .hotel-guest-info .room-qty .room-list{
    color: #fff;
    display: flex;
    width: 100%;
    margin-bottom: 13px;
}
.hotel-booking-page .hotel-search-form .hotel-guest-info .room-qty .room-data{}
.hotel-booking-page .hotel-search-form .hotel-guest-info .room-qty .room-type{}
.hotel-booking-page .hotel-search-form .hotel-guest-info .room-qty .room-type h3{}
.hotel-booking-page .hotel-search-form .hotel-guest-info .room-qty select{
    width: 50%;
    background: #f8f8f8;
    text-align: center;
    border: 1px solid #ccc;
    padding: 3px;
    border-radius: 3px;
    transition: .5s;
    font-size:14px;
    cursor: pointer;
}
.hotel-booking-page .hotel-search-form .hotel-guest-info .room-qty select:hover{
    background: #fff;
}
.hotel-booking-page .hotel-search-form .hotel-guest-info .room-qty select:focus{
    background: #fff;
    outline-color: #2296f3;
}
.hotel-booking-page .hotel-search-form .hotel-guest-info .submit-hotel-child{
    text-align: center;
    background: #f26f55;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 8px;
    border-radius: 4px;
    cursor: pointer;
    transition: .5s;
    border: 1px solid #f26f55;
}
.hotel-booking-page .hotel-search-form .hotel-guest-info .submit-hotel-child:hover{
    background: #fff;
    color: #f26f55;
    border-color: #f26f55;
}
.hotel-booking-page .hotel-search-form .hotel-guest-info .submit-hotel-child:active{
    background: #fff;
}


.hotel-booking-page .hotel-search-form form .input-box#InputBoxHotel::before{font-family: 'remixicon' !important;font-style: normal;-webkit-font-smoothing: antialiased;content: "\EE39";-moz-osx-font-smoothing: grayscale;float: left;font-size: 28px;color: #003b95;position: absolute;top: 50%;left: 3px;transform: translate(0, -50%);z-index: 1111;}
.hotel-booking-page .hotel-search-form form .input-box#InputBoxCheckout::before{font-family: 'remixicon' !important;font-style: normal;-webkit-font-smoothing: antialiased;content: "\EB25";-moz-osx-font-smoothing: grayscale;float: left;font-size: 24px;color: #003b95;position: absolute;top: 50%;left: 4px;transform: translate(0, -50%);}
.hotel-booking-page .hotel-search-form form .input-box#InputBoxGuest::before{font-family: 'remixicon' !important;font-style: normal;-webkit-font-smoothing: antialiased;content: "\EDE2";-moz-osx-font-smoothing: grayscale;float: left;font-size: 24px;color: #003b95;position: absolute;top: 50%;left: 4px;transform: translate(0, -50%);}

.hotel-booking-page .hotel-search-form form .input-box input[type="submit"]{
    padding: 15px 0;
    font-weight: bold;
}
.hotel-booking-page .hotel-search-form form .input-box input[type="submit"]:hover{
    background: #fff;
    border-color: #fff;
}
.hotel-booking-page .hotel-search-form form .input-box input[type="submit"]:active{}







           .hotels-page-trending .browse-by-properties {
                    /* Add padding around the section */
                    /* Light background color */
                    width: 100%;
                    position: relative;
                    display: inline-block;
                    float: left;
                    clear: both;
                    margin: 10px 0;
                }

                .hotels-page-trending .browse-by-properties h2 {
                    margin-bottom: 10px;
                    /* Space below the heading */
                    color: #333;
                    /* Dark heading color */
                    font-size: 25px;
                    text-align: left;
                    line-height: 30px;
                    font-weight: 900;
                    text-transform: capitalize;
                }

                .hotels-page-trending .browse-by-properties .properties-type {
                    display: inline-block;
                    /* Enable horizontal scrolling */
                    width: 100%;
                    /* Prevent items from wrapping */
                    /* Space for the scrollbar */
                    clear: both;
                    float: left;
                }

                .hotels-page-trending .browse-by-properties .properties-type-max {
                    display: inline-block;
                    /* Arrange items horizontally */
                    100: AUTO 100PX; /* Space between items */
                    width: 100%;
                    clear: both;
                    overflow: hidden;
                    float: left;
                }

                .hotels-page-trending .browse-by-properties .property-carousel {
                    /* This might not be needed, but kept for consistency with your HTML */
                    display: flex;
                    /* Arrange items horizontally */
                    /* Space between items */
                    gap: 20px;
                    transition: .5s;
                }

                .hotels-page-trending .browse-by-properties .single-carousel-item {
                    flex: 0 0 calc(250px);
                    /* Adjust width as needed */
                    /* Ensures each item takes up a specific width */
                    padding: 10px 3px;
                }

                .hotels-page-trending .browse-by-properties .box {
                    background-color: #fff;
                    border-radius: 5px;
                    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                    overflow: hidden;
                    /* Hide overflowing image */
                    transition: transform 0.2s ease, box-shadow 0.2s ease;
                    /* Smooth transitions */
                    position: relative;
                }

                .hotels-page-trending .browse-by-properties .box:hover {
                    transform: translateY(-5px);
                    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
                }

                .hotels-page-trending .browse-by-properties .thumbnail {
                    width: 100%;
                    height: 180px;
                    overflow: hidden;
                    /* Ensure image stays within container */
                    position: relative;
                    cursor: pointer;
                }

                .hotels-page-trending .browse-by-properties .thumbnail img {
                    /* Maintain aspect ratio */
                    /* Prevent small space below image */
                    /* or contain, depending on how you want to handle aspect ratio */
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                    min-width: 100%;
                    min-height: 100%;
                    width: auto;
                    height: auto;
                }

                .hotels-page-trending .browse-by-properties .title {
                }

                .hotels-page-trending .browse-by-properties .title h3 {
                    color: #333;
                    margin: 0;
                    /* Remove default margin */
                    font-size: 18px;
                    font-weight: 600;
                    padding: 10px;
                }

                /* Responsive adjustments */
                @media (max-width: 768px) {
                    .hotels-page-trending .browse-by-properties .single-carousel-item {
                        flex: 0 0 calc(200px);
                        /* Adjust width for smaller screens */
                    }

                    .hotels-page-trending .browse-by-properties .browse-by-properties {
                        padding: 20px;
                    }
                }

                @media (max-width: 500px) {
                    .hotels-page-trending .browse-by-properties .single-carousel-item {
                        flex: 0 0 calc(150px);
                        /* Adjust width for very small screens */
                    }
                }
        
              .hotels-page-trending .browse-top-destination {
                    padding: 10px 0;
                    display: inline-block;
                    width: 100%;
                    clear: both;
                    float: left;
                    margin-top: 30px;
                }

                .hotels-page-trending .browse-top-destination .top-destination-header {
                    text-align: center;
                    margin-bottom: 30px;
                }

                .hotels-page-trending .browse-top-destination .top-destination-header h3 {
                    color: #333;
                    margin-bottom: 10px;
                    font-weight: bold;
                    font-size: 30px;
                    line-height: 40px;
                    text-align: left;
                }

                .hotels-page-trending .browse-top-destination .top-destination-header .pera {
                    color: #666;
                    /* Slightly lighter text color */
                    font-size: 1rem;
                    line-height: 1.6rem;
                    /* Improve readability */
                    text-align: left;
                }

                .hotels-page-trending .browse-top-destination .top-destination-postcards {
                    display: grid;
                    grid-template-columns: auto auto auto auto;
                    /* Horizontal scrolling */
                    white-space: nowrap;
                    /* Prevent wrapping */
                    gap: 20px;
                    /* Space between items */
                    padding-bottom: 20px;
                    /* Space for scrollbar */
                }

                .hotels-page-trending .browse-top-destination .top-destination-items {
                    /* Adjust width as needed */
                    position: relative;
                    /* Needed for absolute positioning of .location-content */
                    border-radius: 10px;
                    overflow: hidden;
                    /* For image overflow */
                    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                    transition: transform 0.2s ease, box-shadow 0.2s ease;
                    /* Smooth transitions */
                }
.hotels-page-trending .browse-top-destination .top-destination-items:nth-child(7),
.hotels-page-trending .browse-top-destination .top-destination-items:first-child{
    /* grid-row-start: 1; */
    /* grid-row-end: 3; */
    grid-column-start: 1;
    grid-column-end: 3;
} 
.hotels-page-trending .browse-top-destination .top-destination-items:last-child,
.hotels-page-trending .browse-top-destination .top-destination-items:nth-child(2){
    /* grid-row-start: 1; */
    /* grid-row-end: 3; */
    grid-column-start: 3;
    grid-column-end: 5;
} 
.hotels-page-trending .browse-top-destination .top-destination-items:nth-child(7) .thumbnail,
.hotels-page-trending .browse-top-destination .top-destination-items:last-child .thumbnail,
.hotels-page-trending .browse-top-destination .top-destination-items:nth-child(2) .thumbnail,
.hotels-page-trending .browse-top-destination .top-destination-items:first-child .thumbnail{
    height: 320px;
}
.hotels-page-trending .browse-top-destination .top-destination-items .des-overly{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(0deg, #00000033, transparent, #00000069);
}
                .hotels-page-trending .browse-top-destination .top-destination-items:hover {
                    transform: translateY(-5px);
                    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
                }

                .hotels-page-trending .browse-top-destination .thumbnail {
                    width: 100%;
                    height: 100%;
                    /* Set a fixed height for thumbnail */
                    overflow: hidden;
                    height: 230px;
                    position: relative;
                }

                .hotels-page-trending .browse-top-destination .thumbnail img {
                    min-width: 100%;
                    min-height: 100%;
                    width: auto;
                    /* or contain if you prefer */
                    height: auto;
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                }

                .hotels-page-trending .browse-top-destination .location-content {
                    position: absolute;
                    top: 10px;
                    left: 10px;
                    background-color: rgba(255, 255, 255, 0.8);
                    /* Semi-transparent white background */
                    padding: 5px 10px;
                    border-radius: 5px;
                    display: flex;
                    align-items: center;
                    gap: 5px;
                }

                .hotels-page-trending .browse-top-destination .flag {
                    width: 25px;
                    height: auto;
                }

                .hotels-page-trending .browse-top-destination .location-content span {
                    color: #333;
                    font-size: 0.9em;
                    font-weight: 600;
                }

                /* Responsive adjustments */
                @media (max-width: 768px) {
                    .hotels-page-trending .browse-top-destination .top-destination-items {
                        flex: 0 0 200px;
                        /* Adjust width for smaller screens */
                    }

                    .hotels-page-trending .browse-top-destination .thumbnail {
                        height: 150px;
                        /* Adjust height for smaller screens */
                    }

                    .hotels-page-trending .browse-top-destination .browse-top-destination {
                        padding: 20px;
                    }
                }

                @media (max-width: 500px) {
                    .hotels-page-trending .browse-top-destination .top-destination-items {
                        flex: 0 0 150px;
                        /* Adjust width for very small screens */
                    }

                    .hotels-page-trending .browse-top-destination .thumbnail {
                        height: 100px;
                        /* Adjust height for very small screens */
                    }
                }
        
/*========= Car Rental =====*/
.car-reservation{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
    background: #000;
}
.car-reservation .cars-header{}
.car-reservation .cars-header h4{
    margin: 0;
    font-size: 35px;
}
.car-reservation .cars-header{
    display: inline-block;
    width: 100%;
    clear: left;
    padding: 50px 0 30px 0;
}
.car-reservation .car-search-form{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
    background: #fff;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0 0 5px #000;
    margin-bottom: 70px;
}
.car-reservation .car-search-form form{
    display: grid;
    grid-template-columns: 20% 20% 20% auto auto;
    gap: 15px;
}
.car-reservation .car-search-form form input[type="submit"]{
    padding: 16px;
    text-transform: initial;
}
.car-reservation .car-search-form form input[type="submit"]:hover{}
.car-reservation .car-search-form form input[type="submit"]:active{}

.car-rental-after .car-rental-partner{
    text-align: center;
    clear: both;
    float: left;
    display: inline-block;
    width: 100%;
}
.car-rental-after .car-rental-partner h2{
    font-size: 40px;
    font-weight: 900;
    text-transform: uppercase;
    color: #3c3c3c;
}
.car-rental-after .car-rental-partner h2 span{
    color: #ff5000;
}
.car-rental-after .car-rental-partner ul{
    display: grid;
    width: 100%;
    clear: both;
    float: left;
    margin: 25px 0;
    grid-template-columns: auto auto auto auto auto;
    background: #f5f9ff;
    padding: 15px 25px;
    border-radius: 20px;
    box-shadow: 0 0 3px #ccc;
}
.car-rental-after .car-rental-partner ul li{
    margin: 15px;
}
.car-rental-after .car-rental-partner ul li a{
    display: block;
    height: 100%;
    width: 100%;
}
.car-rental-after .car-rental-partner ul li img{
    height: 70px;
    width: auto;
    max-width: 100%;
    background: #fff;
    border-radius: 10px;
}
.car-rental-after .car-rental-partner ul li:hover{}
.car-rental-after .car-rental-partner ul li:hover a{}
.car-rental-after .car-rental-partner ul li:hover img{}

.car-rental-after{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
    padding: 50px 0;
}
.car-rental-after h1{
    text-align: center;
    margin-bottom: 25px;
    font-weight: 900;
    text-transform: uppercase;
    color: #1a1a1a;
}
.car-rental-after h1 span{
    color: #ff5000;
}
.why-us-seciton{
    float: left;
    padding: 50px 0;
}
.why-us-seciton .box{
    padding: 15px;
    text-align: center;
    display: inline-block;
    width: 100%;
    float: left;
    box-shadow: 0 0 3px #ccc;
    border-radius: 5px;
}
.why-us-seciton .thumbnail-icon{
    margin-bottom: 10px;
    text-align: center;
}
.why-us-seciton .thumbnail-icon img{
    width: 80px;
    height: 80px;
    border-radius: 100%;
}
.why-us-seciton h4{
    font-size: 20px;
    font-weight: 900;
    color: #313131;
    margin-bottom: 5px;
}
.why-us-seciton p{
    font-size: 14px;
    line-height: 20px;
    height: 60px;
    overflow: hidden;
}

.car-rental-care{
    background: #f5f9ff;
    display: inline-block;
    width: 100%;
    float: left;
    clear: both;
}
.car-rental-care h1{
    text-align: center;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
    color: #313131;
    margin-bottom: 20px;
}
.car-rental-care h1 span{
    color: #ff5000;
}
.car-rental-care p.pera{
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    display: inline-block;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.car-rental-care .why-us-seciton{
    display: flex;
    width: 100%;
}
.car-rental-care .why-us-seciton .thumbnail-box{
    padding-right: 25px;
    width: 100%;
    clear: both;
    float: left;
}
.car-rental-care .why-us-seciton .thumbnail-icon{
    width: 100%;
    background: #fff;
    float: left;
    display: inline-block;
    border-radius: 15px;
    padding: 25px;
    position: relative;
    box-shadow: 0 0 1px #ccc;
}
.car-rental-care .why-us-seciton .thumbnail-box img{
    height: auto;
    min-width: 100%;
    box-shadow: 0 0 3px #ccc;
    border-radius: 15px;
}
.car-rental-care .why-us-seciton .care-right-side{
    display: inline-block;
    width: 100%;
}
.car-rental-care .why-us-seciton .care-right-side .crs-single{
    display: flex;
    width: 100%;
    clear: both;
    float: left;
    padding: 15px;
    background: #fff;
    margin-bottom: 25px;
    border-radius: 10px;
    box-shadow: 0 0 3px #ccc;
}
.car-rental-care .why-us-seciton .care-right-side .crs-single .thumbnail-icon{
    padding: 0;
    width: auto;
    box-shadow: none;
    display: block;
    margin-right: 10px;
}
.car-rental-care .why-us-seciton .care-right-side .crs-single .thumbnail-icon img{
    width: 80px;
    height: auto;
}
.car-rental-care .why-us-seciton .care-right-side .crs-single .crs-right-content{
    display: block;
    float: left;
    clear: both;
}
.car-rental-care .why-us-seciton .care-right-side .crs-single .crs-right-content h4{
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 5px;
}
.car-rental-care .why-us-seciton .care-right-side .crs-single .crs-right-content p.excerpt{
    font-size: 16px;
    line-height: 22px;
    max-height: 66px;
    overflow: hidden;
}

.banner-slider-section{
    display: inline-block;
    width: 100%;
    clear: both;
}
.banner-slider-section .image-scroller-ads{
    width: 100%;
    display: inline-block;
    float: left;
    clear: both;
    position: relative;
}
.banner-slider-section .image-scroller-ads .overflowitem{
    width: 100%;
    display: inline-block;
    clear: both;
    overflow: hidden;
}
.banner-slider-section .image-scroller-ads .scroller-grid{
    display: flex;
    width: 700%;
    transition: .5s;
}
.banner-slider-section .image-scroller-ads .scroller-single{
    width: 100%;
}
.banner-slider-section .image-scroller-ads .scroller-single .thumbnail{
    width: 100%;
    height: 120px;
    position: relative;
}
.banner-slider-section .image-scroller-ads .scroller-single .thumbnail img{
    width: auto;
    height: 101%;
    border-radius: 5px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
}

/*========= Travel Insurance =========*/
.travel-insurance-header{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
    background: linear-gradient(45deg, #009688c9, transparent, #009688b5);
}
.travel-insurance-header span{
    color: #fff;
    font-size: 16px;
}
.travel-insurance-header h4{
    margin: 15px 0;!;!i;!;
    font-size: 30px;
    font-weight: 900;
    text-align: right;
    color: #fff;
    text-shadow: 0 0 2px #000;
    line-height: 30px;
}

.travel-insurance-content{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
}
.travel-insurance-content .travel-insurance-cover{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
    text-align: center;
    padding: 25px;
}
.travel-insurance-content .travel-insurance-cover .cover-thumbnail{}
.travel-insurance-content .travel-insurance-cover img{
    width: 100%;
}
.travel-insurance-content .travel-insurance-cover h3{
    font-size: 35px;
    font-weight: 900;
    line-height: 50px;
    margin: 15px;
    color: #3693cb;
}
.travel-insurance-content .travel-insurace-qoute{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
    padding: 25px;
}
.travel-insurance-content .travel-insurace-qoute form{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
    padding: 25px;
    border-radius: 15px;
    border: 1px solid #0eb4b4;
}

.travel-insurance-content .travel-insurace-qoute .form-header{
    display: flex;
    width: 95%;
    clear: both;
    margin-bottom: 12px;
    height: 50px;
    margin-bottom: 5px;
}
.travel-insurance-content .travel-insurace-qoute .form-header .form-liner{
    width: 25%;
    position: relative;
    height: 10px;
    background: #c9dddb;
    border-radius: 25px;
    transition: .5s;
}
.travel-insurance-content .travel-insurace-qoute .form-header .form-liner .form-no{
    position: absolute;
    right: -15px;
    top: -13px;
    width: 35px;
    height: 35px;
    background: #c9dddb;
    text-align: center;
    line-height: 35px;
    z-index: 1;
    border-radius: 100%;
    font-weight: 900;
    color: #8aa3a0;
    font-size: 20px;
    transition: .5s;
}
.travel-insurance-content .travel-insurace-qoute .form-header .form-liner.active{
    background: #00b3a2;
}
.travel-insurance-content .travel-insurace-qoute .form-header .form-liner.active .form-no{
    background: #00b3a2;
    color: #fff;
}

.travel-insurance-content .travel-form-overflow{
    width: 100%;
    display: inline-block;
    clear: both;
    float: left;
    overflow: hidden;
}
.travel-insurance-content .travel-form-flex{
    display: flex;
    width: 400%;
    transition: .5s;
}
.travel-insurance-content .travel-form-box{
    width: 100%;
    position: relative;
    clear: both;
    float: left;
    display: inline-block;
}
.travel-insurance-content .travel-form-box .trq-action{
    display: grid;
    width: 100%;
    clear: both;
    float: left;
    margin: 15px 0;
    grid-template-columns: auto auto;
    text-align: center;
    gap: 30px;
}
.travel-insurance-content .travel-form-box .trq-action .trq-button{
    padding: 10px;
    background: #d9d9d9;
    font-size: 20px;
    font-weight: 500;
    border-radius: 8px;
    width: 100%;
    cursor: pointer;
    transition: .5s;
}
.travel-insurance-content .travel-form-box .trq-action .trq-button.trq-back-button{}
.travel-insurance-content .travel-form-box .trq-action .trq-button.trq-back-button:hover{}
.travel-insurance-content .travel-form-box .trq-action .trq-button.trq-next-button{
    background: #00b3a2;
    color: #fff;
}
.travel-insurance-content .travel-form-box .trq-action .trq-button.trq-next-button:hover{}
.travel-insurance-content .travel-form-box .trq-action .trq-button.trq-back-button:active,
.travel-insurance-content .travel-form-box .trq-action .trq-button.trq-next-button:active{}

.travel-insurance-content .form-box-purpose{
    display: grid;
    width: 100%;
    clear: both;
    float: left;
    grid-template-columns: auto auto;
    gap: 25px;
}
.travel-insurance-content .form-box-purpose .content-radio{
    display: block;
    float: left;
}
.travel-insurance-content .form-box-purpose .content-radio label{
    display: block;
    background: #e2fffc;
    text-align: center;
    padding: 10px;
    border-radius: 15px;
    border: 1px solid #93dbd4;
    position: relative;
    cursor: pointer;
    transition: .5s;
    margin: 3px;
}
.travel-insurance-content .form-box-purpose .content-radio label .checkbutton{
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 100%;
    background: #009688;
    color: #fff;
    position: absolute;
    left: 5px;
    top: 5px;
    display: none;
}
.travel-insurance-content .form-box-purpose .content-radio label .checkbutton.active{
    display: block;
}
.travel-insurance-content .form-box-purpose .content-radio label:hover{
    background: #f7fffe;
}
.travel-insurance-content .form-box-purpose .content-radio label.active{
    border: 1px solid #009688;
    box-shadow: 0 0 4px #3fd5c7;
}
.travel-insurance-content .form-box-purpose .content-radio label:hover img{}
.travel-insurance-content .form-box-purpose .content-radio img{
    height: 70px;
}
.travel-insurance-content .form-box-purpose .content-radio h4{
    font-size: 14px;
    margin: 5px;
    font-weight: bold;
}
.travel-insurance-content .form-box-purpose .content-radio input[type="radio"]{
    display: none;
}

.travel-insurance-content h3{
    text-align: center;
    font-size: 28px;
    color: #444;
}
.travel-insurance-content h3 span{
    display: block;
    font-size: 14px;
}
.travel-insurance-content h4{}
.travel-insurance-content h5{}

.travel-insurance-content .counting-button{
    width: 150px;
    margin: 10px auto;
    background: #f0fffe;
    border-radius: 8px;
    display: flex;
    overflow: hidden;
    font-size: 20px;
    font-weight: bold;
}
.travel-insurance-content .counting-button .press-button{
    width: 50px;
    text-align: center;
    background: #00b3a2;
    color: #fff;
    padding: 5px 0;
    cursor: pointer;
    transition: .5s;
}
.travel-insurance-content .counting-button .press-button:hover{
    background: #14d9c6;
}
.travel-insurance-content .counting-button .press-button:active{
    background: #000;
}
.travel-insurance-content .counting-button .qty-input{
    width: 50px;
    text-align: center;
    line-height: 30px;
}
.travel-insurance-content .counting-button .qty-input span{
    display: block;
    line-height: 38px;
    color: #009688;
    border: 1px solid #009688;
}
.travel-insurance-content .counting-button .qty-input input[type="number"]{
    display: none;
}

.travel-insurance-content .form-box-info{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
}
.travel-insurance-content .form-box-info .traveler-info-row{
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}
.travel-insurance-content .form-box-info .traveler-dob-row{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
    margin: 10px 0;
}
.travel-insurance-content .form-box-info .traveler-dob-row .tdb-selector{
    display: flex;
    width: 320px;
    margin: 10px auto;
}
.form-box-info .traveler-dob-row h4{
    font-size: 16px;
    width: 35%;
    font-size: 18px;
    font-weight: bold;
    line-height: 35px;
    padding: 5px 10px;
    text-align: right;
    color: #555;
}
.travel-insurance-content .form-box-info .traveler-dob-row input[type="text"]{
    width: 50%;
    background: #f3fffe;
    border: 1px solid #009688;
    color: #009688;
    padding: 10px;
    border-radius: 3px;
    transition: .5s;
}
.travel-insurance-content .form-box-info .traveler-dob-row input[type="text"]:focus{
    background: #fff;
}


.travel-insurance-content .traveling-country-data{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 15px;
}
.travel-insurance-content .traveling-duration h4,
.travel-insurance-content .traveling-country-data h4{
    font-size: 16px;
    font-weight: bold;
    color: #555;
}
.travel-insurance-content .traveling-country-data .countries-info{
    display: inline-block;
    width: 100%;
    clear: left;
    float: left;
    clear: both;
    margin: 10px 0;
    position: relative;
}
.travel-insurance-content .traveling-country-data .country-input{
    background: #f0fffe;
    padding: 10px;
    border: 1px solid #a5ebe5;
    border-radius: 9px;
    position: relative;
    float: left;
    width: 100%;
    display: inline-block;
}
.travel-insurance-content .traveling-country-data .single-country{
    width: max-content;
    background: #009688;
    margin: 3px 5px 3px 0;
    padding: 5px 40px 5px 10px;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    float: left;
    position: relative;
}
.travel-insurance-content .traveling-country-data .single-country span{
    background: #c6fffa;
    color: #009688;
    display: block;
    position: absolute;
    text-align: center;
    line-height: 23px;
    border-radius: 100%;
    font-size: 16px;
    right: 2px;
    cursor: pointer;
    transition: .5s;
    box-shadow: 0 0 3px #009688;
    height: 25px;
    width: 25px;
    top: 50%;
    transform: translate(0, -50%);
}
.travel-insurance-content .traveling-country-data .single-country span:hover{
    color: #00c1af;
}
.travel-insurance-content .traveling-country-data .add-country{
    margin: 3px 3px;
    width: 30px;
    height: 34px;
    line-height: 34px;
    font-size: 20px;
    text-align: center;
    float: left;
    background: #8ca7a4;
    border-radius: 8px;
    cursor: pointer;
    transition: .5s;
    font-weight: bold;
    color: #fff;
}
.travel-insurance-content .traveling-country-data .add-country i{}
.travel-insurance-content .traveling-country-data .add-country:hover{}

.travel-insurance-content .traveling-duration{
    display: grid;
    width: 100%;
    gap: 25px;
    grid-template-columns: auto auto;
}
.travel-insurance-content .traveling-duration .traveling-date{}
.travel-insurance-content .traveling-duration .traveling-date h4{
    margin-bottom: 5px;
}
.travel-insurance-content .traveling-duration .traveling-date input[type="date"]{
    text-transform: uppercase;
}
.travel-insurance-content .traveling-duration .traveling-duration-period{}
.travel-insurance-content .traveling-duration .traveling-duration-period h4{
    margin-bottom: 5px;
}
.travel-insurance-content .traveling-duration .traveling-duration-period input[type="number"]{}
.travel-insurance-content .traveling-duration .traveling-duration-period input[type="number"]:focus{}

.travel-insurance-content .traveler-personal{
    display: grid;
    width: 100%;
    grid-template-columns: auto auto;
    gap: 25px;
}
.travel-insurance-content .traveler-personal .tp-box{}
.travel-insurance-content .traveler-personal .tp-box h4{
    font-size: 14px;
    font-weight: bold;
    color: #444;
    margin-bottom: 3px;
}
.travel-insurance-content .traveler-personal .tp-box input[type="email"],
.travel-insurance-content .traveler-personal .tp-box input[type="text"]{}
.travel-insurance-content .traveler-personal .tp-box input[type="email"]:focus,
.travel-insurance-content .traveler-personal .tp-box input[type="text"]:focus{}
.input-cc{
    width: 20%;
    float: left;
}
.input-cn{
    width: 78%;
    float: right;
}



/*======= VIP Protocol =====*/
.vip-protocol-header{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
    height: 90vh;
    /* margin-top: -80px; */
    z-index: -1;
    position: relative;
    overflow: hidden;
}
.vip-protocol-header .vip-bg{}
.vip-protocol-header .vip-protocol-head-data{
    padding: 100px 0;
    text-align: center;
}
.vip-protocol-header .vip-protocol-head-data span{}
.vip-protocol-header .vip-protocol-head-data h2{
    font-size: 72px;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    margin: 25px 0;
}
.vip-protocol-header .vip-protocol-head-data h3{
    color: #2196F3;
}
.vip-protocol-header .vip-protocol-head-data p{
    color: #00e3ce;
    font-size: 16px;
    line-height: 22px;
    display: inline-block;
    width: 100%;
    margin: 15px 0;
}
.vip-protocol-header .vip-protocol-head-data a.submit-button{}

.vip-get-form{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
}
.vip-get-form .vgf-header{
    text-align: center;
    display: inline-block;
    width: 100%;
    clear: both;
}
.vip-get-form .vgf-header h2{
    font-size: 45px;
    font-weight: bold;
    text-transform: uppercase;
}
.vip-get-form .vgf-header h3{display:inline-block;width:100%;margin: 15px 0;font-size: 20px;font-weight: 300;color: #555;}
.vip-get-form .vip-get-form-data{
    width: 80%;
    margin: 35px auto;
}
.vip-get-form .vip-get-form-data form{
    display: flex;
    width: 100%;
}
.vip-get-form .vip-get-form-data .form-navigation{
    width: 25%;
    padding-right: 5%;
}
.vip-get-form .vip-get-form-data .form-navigation .fn-data{
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}
.vip-get-form .vip-get-form-data .form-navigation .fn-data-box{
    padding: 15px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid  #e7e7e7;
    background: #f9fcff;
}
.vip-get-form .vip-get-form-data .form-navigation .fn-data-name{
    font-weight: bold;
    cursor: pointer;
}
.vip-get-form .vip-get-form-data .form-navigation .fn-data i{
}

.vip-get-form .form-details-data{
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 25px;
    width: 75%;
}
.vip-get-form .form-details-data .form-details-overflow{
    width: 100%;
    float: left;
    clear: both;
    overflow: hidden;
}
.vip-get-form .form-details-data .form-details-flex{
    display: flex;
    width: 400%;
    transition: .5s;
}
.vip-get-form .form-details-data .form-details-info{}
.vip-get-form .form-details-data .form-details-single{
    width: 100%;
    display: inline-block;
    clear: both;
}
.vip-get-form .form-details-data .form-details-single .form-grid-2{
    display: grid;
    grid-template-columns: auto auto;
    gap: 25px;
    width: 100%;
    position: relative;
    margin-bottom: 25px;
}
.vip-get-form .form-details-data .form-details-single .form-grid-2 .form-data-box{padding: 0 3px;position: relative;}
.vip-get-form .form-details-data .form-details-single .form-grid-2 .form-data-box label{
    display: inline-block;
    width: 100%;
    color: #555;
    border-bottom: 3px;
    display: none;
}
.vip-get-form .form-details-data .form-details-single input[type="text"]{
    background: #f9f9f9;
    font-weight: 700;
    border-radius: 3px;
    transition: .5s;
}

.vip-get-form .form-details-data .form-details-single .airportLocation input[type="text"],
.vip-get-form .form-details-data .form-details-single .countryLocation input[type="text"]{
    padding-left: 35px;
}
.vip-get-form .form-details-data .form-details-single .countryLocation::after{font-family: 'remixicon' !important;font-style: normal;-webkit-font-smoothing: antialiased;content: "\EF14";-moz-osx-font-smoothing: grayscale;display: block;float: left;font-size: 25px;line-height: revert;color: inherit;position: absolute;top: 50%;left: 8px;transform: translate(0, -50%);}
.vip-get-form .form-details-data .form-details-single .airportLocation::after{font-family: 'remixicon' !important;font-style: normal;-webkit-font-smoothing: antialiased;content: "\F004";-moz-osx-font-smoothing: grayscale;display: block;float: left;font-size: 25px;line-height: inherit;color: inherit;position: absolute;top: 0px;bottom: 0;transform: rotate(90deg);left: 0px;}
.vip-get-form .form-details-data .form-details-single input[type="text"]:focus{
    background: #fff;
    box-shadow: 0 0 3px #009688;
}

.vip-get-form .form-details-data .form-details-single .vip-form-location{}
.vip-get-form .form-details-data .form-details-single .vip-form-service{}
.vip-get-form .form-details-data .form-details-single .vip-form-flight{}
.vip-get-form .form-details-data .form-details-single .vip-form-personal{}

.vip-get-form .form-details-data .form-details-single .form-row{}
.vip-get-form .form-details-data .form-details-single .form-row label{
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
    cursor: pointer; 
    padding: 5px 0;
}
.vip-get-form .form-details-data .form-details-single .form-row label span{}
.vip-get-form .form-details-data .form-details-single .form-row input[type="checkbox"]{}
.vip-get-form .form-details-data .form-details-single .form-row-box{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
}
.vip-get-form .form-details-data .form-details-single .form-row-box h4{
    font-size: 25px;
}
.vip-get-form .form-details-data .form-details-single .form-row-box textarea{
    width: 100%;
    height: 120px;
    background: #f8f8f8;
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 15px;
    line-height: 20px;
    resize: none;
    border-radius: 3px;
}
.vip-get-form .form-details-data .form-details-single .form-row-box textarea:focus{}

.vip-get-form .form-details-data .form-details-single h3{
    font-size: 25px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 5px;
}
.vip-get-form .form-details-data .form-details-single h4{}

.vip-get-form .form-details-footer{}
.vip-get-form .form-details-footer .form-footer-buttons{}
.vip-get-form .form-details-footer .form-footer-buttons .press-button{}
.vip-get-form .form-details-footer .form-footer-buttons .press-button:hover{}
.vip-get-form .form-details-footer .form-footer-buttons .press-button:active{}
.vip-get-form .form-details-footer .form-footer-buttons .press-button.next{}
.vip-get-form .form-details-footer .form-footer-buttons .press-button.next:hover{}
.vip-get-form .form-details-footer .form-footer-buttons .press-button.next:active{}




/*========= Submit Query ==========*/
.query-submitted-page{}
.query-submitted-page .qsp-header{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
    text-align: center;
}
.query-submitted-page .qsp-header .qsp-thumbnail{
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}
.query-submitted-page .qsp-header .qsp-thumbnail img{
    height: 100px;
}
.query-submitted-page .qsp-header h3{
    font-size: 35px;
    font-weight: bold;
    color: #009688;
    margin: 10px 0;
}
.query-submitted-page .qsp-header p{
    max-width: 50%;
    margin: 0 auto;
    font-size: 18px;
    color: #444;
}

.query-submitted-page .qsp-body{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
    margin: 25px 0;
    background: #f8f8f8;
    padding: 20px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 3px #E0E0E0;
    text-align: center;
}
.query-submitted-page .qsp-body h3{
    text-align: center;
    font-size: 30px;
    line-height: 40px;
    font-weight: 800;
    color: #313131;
    margin: 15px 0;
    display: inline-block;
    width: 100%;
}
.query-submitted-page .qsp-body p{
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.query-submitted-page .qsp-body .contact-method{
    width: 75%;
    margin: 0 auto;
}
.query-submitted-page .qsp-body .contact-method ul{
    display: flex;
    width: 100%;
    float: left;
    margin: 15px 0;
}
.query-submitted-page .qsp-body .contact-method li{
    width: 100%;
    transition: .5s;
}
.query-submitted-page .qsp-body .contact-method li img{
    width: 30px;
    float: left;
    height: 30px;
    border-radius: 5px;
    margin-right: 10px;
}
.query-submitted-page .qsp-body .contact-method li .box{
    text-align: left;
}
.query-submitted-page .qsp-body .contact-method li a{
    display: flex;
    width: max-content;
    padding: 10px 15px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #EEEEEE;
    transition: .5s;
}
.query-submitted-page .qsp-body .contact-method li:hover .box{}
.query-submitted-page .qsp-body .contact-method li:hover a{
    background: #faffff;
    border-color: #26A69A;
}
.query-submitted-page .qsp-body .contact-method li h6{
    line-height: 30px;
    font-size: 14px;
    font-weight: 800;
    color: #444;
}

.query-submitted-page .qsp-submit-data{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
    margin-top: 25px;
}
.query-submitted-page .qsp-submit-data-table{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
}
.query-submitted-page .qsp-submit-data-table h3{
    font-size: 25px;
    font-weight: 800;
    display: inline-block;
    width: 100%;
}
.query-submitted-page .qsp-submit-data-table table{
    width: 100%;
    text-align: center;
    margin: 10px 0;
    border: 1px solid #444;
    border-spacing: 1;
}
.query-submitted-page .qsp-submit-data-table tbody{}
.query-submitted-page .qsp-submit-data-table thead{}
.query-submitted-page .qsp-submit-data-table th{
    padding: 10px 0;
    background: #f9f9f9;
    border-bottom: 1px solid #444;
    border-right: 1px solid #444;
}
.query-submitted-page .qsp-submit-data-table td{
    padding: 15px 0;
    border-right: 1px solid #444;
}
.query-submitted-page .qsp-submit-data-table a{}
.query-submitted-page .qsp-submit-data-table a:hover{
    color: #FF5722;
}













/*--------------
    Foooter -
    --------------*/
.ui-country-code-list,
.ui-country-list{
    display: none;
    /* width: 100%; */
    /* max-width: 520px; */
    position: absolute;
    z-index: 9999999;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 5px;
    min-width: 220px;
}
.ui-country-code-list input[type="text"],
.ui-country-list input[type="text"]{
    width: 100%;
    padding: 5px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #ccc;
}
.ui-country-code-list input[type="text"]:focus,
.ui-country-list input[type="text"]:focus{}
.ui-country-code-list ul,
.ui-country-list ul{
    width: 100%;
    display: inline-block;
    max-height: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.ui-country-code-list ul li,
.ui-country-list ul li{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
    padding: 5px;
    border-bottom: 1px solid #f2f2f2;
    transition: .5s;
    cursor: pointer;
}
.ui-country-code-list ul li img,
.ui-country-list ul li img{
    width: 30px;
    height: auto;
}
.ui-country-code-list ul li.active,
.ui-country-code-list ul li:hover,
.ui-country-list ul li.active,
.ui-country-list ul li:hover{
    background: #26A69A;
    color: #fff;
}

.ui-airport-list{
    position: absolute;
    width: 100%;
    min-width: 350px;
    z-index: 1;
    background: #fff;
    padding: 8px;
    box-shadow: 0 0 3px #555;
    border-radius: 4px;
    display:none;
}
.ui-airport-list input[type="text"]{
    width: 100%;
    padding: 5px;
    background: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 2px;
    transition: .5s;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}
.ui-airport-list input[type="text"]:focus{
    background: #fff;
    border-color: #26A69A;
}
.ui-airport-list ul{
    width: 100%;
    clear: both;
    float: left;
    max-height: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
    margin-top: 5px;
}
.ui-airport-list ul li{
    padding: 5px 0;
    display: flex;
    width:100%;
    clear:both;
    border-bottom:1px solid #f1f1f1;
    transition: .5s;
    cursor: pointer;
    position:relative;
}
.ui-airport-list ul li::before{font-family: 'remixicon' !important;font-style: normal;-webkit-font-smoothing: antialiased;content: "\F005";-moz-osx-font-smoothing: grayscale;float: left;font-size: 25px;transform: rotate(45deg);width: 35px;height: 100%;color: #888;align-items: center;vertical-align: middle;}
.ui-airport-list ul li span{
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    display: block;
    width: 100%;
    padding: 5px;
}
.ui-airport-list ul li span span{
    font-size: 14px;
    font-weight: 400;
    color: #777;
}
.ui-airport-list ul li:hover,
.ui-airport-list ul li.active{background: #f5f5f5;}
/*==== Custom Datepicker ===*/
.input-date-picker{position:relative;}
.ui-datepicker {
    background: #fff;
    border: 2px solid #007bff;
    border-radius: 3px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    min-width: 280px;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 55px;
}
.ui-datepicker-header {
    background: #003b95;
    color: white;
    font-size: 16px;
    padding: 10px;
    border-radius: 5px 5px 0 0;
}
.ui-datepicker .ui-datepicker-prev{
    left: 5px !important;
}
.ui-datepicker .ui-datepicker-next{
    right: 5px !important;
    left: unset !important;
}
.ui-datepicker .ui-corner-all{
    position: relative;
}
.ui-datepicker .ui-corner-all span.ui-icon{
    position: relative;
    color: #fff;
}
.ui-datepicker .ui-datepicker-title{
    margin: 3px 2.3em 2px 2.3em;
    display: grid;
    grid-template-columns: auto auto;
    gap: 10px;
}
.ui-datepicker .ui-datepicker-year,
.ui-datepicker .ui-datepicker-month{
    width: 100% !important;
    padding: 3px !important;
    float: left;
    cursor: pointer;
    border-radius: 3px;
    border: none;
    margin-top: 1px !important;
}
.ui-datepicker table{
    width: 100%;
    border: none;
    border-spacing: 0;
}
.ui-datepicker table thead{
}                
.ui-datepicker table th{
    padding: 10px 0 0 0;
}
.ui-datepicker table td{
    text-align: center;
    width: 14.28%;
    border: none;
    background: transparent;
}
.ui-datepicker table td span{
    background: #fff !important;
    border: none !important;
    display: block;
    text-align: center;
}           
.ui-datepicker table td a{
    text-align: center;
}
.ui-datepicker table td a.ui-state-default{
    border: none;
    background: transparent;
    color: #003b95;
}
.ui-datepicker table td a.ui-state-default:hover{
    background: #009688;
    color: #fff;
    border-radius: 5px;
}
.ui-datepicker table td.ui-datepicker-today{
    background: #003b95;
    color: #fff;
    border-radius: 5px;
}
.ui-datepicker table td a.ui-state-highlight{
    color: #fff;
}
.ui-datepicker table td.ui-datepicker-unselectable{
    background: #fff;
    font-size: 16px;
    font-weight: 600;
}
.ui-datepicker table td.ui-state-disabled{
    background: #fff;
    font-size: 16px;
    font-weight: 600 !important;
}
.ui-datepicker table td a.ui-state-hover{}
.ui-datepicker table td a.ui-state-active{}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    display: block;
    float: left;
    width: 25px;
    height: 25px;
    background: #ffffff;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    cursor: pointer !important;
    transition: .5s;
    font-size: 14px;
}
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover{
    width: 25px;
    height: 25px;
    display: block;
    outline: none;
    top: 50% !important;
    transform: translate(0, -50%);
    border: none;
    background: #d9e8ff;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
}
.ui-datepicker .ui-datepicker-prev::before{font-family: 'remixicon' !important;font-style: normal;-webkit-font-smoothing: antialiased;content: "\EA60";-moz-osx-font-smoothing: grayscale;float: left;font-size: 16px;text-align: center;line-height: 25px;color: #009688;width: 100%;}
.ui-datepicker .ui-datepicker-next::before{font-family: 'remixicon' !important;font-style: normal;-webkit-font-smoothing: antialiased;content: "\EA6C";-moz-osx-font-smoothing: grayscale;float: left;font-size: 16px;text-align: center;line-height: 25px;color: #003b95;width: 100%;}
/*======== UI Location List =======*/
.ui-location-list{
    position: absolute;
    width: 100%;
    background: red;
    background: #fff;
    border: 1px solid #ccc;
    padding: 5px;
    display: none;
    border-radius: 3px;
}
.ui-location-list input[type="text"]{
    width: 100%;
    background: #f8f8f8;
    border: 1px solid #ccc;
    padding: 7px;
    font-size: 14px;
}
.ui-location-list input[type="text"]:focus{}
.ui-location-list ul{width: 100%;display: inline-block;clear: both;margin: 5px 0 0 0;height: 250px;overflow-y: scroll;overflow-x: hidden;}
.ui-location-list ul li{
    display: flex;
    padding: 5px 0;
    cursor: pointer;
    transition: .5s;
    border-radius: 2px;
}
.ui-location-list ul li:hover,
.ui-location-list ul li.active{
    background: #003b95;
    color: #fff;
}
.ui-location-list ul li:active{}
.ui-location-list ul li::before{font-family: 'remixicon' !important;font-style: normal;-webkit-font-smoothing: antialiased;content: "\EF14";-moz-osx-font-smoothing: grayscale;float: left;font-size: 18px;text-align: center;line-height: 25px;color: inherit;width: 30px;font-weight: bold;}



/*========== Login ==========*/
.login-area{width:100%;display:inline-block;float:left;clear:both;}
.login-area form{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
    overflow: hidden;
}
.login-area .agent-register-grid{
    display: grid;
    grid-template-columns: 47% 47%;
    gap: 20px 5%;
    width: 100%;
}
.login-area .agent-register-grid .agent-register-section{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
}
.login-area .agent-register-grid .agent-register-section input[type="submit"]:disabled{
    background:#afafaf;
}
.login-area .agent-register-grid .agent-register-section .contact-form{
    position: relative;
}
.login-area .agent-register-grid .agent-register-section .contact-form span{
    position: absolute;
    right: 2px;
    bottom: 8px;
    color: #4CAF50;
    font-size: 20px;
}
.login-area .agent-register-grid .agent-register-section .contact-form span .ri-close-line{color:red;}
.login-area .agent-register-grid .agent-register-section .submit-flex{
    display: flex;
    gap: 25px;
    flex-flow: row-reverse;
}
.login-area .agent-register-grid .agent-register-section h3{
    font-weight: 600;
    font-size: 20px;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    color: #009688;
}
.login-area .agent-register-grid .agent-register-section label{
    font-size: 14px;
    margin-bottom: 3px;
}
.login-area #register-new-user .form-results{display: inline-block;width: 100%;clear: both;float: left;text-align: center;margin: 25px 0;font-size: 18px;padding: 15px 0;}
.login-area #register-new-user .form-results a{
    color: #1084e1;
}
.login-area #register-new-user .form-results span{
    display: block;
    font-size: 13px;
    color: red;
    margin-top: 10px;
}
.login-area .agent-register-grid .agent-register-section .regnextbutton{}
.login-area .agent-register-grid .agent-register-section .regbackbutton{
    /* background: transparent; */
    /* border: 1px solid #017b6e; */
    /* color: #017b6e; */
}
.login-area .agent-register-grid .agent-register-section .regnextbutton:hover,
.login-area .agent-register-grid .agent-register-section .regbackbutton:hover{}
.login-area .agent-register-grid .agent-register-section .regnextbutton:active,
.login-area .agent-register-grid .agent-register-section .regbackbutton:active{}








/*=========== Service Details ==========*/

/* General Styles */
.service-detials-page {
    padding: 60px 0; /* Adjust as needed */
    color: #333;
}

/* Service Info Section */
.service-info-section {
    margin-bottom: 40px;
}
.service-info-section h2{
    text-align: left;
    font-size: 2.3rem;
    font-weight: 600;
    margin-bottom: 25px;
    color: #003b95;
    border-bottom: 2px dashed #003b953d;
    padding-bottom: 5px;
}
.service-detials-page .service-detials-box {
    display: grid;
    gap: 35px;
    grid-template-columns: 70% auto;
}
.service-detials-page .service-detials-box .request-details{
    width: 100%;
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1);
    padding: 15px;
    border-radius: 8px;
}
.service-detials-page .service-info-section h3 {
    font-size: 1.2em;
    color: #333;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    margin-bottom:10px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 3px;
}
.service-detials-page .service-info-section h3 i {
    font-size: 1.2em;
    color: #009688; /* Example icon color */
}
.service-detials-page /* Request Details */
.request-details ul {
    list-style: none;
    padding: 0;
    font-size: 14px;
    margin-bottom: 25px;
}
.service-detials-page .request-details li {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    width: 100%;
}
.service-detials-page .request-details li:last-child {
    border-bottom: none;
}
.service-detials-page .request-details span:first-child {
    font-weight: 600;
    color: #555;
    width: 25%;
}
.service-detials-page .request-details span:last-child {
    color: #777;
    width: 75%;
}
.service-detials-page .request-details span img{height:15px;box-shadow:0 0 3px #ccc; margin-right:3px;}
.service-detials-page .request-payment {
    width: 100%;
    background: #f9f9f9;
    padding: 15px;
    border-radius: 5px;
    /* display: flex; */
    /* gap: 35px; */
}
.service-detials-page .req-payment-info {
    display: inline-block;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.service-detials-page .request-payment h4{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}
.service-detials-page .request-payment-details p {
    margin-bottom: 10px;
    color: #555;
    line-height: 16px;
    font-size: 14px;
    font-style: italic;
}
.service-detials-page .request-payment-amount button {
    background-color: #28a745;
    color: white;
    border: none;
    padding: 12px 20px;
    border-radius: 4px;
    font-size: 1.1em;
    cursor: pointer;
}
.service-detials-page .request-payment-amount button:hover {
    opacity: 0.9;
}
.service-detials-page .request-payment-method ul {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
    width: 50%;
}
.service-detials-page .request-payment-method li {
    margin-bottom: 5px;
    font-size: 14px;
}
.service-detials-page .request-payment-method label {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #555;
}
.service-detials-page .request-payment-method input[type="radio"] {
    margin-right: 8px;
}
.service-detials-page .request-payment-method{
    display: block;
}
.service-detials-page .request-payment-method form{
    display: inline-block;
    width: 100%;
}
.service-detials-page .request-payment-method form h4{
    font-size: 18px;
    color: #008377;
    margin-bottom: 3px;
}
.service-detials-page .pay-button button {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 12px 20px;
    border-radius: 4px;
    font-size: 1.1em;
    cursor: pointer;
    width: max-content;
}
.service-detials-page .pay-button button:hover {
    opacity: 0.9;
}
.live-chat-button{
    width: 65px;
    height: 65px;
    border-radius: 100%;
    text-align: center;
    background: #009688;
    position: fixed;
    color: #fff;
    cursor: pointer;
    right: 15px;
    bottom: 15px;
    z-index: 111;
}
.live-chat-button i{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 2rem;
}
.live-chat-button i::after{content: "Live Chat";font-size: 12px;position: absolute;left: 0;display: none;}
/* Fixed Position Live Chat Container */
.fixed-position-live-chat {
    position: fixed;
    bottom: 0;
    right: 15px;
    z-index: 1001; /* Higher than other elements */
    width: 350px; /* Adjust width as needed */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 8px 8px 0 0;
    overflow: hidden; /* Clip content that goes outside */
    font-family: sans-serif;
    border: 1px solid #009688;
}
/* Service Chat Box (Inside the fixed container) */
.fixed-position-live-chat .service-chat-box {
    background-color: #fff;
    padding: 10px;
    display: flex;
    flex-direction: column;
    height: auto; /* Adjust based on content or set a fixed height */
    overflow: hidden;
    border-radius: 7px;
}

.fixed-position-live-chat h3 {
    font-size: 1em;
    color: #fff;
    background: #009688;
    margin: -10px -10px 10px -10px;
    padding: 15px;
    font-weight: bold;
    position: relative;
}
.fixed-position-live-chat h3.minimized{cursor:pointer}
.fixed-position-live-chat h3 i:first-child {
    
     /* Example icon color */
}

.close-live-chat {
    cursor: pointer;
    font-size: 2em;
    color: red;
    position: absolute;
    right: 10px;
    line-height: 2rem;
    top: 10px;
    background:#ffffff;
    border-radius: 3px;
    transition: .5s;
}

.close-live-chat i {
    font-size: 1em;
    font-weight: normal;
}

/* Chat Grid */
.fixed-position-live-chat .read-chat {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Align messages to the top */
    height: 280px; /* Set a fixed height for the chat area */
    overflow-y: auto;
    padding-right: 5px; /* Space for scrollbar */
    margin-bottom: 10px;
}

/* Read Chat */
.fixed-position-live-chat .chat-grid{
    /* Already styled within .chat-grid */
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
}

/* Single Message */
.fixed-position-live-chat .single-massage {
    margin-bottom: 10px;
    font-size: 14px;
}
.fixed-position-live-chat .single-massage .common-body{
    display: inline-block;
    width: 100%;
    clear: both;
    margin: 10px 0;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    color: #5a5252;
}
.fixed-position-live-chat .single-massage .common-body span{
    font-weight: 600;
}

/* Received and Sent Messages */
.fixed-position-live-chat .received,
.fixed-position-live-chat .sent {
    border-radius: 6px;
    margin-bottom: 5px;
    width: fit-content;
    max-width: 70%;
    font-size: 0.9rem;
}

.fixed-position-live-chat .received .massage-body {
    background-color: #f1f1f1;
    color: #323232;
    padding: 10px;
    border-radius: 10px;
    font-size: .9rem;
    width: max-content;
}

.fixed-position-live-chat .sent{
    align-self: flex-end;
    float: right;
}
.fixed-position-live-chat .sent .massage-body{
    background-color: #d4edda;
    color: #155724;
    align-self: flex-end;
    float: right;
    padding: 10px;
    border-radius: 10px;
}
.fixed-position-live-chat .sent  .send-by{
    color:#009688;
    text-align:right;
}
/* Sender Name and Time */
.fixed-position-live-chat .send-by {
    font-size: 0.8rem;
    color: #2196F3;
    margin-bottom: 2px;
}
.fixed-position-live-chat .sent .send-time{
    text-align:right;
}
.fixed-position-live-chat .send-time {
    font-size: 0.7em;
    color: #999;
    margin-top: 3px;
    display: inline-block;
    width: 100%;
}
.fixed-position-live-chat .send-time i{
}
.fixed-position-live-chat .send-time i.deliver{color: #2196F3;}
.fixed-position-live-chat .send-time i.seen{
    border: 1px solid #2196f3;
    border-radius: 100%;
}
/* Write New Message */
.fixed-position-live-chat .write-new-massage{
    background: #f9f9f9;
    margin: 0px -10px -10px -10px;
    padding: 10px;
    box-shadow: 0 0 3px #ccc;
    border-radius: 5px;
}
.fixed-position-live-chat .write-new-massage form {
    display: inline;
    gap: 8px;
    align-items: center;
}

.fixed-position-live-chat .writing-box {
    flex-grow: 1;
}

.fixed-position-live-chat .writing-box textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    resize: none;
    height: 60px; /* Adjust as needed */
    font-size: 0.9em;
}

.fixed-position-live-chat .action-box {
    display: flex;
    align-items: center;
    gap: 5px;
    width: 100%;
}
.fixed-position-live-chat .action-box .action-media{
    width: 50%;
}
.fixed-position-live-chat .action-box .action-submit{
    width: 50%;
    text-align: right;
    float: right;
}
.fixed-position-live-chat .action-media label {
    cursor: pointer;
    font-size: 1em;
    color: #777;
}

.fixed-position-live-chat .action-submit button.submit {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 8px;
    border-radius: 50%;
    font-size: 1em;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
}

.fixed-position-live-chat .action-submit button.submit:hover {
    opacity: 0.9;
}

/* Responsive adjustments (optional, for smaller screens) */
@media (max-width: 600px) {
    .fixed-position-live-chat {
        width: 95%;
        left: 50%;
        transform: translateX(-50%);
        bottom: 10px;
    }
}




@media (max-width: 600px) {
    .fixed-position-live-chat {
        width: 95%;
        left: 50%;
        transform: translateX(-50%);
        bottom: 10px;
    }
}

/*============== New Header ============*/
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}

.main-header{
    background: #003b95;
}
.nav-menu-flex{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.header-logo-section{
    display: flex;
    width: 100%;
    flex-direction: row;
}
.header-logo-section .logo{
    width: 50%;
}
.header-logo-section .logo img{
    margin-top: 6px;
    height: 50px;
}
.header-logo-section .head-meta{
    width: 50%;
    float: right;
    text-align: right;
}
.header-logo-section .head-meta ul{
    display: flex;
    float: right;
    margin: 15px 0;
    gap: 10px;
}
.header-logo-section .head-meta ul li{
}
.header-logo-section .head-meta li{}
.header-logo-section .head-meta li:hover{}
.header-logo-section .head-meta li a.help-icon{
    padding: 0;
}
.header-logo-section .head-meta li a{
    display: block;
    padding: 5px 10px;
    font-size: 1.1rem;
    color: #fff;
    transition: .5s;
}
.header-logo-section .head-meta li a i{
    font-size: 1.8rem;
    line-height: 1.25;
    display: block;
    font-weight: 300;
}
.header-logo-section .head-meta li a:hover{
    background: #174ea3;
}
.header-logo-section .head-meta li a.meta-button{
    background: #009688;
    font-size: 1rem;
}
.header-logo-section .head-meta li a.meta-button:hover{
}
.header-logo-section .head-meta li a.meta-button.head-login-button{background: #FF5722;color: #fff;border-radius: 3px;border: 1px solid #FF5722;}
.header-logo-section .head-meta li a.meta-button.head-login-button:hover{
    background: transparent;
}
.header-logo-section .head-meta li a.meta-button.head-register-button{
    border: 1px solid #ffffff;
    color: #ffffff;
    background: #0040b5;
    border-radius: 3px;
}
.header-logo-section .head-meta li a.meta-button.head-register-button:hover{
    background: transparent;
}
/*---------- Navigation Listing --------------*/
.header-logo-section .navigation-listing{}
.navigate-menu{
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 10px 0;
    align-items: center;
}
.navigate-menu ul{
    display: flex;
    gap: 8px;
}
.navigate-menu ul li{}
.navigate-menu ul li a{
    display: block;
    font-size: .9rem;
}
.navigate-menu ul li a i{
    font-size: 20px;
    display: block;
    float: left;
    margin-right: 3px;
}
.navigate-menu ul li a:hover{}
.navigate-menu ul.navigation-listing{
    width: 75%;
}
.navigate-menu ul.navigation-listing li{}
.navigate-menu ul.navigation-listing li a{
    color: #f2f2f2;
    padding: 8px 10px;
    border: 1px solid transparent;
    border-radius: 20px;
}
.navigate-menu ul.navigation-listing li a.active{
    background: #1a4fa0;
    border-color: #7196cd;
}
.navigate-menu ul.navigation-listing li a:hover{
    background: #1a4fa0;
}
.navigate-menu ul.navigation-listing li a i{}

.navigate-menu .navigate-option{
    width: 25%;
    float: right;
    text-align: right;
}
.navigate-menu .navigate-option ul{
    float: right;
}
.navigate-menu .navigate-option li{
    color: #fff;
    padding: 5px;
    cursor: pointer;
    border-radius: 3px;
}
.navigate-menu .navigate-option li.all-menu-icon{}
.navigate-menu .navigate-option li.feed-icon{}
.navigate-menu .navigate-option li.opt-search-icon{}
.navigate-menu .navigate-option li:hover{
    background: #194a95;
}
.navigate-menu .navigate-option li i{
    float: left;
    font-size: 20px;
    margin-right: 2px;
}

.header-sticky.sticky-bar{background:#003b95 !important;}





@media (max-width: 600px) {
.material-symbols-outlined {}
.main-header{}
.nav-menu-flex{}
.header-logo-section{}
.header-logo-section .logo{
    padding: 5px 0;
}
.header-logo-section .logo img{
    width: 90%;
    height: auto;
}
.header-logo-section .head-meta{}
.header-logo-section .head-meta ul{
    margin: 12px 0;
}
.header-logo-section .head-meta ul li:first-child,
.header-logo-section .head-meta ul li:nth-child(2){display:none;}
.header-logo-section .head-meta li{}
.header-logo-section .head-meta li:hover{}
.header-logo-section .head-meta li a.help-icon{}
.header-logo-section .head-meta li a{}
.header-logo-section .head-meta li a i{}
.header-logo-section .head-meta li a:hover{}
.header-logo-section .head-meta li a.meta-button{}
.header-logo-section .head-meta li a.meta-button:hover{}
.header-logo-section .head-meta li a.meta-button.head-login-button{}
.header-logo-section .head-meta li a.meta-button.head-login-button:hover{}
.header-logo-section .head-meta li a.meta-button.head-register-button{}
.header-logo-section .head-meta li a.meta-button.head-register-button:hover{}
.header-logo-section .navigation-listing{}
    /*---remove future----*/
    .search-header-position{display: none !important;}
.navigate-menu{}
.navigate-menu ul{}
.navigate-menu ul li{}
.navigate-menu ul li a{}
.navigate-menu ul li a i{}
.navigate-menu ul li a:hover{}
.navigate-menu ul.navigation-listing{
    width: 75%;
    overflow-y: scroll;
}
.navigate-menu ul.navigation-listing li{
}
.navigate-menu ul.navigation-listing li a{
    width: max-content;
}
.navigate-menu ul.navigation-listing li a.active{}
.navigate-menu ul.navigation-listing li a:hover{}
.navigate-menu ul.navigation-listing li a i{}
.navigate-menu .navigate-option{
    width: 25%;
}
.navigate-menu .navigate-option ul{
    gap: 0;
}
.navigate-menu .navigate-option li{
    width: 37px;
    overflow: hidden;
    display: flex;
}
.navigate-menu .navigate-option li.all-menu-icon{}
.navigate-menu .navigate-option li.feed-icon{
    display: none;
}
.navigate-menu .navigate-option li.opt-search-icon{}
.navigate-menu .navigate-option li:hover{}
.navigate-menu .navigate-option li i{
    font-size: 30px;
    margin-right: 10px;
}
.header-sticky.sticky-bar{}
}


/*============= Index Custom =========*/




        .hero-container {position: relative;height: auto;background: linear-gradient(rgb(0 0 0 / 76%), rgb(0 0 0 / 21%), rgb(0 0 0 / 5%)), url('../img/tour-details-banner-three.png') no-repeat center center / cover;display: flex;justify-content: center;text-align: center;color: #fff;padding: 50px 0 100px 0;}

        .hero-content {
            z-index: 10; /* Ensure content is above background effects */
            width: 100%;
            max-width: 1080px; /* Max width for content */
        }

        .hero-title {
            font-size: 2.6rem;
            font-weight: 900;
            margin-bottom: 10px;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
            color:#f2f2f2;
        }

        .hero-subtitle {
            font-size: 1.2rem;
            margin-bottom: 30px;
            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
            color:yellow;
        }
.hero-top-title{
               font-size: 1.5rem;
            font-weight: 500;
            font-style:italic;
            margin-bottom: 10px;
            color:orangered; 
}


/*================= Visa assistant css code =============*/
.visa-assistant-tab{
    background: #fffffff5;
    display: inline-block;
    padding: 20px;
    margin-top: 15px;
    width: 100%;
    float: left;
    border-radius: 5px;
    box-shadow: 0 0 3px #ccc;
}
.visa-assistant-tab .visa-assistant-tab-content{
    display: inline-block;
    float: left;
    clear: both;
    width: 100%;
    text-align: left;
}
.visa-assistant-tab h3{
    text-align: left;
    font-size: 1.6rem;
    float: left;
    border-bottom: 2px dotted #003b9529;
    width: 100%;
    padding-bottom: 5px;
    color: #003b95;
    font-weight: 800;
    margin-bottom: 5px;
}
.visa-assistant-tab h3 i{
    float: left;
    margin-right: 3px;
}

.visa-assistant-tab .visa-query-form{}
.visa-assistant-tab .visa-query-form .col-md-3{margin-top:5px;}

.visa-assistant-tab .visa-query-form .country-input{
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
    color: #000;
    background: #ffffff;
    padding: 10px;
    border-radius: 3px;
}
.visa-assistant-tab .visa-query-form .country-input:focus{
    box-shadow: 0 0 3px #003b95;
}
.visa-assistant-tab .visa-query-form .vh-country-selector{
    width: 100%;
    height: 100%;
    clear: both;
    cursor: pointer;
    transition: .5s;
    z-index: -1;
    overflow: hidden;
}
.visa-assistant-tab .visa-query-form .vh-country-selector span{
    display: block;
    width: 100%;
    height: 100%;
}
.visa-assistant-tab .visa-query-form .vh-country-selector span img{
    width: 33px;
    height: auto;
}
.visa-assistant-tab .visa-query-form label{
    font-size: 1rem;
    margin-bottom: 3px;
    margin-top: 5px;
    line-height: 1;
    font-weight: 500;
    width: 100%;
    clear: both;
    color: #000;
}
.visa-assistant-tab .visa-query-form select{
    margin: 0;
    background: #ffffff;
    border: none;
    border-radius: 3px;
}
.visa-assistant-tab .visa-query-form select:hover{}
.visa-assistant-tab .visa-query-form select:focus{}
.visa-assistant-tab .visa-query-form input[type="submit"]{
    width: 100%;
    padding: 15px 0;
    border: none;
    color: #fff;
    background: linear-gradient(45deg, #003b95, #003b95d9);
    border-radius: 3px;
    cursor: pointer;
    font-size: .9rem;
    line-height: 1;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: .8px;
}
.visa-assistant-tab .visa-query-form input[type="submit"]:hover{
    background: linear-gradient(45deg, #003b95d9, #003b95);
}
.visa-assistant-tab .visa-query-form input[type="submit"]:active{
    background: #000;
}





        /* Tab Navigation Styling */
        .nav-pills .nav-link {
            background-color: rgba(255, 255, 255, 0.1); /* Slightly transparent background */
            color: #fff;
            border: 1px solid rgba(255, 255, 255, 0.3);
            margin: 0 5px;
            padding: 10px 25px;
            border-radius: 25px; /* Pill shape */
            transition: all 0.3s ease; /* Smooth transition for hover/active */
            backdrop-filter: blur(5px); /* Frosted glass effect */
            -webkit-backdrop-filter: blur(5px); /* For Safari */
        }

        .nav-pills .nav-link:hover {
            background-color: rgba(255, 255, 255, 0.2);
            border-color: rgba(255, 255, 255, 0.5);
        }

        .nav-pills .nav-link.active {
            background-color: #007bff; /* Bootstrap primary blue */
            border-color: #007bff;
            color: #fff;
            box-shadow: 0 4px 10px rgba(0, 123, 255, 0.4); /* Subtle shadow */
        }

        /* Tab Content Styling */
        .tab-content {
            background-color: rgb(255 255 255); /* Opaque white background for forms */
            padding: 30px;
            border-radius: 15px; /* Rounded corners for tab content */
            margin-top: 30px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); /* Deeper shadow for content */
            text-align: left; /* Align form content to left */
            color: #333; /* Dark text for readability */
            display: inline-block;
        }
.tab-content .visa-tab{}
.tab-content h3{
    text-align: center;
    font-weight: 900;
    color: #017b6e;
    margin-bottom: 5px;
    border-bottom: 2px dotted #0072664f;
    padding-bottom: 5px;
    width: max-content;
    margin: 0 auto 15px auto;
}
.tab-content p.sub-head{
    text-align: center;
    font-size: 1rem;
    width: 75%;
    margin: 0 auto;
    color: orangered;
}
.tab-content .visa-query-form{
    padding: 15px;
    box-shadow: 0 0 3px #dbdbdb;
    border-radius: 8px;
    margin-top: 15px;
}

        .tab-pane .form-label {
            font-weight: 600;
            color: #555;
            width: 100%;
        }

        .tab-pane .form-control,
        .tab-pane .form-select {
            border-radius: 8px; /* Slightly rounded form fields */
            padding: 10px 15px;
            border: 1px solid #ddd;
        }

        .tab-pane .btn-primary {
            background-color: #017b6e;
            border-color: #017b6e;
            border-radius: 8px;
            padding: 10px 30px;
            font-weight: 600;
            transition: background-color 0.3s ease, transform 0.2s ease;
            width: 100%;
        }

        .tab-pane .btn-primary:hover {
            background-color: #0056b3;
            border-color: #0056b3;
            transform: translateY(-2px); /* Slight lift on hover */
        }



        /* Responsive adjustments */
        @media (max-width: 768px) {
            .hero-title {
                font-size: 2.5rem;
            }
            .hero-subtitle {
                font-size: 1.2rem;
            }
            .nav-pills .nav-link {
                padding: 8px 15px;
                margin-bottom: 10px; /* Stack buttons on smaller screens */
            }
            .tab-content {
                padding: 20px;
            }
        }
/*====== query form page ===*/

.form-query-data {
            padding-top: 50px;
            padding-bottom: 50px;
        }

        .query-form-section-card {
            background-color: #fff;
            border-radius: 15px;
            padding: 30px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
            margin-bottom: 30px;
        }
.booking-appointment-card{
    box-shadow: none;
    background: #fff6f3;
    padding: 30px 20px;
}
.booking-appointment-card form{margin:0 -10px;}
        .query-form-section-card h2,
        .query-form-section-card h3 {
            color: #003b95; /* Primary blue for headings */
            margin-bottom: 10px;
            font-weight: 700;
            text-align: left;
            font-size: 1.8rem;
            line-height: 1.2;
        }
.query-form-section-card .qfsc-welcome-text{
    background: #f8f8f8;
    padding: 15px;
    margin-bottom: 10px;
    border-left: 4px solid;
}
.query-form-section-card h2 span{
    display: block;
    font-size: 1.5rem;
    font-weight: 400;
}
.query-form-section-card h2.query-appoint-title{
    font-weight: 600;
    border-bottom: 2px dashed #ff5722;
    padding-bottom: 10px;
    color: #ff5722;
}
.query-form-section-card h3 span{}
.query-form-section-card .interested-form-data{
    margin: 25px 0 25px 0;
    padding: 0px 20px;
    box-shadow: 0 0 3px #e1e1e1;
    border-radius: 3px;
}
        .info-item {
            display: flex;
            font-size: 1rem;
            align-items: center;
            border-bottom: 1px solid #f1f1f1;
            padding: 10px 0;
        }
.info-item:last-child{border-bottom:none;}
        .info-item strong {
            width: 25%; /* Fixed width for labels */
            flex-shrink: 0;
            color: #555;
        }

        .info-item span {
            flex-grow: 1;
            color: #333;
        }

        .checklist ul {
            list-style: none;
            padding-left: 0;
        }

        .checklist ul li {
            background-color: #e9f7ff; /* Light blue background for checklist items */
            padding: 12px 20px;
            margin-bottom: 10px;
            border-radius: 8px;
            border-left: 5px solid #007bff;
            display: flex;
            align-items: center;
            font-size: 1rem;
            color: #222;
        }

        .checklist ul li i {
            color: #28a745; /* Green checkmark */
            margin-right: 10px;
            font-size: 1.2rem;
        }

        /* Form specific styling */
        .form-label {
            font-weight: 500;
            color: #444;
            margin-bottom: 5px;
            font-size: .9rem;
        }

        .form-control,
        .form-select {
            border-radius: 8px;
            padding: 10px 15px;
            border: 1px solid #ddd;
            transition: border-color 0.2s ease, box-shadow 0.2s ease;
            resize: none;
        }

        .form-control:focus,
        .form-select:focus {
            border-color: #80bdff;
            box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.25);
        }

        .btn-primary {
            background-color: #007bff;
            border-color: #007bff;
            border-radius: 8px;
            padding: 12px 30px;
            font-weight: 600;
            transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease;
            box-shadow: 0 4px 8px rgba(0, 123, 255, 0.2);
        }

        .btn-primary:hover {
            background-color: #0056b3;
            border-color: #0056b3;
            transform: translateY(-2px);
            box-shadow: 0 6px 12px rgba(0, 123, 255, 0.3);
        }
.preferred-contact{
    display: flex;
    flex-wrap: wrap;
    gap: 5px 0;
}
.preferred-contact .form-check{width: 50%;cursor: pointer;}
.preferred-contact .form-check label{cursor:pointer;font-size: .9rem;}
        /* Responsive adjustments */
        @media (max-width: 768px) {
            .query-form-section-card {
                padding: 20px;
            }
            .info-item {
                flex-direction: column;
                align-items: flex-start;
            }
            .info-item strong {
                width: auto;
                margin-bottom: 5px;
            }
        }
        
        
        
        
/*====== Flights Page ===*/
.flight-page{display:inline-block;}
.flight-page .flight-title{
    width: 100%;
    text-align: left;
    color: #003b95;
    border-bottom: 2px dotted #003b9569;
}
        /* Specific styles for multi-city flights */
        .flight-segment {
            border: 1px solid #e0e0e0;
            padding: 0 20px 10px 20px;
            margin-bottom: 20px;
            border-radius: 10px;
            background-color: #f9f9f9;
        }

        .remove-segment-btn {
            float: right;
            color: #dc3545;
            cursor: pointer;
            font-size: 1.2rem;
        }
/*====== Whats app custom Code ===*/
.whatsapp-massage-icon{
    position: fixed;
    bottom: 120px;
    right: 15px;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    background: #00c500;
    border-radius: 100%;
    z-index:99999;
}
.whatsapp-massage-icon a{
    font-size: 50px;
    color: #fff;
}