.container {max-width: 1170px;}
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: linear-gradient(45deg, rgb(254 56 92) 0%, rgba(66, 223, 255, 1) 100%);}
.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: #fe385c; 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: #fe385c;}

.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:25px 16px; width: 100%; padding:20px 0 10px 0;}

.form-box .fields-group .floating-label-input {position: relative; width: calc(50% - 8px);}
.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;}
.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: linear-gradient(90deg, rgb(254, 56, 92) 0%, rgb(250, 98, 126) 100%);
}
.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 #fe385c; border-radius: 100%; background: #fff;}
.sectionwork [type="radio"]:checked + label:after,
.sectionwork [type="radio"]:not(:checked) + label:after {content: ''; width: 8px; height: 8px; background: #fe385c; 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:#fe385c;}
.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:14px;}
    .form-box .fields-group .floating-label-input{ width:100%;}
    .submit_btn{ width:100%;}
}


.helpcenter_wrp .form-box .filtergroup {display: inline-flex; padding:20px 0 5px 0; gap:10px 20px; flex-wrap:wrap;}
.helpcenter_wrp .form-box .fields-group {display: flex; flex-wrap: wrap; gap:15px 16px; width: 100%; padding:20px 0 10px 0;}

.helpcenter_wrp .form-box .fields-group .floating-box {position: relative; width: calc(50% - 8px);}
.helpcenter_wrp .form-box .fields-group .floating-label-input {position: relative; width:100%;}
.helpcenter_wrp .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;}
.helpcenter_wrp .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;}
.helpcenter_wrp .form-box .fields-group .floating-label-input .input-text.txtPhone {border-left: 0px solid #8e8e8e; border-radius:0 6px 6px 0; }
.helpcenter_wrp .form-box .fields-group .floating-label-input .input-text:focus {outline: 0px; border: 1px solid #474747;}
.helpcenter_wrp .form-box .fields-group .floating-label-input .input-text.txtPhone:focus{ border-left:0px;}
.helpcenter_wrp .form-box .fields-group .floating-label-input .input-text:focus + label, 
.helpcenter_wrp .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;}
    .helpcenter_wrp .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;
    }
.helpcenter_wrp .form-box .fields-group .floating-label-input .select-text:focus-visible {outline:0px;}
.helpcenter_wrp .form-box .fields-group .floating-label-input.datefild .input-text{background:url(../images/calendar-icon-new.svg) right 15px top 50% no-repeat;}

@media (max-width: 768px) {
    .helpcenter_wrp .form-box .fields-group .floating-label-input .input-text, 
    .helpcenter_wrp .form-box .fields-group .floating-label-input .select-text {font-size: 15px;}
}
@media (max-width: 578px) {
    .helpcenter_wrp .form-box .filtergroup {gap:10px;}
    .helpcenter_wrp .form-box .fields-group{ gap:10px;}
    .helpcenter_wrp .form-box .fields-group .floating-box,
    .helpcenter_wrp .form-box .fields-group .floating-label-input{ 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 h2{margin:5px 0; font-weight:600; font-size:clamp(22px, 4vw, 24px);}
.terms-wrap .termscontent h3{margin:5px 0; font-weight:600; font-size:clamp(20px, 4vw, 22px);}
.terms-wrap .termscontent h4{margin:5px 0; font-weight:600; font-size:clamp(18px, 4vw, 20px);}
.terms-wrap .termscontent h5{margin:5px 0; font-weight:600; font-size:clamp(16px, 4vw, 18px);}
.terms-wrap .termscontent h6{margin:5px 0; font-weight:600; font-size:clamp(16px);}
.terms-wrap .termscontent ul.numbering li{list-style:decimal;}
.terms-wrap .termscontent .tablediv{ width:100%; overflow-x: auto; padding-bottom:12px; font-size:16px; color:#444;}
.mb-0{ margin-bottom:0px !important;}
.terms-wrap .sp-30{ padding:30px 0;}







/*********** 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 #fe385c;}
.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:#fe385c; 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: #fe385c; margin: 0; border-bottom:1px solid #fe385c; 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="#fe385c",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: #fe385c; color: #fe385c;}
.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:#fe385c;}
.slider-valuess {display:none; align-items:center; justify-content:space-between;}
.slider-valuess p{font-size:16px; color:#fe385c;}
.slider-values {
    position: absolute;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.slider-values span{ font-size:16px; color:#fe385c; 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: #fe385c;
    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: #fe385c;
    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: linear-gradient(90deg, rgba(254, 56, 92, 1) 0%, rgba(250, 98, 126, 1) 100%);}

.pageError{background:url(../images/page-not-found.webp) top center no-repeat; min-height: 744px; margin-bottom: 0px; 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;}
.who-journey .slideBox .item .content-box{width:50%; position:relative; padding:0px 35px 0px 0;}
.who-journey .slideBox h2{color: #000; 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: #fe385c; 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, rgb(254 56 92) 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; text-align:center; max-width:calc(100% - 15px); 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;}
.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: #000 !important; 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: #000; 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;}
@media only screen and (max-width: 1140px) {

}
@media only screen and (max-width: 767px) {

}

.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: #000; 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-slider ul, .slick-slider li{ margin:0; padding:0px;}
.slick-dots li button:before{ display:none;}
.slick-dots {position: relative; text-align: center; display: flex; justify-content: center; bottom: 0; gap: 6px; margin-top: 20px !important; list-style-type: none;}
.slick-dots button {display: block; width: 6px; height: 6px; 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: #fe385c; 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: #000; 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: 25px 0; background: linear-gradient(45deg, rgb(254 56 92) 0%, rgba(66, 223, 255, 1) 100%);}
.top_helpCenter h1 {font-weight: 700; color: #fff; font-size:26px !important;}
.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:#fe385c; 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:#fe385c; }
.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: #fe385c;}

.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:#fe385c; box-shadow:0 0 10px rgba(0,0,0,0.16);}
.browsebyTypes .items-wrp .card:hover h6{color:#fe385c;}
.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:#fe385c;}
.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:linear-gradient(90deg, rgb(254, 56, 92) 0%, rgb(250, 98, 126) 100%);}
.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:#fe385c;}
.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 #fe385c; border-radius: 8px; padding: 20px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.16); text-decoration:none; color: #000;}
.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;
    position: absolute;
}
.floating-box .error-message {position: relative;}
.error-messagePPC {
    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="#fe385c",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******/



.inner_pageWrp{ padding:70px 0 0 0;}

/****************************************************************************************************************/
.customer-support {
    padding: 0;
    width: 100%
}
.customer-support .item {
    background: #eef7fe;
    border-radius: 10px;
    padding: 15px
}

.customer-support span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 10px;
    min-width: 60px;
    height: 60px;
    margin-right:1rem;
}

.customer-support span img {
    width: auto !important
}
.customer-support .media {
    display: flex;
    align-items: center;
}
.customer-support .price-match-icon {
    background: #f6f4e4
}

.customer-support .customer-support-icon {
    background: #ffeef0
}

.customer-support .price-match-icon span {
    border: 1px solid #cfc998
}

.customer-support .customer-support-icon span {
    border: 1px solid #cfb6b9
}

.customer-support .easy-installments-icon span {
    border: 1px solid #b5d2e5
}

.customer-support .media-body {
    color: #333;
    font-size: 14px;
    font-weight: 400
}

.customer-support .media-body .h5-head {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    margin-bottom: 3px
}

#customer-support.owl-theme .owl-nav {
    margin-top: 0
}

#customer-support.owl-theme .owl-nav [class*=owl-], #customer-support.owl-theme .owl-dot {
    display: none
}

.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
    background: none;
    border: 1px solid #e1e1e1
}

#customer-support.owl-theme .owl-dots .owl-dot.active span {
    background: #fe385c
}

.customer-support .modal {
    position: relative;
    top: -60px
}

.customer-support .modal-content {
    border-radius: 8px;
    border: 1px solid #97b8ff;
    -webkit-box-shadow: 0 5px 8px 0 rgba(0,0,0,.14);
    -moz-box-shadow: 0 5px 8px 0 rgba(0,0,0,.14);
    box-shadow: 0 5px 8px 0 rgba(0,0,0,.14)
}

.customer-support p {
    color: #00aec3;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 0
}

.customer-support ul {
    margin: 6px 0 0 0;
    padding: 0
}

.customer-support ul li {
    color: #636363;
    font-size: 12px;
    font-weight: 400;
    list-style-type: none;
    line-height: 18px
}

.customer-support strong {
    color: #636363;
    font-size: 12px;
    font-weight: 400
}

.customer-support .input-group-append>span.input-group-text {
    background: none;
    background: #fe385c;
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    padding: 11px 10px;
    cursor: pointer;
    border: none
}

.customer-support hr {
    margin-top: 9px;
    margin-bottom: 9px;
    border: 0;
    border-top: 1px solid #d5e3fe
}

.customer-support .text-small {
    color: #636363;
    font-size: 12px;
    font-weight: 400
}

.customer-support .text-small strong {
    display: inline-block;
    margin-left: 6px;
    font-size: 11px;
    font-weight: 400
}

.customer-support .text-small a {
    color: #4a86e9;
    display: inline-block;
    margin-left: 6px
}
@media screen and (max-width: 767px) {
    .customer-support .container, .customer-support .container .row, .customer-support .container .row .col-12 {
        padding: 0 !important;
        margin: 0 !important;
    }
    .customer-support .item{ margin-left:15px;}
    .customer-support .media-body{ font-size:12px;}
}
/****************************************************************************************************************/

.sign-banner {
    background: url(../images/free-signup-bg.jpg) no-repeat center top;
    min-height: 450px;
    display: block;
    background-size: cover;
}

