@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --color-primary: #2F7DF2;
    --color-primary-dark: #165CC5;
    --color-secondary: #16376C;
    --color-accent: #D80027;
    --color-accent-dark: #C20023;
    --color-yellow-1: #FFC700;
    --color-yellow-2: #FFB800;
    --color-light-1: #F5FCFF;
    --color-light-2: #E7ECF2;
    --color-light-3: #effaff;
    --color-light-4: #F4F8FF;
    
    --color-bodycopy: #444;
    --color-section-heading: #15376B;
    --color-text-dark: #333;
    --color-text-grey: #757F8A;
    --color-navbar-bg: #E6F0FF;
    --color-footer-bg: #F1F4FB;
    --color-newsletter-bg: #EAEEF5;
    --color-footer-text: #495057;
    --color-footer-border: #E3E6EC;
    
    /*FONT FAMILY*/
    --font-body:'Montserrat';
    --font-heading:'Montserrat';

    /*FORM*/
    --form-control-border: #9BAAC1;
    
    /*SWIPER*/
    --swiper-navigation-sides-offset: 10px;
    --swiper-bullet-bg-normal: #999;
    --swiper-bullet-bg-active:var(--color-primary);
}



html, body {width: 100%; height: 100%; margin: 0; padding: 0;}
body {font-family: var(--font-body), sans-serif; font-size: 16px; background-color:#fff; color: var(--color-bodycopy); font-weight: 400; line-height: 1.6; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; text-rendering: optimizeLegibility; font-optical-sizing: auto; font-style: normal; font-variation-settings:"slnt" 0; }

/*TRANSITIONS*/
.btn, a, button, .transition {webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}




/*HEADINGS============================================================================================*/
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-family: var(--font-heading), serif; line-height: 1.3; color: var(--color-section-heading); line-height: 120%;font-optical-sizing: auto;font-style: normal;}


/*ANCHOR TAGS=========================================================================================*/
a {color: var(--color-dark); text-decoration: none; background-color: transparent; }
a:not(.btn):hover, a:not(.btn):focus{color: var(--color-text-dark);}


