.container {max-width: 1224px;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {-webkit-box-shadow: 0 0 0px 1000px white inset !important;}
.w-100{ width:100%;}

.top_csupport {margin: 60px 0 0 0; padding: 30px 0; background: rgb(47, 128, 237);
    background: -moz-linear-gradient(45deg, rgba(47, 128, 237, 1) 0%, rgba(86, 204, 242, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(47, 128, 237, 1) 0%, rgba(86, 204, 242, 1) 100%);
    background: linear-gradient(45deg, rgba(47, 128, 237, 1) 0%, rgba(86, 204, 242, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2f80ed", endColorstr="#56ccf2", GradientType=1);
}
.top_csupport h3 {font-size: 26px; font-weight: 600; color: #fff; }
.top_csupport p {font-size: 16px; color: #fff;margin: 12px 0 0 0;}
.support_wrp {margin: 30px 0;}
.support-menu {display: block; z-index: 1000;}
.support-menu ul {list-style: none; display: block; padding: 0;}
.support-menu ul li {box-shadow: 0 0 3px rgba(0, 0, 0, 0.16); border-radius: 10px; margin: 0 0 10px 0;}
.support-menu ul li a {position: relative; font-size: 16px; color: #626262; text-decoration: none; padding: 17px 20px; display: block; transition: background 0.3s; background: #fff; border-radius: 10px;}
.support-menu ul li a.active {color: #287DFA; font-weight: 600;}
.support-menu ul li a.active:before {position: absolute; content: ''; width: 5px; height: 30px; border-radius: 0 100px 100px 0; left: 0; top: 50%; transform: translateY(-50%); background: #287DFA;}

.sectionwork {display: none; box-shadow: 0 0 3px rgba(0, 0, 0, 0.16); border-radius: 10px; background:#fff;}
.sectionwork.active {display: block;}
.sectionwork .form_section {padding: 16px 20px;}
.sectionwork .form_section .headform {border-bottom: 1px solid #DEDEDE; padding: 0 0 15px 0;}
.sectionwork .form_section .headform h4 {font-size: 18px; font-weight: 600; color: #222; margin: 0;}
.sectionwork .form_section .headform h5 {font-size: 16px; font-weight: 500; color: #444; margin: 0;}
.sectionwork .form_section .headform h6 {font-size: 14px; font-weight: 400; color: #8A8A8A;}

.sectionwork .important-info {padding: 16px 0 0 0; border-top: 1px solid #DEDEDE; margin-top: 10px;}
.sectionwork .important-info h6 {font-size: 15px; font-weight: 600; color: #222; margin: 0 0 10px 0;}
.sectionwork .important-info ul {margin: 0;}
.sectionwork .important-info ul li {font-size: 14px; font-weight: 400; color: #8A8A8A; margin: 0 0 5px 12px; line-height: 20px; list-style: decimal;}
.form-box .filtergroup {display: inline-flex; padding:20px 0 5px 0; gap:10px 20px; flex-wrap:wrap;}
.form-box .fields-group {display: flex; flex-wrap: wrap; gap:15px 16px; width: 100%; padding:20px 0 10px 0;}

.form-box .fields-group .floating-box {position: relative; width: calc(50% - 8px);}
.form-box .fields-group .floating-label-input {position: relative;}
.form-box .fields-group .floating-label-input > label {position: absolute; top: 50%; left: 15px; transform: translateY(-50%); pointer-events:none; cursor: text; transition: all 0.1s ease-out; font-size: 16px; color:#8e8e8e;}
.form-box .fields-group .floating-label-input .input-text {width: 100%; padding:23px 15px 7px !important; border: 1px solid #8e8e8e; border-radius: 6px; box-sizing: border-box; font-size: 16px; color: #222;}
.form-box .fields-group .floating-label-input .input-text.txtPhone {border-left: 0px solid #8e8e8e; border-radius:0 6px 6px 0; }
.form-box .fields-group .floating-label-input .input-text:focus {outline: 0px; border: 1px solid #474747;}
.form-box .fields-group .floating-label-input .input-text.txtPhone:focus{ border-left:0px;}
.form-box .fields-group .floating-label-input .input-text:focus + label, 
.form-box .fields-group .floating-label-input .input-text:not(:placeholder-shown) + label {top: 13px; left: 10px; font-size: 12px; font-weight: 500; padding: 0 5px; color:#474747;}
    .form-box .fields-group .floating-label-input .select-text {
        padding: 21px 11px 4px;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAASVJREFUOE+t0z0rhnEUBvAfyUuilJLFZJHN6guIMllEWQ1SSpHIyyCkpBSLjFJktcnkAygfwCaDwVtS+B/96UnPI3qcuus+p3Ouc93Xue4KZUZFmfMCIJ5qPP8B7GsmXhrRjyM8/QIkZprQi4NIRrCFGezi8QeQ6G/GOMYwEIVzdOEFq9jAfRGQ6G3Ji2I4Fp1FsS1R2kQP3lLTdhpeyCCRR1SiFSsYwh2OMfF5hQasYzg372MW1zlvxxr6cIu9tGAykAvPWJ9EnArUfJWTxGgeAb6MbtxktpF/xHcf1GE01RcT3Vpcoiqp3ZHZLGGnUJ9iRqrBYP7eUPwVV5jG4XdxSzkxjBWiBpMHzOG02Hl/snJQ78wMLkp541/+hV+4t3RL2QzeAc5hMB/fuAXWAAAAAElFTkSuQmCC);
        background-position: calc(100% - .5rem), 100% 0;
        background-size: 12px;
        background-repeat: no-repeat;
        background-color:#fff;
    }
.form-box .fields-group .floating-label-input .select-text:focus-visible {outline:0px;}
.form-box .fields-group .floating-label-input.datefild .input-text{background:url(../images/calendar-icon-new.svg) right 15px top 50% no-repeat;}
.form-box .fields-group .floating-label-input .submit_btn {width: 145px; height: 40px; line-height: 40px; font-size: 1rem; font-weight: 500; color: #fff; text-align: center; border-radius: 6px; border: 0px; text-decoration: none; cursor: pointer; background: rgb(40, 125, 250);
    background: -moz-linear-gradient(45deg, rgba(40, 125, 250, 1) 16%, rgba(0, 179, 255, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(40, 125, 250, 1) 16%, rgba(0, 179, 255, 1) 100%);
    background: linear-gradient(45deg, rgba(40, 125, 250, 1) 16%, rgba(0, 179, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#287dfa",endColorstr="#00b3ff",GradientType=1);
}
.sectionwork [type="radio"]:checked, .sectionwork [type="radio"]:not(:checked) {position: absolute; left: -9999px;}
.sectionwork [type="radio"]:checked + label,
.sectionwork [type="radio"]:not(:checked) + label {position: relative; padding-left: 28px; cursor: pointer; line-height: 21px; display: inline-block; color: #575757; font-size:16px;}
.sectionwork [type="radio"]:checked + label:before,
.sectionwork [type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 2px solid #287DFA; border-radius: 100%; background: #fff;}
.sectionwork [type="radio"]:checked + label:after,
.sectionwork [type="radio"]:not(:checked) + label:after {content: ''; width: 8px; height: 8px; background: #287DFA; position: absolute; top: 6px; left: 6px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.sectionwork [type="radio"]:checked + label{ color:#287DFA;}
.sectionwork [type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
.sectionwork [type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
.sectionwork .iti{ width:100%; display:flex}
.sectionwork .iti .iti__flag-container{ position:relative; padding:0;}
.sectionwork .numberfield{ width:100%;}
.sectionwork .iti--separate-dial-code .iti__selected-flag { border:1px solid #8e8e8e; border-radius:6px 0 0 6px;}
.adc{ display:none;}

@media (max-width: 991px) {
    .top_csupport{ padding-bottom:180px;}
    .top_csupport.height_auto{ padding:30px 0;}
    .support_wrp{ margin:-160px 0 35px 0;}
    .sectionwork{ background:#fff;}
    .sectionwork .form_section {padding: 16px 14px;}
    .support-menu {display: block; overflow-x: auto; white-space: nowrap; z-index: 1000; margin-bottom: 10px; }
    .support-menu ul {display: flex; gap: 0 12px }
    .support-menu ul li {box-shadow: none; border-radius: 0; margin: 0 0 10px 0;}
    .support-menu ul li a {display: inline-block; font-size:14px; color:#fff; border:1px solid #fff; border-radius:50px; padding:8px 15px; background:transparent;}
    .support-menu ul li a.active{ background:#fff;}
    .support-menu ul li a.active:before{ display:none;}
    .support-menu ul li:first-child{ margin-left:15px;}
    .support-menu ul li:last-child{ padding-right:15px;}
    .supportnav{ padding:0px !important}
}
@media (max-width: 768px) {
    .top_csupport h3{ font-size:22px;}
    .top_csupport p{ font-size:14px;}
    .support-menu ul{gap: 0 8px}
    .support-menu ul li a {padding:6px 15px;}
    .sectionwork .form_section .headform h4{ font-size:16px;}
    .form-box .fields-group .floating-label-input .input-text, 
    .form-box .fields-group .floating-label-input .select-text {font-size: 15px;}
    .sectionwork [type="radio"]:checked + label, .sectionwork [type="radio"]:not(:checked) + label{font-size:14px; padding-left: 25px;}
}
@media (max-width: 578px) {
    .support-menu ul {gap: 0 5px;}
    .form-box .filtergroup {gap:10px;}
    .form-box .fields-group{ gap:10px;}
    .form-box .fields-group .floating-box,
    .form-box .fields-group .floating-label-input{ width:100%;}
    .submit_btn{ width:100%;}
}





/*********** Terms Page ************/
.terms-wrap{margin-bottom:35px;}
.terms-wrap .termscontent p{font-size:16px; color:#444; padding-bottom:8px;}
.terms-wrap .termscontent ul{margin-bottom:10px;}
.terms-wrap .termscontent ul > li{margin-top:8px; font-size:1rem; color:#444;list-style:disc; margin-left: 20px;}
.terms-wrap .termscontent ol li{margin-top:8px; font-size:1rem; color:#444; list-style: circle; margin-left: 0px;}
.terms-wrap .termscontent h5{margin:5px 0; font-weight:600}
.terms-wrap .termscontent ul.numbering li{list-style:decimal;}
.terms-wrap .termscontent .tablediv{ width:100%; overflow-x: auto; padding-bottom:12px;}
.mb-0{ margin-bottom:0px !important;}







/*********** Start Planning ***********/
.top_planning {margin: 60px 0 0 0; background:url(../images/planning-banner.jpg) center no-repeat; background-size:cover; height:420px; width:100%;}

.planning_wrp {margin:-80px 0 30px 0;}
.planning_wrp > .container .row .col-lg-9{ width:calc(100% - 324px);}
.planning_wrp > .container .row .col-lg-3{ width:304px;}
.planning-contact {display: block; position:sticky; top:100px; box-shadow: 0 0 16px rgba(0, 0, 0, 0.10); border-radius: 20px; background:#fff;}
.planning-contact .callinfo{ padding: 40px 15px 20px; text-align: center; border-bottom: 1px solid #287dfa;}
.planning-contact .callinfo img{ max-width:48px; margin-bottom:15px;}
.planning-contact .callinfo h6{ font-size:18px; font-weight:400; color:#222; margin-bottom:10px;}
.planning-contact .callinfo h3{ font-size:26px; font-weight:700; color:#222; margin-bottom:10px;}
.planning-contact .callinfo p{ font-size:16px; font-weight:400; color:#222; margin-bottom:10px;}
.planning-contact .officeOpen{ padding: 40px 20px 20px; text-align: center;}
.planning-contact .officeOpen h6{ font-size:18px; font-weight:600; color:#222; margin-bottom:10px;}
.planning-contact .officeOpen h6 i{ font-size:18px; color:#287DFA; margin-right:4px;}
.planning-contact .officeOpen ul{ list-style:none; margin-bottom:10px;}
.planning-contact .officeOpen ul li{ display:flex; justify-content:space-between;padding :5px 0;}
.planning-contact .officeOpen ul li span:first-child{text-align:left;}
.planning-contact .officeOpen ul li span:last-child{text-align:right;}
.planning-contact .officeOpen ul li span{ width:49%; font-size:16px;}
.planning-contact .officeOpen ul li span:nth-child(2){ width:2%;}
.planning-contact .officeOpen p{ border-top:1px solid #DEDEDE; margin-top:15px; padding:15px 0 0 0; color:#A1A1A1;}


.planningwrk {display: none; box-shadow: 0 0 16px rgba(0, 0, 0, 0.10); border-radius: 20px; background:#fff;}
.planningwrk h1 {font-size: 34px; font-weight: 700; color: #287DFA; margin: 0; border-bottom:1px solid #287DFA; padding: 26px 20px 12px 20px;}
.planningwrk.active {display: block;}
.planningwrk .form_section {padding: 16px 20px;}
.planningwrk .form_section .headform {border-bottom:0px solid #DEDEDE; padding: 0px;}
.planningwrk .form_section .headform h4 {font-size: 20px; font-weight: 600; color: #222; margin: 0;}

.form-planning .fields-group {display: flex; flex-wrap: wrap; gap: 20px; width: 100%; padding:20px 0 10px 0;}
.form-planning .fields-group .floating-label-input {position: relative; width: calc(50% - 10px);}
.form-planning .fields-group .floating-label-input label{font-size: 16px; color:#222222; margin-bottom:8px; font-weight:400;}
.form-planning .iti{ width:100%;}
.form-planning .iti.iti--separate-dial-code .iti__selected-flag {
    border-right: 1px solid #8e8e8e;
}
.iti__country-list{ min-width:290px;}
label.toptobtmsupport {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    cursor: text;
    margin: 0px;
    pointer-events: none;
    transition: all 0.1s ease-out;
    font-size: 16px;
    color: #8e8e8e;
}
.numberfield { position:relative;}
/*.form-planning .fields-group .floating-label-input > label {position: absolute; top: 50%; left: 15px; transform: translateY(-50%); cursor: text; transition: all 0.1s ease-out; font-size: 16px; color:#8e8e8e;}*/
.form-planning .fields-group .floating-label-input .input-text {width: 100%; padding:15px; border: 1px solid #8e8e8e; border-radius: 6px; box-sizing: border-box; font-size: 16px; color: #222;}
.form-planning .fields-group .floating-label-input .input-text:focus {outline: 0px; border: 1px solid #474747;}
/*.form-planning .fields-group .floating-label-input .input-text:focus + label, 
.form-planning .fields-group .floating-label-input .input-text:not(:placeholder-shown) + label {top: 13px; left: 10px; font-size: 12px; font-weight: 500; padding: 0 5px; color:#474747;}*/
.form-planning .fields-group .floating-label-input .select-text {
    padding: 13px 11px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAASVJREFUOE+t0z0rhnEUBvAfyUuilJLFZJHN6guIMllEWQ1SSpHIyyCkpBSLjFJktcnkAygfwCaDwVtS+B/96UnPI3qcuus+p3Ouc93Xue4KZUZFmfMCIJ5qPP8B7GsmXhrRjyM8/QIkZprQi4NIRrCFGezi8QeQ6G/GOMYwEIVzdOEFq9jAfRGQ6G3Ji2I4Fp1FsS1R2kQP3lLTdhpeyCCRR1SiFSsYwh2OMfF5hQasYzg372MW1zlvxxr6cIu9tGAykAvPWJ9EnArUfJWTxGgeAb6MbtxktpF/xHcf1GE01RcT3Vpcoiqp3ZHZLGGnUJ9iRqrBYP7eUPwVV5jG4XdxSzkxjBWiBpMHzOG02Hl/snJQ78wMLkp541/+hV+4t3RL2QzeAc5hMB/fuAXWAAAAAElFTkSuQmCC");
    background-position: calc(100% - .5rem), 100% 0;
    background-size: 12px;
    background-repeat: no-repeat;
}
.form-planning .fields-group .floating-label-input .select-text:focus-visible {outline:0px;}
.form-planning .fields-group .floating-label-input.datefild .input-text{background:url(../images/calendar-icon-new.svg) right 15px top 50% no-repeat;}
.form-planning .fields-group .floating-label-input .submit_btn {width: 145px; height: 56px; line-height: 56px; font-size: 1rem; font-weight: 500; color: #fff; text-align: center; border-radius: 6px; border: 0px; text-decoration: none; cursor: pointer; background: rgb(40, 125, 250);
    background: -moz-linear-gradient(45deg, rgba(40, 125, 250, 1) 16%, rgba(0, 179, 255, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(40, 125, 250, 1) 16%, rgba(0, 179, 255, 1) 100%);
    background: linear-gradient(45deg, rgba(40, 125, 250, 1) 16%, rgba(0, 179, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#287dfa",endColorstr="#00b3ff",GradientType=1);
}
.form-planning .fields-group .floating-label-input.w-30 {width: calc(35% - 10px);}
.form-planning .fields-group .floating-label-input.w-60 {width: calc(65% - 10px);}

.radio-with-Icon {display: block;}
.radio-with-Icon p.radioOption-Item {display: inline-block; margin: 0 15px 0 0; width:220px; text-align:center;}
.radio-with-Icon p.radioOption-Item label {display: block; height: 100%; width: 100%; padding: 12px; border-radius: 6px; border: 1px solid #CFCFCF; color: #4E4E4E; cursor: pointer; transition: none; font-size: 16px; font-weight: 500; text-align: center; margin: 0 !important;}
.radio-with-Icon p.radioOption-Item label img{ margin-right:5px; filter: grayscale(1);}
.radio-with-Icon p.radioOption-Item label:hover, .radio-with-Icon p.radioOption-Item label:focus, .radio-with-Icon p.radioOption-Item label:active {color: #4E4E4E; margin: 0 !important;}
.radio-with-Icon p.radioOption-Item label::after, .radio-with-Icon p.radioOption-Item label:after, .radio-with-Icon p.radioOption-Item label::before, .radio-with-Icon p.radioOption-Item label:before {opacity: 0 !important;width: 0 !important;height: 0 !important;margin: 0 !important;}
.radio-with-Icon p.radioOption-Item label i.fa {display: block; font-size: 50px;}
.radio-with-Icon p.radioOption-Item input[type="radio"] { opacity: 0 !important; width: 0 !important; height: 0 !important; position:absolute;}
.radio-with-Icon p.radioOption-Item input[type="radio"]:active ~ label {opacity: 1;}
.radio-with-Icon p.radioOption-Item input[type="radio"]:checked ~ label {opacity: 1; border-color: #287DFA; color: #287DFA;}
.radio-with-Icon p.radioOption-Item input[type="radio"]:checked ~ label img{ filter: grayscale(0);}
.radio-with-Icon p.radioOption-Item input[type="radio"]:hover, .radio-with-Icon p.radioOption-Item input[type="radio"]:focus, .radio-with-Icon p.radioOption-Item input[type="radio"]:active {margin: 0 !important;}
.radio-with-Icon p.radioOption-Item input[type="radio"] + label:before, .radio-with-Icon p.radioOption-Item input[type="radio"] + label:after {margin: 0 !important;}

.singupYN{ display:flex; gap:15px;}
.singupYN p{ font-size:16px;}
.radio_container {display: flex; justify-content:center; align-items: center; border:1px solid #0DA827; min-width: 152px; height: 44px; border-radius: 9999px;}
.radio_container input[type="radio"] {appearance: none; display: none;}
.radio_container label {font-size: 16px; display: flex; justify-content: center; align-items: center; background-color: inherit; width: 69px; height: 30px; text-align: center; border-radius: 9999px; overflow: hidden; transition: linear 0.3s; color: #6e6e6edd; margin:0px !important; cursor:pointer;}
.radio_container input[type="radio"]:checked + label {background-color: #0DA827; color: #fff; font-weight: 400; transition: 0.3s;}
.footersingle{ margin-top:25px;}
.footersingle p{padding:25px 0;}
hr.footerhr {
    background-color: #B3D1FC;
    opacity: 1;
    margin: 10px 0 0 0;
}


@media (max-width: 991px) {
    .planning_wrp{ margin:-80px 0 35px 0;}
    .planningwrk{ background:#fff;}
    .planningwrk .form_section {padding: 16px 14px;}
    .planningnav{ padding:0px !important}
    .supportnav1{ margin-top:30px;}
    .planning_wrp > .container .row .col-lg-9,
    .planning_wrp > .container .row .col-lg-3{width:100%;}
    .top_planning{ height:300px}
}
@media (max-width: 768px) {
    .planningwrk .form_section .headform h4{ font-size:16px;}
    .form-planning .fields-group .floating-label-input .input-text, 
    .form-planning .fields-group .floating-label-input .select-text {font-size: 15px;}
    .form-planning .fields-group .floating-label-input.w-30 {width: calc(100%);}
    .form-planning .fields-group .floating-label-input.w-60 {width: calc(100% - 0px);}
    .planningwrk h1{ font-size:26px;}
    .radio-with-Icon p.radioOption-Item{ width:auto;}
    .radio-with-Icon p.radioOption-Item:last-child{ margin:0px;}
    .planning_wrp {margin: -40px 0 35px 0;}
}
@media (max-width: 578px) {
    .form-planning .filtergroup {gap:10px;}
    .form-planning .fields-group{ gap:14px;}
    .form-planning .fields-group .floating-label-input{ width:100%;}
    .submit_btn{ width:100%;}
    .planningwrk h1{ font-size:24px;}
    .singupYN{ flex-wrap:wrap;}
}

.rangevaluefromto{text-align: center; display: flex; justify-content: center; align-items: center; gap:6px;}
.rangevaluefromto p{font-size:16px; color:#287DFA;}
.slider-valuess {display:none; align-items:center; justify-content:space-between;}
.slider-valuess p{font-size:16px; color:#287DFA;}
.slider-values {
    position: absolute;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.slider-values span{ font-size:16px; color:#287DFA; display:inline-block; text-align:center;}

.slider-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
}
.slider-track {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 4px;
    width: 100%;
    background: #ccc;
    border-radius: 5px;
}
.slider-range {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 4px;
    background: #287DFA;
    border-radius: 5px;
}
input[type="range"] {
    position: absolute;
    width: 100%;
    -webkit-appearance: none;
    background: transparent;
    pointer-events: none;
    top: 50%;
    transform: translateY(-50%);
    margin:0px;
}
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 32px;
    height: 32px;
    background: #287DFA;
    border-radius: 50%;
    pointer-events: all;
    position: relative;
    z-index: 2;
}

#sliderRange1{ visibility:hidden;}
.tooltipv {
    position: absolute;
    top: 12px; /* Position the value below the thumb */
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    transition: left 0.1s ease;
    white-space: nowrap;
    width: 24px;
    text-align: center;
    pointer-events: none;
    display:none;
}

input[type="range"]:focus + .tooltipv {
    opacity: 1;
}


/*Coming Soon*/

.comingsoon{ text-align:center;}
.comingsoon h3{ font-size:30px; margin-top:50px;}
.comingsoon p{ font-size:16px; padding:10px 0 20px 0;}
.comingsoon img{margin:20px 0 10px 0;}
.comingsoon h2{ font-size:40px; font-weight:700; text-transform:uppercase; margin-top:30px; margin-bottom:15px;}
.comingsoon a{ font-size:16px; padding:8px 20px 6px 20px; display:inline-block; color:#fff; margin-bottom:30px; text-decoration:none; border-radius:5px; background: rgb(40, 125, 250);
    background: -moz-linear-gradient(45deg, rgba(40, 125, 250, 1) 16%, rgba(0, 179, 255, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(40, 125, 250, 1) 16%, rgba(0, 179, 255, 1) 100%);
    background: linear-gradient(45deg, rgba(40, 125, 250, 1) 16%, rgba(0, 179, 255, 1) 100%);}

.pageError{background:url(../images/page-not-found.webp) top center no-repeat; min-height: 744px; margin-bottom: -40px; margin-top: 60px;}
.notfound{ margin-top: 350px;}
.notfound h1{color:#fff; font-weight: 700; opacity: 0.6;}
.notfound p{color:#fff; font-size:20px; font-weight: 400; padding:20px 0;}
.notfound .btns-grup {display: flex; align-items: center; justify-content: center; gap:10px; flex-wrap:wrap; margin-top:20px;}
.notfound .btns-grup li a {text-decoration: none; display:inline-block; font-size:18px; color: #fff; padding: 10px 20px; background:rgba(255,255,255,0.15); border-radius:6px; border:1px solid #8d8d8d; transition: all 0.3s ease-in-out;}
.notfound .btns-grup li a:hover {background:rgba(255,255,255,0.3);}
@media only screen and (max-width: 767px) {
   .notfound p, .notfound .btns-grup li a{ font-size:16px;}
}

/*****About Us Page Start ******/
.aboutpage{ margin-top:75px;}
.top_aboutbanner{ width:100%; margin:60px 0 0 0; position: relative;}
.top_aboutbanner .banner-inner{ position:relative;}
.top_aboutbanner .banner-inner:before{ position:absolute; content:''; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0; left:0;}
.top_aboutbanner .banner-inner img{ width:100%; object-fit:cover; height:auto;}
.top_aboutbanner .head-about{ position:absolute; margin:0 auto; top:50%; transform:translateY(-50%); width:100%; text-align:center; color:#fff;} 
.top_aboutbanner .head-about h1{ color:#fff; font-weight:600;}
@media only screen and (max-width: 767px) {
    .top_aboutbanner .banner-inner img {height: 175px;}
    .aboutpage {margin-top: 45px;}
}

.who-journey {  margin-bottom:50px;}
.who-journey .slideBox .item{width:100%; display:flex; justify-content:space-between; align-items:center;}
.who-journey .slideBox .item .content-box{width:50%; position:relative; padding:0px 35px 0px 0;}
.who-journey .slideBox h2{color: #287DFA; font-weight: 700; margin-bottom:20px;}
.who-journey .slideBox .item .content-box p{font-size: 16px; color: #0E0E0E; line-height: 22px; margin-bottom: 15px;}
.who-journey .slideBox .item .content-box p:last-of-type{margin-bottom: 0px;}
.who-journey .slideBox .item .content-box ul li{font-size: 16px; color: #0E0E0E; line-height: 22px; margin-bottom: 8px; list-style:disc; margin-left:20px;}
.who-journey .slideBox .item .content-box a{padding: 10px 15px; text-align: center; color: #fff; background: #287DFA; text-decoration: none; border-radius: 3px; font-size: 16px; display: inline-block; font-weight: 600; box-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);}
.who-journey .slideBox .item .content-box a img{margin:0 5px 0 0;}
.who-journey .slideBox .item .imgright{width:50%; position:relative;}
.who-journey .slideBox .item .imgright h2{display: none;}
.who-journey .slideBox .item .imgright img{width:100%; height:auto; border-radius:20px; object-fit: cover;}
.who-journey + .who-journey .slideBox .item .content-box{padding:0px 0 0 35px;}
@media only screen and (max-width: 800px) {
.who-journey .slideBox .item{ flex-wrap:wrap;}
.who-journey .slideBox .item .imgright, .who-journey .slideBox .item .content-box p{ width:100%;}
.who-journey .slideBox .item .content-box{ width:100%; order:2; padding: 20px 0 0 0;}
.who-journey + .who-journey .slideBox .item .content-box{ padding:20px 0 0 0; width:100%;}
/*.who-journey .slideBox .item .content-box h2{ display: none;}
.who-journey .slideBox .item .imgright h2{display: block;}*/
}
@media only screen and (max-width: 480px) {
.who-journey .slideBox .item .imgright img{ max-height:fit-content;}
}


.why-choose {background: linear-gradient(45deg, rgba(40,125,250,1) 0%, rgba(66,223,255,1) 100%); padding: 40px 0;}
.why-choose .headtxt h2{color: #fff; font-weight: 700;}
.why-choose .item{padding: 20px; background:#fff; border-radius:20px; margin-right:20px; max-width: calc(100% - 15px); text-align:center; min-height:280px; box-shadow: 0 5px 30px rgba(0, 0, 0, 0.12); margin-bottom: 30px;}
.why-choose .item .imgbox{ display: flex; height:53px; margin:20px 0; align-items: center;}
.why-choose .item .imgbox img{max-width: 100%; height: auto; transition: all 0.3s ease-in-out; margin:0 auto;}
.why-choose .item h6{ font-weight:500; color: #000000; margin-bottom:8px;}
.why-choose .item p{ font-size: 16px; font-weight:400; color: #656565; line-height: 24px;}
.control-c {width: 40px; display: flex; align-items: center; justify-content: center; background: #fff; height: 40px; line-height: 38px; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); z-index:1; cursor:pointer; font-size: 20px; text-align: center; box-shadow: 0px 0px 10px #0C060E33;}
.control-c.slick-disabled{ opacity:0;}
.control-c.a-left{left:-20px;}
.control-c.a-right{right: -20px;}
.control-btn {width: 30px; display: flex; align-items: center; justify-content: center; background: #fff; height: 30px; line-height: 28px; border-radius: 50%; position: absolute; top:-45px; z-index:1; cursor:pointer; font-size: 20px; text-align: center; box-shadow: 0px 0px 5px #0C060E33;}
.control-btn img{width: 14px;}
.control-btn.slick-disabled{ opacity: 0.6 !important; cursor: no-drop;}
.control-btn.a-left{right:40px;}
.control-btn.a-right{right: 0px;}
.slick-slider{display: none;}
.slick-initialized.slick-slider{display: block;}
.why-choose .control-c{ margin-top:-15px;}
@media only screen and (max-width: 1200px) {
    #why-choose-slider{ margin: 0 12px;}

}

.about-service{ margin:60px 0 30px 0;}
.about-service h2{ color: #287DFA; font-weight: 700; margin-bottom:20px;}
.about-service .content-box{box-sizing:border-box; padding:0 0 30px 0;}
.about-service .content-box h4{color: #287DFA; font-weight: 600; margin-bottom:20px; }
.about-service .content-box p{font-size: 16px; color: #656565; line-height:24px; margin-bottom:12px;}
.about-service .content-box p strong{color: #000; font-weight:600;}
.about-service .content-box img{margin-bottom:20px; border-radius: 20px; width: 100%; height: auto;}

.success_stories_wrp{ margin-bottom:60px;}
.success_stories {background:#fff url(../images/about/testimonial-bg.webp) center bottom no-repeat; padding: 40px 40px 50px 40px; border-radius:20px; box-shadow:0 0 6px rgba(0,0,0,0.16); background-size: 100%;}
.success_stories .headtxt h2{color: #287DFA; font-weight: 700;}
.success_stories .star-customer{ margin:20px 0;}
.success_stories .item{padding: 20px; background:#fff; border-radius:20px; margin:0 10px; max-width: calc(100% - 15px); text-align:center; min-height:280px; border:1px solid #E2E2E2;}
.success_stories .item .imgbox{ display: flex; height:25px; margin:20px 0; align-items: center;}
.success_stories .item .imgbox img{max-width: 100%; height: auto; transition: all 0.3s ease-in-out; margin:0 auto;}
.success_stories .item h6{ font-weight:500; color: #000000; margin-top:8px; font-size:18px;}
.success_stories .item p{ font-size: 16px; font-weight:400; color: #656565; line-height: 24px; min-height:125px;}
.slick-dots {position: relative; text-align: center; display: flex; justify-content: center; gap: 10px; margin-top: 20px; list-style-type: none;}
.slick-dots button {display: block; width: 8px; height: 8px; padding: 0; border: none; border-radius:10px; background-color: #CCCCCC; text-indent: -9999px; transition:all 0.3s ease-in-out;}
.slick-dots li.slick-active button {background-color: #287DFA; width:40px; transition:all 0.3s ease-in-out;}

@media only screen and (max-width: 568px) {
    .success_stories{ padding:40px 15px 50px 15px;}
}

/*****About Us Page End ******/

/***** Breadcrumb Static Page End ******/
.breadcrumb-static {color: #626262; margin-bottom: 20px;}
.breadcrumb-static a {text-decoration: none; color: #007bff; position: relative; margin-right: 10px;}
.breadcrumb-static a::after {content: " /"; color: #626262; margin-left: 10px;}
.breadcrumb-static a:last-child::after {content: "";}
.breadcrumb-static a:last-child{color: #626262; cursor:default; pointer-events:none;}
/***** Breadcrumb Static Page End ******/


/*********** Help Center Page Start  ***********/
.top_helpCenter {margin: 60px 0 0 0; padding: 66px 0; background: rgb(47, 128, 237); text-align:center;
    background: -moz-linear-gradient(45deg, rgba(47, 128, 237, 1) 0%, rgba(86, 204, 242, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(47, 128, 237, 1) 0%, rgba(86, 204, 242, 1) 100%);
    background: linear-gradient(45deg, rgba(47, 128, 237, 1) 0%, rgba(86, 204, 242, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2f80ed", endColorstr="#56ccf2", GradientType=1);
}
.top_helpCenter h1 {font-weight: 700; color: #fff; }
.top_helpCenter p {font-size: 16px; color: #fff;margin: 12px 0 0 0;}
.helpcenter_wrp {margin: 30px 0;}
.helpcenter_wrp .safe-online-wrp{box-shadow: 0 0 4px rgba(0, 0, 0, 0.07); border-radius: 10px;  background: #fff; display: flex; align-items: flex-start; gap: 0 12px; padding: 15px; margin-bottom: 25px;}
.helpcenter_wrp .safe-online-wrp h6{color:#287DFA; font-weight:600; margin-bottom:4px;}
.helpcenter_wrp .safe-online-wrp p{ color:#626262; font-weight:500;}
.helpcenter_wrp .safe-online-wrp .imgleft{ min-width:20px; padding-top:7px;}
.helpcenter_wrp .sectionwork {display: none; box-shadow:none; background:none;}
.helpcenter_wrp .sectionwork.active {display: block;}
.helpcenter_wrp .head h4{ font-weight:600; color:#287DFA;}
.helpcenter_wrp .sectionwork .row-wrap{box-shadow: 0 0 4px rgba(0, 0, 0, 0.07); border-radius: 10px; background:#fff; margin-bottom:20px; padding:20px;}

.helpcenter-menu {display: block; z-index: 1000;}
.helpcenter-menu ul {list-style: none; display: block; padding: 0; box-shadow: 0 0 4px rgba(0, 0, 0, 0.07); border-radius: 10px; overflow:hidden;}
.helpcenter-menu ul li { margin: 0;}
.helpcenter-menu ul li a {position: relative; font-size: 16px; color: #626262; text-decoration: none; padding: 17px 20px; border-bottom:1px solid #E1E1E1; display: block; transition: background 0.3s; background: #fff;}
.helpcenter-menu ul li a.active {color: #000000; font-weight: 500;}
.helpcenter-menu ul li:last-child a{ border:0px;}
.helpcenter-menu ul li a.active:before {position: absolute; content: ''; width: 5px; height: 30px; border-radius: 0 100px 100px 0; left: 0; top: 50%; transform: translateY(-50%); background: #287DFA;}

.browsebyTypes{ padding:0px;}
.browsebyTypes .items-wrp{display: flex; flex-wrap: wrap; gap:20px; padding: 20px 0 0 0; justify-content: flex-start; align-items:flex-start;}
.browsebyTypes .items-wrp .card{width: calc(33.33% - 14px); background-color: #fff; text-align: center; padding:30px 15px; border-radius: 8px; border:1px solid #E1E1E1;}
.browsebyTypes .items-wrp .card .iconimg{ min-height:38px; margin:0 0 12px 0; filter:grayscale(1);}
.browsebyTypes .items-wrp .card a{text-decoration:none;}
.browsebyTypes .items-wrp .card h6{font-size:18px; font-weight:500; color:#000;}
.browsebyTypes .items-wrp .card p{color:#626262;}
.browsebyTypes .items-wrp .card:hover{border-color:#287DFA; box-shadow:0 0 10px rgba(0,0,0,0.16);}
.browsebyTypes .items-wrp .card:hover h6{color:#287DFA;}
.browsebyTypes .items-wrp .card:hover .iconimg{filter:grayscale(0);}

.still_help{ display:flex; justify-content:space-between; align-items:center;}
.still_help h6{ font-size:18px; font-weight:600; color:#287DFA;}
.still_help a.chatbtn {width: 145px; height: 40px; line-height: 40px; font-size: 1rem; font-weight: 500; color: #fff; text-align: center; border-radius: 6px; border: 0px; text-decoration: none; cursor: pointer;  background: rgb(40, 125, 250); background: -moz-linear-gradient(45deg, rgba(40, 125, 250, 1) 16%, rgba(0, 179, 255, 1) 100%); background: -webkit-linear-gradient(45deg, rgba(40, 125, 250, 1) 16%, rgba(0, 179, 255, 1) 100%);  background: linear-gradient(45deg, rgba(40, 125, 250, 1) 16%, rgba(0, 179, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#287dfa",endColorstr="#00b3ff",GradientType=1);}
.still_help a.chatbtn img{ display:none;}

.helpcenter_wrp .headingtop{display:flex; align-items:center; gap:0 12px;}
.helpcenter_wrp .headingtop h4{ font-size:26px; font-weight:600; color:#287DFA;}
.helpcenter_wrp .headingtop .imgleft{ min-height:38px; width:auto;}
.helpcenter_wrp .headingtop .imgleft img{ min-height:38px; max-width:100%; width:auto;}

.que-ans .accordion-item{ border:0px; border-bottom:1px solid #DEDEDE; padding:20px 0;}
.que-ans .accordion-item:first-child{ padding:0 0 20px 0;}
.que-ans .accordion-item:last-child{ border:0px; padding:20px 0 0 0;}
.que-ans .accordion-button { padding:10px 0; font-size:18px; color:#000; font-weight:600; box-shadow: none; background: none; align-items:flex-start;}
.que-ans .accordion-button.collapsed{ color:#484848; font-weight:400;}
.que-ans .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath id='down-arrow-5-svgrepo-com' d='M17,16a1,1,0,0,1-.707-.293L12,11.414,7.707,15.707a1,1,0,0,1-1.414-1.414l5-5a1,1,0,0,1,1.414,0l5,5A1,1,0,0,1,17,16Z' transform='translate(-6 -9)'/%3E%3C/svg%3E%0A");
    background-size: 100%; width: 12px; transform: rotate(-180deg); opacity: 0.5; height: 8px; margin-top:5px;}
.que-ans .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath id='down-arrow-5-svgrepo-com' d='M17,16a1,1,0,0,1-.707-.293L12,11.414,7.707,15.707a1,1,0,0,1-1.414-1.414l5-5a1,1,0,0,1,1.414,0l5,5A1,1,0,0,1,17,16Z' transform='translate(-6 -9)'/%3E%3C/svg%3E%0A");
    transform: rotate(0deg); opacity: 1;}
.que-ans .accordion-body {padding: 0px; font-size: 16px; color: #545454;}
.que-ans .accordion-body ul li{padding: 0px; font-size: 16px; color: #545454; list-style:disc; margin-left:20px;}

.bttn-group{ padding:10px 0;}
.bttn-group ul{ display:flex; gap:0 20px; justify-content:space-between;}
.bttn-group ul li{width:100%;}
.bttn-group ul li a{ text-align:center; display: block; border: 1px solid #287DFA; border-radius: 8px; padding: 20px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.16); text-decoration:none;}
.bttn-group ul li a span{ display: block; font-size:18px; font-weight:600; padding-top:7px;}


@media (max-width: 991px) {
    .top_helpCenter.height_auto{ padding:30px 0;}
    .helpcenter_wrp .safe-online-wrp{ margin-bottom:20px;}
    .sectionwork{ background:#fff;}
    .helpcenter-menu {display: block; overflow-x: auto; white-space: nowrap; z-index: 1000; margin-bottom: 20px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.07); border-radius: 10px; background:#fff; }
    .helpcenter-menu ul {display: flex; gap: 0px; overflow:unset; }
    .helpcenter-menu ul li {box-shadow: none; border-radius: 0; margin: 0;}
    .helpcenter-menu ul li a {display: inline-block; font-size:16px; color:#626262; padding:12px 20px; background:transparent; border:0px;}
    .helpcenter-menu ul li a.active{ color:#000000; font-weight:600;}
    .helpcenter-menu ul li a.active:before{width: calc(100% - 40px); height: 5px; border-radius: 100px 100px 0 0; left: 0; top: auto; bottom: 0; right: 0; margin: 0 auto; transform: translateY(0%);}
}
@media (max-width: 768px) {
    .top_helpCenter p{ font-size:14px;}
    .browsebyTypes .items-wrp .card {width:calc(50% - 10px);}
}

@media (max-width: 578px) {
    .browsebyTypes .items-wrp .card {width:100%;}
    .still_help a.chatbtn{ width:48px;}
    .still_help a.chatbtn img{ display:inline-block; filter: brightness(100);}
    .still_help a.chatbtn span{ display:none;}
}
.required {
    color: red;
}

.error-message {
    color: red;
    font-size: 13px;
    margin-top: 2px;
}

.input-error {
    border-color: red;
    background-color: #ffe6e6;
}

/*********** Help Center Page End  ***********/

/******* Customer support sucess msg Start******/
    .cs_modal{position:fixed; top:0; left:0; right:0; height:100%; width:100%; z-index:10001; background:rgba(0,0,0,0.75); text-align:center; display:none; backdrop-filter: blur(5px);}
    .cs_modal .cs_wrp{ max-width:360px; padding:25px; background:#fff; border-radius:15px; box-shadow:0 0 40px rgba(0,0,0,0.16); box-sizing:border-box; margin:0 auto; position:relative; top:50%; transform:translateY(-50%);} 
    .cs_modal .cs_wrp .cs_close{display: inline-block; text-align: right; float: right; padding: 2px 0 2px 8px; cursor: pointer;}
    .cs_modal .cs_wrp .cs_container .cs_icon{padding: 15px 0; max-width: 75px; margin: 0 auto;}
    .cs_modal .cs_wrp .cs_container .cs_content h3{font-size: 20px; font-weight: 500; margin-bottom:10px;}
    .cs_modal .cs_wrp .cs_container .cs_content p{font-size: 14px; font-weight: 400; padding: 0 10%; line-height: 18px;}
    .cs_modal .cs_wrp .cs_container .cs-btn{ margin-top:20px;}
    .cs_modal .cs_wrp .cs_container .cs-btn .btn-timout{color:#fff; border: 0px; font-size: 14px; font-weight: 600; text-align: center;
    border-radius: 4px; padding: 9px; width:100%; cursor: pointer; text-decoration: none; display:block;
    background: rgb(40, 125, 250);
    background: -moz-linear-gradient(45deg, rgba(40, 125, 250, 1) 16%, rgba(0, 179, 255, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(40, 125, 250, 1) 16%, rgba(0, 179, 255, 1) 100%);
    background: linear-gradient(45deg, rgba(40, 125, 250, 1) 16%, rgba(0, 179, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#287dfa",endColorstr="#00b3ff",GradientType=1);}
    .close_modl{position: absolute;
    right: 020px;
    font-size: 40px;
    top: 0px;
    cursor: pointer;}

@media only screen and (max-width:370px) {
    .cs_modal .cs_wrp {
        max-width: 340px;
    }
}
/******* Customer support sucess msg End******/
.chatclos {
    width: 60px;
    height: 60px;
    cursor: pointer;
    position: fixed;
    bottom: 20.5px;
    right: 20.5px;
    margin: 0px;
    border-radius: 8px;
    z-index: 2147483648 !important;
    background: transparent;
}

@media only screen and (max-width:600px) {
    .chatclos {
        width: 50px;
        height: 50px;
        cursor: pointer;
        position: fixed;
        bottom: auto;
        top: 5px;
        right: 5px;
        left: auto;
        box-shadow: rgba(255, 255, 255, 0.13) 0px 0px 4px;
        border-radius: 8px;
        transform: scale(0.8) !important;
        z-index: 2147483648 !important;
        background: transparent;
    }
}








a{text-decoration:none;}
.mt-30{ margin-top:30px;}

.error-message-red{ color:#ff0000;line-height: 15px; font-size: 12px;}
/*******************All Inclusive Page Start **********************/
.inner_pageAll .sp-30{padding:30px 0;}
.inner_pageAll .sp-50{padding:50px 0;}
.inner_pageAll hr {height:1px; margin:30px 0 0 0;}
.inner_pageAll { width:100%; margin:60px 0 0 0; position: relative;}

.heroBannerInner{ position:relative; margin-bottom: 30px;}
.heroBannerInner .banner-inner{ position:relative;}
.heroBannerInner .banner-inner img{ width:100%; object-fit:cover;}
.heroBannerInner .banner-content{ position:absolute; margin:0 auto; top:50%; transform:translateY(-50%); width:100%; text-align:center; color:#fff;} 
.heroBannerInner .banner-content h1{ font-size:clamp(28px, 4vw, 44px); font-weight:600; padding-bottom:12px;}
.heroBannerInner .banner-content .subtag {color: #fff; font-size:clamp(18px, 4vw, 19px); font-weight:400; display: inline-block; margin: 10px 0 30px 0;}
.heroBannerInner .banner-content .badges{ display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:15px 0; flex-wrap:wrap;}
.heroBannerInner .banner-content .badges li{ display:inline-flex; align-items:center; gap:0 10px;}
.heroBannerInner .banner-content .btn-groups{display:flex; align-items:center; justify-content:center; gap:10px; margin-top:12px;}
.heroBannerInner .banner-content .btn-groups a{color:#287DFA; font-size:20px; font-weight:600; display: inline-block;  border-radius:30px; background:#fff; padding:6px 25px 6px 15px; border:2px solid #fff; transition: all 0.3s ease;}
.heroBannerInner .banner-content .btn-groups a img{ margin:-2px 4px 0 0; max-height: 16px;}
.heroBannerInner .banner-content .btn-groups a.quoteBtnTop img{filter:brightness(0) invert(1); }
.heroBannerInner .banner-content .btn-groups a.quoteBtnTop:hover img{filter:unset; }
.heroBannerInner .banner-content .btn-groups a:hover{color:#fff; background:#287DFA; }
.heroBannerInner .banner-content .btn-groups a:hover img{filter:brightness(0) invert(1); }
.heroBannerInner .banner-content .btn-groups a + a{  background:#287DFA;  color:#fff;}
.heroBannerInner .banner-content .btn-groups a + a:hover{background:#fff; border:2px solid #fff; color:#287DFA;}
.heroBannerInner .banner-content .btn-groups a + a:hover img{filter:brightness(0) invert(1);}
.inclusive-hero .banner-inner img{ height:530px;}
.inclusive-hero .subtag{line-height:32px;}
.inclusive-hero .badges{ display:flex; align-items:center; justify-content:center; gap:20px 30px; padding:0px; flex-wrap:wrap; margin-bottom:20px;}
.inclusive-hero .badges li{ display:block; text-align:center; flex-direction: column; min-width:100px;}
.inclusive-hero .badges li img{ max-height:40px;}
.inclusive-hero .badges li span{ display:block; margin-top:8px; font-size: 14px; line-height: 20px; font-weight:600;}

.bnplBtn{ text-align:center; margin:15px 0; margin-bottom:25px;}
.bnplBtn a{color: #222; font-size: 20px; font-weight: 500; display: inline-block; border-radius: 30px; padding: 10px 20px 10px 20px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); transition: all 0.3s ease; background: #dde660; border:2px solid #dde660;}
.bnplBtn a:hover{color: #dde660; transition: all 0.3s ease; background: #222; border-color: #dde660;}

.wrapbg {background: rgba(0, 0, 0, 0.3); backdrop-filter: blur(5px);  max-width: 570px; margin: 0 auto; border-radius: 20px; padding: 20px 15px;}
.wrapbg h5{ font-size:20px;}
.wrapbg h5 span{font-size: 9px; background: #0d7a28; width: 20px; height: 20px; display: inline-block; position: relative; top: -2px; text-align: center; line-height: 21px; border-radius: 50%; margin-right: 2px;}
.timer_wrap { margin-bottom:20px;}
.timer_wrap h3{ font-size:clamp(20px, 5.5vw, 26px); font-weight:700; color:#ffef6e;}
.timer_wrap p{ font-size:14px; font-weight:400; color:#fff;}
.wrapbg p.perks-note {
    font-weight: 400;
    color: #cecece;
    margin-top: 10px;
    line-height: 16px;
}
.timer_wrap .countdown {display: flex; gap: 12px; justify-content: center; margin: 20px 0;}
.timer_wrap .countdown .count-box {text-align: center; min-width: 70px;}
.timer_wrap .countdown .count-box span {font-size: 38px; font-weight: 700; color: #fff; line-height: 38px;}
.timer_wrap .countdown .count-box small {display: block; font-size: 12px; color: #a8a8a8; font-weight:500; text-transform:uppercase; margin-top: -4px;}

.qpop-wrap {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); display: flex; justify-content: center; align-items: center; z-index: 9999; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease;}
.qpop-wrap.active {opacity: 1; visibility: visible;}
.qpop-wrap .qpop-box {background: #fff; width: 90%; max-width: 500px; max-height: calc(100vh - 60px); /* prevent overflow */ overflow-y: auto; border-radius: 12px; padding: 25px; box-shadow: 0 20px 40px rgba(0,0,0,0.2); position: relative; transform: translateY(-50px); opacity: 0; transition: transform 0.4s ease, opacity 0.4s ease;}
.qpop-wrap.active .qpop-box {transform: translateY(0); opacity: 1;}
.qpop-wrap .qpop-box .qpop-close {position: absolute; top: 12px; right: 16px; font-size: 40px; color: #555; cursor: pointer; line-height:28px;}
.qpop-wrap .qpop-box h2 {margin:0 15px 8px 0; font-size: 22px; font-weight:600;}
.qpop-wrap .qpop-box p {margin-bottom: 18px; color: #555; font-size: 14px;}
.qpop-wrap .qpop-box .qform {display: flex; flex-wrap: wrap; gap: 12px; }
.qpop-wrap .qpop-box .qform .qfield {flex: 1 1 100%;}
.qpop-wrap .qpop-box .qform .qfield.half {flex: 1 1 calc(50% - 6px);}
.qpop-wrap .qpop-box .qform .qfield label {display: block;margin-bottom: 4px; font-weight: 600; font-size: 13px;}
.qpop-wrap .qpop-box .qform .qfield input,
.qpop-wrap .qpop-box .qform .qfield select {width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 8px; font-size: 14px; box-sizing: border-box; height:46px;}
.qpop-wrap .qpop-box .qform .qfield select{ padding:10px 0px 10px 6px;}
.qpop-wrap .qpop-box .qform button {margin-top: 14px; width: 100%; background: #1d6ff0; color: #fff; font-size: 16px; padding: 12px; border: none; border-radius: 25px; cursor: pointer;}
.qpop-wrap .qpop-box .thankyou{ text-align:center; padding:35px 0;}
.qpop-wrap .qpop-box .thankyou h4{margin:0px 0 12px 0; font-size: 24px; font-weight:600;}
.qpop-wrap .qpop-box .thankyou h5{font-size: 16px; font-weight:400; line-height:24px; color:#555;}
.qpop-wrap .qpop-box .thankyou .iconsucess {width: 60px; height: 60px; background: #00a111; margin: 0 auto; text-align: center; line-height: 66px; color: #fff; font-size: 20px; border-radius: 50%; margin-bottom: 15px;}
@media (max-width: 480px) {
    .qpop-wrap .qpop-box {padding: 20px;}
    .qpop-wrap .qpop-box .qform {gap: 10px;}
}

@media (width <= 767px) {
    
    .inner_pageAll p{ font-weight:400;}
    .inner_pageAll hr {margin:15px 0 0 0;} 
    .inner_pageAll .sp-30{padding:25px 0;}
    .inner_pageAll .sp-50{padding:35px 0;}
}
@media (width <= 640px) {
    .heroBannerInner .banner-inner img {height: 520px;}
    .heroBannerInner .banner-content .subtag{ font-size:16px; line-height:24px;}
    .heroBannerInner .banner-content .badges{ align-items:flex-start;}
    .heroBannerInner .banner-content .badges li{ max-width:101px;}
    .heroBannerInner .banner-content .btn-groups{ margin-top:15px;}
    .heroBannerInner .banner-content .btn-groups a{ font-size:13px; padding:8px 15px;}
    .inclusive-hero .badges li span{ font-size:13px; font-weight:500; line-height:17px;}
    .wrapbg h5{font-size:17px;}
}
@media (width <= 480px) {
    .wrapbg{ padding:20px 0;}
    .heroBannerInner .banner-content .badges{ flex-wrap:nowrap; max-width:100%; overflow:hidden; overflow-x:auto; justify-content: flex-start; gap:5px;}
    .inclusive-hero .badges li{ min-width:75px;}
    .wrapbg p.perks-note{ padding:0 12px;}

}
@media (max-height: 650px) {
    .qpop-wrap .qpop-box {
        transform: none;
        margin-top: 40px;
        margin-bottom: 40px;
    }
}
.qfield{ position:relative;}
.qfield .ui-widget.ui-widget-content{ left:0!important; min-width:320px !important; top:70px !important; position: absolute !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{ width:35px; height:35px;}

.inner_pageAll .head-inner{ margin-bottom:30px; text-align:center;}
.inner_pageAll .head-inner h2{font-size:clamp(22px, 4vw, 28px); font-weight:500; color:#000; }
.inner_pageAll .head-inner p{font-size:16px; font-weight:300; color:#000; padding-top:10px;}
@media (width <= 600px) {
    .inner_pageAll .head-inner{ margin-bottom:20px;}
    .inner_pageAll .head-inner p{font-size:15px; font-weight:400;}
}



.howBook_IR .step-cards {/*display: flex; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));*/ gap: 20px; margin: 0 auto;}
.howBook_IR .step-cards .slick-slide > div{ height:100%; display:flex; }
.howBook_IR .step-cards .step-card {background: #fff; border-radius: 20px; padding: 32px 20px 20px 32px; margin:5px 10px; text-align: center; box-shadow: 0 0 6px rgba(0,0,0,0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex !important; flex-direction: column; justify-content: space-between; border-bottom: 5px solid #6BB9BC;}
.howBook_IR .step-cards .step-card:hover {/*transform: scale(1.015);*/ box-shadow: 0 0 6px rgba(0,0,0,0.16);}
.howBook_IR .step-cards .step-card .step-icon {max-height: 78px; margin: 0 auto 16px; display: flex; align-items: center; justify-content: center;}
.howBook_IR .step-cards .step-card .step-label {font-size: 18px; color: #287DFA; font-weight: 500; text-transform: uppercase; margin-bottom: 8px;}
.howBook_IR .step-cards .step-card .step-title {font-size: 18px; font-weight: 500; color: #000; margin-bottom: 12px;}
.howBook_IR .step-cards .step-card .step-description p{font-size: 16px; line-height: 24px; color: #333; margin-bottom: 12px;}
.howBook_IR .step-cards .step-card .step-badge {font-size: 14px; color: #000; font-weight: 500; padding: 16px 25px 0 25px; border-top: 1px solid #E5E5E5;}
.howBook_IR .step-cards .step-card .step-badge span {width: 16px; height: 16px; background: #0DA827; text-align:center;  display:inline-block; margin-right:4px; color:#fff; font-size:8px; border-radius:10px; line-height:17px; position: relative;top: -2px;}
.sliderCards{ overflow:hidden;}
.sliderCards .slick-list{ margin:0 -10px;}
.sliderFourCard, .sliderThreeCard{ opacity:0;}
.sliderFourCard.slick-initialized, .sliderThreeCard.slick-initialized{ opacity:1;}
@media (max-width: 500px) {
    .howBook_IR .step-cards .step-card {
        padding: 24px 16px;
    }
    .howBook_IR .step-cards .step-card .step-description p{ font-size:14px; line-height:24px;}
}

.sameBtn {padding: 8px 20px 6px; display:inline-block; margin:10px 0; border: none; border-radius: 6px; font-size: 16px; background-color:#287DFA; border:2px solid #287DFA; color: #fff; font-weight: 400; cursor: pointer; transition: all 0.3s ease; /*animation: fadeInUp 1s ease-out 0.4s both;*/}
.sameBtn:hover {background-color:#fff; color: #287DFA;}


.resortTabs{}
.resorts {overflow: hidden;}
.resortsTabs {display: flex; justify-content: center; gap: 10px; margin-bottom:24px;}
.resortsTab {padding: 8px 20px 6px; border: none; border-radius: 6px; font-size:16px; background-color: #E9E9E9; color: #333; font-weight: 400; cursor: pointer; transition: background 0.3s;}
.resortsTabActive {background-color: #287DFA; color: #fff;}
.resortsContentBox {position: relative; padding-bottom:10px;}
.resortsContentBox .resortsImage-wrapper {position: relative;}
.resortsContentBox .resortsImage-wrapper img{border-radius:30px; width:100%; max-height:360px; object-fit:cover;}
.resortsContentBox .resortsContent {position: relative; background-color: #fff; padding: 20px; margin-top: -50px; border-radius: 20px; margin-left: 20px; margin-right: 20px; box-shadow: 0 6px 0px rgba(40, 125, 250, 0.20);}
.resortsContentBox .resortsContent .resortsTitle {font-size:clamp(18px, 4.5vw, 24px); font-weight: 600; margin-bottom: 10px; color:#000;}
.resortsContentBox .resortsContent p {font-size: 16px; font-weight: 400; margin-bottom: 10px; color:#333;}
.resortsContentBox .resortsContent p strong{font-weight: 500; color:#287DFA;}
.resortsBtn {padding: 8px 20px 6px; display:inline-block; margin:25px 0 10px 0; border: none; border-radius: 6px; font-size: 16px; background-color:#287DFA; border:2px solid #287DFA; color: #fff; font-weight: 400; cursor: pointer; transition: all 0.3s ease;}
.resortsBtn:hover {background-color:#fff; color: #287DFA;}
@media (width <= 600px) {
    .resortsContentBox .resortsImage-wrapper img{ border-radius:20px 20px 0 0;}
    .resortsContentBox .resortsContent{ margin: 0px; padding: 20px 15px;}
.resortsContentBox .resortsContent p{font-size:14px; line-height:24px;}
}

.CardFour {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;}
.CardFour .CardFourItem {flex: 1 1 calc(25% - 20px); background: #fff; border-radius: 16px; box-shadow: 0 0px 6px rgba(0,0,0,0.08); overflow: hidden; transition: transform 0.3s; display: flex; flex-direction: column; justify-content: space-between; gap:0px;}
.greybg .CardFour .CardFourItem {background: #F9F9F9; box-shadow:none;}
.CardFour .CardFourItem .CardFourImage-wrapper {overflow: hidden; height: 200px;}
.CardFour .CardFourItem .CardFourImage-wrapper img {width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease;}
.CardFour .CardFourItem :hover img {transform: scale(1.03);}
.CardFour .CardFourItem .crdContent .CardFourTitle {font-size: 18px; font-weight: 700; margin: 16px 12px 8px; color: #000;}
.CardFour .CardFourItem .crdContent .CardFourDesc {font-size: 16px; color: #333; line-height:24px; padding: 0 12px 20px;}
.noteQuote{ margin:-10px 0px 6px 0px; font-style:italic;}
.priceStart{ padding:0 15px 6px; font-style:italic;}
.priceStart span{ font-size:16px; font-weight:600; font-style:normal;}
.priceStart span small{ font-weight:400; font-style:normal; font-size:14px;}
.CardFour .CardFourItem .destinations {padding:0px 0 15px 0; display: flex; flex-direction: column; gap:10px;}
.CardFour .CardFourItem .destinations h4{font-size:16px; font-weight:600; margin-bottom:0px; color:#000;}
.CardFour .CardFourItem .destinations label {font-size: 16px; color: #333; display: flex; align-items: center; gap: 8px; cursor: pointer; justify-content: space-between;}
.CardFour .CardFourItem .destinations label span{display: flex; align-items: center; gap: 8px;}
.CardFour .CardFourItem .destinations label:hover{ color:#000; font-weight:500;}
.CardFour .CardFourItem .destinations input[type="checkbox"] {accent-color: #0070f3; min-width: 16px; height: 16px; cursor:pointer;}
.CardFour .CardFourItem .cardFooter{ padding:0 15px 25px;}
.CardFour .CardFourItem .cardFooter .GetQuote{ width:100%; margin:0px;}
.destinationsHotel{padding:0 15px 25px; display: flex; flex-direction: column; gap:10px;}
.destinationsHotel h4{font-size:16px; font-weight:700; margin-bottom:0px; color:#000;}
.destinationsHotel ul li{font-size:16px; font-weight:400; margin-bottom:5px; color:#666; line-height:22px; position:relative; padding-left:15px;}
.destinationsHotel ul li:before{content: "\f111"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 0; top: -1px; color: #666; font-size: 6px;}
@media (width <= 990px) {
    .CardFour .CardFourItem {flex: 1 1 calc(50% - 20px);}
}
@media (width <= 600px) {
    .CardFour .CardFourItem {flex: 1 1 100%;}
    .CardFour .CardFourItem .crdContent .CardFourDesc,
    .destinationsHotel ul li{font-size:14px; line-height:24px;}
}


.CtaCallBox {background-color: #DCF3F9; padding: 35px 15px; border-radius: 20px; text-align: center;}
.CtaCallBox__content {margin: 0 auto;}
.CtaCallBox__heading {font-size: clamp(22px, 4vw, 24px); font-weight: 500; color: #000; margin-bottom: 10px;}
.CtaCallBox__subtext {font-size: 16px; color: #000; font-weight: 500; margin-bottom: 15px;}
.CtaCallBox__callBtn {display: inline-flex; align-items: center; gap: 10px; padding: 9px 24px; font-size: clamp(14px, 4.5vw, 20px); font-weight: 600; color: #287DFA; border: 2px solid #287DFA; border-radius: 99px; text-decoration: none; transition: all 0.3s ease; background-color: #fff;}
.CtaCallBox__callBtn:hover {background-color: #287DFA; color: #fff;}
.CtaCallBox__icon {font-size: 16px;}
.CtaCallBox__callBtnFill {display: inline-flex; align-items: center; gap: 10px; padding: 9px 24px; font-size:clamp(14px, 4.5vw, 20px); font-weight: 600; color: #fff; border: 2px solid #287DFA; border-radius: 99px; transition: all 0.3s ease; background-color: #287DFA;}
.CtaCallBox__callBtnFill:hover {background-color: #fff; color: #287DFA;}
@media (width <= 600px) {
    .CtaCallBox__callBtn, .CtaCallBox__callBtnFill{ padding:9px 15px;}
    .CtaCallBox__subtext{ font-size:14px; line-height:24px;}
}



/* faq start */
.acc-list.active{box-shadow: 0px 1px 3px #0000000F;}
.all-atitle { font-weight: 500; color: #555; font-size: 16px; position: relative; cursor: pointer; padding: 0 17px 0 0; }
.acc-list { border: 1px solid #E1E1E1; padding: 12px; border-radius: 6px; margin: 0 0 10px; }
.acc-cont {  display: none; font-size: 16px; color: #6E6E6E; font-weight: 400; line-height: 26px; margin: 5px 0 0 0;}
.active .all-atitle { color: #000000; }
.all-atitle:after {/*content: "\f107";*/ content: ""; color: #474747; font-size: 15px; position: absolute; width: 15px; right: 0px; top: 3px; background: url(../vacation/images/plus-svgrepo.svg) no-repeat; height: 15px;background-size: 15px;}
.active .all-atitle:after {top: 9px;background: url(../vacation/images/minus-svgrepo.svg) no-repeat; color: #000000;}
.acc_container{ width:100%; display:grid; grid-template-columns:1fr 1fr; column-gap:20px;}

@media (max-width: 767px) {
    .acc_container{ grid-template-columns:1fr;}
    .acc-list{ padding:12px;}
    .acc-cont{font-size:14px; line-height:24px;}
}
/* faq end */

.quotePopupOverlay {position: fixed; inset: 0; background: rgba(0, 0, 0, 0.9); display: none; justify-content: center; align-items: center; z-index: 9999; animation: fadeIn 0.3s ease forwards;}
.quotePopup {background: white; border-radius: 20px; padding: 20px 15px; max-width: 400px; width: 100%; margin: 0 12px; max-height: 80vh; overflow-y: auto; transform: translateY(-20px);opacity: 0; animation: slideIn 0.3s ease forwards; position: relative; background: #fff; width: 90%; max-width: 500px; border-radius: 12px; padding: 25px; box-shadow: 0 20px 40px rgba(0,0,0,0.2); position: relative;}
.quotePopup ul {list-style: none; padding: 0;}
.quotePopup ul li {margin-bottom: 8px; font-size: 14px;display:flex; align-items:center; justify-content:space-between;}
.quotePopupOverlay .qpop-box .qpop-close {position: absolute; top: 12px; right: 16px; font-size: 40px; color: #555; cursor: pointer; line-height:28px;}
.quotePopupOverlay .qpop-box h2 {margin:0 15px 8px 0; font-size: 22px; font-weight:600;}
.quotePopupOverlay .qpop-box h4 {margin:0px 0 8px 0; font-size: 18px; font-weight:600;}
.quotePopupOverlay .qpop-box p {margin-bottom: 18px; color: #555; font-size: 14px;}
.quotePopupOverlay .qpop-box .qform {display: flex; flex-wrap: wrap; gap: 12px;}
.quotePopupOverlay .qpop-box .qform .qfield {flex: 1 1 100%;}
.quotePopupOverlay .qpop-box .qform .qfield.half {flex: 1 1 calc(50% - 6px);}
.quotePopupOverlay .qpop-box .qform .qfield label {display: block;margin-bottom: 4px; font-weight: 600; font-size: 13px;}
.quotePopupOverlay .qpop-box .qform .qfield input,
.quotePopupOverlay .qpop-box .qform .qfield select {width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 8px; font-size: 14px; box-sizing: border-box; height:46px;}
.quotePopupOverlay .qpop-box .qform .qfield textarea {width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 8px; font-size: 14px; box-sizing: border-box;}
.quotePopupOverlay .qpop-box .qform .qfield select{ padding:10px 0px 10px 6px;}
.quotePopupOverlay .qpop-box .qform button {margin-top: 14px; width: 100%; background: #1d6ff0; color: #fff; font-size: 16px; padding: 12px; border: none; border-radius: 25px; cursor: pointer;}
.quotePopupOverlay .qpop-box .thankyou{ text-align:center; padding:35px 0;}
.quotePopupOverlay .qpop-box .thankyou h4{margin:0px 0 12px 0; font-size: 24px; font-weight:600;}
.quotePopupOverlay .qpop-box .thankyou h5{font-size: 16px; font-weight:400; line-height:24px; color:#555;}
.quotePopupOverlay .qpop-box .thankyou .iconsucess {width: 60px; height: 60px; background: #00a111; margin: 0 auto; text-align: center; line-height: 66px; color: #fff; font-size: 20px; border-radius: 50%; margin-bottom: 15px;}
@media (max-width: 480px) {
    .quotePopupOverlay .qpop-box {padding: 20px;}
    .quotePopupOverlay .qpop-box .qform {gap: 10px;}
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideIn {
    from { transform: translateY(-20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}


.disclaimerSec .simpleContent h3{font-size: clamp(22px, 4vw, 24px); font-weight: 600; color: #000; margin-bottom: 10px;}
.disclaimerSec .simpleContent h5{font-size: clamp(16px, 4vw, 20px); font-weight: 500; color: #000; margin-bottom: 10px;}
.disclaimerSec .simpleContent p{font-size: 14px; color: #000; margin-bottom: 5px; color:#333;}
/*******************All Inclusive Page End **********************/




/*******************Vacation Generic Page Start **********************/

.banner-content.fromTop{transform: none; top: 60px;}

.vacationGeneric-Hero{ margin-bottom:0px;}
.vacationGeneric-Hero .banner-content .badges{ gap:0 30px;}
.vacationGeneric-Hero .banner-content .badges li{ flex-direction:column; gap:10px; max-width: 72px; font-size: 16px; font-weight: 300; line-height: 22px;}

.generic_formWrap{ padding-bottom:30px; margin-top: -545px;}
.generic_form{ background:#fff; border-radius:20px; margin-top:80px; box-shadow:0 3px 6px rgba(0,0,0,0.16); padding:0px; position:relative; color:#333; z-index: 1;}
.generic_form h2{ border-bottom:1px solid #DEDEDE; text-align: center; font-size:clamp(22px, 4vw, 28px); color:#287DFA; font-weight:bold; padding:18px 12px;}
/*.generic_form:before{ position:absolute; content:''; background:rgba(255,255,255,0.5); border-radius:20px; width:calc(100% - 40px); left:0px; right:0px; margin:0 auto; top:-12px; z-index:-1;height:100px;}
.generic_form:after{ position:absolute; content:''; background:rgba(255,255,255,0.5); border-radius:20px; width:calc(100% - 80px); left:0px; right:0px; margin:0 auto; top:-24px; z-index:-2;height:100px;}
*/
.generic_form .form-wrp{ padding:20px; text-align:left;} 
.generic_form .form-row {display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 20px;}
.generic_form .form-row .form-group {flex: 1;}
.generic_form .form-row .form-group input[type="text"],
.generic_form .form-row .form-group input[type="email"],
.generic_form .form-row .form-group input[type="tel"],
.generic_form .form-row .form-group select {width: 100%; padding: 11px 14px; border: 1px solid #ccc; border-radius: 8px; font-size: 15px;}
.generic_form .form-row .form-group label {display: block; margin-bottom: 8px; font-size: 14px; font-weight: 500; color:#000;}
.generic_form .interest-options {display: flex; flex-wrap: wrap; gap: 10px; border-bottom:1px solid #DEDEDE; padding-bottom:20px;}
.generic_form .interest-options .checkbox-wrapper {position: relative;}
.generic_form .interest-options .checkbox-wrapper input[type="checkbox"] {display: none;}
.generic_form .interest-options .checkbox-wrapper .checkbox-label {padding: 10px 15px; border-radius: 999px; margin:0px; border: 1px solid #CFCFCF; background: #fff; cursor: pointer; font-size: 16px; display: inline-flex; align-items: center; gap: 6px; user-select: none; transition: all 0.2s ease; color:#929292; font-weight: 400;}
.generic_form .interest-options .checkbox-wrapper .checkbox-label img{opacity:0.5;}
.generic_form .interest-options .checkbox-wrapper input[type="checkbox"]:checked + .checkbox-label {background: #F6F6F6; border-color: #000; color: #000; }
.generic_form .interest-options .checkbox-wrapper input[type="checkbox"]:checked + .checkbox-label img{opacity:1;}
.generic_form .form-note {display: flex; justify-content: center; align-items: center; margin-bottom: 20px; font-size: 14px; color: #222; flex-wrap: wrap; gap: 0 30px;}
.generic_form .form-note span {display: flex; align-items: center; gap: 6px;}
.generic_form .btn-submit {display: block; width: 220px; margin: auto; background: #287DFA; color: white; padding: 14px; border-radius: 20px; text-align: center; font-weight: bold; font-size: 20px; border: none;  cursor: pointer;}
@media (max-width: 990px) {
    .generic_form .form-row .form-group {
        min-width: 300px;
    }
}
@media (max-width: 767px) {
    .generic_form .form-row .form-group {
        min-width: 200px;
    }
    .generic_formWrap {
        margin-top: -560px;
    }
}
@media (max-width: 640px) {
    .vacationGeneric-Hero.heroBannerInner .banner-inner img { height:revert-layer;}
    .generic_form .interest-options .checkbox-wrapper .checkbox-label{ font-size:13px; padding:10px;}
    .generic_form .interest-options .checkbox-wrapper .checkbox-label img{ width:16px;}
}
@media (max-width: 479px) {
    .generic_form .form-row {flex-direction: column;}
    .generic_form .form-note {flex-direction: column; text-align: center;}
    .generic_form .form-wrp{ padding:15px;}
    .generic_form .form-note span{ font-size:13px;}
}



.four-grid {display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; text-align: center;}
.four-grid > div {width: calc(25% - 15px); padding:40px 20px; border: 2px solid #F1F1F1; border-radius: 20px; text-align:center;}
.four-grid .imgBx {max-height:78px; margin-bottom: 18px;}
.four-grid h6, .four-grid h3 {font-size:18px; font-weight:500; color:#000; margin-bottom:15px;}
.four-grid p {font-size:16px; font-weight:400; color:#3D3D3D; line-height:26px;}
@media (width <= 991px) {
    .four-grid > div {width: calc(50% - 10px);}
}
@media (width <= 600px) {
    .four-grid{ gap:15px;}
    .four-grid > div {width: 100%; padding:25px 15px;}
    .four-grid p{ font-size:14px; line-height:24px;}
}


.partners-container {display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin: auto;}
.partners-container .partner-box {flex: 1 1 500px; border: 2px solid #F1F1F1; border-radius: 20px; padding: 30px 20px 20px; min-width: 300px;}
.partners-container .partner-box .partner-title {text-align: center; font-size: 22px; font-weight: 500; color: #287DFA; margin-bottom: 15px;}
.partners-container .partner-box .logo-grid {display: flex; gap: 15px; flex-wrap: wrap; align-items: center; justify-content: center;}
.partners-container .partner-box .logo-grid .logoImg {background:#F9F9F9; border-radius: 20px; width: calc(33.3% - 10px); text-align: center; padding: 10px; height: 70px; display: grid; align-items: center; justify-content: center;}
.partners-container .partner-box .logo-grid .logo-grid img {max-width: 100%; height: auto; max-height: 50px; object-fit: contain; filter: grayscale(0%);}
@media (max-width: 990px) {
    .partners-container .partner-box .logo-grid .logoImg{ width:calc(25% - 12px);}
}
@media (max-width: 767px) {
    .partners-container {flex-direction: column; }
    .partners-container .partner-box{flex: 1 1 auto;padding:20px 15px;}
    .partners-container .partner-box .logo-grid .logoImg{ width:calc(33.3% - 10px);}
}
@media (max-width: 479px) {
    .partners-container .partner-box .logo-grid .logoImg{ width:calc(50% - 8px);}
}



.trustpilot-summary {font-size: 24px; display: flex; align-items: center; gap: 2px 12px; font-weight: 700; margin-top: 10px; justify-content: center;}
.trustpilot-summary .trustpilot-stars {display: inline-flex; align-items: center; gap: 8px; font-size: 18px; font-weight: 400; line-height: 20px;}
.trustpilot-summary .trustpilot-stars img { max-height: 27px;}
.reviews-container { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;}
.reviews-container .review-card {flex: 1 1 300px; background: #fff; border: 2px solid #F1F1F1; height:calc(100% - 0px); border-radius: 20px; padding:30px 20px; display: flex !important; flex-direction: column; justify-content: space-between;}
.reviews-container .review-card .card-header{ background:none; padding:0; border:0px;}
.reviews-container .review-card .card-header img {height: 20px;}
.reviews-container .review-card .card-body {font-size: 14px; margin: 15px 0 0 0; flex-grow: 1; color: #626262; line-height:26px; padding: 0;}
.reviews-container .review-card .card-footer {text-align: left; font-size: 14px; margin-top: 20px; padding:0; border:0; background:none;}
.reviews-container .review-card .card-footer .user-name {font-weight: 500; font-size:16px; margin-bottom: 5px;}
.reviews-container .review-card .card-footer .location {font-weight: 400; font-size:14px; color: #626262; }
.reviews-container .review-card .card-footer .verified {display: flex; align-items: center; gap: 5px; margin-bottom: 3px; color: #0DA827; font-size: 13px;}
.reviews-container .review-card .card-footer .verified.gray {color: #9E9E9E;}
.reviews-container .review-card .card-footer .verified .verified-icon {width: 15px; height: 15px; margin-top: -4px;}
.reviews-container .review-card .card-footer .verified.gray .verified-icon{ filter:grayscale(1) opacity(0.6);}
.reviews-container .review-card .card-footer .trip-info {color: #808080;}
.reviews-container .review-card .card-footer .trip-info b {color: #000;}
.reviewsSlider .slick-slide > div{ height:100%;}
.reviewsWrap .footer-note {color: #888; text-align:center; margin-top: 30px; font-weight:500;}
.reviewsWrap .footer-note .read-more {display: block; margin-top: 10px; font-size: 14px; text-decoration: underline; font-weight:400; color: #000;}
.reviewsSlider.slick-initialized{ display:block;}
.reviewsSlider .slick-list{margin:0 -12px;}
.reviewsSlider .slick-slide {padding: 0 12px; box-sizing: border-box;}
@media (max-width: 799px) {
    .reviewsSlider .slick-dots {position: absolute; margin: 0 auto; margin-top: 10px; left: 0; right: 0;}
    .reviewsSlider .slick-list{margin:0 -8px;}
    .reviewsSlider .slick-slide {padding: 0 8px;}
}
@media (max-width: 767px) {
    /*.reviews-container {flex-direction: column; align-items: center;}
    .reviews-container .review-card {max-width: 100%;}*/
    .reviews-container .review-card{ padding:20px 15px;}
}
@media (max-width: 479px) {
    .trustpilot-summary{ flex-wrap:wrap; font-size:20px;}
    .trustpilot-summary .trustpilot-stars{ flex-wrap:wrap; font-size:16px;}
}

.notification-tag {display: none; align-items: center; position: fixed; top: 50%; right: 20px; background-color: rgba(0, 0, 0, 0.53); color: white; padding: 10px; border-radius: 8px; font-size: 14px; z-index: 1000; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); max-width: 300px; margin-top: 10px;}
.notification-tag:nth-of-type(2) {top: calc(50% + 80px);}
.notification-tag .icon-box {background-color: #00c030; width: 24px; height: 24px; border-radius: 6px; margin-right: 10px; display: flex; align-items: center; justify-content: center;}
.notification-tag .icon-box img {min-width: 22px; height: auto;}
.notification-tag .message-box {flex-grow: 1; line-height: 1.3;}
.notification-tag .close-btn {background: #fff; color: #333; border: 1px solid #ccc; border-radius: 50%; width: 20px; height: 20px; font-size: 20px; cursor: pointer; margin-left: 10px; line-height: 18px; padding: 0; position: absolute; right: -10px; top: -10px;}
@media (max-width: 767px) {
    .notification-tag{ display:none !important; opacity:0;}
}
/*******************Vacation Generic Page End **********************/


/*******************Business Class Flights Page Start **********************/
.heroBannerInner .banner-content .btn-single a{color:#287DFA; font-size:20px; font-weight:600; display: inline-flex; gap:0 10px; align-items:center; border-radius:30px; background:#fff; padding:6px 25px 6px 6px; border:1px solid #287DFA; transition: all 0.3s ease;}
.heroBannerInner .banner-content .btn-single a:hover{background:#287DFA; color:#fff;}
.heroBannerInner .banner-content .btn-single a img{border:2px solid transparent; box-sizing:border-box; border-radius:50px;}
.heroBannerInner .banner-content .btn-single a:hover img{border:2px solid #fff;}
.heroBannerInner.inclusive-hero .banner-content h1{ margin-bottom:12px;}

.businessClassHero .flightsList{ list-style:none; display:flex; gap:10px; justify-content:center; margin:25px 0;}
.businessClassHero .flightsList li{ list-style:none;}
.businessClassHero .callNote{ font-size:18px; margin:10px 0 0 0;}

.flight-table-wrapper {overflow-x: auto; border-radius: 20px; border: 1px solid #287DFA; max-width: 100%;}
.flight-table-wrapper .flight-table {width: 100%; border-collapse: collapse; font-size: 16px; min-width: 700px;}
.flight-table-wrapper .flight-table thead {background-color: #287DFA; color: #fff; font-size:18px;}
.flight-table-wrapper .flight-table th, .flight-table-wrapper .flight-table td {text-align: left; padding: 14px; vertical-align: top; border-bottom: 1px solid #EFEFEF;}
.flight-table-wrapper .flight-table td small {color: #828282; display: block; font-size:14px;}
.flight-table-wrapper .flight-table td strong {font-weight: bold; color: #111;}
.flight-table-wrapper .seats-left {color: #FF0000; font-weight: 400; display: block; font-size:14px;}
.flight-table-wrapper .price-warning {color:#DF8230; font-weight: 400; display: block; font-size:14px;}
@media screen and (max-width: 768px) {
    .flight-table-wrapper .flight-table {font-size: 13px;}
    .flight-table-wrapper .flight-table th{ font-size:16px; white-space:nowrap;}
    .flight-table-wrapper .flight-table th,
    .flight-table-wrapper .flight-table td {padding: 10px;}
}

.star-rating {display: inline-flex; gap:0px; font-size: 22px; color: #FFCB45; /* Gold color */ line-height: 16px;}
.star-rating .star {cursor: default;}

.newsWrap .news-grid {display: flex; gap: 15px; flex-wrap: wrap; align-items: center; justify-content: center;}
.newsWrap .news-grid .logoImg {background:#F9F9F9; border-radius: 20px; min-width:110px; text-align: center; flex:1; padding: 10px; height: 128px; display: grid; align-items: center; justify-content: center;}
.newsWrap .news-grid .logo-grid img {max-width: 100%; height: auto;  object-fit: contain; filter: grayscale(0%);}

.callContainer{background: #DCF3F9; border-radius: 20px; padding: 20px 15px;}
.callContainer .call-banner {display: flex; align-items: center; gap: 20px; margin: auto; flex-wrap: wrap; max-width:840px;}
.callContainer .call-banner img {width: 252px; object-fit: cover;}
.callContainer .call-banner .call-text {flex: 1; min-width: 260px;}
.callContainer .call-banner .call-text h2 {margin: 0 0 10px; font-size: clamp(22px, 4vw, 28px); font-weight: 600;}
.callContainer .call-banner .call-text p {margin: 0 0 15px; color: #000; font-size:16px; line-height: 24px;}
.callContainer .call-banner .call-btn {padding: 6px 20px 6px 6px; background: white; border: 2px solid #2684ff;  border-radius: 40px; color: #2684ff; font-weight: 600; text-decoration: none; font-size: 26px; display: inline-flex; align-items: center; gap: 8px;}
.callContainer .call-banner .call-btn img{ max-width:42px;}
.interest-badge-mob{ display:none;}
@media (max-width: 900px) {
    .callContainer .call-banner .call-btn {justify-content: center; font-size: 20px; line-height: 20px;}
    .callContainer .call-banner .call-btn font{ display:block; font-size:15px; text-align:left; font-weight:400;}
}
@media (max-width: 600px) {
    .callContainer .call-banner {text-align: center; flex-direction: column;}
}
@media (width <= 767px) {
    .interest-badge-mob {display: block; position: fixed; bottom: 0; text-align: center; width: 100%; left: 0; z-index: 99;}
    .interest-badge-mob a {display: block; padding: 12px; font-size: 18px; color: #000; font-weight: 600; background: #4ee1ff; border-top: 1px solid #fff; border-radius: 20px 20px 0 0; box-shadow: 0 0 0px rgba(0, 0, 0, 0.36);}
    .interest-badge-mob i {padding-left: 6px; font-size: 18px; font-weight: 900; bottom:-1px; position:relative;}
}
/*******************Business Class Flights Page End **********************/