@import url('https://fonts.googleapis.com/css2?family=Bonheur+Royale&display=swap');

.singlePkg>.col-4 { padding-left: 0; padding-right: 20px;  }
.singlePkg>.col-4 div, .singlePkg>.col-4 div .slick-slide img { height: 100%; object-fit: cover; }
.pkgNewBanner { background: url(https://www.sastaticket.pk/wp-content/uploads/2024/10/tour-package-new-banner.webp) center top no-repeat; background-size: cover; }
.pkgNewBanner .row.align-items-center { min-height: 165px; }
.pkgNewBanner h1 { padding: 0; margin: 0; font-family: 'Bonheur Royale', cursive; font-size: 70px; color: white; }
.packageFilter { border-radius: 8px; }
.packageFilter h4 { font: normal 600 14px / 24px 'Mulish'; color: #08437D; margin: 0 0 4px 0; }
.packageFilter .budgetArea { padding-bottom: 0; margin-bottom: 20px; border-bottom: 0px solid #F0F0F0; }
.cus-style-chex label.custom-control-label { line-height: 20px; }
.packageFilter .custom-control-label::before, .packageFilter .custom-control-label::after { border-color: #8C8C8C;}
.packageFilter .custom-checkbox .custom-control-input:checked~.custom-control-label::after { top: 5px !important;}
.packageFilter .custom-control.cus-style-chex.custom-checkbox { margin-bottom: 4px; }
.packageDtlSec { margin: 30px 0 0 0; }
.singlePkg .starRating { margin: 0; }
.singlePkg>.col-3 *, .singlePkg>.col-5 * { height: auto; }
.singlePkg>.col-3 { border-left: 1px solid #D9D9D9; }
.singlePkg .pkrInfo { padding: 15px 0; }
.singlePkg .pkgImg img { border-radius: 8px 0 0 8px; }
.singlePkg .pkrInfo h3 { margin: 0; font: normal 600 24px / 28px 'Mulish'; color: #333333; }
.singlePkg .starRating .package {font: normal 500 10px / 18px 'Mulish'; color: #0A549C; }
.singlePkg .priceBtnSec ul { flex-direction: column; padding-right: 32px; }
.singlePkg .priceBtnSec ul li { text-align: right; margin-left: auto; }
.singlePkg .priceBtnSec ul li h6 { font: normal 400 13px / 12px 'Mulish'; color: #FF3366; }
.singlePkg .priceBtnSec ul li h4 { font: normal 600 20px / 28px 'Mulish'; }
.singlePkg .priceBtnSec ul li h4 strong { font-weight: 600; }
.singlePkg .priceBtnSec ul li h4 span { font: normal 400 13px / 15px 'Mulish'; color: #757575; display: block; }
.singlePkg .priceBtnSec ul li h4 span>b { font-weight: 400; }
.singlePkg .slick-prev img, .singlePkg .slick-next img { border-radius: 4px; }
.starRating h5 { font: normal 500 12px/28px 'Mulish'; color: #505050; padding: 0; margin: 0; display: flex; justify-content: flex-start; align-items: center; }
.starRating h5 img { margin-right: 6px; }
.starRating h6 { font: normal 400 11px/28px 'Mulish'; color: #505050; padding: 0; margin: 0; display: flex; justify-content: flex-start; align-items: center; }
.starRating h6 img { margin-right: 6px; }
.starRating p { font: normal 400 10px/18px 'Mulish'; color: #595959; padding: 0; margin: 0; }
.starRating p strong { font-size: 11px; line-height: 15px; color: #262626; display: block; font-weight: 400; font-family: 'Mulish'; }
.starRating p span {font: normal 400 12px/18px 'Mulish'; color: #00A442;  }
.packageBanner a { background-color: #F4FFF5; border: 1px solid #47C758;  color: #595959; font: normal 500 13px/24px 'Mulish';     max-width: 185px; min-width: 185px; }
.packageBanner a + a { border-color: white; max-width: 210px; min-width: 210px; margin-left: 12px; }
.singlePkg .priceBtnSec ul li a { background-color: #0466C8; border-color: #0466C8;  padding-left: 0; padding-right: 0; width: 115px; min-width: inherit; text-align: center; margin-top: 6px; font: normal 400 16px / 24px 'Mulish'; }
.singlePkg .priceBtnSec ul li a:hover { color: #0466C8; }
.formPopUp { width: 514px; flex-direction: column; }
.formPopUp .rightWhiteBg { padding: 0 32px 50px 32px; border-radius: 12px; width: auto; }
.popupThankBan { background: url(https://www.sastaticket.pk/wp-content/uploads/2024/10/popup-thank-you.png) center top no-repeat; height: 96px; border-radius: 12px 12px 0 0;  }
.popupThankBan.packages_formimage { background-position:center center;background-repeat:  no-repeat;background-size: cover;height: 96px}
.popupThankBan.thankyou_bgimage { background-position:center center;background-repeat: no-repeat;background-size: cover;height: 96px}
.formPopUp .rightWhiteBg h3 { font: normal 600 22px/32px 'Mulish'; color: #08437D; margin: 21px 0 6px 0; }
.formPopUp .rightWhiteBg p { margin: 0; font: normal 400 16px / 32px 'Mulish'; }
.formPopUp .field.phone span { top: inherit; bottom: 13px; color: #a5a5a5; }
.formPopUp .field.phone span.active { color: black; }
.formPopUp .field input, .formPopUp .field select { border: 1px solid #BFBFBF; border-radius: 8px; height: 50px; font-family: 'Mulish'; }
.formPopUp .field input::placeholder { color: #a5a5a5; }
.formPopUp .submitBtn.field button { height: 50px; background-color: #0466C8; border-radius: 4px; outline: none; }
.formPopUp .submitBtn.field { margin: 19px 0 0 0; }
.popupForm .alert.alert-danger.display-error_popup { margin: 0; }
.thankYouPopup {width: 514px;height: 275px;position: fixed;z-index: 102;background: white;border-radius: 12px;left: 0;right: 0;top: 0;bottom: 0;margin: auto;transition: transform 0.3s ease 0.5s, opacity 0.3s ease 0.5s;transform: translateY(-50px);opacity: 0;visibility: hidden; text-align: center; }
.thankYouPopup .bannerImg {background: url(https://www.sastaticket.pk/wp-content/uploads/2024/10/popup-thank-you.png) center top no-repeat;height: 96px;border-radius: 12px 12px 0 0;}
.thankYouPopup .bannerImg {background: url(https://www.sastaticket.pk/wp-content/uploads/Highland-2.jpg) center center no-repeat;background-size: cover;}
.thankYouPopup .thanksInfo { padding: 0 70px; }
.thankYouPopup .thanksInfo p { padding: 27px 0; margin: 0; font: normal 400 16px/22px 'Mulish'; color: #595959;  }
.thankYouPopup a#closePopupForm { width: 170px; background-color: #0466C7; text-align: center; color: white; border-radius: 4px; font: normal 600 16px/50px 'Mulish'; text-decoration: none; }
.thankYouPopup.active { transform: translateY(0px); opacity: 1; visibility: visible; }
.packageWhatsapp, .mobFilter {display: none; }
.singlePkg .priceBtnSec ul li .packageWhatsapp a { background-color: #F4FFF5; border: 1px solid #008612; color: #008612; font: normal 400 11px/24px 'Mulish'; padding-left: 12px; padding-right: 12px; border-radius: 12px; width: auto; }
.singlePkg .priceBtnSec ul li .packageWhatsapp a img { margin-right: 4px; }
.packageFilter>h3, .mobFilterBtnArea { display: none; }
.packageFilter>h3 { font: normal 400 14px / 24px 'Mulish'; text-align: center; padding-bottom: 15px; }
.popupOrsec {text-align: center;padding: 0 0px;}
.popupOrsec h6 { margin: 30px 0 8px 0; border-top: 1px solid #e1e1e1; padding: 0; height: 1px; }
.popupOrsec h6 span { display: inline-block; background-color: white; font: normal 400 16px/24px 'Mulish'; color: #b8b8b8; top: -14px; position: relative; padding: 0px 15px; }
.formPopUp .rightWhiteBg .popupOrsec p { font-family: 'mulish'; font-size: 13px; font-weight: 400; color: #5c5c5c; margin-bottom: 10px; }
.popupOrsec a { background: #f4fff5; border: 1px solid #47c758; padding: 6px 18px; border-radius: 12px; color: #005f0d; font-size: 12px; font-family: mulish; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
a.filterPopupBack { display: none; }
.bakuhotelstarRating {display: block;font-size: 16px; color: gray;}
.pkgSev h6 { position: relative; padding-left: 22px; text-transform: capitalize; padding-top: 5px;}
.pkgSev-maldives h6 { position: relative; padding-left: 32px; text-transform: capitalize; padding-top: 5px; }
.pkgSev h6 img { position: absolute; left: 0; margin-right: 0;}
.pkgSev h6:first-child img { left: 8px;  }
.pkgSev h6:nth-child(2n) img { left: 6px; }

.pkgSev.baku_packicon h6:first-child img { left: 0px;  }
.pkgSev.baku_packicon h6:nth-child(2n) img { left: 0px; }
/* .pkgSev h6:first-child img { left: 8px; } */

.owl-carousel.gallerySlider .owl-dots { align-items: flex-end; bottom: 20px; height: auto; }
.owl-carousel.gallerySlider .owl-dots .owl-dot { background-color: white; }
.owl-carousel.gallerySlider .owl-dots .owl-dot.active {width: 15px;border-radius: 50px; background-color: white;} 
.owl-carousel.gallerySlider .owl-item img { height: 100%; }
.owl-carousel.gallerySlider .owl-nav button.owl-prev,
.owl-carousel.gallerySlider .owl-nav button.owl-next { width: 28px; height: 28px; transform: translateY(-20px); opacity: 0; transition: 0.3s; z-index: 10 !important; }
.owl-carousel.gallerySlider .owl-nav button.owl-prev { left: -20px; }
.owl-carousel.gallerySlider .owl-nav button.owl-next { right: -20px; }

.owl-carousel.gallerySlider:hover button.owl-prev { left: 0px; opacity: 1; }
.owl-carousel.gallerySlider:hover button.owl-next { right: 0px; opacity: 1; }


button.owl-dot:focus-visible, button.owl-dot:focus { outline: none !important; }



@media (max-width: 1024px) { 
    .pkgNewBanner .row.align-items-center { min-height: 65px; }
    .pkgNewBanner h1 { font-size: 32px; }
    .singlePkg .pkgImg img { border-radius: 8px 8px 0 0; }
    .packageDtlSec { margin: 10px 0 0 0; }
    .gallerySlider .slick-prev { opacity: 1; left: 16px; }
    .gallerySlider .slick-next { opacity: 1; right: 16px; }
    .gallerySlider .slick-prev img, .gallerySlider .slick-next img { border-radius: 4px; }
    .singlePkg { border: 0px; }
    .singlePkg .pkrInfo { padding: 5px 0 5px 10px; }
    .singlePkg .pkrInfo h3 { font-size: 16px; margin: 0; line-height: normal; }
    .singlePkg .starRating .package { font-size: 8px; }
    .starRating h5 { font-size: 9px; line-height: 14px; align-items: flex-start; }
    .starRating h6 { font-size: 9px; line-height: 14px; margin-bottom: 5px; }
    .starRating p { font-size: 9px; }
    .singlePkg>.col-3 { border-left: 0px solid #D9D9D9; }
    .singlePkg>.col-3.align-items-center { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: end !important; }
    .singlePkg>.col-3.justify-content-center { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: end !important; }
    .starRating p span { font-size: 11px; }
    .singlePkg .priceBtnSec ul { padding-right: 10px; padding-bottom: 10px;  }
    .singlePkg .priceBtnSec ul li h6 { font-size: 10px; line-height: 10px; }
    .singlePkg .priceBtnSec ul li h4 { font-size: 16px; }
    .singlePkg .priceBtnSec ul li h4 strong { display: block;}
    .singlePkg .priceBtnSec ul li h4 span { font-size: 10px; }
    .packageFilter { padding-top: 0; }
    .packageFilter>h3, 
    .mobFilterBtnArea { display: block; }
    .filterBtn { padding-bottom: 10px; text-align: right;  }
    .mobFilter { display: inline-block; width: 121px; height: 30px; background-color: white; border: 1px solid #D9D9D9; border-radius: 6px; font: normal 400 12px/30px 'Mulish'; color: #595959; padding: 0 10px; cursor: pointer; position: relative; text-align: left; text-decoration: none; }
    .mobFilter img { position: absolute; right: 15px; top: 10px; } 
    .mobFilter:hover { color: #595959; text-decoration: none; }
    .mobFilterArea { opacity: 0; visibility: hidden; position: fixed; left: 0; bottom: 0; width: 100%; height: 0; overflow: auto; z-index: 100; padding: 0; background-color: white; transition: 0.3s; }
    .mobFilterArea.active { opacity: 1; visibility: visible; height: 100%; }
    a.filterDone { background-color: #0466c8; font: 400 18px / 55px 'Mulish'; color: #fff; width: 100%; border-radius: 5px; margin: auto; cursor: pointer; text-align: center; }
    .singlePkg>.col-4 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 !important; min-height: 178px; }
    .singlePkg>.col-5 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
    .singlePkg>.col-3 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
    .col-12.col-sm-9.mob-full {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    a.filterPopupBack { position: absolute; left: 15px; top: 0; display: block; }
    .packageWhatsapp {display: block; }
    .singlePkg .priceBtnSec ul li a.dynamicLink { display: none; }
    .packageBanner a + a { margin-left: 0; }

    .formPopUp .rightWhiteBg { padding: 0 15px; }
}


/* maldives packges landing pages css */
.maldivesBancustom {
    background: url(https://www.sastaticket.pk/wp-content/uploads/maldives-adventures.png) center top no-repeat;
    background-size: cover;
    height: 520px;
}

.maldivesBancustom.banner-wrapper{background-size: cover;height: 520px;background-position: center center;background-repeat: no-repeat;position: relative;}
.maldivesBancustom.banner-wrapper:before {width: 100%;height: 100%;content: '';position: absolute;left: 0;top: 0;background-color: rgba(12, 67, 125, 0.5);}



.maldivesBancustom .row.align-items-center {
    height: 521px;
}
.maldivesBancustom h1 {
    font-size: 51px;
    color: #fff;
    font-family: 'Mulish';
}
.maldivesBancustom .col-md-6 {
    padding: 0px 59px 4px 41px;
}
.maldivesBancustom p {
    font-size: 20px;
    color: #fff;
    font-family: 'Mulish';
}
/* .banner-over-packges {
    background: black;
    border-radius: 12px;
    padding: 12px;
} */


.packagemal-box {
    position: relative;
    width: 100%;
    background: #ffffff;
    color: rgb(0, 0, 0);
    padding: 20px;
    border-radius: 10px;

}

/* Ribbon */
.packagemaltag {
    position: absolute;
    top: -11px;
    left: 0;
    background: #A7F152;
    color: black;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 15px;
    display: flex;
    align-items: center;
    gap: 5px;
    text-transform: uppercase;
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
}

/* Left Cut Triangle Effect */
.packagemaltag::before {
    content: "";
    position: absolute;
    left: -10px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 20px solid #A7F152; /* Same as background */
    border-bottom: 20px solid transparent;
    border-left: 10px solid transparent;
}




ul.packagemal-features {
    font-family: 'Mulish';
    font-size: 12px;
    list-style-type: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    list-style: none;
    flex-wrap: wrap;
    padding-left: 23px;
    margin: 0 0 2px 0;
    border-bottom: 1px solid grey;
    padding: 10px 0px 15px 0px;
}
ul.packagemal-features li:before {
    content: '';
    background: url(https://www.sastaticket.pk/wp-content/uploads/2024/11/check.svg) left top no-repeat;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 13px;
    top: 4px;
}
ul.packagemal-features li {
    position: relative;
    padding: 0 0 0px 26px;
}
.packagemalprice-info {
    display: flex
;
    flex-direction: column;
}
.packagemal-footer {
    display: flex;
    justify-content: space-between;
    padding: 17px 0px 0px 1px;
}
.packagemalprice {
    font-family: 'Mulish';
    font-size: 20px;
    font-weight: 700;
    line-height: 12px;
}
.packagemalper-person {
    font-family: 'Mulish';
    font-size: 13px;
    font-weight: 300;
    line-height: 16px;
    padding-top: 6px;
}
.packagemal-box h2 {
    font-size: 20px;
    font-family: 'Mulish';
    padding: 12px 1px 2px 0px;
}
.packagemalreview-cta a {
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    background: #00b277;
    color: #fff;
    text-decoration: none;
}

.back-ctamaldiveDetaisl{
    text-decoration: none;
    color: #0a549c;
    font-size: 16px;
    display: flex;
    align-items: center;
    transition: color 0.3s ease;
    background: #fff;
    padding: 0px 18px 1px 14px;
    border-radius: 5px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid #0a549c;
    height: 28px;
}
.back-ctamaldiveDetaisl .arrow {
    font-size: 18px;
    margin-right: 5px;
}
a.back-ctamaldiveDetaisl:hover {
    text-decoration: none;
    color: #0a549c;
    border: 1px solid #68b2fa;
}


    .details-heading-section {
        display: flex;
        align-items: center;
        justify-content: space-between;
    
}

.details-heading-section.bakustarhotel h2 {flex-direction: column;align-items: flex-start;}
 

@media (max-width: 767px) {
.maldivesBancustom h1 {
    font-size: 25px;
    color: #fff;
    font-family: 'Mulish';
    padding-top: 40px;
}
.maldlanding-mobilefilter {
    display: none;
}



}

@media (max-width: 767px) {
.maldivesBancustom h1 {
    font-size: 25px;
    color: #fff;
    font-family: 'Mulish';
    padding-top: 40px;
}
.maldlanding-mobilefilter {
    display: none;
}
.back-ctamaldiveDetaisl {
    width: 108px;
    margin-top: 15px;
}
.details-heading-section {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
}
}