/*FORM ELEMENTS=======================================================================================*/
.form-control, textarea, select, .form-select{border-color:#aaa;}
.form-control, textarea, select, .form-select, button{}
.form-control:focus, 
.form-select:focus {outline: 0; background-color: white; border-color: var(--form-control-border);}

/*FONTS===============================================================================================*/
.body-font{font-family: var(--font-body), serif;}
.heading-font{font-family: var(--font-heading), serif;}

/*SECTION HEADINGS====================================================================================*/
.section-heading{margin-bottom: 20px;}
.section-heading h5,.sectionsubhdn{font-size: 19px; color: var(--color-primary); font-weight: 600; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 5px;}
.section-heading h2,.sectionhdn{position: relative; font-size:40px; font-weight: 900; color: var(--color-section-heading); line-height: 120%; margin-bottom: 32px;}
.section-heading p{color: var(--bs-body-color); font-size: 15px; margin-bottom: 0; line-height: 1.8; font-weight: 400;}

.section-heading h2.fslg{font-size: 56px;font-weight: 700;}
.section-heading h2:after {content: ""; background: url(../images/heading-stroke.svg) center no-repeat; position: absolute; left: 50%; transform: translate(-50%,0); width: 104px; height: 7px; bottom: -14px; background-size:contain; }


/*TEXT COLOR==========================================================================================*/
.text-prime{color:var(--color-primary);}
.text-secondarry{color:var(--color-secondary);}
.text-secondarry-dark{color:var(--color-secondary-dark);}
.text-accent{color:var(--color-accent);}
.text-dark{color:var(--color-text-dark);}
.text-yellow{color: var(--color-yellow-1);}
.text-grey{color:var(--color-text-grey);}
.text-footer{color:var(--color-footer-text);}


/*BACKGROUND==========================================================================================*/
.bg-prime{background-color: var(--color-primary);}
.bg-secondarry{background-color: var(--color-secondary);}
.bg-accent{background-color: var(--color-accent);}
.bg-yellow{background-color: var(--color-yellow-1);}
.bg-light-1{background-color: var(--color-light-1);}
.bg-light-2{background-color: var(--color-light-2);}
.bg-light-3{background-color: var(--color-light-3);}
.bg-light-4{background-color: var(--color-light-4);}




/*SECTION TOP BOTTOM PADDINGS=========================================================================*/
.section-tb-padding{padding-top: 48px;padding-bottom: 48px;}


/*BUTTONS==========================================================================================*/
.btn{border-radius: 50px; font-weight: 600; font-size: 12px; height:auto; letter-spacing:0.3px;display: inline-flex; align-items: center; justify-content: center; font-family: var(--font-heading);} 
.btn-sm{font-size: 11px;border-radius: 50px;}
.btn-lg{font-size: 13px;border-radius: 50px;font-weight: 600; letter-spacing:0.5px; height: 46px; line-height: 1;}


/*BUTTON PRIME======================================================================================*/
.btn-prime{background-color: var(--color-primary); border-color: var(--color-primary); color: var(--bs-white);}
.btn-prime:hover,.btn-prime:focus,.btn-prime:active{background-color: var(--color-primary-dark)!important; border-color: var(--color-primary-dark)!important; color: var(--bs-white)!important;}


/*BUTTON OUTLINE PRIME======================================================================================*/
.btn-outline-prime{background-color: transparent; border-color: var(--color-primary); color: var(--color-primary);}
.btn-outline-prime:hover,.btn-outline-prime:focus,.btn-outline-prime:active{background-color: var(--color-primary); border-color: var(--color-primary); color: white;}

/*BUTTON ACCENT======================================================================================*/
.btn-accent{background-color: var(--color-accent);; border-color: var(--color-accent); color: white;}
.btn-accent:hover,.btn-outline-prime:focus,.btn-outline-prime:active{background-color: var(--color-accent-dark); border-color: var(--color-accent-dark); color: white;}

/*BUTTON OUTLINE ACCENT======================================================================================*/
.btn-outline-accent{background-color: transparent; border-color: var(--color-accent); color: var(--color-accent);}
.btn-outline-accent:hover,.btn-outline-prime:focus,.btn-outline-prime:active{background-color: var(--color-accent); border-color: var(--color-accent); color: white;}


/*SECTION MAIN BUTTON======================================================================================*/
.section-button .btn, .section-button-lg {font-weight: 600; border-radius: 50px; text-transform: uppercase; font-size: 11px;letter-spacing:0.4px; box-shadow: 0 3px 5px rgb(0 0 0 / 5%); height: 52px; display: inline-flex; justify-content: center; align-items: center; min-width: 260px; padding-left: 20px; padding-right: 20px; text-transform: uppercase;}


/*SHADOWS======================================================================================*/
.thin-shadow{-webkit-box-shadow: 0 0 2px 0 rgb(0 0 0 / 30%); box-shadow: 0 0 2px 0 rgb(0 0 0 / 30%);transition: all 200ms ease;}
.thin-shadow:hover{-webkit-box-shadow: 0 3px 4px 0px rgb(0 0 0 / 10%); box-shadow: 0 3px 4px 0px rgb(0 0 0 / 10%);}


/*SWIPER PAGINATION======================================================================================*/
.swiper-pagination{margin-top: 10px;}
.swiper-pagination-bullet{background-color: var(--swiper-bullet-bg-normal); opacity: 1;}
.swiper-pagination-bullet-active{background-color: var(--swiper-bullet-bg-active);}

.swiper-pagination.custom-pagination{position: relative; transform: none; width: 100%; text-align: center;}
.swiper-pagination.tp0 {padding-top: 0;}
.swiper-pagination.tp5 {padding-top: 5px;}
.swiper-pagination.tp10 {padding-top: 10px;}
.swiper-pagination.tp15 {padding-top: 15px;}
.swiper-pagination.tp20 {padding-top: 20px;}
.swiper-pagination.tp25 {padding-top: 25px;}
.swiper-pagination.tp25 {padding-top: 25px;}
.swiper-pagination.tp30 {padding-top: 30px;}


/*SWIPER NAV BUTTONS======================================================================================*/
.swiper-button-next, .swiper-button-prev,
.swiper-button-prev:after, .swiper-button-next:after{height: 56px!important; width: 56px!important;}

.swiper-button-next, .swiper-button-prev{z-index: 1;}
.swiper-button-prev:after, .swiper-button-next:after{font-size: 16px!important; color: var(--color-primary); background-color: white;  display: flex; border-radius: 60px; justify-content: center; align-items: center; box-shadow: 0 5px 10px rgb(0 0 0 / 20%);webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}

.swiper-button-prev:hover:after, .swiper-button-next:hover:after{background-color: var(--color-primary);color: white;}

/*TEXT WHITE TO LIGHT WHITE==========================================================================================*/
.text-white-5{color: rgb(255 255 255 / 5%)!important;} .text-white-10{color: rgb(255 255 255 / 10%)!important;} .text-white-20{color: rgb(255 255 255 / 20%)!important;} .text-white-25{color: rgb(255 255 255 / 25%)!important;} .text-white-30{color: rgb(255 255 255 / 30%)!important;} .text-white-35{color: rgb(255 255 255 / 35%)!important;} .text-white-45{color: rgb(255 255 255 / 45%)!important;} .text-white-50{color: rgb(255 255 255 / 50%)!important;} .text-white-55{color: rgb(255 255 255 / 55%)!important;} .text-white-60{color: rgb(255 255 255 / 60%)!important;} .text-white-65{color: rgb(255 255 255 / 65%)!important;} .text-white-70{color: rgb(255 255 255 / 70%)!important;} .text-white-75{color: rgb(255 255 255 / 75%)!important;} .text-white-80{color: rgb(255 255 255 / 80%)!important;} .text-white-85{color: rgb(255 255 255 / 85%)!important;} .text-white-90{color: rgb(255 255 255 / 90%)!important;} .text-white-95{color: rgb(255 255 255 / 95%)!important;}

/*TEXT BLACK TO LIGHT BLACK==========================================================================================*/
.text-black-5{color: rgb(0 0 0 / 5%)!important;} .text-black-10{color: rgb(0 0 0 / 10%)!important;} .text-black-20{color: rgb(0 0 0 / 20%)!important;} .text-black-25{color: rgb(0 0 0 / 25%)!important;} .text-black-30{color: rgb(0 0 0 / 30%)!important;} .text-black-35{color: rgb(0 0 0 / 35%)!important;} .text-black-45{color: rgb(0 0 0 / 45%)!important;} .text-black-50{color: rgb(0 0 0 / 50%)!important;} .text-black-55{color: rgb(0 0 0 / 55%)!important;} .text-black-60{color: rgb(0 0 0 / 60%)!important;} .text-black-65{color: rgb(0 0 0 / 65%)!important;} .text-black-70{color: rgb(0 0 0 / 70%)!important;} .text-black-75{color: rgb(0 0 0 / 75%)!important;} .text-black-80{color: rgb(0 0 0 / 80%)!important;} .text-black-85{color: rgb(0 0 0 / 85%)!important;} .text-black-90{color: rgb(0 0 0 / 90%)!important;} .text-black-95{color: rgb(0 0 0 / 95%)!important;}

/*TEXT GREY AND DARK==========================================================================================*/
.text-grey{ color: #6c757d;} .text-grey-dark{ color: #343a40;} .text-grey-10{ color: #f8f9fa;} .text-grey-20{ color: #e9ecef;} .text-grey-30{ color: #dee2e6;} .text-grey-40{ color: #ced4da;} .text-grey-50{ color: #adb5bd;} .text-grey-60{ color: #6c757d;} .text-grey-70{ color: #495057;} .text-grey-80{ color: #343a40;} .text-grey-90{ color: #212529;}

/*FONT WEIGHTS==========================================================================================*/
.fw100{font-weight: 100!important;} .fw200{font-weight: 200!important;} .fw300{font-weight: 300!important;} .fw400{font-weight: 400!important;} .fw500{font-weight: 500!important;} .fw600{font-weight: 600!important;} .fw700{font-weight: 700!important;} .fw800{font-weight: 800!important;} .fw900{font-weight: 900!important;}

/*LETTER SPACING==========================================================================================*/
.lshalf{letter-spacing:0.5px} .ls1{letter-spacing:1px} .ls2{letter-spacing:2px} .ls3{letter-spacing:3px} .ls4{letter-spacing:4px} .ls5{letter-spacing:5px} .ls6{letter-spacing:6px} .ls7{letter-spacing:7px} .ls8{letter-spacing:8px} .ls9{letter-spacing:9px} .ls10{letter-spacing:10px}

/*LINE HEIGHT==========================================================================================*/
.lh100{line-height:100%} .lh120{line-height:120%} .lh130{line-height:130%} .lh140{line-height:140%} .lh150{line-height:150%} .lh160{line-height:160%} .lh170{line-height:170%} .lh180{line-height:180%} .lh190{line-height:190%} .lh200{line-height:200%}

/*FONT SIZE 0 to 72px ==========================================================================================*/
.fs0{font-size: 0;} .fs7{font-size: 7px;} .fs8{font-size: 8px;} .fs9{font-size: 9px;} .fs10{font-size: 10px;} .fs11{font-size: 11px;} .fs12{font-size: 12px;} .fs13{font-size: 13px;} .fs14{font-size: 14px;} .fs15{font-size: 15px;} .fs16{font-size: 16px;} .fs17{font-size: 17px;} .fs18{font-size: 18px;} .fs19{font-size: 19px;} .fs20{font-size: 20px;} .fs21{font-size: 21px;} .fs22{font-size: 22px;} .fs23{font-size: 23px;} .fs24{font-size: 24px;} .fs25{font-size: 25px;} .fs26{font-size: 26px;} .fs27{font-size: 27px;} .fs28{font-size: 28px;} .fs29{font-size: 29px;} .fs30{font-size: 30px;} .fs31{font-size: 31px;} .fs32{font-size: 32px;} .fs33{font-size: 33px;} .fs34{font-size: 34px;} .fs35{font-size: 35px;} .fs36{font-size: 36px;} .fs37{font-size: 37px;} .fs38{font-size: 38px;} .fs39{font-size: 39px;} .fs40{font-size: 40px;} .fs41{font-size: 41px;} .fs42{font-size: 42px;} .fs43{font-size: 43px;} .fs44{font-size: 44px;} .fs45{font-size: 45px;} .fs46{font-size: 46px;} .fs47{font-size: 47px;} .fs48{font-size: 48px;} .fs49{font-size: 49px;} .fs50{font-size: 50px;} .fs51{font-size: 51px;} .fs52{font-size: 52px;} .fs53{font-size: 53px;} .fs54{font-size: 54px;} .fs55{font-size: 55px;} .fs56{font-size: 56px;} .fs57{font-size: 57px;} .fs58{font-size: 58px;} .fs59{font-size: 59px;} .fs60{font-size: 60px;} .fs61{font-size: 61px;} .fs62{font-size: 62px;} .fs63{font-size: 63px;} .fs64{font-size: 64px;} .fs65{font-size: 65px;} .fs66{font-size: 66px;} .fs67{font-size: 67px;} .fs68{font-size: 68px;} .fs69{font-size: 69px;} .fs70{font-size: 70px;} .fs71{font-size: 71px;} .fs72{font-size: 72px;}

/*OPACITY==========================================================================================*/
.opacity0{opacity: 0;} .opacity1{opacity: 0.1;} .opacity2{opacity: 0.2;} .opacity3{opacity: 0.3;} .opacity4{opacity: 0.4;} .opacity5{opacity: 0.5;} .opacity6{opacity: 0.6;} .opacity7{opacity: 0.7;} .opacity8{opacity: 0.8;} .opacity9{opacity: 0.9;}

/*PAGINATION==========================================================================================*/
.pagination .page-link{color: var(--color-dark); font-size: 14px; height: 36px; width: 48px; display: flex; align-items: center; justify-content: center; text-align: center;}
.pagination .page-link:hover{color: white!important; background-color: var(--color-primary); border-color: var(--color-primary);}
.pagination .active>.page-link, 
.pagination .page-link.active {color: white; background-color: var(--color-primary); border-color: var(--color-primary); }
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link{width: auto;}


/*IMAGE HOVER==========================================================================================*/
.image-hover img{webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
.image-hover:hover img{transform: scale(1.05);}


/* FOCUS STATE STYLE FOR KEBOARD NAVIGATION ON FOCUSABLE ELEMENTS ==========================================================================================*/
*[tabindex]:focus-visible, input[type="file"]:focus-visible {outline: 0.125rem solid var(-bs-primary); outline-offset: 0.125rem;}

/* PREVENT CLICKS ==========================================================================================*/
.pointer-events-off {pointer-events: none;}

/* ENABLE CLICKS ==========================================================================================*/
.pointer-events-on {pointer-events: auto;}

/* SQUARE BLOCK ==========================================================================================*/
.square-block::after {content: ""; display: block; padding-bottom: 100%;}

/* CONTAINER CENTER ALIGN ==========================================================================================*/
.container-center-align{margin-right: auto !important; margin-left: auto !important;}

/*CUSTOM CONTAINER WIDTH ============================================================================================*/
.container-custom{max-width: 1140px;}

/* TEXT TRUNCATE ELLIPSES AFTER 3 LINES==========================================================================================*/
.text-style-3lines {display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
/* TEXT TRUNCATE ELLIPSES AFTER 2 LINES==========================================================================================*/
.text-style-2lines {display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/*##############################################################################*/
/*##################__________MAIN STYLE STARTS HERE_________###################*/
/*##############################################################################*/


.brand-top .brand-logo {display: inline-block;}
.brand-top .brand-logo img{height: 32px;width: 234px;}
.brand-top .header-right{display: flex;}
.brand-top .header-right .phone-header img{width: 38px;height: 38px;}
.brand-top .header-right .btn{border-width: 2px; padding-left: 16px;padding-right: 16px;}
.brand-top .navbar-toggler{display: none; height: 24px; width: 32px; margin-left: 8px; top: 8px; position: relative;}
.brand-top .navbar-toggler .menu-line{height: 2px; width: 32px; background-color: var(--color-text-dark);display: block;border-radius: 10px;}
.brand-top .navbar-toggler .menu-line:nth-child(2){margin-top: 8px;margin-bottom: 8px;}


.main-navbar .navbar{background-color: var(--color-navbar-bg);}
.main-navbar .navbar{background-color: var(--color-navbar-bg);display: flex; justify-content: space-between;}
.main-navbar .navbar .nav-item .nav-link{color: var(--color-secondary);font-weight: 500; font-size: 15px;letter-spacing: -0.2px;padding-top: 14px;padding-bottom: 14px;padding-left: 0.9rem; padding-right: 0.9rem;}
.main-navbar .navbar .nav-item .nav-link:hover{color: var(--color-primary-dark);}

.main-navbar .navbar .dropdown-item{font-size: 13px;font-weight: 500;}
.main-navbar .navbar .dropdown-item:focus,
.main-navbar .navbar .dropdown-item:hover{background-color: var(--color-primary); color: white;}

/* Navbar Hover Styles */
.navbar-nav .nav-item.dropdown .dropdown-menu li {position: relative;}
.navbar-nav .nav-item:hover > .nav-link,
.navbar-nav .nav-item:focus > .nav-link {color: #0056b3;}
.navbar-nav .dropdown-menu {transition: all 0.3s ease;}
.navbar-nav .dropdown:hover > .dropdown-menu {display: block;}
.navbar-nav .dropdown-menu .dropdown-menu {margin-left: 0; margin-right: 0;}
.navbar-nav .dropdown-menu > li:hover > .dropdown-menu {display: block; top: 0; left: 100%; margin-top: -1px;}


.fa-plane-departure:before {content: "\f5b0";font-family: "Font Awesome 5 Pro"; font-weight: 900;-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1;}
.fa-star:before {content: "\f005";font-family: "Font Awesome 5 Pro"; font-weight: 900;-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1;}


/*#################_______SECTION_BACKGROUND_GRADIENT ________##################*/
.light-gradient-bg{background: rgb(245,252,255); background: -moz-linear-gradient(180deg, rgba(245,252,255,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(180deg, rgba(245,252,255,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(180deg, rgba(245,252,255,1) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5fcff",endColorstr="#ffffff",GradientType=1);}

/*#################_______DEALS CARD________##################*/
.deal-card-block{border-radius: 10px; overflow: hidden;margin-bottom: 10px;background-color: white;min-height: 520px;}
.deal-card-block .cardbreadcrumb .list-inline-item:not(:last-child) {margin-right: 0.8rem;}
.deal-card-block .cardbreadcrumb li{position: relative;}
.deal-card-block .cardbreadcrumb li:after{height: 3px; width: 3px; background-color: var(--color-text-grey); border-radius: 50%; display: inline-block; position: absolute; right: -9px; top: 50%; content: "";}
.deal-card-block .cardbreadcrumb li:last-child:after{display: none;}
.deal-card-block figure{position: relative;}
.deal-card-block figure .rating-tag{position: absolute;left: 20px;bottom: 16px;z-index: 1;}
.deal-card-block figure .rating-tag span{font-size: 11px!important;}
.deal-card-block figure:after{content:"";height: 70px;background: rgb(0, 0, 0); background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); position: absolute;left: 0;bottom: 0;right: 0;}

.deal-card-block .dealprice-highlight p {margin: 0; font-size: 10px; font-weight: 600; line-height: 1; color:#fff; }
.deal-card-block .dealprice-highlight h4 {font-size: 23px; font-weight: 800; margin-bottom: 0; line-height: 1; color: white; }
.deal-card-block .dealprice-highlight small {font-size: 9px; font-weight: 600; line-height: 1; text-transform: uppercase; }
.deal-card-block .dealprice-highlight {position: absolute; bottom: -16px; right: 10px; background: var(--color-primary); color: white; box-shadow: 0 10px 10px -3px #0d6efd61; z-index: 1; text-align: center; border-radius: 100px; height: 102px; width: 102px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2px; }

.deal-card-block .deal-card-content {padding: 12px 0;}
.deal-card-block .deal-card-inner{padding: 12px 16px;}
.deal-card-block .rating-details span{padding-left: 5px;}
.deal-card-block .deal-block-info .flight-icon{display: block;}
.deal-card-block .deal-block-info .flight-icon img{width: 28px;height: 28px;}
.deal-card-block .deal-card-content .btn{padding:10px 5px; font-weight: 600; font-size: 10px; text-transform: uppercase;}

.deal-card-block .deal-amenity-row{ border-top:1px solid var(--bs-gray-200);border-bottom:1px solid var(--bs-gray-200);padding-left: 16px;padding-right: 16px;}
.deal-card-block .deal-amenity-row .deal-amenity-item {width: auto; margin-right: 10px; max-width: 33.33%;}
.deal-card-block .deal-amenity-row .deal-amenity-item:last-child {display: none!important;}
.deal-card-block .deal-amenity-row .amenity-icon{width: 16px;height: 16px; flex-shrink: 0;box-sizing: content-box;display: flex; align-items: center; justify-content: center;}
.deal-card-block .deal-amenity-row .amenity-icon img{height: auto;width: 100%; opacity: 0.5;}
.deal-card-block .deal-amenity-row .amenity-name {flex-grow: 1;font-size: 9px;}


.hotdeals-listing .deal-card-block{min-height: 535px;}


/*#################_______TRUST LOGOS SECTION________##################*/

.trust-section .trust-logo figure img{}
.trust-section .trust-logo figure{min-height: 120px;display: flex; justify-content: center; align-items: center;}
.trust-section .trust-logo p{max-width: 80%; margin: 0 auto;}




/*#################_______MIXITUP CARD________##################*/

.mixitup-card-block{border-radius: 10px; overflow: hidden;margin-bottom: 10px;background-color: white;min-height: 660px;}
.mixitup-card-block figure{position: relative;margin-bottom: 0;}
.mixitup-card-block figure .mixloc-name {position: absolute; bottom: 27px; left: 15px; right: 15px; z-index: 2;font-size: 10px; font-weight: 500;}
.mixitup-card-block .mixitup-card-content{padding: 0 0 6px;}
.mixitup-card-block .mixitup-card-content .mixitup-card-inner{padding: 12px 16px;}

.mixitup-listing .mixitup-card-block{min-height: inherit;}

#load_more .btn{text-transform: uppercase;}
#load_more.btn-btm.mt-5{margin-top: 0!important;}


.mixitup-card-block .mixitup-breadcrumb .list-inline-item:not(:last-child) {margin-right: 0.8rem;}
.mixitup-card-block .mixitup-breadcrumb li{position: relative;font-size: 9px!important; line-height: 1.1;}
.mixitup-card-block .mixitup-breadcrumb li:after{height: 3px; width: 3px; background-color: var(--color-text-grey); border-radius: 50%; display: inline-block; position: absolute; right: -8px; top: 50%; content: "";}
.mixitup-card-block .mixitup-breadcrumb li:last-child:after{display: none;}

.mixitup-card-block .mixloc-img{height: 52px;width: 52px;border-radius: 100px;}
.mixitup-card-block .mixitup-amenity-row{ border-top:1px solid var(--bs-gray-200);border-bottom:1px solid var(--bs-gray-200);padding-left: 16px;padding-right: 16px;}


.mixitup-card-block .mixitup-amenity-row .mixitup-amenity-item {width: auto; margin-right: 10px; max-width: 33.33%;}
.mixitup-card-block .mixitup-amenity-row .mixitup-amenity-item:last-child {display: none!important;}
.mixitup-card-block .mixitup-amenity-row .amenity-icon{width: 16px;height: 16px; flex-shrink: 0;box-sizing: content-box;display: flex; align-items: center; justify-content: center;}
.mixitup-card-block .mixitup-amenity-row .amenity-icon img{height: auto;width: 100%; opacity: 0.5;}
.mixitup-card-block .mixitup-amenity-row .amenity-name {flex-grow: 1; font-size: 9px;}


.mixitup-card-block .mixitup-action .btn{font-weight: 600; padding:10px 5px; font-size: 10px; text-transform: uppercase; height: auto;}
.mixitup-card-block .swiper-pagination{z-index: 1; position: absolute; left: 0; right: 0; bottom: 0!important; text-align: left; padding: 40px 12px 6px; background: rgb(0, 0, 0); background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);}
.mixitup-card-block .swiper-pagination .swiper-pagination-bullet{height: 7px;width: 7px;background-color: white;opacity: 0.5;}
.mixitup-card-block .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}

.mixitup-card-block .mixloc-img{flex-shrink: 0;}
.mixitup-card-block .mixloc-img img{height: 52px;width: 52px;}
.mixitup-card-block .mixloc-content{flex-grow: 1;}

/*#################_______EXPLORE FLORIDA SECTION________##################*/

.florida-block figure{position: relative;}
.florida-block figure figcaption{position: absolute;left: 0;bottom: 0;right: 0;padding: 16px;background: rgb(0, 0, 0); background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);}


/*#################_______TOP HOTELS SECTION________##################*/

.hotel-card-block{border-radius: 10px; overflow: hidden;margin-bottom: 10px;background-color: white;margin-bottom: 10px;min-height: 425px;}
.hotel-card-block figure{position: relative;}

.hotel-card-block .hotel-breadcrumb .list-inline-item:not(:last-child) {margin-right: 0.8rem;}
.hotel-card-block .hotel-breadcrumb li{position: relative;}
.hotel-card-block .hotel-breadcrumb li:after{height: 3px; width: 3px; background-color: var(--color-text-grey); border-radius: 50%; display: inline-block; position: absolute; right: -9px; top: 50%; content: "";}
.hotel-card-block .hotel-breadcrumb li:last-child:after{display: none;}

.hotel-card-block .btn{font-weight: 600; padding:10px 5px; font-size: 10px; text-transform: uppercase;}
.hotel-card-block .hotel-rating-tag{position: absolute; left: 14px; bottom: 16px; z-index: 4;}

.hotel-card-block .mixrating-details span.d-inline-block {padding-left: 5px;}

.hotel-card-block .hotel-nav{position: absolute;left: 0;bottom: 0;right: 0;padding: 12px 16px;background: rgb(0, 0, 0); background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); display: flex; justify-content: flex-end; z-index: 1; gap: 4px; }
.hotel-card-block .hotel-nav .hotel-nav-btn{position: static; transform: scale(0.9);}
.hotel-card-block .hotel-nav .swiper-pagination{text-align: right; position: static; margin: 0;}
.hotel-card-block .hotel-nav .swiper-pagination .swiper-pagination-bullet{height: 7px;width: 7px;background-color: white;opacity: 0.5;}
.hotel-card-block .hotel-nav .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}

.tablink-slider-container .slider-nav-wrap{position: absolute; width: 100%; left: 0; right: 0; top: -5px; bottom: 0;}
.tablink-slider-container .hotel-tablink-slider{margin-left: 58px; margin-right: 58px;}
.tablink-slider-container .slider-nav-wrap .swiper-button-prev,
.tablink-slider-container .slider-nav-wrap .swiper-button-next,
.tablink-slider-container .slider-nav-wrap .swiper-button-prev:after,
.tablink-slider-container .slider-nav-wrap .swiper-button-next:after{height: 48px!important;width: 48px!important;}
.tablink-slider-container .slider-nav-wrap .swiper-button-next{right: 0; left: auto;}
.tablink-slider-container .slider-nav-wrap .swiper-button-prev{left: 0; right: auto;}


.hotel-tablink-slider .swiper-button-prev, .hotel-tablink-slider .swiper-button-next, 
.hotel-tablink-slider .swiper-button-prev:after,
.hotel-tablink-slider .swiper-button-next:after{height: 42px; width: 42px;}

.hotel-tablink-slider .swiper-button-prev, .hotel-tablink-slider .swiper-button-next, .hotel-tablink-slider .swiper-button-prev:after, .hotel-tablink-slider .swiper-button-next:after { margin-right: -14px;}


.hotel-tablink-block{font-size:13px; height: 54px; border: 1px solid var(--bs-gray-300);border-radius: 100px;padding: 7px;cursor: pointer;margin-top: 5px;margin-bottom: 5px;}
.hotel-tablink-block:hover{background-color: white; box-shadow: var(--bs-box-shadow-sm);}
.hotel-tablink-block.active{background-color: white; box-shadow: var(--bs-box-shadow-sm); border-color: var(--color-primary); }
.hotel-tablink-block img{height: 38px;width: 38px;}
.hotel-tablink-block:hover img,.hotel-tablink-block.active img{transform: scale(1.07);}


/*#################_______PARTNERS SECTION________##################*/
.partners-section span{margin-bottom:10px; ;background: rgb(47,125,242); background: linear-gradient(135deg, rgba(47,125,242,1) 0%, rgba(216,0,39,1) 100%);}
.partners-slider{margin-bottom: 12px;}
.partners-slider .partner-block {min-height: 90px; border-radius: 6px; border: 1px solid var(--bs-gray-200); display: flex; justify-content: center; align-items: center; padding: 20px 10px; background: white; }
.partners-slider .swiper-wrapper {-webkit-transition-timing-function:linear!important; -o-transition-timing-function:linear!important; transition-timing-function:linear!important; }


/*#################_______USPS SECTION________##################*/
.usps-section .usp-block{}
.usps-section .usp-block img{height: 64px;width: 64px; margin-bottom: 16px;}

/*#####################__________FAQS SECTION__________########################*/
.collapse-block{background-color: #fff; border: 2px solid var(--color-light-2); margin-bottom: 10px;border-radius: 10px;}
.collapse-block .collapse-header{color: var(--color-secondary);font-weight: 600;padding: 14px 60px 14px 24px; font-size: 16px;position: relative;cursor: pointer;}
.collapse-block .collapse-header .collapse-icon{color: var(--color-primary);position: absolute; right: 24px;top: 20px; display: flex; justify-content: center; align-items: center;webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
.collapse-block .collapse-content{padding: 0 50px 15px 24px; font-size: 14px;display: none;}
.collapse-block .collapse-content p{margin-bottom: 16px;}
.collapse-block .collapse-content p:last-child{margin-bottom: 0;}
.collapse-block.isOpen .collapse-header{color: var(--color-primary);}
.collapse-block.isOpen .collapse-header .collapse-icon{transform: rotate(180deg); color: var(--color-accent);}
.collapse-block.isOpen .collapse-content{display: block;}


/*#################_______ORLANDO HOLIDAYS PAGE________##################*/
.hf-topbanner-section{height: 305px; width: 100%; margin-bottom: 0; display: flex; align-items: center; justify-content: center; background-repeat: no-repeat; background-position: top center;}

.hf-topbanner-section .section-heading h2{padding-bottom: 10px;}
.hf-topbanner-section .section-heading h2:after{width: 167px;height: 12px;}

.gradient-border{height: 32px;background: rgb(47,125,242); background: linear-gradient(135deg, rgba(47,125,242,1) 0%, rgba(216,0,39,1) 100%);}

.page-sectionnav{background-color: white; box-shadow: 0 0px 5px #00000029; position: relative;}
.page-sectionnav ul{margin: 0; padding: 0;text-align: center;}
.page-sectionnav li{list-style: none; display: inline-block;}
.page-sectionnav li a{display: block;padding: 20px 30px; font-size: 16px; color: var(--color-text-dark);font-weight: 600;position: relative;}
.page-sectionnav li a:hover,
.page-sectionnav li.active a{color: var(--color-primary);}
.page-sectionnav li.active a:after{content: ""; position: absolute; width: 54px;height: 6px;background: url(../images/heading-stroke.svg) center no-repeat; background-size: contain; left: 50%; transform: translate(-50%, 0);bottom: 14px;}


/*PLACES=====================================================================*/
.places-wrap{justify-content: center;}
.places-wrap .place-list{margin-left: 5px;margin-right: 5px;border: 1px solid var(--bs-gray-400);border-radius: 100px;padding: 6px 24px 6px 6px;}
.places-wrap .place-list:hover{border: 1px solid var(--color-primary); background-color: var(--bs-gray-100);}
.places-wrap .place-list .place-image{height: 64px;width: 64px;}
.places-wrap .place-list .place-name{color: var(--color-text-dark); font-size: 14px; font-weight: 600;}


/*#################_______PARK AND PASSES PAGE________##################*/
.parknpass-block{border-radius: 10px; overflow: hidden;}

.parknpass-block .aboutplacemobbtn {color: white; font-weight: 600; font-size: 12px; margin-bottom: 6px; border-radius: 30px; padding: 6px 10px; display: inline-block; background: rgb(47, 125, 242); background: linear-gradient(135deg, rgba(47, 125, 242, 1) 0%, rgba(216, 0, 39, 1) 100%); width: 145px; text-align: center; position: absolute; bottom: 5px; left: 16px;}

.parknpass-block .parknpass-content{padding: 24px;}
.parknpass-block .parknpass-content ul li{font-size: 12px;}
.parknpass-block .whats-included-list{padding-left: 18px;}
.parknpass-block .whats-included-list li{margin-bottom: 2px;list-style: disc;}
.parknpass-block .about-this-parknpass {background-color: #fffffffa;transform: translate(0, 100%); position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; border-top-right-radius: 30px; }
.parknpass-block .about-this-parknpass h5{border-radius: 30px; color: white; font-weight: 600; font-size: 12px; margin-bottom: 6px; border-radius: 30px; padding: 5px 16px; display: inline-block; background: rgb(47, 125, 242);
    background: linear-gradient(135deg, rgba(47, 125, 242, 1) 0%, rgba(216, 0, 39, 1) 100%);}
.parknpass-block .about-this-parknpass p{font-size: 12px; font-weight: 500; color: var(--color-text-dark); line-height: 1.6; margin-bottom: 0;}

.parknpass-block:hover .about-this-parknpass {background-color: #fffffff0;transform: translate(0, 0);}

/*#################_______BLOG PAGE________##################*/
/*HOT TOPIC LIST*/
.hot-topic-list{margin-bottom: 40px;}
.hot-topic-list li a{color: var(--color-secondary);}
.hot-topic-list li a:hover{text-decoration: underline;color: var(--color-primary);}
.blog-list .blog-list-item img{ max-width:65px; margin-right: 15px; }
.blog-list .blog-list-item h6{font-size: 15px;}
.blog-list .blog-list-item a:hover{color: var(--color-primary);}

/*#################_______BLOG DETAILS PAGE________##################*/
.blog-article-content{}
.blog-article-content .section-heading h3{font-weight: 600; color: var(--color-secondary); font-size: 40px; line-height: 120%; margin-bottom: 10px;}
.blog-article-content p, .blog-article-content ul li{font-size: 14px;}
.blog-article-content h4{color: var(--color-secondary);}
.blog-article-content h4{font-weight: 700;margin-bottom: 10px; font-size: 22px;}
.blog-article-content h5{font-weight: 600;margin-bottom: 10px; color: var(--color-text-dark);font-size: 20px;}
.blog-article-content h6{font-weight: 600; margin-bottom: 10px; color: var(--color-text-dark);}
.blog-article-content ul,
.blog-article-content ol{margin: 0 0 1rem 0; padding: 0 0 0 18px;}
.blog-article-content ul li,
.blog-article-content ol li{margin: 0 0 0.5rem 0;}

.blog-article-content p a,
.blog-article-content ul li a,
.blog-article-content ol li a{font-weight: 600;}


/*HOMEPAGE REVIEWS BACKGROUND*/
feefowidget-container-carousel .feefowidget-background-white {background-color: transparent!important;}



/*#################_______FOOTER PAGE________##################*/

.site-footer{background-color: var(--color-footer-bg);}
.site-footer .hr-divider hr{opacity: 1; border-color: var(--color-footer-border);box-shadow: 0 1px 0 white;margin-top: 32px;margin-bottom: 32px;}

.site-footer .newsletter-section{background-color: var(--color-newsletter-bg);padding-top: 24px;padding-bottom: 24px;margin-bottom: 60px;}
.site-footer .newsletter-section .form-control{background-color: #ffffff7d;}
.site-footer .newsletter-section .btn, .site-footer .newsletter-section .form-control{height: 40px;font-size: 12px;}
.site-footer .newsletter-section .btn{font-size: 13px;line-height: 1;}

/*=================================================================*/

.footer-about-section{}
.footer-about-section .social-links a:hover{opacity: 0.8;}
.footer-about-section .trust-logos figure{min-height: 71px; display: flex; align-items: center;margin-bottom: 30px;}

/*=================================================================*/

.footer-contact-section .contactinfo-column{border-right: 1px solid var(--color-footer-border);box-shadow: 1px 0 0 white;}
.footer-contact-section .contactinfo-column:last-child{border-right: 0;box-shadow: none;}
.footer-contact-section .contactinfo-block{padding-top: 16px;padding-bottom: 16px;}
.footer-contact-section .contactinfo-icon{width: 34px;margin-right: 16px;}



.footer-links-section ul{margin: 0 0 20px 0;padding: 0;}
.footer-links-section ul li{list-style: none;margin-bottom: 24px;}
.footer-links-section ul li:last-child{margin-bottom: 0;}
.footer-links-section ul li a{font-size: 13px;line-height: 1.4;color: var(--color-footer-text);display: block;font-weight: 500;}
.footer-links-section ul li a:hover{color: var(--color-secondary);}



/*###################################################################################*/
/*##################_________HOT DEALS AND MIXITUP LISTING________###################*/
/*###################################################################################*/
.listing-top-filters .location-filter .form-select,
.listing-top-filters .form-select{font-size: 12px; max-width: 170px;}

.listing-top-filters .rating-filter{display: flex; align-items: center; justify-content: center;}
.listing-top-filters .rating-filter .btn{width: 25%;padding: 6px; border-radius: 0; margin-left: -1px; color: var(--color-text-dark); border-color: var(--bs-gray-600);}
.listing-top-filters .rating-filter .btn i{color: var(--color-yellow-2);}

.listing-top-filters .rating-filter label.btn.first-btn{border-radius: 0.375rem 0 0 0.375rem;}
.listing-top-filters .rating-filter label.btn.last-btn{border-radius: 0 0.375rem 0.375rem 0;}

.listing-top-filters .rating-filter .btn-check:checked+.btn{color: #fff; border-color: var(--bs-primary);}

.listing-top-filters.mixitup-fiters .rating-filter .btn{width: 33.33%;}

.mixitup-listing .mixitup-card-block{margin-bottom: 0;}
.mixitup-listing .mixitup-card-block .mixitup-card-content{padding-bottom: 0;}
.mixitup-listing .mixitup-card-block .mixitup-amenity-row{border-color: transparent;}
.mixitup-listing .mixitup-card-block .mixitup-detail-action{height: 100%; background-color: var(--color-light-4);padding-bottom: 16px;}
.mixitup-listing .mixitup-card-block .mixitup-card-inner {padding: 16px 20px;}



/*###################################################################################*/
/*#####################____________HOT DEALS DETAILS___________######################*/
/*###################################################################################*/
.deal-img-lg figure{position: relative; min-height: 445px;}
.deal-img-sm{gap: 8px;display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.deal-img-sm figure{height: 33.33%;width: 100%; position: relative;}
.deal-img-lg figure img{object-fit: cover;position: absolute; top: 0; left: 0; width: 100%; height: 100%;transition: opacity 1000ms ease-in-out;}
.deal-img-sm figure img{object-fit: cover;position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.deal-detail-info{border: 1px solid var(--color-light-2);height: 100%;position: relative; padding-bottom: 90px;}
.deal-detail-info .deal-detail-content{padding: 20px 20px 0;}
.deal-detail-info .deal-action .btn{height: 46px; display: flex; align-items: center;}
 
.deal-detail-info .facilities-detail-wrap {position: relative;overflow: hidden;}
.deal-detail-info .facilities-detail-wrap.isOpen .more-facilities{top: -1px;}
.deal-detail-info .facilities-detail-wrap .more-facilities {background: var(--color-light-1); border: 1px solid var(--color-light-2); position: absolute; left: 0;right: 0;top: 100%; transition: all 200ms ease;}

.deal-detail-info .facilities-detail-wrap .more-facilities .more-facilities-header {padding: 6px 10px; border-bottom: 1px solid var(--color-light-2); font-size: 12px; text-transform: uppercase; font-weight: 700; color: var(--color-primary); }
.deal-detail-info .facilities-detail-wrap .more-facilities-inner{padding: 10px; width: 100%; height: 100px; overflow-y: auto; overflow-x: hidden;}

.deal-detail-info .deal-detail-content hr{border-color: var(--bs-gray-500); margin-top: 0;margin-bottom: 0;}
.deal-contactinfo-wrap{padding: 0 20px 14px; position: absolute; left: 0; right: 0; bottom: 0;}
.deal-contactinfo-block{z-index: 2; position: relative; padding: 12px 12px; box-shadow: 0 -1px 10px hwb(0deg 0% 100% / 24%); }
.deal-contactinfo-wrap span{position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; width: 100%; height: 45px; background: rgb(47,125,242); background: linear-gradient(315deg, rgba(47,125,242,1) 0%, rgba(216,0,39,1) 100%);}

.deal-content-tab{margin-bottom: 16px;}
.deal-content-tab .nav{padding: 5px;display: flex; justify-content: space-between;}
.deal-content-tab .nav .nav-link{font-size: 13px; color: var(--color-bodycopy); font-weight: 500;border-radius: 50px; padding-left: 1.8rem;padding-right: 1.8rem;}
.deal-content-tab .nav .nav-link:hover{background-color: var(--color-text-grey); color: white;}
.deal-content-tab .nav .nav-link.active{ font-weight: 600; color: white;}

.content-block{background-color: white; border: 1px solid var(--color-light-2); box-shadow: var(--bs-box-shadow-sm);}
.content-header{padding: 10px;border-bottom: 1px solid var(--color-light-2);background-color: var(--color-light-3); font-size: 17px; font-weight: 600; color: var(--color-secondary);}
.content-body{padding: 20px;}
.content-body .facility-block .icon{height: 28px;width: 28px;margin-right: 10px;}
.content-body .facility-block p{margin-bottom: 0;}

.content-body p{font-size: 13px; line-height: 170%;word-wrap: break-word;color: var(--color-bodycopy); font-weight: 400;}
.content-body .map{width: 100%; height: 320px; display: block;}

@media (max-width: 991.98px) {
    .deal-content-tab .nav {flex-direction: row; flex-wrap: nowrap; overflow: auto;}
    .deal-content-tab .nav li.nav-item {min-width: max-content; }
    .deal-content-tab .nav .nav-link{padding-left: 1rem;padding-right: 1rem;}
}
@media (max-width: 767.98px) {
    .deal-img-sm {flex-direction: row;padding-top: 8px;}
    .deal-img-sm figure {width: 33.33%;width: 100%;height: 92px;}
}
@media (max-width: 576.98px) {
    .deal-img-lg figure {min-height: 300px;}
}

/*###################################################################################*/
/*#####################____________MIXITUP DETAILS___________######################*/
/*###################################################################################*/
.mixitupdetail-slider .swiper-pagination {position: absolute; display: flex; flex-direction: row; justify-content: flex-end; padding: 10px; margin: 0; bottom: 0!important; }
.mixitupdetail-slider figure{position: relative;}
.mixitupdetail-slider figure figcaption{position: absolute;left: 0;right: 0;bottom: 0; padding: 10px; letter-spacing: 0.2px;background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);}
.mixitupdetail-slider figure img{object-fit: cover;position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.mixitupdetail-slider figure,
.deal-detail-info.mixitup-deal-info{min-height: 480px;}

.stay-info-wrap{padding-top: 10px;padding-bottom: 10px;}
.stay-info-wrap .stay-info-row{padding-top: 3px;padding-bottom: 3px;}
.stay-info-wrap .stay-info-row .rounded-circle{width: 18px;height: 18px;font-size:11px; margin-right: 5px;display: flex; justify-content: center; align-items: center; line-height: 1;}
.stay-info-wrap .stay-info-row p{color: var(--color-bodycopy);}

.mixitup-content-tab .nav-item{width: 50%;}
.mixitup-content-tab .nav-item:last-child{margin-left: -1px;}
.mixitup-content-tab .nav-link{padding-top: 10px;padding-bottom: 10px; border: 1px solid var(--color-bodycopy); border-radius: 0; width: 100%; font-size: 17px; font-weight: 600; color: var(--color-secondary);}
.mixitup-content-tab .nav-link span{display: block; padding-top: 3px;padding-bottom: 3px; color: var(--color-primary);text-transform: uppercase; font-size: 14px;letter-spacing: 0.2px;}
.mixitup-content-tab .nav-link.active{background-color: var(--color-secondary); border-color: var(--color-secondary); color: white; border-bottom:4px solid var(--color-accent); position: relative;}
.mixitup-content-tab .nav-link.active:after{content: ""; width: 0; height: 0; border-left: 21px solid transparent; border-right: 21px solid transparent; border-top: 12px solid var(--color-accent);position: absolute; top: 100%; left: 50%; transform: translateX(-50%);}
.mixitup-content-tab .nav-link.active span{color: white;}

.mixitup-content-tab .nav-link:not(.active):hover{background-color: var(--color-text-grey); border-color: var(--color-text-grey); color: white;}
.mixitup-content-tab .nav-link:not(.active):hover span{color: white;}

.mixitup-tabcontent{position: relative; padding: 56px 20px 20px; margin-top: 20px;border: 1px solid var(--bs-gray-300);}
.mixitup-tabcontent .place-title{font-size: 34px; margin-bottom: 10px;}
.mixitup-tabcontent .duration-time{background-color: var(--color-primary); color: white; height: 34px; display: inline-flex; align-items: center; justify-content: center; line-height:1; font-weight: 600; min-width: 180px; text-transform: uppercase; font-size: 16px; position: absolute; left: 50%; top: 0; transform: translateX(-50%);}

.mixitup-tabcontent .duration-time:before,
.mixitup-tabcontent .duration-time:after{content: "";width: 0; height: 0; border-top: 34px solid var(--color-primary);position: absolute;}
.mixitup-tabcontent .duration-time:before{ border-left: 20px solid transparent;left: -20px;;}
.mixitup-tabcontent .duration-time:after{border-right: 20px solid transparent;right: -20px;}

.mixitup-tab-inner .content-block{margin-bottom: 16px;}


.orlando-holidays-section p.more{color: var(--color-bodycopy); font-weight: 400; font-size: 15px;}

.hl_review > p {font-size: 14px; color: #444!important;}
.disney-amminties p.more.redmore {font-size: 13px;display: -webkit-box!important; overflow: hidden!important; -webkit-line-clamp: 2!important; -webkit-box-orient: vertical!important; color: #444!important; }




/*##############################################################################*/
/*##################_______________MEDIAQUERIES______________###################*/
/*##############################################################################*/

@media (max-width: 1399.98px) {


}
/*===============================================================================*/
/*===============================================================================*/
@media (max-width: 1199.98px) {
    .site-header{background: rgb(244,248,254); background: linear-gradient(0deg, rgba(244,248,254,1) 0%, rgba(253,254,255,1) 100%);}
    .brand-top {padding-top: 24px; padding-bottom: 24px;}
    .main-navbar .navbar .nav-item .nav-link{padding-left: 0.6rem; padding-right: 0.6rem;font-size: 14px;}
}
/*===============================================================================*/
/*===============================================================================*/
@media (max-width: 991.98px) {
    .navbar-nav .dropdown-menu .dropdown-menu {margin: 10px !important;}
    .brand-top {padding-top:10px; padding-bottom:0px}
    .brand-top .brand-logo img {height: 28px; width: 200px;}
    .brand-top .header-right .btn {width: 120px; line-height: 120%;font-weight: 700 !important;}
    .brand-top .navbar-toggler{display: inline-block;top:0}
    .partners-section p{font-size: 18px} 

    /*PARK AND PASSES PAGE=======================================================*/
    .parknpass-block .whats-included-list {display: flex; flex-direction: row; flex-wrap: wrap;}
    .parknpass-block .whats-included-list li {width: 48%; margin-right: 2%; margin-bottom: 10px;}
    .mixitup-listing .mixitup-card-block .mixitup-amenity-row{border-color: var(--bs-gray-200);}
}
/*===============================================================================*/
/*===============================================================================*/
@media (max-width: 767.98px) {
    .brand-top .feefo-header {display: none!important;}
    .site-footer .newsletter-section .btn, 
    .site-footer .newsletter-section .form-control {height: 57px;font-size: 16px;}
    .listing-top-filters .location-filter .form-select,
    .listing-top-filters .form-select{max-width: 100%; font-size: 11px;}

}
/*===============================================================================*/
/*===============================================================================*/
@media (max-width: 575.98px) {
    .section-heading h2, .sectionhdn{font-size: 32px;}
    .section-heading p{font-size: 16px;line-height: 1.6;}
    .swiper-button-next, .swiper-button-prev, .swiper-button-prev:after, .swiper-button-next:after{height: 42px; width: 42px;}
    .hf-topbanner-section{height: 260px;}

    .brand-top .brand-logo img {height: 22px; width: 150px;}
    .brand-top .header-right .btn {width: 100px; font-size: 10px!important; padding-left: 8px; padding-right: 8px; }
    .brand-top .phone-info{display: none;}


    .amenity-name{font-size: 12px;}
    /*DEALS CARDS*/
    .deals-slider .swiper-button-prev {left: 0; display: none;}
    .deals-slider .swiper-button-next {right: 0; display: none;}
    .swiper .deal-card-block{margin-left: 10px;}
    .deal-card-block .deal-amenity-row .amenity-icon{margin-bottom: 10px;display: block;}
    /*.deal-card-block .deal-amenity-row .amenity-icon img {height: 24px; width: 24px;}*/
    .deal-card-block .cardbreadcrumb{font-size: 13px;}
    .deal-card-block .deal-title{font-size: 19px;}
    .deal-card-block .btn{height: 46px; display: flex!important; align-items: center;}
    .deal-card-block .deal-price .fs21{font-size: 28px; font-weight: 800;}

    

    /*MIXITUP CARDS*/
    .mixitup-slider .swiper-button-prev {left: 0; display: none;}
    .mixitup-slider .swiper-button-next {right: 0; display: none;}
    .swiper .mixitup-card-block{margin-left: 10px;}
    .mixitup-card-block .mixitup-amenity-row .amenity-icon{margin-bottom: 6px;display: block;}
    .mixitup-card-block .mixitup-amenity-row .amenity-icon img {height: 24px; width: 24px;}
    .mixitup-card-block .mixitup-locinfo{font-size: 13px;}
    .mixitup-card-block .mix-title{font-size: 19px;}
    .mixitup-card-block .mixloc-place{font-size: 16px;}
    .mixitup-card-block .btn{height: 46px; display: flex!important; align-items: center;}

    .deal-card-block .deal-card-content .btn,
    .mixitup-card-block .mixitup-action .btn {padding: 15px 5px; font-size: 10px;}
    .deal-card-block .deal-amenity-row .amenity-icon,
    .mixitup-card-block .mixitup-amenity-row .amenity-icon{width: 24px; height: 24px;}

    .deal-card-block .deal-amenity-row .amenity-icon img,
    .mixitup-card-block .mixitup-amenity-row .amenity-icon img{width: 100%; height: auto;}

    /*EXPLORE FLORIDA*/
    .florida-section .florida-block h4{font-size: 20px;}

    /*HOTEL TABS*/
    .hotel-tablink-slider .swiper-button-prev, .hotel-tablink-slider .swiper-button-next, 
    .hotel-tablink-slider .swiper-button-prev:after,
    .hotel-tablink-slider .swiper-button-next:after{display: none!important;}
    
    /*HOTEL CARDS*/
    .hotels-slider .swiper-button-prev {left: 0; display: none;}
    .hotels-slider .swiper-button-next {right: 0; display: none;}
    .swiper .hotel-card-block{margin-left: 10px;}
    .hotel-card-block .hotel-breadcrumb{font-size: 13px;}
    .hotel-card-block .hotels-title{font-size: 19px;}



    /*USP SECTION HOMEPAGE*/
    .usps-section .usp-block h2{font-size: 32px;}
    .usps-section .usp-block img {height: 64px; width: 64px; margin-bottom: 26px;}

    /*FOOTER*/
    .footer-links{margin-bottom: 30px;}

    /*ORLANDO HOLIDAYS PAGE*/
    .page-sectionnav ul {display: flex; flex-direction: row; justify-content: space-between;}
    .page-sectionnav ul li a{padding: 20px 0.2rem; font-size: 12px;}
}






