.sign-bmain {
    padding: 115px 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.aff-heading {
    color: #fff;
    font-size: 34px;
    font-weight: 600;
}

.aff-sub-heading {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin-bottom:55px;
}

.bann-right-sgn{ min-width:267px;}
.aff-text {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin: 5px 0 12px;
}

.sign-steps {
    display: flex;
}

.step-box {
    display: flex;
    align-items: center;
    margin: 0 30px 0 0;
}

.step-icon {
    margin: 0 15px 0 0px;
}

    .step-icon span {
        display: flex;
        height: 50px;
        width: 50px;
        box-shadow: 0px 0px 6px #00000029;
        border-radius: 50%;
        border: 2px solid #fff;
        background: #48C5B5;
        align-items: center;
        justify-content: center;
    }

.sgn-stitle {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}

.step-detail p {
    color: #fff;
    font-size: 15px;
    margin: 0px;
    padding: 0px;
}

.step-box:nth-child(2) .step-icon span {
    background: #FF4600;
}

.step-box:nth-child(3) .step-icon span {
    background: #29A0FF;
}

.join-btn {
    margin: 25px 0;
}

    .join-btn a {
        display: flex;
        background: transparent linear-gradient(90deg, #F62459 0%, #FF6E6E 100%) 0% 0% no-repeat padding-box;
        box-shadow: 0px 0px 6px #00000029;
        width: 193px;
        height: 50px;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        text-decoration: none;
    }

.bann-left-sgn {
    max-width: 880px;
}

.we-offer-sgn {
    margin: 55px 0;
}

.we-off-title {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    display: flex;
    position: relative;
    justify-content: center;
    padding: 0 0 10px;
}

    .we-off-title::after {
        content: "";
        width: 60px;
        height: 1px;
        bottom: 0;
        margin: 0 auto;
        background: #FF4C77;
        position: absolute;
        left: 0;
        right: 0;
        display: inline-block;
    }

.ob-img {
    height: 70px;
    width: 70px;
    justify-content: center;
    display: inline-flex;
    align-items: center;
    background: #F62459;
    border-radius: 50%;
    margin: 30px 0 20px 0;
}

.offer-box {
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 6px;
    max-width: 152px;
    min-width: 152px;
    padding: 0 12px;
    text-align: center;
    min-height: 218px;
}

.we-offer-list {
    display: flex;
    margin: 30px 0 0 0;
    justify-content:center;
    flex-wrap: wrap;
    gap: 12px;
}

.ob-details {
    font-size: 14px;
    font-weight: 600;
}

.affiliate-main {
    background: #F1FBFF;
    padding: 40px 20px;
    margin: 0 20px 0 0;
    text-align: center;
    border-radius: 10px;
}

.aff-logo {
    box-shadow: 0px 0px 10px #0000000d;
    border-radius: 500px;
    background: #fff;
    width: 220px;
    display: inline-block;
    padding: 26px 0;
}

.affliate-para {
    font-size: 18px;
    color: #00BA7C;
    font-weight: 500;
    line-height: 26px;
    padding: 25px 0 35px;
}

.sgn-btns {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .sgn-btns a {
        text-decoration: none;
        background: #000;
        color: #fff;
        text-decoration: none;
        font-size: 16px;
        border-radius: 6px;
        width: 153px;
        height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

        .sgn-btns a:last-child {
            background: none;
            border: 1px solid #000;
            color: #000;
            margin: 0 0 0 12px;
        }

.foot-lgo {
    max-width: 160px;
}

a {
    text-decoration: none;
}

.aff-row {
    display: flex;
    align-items: flex-start;
}

.svc-1 {
    background: #00BA7C;
    border-radius: 6px 6px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding: 8px 0;
}

    .svc-1 img {
        margin: 0 5px 0 0;
    }

.svc-par {
    background: #0B0B0B;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 30px 10px 15px;
    font-size: 14px;
    border-radius: 6px 6px 0 0;
}

.aff-right-par {
    width: 50%;
}

.aff-right {
    width: 100%;
    background: #00BA7C;
    border-radius: 6px;
}

.sale-commission {
    background: #ffffff;
    border: 1px solid #00BA7C;
    border-radius: 0 0 6px 6px;
    border-top: 0px;
}

.vol-commission {
    display: flex;
    border-bottom: 1px solid #CCCCCC;
    justify-content: space-between;
    padding: 7px 30px 7px 15px;
}

    .vol-commission:last-child {
        border: 0px;
    }

    .vol-commission span {
        font-size: 14px;
    }

    .vol-commission p {
        margin: 0;
        padding: 0px;
        font-size: 14px;
        color: #00BA7C;
        min-width: 74px;
    }

.aff-email {
    font-size: 13px;
    color: #5B5B5B;
    margin: 10px 0 0;
}

    .aff-email a {
        text-decoration: none;
        color: #29A0FF;
    }


.aff-faqs{ margin:40px 0;}
.headfaq{ margin-bottom:30px;}

.aff-faqs .panel-default.active{box-shadow: 0px 0px 10px #00000029;}
.aff-faqs .panel-title { position:relative;}
.aff-faqs .panel-title a{ font-weight: 500; color: #000; font-size: 16px; position: relative; cursor: pointer; padding: 0 17px 0 0;  display:block;}
.aff-faqs .panel-title a.collapsed{color: #828282;}
.aff-faqs .panel-title > a:active {display: block; padding:0 17px 0 0 !important; color: #000; text-transform:unset;}
.aff-faqs .panel-default { border: 1px solid #DCDCDC; padding: 20px 15px; border-radius: 6px; margin: 0 0 15px; }
.aff-faqs .panel-collapse , .panel-body{ float:unset;}
.aff-faqs .panel-collapse p, .aff-faqs .panel-collapse ul li {font-size: 14px; color: #828282; font-weight: 400; padding: 5px 0 0 0 ;}
.aff-faqs .panel-collapse ul{ padding-left:20px;}
.aff-faqs .panel-collapse ul li{ list-style:disc;}
.aff-faqs .panel-body{ padding-top:12px;}
.active .panel-title {
    color: #000000;
}
.aff-faqs .panel-title a:after {
    color: #000000;
    transform: rotate( 180deg);
    content: "\f107";
    position: absolute;
    right: 0px;
    top: 0;
    font: normal normal normal 16px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size:22px;
}
.aff-faqs .panel-title a.collapsed:after {
    color: #747474;
    transform: rotate( 0deg);
}
.aff-waysto{ margin:40px 0 60px 0;}
.aff-waysto .headway{ margin-bottom:30px;}
.bannrLinkWrp{ display:flex; align-items:flex-start; gap:20px; flex-wrap:wrap;}
.bannrLinkWrp .banlinkBox{ width:calc(50% - 10px); display:flex; align-items:center; gap:15px; border:1px solid #E3E3E3; box-shadow:0 3px 6px rgba(0,0,0,0.05); padding:10px; border-radius:20px; box-sizing:border-box;}
.bannrLinkWrp .banlinkBox img{ min-width:140px;}
.bannrLinkWrp .banlinkBox .content {padding:0 10px 0 0;}
.bannrLinkWrp .banlinkBox .content p{color:#676767; font-size:16px;}


@media only screen and (max-width: 1023px) {
    .we-offer-list {
        flex-wrap: wrap;
        justify-content: center;
    }

    .aff-heading {
        font-size: 28px;
    }

    .we-offer-list {
        flex-wrap: wrap;
        justify-content: center;
    }

    .offer-box {
        margin: 10px;
    }

    .sign-steps {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .step-box {
        margin: 0 25px 8px 0;
    }

    .aff-text {
        font-size: 15px;
    }

    .join-btn {
        margin: 20px 0;
    }
    .sign-banner{ background-size:cover;}
}

@media only screen and (max-width: 900px) {
    .bannrLinkWrp .banlinkBox{ width:100%;}
}
@media only screen and (max-width: 767px) {
    .aff-right-par {
        width: 100%;
    }

    .affiliate-main {
        margin: 0 0 20px;
    }

    .aff-row {
        flex-direction: column;
    }

    .sign-banner {
        background-size: cover;
        padding-top: 50px;
        padding-bottom: 20px;
    }

    .step-box {
        margin: 0 0 10px;
        width: 100%;
    }

    .aff-text {
        font-weight: 500;
        font-size: 14px;
    }

    .aff-heading {
        font-size: 20px;
    }

    .sign-bmain {
        padding: 40px 0 0 0;
    }
    .aff-sub-heading {
        margin-bottom: 35px;
    }
    .bann-right-sgn {
        display: none;
    }

    .we-offer-list {
        flex-wrap: wrap;
        justify-content: center;
        gap:20px;
    }

    .sign-steps {
        flex-wrap: wrap;
    }

    .join-btn {
        margin: 12px 0 0 0;
    }

    .offer-box {
        margin: 0;
    }

    .ob-img {
        width: 50px;
        height: 50px;
        margin: 20px 0px 15px;
    }

        .ob-img img {
            max-width: 60%;
        }

    .ob-details {
        font-size: 12px;
    }

    .offer-box {
        min-height: 160px;
    }
    .sgn-btns a{ width:138px;}
}

@media only screen and (max-width: 479px) {
    .bannrLinkWrp .banlinkBox .content {padding:0;}
    .bannrLinkWrp .banlinkBox .content p{font-size:14px;}
}
@media only screen and (max-width: 414px) {
    .bannrLinkWrp .banlinkBox .content p{font-size:13px;}
}

.acc-mainn {
margin: 20px auto 0;
width: 100%;
padding-bottom: 25px;
}
.h3-head {
    font-size: 24px;
    margin: 0;
    font-weight: 600;
    color: #333333;
    font-weight: bold;
}
.acc-list {
border: 1px solid #ccc;
padding: 10px;
margin: 0 0 14px 0;
border-radius: 6px;
}

.all-atitle {
font-weight: bold;
color: #647582;
font-size: 16px;
position: relative;
cursor: pointer;
padding: 4px 0;
    padding-right: 18px;
}
.all-atitle h2, .all-atitle h3, .all-atitle h4, .all-atitle h5, .all-atitle h6{ font-size:16px;}

.all-atitle:after {
content: "\f107";
color: #747474;
font-size: 18px;
position: absolute;
right: 0px;
font-family: "FontAwesome";
font-weight:bold;
top:0px;
}

.acc-cont {
font-size: 14px;
padding: 8px 0 20px 0;
color: #727272; line-height: 22px;
}

.faq-title {
margin: 10px 0 25px;
text-align: center;
}
.acc-list p{font-size:14px;font-weight:300;color:#212A30;}
.faq-title:after {
display: block;
text-align: center;
height: 3px;
width: 60px;
margin: 5px auto 15px;
background: #e6335a;
content: "";
left: -14px;
position: relative;
}

.faq-title h3 {
font-size: 24px;
margin: 0; font-weight: 600;
color: #333333;
font-weight: bold;
}
.ardp{display:none;}
.ardp span {
color: #727272;
font-size: 11px;
}

.ld-icon {
margin: 0 10px;
}

.all-atitle.active {
color: #000000;
}

.all-atitle.active:after {
color: #000000;
transform: rotate(180deg);
}
.flight-routes .all-atitle { text-align: left;
}
.acc-cont {
display: none;
}
.flight-routes .acc-cont{ text-align: left;}
.brdr{box-shadow: 0px 0px 10px #00000029;}




/***********About Us Page New Start************/
.inner_pageWrp p{ font-weight:300; font-size:1rem;} .inner_pageWrp p strong{ font-weight:600;}
.inner_pageWrp ul, .inner_pageWrp li{padding:0; margin:0;}
.inner_pageWrp .sp-30{padding:30px 0; overflow-x:hidden;}
.inner_pageWrp .sp-50{padding:50px 0;}
.inner_pageWrp hr {height:1px; margin:30px 0 0 0;}
@media (width <= 767px) {
    .inner_pageWrp p{ font-weight:400;}
    .inner_pageWrp hr {margin:15px 0 0 0;} 
    .inner_pageWrp .sp-30{padding:25px 0;}
    .inner_pageWrp .sp-50{padding:35px 0;}
}
.inner_pageWrp .head-inner{ margin-bottom:30px; text-align:center;}
.inner_pageWrp .head-inner h2{font-size:clamp(22px, 4vw, 24px); font-weight:500; color:#000; }
.inner_pageWrp .head-inner p{font-size:16px; font-weight:300; color:#000; padding-top:10px;}
@media (width <= 600px) {
    .inner_pageWrp .head-inner{ margin-bottom:20px;}
    .inner_pageWrp .head-inner p{font-size:15px; font-weight:400;}
}
.inner_pageWrp .head-left{ margin-bottom:30px; text-align:left; display:block; width:auto;}
.inner_pageWrp .head-left h2{font-size:clamp(22px, 4vw, 24px); font-weight:500; color:#000; }
.inner_pageWrp .head-left p{font-size:16px; font-weight:300; color:#000; padding-top:12px;}
@media (width <= 600px) {
    .inner_pageWrp .head-left{ margin-bottom:20px;}
    .inner_pageWrp .head-left p{font-size:15px; font-weight:400; line-height:24px;}
}

.hero-inner {background: url('../images/about/about-banner.webp') left/cover no-repeat; color: white; text-align: center; position: relative; height:350px; margin-top:-10px; margin-bottom:30px;}
.overlay {position:absolute; top:50%; transform:translateY(-50%); z-index:1; width:100%;}
.about-hero .overlay{text-align:center;}
.about-hero .overlay h1{ font-size:clamp(30px, 5vw, 40px); font-weight:600;}
.about-hero .subtag {background: #F93A5B; color: #fff; padding: 8px 16px; font-size:16px; font-weight:500; display: inline-block; border-radius: 20px; margin: 20px 0 30px 0;}
.about-hero .badges{ display:inline-flex; align-items:center; justify-content:center; gap:10px 30px; padding:0px; flex-wrap:wrap; width:100%;}
.about-hero .badges li{ display:inline-flex; align-items:center; gap:0 10px; font-size:1rem;}
@media (width <= 600px){
    .about-hero .subtag{ font-size:13px;}
    .about-hero .badges{ max-width:310px; justify-content:flex-start;}
}

.aboutWrp { display: flex; gap: 30px; align-items: center;  padding-bottom:30px;}
.aboutWrp .about-img { min-width: 45%; border-radius: 20px 284px 20px 20px; }
.aboutWrp .about-img img{ width: 100%; border-radius: 20px 284px 20px 20px; }
.aboutWrp .content{ width: 100%; }
.aboutWrp .content h2{font-size:24px; font-weight:500; color:#000; margin-bottom:20px; }
.aboutWrp .content p{font-size:16px; font-weight:300; color:#000; margin-bottom:20px; line-height:26px; }
.aboutWrp .content p strong{font-weight:500;}
.aboutWrp .content p:last-child{margin-bottom:0px;}
@media (width <= 767px) {
    .aboutWrp{flex-wrap:wrap;}
    .aboutWrp .about-img{ width:100%; order:2;}
    .aboutWrp .about-img img{ border-radius:15px;}
    .aboutWrp .content{ text-align:center;} 
}
@media (width <= 600px) { 
    .aboutWrp .content p{font-size:14px; line-height: 24px; font-weight:400;}
}

.award-grid {display: flex; flex-wrap: wrap; gap:15px 21px; justify-content: center; text-align: center; flex-wrap:wrap;}
.award-grid > div {width: calc(33% - 14px); padding:40px 20px; border: 2px solid #F1F1F1; border-radius: 20px; text-align:center;}
.award-grid .imgBx {height:124px; margin-bottom: 24px;}
.award-grid h3 {font-size:20px; font-weight:500; color:#000; margin-bottom:10px;}
.award-grid h6 {font-size:14px; font-weight:500; color:#F93A5B; margin-bottom:20px; text-transform:uppercase; letter-spacing:0.06rem;}
.award-grid p {font-size:16px; font-weight:400; color:#3D3D3D; line-height:24px;}
@media (width <= 767px) {
    .award-grid > div {width: 100%;}
}
@media (width <= 600px) {
    .award-grid p{ font-size:14px;}
}

.four-single-border{}
.four-col {display: flex; justify-content: space-around; text-align: center; padding-bottom:30px; gap: 0px 0;}
.four-col > div {flex: 1; padding:40px 25px; border-right:1px solid #EFEFEF;}
.four-col > div:last-child {border-right:0px;}
.stats-container strong{ display:block; font-size:54px; font-weight:300; color:#F93A5B;}
.stats-container p{ font-size:16px; font-weight:400; color:#3D3D3D; line-height:26px;}
.stats-container p.red {font-size:14px; font-weight:500; color:#F93A5B; margin-bottom:15px; text-transform:uppercase; letter-spacing:0.06rem;}
.certs{ text-align:center;}
.certs img{ display:block; margin:0 auto; margin-bottom:20px; height:54px; width:auto;}
.certs h4{ display:block; font-size:18px; font-weight:500; color:#000000; margin-bottom:8px;}
.certs p{ font-size:16px; font-weight:400; color:#3D3D3D; line-height:26px;}
.certs p.green {font-size:13px; font-weight:500; color:#2BA844; margin-bottom:15px; text-transform:uppercase; letter-spacing:0.06rem;}
@media (width <= 767px) {
    .four-col{ flex-wrap:wrap;padding-bottom:15px;}
    .four-col > div{ flex:unset; width:50%;}
    .four-col > div:nth-child(2){border-right:0px;}
    .four-col > div:nth-child(3), .four-col > div:nth-child(4){border-top:1px solid #EFEFEF;}
}
@media (width <= 600px) {
    .stats-container strong{ font-size:40px;}
    .four-col > div{ padding:20px 10px;}
    .stats-container p, .certs p{ font-size:14px; line-height:24px;}
    .certs img{ height:42px;}
}

.service-columns{display: flex; flex-wrap: wrap; gap:15px 20px; justify-content: center;}
.service-columns h3{font-size:20px; font-weight:600; color:#F93A5B; margin-bottom:24px;}
.service-columns > div {flex: 1; min-width: 250px; padding:40px 20px; border: 2px solid #F1F1F1; border-radius: 20px;}
.service-columns ul {list-style: none; padding: 0;}
.service-columns li {display: flex; align-items: flex-start; margin-bottom:30px; color: #333; gap:30px 10px;}
.service-columns li:last-child {margin-bottom: 0px;}
.service-columns li figure {min-width: 58px;}
.service-columns li .content {width:100%;}
.service-columns li .content h6{font-size:16px; font-weight:500; color:#000; margin-bottom:6px; padding-top:5px;}
.service-columns li .content h6 span{display:inline-flex; align-items:center; justify-content:center; font-size:12px; font-weight:400; color:#fff; background:#699F4C; height:20px; padding: 0 12px; border-radius:15px;}
.service-columns li .content p{font-size:14px; font-weight:400; color:#686868; line-height:24px;}
@media (width <= 767px) {
    .service-columns > div{ width:100%; flex:unset; padding:15px;}
}
@media (width <= 600px) {
    .service-columns li figure {min-width: 46px;}
}

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

.office-wrp {border: 2px solid #F1F1F1; border-radius: 20px; padding: 20px;}
.office-wrp .top-row{ display:flex; flex-wrap:wrap; align-items:flex-start; gap:30px 20px;}
.office-wrp .top-row .mapBx{width:45%;}
.office-wrp .top-row .mapBx iframe{width:100%; height:170px; overflow:hidden; border-radius:20px;}
.office-wrp .addressBox{ width:calc(55% - 20px);}
.office-wrp .addressBox .list-address{ display:inline-flex; align-items:flex-start; gap:0px 10px;}
.office-wrp .addressBox .list-address + .list-address{ margin-top:25px;}
.office-wrp .addressBox .list-address img{ min-width:21px; height:auto;}
.office-wrp .addressBox .list-address .content h4{font-size:18px; font-weight:500; color:#000; margin-bottom:5px;}
.office-wrp .addressBox .list-address .content p{font-size:16px; font-weight:400; color:#3D3D3D; line-height:26px;}
.office-wrp .addressBox .list-address .content p a{font-size:14px; color:#000; text-decoration:underline; display:inline-block; margin-left:10px;}
.office-wrp .addressBox .list-address .content p + p{margin-top:10px;}
.office-wrp .info-container {display: flex; justify-content: space-between; gap:25px 0; align-items: flex-start; border-top:1px solid #EFEFEF; padding-top:20px; margin-top:20px;}
.office-wrp .info-container .info-section {width: 49%;}
.office-wrp .info-container .info-section h4 {margin: 0 0 7px; font-size: 16px; font-weight: bold; color: #000;}
.office-wrp .info-container .info-section p {margin: 2px 0; color: #555; font-size: 14px;}
.office-wrp .info-container .contactBox {display: inline-flex; align-items: center; gap:10px 30px; margin: 6px 0;}
.office-wrp .info-container .contactBox .contact-line {display: flex; align-items: center; gap:0 10px; color: #555;}
.office-wrp .info-container .contactBox .contact-line a {color: #000; font-size:18px; font-weight:600; white-space: nowrap;}
.office-wrp .info-container .contactBox .contact-line small {font-weight: normal; color: #555;}
@media (width <= 767px) {
    .office-wrp .top-row .mapBx, .office-wrp .addressBox{ width:100%;}
    .office-wrp .addressBox .list-address .content p{font-size:14px; line-height:24px;}
    .office-wrp .info-container{ flex-wrap:wrap;}
    .office-wrp .info-container .info-section{ width:100%;}
    .office-wrp .info-container .contactBox{ margin:0px;}
}
@media (width <= 600px) {
    .office-wrp{ padding:20px 15px;}
    .office-wrp .info-container .contactBox{ flex-wrap:wrap;}
}
@media (width <= 398px) {
    .office-wrp .info-container .info-section p strong{ display:block;}
}

.cta-options {display: flex; flex-wrap: wrap; gap:21px; justify-content: center; text-align: center; max-width: 930px; margin: 0 auto;}
.cta-options > a {width: calc(33% - 14px); padding:40px 20px; border: 2px solid #F1F1F1; border-radius: 20px; text-align:center; transition:all 0.3s ease-in-out;}
.cta-options > a:hover {border: 2px solid #ccc; }
.cta-options .imgBx {max-height:44px; margin-bottom: 20px;}
.cta-options h3 {font-size:18px; font-weight:500; color:#000; margin-bottom:10px;}
.cta-options h6 {font-size:16px; font-weight:500; color:#F93A5B; margin-bottom:20px; text-decoration:none;}
.cta-options p {font-size:16px; font-weight:400; color:#3D3D3D; line-height:24px;}
.cta .bot-text{ text-align:center; font-size:16px; font-style:italic; color:#979797; padding:30px 0;}
@media (width <= 991px) {
    .cta-options > a {width: calc(50% - 14px);}
}
@media (width <= 600px) {
    .cta-options{ gap:15px;}
    .cta-options > a {width:100%; padding:25px 15px 10px;}
    .cta-options h6{ font-size:14px; margin-bottom:15px;}
    .cta-options p, .cta .bot-text{ font-size:14px; line-height:24px;}
}
/***********About Us Page New End************/

/***********Common Static Page New Start************/
.faq-container .head-inner{text-align:left; margin-bottom:20px;}
.faq-box {border: 1px solid #DCDCDC; padding: 20px; margin-bottom: 16px; border-radius: 20px;}
.faq-box:last-child {margin-bottom: 0px;}
.faq-box .faq-question {font-weight: 500;  font-size: 18px; position: relative; cursor: pointer; padding: 0px 0px 0px 30px; color: #000;}
.faq-box .faq-question h4 {margin: 0; font-size: 18px; font-weight: 500; color: #000;}
.faq-box .faq-question::after {content: "\f107"; color: #000000; font-size: 20px; position: absolute; left: 0; top: 0; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: 22px;}
.faq-box .faq-question.active {color: #000;}
.faq-box .faq-question.active::after {color: #000; transform: rotate(180deg);}
.faq-box .faq-answer {padding: 15px 0 5px 30px; display: none; font-size: 16px; color: #3d3d3d; line-height:26px; font-weight:300;}
.faq-box .faq-answer  p { margin: 0; font-size: 16px; color: #3d3d3d; line-height:26px; font-weight:300;}
.faq-box.faq-highlight {border:1px solid #000000;}
@media (width <= 600px) {
    .faq-box{ padding:15px;}
    .faq-box .faq-question, .faq-box .faq-question h4{ font-size:16px; line-height:24px;}
    .faq-box .faq-answer, .faq-box .faq-answer p{font-size:14px; line-height:24px; font-weight:400;}
    .faq-box .faq-question, .faq-box .faq-answer{ padding-left:25px;}
}
/***********Common Static Page New End************/

/***********Faq's Page New Start************/
.faq-header {background: url('../images/faq/faq-banner-bg.svg') top center no-repeat; padding: 120px 0 20px 0; margin-bottom: 35px; text-align: center;}
.faq-header h1 {font-size:clamp(30px, 5vw, 40px); font-weight:600; margin-bottom: 15px; color:#000;}
.faq-header p {font-size: 18px; font-weight:500; color: #3D3D3D; margin-bottom: 30px;}
.faq-header .search-container {position: relative; max-width: 672px; margin: 0 auto;}
.faq-header .search-container .search-box {width: 100%; padding: 18px 50px 18px 25px; border: 1px solid #EFEFEF; border-radius: 50px; font-size: 16px; outline: none; transition: all 0.3s ease; box-shadow:0 20px 30px rgba(0,0,0,0.08);}        
.faq-header .search-container .search-box:focus {border-color: #555; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);}
.faq-header .search-container .search-icon {position: absolute; right:11px; top: 50%; transform: translateY(-50%); width:42px; height:42px; background:#F93A5B; border-radius:50%; display:inline-flex; align-items:center; justify-content:center;}
.faq-header .quick-links {display: flex; /*grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));*/ gap: 20px; margin: 30px 0 0 0; position: relative; bottom: -50px; overflow:hidden; overflow-x:auto; padding-bottom:25px;}
.faq-header .quick-link {background: #ffffff; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08); font-size: 18px; border: 1px solid #BAC4E1; padding: 18px 15px; min-width:238px; border-radius: 20px; text-align: center; cursor: pointer; transition: all 0.3s ease; flex:1;}
.faq-header .quick-link:hover {/*transform: translateY(-3px);*/ box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16); border-color: #000;}
.faq-header .quick-link span {font-size: 1rem; margin-bottom: 8px; color:#7E7E7E; font-weight:500; display: block;}
.faq-header .quick-link:hover span{ color:#000;}
@media (width <= 600px) {
    .faq-header{ padding:35px 0 20px 0;}
}

.faq-content .highlight {background: #FFFAE8; border:1px solid #FFC700; color: #2c3e50; padding:12px 15px; border-radius: 15px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16); margin: 0 0 20px 0; text-align: center; font-weight: 400; font-size:14px; color:#000;}
.faq-content .highlight strong{ font-weight:600;}
.faq-content .highlight img{ margin-right:8px;}
.faq-categories {margin-bottom: 0px;}
.faq-categories .category {padding: 25px 0 30px 0;}
.faq-categories .category h3 {color: #000; margin-bottom: 20px; font-size:24px; font-weight:600;}

.support-contact {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; border-top: 1px solid #EFEFEF; padding-top: 20px; margin-top: 20px;}
.support-contact .support-section {display: flex; align-items: flex-start; gap: 12px; min-width: 200px;}
.support-contact .support-section .support-icon {flex-shrink: 0;}
.support-contact .support-section .support-content {flex: 1;}
.support-contact .support-section .support-content .support-title {font-size: 16px; font-weight: 600; color: #000; margin-bottom: 5px; display: flex; align-items: center; gap: 8px;}
.support-contact .support-section .support-content .support-details {font-size: 14px; color: #555555; line-height: 22px;}
.support-contact .support-section .support-content .support-details b{font-weight: 600;}
.support-contact .support-section .support-content a {font-weight: 600; color: #2c3e50; text-decoration: none; transition: color 0.3s ease;}
.support-contact .support-section .support-content a:hover {color: #dc3545;}
.support-contact .certifications {display: flex; align-items: center; gap: 16px; flex-shrink: 0;}
.support-contact .certifications .cert-logo {height: 45px; width: auto; object-fit: contain;}

@media (width <= 990px) {
    .support-contact .certifications { min-width:250px;}
}
@media (width <= 600px) {
    .support-contact {}
    .support-contact .support-section {min-width: 100%;}
    .support-contact .certifications  {justify-content: center; min-width:235px;}
}

/***********Faq's Page New End************/
@media (width <= 767px) {
    #riq_requestcall {
        display: none !important;
    }
}
/***********FNPL Page New START************/

.fnpl-hero{ background:url(../images/static-pages/banner-fnpl.webp) center/ cover no-repeat;}
.fnpl-hero .overlay{text-align:center;}
.fnpl-hero .overlay h1{ font-size:clamp(28px, 4vw, 34px); font-weight:600; text-shadow:0 3px 6px rgba(0,0,0,0.16);}
.fnpl-hero .subtag {color: #fff; font-size:18px; font-weight:600; display: inline-block; margin: 10px 0 30px 0; text-shadow:0 3px 6px rgba(0,0,0,0.16);}
.fnpl-hero .badges{ display:flex; align-items:center; justify-content:center; gap:10px 30px; padding:0px; flex-wrap:wrap;}
.fnpl-hero .badges li{ display:block; text-align:center;}
.fnpl-hero .badges li span{ display:block; margin-top:8px;}
.fnpl-hero .btn-groups{display:flex; align-items:center; justify-content:center; gap:10px; margin-top:35px;}
.fnpl-hero .btn-groups a{color:#F93A5B; font-size:16px; font-weight:600; display: inline-block;  border-radius:30px; background:#fff; padding:8px 25px; border:1px solid #F93A5B; box-shadow:0 3px 6px rgba(0,0,0,0.16); transition: all 0.3s ease;}
.fnpl-hero .btn-groups a:hover{color:#FFF; background:#F93A5B; border:1px solid #F93A5B;}
.fnpl-hero .btn-groups a + a{color:#348795; border:1px solid #348795;}
.fnpl-hero .btn-groups a + a:hover{background:#348795; border:1px solid #348795;}
@media (width <= 600px){
    .fnpl-hero .subtag{ font-size:16px;}
    .fnpl-hero .badges{ max-width:100%; justify-content:center; font-size: 15px; gap: 10px 20px;}
    .fnpl-hero .btn-groups{ margin-top:20px;}
    .fnpl-hero .btn-groups a{ font-size:13px; padding:8px 15px;}
}

.aboutFnpl{ padding:0px;}
.aboutFnpl .flpl-img { min-width: 45%;}
.aboutFnpl .fnpl-img img{ width: 100%; border-radius: 20px; }
@media (width <= 767px) {
    .aboutFnpl .content{ text-align:left;}
    .aboutFnpl .flpl-img{ width:100%; order:2; text-align:center;}
    .aboutFnpl .fnpl-img img{ border-radius:15px;}
}

.what-are p{ line-height:26px;}
.what-are .flight-example { border: 2px solid #F1F1F1; border-radius: 20px; padding: 20px; margin: 40px 0 20px 0;}
.what-are .flight-example h3 {margin-bottom: 15px; font-size: 16px; font-weight:600;}
.what-are .flight-details {margin-bottom: 15px;}
.what-are .detail-item {display: flex; justify-content: space-between; align-items: center; color:#3D3D3D; padding:2px 0;}
.what-are .detail-item span + span{min-width:106px;}
.what-are .interest-badge {} .interest-badge-mob{ display:none;}
.what-are .interest-badge a{color:#F93A5B; font-size:16px; font-weight:600; display: inline-block;  border-radius:30px; background:#fff; padding:8px 15px 8px 20px; border:1px solid #F93A5B; box-shadow:0 3px 6px rgba(0,0,0,0.16); transition: all 0.3s ease;}
.what-are .interest-badge a:hover{color:#FFF; background:#F93A5B; border:1px solid #F93A5B;}
.what-are .interest-badge a i, .interest-badge-mob i{ padding-left:6px; font-size:18px; font-weight: 900;}
.checkEle, .checkEle73 {
    position: fixed;
    z-index: 10000;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(0, 0, 0, 0.8);
    top:0;
    left:0;
    display:none;
}
.campainFrom {position: fixed;
z-index: 10000;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
top: 0;
left: 0;
display: none;}
.campainFrom iframe{ width:100%; height:100%;}
.hidden-scroll{ overflow:hidden;}
/*#_form_6880DE1EC1F77_ , #_form_6888D390C5B2F_{ border-radius:20px !important; -webkit-border-radius:20px !important;}*/
.bnplBtn{ text-align:center; height:48px;}
.bnplBtn a{color: #222; font-size: 20px; font-weight: 500; display: inline-block; border-radius: 30px; padding: 8px 15px 8px 20px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); transition: all 0.3s ease; background: #dde660;}
.bnplBtn a:hover{color: #dde660; transition: all 0.3s ease; background: #222;}
.bnplBtn a:active{box-shadow: none; margin-top:2px;}
@media (width <= 767px) {
    .what-are .flight-example{ margin:0 0 25px 0; padding: 20px 15px;}
    .interest-badge-mob{ display: block; position: fixed; bottom: 0; text-align: center; width: 100%; background:none; left: 0; z-index: 99; }
    .interest-badge-mob a{ display: block; padding:12px; color:#000; font-weight:600; background:#ffb3c7; border-top:1px solid #fff; border-radius:20px 20px 0 0; box-shadow: 0 0 0px rgba(0, 0, 0, 0.36); }
}
@media (width <= 600px) {
    .what-are .flight-details{ font-size:14px;}
}

.howFly .key-benefits{margin-bottom:20px;}
.howFly .key-benefits h6{ color:#F93A5B; font-size:16px; font-weight:600; margin-bottom:20px; text-transform:uppercase; letter-spacing:0.15rem;}
.howFly .key-benefits ul{ display:flex; flex-wrap:wrap; align-items:flex-start; gap:10px 30px; margin-bottom:30px;}
.howFly .key-benefits ul li{ display:flex; align-items:flex-start; gap:0 10px; width:calc(33% - 20px); font-weight:500;}
.howFly .key-benefits ul li img{ margin-top:2px;}
@media (width <= 990px) {
    .howFly .key-benefits ul li{ width:calc(50% - 15px);}
}
@media (width <= 600px) {
    .howFly .key-benefits ul li{ width:100%;}
}

.journey-wrp .head-left{ margin-bottom:15px;}
.journey-wrp .journey h6{ font-size:18px; font-weight:600; margin-bottom:20px;}
.journey-wrp ul.step-list {position: relative; counter-reset: step;}
.journey-wrp ul.step-list li {position: relative; padding-left: 70px; margin-bottom: 30px;}
.journey-wrp ul.step-list li::after {content: ''; position: absolute; left:26px; top: 15px; width: 1px; height: calc(100% + 15px); background-color: #C5C5C5; z-index: 0;}
.journey-wrp ul.step-list li:last-child { margin:0px;}
.journey-wrp ul.step-list li:last-child::after {display: none;}
.journey-wrp ul.step-list li::before {content: counter(step); counter-increment: step; position: absolute; left: 0px; top: 0; width: 52px; height: 52px; background-color:#F93A5B; color: white; font-weight: 600; font-size: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 1;}
.journey-wrp ul.step-list li .step-title {font-weight: 400; color: #F93A5B; font-size: 20px; margin-bottom: 5px;}
.journey-wrp ul.step-list li .step-title strong{font-weight: 600;}
.journey-wrp ul.step-list li .step-description {color: #3D3D3D; font-size: 16px; line-height: 26px; font-weight: 300;}
@media (width <= 600px) {
    .journey-wrp ul.step-list li .step-title{ font-size:18px;}
    .journey-wrp ul.step-list li .step-description {font-weight:400; font-size: 15px; line-height: 24px;}
    .journey-wrp ul.step-list li::before{ width:40px; height:40px; font-size:20px;}
    .journey-wrp ul.step-list li::after{ left:20px;}
    .journey-wrp ul.step-list li {padding-left: 50px; margin-bottom: 20px;}
}

.bookSpecialist{border:1px solid #C6D4E5; border-radius:20px; overflow:hidden; display:flex; align-items:center; justify-content:space-between;}
.bookSpecialist .content{padding:12px 20px;}
.bookSpecialist .content h6{font-size:18px; font-weight:600; margin-bottom:15px;}
.bookSpecialist .content .linking{margin-bottom:10px; display:flex; gap:15px 30px; flex-wrap: wrap;}
.bookSpecialist .content .linking a{ font-size:18px; font-weight:300; color:#000; line-height:20px;}
.bookSpecialist .content .linking a.call{font-weight:500;}
.bookSpecialist .content .linking a img{ margin-right:8px;}
.bookSpecialist .imgright img{border-radius:142px 20px 20px 0;}
@media (width <= 900px) {
    .bookSpecialist .imgright{display:none;}
}
@media (width <= 600px) {
    .bookSpecialist .imgright{display:block; width: 100%; order: -1; padding:15px;}
    .bookSpecialist .imgright img{width: 100%; border-radius:15px;}
    .bookSpecialist .content{padding:12px 15px;}
    .bookSpecialist{ flex-wrap:wrap;}
    .bookSpecialist .content .linking a{ font-size:16px;}
}


.booking-process {margin: 30px 0 20px 0; display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; text-align: center;}
.booking-process .process-step {width: calc(25% - 15px); padding:40px 20px; border: 2px solid #F1F1F1; border-radius: 20px; text-align:center;}
.booking-process .process-step .process-icon {width: 55px; height: 55px; background: #ABEDC6; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 24px; font-weight:600; margin: 0 auto 18px;}
.booking-process .process-step:nth-child(2) .process-icon {background: #87D9B6;}
.booking-process .process-step:nth-child(3) .process-icon {background: #30C387;}
.booking-process .process-step:nth-child(4) .process-icon {background: #00A661;}
.booking-process .process-step:nth-child(5) .process-icon {background: #009256;}
.booking-process h6, .booking-process h3 {font-size:18px; font-weight:600; color:#000; margin-bottom:15px;}
.booking-process p {font-size:16px; font-weight:400; color:#3D3D3D; line-height:26px;}
.tips-wrp{display: flex; align-items: center; gap:0 12px; margin-bottom:20px;}
.tips-wrp img{min-width:24px;}
.tips-wrp p{font-size:14px; font-weight:400;}
.tips-wrp p strong{color:#000; font-weight:600;}
@media (width <= 991px) {
    .booking-process .process-step {width: calc(50% - 10px);}
}
@media (width <= 600px) {
    .booking-process{ gap:15px;}
    .booking-process .process-step {width: 100%; padding:25px 15px;}
    .booking-process p{ font-size:14px; line-height:24px;}
    .booking-process .process-step .process-icon{ width:40px; height:40px; font-size:20px;}
}

.affirm-work .box {border: 2px solid #F1F1F1; border-radius: 20px; padding: 25px 20px; margin-bottom: 25px;}
.affirm-work .box:last-child {margin-bottom: 0px;}
.affirm-work .box .section-title {color: #F93A5B; font-size: 18px; font-weight: 600; margin-bottom: 20px;}
.affirm-work .box p {font-size: 14px; font-weight: 400; margin-bottom: 12px; color:#3D3D3D;}
.affirm-work .box .check-item {display: flex; align-items: flex-start; gap: 10px; margin-bottom: 15px; font-size: 16px; font-weight: 300; color: #3D3D3D;}
.affirm-work .box .check-item strong{ font-weight:600;}
.affirm-work .box .check-item:last-child{ margin:0px;}
.affirm-work .box .check-item-icon {min-width: 22px;}
.affirm-work .box .check-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(32%, 1fr)); gap: 15px 20px;}
.affirm-work .box .check-grid .check-label {display: flex; align-items: flex-start; gap: 10px; font-size: 15px;}
.affirm-work .note {margin-top: 25px; font-size: 14px; border-top: 1px solid #eee; padding-top: 15px; line-height: 1.5;}
.affirm-work .tips-wrp{ margin:0px;}
.affirm-work .tips-wrp p{ margin:0px;}
@media (width <= 600px) {
    .affirm-work .box{ padding:20px 15px;}
    .affirm-work .box .check-item{ font-size:14px; font-weight:400;}
    .affirm-work .box .check-grid{grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));}
}

.process-container {margin: 30px 0 20px 0; display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; text-align: center;}
.process-container .process-step {width: calc(25% - 15px); padding:40px 20px; background:#FBFBFB; border-radius: 20px; text-align:center;}
.process-container .process-step .step-circle {width: 55px; height: 55px; background: #ABEDC6; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 24px; font-weight:600; margin: 0 auto 18px;}
.process-container .process-step:nth-child(2) .step-circle {background: #87D9B6;}
.process-container .process-step:nth-child(3) .step-circle {background: #30C387;}
.process-container .process-step:nth-child(4) .step-circle {background: #00A661;}
.process-container .step-title {font-size:16px; font-weight:600; color:#000; margin-bottom:15px;}
.process-container .step-desc {font-size:14px; font-weight:400; color:#3D3D3D; line-height:26px;}
@media (width <= 991px) {
    .process-container .process-step {width: calc(50% - 10px);}
}
@media (width <= 600px) {
    .process-container{ gap:15px;}
    .process-container .process-step {width: 100%; padding:25px 15px;}
    .process-container .process-step .step-circle{width:40px; height:40px; font-size:20px;}
}

.readyToBookBox{ margin-bottom:30px;}
.readyToBookBox .cta-row {display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
.readyToBookBox .cta-row .cta-box {width:300px; display: flex; flex-direction: column; align-items: center; border-right:1px solid #EFEFEF; padding:0 50px;}
.readyToBookBox .cta-row .cta-box:last-child {border:0px;}
.readyToBookBox .cta-row .cta-box .cta-icon {margin-bottom: 15px;}
.readyToBookBox .cta-row .cta-box .cta-button {border-radius: 25px; padding: 10px 20px; font-size: 15px; text-align:center; font-weight: 600; border: 1px solid; cursor: pointer; width: 100%; transition: all 0.3s ease;}
.readyToBookBox .cta-row .cta-box .cta-call {border-color: #f44336; color: #f44336; background-color: #fff;}
.readyToBookBox .cta-row .cta-box .cta-call:hover {background-color: #f44336; color: #fff;}
.readyToBookBox .cta-row .cta-box .cta-chat {border-color: #0097a7; color: #0097a7; background-color: #fff;}
.readyToBookBox .cta-row .cta-box .cta-chat:hover {background-color: #0097a7; color: #fff;}
.readyToBookBox .cta-note {font-size: 14px; margin-top: 25px; font-style: italic; text-align:center;}
@media (width <= 767px) {
    .readyToBookBox .cta-row .cta-box{ width:45%; padding:0 4% 0 0;}
    .readyToBookBox .cta-row .cta-box + .cta-box{padding:0 0 0 4%;}
}
@media (width <= 600px) {
    .readyToBookBox .cta-row .cta-box{ width:50%; padding:0 4% 0 0;}
    .readyToBookBox .cta-row .cta-box + .cta-box{padding:0 0 0 4%;}
    .readyToBookBox .cta-row .cta-box .cta-button{ font-size:12px; padding:8px 12px;}
}

.FourCardDesign {text-align: center;}
.FourCardDesign  .cardDesign {padding:25px 20px; border: 2px solid #F1F1F1; border-radius: 20px; text-align:center; height:100%;}
.FourCardDesign .slick-list{margin:0 -12px;}
.FourCardDesign .slick-slide {margin:0 12px;}
.FourCardDesign .imgBx {max-height:55px; margin-bottom: 18px;}
.FourCardDesign .imgBx img{display:inline-block !important;}
.FourCardDesign h6,.FourCardDesign h3 {font-size:18px; font-weight:500; color:#000; margin-bottom:15px;}
.FourCardDesign p {font-size:16px; font-weight:400; color:#3D3D3D; line-height:26px;}
.FourCardDesign .slick-next, .FourCardDesign .slick-prev{ border-radius:50%; box-shadow:0 0 10px rgba(0,0,0,0.36); width:40px; height:40px; background:#fff; z-index:4;}
.FourCardDesign .slick-next.slick-disabled, .FourCardDesign .slick-prev.slick-disabled{ cursor:default; opacity:0.4;}
.FourCardDesign .slick-next img, .FourCardDesign .slick-prev img{position: absolute; margin: 0 auto; text-align: center; width: 8px; left: 0; right: 0; top: 50%; transform: translateY(-50%); }
@media (width <= 991px) {
    .FourCardDesign  .cardDesign {width: 100%;}
}
@media (width <= 767px) {
    .FourCardDesign .slick-next, .FourCardDesign .slick-prev{ display:none !important;}
    .FourCardDesign .slick-dots li button:before{ font-size:20px !important;}
}
@media (width <= 600px) {
    .FourCardDesign p{ font-size:14px; line-height:24px;}
    .FourCardDesign h6,.FourCardDesign h3{ margin-bottom:10px;}
}
/***********FNPL Page New END************/

/***********Refundable Flight Tickets Page New Start************/

.refundable-hero{ background:url(../images/static-pages/refundable/refundable-banner.webp) center/ cover no-repeat;}
.refundable-hero .overlay{text-align:left;}
.refundable-hero .overlay h1{ font-size:clamp(28px, 4vw, 40px); font-weight:600; color:#000000;}
.refundable-hero .subtag {color: #000; font-size:20px; font-weight:500; margin: 10px 0 25px 0;}
.refundable-hero .heroWithimg{ display:flex; align-items:center; justify-content:space-between; gap:0px 30px; position:relative; height:350px;}
.refundable-hero .heroWithimg .rightImg{ height: 92%; bottom: 0; position: absolute; right: 0;}
.refundable-hero .heroWithimg .rightImg img{ height: 100%;}
.refundable-hero .heroWithimg .btnCol{ background:#fff; border:1px solid #F93A5B; border-radius:50px; padding:4px 20px 4px 5px; display:inline-flex; align-items:center; gap:0 10px; transition:all 0.3s ease-in-out;}
.refundable-hero .heroWithimg .btnCol:hover{ border:1px solid #000;}
.refundable-hero .heroWithimg .btnCol span{ background:#F93A5B; border-radius:50px; display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; transition:all 0.3s ease-in-out;}
.refundable-hero .heroWithimg .btnCol:hover span{ background:#000;}
.refundable-hero .heroWithimg .btnCol p{ font-size:18px; font-weight:500; color:#F93A5B; line-height:20px; transition:all 0.3s ease-in-out;}
.refundable-hero .heroWithimg .btnCol:hover p{color:#000;}
.refundable-hero .heroWithimg .btnCol p strong{ font-size:20px; font-weight:600; color:#000; display:block;}
.refundable-hero .heroWithimg .btnCol:hover p strong{color:#F93A5B;}
@media (width <= 990px){
    .refundable-hero .heroWithimg .rightImg{ display:none;}
}
@media (width <= 600px){
    .refundable-hero .subtag{ font-size:16px;}
}

.refundableAbout{ padding-bottom:0px;}
@media (width <= 767px){
    .refundableAbout .content{ text-align:left;}
}

.ticket-refund-wrap .ticket-refund-section {display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; }
.ticket-refund-wrap .ticket-refund-section .ticket-refund-card {flex: 1 1 300px; padding: 20px 25px; border-radius: 20px;}
.ticket-refund-wrap .ticket-refund-section .ticket-refund-card h3 {font-size: 20px; font-weight: 600; margin-bottom: 10px;}
.ticket-refund-wrap .ticket-refund-section .ticket-refund-card p {font-size: 16px; color: #3D3D3D; margin: 0; line-height: 26px;}
.ticket-refund-wrap .ticket-refund-section .ticket-refund-full {background-color: #E4F6F8; color: #3D9FAC;}
.ticket-refund-wrap .ticket-refund-section .ticket-refund-partial {background-color: #FFF8E9; color: #FEB832;}
.ticket-refund-wrap .ticket-refund-section .ticket-refund-general {background-color: #FFF0EC; color: #D7562E;}
.ticket-refund-wrap .ticket-refund-timeline-box {border: 1px solid #C3E4FB; background:#FEFEFE; background: linear-gradient(235deg,rgba(254, 254, 254, 1) 0%, rgba(238, 248, 255, 1) 100%); border-radius: 20px; display: flex; align-items: center; padding: 30px 25px; margin: auto; gap: 20px;}
.ticket-refund-wrap .ticket-refund-timeline-box img {min-width: 125px; height: auto;}
.ticket-refund-wrap .ticket-refund-timeline-box .ticket-refund-timeline-text h4 {margin: 0; font-size: 20px; font-weight: 600; color: #F93A5B;}
.ticket-refund-wrap .ticket-refund-timeline-box .ticket-refund-timeline-text p {margin: 8px 0 0 0; font-size: 14px; color: #3D3D3D; line-height: 26px; font-weight:400;}
@media (width <= 767px){
    .ticket-refund-wrap .ticket-refund-timeline-box{ padding:20px 15px;}
    .ticket-refund-wrap .ticket-refund-section .ticket-refund-card p{ font-size:14px;}
}
@media (width <= 479px) {
    .ticket-refund-wrap .ticket-refund-timeline-box{ flex-direction:column; align-items:flex-start;}
}

.red{color: #F93A5B !important;}

.refund-request-options {display: flex;  gap: 25px; justify-content: space-between; margin-bottom:30px;}
.refund-request-card {flex: 1 1 280px; display: flex; flex-direction: column; align-items: flex-start;}
.refund-request-icon {margin-bottom: 20px;}
.refund-request-icon img {width: 52px; height: 52px;}
.refund-request-call h4 {color: #F93A5B;}
.refund-request-email h4 {color: #FEB832;}
.refund-request-chatbot h4 {color: #3D9FAC;}
.refund-request-card h4 {font-size: 18px; font-weight: 600; margin: 0 0 12px;}
.refund-request-card p {font-size: 16px; color: #3D3D3D; line-height: 26px; margin: 0;}
.refund-request-card p a{color: #000; font-weight:500;}
.refund-request-card p a:hover{text-decoration:underline !important;}
@media (width <= 767px){

    .refund-request-options { flex-direction: column; gap: 25px; flex-wrap: wrap;}
    .refund-request-card {align-items: flex-start; flex:unset;}
}
@media (width <= 600px){
    .refund-request-card p {font-size: 14px; line-height: 24px;}
}

.tips-finding-wrap .tips-deals-box h6{font-size: 18px; font-weight: 600; color: #F93A5B; margin-top:30px;}
.tips-finding-wrap .tips-deals-box h6:first-child{margin-top:0px;}
.tips-finding-wrap .tips-deals-box p{font-size: 16px; margin-top:15px;}
.tips-finding-wrap .tips-deals-box p a{color: #000; font-weight:500;}
.tips-finding-wrap .tips-deals-box p a:hover{text-decoration:underline !important;}
@media (width <= 600px){
    .tips-finding-wrap .tips-deals-box p {font-size: 14px; line-height: 24px;}
}





/***********Refundable Flight Tickets Page New End************/
/***********British Airline Sales Page New Start************/
.bas-hero{ background:url(../images/static-pages/british-sale/bas-banner.webp) center/ cover no-repeat;}
.bas-hero .overlay{text-align:left;}
.bas-hero .overlay h1{ font-size:clamp(28px, 4vw, 40px); font-weight:600; color:#fff;}
.bas-hero .subtag {color: #fff; font-size:20px; font-weight:500; margin: 10px 0 20px 0;}
.bas-hero .heroWithimg{ display:flex; align-items:center; justify-content:space-between; gap:0px 30px; position:relative; height:350px;}
.bas-hero .heroWithimg .btnCol{ background:#F93A5B; border:1px solid #F93A5B; border-radius:50px; padding:2px 15px 2px 2px; display:inline-flex; align-items:center; gap:0 10px; cursor:default; transition:all 0.3s ease-in-out; margin-bottom:25px;}
.bas-hero .heroWithimg .btnCol span{ background:#fff; border-radius:34px; display:inline-flex; align-items:center; justify-content:center; min-width:34px; height:34px; transition:all 0.3s ease-in-out;}
.bas-hero .heroWithimg .btnCol p{ font-size:16px; font-weight:500; color:#FFF; line-height:20px; transition:all 0.3s ease-in-out;}
@media (width <= 767px){
    .bas-hero .heroWithimg .btnCol p{ font-size:14px;}
}
@media (width <= 600px){
    .bas-hero .subtag{ font-size:16px;}
    .bas-hero .heroWithimg .btnCol p{ font-size:12px; line-height: 14px;}
}
.uspiesWrp{ margin-top: -60px;}
.UspiesContainer {width: 100%; overflow: hidden;white-space: nowrap; position: relative;background: #fff; border-radius: 30px; padding: 10px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.UspiesContainer .uspSlider {display: inline-block; white-space: nowrap; animation: slide-left 30s linear infinite;}
.UspiesContainer:hover .uspSlider {animation-play-state: paused;}
.UspiesContainer .uspSlider .uspCard {display: inline-flex; font-size:14px; margin-right: 10px; gap:0 5px; align-items:center; border: 1px solid #B8B8B8; padding: 6px 20px; border-radius: 50px;}
.UspiesContainer .uspSlider .uspCard:last-child{ margin:0px;}
@keyframes slide-left {
    0% {transform: translateX(0%);}
    100% {transform: translateX(-50%);}
}
@media (width <= 600px){}
.basAbout {padding: 30px 0;}
.basAbout h4{ font-size:18px; font-weight:600; padding-bottom:15px; color:#F93A5B;}
.basAbout .flpl-img img{ border-radius:20px 20px 20px 215px;}
@media (width <= 767px){
    .basAbout .content{ text-align:left;}
    .basAbout .flpl-img img{ border-radius:20px;}
}
.ptable-responsive {border: 1px solid #ccc; border-radius: 10px; overflow: hidden;overflow-x: auto;}
.ptable-responsive::-webkit-scrollbar {height: 4px;}
.ptable-responsive::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 4px;}
.ptable-responsive::-webkit-scrollbar-thumb {background-color: #333; border-radius: 4px;}
.pricing-table table {width: 100%; border-collapse: collapse; min-width: 600px;}
.pricing-table table thead {background-color: #2A5D9F; color: white;}
.pricing-table table th, .pricing-table table  td {text-align: left; padding: 16px; font-size: 15px; vertical-align: top;}
.pricing-table table th {font-weight: 600;background-color: #2A5D9F; color: white;}
.pricing-table table td span {display: block; font-weight: 600; margin-bottom: 4px;}
.pricing-table table td strong {font-weight: 600;}
.pricing-table table td:not(:first-child) {color: #2A5D9F; font-weight: 500;}
.pricing-table table tr:not(:last-child) {border-bottom: 1px solid #ddd;}
.priceTable .note {font-size: 12px; margin-top: 10px;}
.pricing-table table .check {font-size: 18px; color: #25ff00;}
.pricing-table table .cross {font-size: 18px; color: #ff9191;}
.pricing-table.withBorder table th{ border-left:1px solid #ffffff73;}
.pricing-table.withBorder table td{ border-left:1px solid #ddd;}
.pricing-table.withBorder table th:first-child, .pricing-table.withBorder table td:first-child{ border-left:0px;}
@media (width <= 767px) {
    .pricing-table table th, .pricing-table table td {
        font-size: 14px;
        padding: 12px;
    }
}
@media (width <= 480px) {
    .pricing-table table th, .pricing-table table td {
        white-space: nowrap;
    }
}
.ba-cta-wrapper {background: url(../images/static-pages/british-sale/book-ba-flight-bg.webp) center/cover no-repeat; border-radius: 20px;padding: 60px 15px; text-align: center; overflow: hidden;}
.ba-cta-wrapper .ba-cta-content {position: relative;}
.ba-cta-wrapper .ba-cta-content .ba-cta-buttons {display: flex; flex-wrap: wrap; justify-content: center; gap: 16px;}
.ba-cta-wrapper .ba-cta-content .ba-cta-buttons .ba-cta-button {display: flex; align-items: center; gap: 8px; padding: 5px 15px 5px 5px; border-radius: 999px; font-size: 16px; font-weight: 600;text-decoration: none; transition: 0.3s ease;}
.ba-cta-wrapper .ba-cta-content .ba-cta-buttons .ba-cta-button:hover{color: #fff;}
.inner_pageWrp .ba-cta-content .head-inner h2,
.inner_pageWrp .ba-cta-content .head-inner p { color:#fff;}
.ba-icon-bg {display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background-color: #fff; flex-shrink: 0;}
.ba-icon-bg img {width: auto; height: 16px;}
.ba-cta-call {background-color: #e53958; color: #fff;}
.ba-cta-online {background-color: #2a5d9f; color: #fff;}
@media (width <= 480px) {
    .ba-cta-wrapper .ba-cta-content .ba-cta-buttons .ba-cta-button {
        font-size: 14px;
    }
}
.ba-feature-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 21px;}
.ba-feature-grid .ba-feature-card {background-color: #fff; border: 2px solid #F1F1F1; border-radius: 20px; padding: 40px 20px; text-align: center; transition: transform 0.3s ease;}
.ba-feature-grid .ba-feature-card:hover { transform: translateY(-4px);}
.ba-feature-grid .ba-feature-card .ba-feature-icon {height: 53px; margin-bottom: 16px;}
.ba-feature-grid .ba-feature-card .ba-feature-title {font-size: 18px; font-weight: 500; margin-bottom: 12px; color: #000;}
.ba-feature-grid .ba-feature-card .ba-feature-text {font-size: 16px; color: #3d3d3d; line-height: 26px;}
.ba-feature-grid.coloful .ba-feature-card {background-color: #fff; border: 0px; border-top: 5px solid #8CCABA; box-shadow:0 10px 30px rgba(0,0,0,0.08);}
.ba-feature-grid.coloful .ba-feature-card:nth-child(2) {border-color:#F4D04F;}
.ba-feature-grid.coloful .ba-feature-card:nth-child(3) {border-color:#FD8F7B;}
.ba-feature-grid.coloful .ba-feature-card:nth-child(4) {border-color:#F2A1EF;}
.ba-feature-grid.coloful .ba-feature-card:nth-child(5) {border-color:#C5B485;}
.ba-feature-grid.coloful .ba-feature-card:nth-child(6) {border-color:#82D2D8;}
@media (width <= 600px) {
    .ba-feature-grid{ gap:15px;}
    .ba-feature-grid .ba-feature-card {padding: 30px 15px;}
    .ba-feature-grid .ba-feature-card .ba-feature-title {font-size: 18px;}
    .ba-feature-grid .ba-feature-card .ba-feature-text {font-size: 14px; line-height:24px;}
}
.ba-contact-cta {display: flex; justify-content: space-between; align-items: center; border: 1px solid #EEDBDE;  background:#FDFAFB; border-radius:20px; overflow:hidden; gap: 20px; flex-wrap: wrap;}
.ba-contact-cta .ba-contact-left {flex: 1 1 500px; padding:0 0 0 20px;}
.ba-contact-cta .ba-contact-left .ba-contact-details {display: flex; flex-wrap: wrap; gap:15px;}
.ba-contact-cta .ba-contact-left .ba-contact-details .ba-contact-item {display: flex; align-items: center; font-size: 16px; color: #000; flex-shrink: 0; gap:0 10px;}
.ba-contact-cta .ba-contact-left .ba-contact-details .ba-contact-item a{ color:#000;}
.ba-contact-cta .ba-contact-left .ba-contact-details .ba-contact-item a:hover{ color:#000;}
.ba-contact-cta .ba-contact-image {flex: 0 0 auto;}
.ba-contact-cta .ba-contact-image img {border-radius: 0 0 20px 190px;}
@media (width <= 990px) {
    .ba-contact-cta .ba-contact-left{ padding:35px 15px; flex:1; width:100%;}
    .ba-contact-cta .ba-contact-image{ display:none;}
}
@media (width <= 767px) {
    .ba-contact-cta {flex-direction: column;}
}
.flightClassBox{display: flex; gap: 20px; padding: 20px; border: 2px solid #F1F1F1; border-radius: 20px; align-items: center;}
.flightClassBox .flightClass-image {width:48%;}
.flightClassBox .flightClass-image img {border-radius:20px;}
.flightClassBox .content-lft{width:52%;}
.centerTabs .booking-tabs .booking-tab-buttons{ justify-content:center;}
@media (width <= 767px) {
    .centerTabs .booking-tabs .booking-tab-buttons{ justify-content:flex-start;}
    .flightClassBox{ flex-wrap:wrap; padding:15px;}
    .flightClassBox .flightClass-image, .flightClassBox .content-lft{ width:100%; text-align:center;}
}
/***********British Airline Sales Page New End************/
.tAB-hero{ background:url(../images/static-pages/bradford/tab-banner.webp) center/ cover no-repeat; height:350px;}
.tAB-hero .overlay{text-align:left;}
.tAB-hero .overlay h1{ font-size:clamp(26px, 4vw, 34px); font-weight:600; color:#fff;}
.tAB-hero .subtag {color: #fff; font-size:18px; font-weight:400; margin: 10px 20% 20px 0;}
.tAB-hero .subtag + .subtag {margin: 10px 0 25px 0;}
.tAB-hero .heroWithimg{ display:flex; align-items:center; justify-content:space-between; gap:0px 30px; position:relative;}
.tAB-hero .heroWithimg .rightImg{ height: 92%; bottom: 0; position: absolute; right: 0;}
.tAB-hero .heroWithimg .rightImg img{ height: 100%;}
.tAB-hero .heroWithimg .btnCol{ background:#fff; border:1px solid #F93A5B; border-radius:50px; padding:4px 20px 4px 5px; display:inline-flex; align-items:center; gap:0 10px; transition:all 0.3s ease-in-out; margin-bottom:30px; margin-top:15px;}
.tAB-hero .heroWithimg .btnCol.elegCheck{ margin-bottom:5px;}
.tAB-hero .heroWithimg .btnCol:hover{ border:1px solid #000;}
.tAB-hero .heroWithimg .btnCol span{ background:#F93A5B; border-radius:50px; display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; transition:all 0.3s ease-in-out;}
.tAB-hero .heroWithimg .btnCol:hover span{ background:#000;}
.tAB-hero .heroWithimg .btnCol p{ font-size:16px; font-weight:600; color:#F93A5B; line-height:20px; transition:all 0.3s ease-in-out;}
.tAB-hero .heroWithimg .btnCol:hover p{color:#000;}
@media (width <= 990px){
    .tAB-hero .subtag{ margin:10px 0;}
}
@media (width <= 600px){
    .tAB-hero .subtag{ font-size:16px;}
    .tAB-hero{ height:420px;}
}
.whyBradford{ margin-top:30px;}
.bradford-secBx{ padding-top:25px;}
.bradford-section {display: flex; align-items: center; justify-content: space-between; background: url(../images/static-pages/bradford/tab-contact.svg) no-repeat; background-size: cover; border: 1px solid #C1D8D2; border-radius: 20px; padding: 30px 20px;}
.bradford-section .bradford-content{ max-width:900px;}
.bradford-section .bradford-content p {font-size: 16px; font-weight: 600; color: #000; line-height:26px; margin-bottom:18px;}
.bradford-section .bradford-content a{display: inline-flex; align-items:center; background-color: #F93A5B; color: #fff; padding: 5px 20px 5px 5px; font-weight: bold; border-radius: 30px;text-decoration: none; font-size: 14px; transition: background-color 0.3s ease;}
.bradford-section .bradford-content a:hover {background-color: #e1304d;}
.bradford-section .bradford-content .bradford-button-icon {background-color: #fff; border-radius: 50%; padding: 6px; display: inline-flex; align-items: center; justify-content: center; margin-right: 10px; width:36px; height:36px;}
@media (width <= 767px) {
    .bradford-content p {font-size: 14px;}
}
.booking-tabs {margin: auto;}
.booking-tabs .booking-tab-buttons {display: flex; gap: 10px; margin-bottom: 30px; overflow-x: auto; scroll-behavior: smooth; padding-bottom:5px;}
.booking-tabs .booking-tab-buttons .booking-tab-button {padding: 6px 20px; white-space: nowrap; align-items: center; border-radius: 999px; border: 1px solid #ccc; background-color: white; color: #444; font-weight: 400; cursor: pointer; font-size: 14px; transition: all 0.2s ease;}
.booking-tabs .booking-tab-buttons .booking-tab-button.active {background-color: #F93A5B; color: white; border-color: #F93A5B;}
.booking-tabs .booking-tab-container {display: flex; gap: 40px; align-items: flex-start; flex-wrap: wrap;}
.booking-tabs .booking-tab-container .booking-tab-content {display: none; width:100%;}
.booking-tabs .booking-tab-container .booking-tab-content.active {display: block;}
.booking-tabs .booking-tab-container .booking-tab-content .booking-Bx {display: flex; justify-content: space-between; gap: 0 10px;}
.booking-tabs .booking-tab-container .booking-tab-content .booking-Bx .booking-tab-image{ min-width:365px;}
.booking-tabs .booking-tab-container .booking-tab-content .booking-Bx .content-lft.border{border: 2px solid #F1F1F1 !important; border-radius: 20px; padding: 25px 20px 20px; }
.booking-tabs .booking-tab-container .booking-tab-content h2 {font-size: clamp(18px, 2vw, 20px); font-weight: 600; margin-bottom: 15px;}
.booking-tabs .booking-tab-container .booking-tab-content h6 {font-size: clamp(14px, 1.2vw, 16px); margin-bottom: 10px;}
.booking-tabs .booking-tab-container .booking-tab-content p {font-size: clamp(14px, 1.2vw, 16px); line-height: 25px; margin-bottom: 15px;}
.booking-tabs .booking-tab-container .booking-tab-content ol{margin:0 0 15px 18px; padding:0; list-style:unset;}
.booking-tabs .booking-tab-container .booking-tab-content ul{margin:0 0 15px 0px;} 
.booking-tabs .booking-tab-container .booking-tab-content ul li{padding-left: 25px; background: url('../images/about/check-top.svg') no-repeat left top 3px; background-size: 16px auto; font-size: 1rem; font-weight: 300;} 
.booking-tabs .booking-tab-container .booking-tab-content ol li{list-style:decimal; font-size: 1rem; font-weight: 300;}
.booking-tabs .booking-tab-container .booking-tab-content .booking-highlight {color: #F93A5B; font-weight: 600;}
.booking-tabs .booking-tab-container .booking-tab-content strong {font-weight: 600;}
@media (width <= 600px) {
    .booking-tabs .booking-tab-container .booking-tab-content .booking-Bx{ flex-wrap:wrap;}
    .booking-tabs .booking-tab-container .booking-tab-content .booking-Bx .booking-tab-image{ min-width:auto; max-width:365px;}
}
@media (width <= 600px) {
    .lbaLocalGatway .value-grid > div{width: calc(50% - 10px);}
}
.airlines-banner {display: flex; align-items: flex-end; background:url(../images/static-pages/bradford/airoplane.jpg) right top no-repeat; padding: 30px 20px; border-radius: 20px; margin-top: 25px; height:235px;}
.airlines-info {color: #fff;}
.airlines-info h2 {font-size: clamp(20px, 4vw, 24px); font-weight: 600; margin-bottom: 20px; color: #fff;}
.airline-logos {display: flex; flex-wrap: wrap; gap: 10px;}
.airline-logo {display: flex; align-items: center; gap: 5px; background: #fff;  white-space: nowrap;color: #000; border-radius: 30px; padding: 9px 14px; font-size: 16px; font-weight: 400;}
.airline-logo img {width: auto; max-height: 23px; object-fit: contain;}
@media (width <= 767px) {
    .airlines-banner {background-position-x: 25%; padding:65px 15px 15px;}
}
@media (width <= 600px) {
    .airline-logos{gap:4px;}
    .airline-logo{ font-size:14px; padding:5px 12px; }
    .airline-logo img{ max-height:18px;}
}
@media (width <= 480px) {
    .airlines-banner {background-position:center;}
    .airline-logo {font-size: 13px; padding: 5px 9px;}
}
.destination-wrapper {display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; margin-top: 25px;}
.destination-card {background: #fff; border: 2px solid #F1F1F1; border-radius:20px; padding:40px 20px; flex: 1 1 30%; max-width: 370px; display: flex; flex-direction: column; gap: 20px; align-items:flex-start;}
.destination-card img {width: auto; height: 97px;}
.destination-card h3 {font-size: 20px; padding-bottom: 5px; font-weight: 600; color: #000;}
.destination-card p,.destination-card li {font-size: 15px; color: #444; line-height: 26px; margin: 6px 0;}
.destination-card li{ padding-left:25px; position:relative;}
.destination-card .highlight-red {color:#F93A5B; font-weight: 600;}
.destination-card ul {list-style: none; padding: 0; margin: 0;}
.destination-card ul + p{ padding-top:10px;}
.destination-card li::before {content: ""; background:url(../images/static-pages/bradford/pin.svg) no-repeat; width: 13px; height: 18px; position: absolute; left:0; top:2px;}
.destination-card .services li::before {background:url(../images/static-pages/bradford/locate.svg) no-repeat; width: 16px; height: 16px; top:5px;}
@media (max-width: 767px) {
    .destination-card {
        max-width: 100%; padding:20px 15px;
        flex: unset; width:100%;
    }
}
.tAB-contact-cta{ padding-top:25px;}
.tAB-contactSec {display: flex; align-items: center; justify-content: space-between; background: #F6FAFF; border: 1px solid #C6D4E5; border-radius: 20px; }
.tAB-contactSec .tAB-content{ max-width:900px; padding: 20px;}
.tAB-contactSec .tAB-content h2 {font-size: clamp(18px, 4vw, 24px); font-weight: 600; color: #000; margin-bottom:10px;}
.tAB-contactSec .tAB-content p {font-size: clamp(14px, 4vw, 16px); font-weight: 500; color: #000; line-height:26px; margin-bottom:15px;}
.tAB-contactSec .tAB-content a{display: inline-flex; align-items:center; background-color: #F93A5B; color: #fff; padding: 5px 20px 5px 5px; font-weight: bold; border-radius: 30px;text-decoration: none; font-size: 14px; transition: background-color 0.3s ease;}
.tAB-contactSec .tAB-content a:hover {background-color: #e1304d;}
.tAB-contactSec .tAB-content .tAB-contact-button-icon {background-color: #fff; border-radius: 50%; padding: 6px; display: inline-flex; align-items: center; justify-content: center; margin-right: 10px; width:36px; height:36px;}
.tAB-contactSec .tAB-contact-image{flex:0 0 auto;}
.tAB-contactSec .tAB-contact-image img{border-radius:142px 20px 20px 0;}
@media (width <= 900px) {
    .tAB-contactSec .tAB-contact-image{ display:none;}
}
@media (width <= 767px) {
    .tAB-contactSec .tAB-content p {font-size: 14px;}
    .tAB-contactSec .tAB-content{ padding:20px 15px;}
}
.tAB_Office .head-left{ margin-bottom:15px !important;}
.tAB_Office .office-wrp .top-row{flex-wrap:unset; justify-content:space-between;}
.tAB_Office .office-wrp .addressBox{ width:100%;}
.tAB_Office .office-wrp .top-row .mapBx{ min-width:400px;}
.tAB_Office .office-wrp .info-container .contactBox .contact-line a.mail {font-weight:400;}
@media (width <= 990px) {
    .tAB_Office .office-wrp .top-row .mapBx{ min-width:auto; width:56%;}
}
@media (width <= 767px) {
    .tAB_Office .office-wrp .top-row .mapBx{ display:none;}
    .office-wrp .info-container .contactBox .contact-line a{ font-size:16px;}
}
.tABtestimonial-slider, .sliderFive { display:none;}
.tABtestimonial-slider .slick-slide {padding: 0 12px; box-sizing: border-box;}
.tABtestimonial-slider .testimonial-card {border: 2px solid #F1F1F1; border-radius: 20px; box-sizing: border-box; padding: 40px 20px; height: 100%; background: #fff; overflow: hidden; position: relative;}
.tABtestimonial-slider .testimonial-quote-icon {width:32px; height:32px; margin-bottom: 15px;}
.tABtestimonial-slider .testimonial-text {font-size: 16px; font-style: italic; color: #3D3D3D; line-height: 26px; margin-bottom: 20px;}
.tABtestimonial-slider .testimonial-author {font-weight: 600; color: #000; font-size: 16px;}
.tABtestimonial-slider .slick-dots li button:before{width: 100%; height: 6px; background: #404040; content: ''; border-radius: 5px; top:8px;}
.tABtestimonial-slider .slick-dots li.slick-active {width: 100px;}
.tABtestimonial-slider .slick-dots li.slick-active button:before {width: 100%; height: 6px; background: #F93A5B;}
.tABtestimonial-slider .slick-dots li{ width:auto; width: 14px; height: 6px; margin:0 5px; transition:all 0.3s ease-in-out;}
.tABtestimonial-slider .slick-dots li button { width:100%;}
.tABtestimonial-slider.slick-initialized, .sliderFive.slick-initialized{ display:block;}
.tABtestimonial-slider .slick-list{margin:0 -12px;}
@media (width <= 767px) {
    .tABtestimonial-slider .testimonial-card{ padding:25px 15px;}
}
@media (width <= 600px) {
    .tABtestimonial-slider .testimonial-text {font-size: 14px; line-height:24px;}
}
.tAB-rating-box {background: url(../images/static-pages/bradford/rating-bg.webp) center/cover no-repeat; border-radius: 20px;padding: 60px 15px; text-align: center; overflow: hidden;}
.tAB-rating-box .head-inner { margin-bottom:15px;}
.tAB-rating-box .head-inner h2 { color:#fff; font-size: clamp(22px, 4vw, 28px);}
.tAB-rating-box .rating {  display: flex; justify-content:center; align-items: center; gap: 8px;  border-radius: 999px; font-size: 16px; font-weight: 600;text-decoration: none; transition: 0.3s ease;}
.tAB-rating-box .rating a{padding: 5px 15px; background:rgba(0,0,0,0.8); color:#FFEE00;     border-radius: 20px;}
@media (width <= 480px) {
}
/********************** KLARNA Page Start*************************/

.klarna_hero {background: #d5e9f5 url(../images/static-pages/klarna/header-bg.png) center center no-repeat; height: 450px;}
.klarna_hero .overlay{text-align:center;}
.klarna_hero .overlay h1{ font-size:clamp(28px, 4vw, 34px); font-weight:600; text-shadow:0 3px 6px rgba(0,0,0,0.16); color:#000;}
.klarna_hero .subtag {color: #000; font-size:18px; font-weight:600; display: inline-block; margin: 10px 0 30px 0; text-shadow:0 3px 6px rgba(0,0,0,0.16);}
.klarna_hero .btn-groups{display:flex; align-items:center; justify-content:center; gap:10px; margin-top:35px; padding-top:15px;}
.klarna_hero .btn-groups a{color:#348795; font-size:16px; font-weight:600; display: inline-block;  border-radius:30px; background:#fff; padding:8px 25px; border:1px solid #348795; box-shadow:0 3px 6px rgba(0,0,0,0.16); transition: all 0.3s ease;}
.klarna_hero .btn-groups a:hover{color:#FFF; background:#348795; border:1px solid #348795;}
.klarna_hero .btn-groups a img{ margin:-2px 5px 0 0;}
.klarna_hero .btn-groups a:hover img{ filter: brightness(0) invert(1);}
.klarna_hero .btn-groups a + a{color:#F93A5B; border:1px solid #F93A5B;}
.klarna_hero .btn-groups a + a:hover{background:#F93A5B;}
.hero-inner .payment-plan-container {text-align: center; max-width: 420px; margin: 0 auto;}
.hero-inner .payment-plan-container .steps {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px;}
.hero-inner .payment-plan-container .steps .step {background-color: #333; color: #fff; padding: 10px 5px; border-radius: 10px; min-width: 66px; position:relative;}
.hero-inner .payment-plan-container .steps .step:before{ content:''; position:absolute; height:3px; background:#333; width: 100%; top: 50%; z-index: -1; left: -100%; margin-top:-2px;}
.hero-inner .payment-plan-container .steps .step:first-child:before{ display:none;}
.hero-inner .payment-plan-container .steps .step .amount {font-weight: 600; font-size: 18px;}
.hero-inner .payment-plan-container .steps .step .label {font-size: 11px; color: #fff;}
.hero-inner .payment-plan-container .total .amount {font-weight: bold; color: #fff;}
.hero-inner .payment-plan-container .plus, .payment-plan-container .equal {font-size: 20px; font-weight: 600; width: 28px; height: 28px; border-radius: 50px; background: #333; color: #fff; line-height: 23px; border: 3px solid #d5e9f5; text-align: center;}
.hero-inner .payment-plan-container .tagline-wrp {width: 344px; margin: 0 auto; border: 1px solid #FFB3C7; border-top: 0px; border-radius: 0 0 20px 20px;}
.hero-inner .payment-plan-container .tagline-wrp .tagline {bottom: -18px; position:relative;display: inline-block; border:1px solid #ffb3c7; background-color: #d5e9f5; color: #000; padding: 9px 20px; border-radius: 25px; font-size: 14px; font-weight: 500;}
@media (width <= 1200px) {
    .klarna_hero {height: 410px; background-size: 95%;}
}
@media (width <= 600px){
    .klarna_hero h1 img{ width:72px;}
    .klarna_hero .subtag{ font-size:16px;}
    /*.klarna_hero .badges{ max-width:100%; justify-content:center; font-size: 15px; gap: 10px 20px;}*/
    .klarna_hero .btn-groups{ margin-top:20px;}
    .klarna_hero .btn-groups a{ font-size:13px; padding:8px 15px;}
}
@media (width <= 480px) {
    .hero-inner .payment-plan-container .steps{gap:5px;}
    .hero-inner .payment-plan-container .steps .step .label {font-size: 10px;}
    .hero-inner .payment-plan-container .steps .step {padding: 10px 2px; min-width: 50px;}
    .hero-inner .payment-plan-container .tagline-wrp{ width:280px;}
    .klarna_hero .btn-groups a img{ display:none;}
}
.aboutpoints{ margin-top:35px;}
.value-gridrow {display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; text-align: center;}
.value-gridrow > div {width: calc(33.33% - 15px); padding:20px; border: 2px solid #F1F1F1; border-radius: 20px; text-align:left; display:inline-flex; align-items:center; gap:0 10px;}
.value-gridrow .imgBx {max-height:55px;}
.value-gridrow p {font-size:16px; font-weight:400; color:#3D3D3D; line-height:26px;}
@media (width <= 991px) {
    .value-gridrow > div {width: calc(50% - 10px);}
}
@media (width <= 600px) {
    .value-gridrow{ gap:10px;}
    .value-gridrow > div {width: calc(50% - 5px); padding: 15px 8px; flex-direction: column; text-align: center; gap: 5px;}
    .value-gridrow p{ font-size:14px; line-height:24px;}
}
.klr-booking .booking-process{ margin:0px;}
.booking-process.withalign .process-step {display:flex; flex-wrap:wrap; align-content: space-between; gap:20px 0;}
.booking-process.withalign .btnbx{ text-align:center; width:100%;}
.booking-process.withalign .btnbx a{ color:#000; font-size:14px;}
.booking-process.withalign .btnbx a img{margin:-2px 4px 0 0;}
.klarna-info-box {display: flex; flex-wrap: wrap; background-color: #FFB3C7;border-radius: 20px; padding: 30px; justify-content: space-between; align-items: center; gap: 20px;}
.klarna-info-box .klarna-info-text {flex: 1 1 50%;}
.klarna-info-box .klarna-info-text .interest-badge{margin-left:30px; margin-top:15px;}
.klarna-info-box .klarna-info-text .interest-badge a{ color:#000; border-color:#000;}
.klarna-info-box .klarna-info-text .interest-badge a:hover{ color:#fff; border-color:#000;}
.klarna-info-box .klarna-logo {display: inline-block; margin: 0 5px;}
.klarna-info-box .klarna-points {list-style: none; padding: 0; margin: 0;}
.klarna-info-box .klarna-points li {display: flex; align-items: flex-start; margin-bottom: 10px;}
.klarna-info-box .klarna-points li p{ font-weight:400;}
.klarna-info-box .check-icon {min-width:20px; margin-right:10px;}
.klarna-info-box .klarna-info-image {flex: 1 1 43%; max-width: 430px;}
.klarna-info-box .klarna-info-image img {width: 100%; border-radius:0 100px 0 100px; object-fit: cover;}
@media (width <= 990px) {
    .klarna-info-box .klarna-info-text{flex:unset;}
}
@media (width <= 600px) {
    .klarna-info-box .klarna-points li p{ font-size:14px; line-height:24px;}
    .klarna-info-box .klarna-info-image{ flex:unset; max-width:100%; width:100%;}
    .klarna-info-box{ padding:20px 15px;}
    .klarna-info-box .klarna-info-image img{ border-radius:20px;}
}
.klarna-flight-wrapper {display: flex;flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 30px;}
.klarna-flight-wrapper .klarna-flight-text {flex: 1 1 55%;}
.klarna-flight-wrapper .klarna-flight-list {list-style: none;padding: 0; margin: 0;}
.klarna-flight-wrapper .klarna-flight-list li {display: flex; align-items: flex-start; margin-bottom: 10px;}
.klarna-flight-wrapper .klarna-flight-icon {min-width:20px; margin-right: 10px;}
.klarna-flight-wrapper .klarna-flight-logos {flex: 1 1 40%; border: 2px solid #F1F1F1; border-radius: 20px; padding: 20px;}
.klarna-flight-wrapper .klarna-logo-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 14px;}
.klarna-flight-wrapper .klarna-logo-item {background: #F9F9F9; border-radius: 20px; padding: 10px;text-align: center; display: flex; align-items: center; justify-content: center; min-height: 75px;}
.klarna-flight-wrapper .klarna-logo-item img {max-height: 34px; max-width: 100%; object-fit: contain;}
.klarna-flight-wrapper .klarna-more-text a{font-size: 14px; font-weight: 600; color: #333; text-decoration:underline;}
.klarna-flight-wrapper .klarna-more-text a:hover { text-decoration:none;}
@media (width <= 990px) {
    .klarna-flight-wrapper .klarna-flight-text, .klarna-flight-wrapper .klarna-flight-logos {flex: unset; width:100%;}
}
@media (width <= 600px) {
    .klarna-flight-wrapper .klarna-flight-list p{ font-size:14px; line-height:24px;}
    .klarna-flight-wrapper .klarna-flight-logos{padding:15px;}
}
.responsibleLending .tips-wrp{ margin-top:25px;}
.klr-route-wrap .klr-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(30%, 1fr)); gap: 20px;}
.klr-route-wrap .klr-card {border: 2px solid #F1F1F1; border-radius: 20px; overflow: hidden; transition: box-shadow 0.3s ease; padding: 20px;}
.klr-route-wrap .klr-card:hover {box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);}
.klr-route-wrap .klr-card img {width: 100%;height: 136px; object-fit: cover; border-radius:20px;}
.klr-route-wrap .klr-info {padding: 15px 0 0 0;}
.klr-route-wrap .klr-info h3 {font-size: 18px;margin: 0 0 10px;}
.klr-route-wrap .klr-info p {font-size: 16px; margin: 4px 0; display:flex; justify-content:space-between; align-items:center;}
.klr-route-wrap .klr-info span {min-width:80px;}
.klr-route-wrap p.klr-monthly{ color: #F93A5B; font-weight: 400;}
.klr-route-wrap .klr-monthly strong {font-weight: 600;}
@media (width <= 990px) {
    .klr-route-wrap .klr-grid {grid-template-columns: repeat(auto-fit, minmax(48%, 1fr)); gap: 20px;}
}
@media (width <= 767px) {
    .klr-route-wrap .klr-grid {gap: 15px;}
    .klr-route-wrap .klr-card{ padding:15px;}
}
@media (width <= 600px) {
    .klr-route-wrap .klr-info span {min-width: 70px;}
    .klr-route-wrap .klr-info h3{ font-size:16px;}
    .klr-route-wrap .klr-info p{ font-size:14px;}
    .klr-route-wrap .klr-card img{ border-radius:15px;}
}
@media (width <= 530px) {
    .klr-route-wrap .klr-grid {grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));}
}
.klrReadyBook .cta-options{max-width:100%;}
/********************** KLARNA Page End*************************/
/********************** Clearpay Page Start*************************/
.clearpayHero {background: linear-gradient(90deg,rgba(204, 234, 242, 1) 0%, rgba(132, 182, 199, 1) 100%); height: 450px;}
.clearpayHero .herobg {background: url(../images/static-pages/clearpay/clearpay_banner.svg) center center no-repeat; min-height:208px;}
.clearpayHero .overlay{text-align:center;}
.clearpayHero .overlay h1{ font-size:clamp(28px, 4vw, 34px); font-weight:600; text-shadow:0 3px 6px rgba(0,0,0,0.16); color:#000;}
.clearpayHero .subtag {color: #000; font-size:18px; font-weight:600; display: inline-block; margin: 10px 0 30px 0; text-shadow:0 3px 6px rgba(0,0,0,0.16);}
.clearpayHero .btn-groups{display:flex; align-items:center; justify-content:center; gap:10px; margin-top:35px; padding-top:15px;}
.clearpayHero .btn-groups a{color:#F93A5B; font-size:16px; font-weight:600; display: inline-block;  border-radius:30px; background:#fff; padding:8px 25px; border:1px solid #F93A5B; box-shadow:0 3px 6px rgba(0,0,0,0.16); transition: all 0.3s ease;}
.clearpayHero .btn-groups a:hover{color:#FFF; background:#F93A5B; border:1px solid #F93A5B;}
.clearpayHero .btn-groups a img{ margin:-2px 5px 0 0;}
.clearpayHero .btn-groups a:hover img{ filter: brightness(0) invert(1);}
.clearpayHero .btn-groups a + a{color:#348795; border:1px solid #348795;}
.clearpayHero .btn-groups a + a:hover{background:#348795; border:1px solid #348795;}
.clearpayHero .pay-plan {text-align: center; max-width: 482px; margin: 0 auto;}
.clearpayHero .pay-plan .steps {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px;}
.clearpayHero .pay-plan .steps .step {background-color:#B2FCE4; color: #000; border:1px solid #000; padding: 10px 5px; border-radius: 10px; width: 80px; position:relative;}
.clearpayHero .pay-plan .steps .step:before{ content:''; position:absolute; height:3px; background:#333; width: 100%; top: 50%; z-index: -1; left: -100%; margin-top:-2px;}
.clearpayHero .pay-plan .steps .step:first-child:before{ display:none;}
.clearpayHero .pay-plan .steps .step .amount {font-weight: 600; font-size: 18px;}
.clearpayHero .pay-plan .steps .step .label {font-size: 12px; color: #000; font-weight: 500;}
.clearpayHero .pay-plan .steps .step .label span{font-size: 11px; display:block;}
.clearpayHero .pay-plan .steps .step.total{ width:110px;}
.clearpayHero .pay-plan .plus, .clearpayHero .pay-plan .equal {font-size: 20px; font-weight: 600; width: 28px; height: 28px; border-radius: 50px; background: #fff; color: #000; line-height: 23px; border: 2px solid #000; text-align: center;}
@media (width <= 1200px) {
    .clearpayHero{ height:375px;}
    .clearpayHero .herobg {background-size: 95%;}
}
@media (width <= 600px){
    .clearpayHero h1 img{ max-width:23vw;}
    .clearpayHero .subtag{ font-size:16px;}
    .clearpayHero .btn-groups{ margin-top:20px;}
    .clearpayHero .btn-groups a{ font-size:13px; padding:8px 10px;}
}
@media (width <= 480px) {
    .hero-inner .pay-plan .steps{gap:3px; align-items:unset;}
    .hero-inner .pay-plan .steps .step .label {font-size: 10px;}
    .hero-inner .pay-plan .steps .step {padding: 10px 1px; min-width: 50px; max-width: 63px; width: 63px !important;}
    .clearpayHero .btn-groups a img{ display:none;}
    .clearpayHero .pay-plan .plus, .clearpayHero .pay-plan .equal{ width:20px; height:20px; line-height:14px; align-self:center;}
}
.clearpay_about { text-align:center;}
.clearpay_about .aboutpoint { margin-top:5px;}
.clearpay_about .aboutpoint .fourGridRow {display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; text-align: center;}
.clearpay_about .aboutpoint .fourGridRow  > div {width: calc(25% - 15px); padding:40px 20px; border-top: 5px solid #8CCABA; border-radius: 20px; display:inline-flex; align-items:center; gap:10px; flex-direction: column; box-shadow:0 10px 30px rgba(0,0,0,0.08);}
.clearpay_about .aboutpoint .fourGridRow  > div:nth-child(2) {border-color:#F4D04F;}
.clearpay_about .aboutpoint .fourGridRow  > div:nth-child(3) {border-color:#FD8F7B;}
.clearpay_about .aboutpoint .fourGridRow  > div:nth-child(4) {border-color:#F2A1EF;}
.clearpay_about .aboutpoint .fourGridRow  .imgBx {max-height:55px;}
.clearpay_about .aboutpoint .fourGridRow  h3 {font-size:18px; font-weight:600; color:#000; line-height:26px;}
.clearpay_about .aboutpoint .fourGridRow  p {font-size:14px; font-weight:400; color:#3D3D3D; line-height:24px;}
@media (width <= 991px) {
    .clearpay_about .aboutpoint .fourGridRow  > div {width: calc(50% - 10px);}
}
@media (width <= 600px) {
    .clearpay_about .aboutpoint .fourGridRow { gap:10px;}
    .clearpay_about .aboutpoint .fourGridRow  > div {width: calc(50% - 5px); padding: 15px 8px; flex-direction: column; text-align: center; gap: 5px;}
    .clearpay_about .aboutpoint .fourGridRow h3{ font-size:16px; line-height:24px;}
    .clearpay_about .aboutpoint .fourGridRow  p{ font-size:14px; line-height:24px;}
}
.clrPay-booking .booking-process{ margin:0px;}
.clrPay-booking .booking-process.fiveShow .process-step{ width:calc(20% - 16px); padding:30px 15px;}
.clrPay-booking .booking-process.fiveShow .process-step h3{ font-size:16px;}
.clrPay-booking .booking-process.fiveShow .process-step p{ font-size:14px;}
@media (width <= 991px) {
    .clrPay-booking .booking-process.fiveShow .process-step {width: calc(50% - 10px);}
}
@media (width <= 600px) {
    .clrPay-booking .booking-process.fiveShow .process-step {width: 100%; padding:25px 15px;}
}
.noteCenter14{ text-align:center; font-size:14px; margin:30px 0;}
.bg_clrPay_note{background:#F9F9F9; border-radius:10px; padding:18px 15px; text-align:center; margin:30px 0 0 0;}
.bg_clrPay_note h6{font-size:12px; color:#222; padding-bottom:5px;}
.bg_clrPay_note p{font-size:12px; color:#222; padding-bottom:5px;}
.bg_clrPay_note p:last-child{padding-bottom:0px;}
.bg_clrPay_note p a{color:#000;  text-decoration:underline;}
.bg_clrPay_note p a:hover{text-decoration:none;}
.clrPay-ctWrp .ct-box {border: 1px solid #FF746C; border-left:5px solid #FF746C; border-radius:20px; padding: 30px 15px; margin-bottom: 20px; box-shadow:0 10px 30px rgba(0,0,0,0.08);}
.clrPay-ctWrp .ct-box:last-child {margin-bottom: 0px;}
.clrPay-ctWrp .ct-box .ct-head {display: flex; align-items: center; gap: 12px; margin-bottom: 10px;}
.clrPay-ctWrp .ct-box .ct-head img {min-width: 42px; flex-shrink: 0;}
.clrPay-ctWrp .ct-box .ct-head .numbering {min-width: 42px; font-size:20px; font-weight:500; flex-shrink: 0; background:#FFE5EA; color:#F93A5B; height:42px; text-align:center; border-radius:10px; line-height:42px;}
.ct-head h4, .ct-head h3 {font-size: 16px;color: #000; font-weight:600; margin: 0; flex: 1;}
.ct-box p {font-size: 14px; color: #000; margin: 0; line-height: 24px;}
.ct-head p {font-size: 16px; color: #000; margin: 0; line-height: 24px;}
.ct-wrap-container.twoCol{ display: grid; grid-template-columns: repeat(auto-fit, minmax(40%, 1fr)); gap: 20px;}
.ct-wrap-container.twoCol .ct-box{border: 0px solid #FF746C; border-left:5px solid #FF746C; margin:0px;}
@media (width <= 600px) {
    .ct-wrap-container.twoCol {grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));}
}
.clrPay-route-wrap .clr-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(30%, 1fr)); gap: 20px;}
.clrPay-route-wrap .clr-card {border: 2px solid #F1F1F1; border-radius: 20px; overflow: hidden; transition: box-shadow 0.3s ease; padding: 20px; display: flex; flex-direction: column; gap: 20px 0; justify-content: space-between;}
.clrPay-route-wrap .clr-card:hover {box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);}
.clrPay-route-wrap .clr-card .crd-top > img {width: 100%;height: 136px; object-fit: cover; border-radius:20px;}
.clrPay-route-wrap .clr-info {padding: 15px 0 0 0;}
.clrPay-route-wrap .clr-info h3 {font-size: 18px;margin: 0 0 10px;}
.clrPay-route-wrap .clr-info .pricelogo {font-size: 16px; margin: 4px 0; display:flex; justify-content:space-between; align-items:center; padding-bottom:5px;}
.clrPay-route-wrap .clr-info span {font-size: 28px; font-weight: bold;}
.clrPay-route-wrap .cntent p{ color: #222; font-weight: 400; font-size: 14px; line-height:24px;}
.clrPay-route-wrap .crd-bottom{ border-top:1px solid #CFCFCF; padding-top:15px;}
.clrPay-route-wrap .cp-title {font-size: 15px; font-weight: 600; margin-bottom: 16px; color: #111;}
.clrPay-route-wrap .cp-row {display: flex; align-items: center; background: #f8f8f8; padding: 7px 12px; border-radius: 6px; margin-bottom: 8px;}
.clrPay-route-wrap .cp-row .cp-ico {min-width: 13px; margin-right: 10px;}
.clrPay-route-wrap .cp-row .cp-text {font-size: 14px; font-weight:500; color: #555555;}
.clrPay-route-wrap .cp-note {font-size: 13px; color: #333; margin-top: 12px;}
@media (width <= 990px) {
    .clrPay-route-wrap .clr-grid {grid-template-columns: repeat(auto-fit, minmax(48%, 1fr)); gap: 20px;}
}
@media (width <= 767px) {
    .clrPay-route-wrap .clr-grid {gap: 15px;}
    .clrPay-route-wrap .clr-card{ padding:15px;}
}
@media (width <= 600px) {
     .clrPay-route-wrap .clr-grid {grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));}
    .clrPay-route-wrap .clr-info span {min-width: 70px;}
    .clrPay-route-wrap .clr-info h3{ font-size:16px;}
    .clrPay-route-wrap .clr-info p{ font-size:14px;}
    .clrPay-route-wrap .clr-card img{ border-radius:15px;}
}
.airlinesClrpay{}
.flightAirline {display: flex;flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 30px; flex-direction:column;}
.flightAirline .Aflight-text {flex: 1 1 55%; text-align:center;}
.flightAirline .Aflight-text p{ font-size:14px; color:#222; line-height:24px; margin-bottom:8px;}
.flightAirline .Aflight-icon {min-width:20px; margin-right: 10px;}
.flightAirline .Aflight-logos {flex: 1 1 40%; width:100%;}
.flightAirline .Alogo-grid {display:grid; grid-template-columns: repeat(auto-fit, minmax(15%, 1fr)); gap: 14px;}
.flightAirline .Alogo-item {background: #F9F9F9; border-radius: 20px; padding: 10px;text-align: center; display: flex; align-items: center; justify-content: center; min-height: 75px;}
.flightAirline .Alogo-item img {max-height: 34px; max-width: 100%; object-fit: contain;}
.flightAirline .Amore-text a{font-size: 14px; font-weight: 600; color: #333; text-decoration:underline;}
.flightAirline .Amore-text a:hover { text-decoration:none;}
@media (width <= 990px) {
    .flightAirline .Aflight-text, .flightAirline .Aflight-logos {flex: unset; width:100%;}
    .flightAirline .Alogo-grid{grid-template-columns: repeat(auto-fit, minmax(22%, 1fr));}
}
@media (width <= 600px) {
    .flightAirline .Aflight-list p{ font-size:14px; line-height:24px;}
    .flightAirline .Aflight-logos{padding:15px;}
    .flightAirline .Alogo-grid{grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));}
    .flightAirline{gap:10px;}
}
#faqMoreBtn {width: 100%; background: none; border : 1px solid #000; border-radius: 10px; font-size: 14px; font-weight: 600; color: #000; padding: 9px 15px;}
#faqMoreBtn:hover{ background:#f7f7f7;}
/********************** Clearpay Page End*************************/
/***********Manchester to Bangkok Page New START************/
.mtb-hero{ background:url(../images/static-pages/manchester-bangkok/banner-bangkok-manchester.webp) center/ cover no-repeat; margin-bottom:0px;}
.mtb-hero .overlay{text-align:center;}
.mtb-hero .overlay h1{ font-size:clamp(27px, 4vw, 34px); font-weight:600; text-shadow:0 3px 6px rgba(0,0,0,0.16);}
.mtb-hero .subtag {color: #fff; font-size:16px; font-weight:500; display: inline-block; margin: 10px 0 30px 0; text-shadow:0 3px 6px rgba(0,0,0,0.16);}
.mtb-hero .badges{ display:flex; align-items:center; justify-content:center; gap:10px 30px; padding:0px; flex-wrap:wrap;}
.mtb-hero .badges li{ display:block; text-align:center;}
.mtb-hero .badges li span{ display:block; margin-top:8px;}
.mtb-hero .btn-groups{display:flex; align-items:center; justify-content:center; gap:10px; margin-top:10px;}
.mtb-hero .btn-groups a{color:#F93A5B; font-size:16px; font-weight:600; display: inline-block;  border-radius:30px; background:#fff; padding:8px 25px; border:1px solid #F93A5B; box-shadow:0 3px 6px rgba(0,0,0,0.16); transition: all 0.3s ease;}
.mtb-hero .btn-groups a:hover{color:#FFF; background:#F93A5B; border:1px solid #F93A5B;}
.mtb-hero .btn-groups a + a{color:#348795; border:1px solid #348795;}
.mtb-hero .btn-groups a + a:hover{background:#348795; border:1px solid #348795;}
.mtb-hero .trustBox{text-align:center; position: relative; max-width: 450px; margin:0 auto; margin-top: 70px; padding:8px; overflow: hidden; background: rgba(255, 255, 255, 1.5); backdrop-filter: blur(.5); border: 1px solid rgba(255, 255, 255, 1.5); border-radius: 10px;}
@media (width <= 600px){
    .mtb-hero .subtag{ font-size:16px;}
    .mtb-hero .badges{ max-width:100%; justify-content:center; font-size: 15px; gap: 10px 20px;}
    .mtb-hero .btn-groups{ margin-top:5px;}
    .mtb-hero .btn-groups a{ font-size:13px; padding:8px 15px;}
    .mtb-hero .trustBox{ margin-top:20px;}
}
.mtb-usp{ float:unset;}
.fiveFlights { margin-top:5px;}
.fiveFlights .gridRow {display: flex; gap: 20px; justify-content: center; text-align: center;}
.fiveFlights .gridRow  > div {min-width:180px; width:100%; padding:40px 20px; border-top: 5px solid #8CCABA; border-radius: 20px; display:inline-flex; align-items:center; gap:10px; flex-direction: column; box-shadow:0 10px 30px rgba(0,0,0,0.08);}
.fiveFlights .gridRow  > div:nth-child(2) {border-color:#F4D04F;}
.fiveFlights .gridRow  > div:nth-child(3) {border-color:#FD8F7B;}
.fiveFlights .gridRow  > div:nth-child(4) {border-color:#F2A1EF;}
.fiveFlights .gridRow  > div:nth-child(5) {border-color:#7499E3;}
.fiveFlights .gridRow  .imgBx {max-height:55px; margin-bottom:10px;}
.fiveFlights .gridRow  h3 {font-size:18px; font-weight:600; color:#000; line-height:26px; margin-bottom:0px;}
.fiveFlights .gridRow  p {font-size:16px; font-weight:400; color:#3D3D3D; line-height:24px;}
@media (width <= 991px) {
    .fiveFlights .gridRow{ flex-wrap:wrap;}
    .fiveFlights .gridRow > div {width: calc(33.33% - 14px);}
    .fiveFlights.ifFour .gridRow > div {width: calc(50% - 10px);}
}
@media (width <= 800px) {
    .fiveFlights .gridRow > div {width: calc(50% - 10px);}
}
@media (width <= 600px) {
    .fiveFlights .gridRow { gap:15px;}
    .fiveFlights .gridRow  > div {width: 100%; padding: 15px 8px; flex-direction: column; text-align: center; gap: 5px;}
    .fiveFlights .gridRow h3{ font-size:18px; line-height:24px;}
    .fiveFlights .gridRow  p{ font-size:16px; line-height:24px;}
    .fiveFlights.ifFour .gridRow > div {width:100%;}
}
.fiveFlights { margin-top:5px;}
.fiveFlights .fiveBoxs {}
.fiveFlights .fiveBoxs .slick-slide > div {width:100%; padding:40px 20px; border:2px solid #f1f1f1; text-align:center; border-top: 5px solid #f1f1f1;  border-radius: 20px; display:inline-flex; align-items:center; gap:10px; flex-direction: column; height:100%;}
.fiveFlights .fiveBoxs  .imgBx {max-height:55px; margin:0 auto; margin-bottom:10px;}
.fiveFlights .fiveBoxs  h3 {font-size:18px; font-weight:600; color:#000; line-height:26px; margin-bottom:0px;}
.fiveFlights .fiveBoxs  p {font-size:16px; font-weight:400; color:#3D3D3D; line-height:24px;}
.fiveFlights .fiveBoxs .slick-list{ margin:0 -12px;}
.fiveFlights .fiveBoxs .slick-slide{ margin:0 12px;}
.arrowEnable .slick-next, .arrowEnable .slick-prev{ border-radius:50%; box-shadow:0 0 10px rgba(0,0,0,0.36); width:40px; height:40px; background:#fff; z-index:4;}
.arrowEnable .slick-next.slick-disabled, .arrowEnable .slick-prev.slick-disabled{ cursor:default; opacity:0.4;}
.arrowEnable .slick-next img, .arrowEnable .slick-prev img{position: absolute; margin: 0 auto; text-align: center; width: 8px; left: 0; right: 0; top: 50%; transform: translateY(-50%); }
@media (width <= 767px) {
    .arrowEnable .slick-next, .arrowEnable .slick-prev{ display:none !important;}
    .arrowEnable .slick-dots li button:before{ font-size:20px !important;}
}
@media (width <= 600px) {
    .fiveFlights .fiveBoxs  .slick-slide > div {width: 100%; padding: 15px 8px; flex-direction: column; text-align: center; gap: 5px;}
    .fiveFlights .fiveBoxs h3{ font-size:18px; line-height:24px;}
    .fiveFlights .fiveBoxs  p{ font-size:16px; line-height:24px;}
}
.deals-class {display: grid; grid-template-columns: repeat(auto-fit, minmax(232px, 1fr)); gap: 20px;}
.deals-class .deal-card {border: 1px solid #CFCFCF; border-radius: 10px; padding:20px 15px; display: flex; flex-direction: column; justify-content: space-between; background: #fff;}
.deals-class .deal-card .fdetails + .fdetails{ border-top:1px solid #CFCFCF; padding-top:20px; margin-top:10px;}
.deals-class .deal-card .airline {display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 400; margin-bottom: 10px; color:#000;}
.deals-class .deal-card .airline img {width: 22px; height: 22px; object-fit: contain;}
.deals-class .deal-card .route {font-weight: 500;font-size: 14px; margin: 8px 0 0px; letter-spacing: -.035rem;}
.deals-class .deal-card .date {font-size: 14px; color: #848484; margin-bottom: 12px;}
.deals-class .deal-card .class {font-size: 14px; color:#000; border-top:1px solid #CFCFCF; padding-top:20px; margin-top:10px;}
.deals-class .deal-card .price {font-size: 28px; font-weight: bold; margin-bottom: 12px;}
.deals-class .deal-card .price span {color: #FF3D66; font-size: 14px; font-weight:400; margin-right: 5px;}
.deals-class .deal-card .buttons {display: flex; gap: 10px; margin-top: auto;}
.chatCallBtns{ display:flex; justify-content:space-between; gap:10px;}
.chatCallBtns a, .chatCallBtns button{ font-size:13px; font-weight:600; text-align:center; border-radius:6px; padding:8px 10px; border:2px solid #fff; text-decoration:none; width:100%; transition:all 0.2s ease-in-out;}
.chatCallBtns .chatbtn{border-color:#000; color:#000; background:#fff;}
.chatCallBtns .chatbtn:hover{background:#000; color:#fff;}
.chatCallBtns .callbtn{border-color:#FF3D66; color:#fff; background:#FF3D66;}
.chatCallBtns .callbtn:hover{background:#fff; color:#FF3D66;}
@media (max-width: 767px) {
    .deals-class{grid-template-columns: 1fr;}
}
.cabin {display: grid; grid-template-columns: repeat(auto-fit, minmax(22%, 1fr)); gap: 20px;}
.cabin-card {background: #fff; border-radius: 20px; overflow: hidden; box-shadow: inset 0 0px 0px 1px #E1E1E1; transition: transform 0.3s ease;}
.cabin-card:hover {transform: translateY(-5px);}
.cabin-card img {width: 100%; height: 178px; object-fit: cover; border-top-left-radius: 20px; border-top-right-radius:20px;}
.cabin-content {padding: 15px;}
.cabin-content h3 {margin: 0 0 8px; font-size: 18px; font-weight: 500;}
.cabin-content p {margin: 0; color: #555; font-size: 16px; line-height: 1.5;}
@media (max-width: 768px) {
    .cabin-card img {height: 140px;}
    .cabin-content h3 {font-size: 16px;}
}
@media (max-width: 767px) {
    .cabin {grid-template-columns: 1fr;}
}
@media (max-width: 480px) {
    .cabin {grid-template-columns: 1fr;}
    .cabin-card img {height: 130px;}
}
.mtb-cta .cta-Box{ background:#FFF6F6; border-radius:20px; padding:30px 15px; text-align:center;}
.redbgBtn{ background:#F93A5B; border:2px solid #F93A5B; border-radius:80px; padding:10px 25px; transition:all 0.3s ease-in-out; color:#fff; font-weight:600; font-size:16px; display:inline-block;}
.redbgBtn:hover{ background:#fff; color:#F93A5B;}
.blueBtn{ background:#4A4AF4; border:2px solid #4A4AF4; border-radius:80px; padding:10px 25px; transition:all 0.3s ease-in-out; color:#fff; font-weight:600; font-size:16px; display:inline-block;}
.blueBtn:hover{ background:#fff; color:#4A4AF4;}
.highlight-red{ color:#F93A5B;}
.tABtestimonial-slider .review-card {border: 0px solid #F1F1F1; border-left: 5px solid #FF746C; border-radius: 20px; box-sizing: border-box; padding: 40px 20px; height:calc(100% - 40px); margin: 20px 0; background: #fff; overflow: hidden; position: relative; box-shadow:0 0px 18px rgba(0,0,0,0.08);}
.tABtestimonial-slider .review-card .card-header{ background:none; padding:0; border:0px;}
.tABtestimonial-slider .review-card .card-header img {height: 20px;}
.tABtestimonial-slider .review-card .card-body {font-size: 14px; margin: 15px 0 0 0; flex-grow: 1; color: #626262; line-height:26px; padding: 0;}
.tABtestimonial-slider .review-card .card-footer {text-align: left; font-size: 14px; margin-top: 20px; padding:0; border:0; background:none;}
.tABtestimonial-slider .review-card .card-footer .user-name {font-weight: 500; font-size:18px; margin-bottom: 5px;}
.tABtestimonial-slider .review-card .card-footer .loctaionUser {color: #626262;}
.star-rating {display: inline-flex; gap:0px; font-size: 26px; color: #FFCB45; /* Gold color */ line-height: 16px;}
.star-rating .star {cursor: default;}
@media (max-width: 767px) {
    .tABtestimonial-slider .review-card{ padding:25px 15px;}
}
/***********Manchester to Bangkok Page New End************/
/***********Affirm Page New Start************/
.affirmHero {background: #E6E6FC; height: 420px;}
.affirmHero .herobg {background: url(../images/static-pages/affirm/affim_bg.png) center center no-repeat; min-height: 250px; padding-top: 0px;}
.affirmHero .herobg h1 img{margin-top:-25px;}
.affirmHero .overlay h1{font-size:clamp(26px, 4vw, 34px);}
.affirmHero .payterm{margin-bottom:10px; color:#000;}
.affirmHero .badges{
    display: inline-flex;
    justify-content: center;
    gap: 0 15px;
    background: rgb(119 255 193 / 10%);
    color: #000000;
    padding: 5px 15px;
    border-radius: 50px;
    border: 1px solid rgb(0 71 28 / 15%);
    backdrop-filter: blur(5px);
    font-weight: 500;
    margin-bottom:20px;
}
.affirmHero .herobg .btn-groups{ margin-top:0px;}
.affirmHero .herobg .btn-groups a.blueBtn{ background:#4A4AF4; border:2px solid #4A4AF4; border-radius:80px; padding:10px 25px; transition:all 0.3s ease-in-out; color:#fff; font-weight:600; font-size:16px; display:inline-block;}
.affirmHero .herobg .btn-groups a.blueBtn:hover{ background:#fff; color:#4A4AF4;}
@media (width <= 767px) {
    .affirmHero{ height:400px}
    .affirmHero .herobg{ background-size:95%;}
    .affirmHero .herobg h1 img{max-height:42px;}
}
@media (width <= 480px) {
    .affirmHero .herobg h1 img{ min-height:42px; min-width:102px;}
}
.tag{ background:#EFEFEF; padding:5px 15px; border-radius:50px; font-size:14px;}
.tag.green{ background:#53BF9D; color:#fff;}
.tag.purple{ background:#BD4291; color:#fff;}
.affirmRoute .pricelogo img{ margin-top:-8px; border-radius:0px;}
.affirmRoute .clr-info hr{margin: 5px 0 10px 0;}
.affirmCTA .cta-options{ max-width:100%;}
.affirmCTA .cta-options h6{ margin:0px;}
@media (width <= 600px) {
    .affirmCTA .cta-options h6{ margin-bottom:15px;}
    .affirmHero .badges { border-radius:10px;}
    .affirmHero .badges li span{ display:block; font-size:14px;}
}
/***********Affirm Page New End************/
.font14{ font-size:14px !important;}
.font14.medium{ font-weight:500 !important;}
.font16{ font-size:16px !important;}
@media (width <= 600px) {
    .font16{ font-size:14px !important;}
}
.dividerBtnBox {text-align: center;margin: 20px 0; position: relative;}
.dividerBtnBox::before, .dividerBtnBox::after {content: ""; position: absolute; top: 50%; width: 50%; height: 1px; background: #e9e9e9;}
.dividerBtnBox::before {left: 0;}
.dividerBtnBox::after {right: 0;}
.divider-btn {background: #F93A5B; color: #fff; font-weight: 600; padding: 8px 15px 8px 20px; border-radius: 999px;  border: 1px solid #F93A5B; font-size: 16px; display: inline-block; position: relative; z-index: 1;  text-decoration: none; transition:all 0.2s ease-in-out;}
.divider-btn:hover{background: #fff; color: #F93A5B;}
.divider-btn i{padding-left: 6px; font-size: 18px; font-weight: 900;}
/***********Book Now Pay Later Page START************/
.bnpl-hero{ background:url(../images/static-pages/bnpl/bnpl-hero.webp) center/ cover no-repeat; margin-bottom:0px; height:500px;}
.bnpl-hero .overlay{text-align:center; margin-top:40px;}
.bnpl-hero .overlay h1{ font-size:clamp(27px, 4vw, 34px); font-weight:600; text-shadow:0 3px 6px rgba(0,0,0,0.16);}
.bnpl-hero .subtag {color: #fff; font-size:16px; font-weight:500; display: inline-block; margin: 10px 0 20px 0; text-shadow:0 3px 6px rgba(0,0,0,0.16);}
.bnpl-hero .badges{ display:flex; align-items:center; justify-content:center; gap:10px 30px; padding:0px; flex-wrap:wrap;}
.bnpl-hero .badges li{ display:block; text-align:center;}
.bnpl-hero .badges li span{ display:block; margin-top:8px;}
.bnpl-hero .btn-groups{display:flex; align-items:center; justify-content:center; gap:10px; margin-top:10px;}
.bnpl-hero .btn-groups a{color:#F93A5B; font-size:16px; font-weight:600; display: inline-block;  border-radius:30px; background:#fff; padding:8px 25px; border:1px solid #F93A5B; box-shadow:0 3px 6px rgba(0,0,0,0.16); transition: all 0.3s ease;}
.bnpl-hero .btn-groups a:hover{color:#FFF; background:#F93A5B; border:1px solid #F93A5B;}
.bnpl-hero .btn-groups a + a{color:#348795; border:1px solid #348795;}
.bnpl-hero .btn-groups a + a:hover{background:#348795; border:1px solid #348795;}
.bnpl-hero .trustBox{text-align:center; position: relative; max-width: 450px; margin:0 auto; margin-top:100px; padding:8px; overflow: hidden; background: rgba(255, 255, 255, 1.5); backdrop-filter: blur(.5); border: 1px solid rgba(255, 255, 255, 1.5); border-radius: 10px;}
@media (width <= 600px){
    .bnpl-hero{ height:400px;}
    .bnpl-hero .overlay{ margin-top:15px;}
    .bnpl-hero .subtag{ font-size:16px;}
    .bnpl-hero .badges{ max-width:100%; justify-content:center; font-size: 15px; gap: 10px 20px;}
    .bnpl-hero .btn-groups{ margin-top:5px;}
    .bnpl-hero .btn-groups a{ font-size:13px; padding:8px 15px;}
    .bnpl-hero .trustBox{ margin-top:70px;}
}
.lftTextRitImg {display: flex; flex-wrap: wrap; background-color: #FFF;border-radius: 20px; padding: 20px; box-shadow:0 0 6px rgba(0,0,0,0.16); justify-content: space-between; align-items: center; gap: 20px;}
.lftTextRitImg .info-text {flex: 1 1 50%;}
.lftTextRitImg .info-text .interest-badge{margin-left:30px; margin-top:15px;}
.lftTextRitImg .info-text .interest-badge a{ color:#000; border-color:#000;}
.lftTextRitImg .info-text .interest-badge a:hover{ color:#fff; border-color:#000;}
.lftTextRitImg .content-points {list-style: none; padding: 0; margin: 0;}
.lftTextRitImg .content-points li {display: flex; align-items: flex-start; margin-bottom: 10px;}
.lftTextRitImg .content-points li p{ font-weight:400; font-size:15px;}
.lftTextRitImg .check-icon {min-width:20px; margin-right:10px;}
.lftTextRitImg .info-image {flex: 1 1 43%; max-width: 430px;}
.lftTextRitImg .info-image img {width: 100%; border-radius:20px; object-fit: cover;}
@media (width <= 990px) {
    .lftTextRitImg .info-text{flex:unset;}
}
@media (width <= 600px) {
    .lftTextRitImg .content-points li p{ font-size:14px; line-height:24px;}
    .lftTextRitImg .info-image{ flex:unset; max-width:100%; width:100%;}
    .lftTextRitImg{ padding:20px 15px;}
    .lftTextRitImg .info-image img{ border-radius:20px;}
}
/***********Book Now Pay Later Page End************/
/***********Book Flights with Paypal Page Start************/
.paypal-hero{ background:url(../images/static-pages/paypal-flight/paypal-hero.webp) center/ cover no-repeat; margin-bottom:0px;}
.eight-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(225px, 1fr)); gap: 20px;}
.eight-grid .eight-card {background-color: #fff; border: 2px solid #F1F1F1; border-radius: 20px; padding: 40px 20px; text-align: center; transition: transform 0.3s ease;}
.eight-grid .eight-card:hover { transform: translateY(-4px);}
.eight-grid .eight-card .eight-icon {height: 53px; margin-bottom: 16px;}
.eight-grid .eight-card .eight-title {font-size: 18px; font-weight: 500; margin-bottom: 12px; color: #000;}
.eight-grid .eight-card .eight-text {font-size: 16px; color: #3d3d3d; line-height: 26px;}
.eight-grid .eight-card {background-color: #fff; border: 0px; border-top: 5px solid #8CCABA; box-shadow:0 10px 30px rgba(0,0,0,0.08);}
.eight-grid .eight-card:nth-child(2) {border-color:#F4D04F;}
.eight-grid .eight-card:nth-child(3) {border-color:#FD8F7B;}
.eight-grid .eight-card:nth-child(4) {border-color:#F2A1EF;}
.eight-grid .eight-card:nth-child(5) {border-color:#C5B485;}
.eight-grid .eight-card:nth-child(6) {border-color:#82D2D8;}
.eight-grid .eight-card:nth-child(7) {border-color:#7499E3;}
.eight-grid .eight-card:nth-child(8) {border-color:#C68F8F;}
@media (width <= 991px) {
    .eight-grid {grid-template-columns: repeat(auto-fit, minmax(308px, 1fr));}
}
@media (width <= 767px) {
    .eight-grid {
        grid-template-columns: repeat(auto-fit, minmax(275px, 1fr));
    }
}
@media (width <= 600px) {
    .eight-grid{ gap:15px; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));}
    .eight-grid .eight-card {padding: 30px 15px;}
    .eight-grid .eight-card .eight-title {font-size: 18px;}
    .eight-grid .eight-card .eight-text {font-size: 14px; line-height:24px;}
}
/***********Book Flights with Paypal Page End************/
.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:#fe385c; 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:#fe385c; }
.heroBannerInner .banner-content .btn-groups a:hover img{filter:brightness(0) invert(1); }
.heroBannerInner .banner-content .btn-groups a + a{  background:#fe385c;  color:#fff;}
.heroBannerInner .banner-content .btn-groups a + a:hover{background:#fff; border:2px solid #fff; color:#fe385c;}
.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: #fe385c; 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: #fe385c; 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; display:inline-block; margin:10px 0; border: none; border-radius: 6px; font-size: 16px; background-color:#fe385c; border:2px solid #fe385c; 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: #fe385c;}


.resortTabs{}
.resorts {overflow: hidden;}
.resortsTabs {display: flex; justify-content: center; gap: 10px; margin-bottom:24px;}
.resortsTab {padding: 8px 20px; 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: #fe385c; 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 rgb(250 40 40 / 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:#fe385c;}
.resortsBtn {padding: 8px 20px; display:inline-block; margin:25px 0 10px 0; border: none; border-radius: 6px; font-size: 16px; background-color:#fe385c; border:2px solid #fe385c; color: #fff; font-weight: 400; cursor: pointer; transition: all 0.3s ease;}
.resortsBtn:hover {background-color:#fff; color: #fe385c;}
@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: #ffe9e9; 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: #fe385c; border: 2px solid #fe385c; border-radius: 99px; text-decoration: none; transition: all 0.3s ease; background-color: #fff;}
.CtaCallBox__callBtn:hover {background-color: #fe385c; 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 #fe385c; border-radius: 99px; transition: all 0.3s ease; background-color: #fe385c;}
.CtaCallBox__callBtnFill:hover {background-color: #fff; color: #fe385c;}
@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: #fe385c; 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:#fe385c; 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: #fe385c; 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: #fe385c; 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:#fe385c; 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 #fe385c; transition: all 0.3s ease;}
.heroBannerInner .banner-content .btn-single a:hover{background:#fe385c; 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 #fe385c; 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: #fe385c; 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: #ffe9e9; 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 #fe385c;  border-radius: 40px; color: #fe385c; 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: #ff97a0; 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 **********************/