*:not(.fa):not(.fas):not(.far){ font-family:'Mukta', sans-serif !important;} a{ text-decoration:none;} input:focus-visible, select:focus-visible, textarea:focus-visible{outline:0px;} .deals-container .container{ max-width:1224px;} :root{--brand-color:#287dfa;} @media (max-width: 1224px) { .deals-container .container{ overflow-x:hidden;} } .numberfield { position:relative;} .slick-arrow.slick-next img, .slick-arrow.slick-prev img{ display:none;} .deals-container{width: 100%; display: flex; flex-wrap: wrap;} .deal-titles, .deal-titles h1, .deal-titles h2, .deal-titles h3, .deal-titles h4, .deal-titles h5, .deal-titles h6,.deal-titles > div, .deal-titles > div > p, .deal-titles > div:first-child > p, .deal-titles > div:first-child span, .deal-titles span, .deal-titles strong, .deal-titles p, .deal-titles p b{ font-size: clamp(22px, 4vw, 24px) !important; font-weight: 600; color: #000; margin: 0; padding: 0;text-transform:none; text-align: left !important; } .deal-subTitles, .deal-subTitles h1, .deal-subTitles h2, .deal-subTitles h3, .deal-subTitles h4, .deal-subTitles h5, .deal-subTitles h6,.deal-subTitles > div, .deal-subTitles > div > p, .deal-subTitles > div:first-child > p, .deal-subTitles > div:first-child span, .deal-subTitles span, .deal-subTitles strong, .deal-subTitles p, .deal-subTitles p b{font-size:clamp(14px, 4vw, 15px); color:#6E6E6E; font-weight:400; margin:3px 0 0 0; font-weight:400; line-height: 22px; text-align: left !important;} /*FAQ best flight deals start*/ .best-flight-deals{padding: 25px 0 ; width: 100%; } .deals-container section:first-child{ padding-top:0px !important;} .top-titles {text-align: center; margin: 0 0 20px;} .top-titles .dTitles, .top-titles .dTitles h1, .top-titles .dTitles h2, .top-titles .dTitles h3, .top-titles .dTitles h4, .top-titles .dTitles h5, .top-titles .dTitles h6,.top-titles .dTitles > div, .top-titles .dTitles > div > p, .top-titles .dTitles > div:first-child > p, .top-titles .dTitles > div:first-child span, .top-titles .dTitles span, .top-titles .dTitles strong, .top-titles .dTitles p, .top-titles .dTitles p b{ font-size: clamp(22px, 4vw, 24px) !important; font-weight: 600; color: #000; margin: 0; padding: 0;text-transform:none; text-align: left !important; } .top-titles .subTitles, .top-titles .subTitles h1, .top-titles .subTitles h2, .top-titles .subTitles h3, .top-titles .subTitles h4, .top-titles .subTitles h5, .top-titles .subTitles h6,.top-titles .subTitles > div, .top-titles .subTitles > div > p, .top-titles .subTitles > div:first-child > p, .top-titles .subTitles > div:first-child span, .top-titles .subTitles span, .top-titles .subTitles strong, .top-titles .subTitles p, .top-titles .subTitles p b{font-size:clamp(14px, 4vw, 15px); color:#6E6E6E; font-weight:400; margin:3px 0 0 0; font-weight:400; line-height: 22px; text-align: left !important;} .top-titles span.line{ width:80px; height:3px; background:var(--brand-color); display:inline-block; margin: 5px auto;} .tab-content-cms2.current { display: block; } .tab-content-cms2 { display: none; } .one-round { text-align: center; margin: 0 0 30px; } .one-round a { background: #fff; min-width: 121px; cursor: pointer; border: 1px solid #C7C7C7; color: #212A30; font-size: 14px; text-decoration: none; display: inline-block; border-radius: 10px; padding: 3px 24px; } .one-round a.current { background: #EAF2F8; color: #212A30; border: 1px solid #212A30; } .one-round a + a{ margin: 0 0 0 7px;} .top-classes-list{ display: flex; flex-wrap: wrap; max-width: 310px; justify-content: space-between; } .top-classes-list a{ color: #9B9B9B; font-size: 13px; margin: 0 0 10px; padding: 5px 0; border: 1px solid #C7C7C7; text-align: center; width: 150px; text-decoration: none; border-radius: 4px;} .top-classes-list a.selected-class{ color: #fff; background: #212A30; border: 1px solid #212A30;} .calender-left{ border-right: 1px solid #212A30; display: inline-block; padding: 0 0 20px; min-width: 333px;} .calender-flex { display: flex; } .tab-cv{ display: none;} .tab-cv.active-cv{ display: block;} .c-v a{ border: 1px solid #E2E2E2; cursor: pointer; margin: 10px 0 0 0; border-radius: 5px; padding: 10px 18px; display: flex; align-items: center; justify-content: space-between; text-decoration: none; max-width: 310px;} span.month-nme{ font-size: 16px; color: #5E5E5E;} span.ver-prc{ font-size: 22px; font-weight: bold; color: #747474;} span.ver-prc sub{ font-size: 12px; } .c-v a.tab-link.cv-current span.ver-prc{ color: #272727;} .c-v a.tab-link.cv-current span.month-nme{ color: #272727;} .c-v a.tab-link.cv-current{ max-width: 333px; border-radius: 5px 0 0 5px; border: 1px solid #272727; border-right: 0px; padding-right: 41px;} .calender-right { padding: 0 0 0 25px;} .note-part { border-bottom: 1px solid #E4E4E4; border-top: 1px solid #E4E4E4; padding: 15px 0; } .note-left { position: relative; display: inline-block; font-size: 12px; line-height: 16px; color: #474747; width: 80%; } .note-left span { position: absolute; left: 0; color: #474747; font-weight: 500; font-size: 14px; } .note-left p { margin: 0; padding: 0 0 0 38px; } .note-right { font-size: 14px; color: #7F7F7F; display: flex; vertical-align: top; margin: 6px 0 0 0; float: right; } .note-right span { height: 20px; width: 20px; background: #50960E; margin-right: 8px; border-radius: 4px; display: inline-block; } /*FAQ best flight deals end*/ /* 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 */ /*1*/ .breakParagraphContainer{ padding:30px 20px; border:2px solid #F1F1F1; border-radius:20px;} .partiyion-wrapper { display: flex; justify-content: space-between; position:relative;} .partiyion-wrapper p{ color: #474747; font-size: 16px; line-height: 24px; margin: 0; padding: 0; font-weight:400;} .partiyion-wrapper .para-top-title { font-size: 16px; color: #212A30; font-weight: 500; line-height: 22px; margin: 0 0 10px; } .partiyion-wrapper .para-top-title h1, .partiyion-wrapper .para-top-title h2, .partiyion-wrapper .para-top-title h3, .partiyion-wrapper .para-top-title h4, .partiyion-wrapper .para-top-title h5, .partiyion-wrapper .para-top-title h6, .partiyion-wrapper .para-top-title p{ font-size: 16px; color: #212A30; font-weight: 500; line-height: 22px;} .partiyion-wrapper p + .para-top-title { margin: 20px 0 10px 0;} .partiyion-wrapper .lft-part{ padding: 0 30px 0 0; border-right: 1px solid #E9E9E9; width: 50%;} .partiyion-wrapper .rgt-part{ padding: 0 0 0 30px; width: 50%; } .lft-part h1, .lft-part h2, .lft-part h3, .lft-part h4, .lft-part h5, .lft-part h6{color: #000000 !important; font-size: 18px !important; line-height: 24px; font-weight:500 !important;} .rgt-part h1, .rgt-part h2, .rgt-part h3, .rgt-part h4, .rgt-part h5, .rgt-part h6{color: #000000 !important; font-size: 18px !important; line-height: 24px; font-weight:500 !important;} .partiyion-wrapper p + p{ margin:0 0 15px 0 ;} @media (max-width: 767px) { .breakParagraphContainer{ padding:20px 15px;} .partiyion-wrapper{ flex-wrap:wrap;} .partiyion-wrapper .lft-part{ padding:0 0 20px 0; border-right: 0px; width: 100%;} .partiyion-wrapper .rgt-part{ padding: 0; width: 100%; } } /*1*/ /*2*/ .faq-leftRight{/*display: flex; justify-content: space-between; flex-wrap:wrap; */list-style:none; margin:0; padding:0; column-count: 2; column-gap: 25px; counter-reset:my-div-count;} .faq-leftRight > div{margin:0; padding: 10px 0px 5px 48px; border-right: 0px solid #E9E9E9; width: 100%; position:relative; break-inside: avoid; -webkit-column-break-inside: avoid; page-break-inside: avoid;} .faq-leftRight > div:before{border: 1px solid var(--brand-color); content:counter(my-div-count); width: 38px; position:absolute; height:38px; border-radius:100px; text-align:center; line-height:38px; font-size:20px; color:var(--brand-color); left: 0; top:0; font-weight: 700; counter-increment:my-div-count;} .faq-leftRight .para-title, .faq-leftRight .para-title p, .faq-leftRight .para-title h1, .faq-leftRight .para-title h2, .faq-leftRight .para-title h3, .faq-leftRight .para-title h4, .faq-leftRight .para-title h5, .faq-leftRight .para-title h6 { font-size: 18px; color: #222; font-weight: 600; line-height: 22px; margin:0 0 10px; } .faq-leftRight > div > p, .faq-leftRight > div > h1, .faq-leftRight > div > h2, .faq-leftRight > div > h3, .faq-leftRight > div > h4, .faq-leftRight > div > h5, .faq-leftRight > div > h6 {color: #474747; font-size: 16px; line-height: 22px; margin: 0 0 15px 0; padding: 0; font-weight:400;} .faq-leftRight p + p, .faq-leftRight img{margin:0 0 15px 0;} .faq-leftRight ol, .faq-leftRight ul{ margin-left:15px;} .faq-leftRight ol li {color: #647582; font-size: 14px; line-height: 22px; margin: 0 0 5px 0; padding: 0; font-weight:400; list-style:auto;} .faq-leftRight ul li {color: #647582; font-size: 14px; line-height: 22px; margin: 0 0 5px 0; padding: 0; font-weight:400; list-style:disc;} .para-wrapper{ position:relative; font-size: 16px; font-weight: 400;} .para-wrapper + .para-wrapper{ margin-top:12px;} .para-wrapper h1, .para-wrapper h2, .para-wrapper h3, .para-wrapper h4, .para-wrapper h5, .para-wrapper h6{font-size: 1rem; font-weight: 600; padding: 0 0 5px 0; margin: 0;} .para-wrapper p{color: #414141; font-size: 16px; margin-bottom: 18px; font-weight:400;} .para-wrapper table tr td p, .para-wrapper table tr th p{margin:0px;} .faq-leftRight li:last-child{ margin:0px !important;} .deals-container ul, .deals-container li {list-style: unset;} .deals-container ul{ margin-left:20px; margin-bottom:10px;} .deals-container ol{ margin-left:15px; padding:0px; margin-bottom:10px;} .deals-container blockquote {padding-left: 2rem; margin:0px; position: relative; overflow: hidden; margin-left:20px;} .deals-container blockquote::before, blockquote::after {position: absolute; color: #777;} .deals-container blockquote::before {content: url("data:image/svg+xml,"); left: 0;} .deals-container blockquote::after {content: ""; left: 5px; top: 25px; width: 3px; height: 100%; background-color: #c5c5c5;} @media (max-width: 767px) { .faq-leftRight{ column-count:1;} .faq-leftRight > div {margin: 0 0 20px 0; padding: 5px 0 5px 45px; border-right: 0px; border-bottom: 1px solid #E9E9E9; width: 100%; position: relative;} .faq-leftRight > div:last-child {margin: 0;border:0px !important;} .para-wrapper p:last-child{ margin:0px;} .faq-leftRight > div:before{ font-size:18px; width:32px; height:32px; line-height:32px;} } /*2*/ /*3*/ .Half-nHalfContent {margin: 15px auto; max-width: 100%; padding: 0 0px; width: 100%; float: left;} .Half-nHalfContent .owl-theme .owl-dots{ display:none;} .Half-nHalfContent .owl-theme .owl-dots .owl-dot span {width: 40px; border:0px; height: 3px; margin: 0px 5px 0 0; background: #C5C5C5; display: block; transition: opacity .2s ease; border-radius: 30px;} .Half-nHalfContent .owl-theme .owl-dots .owl-dot.active span, .Half-nHalfContent .owl-theme .owl-dots .owl-dot:hover span { background: var(--brand-color);} .Half-nHalfContent .owl-theme .owl-nav [class*=owl-]:hover{ background: #fff; color: #000;} .Half-nHalfContent .owl-carousel .owl-nav { position: absolute; right: 15px; bottom: 15px; width: 106px; display: flex; gap: 10px;} .Half-nHalfContent .owl-carousel .owl-nav button.owl-next, .Half-nHalfContent .owl-carousel .owl-nav button.owl-prev {width: 48px; background:transparent; height: 48px; line-height: 48px;border-radius: 50%; position: relative; top: auto; border:1px solid #E1E1E1; font-size: 13px; left: auto; right: auto; text-align: center; box-shadow:none;} .Half-nHalfContent .owl-carousel .owl-nav button.disabled{opacity:0.4;} .Half-nHalfContent .owl-carousel .owl-nav button.owl-prev img{ transform:rotate(180deg);} .Half-nHalfContent .owl-carousel .owl-nav [class*='owl-'] {-webkit-transition: all .3s ease; transition: all .3s ease; background-color: #fff; font-weight: bold; color: #000; border-radius: 50%;} .Half-nHalfContent .elig-box-2 {display: flex; justify-content: space-between; border: 1px solid #E9E9E9; border-radius: 20px; padding: 15px;} .elig-image-2 {direction: ltr; width: calc(50% - 20px);} .elig-image-2 img {object-fit: cover; height:100%; border-radius:20px; height:365px !important;} .elig-cont-2 {direction: ltr; padding:0 0 20px 20px; width: calc(50% + 20px); display:flex; align-items:center; padding-bottom:70px;} .hnh-title, .hnh-title p, .hnh-title h1, .hnh-title h2, .hnh-title h3, .hnh-title h4, .hnh-title h5, .hnh-title h6 {font-size: 20px; color: #000; padding: 0 0 5px; font-weight: 600; line-height: 24px;} .hnh-det, .hnh-det p, .hnh-det h1, .hnh-det h2, .hnh-det h3, .hnh-det h4, .hnh-det h5, .hnh-det h6{ font-size:16px; font-weight:400; color: #474747; margin-top:10px;} .numberSlide{ font-size:40px; line-height:66px; color:var(--brand-color); font-weight:300; margin-bottom:15px; min-height: 66px;} .hnh-det {height: 180px; overflow-y: auto; margin: 0;} @media (max-width: 767px) { .hnh-det { height:auto;} .Half-nHalfContent .elig-box-2{ flex-wrap:wrap;} .numberSlide{ line-height:normal; min-height:unset;} .elig-image-2{ width:100%;} .elig-cont-2{ width:100%; padding:15px 0 0px 0;} .elig-image-2 img{ height:350px !important; } .Half-nHalfContent .owl-carousel .owl-nav{ top:395px; bottom:auto;} } @media (max-width: 568px) { .elig-image-2 img{ height:300px !important; } .Half-nHalfContent .owl-carousel .owl-nav{ top:340px;} } @media (max-width: 479px) { .elig-image-2 img{ height:250px !important; } .Half-nHalfContent .owl-carousel .owl-nav{ top:287px;} } /* facts deal start */ .singleLargeHorizontal{width:100%; display:flex; flex-wrap:wrap;} .singleLargeHorizontal .item { position: relative; border-radius:20px; overflow: hidden;} .singleLargeHorizontal .item img{ max-width:100%; min-height: 600px; max-height: 600px;} .i-factss{ position:relative;} .singleLargeHorizontal .item-capt { position: absolute; z-index: 2; top: 0; left: 0; height: 100%; max-width:100%; width: 100%; background: linear-gradient(90deg,rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.75) 36%, rgba(0, 0, 0, 0) 83%); border-radius: 20px; color: #fff; } .d-area { padding: 0 20px; display: flex; align-items: center; height: 100%; overflow:auto;} .d-area .da-prara{ margin: 20px 0px 40px 0; max-width: 480px;} .da-title { font-size: 20px; color: #fff; font-weight: 500; position: relative; padding: 0 0 10px; margin: 0 0 10px; } .da-title::after{width: 75px; height: 3px; position: absolute; left: 0; bottom: 0px; background: #FF3C66; content: "";} .da-prara, .da-prara p{ font-size: 16px; color: #fff; font-weight: 400; } .da-prara h1, .da-prara h2, .da-prara h3, .da-prara h4, .da-prara h5, .da-prara h6{ font-size: 18px; color: #fff; font-weight: 600; margin-bottom:10px; } .singleLargeHorizontal .owl-item{border-radius: 10px; overflow: hidden;} .singleLargeHorizontal .owl-item.active.center { opacity: 1;} .singleLargeHorizontal.editDealWrap .item-capt {bottom: 0; top: auto; height: auto; background: none;} .singleLargeHorizontal.editDealWrap .item{ margin-bottom:12px;} .singleLargeHorizontal .owl-carousel .owl-nav button.owl-next{ top:calc(50% - 20px); background: #fff url("../images/arrow-next.svg") 50% 55% no-repeat; } .singleLargeHorizontal .owl-carousel .owl-stage-outer{ border-radius:20px; overflow:hidden; } .singleLargeHorizontal .owl-carousel .owl-nav button.owl-prev{margin-top: -20px; top:calc(50% - 20px); background: #fff url("../images/arrow-next.svg") 50% 50% no-repeat; transform:rotate(-180deg) translateY(-50%);} .singleLargeHorizontal .owl-carousel .owl-nav i{ display:none;} .singleLargeHorizontal .owl-dots{margin: 0px 0 0 20px !important; width: 100%; text-align: left; position: absolute; bottom: 20px;} .singleLargeHorizontal .owl-dots button.owl-dot {position: relative; display: inline-block; width: 10px; height: 10px; padding: 0; line-height: 10px; background: #fff; border-radius: 10px; margin: 0 5px; border: none; outline: none; transition: all 0.3s ease-in-out; opacity:0.5;} .singleLargeHorizontal .owl-dots button.owl-dot.active { transform: scale(1.4); opacity:1;} @media (max-width: 767px) { .singleLargeHorizontal .item img{ min-height:400px; max-height: 400px; object-fit: cover;} } @media (max-width: 568px) { .singleLargeHorizontal .item img {max-width: unset; object-fit: cover; min-height: 250px; max-height: 250px;} .d-area{ padding:0 10px;} .singleLargeHorizontal .owl-dots{ left:0; right:0; margin:0 auto !important; text-align:center; bottom:auto; top:220px;} .singleLargeHorizontal .item-capt{ position:relative; height: auto; border-radius: 0 0 20px 20px; background: #2A2A2A;} } @media (max-width: 479px) { .singleLargeHorizontal .item img {min-height: 180px; max-height: 180px;} .singleLargeHorizontal .owl-dots{top:150px;} } /* facts deal start */ .ih_package_deals, .theme_deals{ padding:15px 0; width:100%;} .deals_slider_wrp{ margin:0 auto;} .deals_slider_wrp .deals_head{ text-align:center; max-width:85%; margin:0 auto;} .deals_slider_wrp .deals_head h2{font-size:24px; font-weight:600; color:#000; margin-bottom:4px} .deals_slider_wrp .deals_head p{font-size:14px; font-weight:400; color:#4B4B4B;} .ih_package_deals .deals_slider_wrp .deals_head .add-read-over11.show-less-content11 .second-section11, .ih_package_deals .deals_slider_wrp .deals_head .add-read-over11.show-less-content11 .read-less11, .ih_package_deals .deals_slider_wrp .deals_head .add-read-over11.show-more-content11 .read-more11 {display: none;} .ih_package_deals .deals_slider_wrp .deals_head .read-more11 font, .ih_package_deals .deals_slider_wrp .deals_head .read-less11 {color: #000; text-decoration: underline;} .theme_slick, .owl_hilight{opacity: 0; visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease;} .theme_slick.slick-initialized, .owl_hilight.slick-initialized{visibility: visible; opacity: 1;} .deals_slider_wrp .slider_wrp{ margin-top:15px;} .ihp_slider{ width:100%;} .ihp_slider .slideritem{max-width:220px !important; padding:0 8px; width: 100%; height:280px;overflow:hidden; } .ihp_slider .slideritem .itemtop{ width:100%; height:280px; border-radius:10px; background:#F6F6F6; position:relative; transition:all 0.3s ease-in-out; overflow:hidden;} .ihp_slider .slideritem .itemtop:before{content: '180x280px'; position: absolute; background: url(../images/img_icon.svg) center bottom 14px no-repeat; width: 100%; height: 50px; left: 0; right: 0; margin: 0 auto; top: 40px; font-size: 12px;font-weight:400; color:#9C9C9C; text-align: center; padding: 40px 0 0 0; color: #ccc;} .ihp_slider .slideritem .itemtop .imgbox{position: relative; width:100%; height:280px; border-radius:10px; overflow:hidden; transition:all 0.3s ease-in-out;} .ihp_slider .slideritem .itemtop .imgbox img{object-fit:cover; transition:all 0.3s ease-in-out; height: 100%; width: 100%;} .ihp_slider .slideritem .itemtop .content{ display:flex; flex-wrap:wrap; width:100%; border-radius:0 0 10px 10px; transform: translateY(0px); transition:all 0.3s ease-in-out; align-items:flex-end; box-sizing:border-box; padding:12px; padding-top:50px; position:absolute; bottom:0; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.7) 50%,rgba(0,0,0,1) 100%);} .ihp_slider .slideritem .itemtop .content h3{ color:#fff; font-size:18px; font-weight:700; width:100%;} .ihp_slider .slideritem .itemtop .content p{ color:#fff; font-size:11px; font-weight:400; width:100%; margin:3px 0;} .ihp_slider .slideritem .itemtop .content p.price{ color:#fff; font-size:20px; font-weight:700; width:100%; margin:0;} .ihp_slider .slideritem .itemtop .content p.price span{ color:#fff; font-size:11px; font-weight:400;} .ihp_slider .slideritem .cta{display:flex; gap:0 10px; margin-top:5px; width:100%;} .ihp_slider .slideritem .cta.single{ /*justify-content:center;*/} .ihp_slider .slideritem .cta a{ font-size:13px; color:#fff; font-weight:500; text-decoration:none; border-radius:8px; max-width:100px; width:100%; height:36px; text-align:center; line-height:36px; 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%); } .ihp_slider .slideritem .cta a.book{background: #fff; color:#000; border:1px solid #000; } /*.ihp_slider .slideritem:hover .itemtop, .ihp_slider .slideritem:hover .imgbox{height:230px; transition:all 0.2s ease-in-out;}*/ .ihp_slider .slideritem .itemtop:hover .content{transform: translateY(0);} .ihp_slider .slick-slide:last-child .slideritem{ padding:0px;} .ihp_slider .slick-dots{ display:none !important;} .ihp_slider .slick-arrow {position: absolute; top: 50%; margin: -21px 0 0 0;transform: translateY(0); z-index: 1; border:0px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); font-size: 0; width: 42px; height: 42px; border-radius: 50%;box-sizing: border-box;} .ihp_slider .slick-prev:before, .ihp_slider .slick-next:before {display: none;} .ihp_slider .slick-arrow.slick-prev {left:-21px; background: #fff url("../images/arrow-next.svg") 50% 48% no-repeat; transform:rotate(-180deg);} .ihp_slider .slick-arrow.slick-next {right:-21px; background: #fff url("../images/arrow-next.svg") 50% 55% no-repeat;} .ihp_slider .slick-arrow {opacity: 1;} .ihp_slider:hover .slick-arrow {opacity: 1; box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);} .ihp_slider .slick-arrow.slick-disabled {opacity: 0;} @media screen and (max-width: 1200px) { .ihp_slider .slick-arrow.slick-next{ right:-15px;} .ihp_slider .slick-arrow.slick-prev {left:-15px;} } .theme_deals .deals_slider_wrp .deals_head .add-read-over12.show-less-content12 .second-section12, .theme_deals .deals_slider_wrp .deals_head .add-read-over12.show-less-content12 .read-less12, .theme_deals .deals_slider_wrp .deals_head .add-read-over12.show-more-content12 .read-more12 {display: none;} .theme_deals .deals_slider_wrp .deals_head .read-more12 font, .theme_deals .deals_slider_wrp .deals_head .read-less12 {color: #000; text-decoration: underline;} .by_theme{ width:100%;} .by_theme .slideritem{max-width:190px !important; padding:0 8px; } .by_theme .slideritem .itemtop{ width:100%; height:200px; border-radius:10px; background:#F6F6F6; position:relative; transition:all 0.3s ease-in-out;} .by_theme .slideritem .itemtop:before{content: '158x200px'; position: absolute; background: url(../images/img_icon.svg) center bottom 14px no-repeat; width: 100%; height: 50px; left: 0; right: 0; margin: 0 auto; top: 40px; font-size: 12px;font-weight:400; color:#9C9C9C; text-align: center; padding: 40px 0 0 0; color: #ccc;} .by_theme .slideritem .itemtop .imgbox{position: relative; width:100%; height:200px; border-radius:10px; overflow:hidden; transition:all 0.3s ease-in-out;} .by_theme .slideritem .itemtop .imgbox img{object-fit:cover; transition:all 0.3s ease-in-out; height:100%; width: 100%;} .by_theme .slideritem .itemtop .content{ box-sizing:border-box; padding:12px 0; position:relative;} .by_theme .slideritem .itemtop .content h3{ color:#222; font-size:18px; font-weight:700; width:100%;} .by_theme .slideritem .itemtop .content p{ color:#222; font-size:12px; font-weight:400; width:100%; margin:3px 0;} .by_theme .slick-slide:last-child .slideritem{ padding:0px;} .by_theme .slick-dots{ display:none !important;} .by_theme .slick-arrow {position: absolute; top: 40%; margin: -21px 0 0 0;transform: translateY(0); z-index: 1; border:0px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); font-size: 0; width: 42px; height: 42px; border-radius: 50%;box-sizing: border-box;} .by_theme .slick-prev:before, .by_theme .slick-next:before {display: none;} .by_theme .slick-arrow.slick-prev {left:-21px; background: #fff url("../images/arrow-next.svg") 50% 48% no-repeat; transform:rotate(-180deg);} .by_theme .slick-arrow.slick-next {right:-21px; background: #fff url("../images/arrow-next.svg") 50% 55% no-repeat;} .by_theme .slick-arrow {opacity: 1;} .by_theme:hover .slick-arrow {opacity: 1; box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);} .by_theme .slick-arrow.slick-disabled {opacity: 0;} @media screen and (max-width: 1200px) { .by_theme .slick-arrow.slick-next{ right:-15px;} .by_theme .slick-arrow.slick-prev {left:-15px;} } .top_Destination{ margin: 10px 0 30px 0;} .top_Destination .td_banner{ position: relative; border-radius: 20px; overflow: hidden;} .top_Destination .td_banner .content{ position: absolute; top: 50%; transform: translateY(-50%); padding:0 0 0 40px; max-width: 500px;} .top_Destination .td_banner .content h2{ text-shadow: 0 3px 6px rgba(0, 0, 0, 0.28); font-size: 28px; font-weight: 600; color: #fff; margin-bottom: 20px;} .top_Destination .td_banner .content a.explore{ font-size: 16px; font-weight: 400; color: #000; background: #fff; border-radius: 6px; padding: 7px 30px; transition: all 0.2s ease-in-out;} .top_Destination .td_banner .content a.explore:hover{ background: #000; color: #fff; } .world_unique{margin: 0;} .world_unique .title{ margin-bottom: 5px; text-align: center;} .world_unique .title h2{font-size: 24px; font-weight: 600; color: #000;} .world_unique .tab-container {position: relative; margin: 10px 0;} .world_unique .tab-container .tab__navigation {position: relative; display: flex; justify-content: center; align-items: center; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; margin: 0 auto;} .world_unique .tab-container .tab__menu {list-style: none; max-width: 100%; text-align: center; white-space: nowrap; scroll-behavior: smooth; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow-x: auto;} .world_unique .tab-container .tab__menu.dragging {scroll-behavior: unset; cursor: -webkit-grab; cursor: grabbing;} .world_unique .tab-container .tab__menu.dragging .tab-btn {pointer-events: none;} .world_unique .tab-container .tab__menu::-webkit-scrollbar {display: none;} .world_unique .tab-container .tab__menu .tab__btn {display: inline-block; color:#717171; background-color: #E9E9E9; font-size: 14px; font-weight: 400; border-radius: 6px; margin: 0 2px; padding: 8px 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: background-color 0.3s ease;} .world_unique .tab-container .tab__menu .tab__btn:hover, .world_unique .tab-container .tab__menu .tab__btn.active {background-color: #000; color: #fff;} .world_unique .tab-container .left__btn, .world_unique .tab-container .right__btn {position: absolute; font-size: 1.8em; cursor: pointer; top: 0;} .world_unique .tab-container .left__btn svg, .world_unique .tab-container .right__btn svg{ margin-top: -2px;} .world_unique .tab-container .left__btn {display: none; left: -5px; background: linear-gradient(to left, transparent, rgba(255,255,255,0.9) 70%); padding: 1px 40px 1px 0; height: 100%;} .world_unique .tab-container .right__btn {right: -5px; background: linear-gradient(to right, transparent, rgba(255,255,255,0.9) 70%); padding: 1px 0 1px 40px; height: 100%;} .world_unique .tab-content {position: relative; width: 100%; padding: 15px 0px; display: none; -webkit-animation: fadein 0.8s; animation: fadein 0.8s;} .world_unique .tab-content.active {display: block;} @-webkit-keyframes fadein { 0% {opacity: 0; transform: translateX(20px);} 100% {opacity: 1; transform: translateX(0);} } @keyframes fadein { 0% {opacity: 0; transform: translateX(20px);} 100% {opacity: 1; transform: translateX(0);} } .overflowhide{ overflow:hidden;} @media screen and (max-width: 768px) { .top_Destination .td_banner img{ width: 100%;} } @media screen and (max-width: 600px) { .top_Destination .td_banner .content{ max-width: 400px;} .top_Destination .td_banner .content h2{ font-size: 24px;} } @media screen and (max-width: 480px) { .ihp_slider .slideritem, .by_theme .slideritem{ max-width: calc(100% - 0px) !important; width: 100% !important;} .ihp_slider .slideritem .itemtop, .ihp_slider .slideritem .itemtop .imgbox{ width: 100%;} .deals_slider_wrp .deals_head{ max-width: 100%;} .top_Destination .td_banner img{ width: 150%;} .top_Destination .td_banner .content{ max-width: 300px; padding-left: 15px;} .top_Destination .td_banner .content h2{ font-size: 22px;} } @media screen and (max-width: 392px) { } .world_unique .slide-list-wrp { background: #ffff; border-radius: 10px; box-shadow: 0px 0px 5px #00000029; max-width: 300px;} .world_unique .slide-list-wrp .image-top-slider img{ width: 100%;} .bigslider{ width: 100%;} .bigslider .mySwiper { padding: 5px 3px;} .world_unique .slide-list-wrp .bottom-slide-detail {padding: 10px 15px 15px;} .world_unique .slide-list-wrp .bottom-slide-detail .namingstar{ border-bottom:1px solid #E3E3E3; padding-bottom: 15px; margin-bottom: 15px; min-height: 100px;} .world_unique .slide-list-wrp .bottom-slide-detail .namingstar .hotel-name {font-size: 16px; color: #222; line-height: 20px; font-weight: 600;} .world_unique .slide-list-wrp .bottom-slide-detail .namingstar .stars {display: flex; margin: 5px 0;} .world_unique .slide-list-wrp .bottom-slide-detail .namingstar .business-bay {font-size: 14px; color: #5B5B5B;margin: 8px 0 0 0;} .world_unique .slide-list-wrp .bottom-slide-detail .unique-am-prc {display: flex; justify-content: space-between; align-items: flex-end;} .world_unique .slide-list-wrp .bottom-slide-detail .unique-am-prc .am-left .date_fromto{ display: flex; align-items: center; gap: 8px; font-size: 11px; color: #222; font-weight: 400;} .world_unique .slide-list-wrp .bottom-slide-detail .unique-am-prc .am-left .price_list{ margin-top: 8px;} .world_unique .slide-list-wrp .bottom-slide-detail .unique-am-prc .am-left .price_list .price{font-size: 20px; color: #222; font-weight: 600; line-height: 20px;} .world_unique .slide-list-wrp .bottom-slide-detail .unique-am-prc .am-left .price_list .avg{font-size: 11px; color: #222; font-weight: 400;} .world_unique .slide-list-wrp .bottom-slide-detail .unique-am-prc .am-left .price_list .total{font-size: 12px; color: #222; font-weight: 500;} .world_unique .slide-list-wrp .bottom-slide-detail .unique-am-prc .am-right .refundable{font-size: 11px; color: #fff; font-weight: 500; border-radius: 4px; background: #086E10; padding: 4px 10px;} .world_unique .slide-list-wrp .swiper{ border-radius: 10px 10px 0 0;} /*.allinc_hp .slide-list-wrp { background: #ffff; border-radius: 10px; box-shadow: 0px 0px 5px #00000029; max-width:316px;} .allinc_hp .slide-list-wrp .image-top-slider img{ width: 100%;} .bigslider .hpSwiper { padding: 5px 3px;} .allinc_hp .slide-list-wrp .bottom-slide-detail{padding: 10px 15px 15px;} .allinc_hp .slide-list-wrp .bottom-slide-detail .city{line-height: 13px; color: rgba(35, 117, 114, 1); font-size: 13px; text-transform: uppercase; font-weight: 400; margin-bottom: 4px;} .allinc_hp .slide-list-wrp .bottom-slide-detail .name_destination{padding-bottom: 5px; min-height: 100px;} .allinc_hp .slide-list-wrp .bottom-slide-detail .name_destination h3{font-size: 18px; color: #222; line-height: 20px; font-weight: 600;} .allinc_hp .slide-list-wrp .bottom-slide-detail .name_destination h3 span{font-size: 11px; color: #828282; line-height: 20px; font-weight: 500;} .allinc_hp .slide-list-wrp .bottom-slide-detail .name_destination h6{margin-top: 4px; text-transform: capitalize; display: inline-block; color: #222; max-width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px;} .allinc_hp .slide-list-wrp .bottom-slide-detail .name_destination h6 img {margin: -2px 5px 0 5px;} .allinc_hp .slide-list-wrp .bottom-slide-detail .name_destination ul{text-transform: capitalize; color: rgba(0, 0, 0, 0.78); margin-bottom: 10px; display: inline-flex; gap: 5px; align-items: center; flex-wrap: wrap;} .allinc_hp .slide-list-wrp .bottom-slide-detail .name_destination ul li{padding: 4px 7px; font-size: 12px; text-align: center; display: inline-flex; align-items: center; border-radius: 4px; border: 1px solid #222222;} .allinc_hp .slide-list-wrp .bottom-slide-detail .name_destination ul li img {display: block; margin: 0 5px 0 0;} .allinc_hp .slide-list-wrp .bottom-slide-detail .unique-am-prc {display: flex; justify-content: space-between; align-items: flex-end;} .allinc_hp .slide-list-wrp .bottom-slide-detail .unique-am-prc .am-left{margin-top: 20px; max-width: 180px; width: 100%;} .allinc_hp .slide-list-wrp .bottom-slide-detail .unique-am-prc .am-left .package_high{background: #F8F8F8; border-radius: 6px; position: relative; padding: 25px 10px 10px 10px;} .allinc_hp .slide-list-wrp .bottom-slide-detail .unique-am-prc .am-left .package_high .head{background: #222; border-radius: 4px; position: absolute; padding: 4px 6px; color: #fff; font-size: 11px; font-weight: 600; display: inline-block; top: -10px; left: 0;} .allinc_hp .slide-list-wrp .bottom-slide-detail .unique-am-prc .am-left .package_high ul{list-style: none;} .allinc_hp .slide-list-wrp .bottom-slide-detail .unique-am-prc .am-left .package_high ul li{color: #222; position: relative; padding: 1px 0; padding-left: 16px; font-size: 11px; font-weight: 500;} .allinc_hp .slide-list-wrp .bottom-slide-detail .unique-am-prc .am-left .package_high ul li:before {position: absolute; content: ''; border-left: 2px solid #222222; border-bottom: 2px solid #222222; width: 9px; height: 6px; left: 0; top: 4px; transform: rotate(-45deg);} .allinc_hp .slide-list-wrp .bottom-slide-detail .unique-am-prc .am-right{min-width: 105px;} .allinc_hp .slide-list-wrp .bottom-slide-detail .unique-am-prc .am-right .price_list{ margin-top: 8px; text-align: right;} .allinc_hp .slide-list-wrp .bottom-slide-detail .unique-am-prc .am-right .price_list .price{font-size: 20px; color: #222; font-weight: 600; line-height: 20px;} .allinc_hp .slide-list-wrp .bottom-slide-detail .unique-am-prc .am-right .price_list .avg{font-size: 11px; color: #222; font-weight: 400;} .allinc_hp .slide-list-wrp .bottom-slide-detail .unique-am-prc .am-right .price_list .total{font-size: 12px; color: #222; font-weight: 500;} .swiper-button-prev, .swiper-button-next { position: absolute; width: 42px; height: 42px; text-rendering: auto; background-color: #fff; border-radius: 50%; z-index: 2; box-shadow: 0 0 15px rgba(75, 75, 75, 0.4); top: calc(30% - 25px); cursor: pointer; } .swiper-button-prev::after, .swiper-button-next::after { content: ""; position: absolute; width: 7px; height: 7px; transform: rotate(-45deg); top: 18px; left: 16px; box-sizing: border-box; } .swiper-button-prev.is-edge, .swiper-button-next.is-edge { opacity: 0.6; box-shadow: none; cursor: not-allowed; } .swiper-button-prev { left: -18px; } .swiper-button-prev::after { border-top: 2px solid #333; border-left: 2px solid #333; left: 19px; } .swiper-button-next { right: -21px; } .swiper-button-next::after { border-bottom: 2px solid #333; border-right: 2px solid #333; } .swiper-pagination-bullet{ background: rgba(255,255,255,.58); opacity: 1;} .swiper-pagination-bullet-active{ background: rgba(255,255,255,1);} .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 2px;} */ @media screen and (max-width: 768px) { /*.allinc_hp .slide-list-wrp,*/ .world_unique .slide-list-wrp{ max-width: 100%;} } @media screen and (max-width: 640px) { .deals_slider_wrp .deals_head h2, .world_unique .title h2{ font-size: 21px;} .deals_slider_wrp .deals_head h2{ margin-bottom: 8px;} .deals_slider_wrp .deals_head p{ font-size: 13px;} } .breadcrumb-mundo{ width:100%; background: #fff; box-sizing:border-box; overflow:hidden; overflow-x:auto;} .breadcrumb-mundo .breadcrumb {list-style: none; display: flex; padding: 10px; margin:0px;} .breadcrumb-mundo .breadcrumb li {display: flex; align-items: center;} .breadcrumb-mundo .breadcrumb li a {text-decoration: none; color: var(--brand-color); padding: 5px 10px; transition: color 0.3s; text-transform:capitalize;} .breadcrumb-mundo .breadcrumb li a:hover {color: #0056b3;} .breadcrumb-mundo .breadcrumb li:not(:last-child)::after {content: ""; margin: 0 5px; color: #6c757d; width: 6px; height: 6px; border-top: 1px solid #212A30; border-right: 1px solid #212A30; transform: rotate(45deg);} .breadcrumb-mundo .breadcrumb li:last-child{ padding: 0 10px;} .breadcrumb-mundo .breadcrumb li:before{ display:none !important;} .package_unique{ padding-top:10px;} .package_unique .containr { padding: 0px; position: relative; width: 100% 1905px; max-width: 1200px; margin: 0 auto 0px; border-bottom: 0px solid #e8e8e8; } .package_unique .title{ margin-bottom: 5px; text-align: center;} .package_unique .title h2{font-size: 24px; font-weight: 600; color: #000;} .package_unique .headtxt h2 {font-weight: 600; color: #0E0E0E; font-size: 24px !important; padding-bottom: 10px;} .package_unique .tab-container {position: relative; margin: 10px 0;} .package_unique .tab-container .tab__navigation {position: relative; display: flex; justify-content: center; align-items: center; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; margin: 0 auto;} .package_unique .tab-container .tab__menu {box-shadow: 0 1px 0 0 #DFE0E4; list-style: none; max-width: 100%; white-space: nowrap; scroll-behavior: smooth; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow-x: auto;} .package_unique .tab-container .tab__menu.dragging {scroll-behavior: unset; cursor: -webkit-grab; cursor: grabbing;} .package_unique .tab-container .tab__menu.dragging .tab-btn {pointer-events: none;} .package_unique .tab-container .tab__menu::-webkit-scrollbar {display: none;} .package_unique .tab-container .tab__menu .tab__btn {display: inline-block; background: unset; border: 0px; border-bottom: 3px solid transparent; font-size: 14px; color: #474747; padding: 10px 1rem; font-weight: 700; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .package_unique .tab-container .tab__menu .tab__btn:hover, .package_unique .tab-container .tab__menu .tab__btn.active {color: var(--brand-color); background: unset !important; border-bottom: 3px solid var(--brand-color); font-weight: 700;} .package_unique .tab-container .tab__menu .tab__btn.active{ pointer-events:none;} .package_unique .tab-container .left__btn1, .package_unique .tab-container .right__btn1 {position: absolute; font-size: 1.8em; cursor: pointer; top: 0;} .package_unique .tab-container .left__btn1 svg, .package_unique .tab-container .right__btn1 svg{ margin-top: -2px; display:none;} .package_unique .tab-container .left__btn1 {display: none !important; left: -5px; background: linear-gradient(to left, transparent, rgba(255,255,255,0.9) 70%); padding: 12px 40px 1px 0; height: 100%;} .package_unique .tab-container .right__btn1 {display: none !important; right: -5px; background: linear-gradient(to right, transparent, rgba(255,255,255,0.9) 70%); padding: 12px 0 1px 40px; height: 100%;} .package_unique .tab-content {position: relative; width: 100%; padding: 15px 0px 0 0; display: none; -webkit-animation: fadein 0.8s; animation: fadein 0.8s;} .tabBigpackage_deals .package_unique .tab-content, .package_unique .tab-content.active {display: block;} .bigslider{ width: 100%; height: calc(100% - 75px); position:relative;} .package_unique .tab-container .left__btn, .package_unique .tab-container .right__btn{ display:none !important;} .bigslider .hpSwiper { padding: 5px 0px 5px 1px} .clickable-area { display:flex; height:100%; cursor:pointer; width:100%;} .clickable-area > form{ width:100%;} .allinc_hp .slide-row{ display:flex; height:100%; max-width:386px;} .allinc_hp .slide-list-wrp {position: relative; background-color: white; border: 1px solid #C9C9C9; width:100%; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; margin-bottom: 0px; border-radius: 15px; overflow: hidden; } .allinc_hp .slide-list-wrp .image-top-slider {position: relative; overflow: hidden; transition: all 0.5s ease; height:200px; background:#e6e6e6;} .allinc_hp .slide-list-wrp .image-top-slider img{width:100% !important; height:100%;} .allinc_hp .slide-list-wrp .image-top-slider .bg-size{transition: all 0.5s ease;} .allinc_hp .slide-list-wrp:hover .image-top-slider .bg-size {-webkit-transform: scale(1.03); transform: scale(1.03); -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} .allinc_hp .slide-list-wrp .label-days {position: absolute; background-color: #ffffff; color: rgb(0, 0, 0); font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320))); text-transform: capitalize; bottom: -6px; left: 0px; padding: 2px 6px; font-weight: 500; border-radius: 4px;} .allinc_hp .slide-list-wrp .holilist-content {padding: 20px 0 0 0; position: relative; display: flex; flex-wrap: wrap; height: calc(100% - 200px); width: 100%; align-content: space-between;} .allinc_hp .slide-list-wrp .holilist-content .tour-detail{ padding: 0 15px; width:100%;} .allinc_hp .slide-list-wrp .holilist-content .tour-detail a{text-decoration:none;} .allinc_hp .slide-list-wrp .holilist-content .price-section{ padding: 15px; border-top: 1px solid #C9C9C9; min-height:78px;} .allinc_hp .slide-list-wrp .holilist-content .tour-detail h5 {color: black; font-weight: 600; font-size: 18px; line-height: 23px; margin-bottom: 5px; /*white-space: nowrap;*/ overflow: hidden; text-overflow: ellipsis; display: block; } .allinc_hp .slide-list-wrp .holilist-content .tour-detail h6 {margin-top: 4px; line-height: 18px; text-transform: capitalize; display: inline-block; color: #000; /*max-width: 360px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/ font-size: 13px; margin-bottom: 10px; } /*.allinc_hp .holilist-box .holilist-content .tour-detail .nowrap-cls {max-width: 300px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}*/ .allinc_hp .slide-list-wrp .holilist-content .tour-detail h6 img {margin:-2px 5px 0 5px; display:inline; filter:grayscale(1);} .allinc_hp .slide-list-wrp .holilist-content .tour-detail ul.tagstourtype{ list-style: none; margin:0px; margin-bottom: 10px; display:flex; gap:5px; flex-wrap:wrap;} .allinc_hp .slide-list-wrp .holilist-content .tour-detail ul.tagstourtype li{ background: #efefef; display: inline-block; margin-bottom: 0px; padding: 2px 8px; border-radius: 3px; font-size: 12px; font-weight: 500;} .allinc_hp .slide-list-wrp .holilist-content .tour-detail ul.tagstourtype li.adventure{ background: #F6F4E4; color: #988F45;} .allinc_hp .slide-list-wrp .holilist-content .tour-detail ul.tagstourtype li.beach{ background: #EEF7FE; color: #4084B9;} .allinc_hp .slide-list-wrp .holilist-content .tour-detail ul.tagstourtype li.nature{ background: #DDF6E8; color: #3D9A66;} .allinc_hp .slide-list-wrp .holilist-content .tour-detail ul.tagstourtype li.purplecolor{ background: #eae4f6; color: #7d4598;} .allinc_hp .slide-list-wrp .holilist-content .tour-detail .peratxt{ font-size: 13px; line-height:18px; height: 54px; color: #626262; width: 100%; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;} .allinc_hp .slide-list-wrp .holilist-content .tour-detail .peratxt p{ font-size: 13px; line-height:18px; color: #626262;} .allinc_hp .slide-list-wrp .holilist-content .tour-detail .include-sec {margin-top: 2px; } .allinc_hp .slide-list-wrp .holilist-content .tour-detail .include-sec ul {text-transform: capitalize; color: rgba(0, 0, 0, 0.78); margin:0; margin-top: 10px; display: inline-flex; align-items: center; flex-wrap: wrap;} .allinc_hp .slide-list-wrp .holilist-content .tour-detail .include-sec ul li {margin-right: 20px; font-size: 12px; font-weight:500; text-align: center; display: inline-flex; align-items: center; padding-bottom: 10px;} .allinc_hp .slide-list-wrp .holilist-content .tour-detail .include-sec ul li:last-child {margin-right: 0px;} .allinc_hp .slide-list-wrp .holilist-content .tour-detail .include-sec ul li img {display: block; margin: 0 5px 0 0;} .allinc_hp .slide-list-wrp .holilist-content .card-footr {width:100%;} .allinc_hp .slide-list-wrp .holilist-content .card-footr .include-package {margin: 15px 0 -5px 0;display: flex; align-items: center; gap: 0 5px; padding-top:7px; border-top: 1px solid #C9C9C9;} .allinc_hp .slide-list-wrp .holilist-content .price-section{ width: 100%; display: flex; justify-content: space-between; align-items: flex-end;} .allinc_hp .slide-list-wrp .holilist-content .price-section .price {display: block;} .allinc_hp .slide-list-wrp .holilist-content .price-section .startingprice{ font-size: 12px; display: flex; align-items: center; gap: 0 10px;} .allinc_hp .slide-list-wrp .holilist-content .price-section .startingprice em{color:#585858;} .allinc_hp .slide-list-wrp .holilist-content .price-section .startingprice span{position: relative; margin-left: 5px; color:#fff; display:inline-flex; background-color:#237572; border-radius:0 5px 5px 0; height: 18px; line-height: 18px; padding: 0 5px;} .allinc_hp .slide-list-wrp .holilist-content .price-section .startingprice span:before{position: absolute; content: ''; width: 13px; height: 18px; background: url(../../images/label-tag.png) no-repeat; left: -11px; top: 0;} .allinc_hp .slide-list-wrp .holilist-content .price-section .price h6 {color: #000000; font-size:24px; font-weight: 800; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; flex-wrap:wrap;} .allinc_hp .slide-list-wrp .holilist-content .price-section .price h6 sub{ font-size: 11px; font-weight: 400; margin: -2px 10px 0 2px;} .allinc_hp .slide-list-wrp .holilist-content .price-section .price h6 del {font-size: 14px; color: #757575; font-weight: 500;} .allinc_hp .slide-list-wrp .dealbtnbox{ min-width:96px;} .allinc_hp .slide-list-wrp .dealbtnbox button{background:var(--brand-color); color: #fff; font-size: 16px; font-weight: 500; padding: 7px 13px; border-radius: 10px; display: inline-block; border:0px; text-align:center;} .allinc_hp .slide-list-wrp .dealbtnQuote button {background:#287DFA; color: #fff; font-size: 16px; font-weight: 500; padding: 7px 13px; border-radius: 10px; display: inline-block; border:0px;} .allinc_hp .slide-list-wrp .dealbtnQuote a {background:#287DFA; min-width:96px; text-decoration:none; color: #fff; font-size: 16px; font-weight: 500; padding: 7px 13px; border-radius: 10px; display: inline-block; border:0px; text-align:center;} .allinc_hp .slide-list-wrp .btnGroup{display: flex; gap: 0 5px;} .allinc_hp .slide-list-wrp .btnGroup .dealbtnbox button{font-size: 16px;font-weight: 500; width:100%; color:#333; padding: 6px 10px; border-radius: 10px; display: inline-block; border: 1px solid #333; background: none;} .allinc_hp .slide-list-wrp .btnGroup .dealbtnbox button:hover{color:#333; border: 1px solid #333; background: none;} .allinc_hp .slide-list-wrp .dealbtnbox button:focus{ outline:0px; } .allinc_hp .slide-list-wrp .dealbtnbox button:hover{ background:rgb(40 125 250);} .allinc_hp .slide-list-wrp .tags-wrap{ display: flex; flex-wrap: wrap; gap: 5px; position: absolute; top: 0; padding: 10px; left: 0;} .allinc_hp .slide-list-wrp .tags-wrap .label-offer{ display: inline-flex; font-size:15px; gap:0 5px; background: #fff; border-radius: 6px; padding: 2px 10px; align-items: center;} .allinc_hp .slide-list-wrp .tags-wrap .label-offer img{ width: auto !important; height:auto;} @media (max-width:600px){ .allinc_hp .slide-list-wrp .label-offer{ padding:2px 6px;} } .allinc_hp .slide-list-wrp .label-package-price { position: absolute; background-color: #ffffff; color: rgb(0, 0, 0); font-size: 18px; bottom: -6px; right: 0; padding: 4px 8px; font-weight: 500; line-height: 1.2; border-top-left-radius: 8px; border-top-right-radius: 5px; /* added box-shadow for better visibility */ box-shadow: 0 2px 6px rgba(0,0,0,0.1); } .allinc_hp .slide-list-wrp .label-package-price p em{ font-size:12px; color: #7c7c7c;} .allinc_hp .slide-list-wrp .label-package-price span strong{ font-size:20px; color: #000;} .allinc_hp .slide-list-wrp .label-package-price span { font-size:12px; font-weight:400; margin: 0; padding: 0;} .allinc_hp .slide-list-wrp .label-package-price h6 { font-size:14px; font-weight:400; color:#333} .dreamHolidayBox .slick-slide, .featured_destinations .slick-slide{ height: auto;} /********************************************POPup Modal Start*****************************************/ button:focus{ outline:0px !important;} .enquire-modal{backdrop-filter: blur(10px);} .enquire-modal .modal-dialog{ max-width:570px !important;} .enquire-modal .modal-content{ border-radius: 15px;} .enquire-modal .modal-title{ font-size: 17px; color: #0877ff; text-transform: uppercase;} .enquire-modal .close{ padding:0; margin:0; border: 0; background: no-repeat; color: #888;} .enquire-modal .close span{ font-weight: 500 !important; font-size: 36px; line-height: 20px; display: inline-block;} .enquire-modal .modal-header{ border: 0px; padding: 20px 15px 12px 15px; position: absolute; right: 0; z-index: 1;} .enquire-modal .modal-body{ padding: 20px 15px 0 15px;} .enquire-pop {position: relative;} .enquire-pop .enquire-img {position: relative; overflow: hidden; transition: all 0.5s ease; border-radius: 10px; height: 130px;} .enquire-pop .enquire-img img{transition: all 0.5s ease; margin-top: -18%;} .enquire-pop:hover .enquire-img img{-webkit-transform: scale(1.03); transform: scale(1.03); -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} .enquire-pop .enquire-content {padding:0; position: relative;} .enquire-pop .enquire-content .price-section{ padding:0;} .enquire-pop .enquire-content .tour-detail h5 {color: black; font-weight: 600; padding-right: 35px; font-size: 20px; line-height:24px; margin-bottom: 5px; /*white-space: nowrap;*/ overflow: hidden; text-overflow: ellipsis; display: block; } .enquire-pop .enquire-content .tour-detail h6 {margin-top: 4px; text-transform: capitalize; display: inline-block; color: #000; /*max-width: 360px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/ font-size: 14px; margin-bottom: 10px; } /*.enquire-pop .enquire-content .tour-detail .nowrap-cls {max-width: 300px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}*/ .enquire-pop .enquire-content .tour-detail h6 img {margin:-2px 5px 0 5px; display: inline;} .enquire-pop .enquire-content .price-section{ width: 100%; display: flex; justify-content: space-between; align-items: flex-end;} .enquire-pop .enquire-content .price-section .price {display: block;} .enquire-pop .enquire-content .price-section .startingprice{ font-size: 12px;} .enquire-pop .enquire-content .price-section .startingprice em{color:#585858;} .enquire-pop .enquire-content .price-section .startingprice span{position: relative; margin-left: 15px; color:#fff; display:inline-flex; background-color:#237572; border-radius:0 5px 5px 0; height: 18px; line-height: 18px; padding: 0 5px;} .enquire-pop .enquire-content .price-section .startingprice span:before{position: absolute; content: ''; width: 13px; height: 18px; background: url(../images/label-tag.png) no-repeat; left: -11px; top: 0;} .enquire-pop .enquire-content .price-section .price h6 {color: #000000; font-size:24px; font-weight: 800; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .enquire-pop .enquire-content .price-section .price h6 sub{ font-size: 11px; font-weight: 400; margin: -2px 0 0 2px; position: relative; top: -3px;} .enquire-pop .enquire-content .price-section .price h6 del {font-size: 14px; color: #757575; font-weight: 500; margin-left: 10px;} .enquire-pop .enquire-content .formbottom{border-top: 0px solid #E3E3E3; padding-bottom: 15px;} .enquire-pop .enquire-content .formbottom .fom-group{ margin-top: 12px; position: relative;} .enquire-pop .enquire-content .formbottom .fom-group#whenpopcal{ position:relative;} .enquire-pop .enquire-content .formbottom .fom-group label{ position: absolute; left: 12px; top: 16px; font-size: 14px; color: #777; padding: 0 4px; transition: 0.2s ease all; pointer-events: none; z-index: 1; margin:0px;} .enquire-pop .enquire-content .formbottom .fom-group label span{ color: #ff0000;} .enquire-pop .enquire-content .formbottom .fom-group input[type=text], .enquire-pop .enquire-content .formbottom .fom-group textarea{ font-size: 16px; width: 100%; color: #161616; font-weight: 400; border-radius: 6px; border: 1px solid #CFCFCF; padding: 22px 12px 8px; } .enquire-pop .enquire-content .formbottom .fom-group select{ font-size: 16px; width: 100%; color: #161616; font-weight: 400; border-radius: 6px; border: 1px solid #CFCFCF; padding: 22px 12px 8px; -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;} .enquire-pop .enquire-content .formbottom .fom-group select.disableSelect{ pointer-events:none; background-color: rgb(0 0 0 / 8%); opacity: 0.8} .enquire-pop .enquire-content .formbottom .fom-group .telephon{ display: block; gap: 8px; width: 100%; } .enquire-pop .enquire-content .formbottom .fom-group .telephon .iti{ width: 100%; display:flex;} .enquire-pop .enquire-content .formbottom .fom-group .telephon .iti .iti__flag-container{ position:relative;} .enquire-pop .enquire-content .formbottom .fom-group input:focus ~ label, .enquire-pop .enquire-content .formbottom .fom-group input:not(:placeholder-shown) ~ label, .enquire-pop .enquire-content .formbottom .fom-group textarea:focus ~ label, .enquire-pop .enquire-content .formbottom .fom-group textarea:not(:placeholder-shown) ~ label, .enquire-pop .enquire-content .formbottom .fom-group select:focus ~ label, .enquire-pop .enquire-content .formbottom .fom-group select:not([value=""]):valid ~ label {top: 5px;left: 9px; font-size: 12px; font-weight: 500; color: #666;} .enquire-pop .enquire-content .formbottom .fom-group .telephon { position: relative; border: 1px solid #CFCFCF; border-radius: 6px;} .enquire-pop .enquire-content .formbottom .fom-group .telephon input {padding:22px 12px 8px !important; border:0px;} .enquire-pop .enquire-content .numberfield {position: relative; width:100%;} .enquire-pop .enquire-content .formbottom .fom-group .agreelabel label, .enquire-pop .enquire-content .formbottom .fom-group input[type=checkbox] ~ label {position: relative; top: auto; left: 5px; font-size: unset; font-weight: 400; pointer-events: auto;} .enquire-pop .enquire-content .formbottom .fom-group .agreelabel {align-items: flex-start;} .enquire-pop .enquire-content .btnenquire{ margin:16px 0;} .enquire-pop .enquire-content .btnenquire a{background: transparent linear-gradient(215deg, #00B3FF 0%, #287DFA 100%) 0% 0% no-repeat padding-box; color: #fff; font-size: 17px; font-weight: 400; padding: 10px 13px; border-radius: 8px; display:block; text-align: center;} .enquire-pop .enquire-content .btnenquire a:hover{ background:rgb(40 125 250); } #whenpopcal .ui-widget.ui-widget-content {bottom: 40px !important; top: auto !important; left: 0px !important; min-width: 305px;border: 0px; position: absolute !important;} span.error-message {font-size: 12px; line-height: 15px; display: block; margin-top: 4px;} .pl-0phone{ padding-left:0px !important;} @media screen and (max-width: 575px) { .pl-0phone{ padding-left:15px !important;} } /********************************************POPup Modal End*****************************************/ .custom-checkbox1 {display: flex; position: relative; align-items: center; padding-left: 0; margin: 9px 0 0 0; align-items: flex-start;} .custom-checkbox1 .custom-control-input1{border: 1px solid #929292; width: 22px; height: 22px; cursor: pointer; border-radius: 6px; margin:1px 0 0 0px; appearance: none; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center;float: left; background-size: contain;} .custom-checkbox1 label {margin: 0 0 0 10px; font-size: 15px; display: flex; cursor:pointer; align-items: center; justify-content: space-between; width: calc(100% - 30px); font-weight: 400;} .custom-checkbox1 label:before, .custom-checkbox1 label:after {display: none;} .custom-checkbox1 .custom-control-input1:checked[type="checkbox"] {border-width: 1px; background-size: 11px; background-color: #F2F2F2; border-color: #222222; box-shadow: 0 0 10px rgba(0,0,0,.25); background-image: url("data:image/svg+xml,%3Csvg id='Group_995' data-name='Group 995' xmlns='http://www.w3.org/2000/svg' width='11.627' height='9.609' viewBox='0 0 11.627 9.609'%3E%3Cg id='Group_994' data-name='Group 994' transform='translate(0 0)'%3E%3Cpath id='Path_1505' data-name='Path 1505' d='M105.356,113.783l-5.3,5.934-2.65-2.544-1.769,1.843,4.559,4.377,7.068-7.907Z' transform='translate(-95.633 -113.783)'/%3E%3C/g%3E%3C/svg%3E%0A");} .custom-checkbox1 label p{font-size: 11px; color: #7A7A7A; padding-top: 2px;} .custom-checkbox1 label p b{font-weight: 400; color: #000000;} .custom-checkbox1 label p a{text-decoration: underline;} .custom-checkbox1 label p a:hover{text-decoration: none;} .swiper-button-prev, .swiper-button-next { position: absolute; width: 40px; height: 40px; text-rendering: auto; background-color: #fff; border-radius: 50%; z-index: 2; box-shadow: 0 0 15px rgba(75, 75, 75, 0.4); top: 215px; /* -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);*/ cursor: pointer; box-sizing: border-box; text-align: center; align-items: flex-start; padding: 9px 0 0 0; display:block; } .home-swiper .swiper-button-prev, .home-swiper .swiper-button-next { padding-top: 9px; } .swiper-button-prev::after, .swiper-button-next::after { content: ""; position: absolute; width: 7px; height: 7px; transform: rotate(-45deg); top: 18px; left: 16px; box-sizing: border-box; display: none; } .swiper-button-prev.is-edge, .swiper-button-next.is-edge { opacity: 0.6; box-shadow: none; cursor: not-allowed; } .swiper-button-prev { left: -18px; } .swiper-button-prev::after { border-top: 2px solid #333; border-left: 2px solid #333; left: 19px; } .swiper-button-next { right: -21px; } .swiper-button-next::after { border-bottom: 2px solid #333; border-right: 2px solid #333; } .package_unique .swiper-wrapper { display: flex; align-items: stretch; } .package_unique .swiper-slide { height: auto !important; /* ensure it grows with content */ } .swiper-pagination-bullet{ background: rgba(255,255,255,.58); opacity: 1;} .swiper-pagination-bullet-active{ background: rgba(255,255,255,1);} .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 2px;} @media screen and (max-width: 1200px) { .swiper-button-next {right: -15px;} .swiper-button-prev {left: -15px;} } @media screen and (max-width: 768px) { .allinc_hp .slide-list-wrp, .package_unique .slide-list-wrp{ max-width: 100%;} } @media screen and (max-width: 640px) { .deals_slider_wrp .deals_head h2, .package_unique .title h2{ font-size: 21px;} .deals_slider_wrp .deals_head h2{ margin-bottom: 8px;} .deals_slider_wrp .deals_head p{ font-size: 13px;} .package_unique .containr{ padding-bottom:35px;} } @media only screen and (max-width: 478px) { .allinc_hp .slide-row { max-width: 100%; } } .skeleton {width: 100%; border-radius: 5px; display: flex; align-items: center; justify-content: space-between;} @keyframes wave-lines { 0% {background-position: -468px 0;} 100% {background-position: 468px 0;} } @keyframes wave-squares { 0% {background-position: -468px 0;} 100% {background-position: 468px 0;} } .skeleton .square {height: 80px; border-radius: 6px; background: rgba(130, 130, 130, 0.2); background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2))); background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%); background-size: 800px 100px; animation: wave-squares 2s infinite ease-out;} .skeleton .line {height: 12px; margin-bottom:6px; border-radius: 4px; background: rgba(130, 130, 130, 0.2); background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2))); background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%); background-size: 800px 100px; animation: wave-lines 2s infinite ease-out;} .skeleton .line:last-child{margin-bottom: 0;} .w100{ width: 100% !important} .h200{ height: 200px !important} .w85{width: 85% !important} .mb5{margin-bottom: 5px !important;} .mb10{margin-bottom: 10px !important;} .h8{height: 8px !important;} .h10{height: 10px !important;} .h12{height: 12px !important;} .h15{height: 15px !important;} .h17{height: 17px !important;} .h20{height: 20px !important;} .h30 {height: 30px !important;} .h40 {height: 40px !important;} .h25{height: 25px !important;} .h60{height: 60px !important;} .w15{width: 15% !important} .w25{width: 25% !important} .w30{width:30% !important;} .w40{ width:40% !important;} .w50{width: 50% !important} .w60{width: 60% !important} .w75{width: 75% !important} .skel-loader-wrp{ display:flex; gap: 0 21px;} .skel-loader-wrp .slide-row{ width:calc(33.33% - 14px); display:block;} .tagbox{ display:flex; gap:10px; margin:15px 0; max-width:220px;} .peratxtbox{ padding:15px 0 30px 0;} ul.includebox {display: flex !important; flex-wrap: nowrap !important; padding: 10px 0px; width:85%;} .includebox li{ width:100%;} .pricebox{ width:50%;} @media screen and (max-width: 989px) { .skel-loader-wrp{ gap: 0 20px;} .skel-loader-wrp .slide-row{ width:calc(50% - 10px);} .skel-loader-wrp .slide-row:nth-child(3){ display:none;} } @media screen and (max-width:478px) { .skel-loader-wrp{ gap: 0px;} .skel-loader-wrp .slide-row{ width:calc(100%);} .skel-loader-wrp .slide-row:nth-child(2), .skel-loader-wrp .slide-row:nth-child(3){ display:none;} } /******************* Right Deals Start ********************/ .trip-deals{ margin: 0; width: 100%; padding: 0 0 20px 0;} .trip-deals .tittle {margin: 0 auto; padding: 0; max-width: 1224px;} .trip-deals .tittle .tittle-head, .trip-deals .tittle .tittle-head h1, .trip-deals .tittle .tittle-head h2, .trip-deals .tittle .tittle-head h3, .trip-deals .tittle .tittle-head h4, .trip-deals .tittle .tittle-head h5, .trip-deals .tittle .tittle-head h6, .trip-deals .tittle .tittle-head p, .trip-deals .tittle .tittle-head span, .trip-deals .tittle .tittle-head strong, .trip-deals .tittle .tittle-head div{font-size: 24px; font-weight: 600; padding:0; margin: 0;} /*.trip-deals .nav-tabs .nav-link{ color: #6e6e6e; font-size: 16px; font-weight: 400; font-family: "Poppins", sans-serif !important;} .trip-deals .nav-tabs .nav-item.show .nav-link, .trip-deals .nav-tabs .nav-link.active{ border-color: transparent;} .trip-deals .nav-tabs .nav-link{ margin-bottom: 0px;} .trip-deals .nav-tabs{ border-bottom: 0px;} .trip-deals .nav-tabs .nav-link:focus, .trip-deals .nav-tabs .nav-link:hover { border-color: transparent;} .trip-deals .fl-100 { border-bottom: 1px solid #dddddd;} .trip-deals .fl-100 .nav-link{ padding: 10px 0 ; margin: 0 ;} .trip-deals .fl-100 .nav-link + .nav-link{ margin: 0 0 0 50px;} .trip-deals .nav-tabs .nav-link.active{ position: relative; color: #ee3e65; }*/ .trip-deals .tab-content{display:block !important;} .trip-deals .tab-content>.tab-pane{ margin: 0 auto; max-width: 1224px; padding: 0px; width: 100%;} /*.trip-deals .nav-tabs .nav-link.active::before{ content: ""; background-color: #ee3e65; height: 2px; width: 100%; position: absolute; bottom: -3px; left: 0px;}*/ .trip-deals .trip-lists-foot{ display: flex; padding: 35px 0 20px 0; width:100%;} .trip-deals .trip-lists-foot .list-groups{ padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 0 15px; width:100%;} .trip-deals .trip-lists-foot .list-groups li{ border: 0px; padding: 0; margin: 0 0 30px; font-size: 14px; color:#323232; width: calc(100% / 6.7);} .trip-deals .trip-lists-foot .list-groups li a{color: #000; font-size: 14px; line-height: 22px; display:block; font-weight:400; text-decoration:none;} .trip-deals .trip-lists-foot .list-groups li a + a{ display:block; color: #647582; font-size: 14px; line-height: 22px; display:block;} .trip-deals .trip-lists-foot .list-groups li a:hover{ text-decoration: none;} .trip-deals .viewbtnall{ text-align:right; margin-top: -40px;} .trip-deals .viewbtnall a{ text-decoration:underline;} .trip-deals .viewbtnall a:hover{ text-decoration:none;} /*.trip-deals .fl-100 nav{ width: 100%; max-width: 1224px; margin: 0 auto; padding: 0;}*/ .tlf-more{ display: none;} @media (max-width: 991px) { .trip-deals .trip-lists-foot .list-groups li{width: calc(100% / 4.26);} /*.trip-deals .nav-tabs .nav-link.active::before{bottom:-1px;}*/ .trip-deals .tab-content > .tab-pane{ padding:0px;} } @media (max-width: 767px) { /*.trip-deals .fl-100 .nav-link{ padding:10px 0 6px 0;} .trip-deals .nav-tabs {overflow:hidden; overflow-x: auto; white-space: nowrap; display: block;} .trip-deals .nav-tabs a {display: inline-block;}*/ .trip-deals .trip-lists-foot .list-groups li {width: calc(100% / 3.26);} /*.trip-deals .fl-100 .nav-link + .nav-link{ margin-left:25px;}*/ } @media (max-width: 479px) { .trip-deals .trip-lists-foot .list-groups li {width: calc(100% / 2.1);} .trip-deals .trip-lists-foot .list-groups li {width: calc(100% / 2.1);} } /******************* Right Deals End ********************/ .widgetStart{ width:100%;} .widgetStart.sec30{padding:30px 0;} .widgetStart .container{ overflow:unset !important;} .spacerDevider hr{ background:#b3b3b3;} .spacerDevider .spaceBlock {width:100%;} .spacerDevider .spaceBlock.smallBlock{ height:2rem;} .spacerDevider .spaceBlock.mediumBlock{ height:4rem;} .spacerDevider .spaceBlock.largeBlock{ height:6rem;} .widget-callAction {background: #FEFEFE; text-align: center; padding: 30px 15px; border-radius: 20px; border:1px solid #E1E1E1;} .widget-callAction .headtext{ color:#000 !important; font-size:24px !important; font-weight:600 !important;} .widget-callAction .subheadtext{ color:#000 !important; font-size:16px !important; font-weight:400 !important; margin-bottom:15px;} .widget-callAction .headtext h1, .widget-callAction .headtext h2, .widget-callAction .headtext h3, .widget-callAction .headtext h4, .widget-callAction .headtext h5, .widget-callAction .headtext h6,.widget-callAction .headtext > div, .widget-callAction .headtext > div > p, .widget-callAction .headtext span, .widget-callAction .headtext strong, .widget-callAction .headtext p:first-of-type{ font-size: 24px !important; font-weight: 600; color: #000 !important; line-height:32px;} .widget-callAction .subheadtext p, .widget-callAction .subheadtext p span, .widget-callAction .subheadtext p strong{ font-size: 16px !important; color: #000 !important; line-height:22px;} .widget-callAction .callToActionBtn{ border-radius: 50px; background: none; display:inline-block; transition:all 0.3s ease-in-out; padding: 10px 20px; border:1px solid var(--brand-color); font-size: 20px; box-sizing:border-box; font-weight: 600; color: var(--brand-color); margin: 0 10px 10px 0; text-decoration: none;} .widget-callAction .callToActionBtn:hover{background: var(--brand-color); color:#fff;} .widget-callAction .callToActionBtn:last-child{ margin:0px;} .widget-callAction .callToActionBtn + .callToActionBtn{ background: var(--brand-color); color: #fff;} .widget-callAction .callToActionBtn + .callToActionBtn:hover{ background: none; color: var(--brand-color);} .single-image-widget {max-width: 100%; position: relative;} .single-image-widget figure {margin: 0; position: relative; display:block; border-radius:20px; overflow-x:hidden; overflow-y:auto;} .single-image-widget figure img {width:100%; max-height:450px; height:450px; } .single-image-widget .figure-caption {position: absolute; bottom: 20px; left: 20px; width: 100%; padding: 30px 20px; font-size: 16px; text-align: left; box-sizing: border-box; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); background: rgba(0, 0, 0, 0.6); max-width: 375px; border-radius: 10px; color: white;} .single-image-widget .figure-caption p, .single-image-widget .figure-caption h1, .single-image-widget .figure-caption h2, .single-image-widget .figure-caption h3, .single-image-widget .figure-caption h4, .single-image-widget .figure-caption h5, .single-image-widget .figure-caption h6, .single-image-widget .figure-caption span, .single-image-widget .figure-caption > div{padding:0px; margin:0; font-size: 16px;} @media (max-width: 479px) { .single-image-widget .figure-caption{left: 15px; right: 15px; width: auto; padding: 15px; max-height: 410px; overflow: auto;} } /***************************************************************************************************************/ .imageGalleryRow {display: grid; grid-template-columns: repeat(auto-fill, minmax(calc(25% - 20px), 1fr)); gap: 20px; grid-auto-flow: dense; grid-auto-rows: minmax(auto, 160px);} .imageGalleryCard {position: relative; overflow: hidden; border-radius: 16px; background: white; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer;} .imageGalleryCard:nth-child(3n+1) {grid-row: span 1;} .imageGalleryCard:nth-child(3n+2) {grid-row: span 2;} .imageGalleryCard:nth-child(3n+3) {grid-row: span 1;} .imageGalleryCard:hover {transform: translateY(-8px); box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25);} .imageGalleryCard::before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.5) 100%); opacity: 0; transition: opacity 0.4s ease; z-index: 1; pointer-events: none;} .imageGalleryCard:hover::before {opacity: 1;} .imageGalleryCard img {width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);} .imageGalleryCard:hover img { transform: scale(1.08);} .image-overlay { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; color: white; z-index: 2; transform: translateY(100%); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);} .imageGalleryCard:hover .image-overlay {transform: translateY(0);} .zoom-icon {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); width: 60px; height: 60px; background: rgba(255, 255, 255, 0.95); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; color: #333; z-index: 4; transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1); pointer-events: none; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);} .zoom-icon svg{ max-width:45%; height:auto; margin:0 auto;} .imageGalleryCard:hover .zoom-icon {transform: translate(-50%, -50%) scale(1);} @media (max-width: 767px) { .imageGalleryRow{grid-auto-rows: minmax(auto, 100px);} } @media (max-width: 489px) { .imageGalleryRow{grid-auto-rows: minmax(auto, 80px); grid-template-columns: repeat(auto-fill, minmax(calc(33% - 15px), 1fr)); gap: 15px;} .zoom-icon{ width:45px; height:45px;} } .testimonial_slider .item { border-radius: 10px; border: 2px solid #F1F1F1; padding: 30px 15px; } .testimonial_slider .owl-item {display: flex;} .testimonial_slider .owl-item > div {width: 100%;} /*.testimonial-carousel .top-titles h1, .testimonial-carousel .top-titles h2, .testimonial-carousel .top-titles h3, .testimonial-carousel .top-titles h4, .testimonial-carousel .top-titles h5, .testimonial-carousel .top-titles h6, .testimonial-carousel .top-titles > div, .testimonial-carousel .top-titles > div > p, .testimonial-carousel .top-titles span, .testimonial-carousel .top-titles strong{color:#3cb371;}*/ .testimonial-carousel .item .testimonial-widget {text-align: center; display: flex; flex-direction: column; justify-content: space-between; /*min-height: 250px;*/ height:100%;} .testimonial-carousel .item .testimonial-widget .quote-icon { font-size:48px; color:#3cb371; opacity: 0.4;} .testimonial-carousel .item .testimonial-widget p { font-size:16px; color:#474747; font-weight:300; font-style: italic;} .testimonial-carousel .item .testimonial-widget .star-rating {color: #ffd600; font-size: 16px; margin-bottom: 15px;} .testimonial-carousel .item .testimonial-widget .author {display: flex; align-items: center; gap: 0 10px; justify-content: center; color:#000; margin-top:30px;} .testimonial-carousel .item .testimonial-widget .author p{color:#000; font-size: 18px; font-weight: 500; font-style:normal !important;} .testimonial-carousel .owl-theme .owl-dots{margin: 15px 0 !important; width: 100%; text-align: center;} .testimonial-carousel .owl-theme .owl-dots button.owl-dot {position: relative; display: inline-block; width: 10px; height: 8px; padding: 0; line-height: 10px; background: #000; border-radius: 10px; margin: 0 6px; border: none; outline: none; transition: all 0.3s ease-in-out; opacity:0.5;} .testimonial-carousel .owl-theme .owl-dots button.owl-dot.active { width: 25px; transform: scale(1.2); opacity:1;} .testimonial-carousel .owl-theme .owl-nav [class*=owl-]:hover{ background: #fff; color: #000;} /*.testimonial-carousel .owl-carousel .owl-nav { position: absolute; right: 15px; bottom: 15px; width: 106px; display: flex; gap: 10px;}*/ .testimonial-carousel .owl-carousel .owl-nav button.owl-next, .testimonial-carousel .owl-carousel .owl-nav button.owl-prev {width: 42px; background:transparent; height: 42px; line-height: 42px;border-radius: 50%; border:1px solid #E1E1E1; font-size: 13px; text-align: center; box-shadow:none; display:none !important;} .testimonial-carousel .owl-carousel .owl-nav button.disabled{opacity:0.4;} .testimonial-carousel .owl-carousel .owl-nav button.owl-prev img{ transform:rotate(180deg);} .testimonial-carousel .owl-carousel .owl-nav [class*='owl-'] {-webkit-transition: all .3s ease; transition: all .3s ease; background-color: #fff; font-weight: bold; color: #000; border-radius: 50%;} .single-slider-fallback { display: flex; justify-content: center; width: 100%; } .single-slider-fallback .item { width: 100%; max-width: 100%; flex: 0 0 100%; } .singleImageOwl {position: relative; padding-bottom:0px;} .singleImageOwl .sImage-wrapper {position: relative; height:360px;} .singleImageOwl .sImage-wrapper img{border-radius:30px; width:100%; height:360px; object-fit:cover;} .singleImageOwl .item .sliderBx{ padding-bottom:0px; height:100%;} .singleImageOwl .sContent {position: relative; background-color: #fff; padding: 20px; margin-top: -50px; border-radius: 20px; height: calc(100% - 318px); display: flex; align-items: stretch; margin-left: 20px; margin-right: 20px; box-shadow: 0 6px 0px rgba(40, 125, 250, 0.20);} .singleImageOwl .sContent .sTitle {font-size:clamp(18px, 4.5vw, 24px); font-weight: 600; margin-bottom: 10px; color:#000;} .singleImageOwl .sContent p {font-size: 16px; font-weight: 400; margin-bottom: 10px; color:#333;} .singleImageOwl .sContent p strong{font-weight: 500; color:var(--brand-color);} .singleImageOwl .owl-theme .owl-dots{margin: 15px 0 !important; width: 100%; text-align: center;} .singleImageOwl .owl-theme .owl-dots button.owl-dot {position: relative; display: inline-block; width: 10px; height: 8px; padding: 0; line-height: 10px; background: #000; border-radius: 10px; margin: 0 6px; border: none; outline: none; transition: all 0.3s ease-in-out; opacity:0.5;} .singleImageOwl .owl-theme .owl-dots button.owl-dot.active { width: 25px; transform: scale(1.2); opacity:1;} .singleImageOwl .owl-carousel .owl-nav button.owl-next, .singleImageOwl .owl-carousel .owl-nav button.owl-prev{ top:156px; /*transform:translateY(-50%);*/ width:48px; height:48px;} .singleImageOwl .owl-carousel .owl-nav button.owl-prev{ left:15px; transform:rotate(180deg)} .singleImageOwl .owl-carousel .owl-nav button.owl-next{ right:15px;} .owl-carousel .owl-nav button.disabled{opacity:0.4; cursor:not-allowed;} .singleImageOwl .owl-nav {opacity: 1; transition: opacity 0.3s ease; pointer-events: auto;} .singleImageOwl:hover .owl-nav {opacity: 1; pointer-events: auto;} .SingleImageCrsl .owl-stage {display: flex !important;} .SingleImageCrsl .owl-item {display: flex !important; align-items: stretch !important;} .SingleImageCrsl .item {flex: 1 1 auto; height: auto; box-sizing: border-box;} @media (width <= 767px) { .singleImageOwl .item .sliderBx .imgBx img, .single-image-widget figure img {object-fit: inherit;} } @media (width <= 600px) { .SingleImageCrsl .owl-item, .SingleImageCrsl .owl-stage{ display:block !important;} .singleImageOwl .item .sliderBx{ padding-bottom:10px;} /*.SingleImageCrsl .item, .SingleImageCrsl .owl-height, .singleImageOwl .item .sliderBx{ height:auto !important;}*/ .singleImageOwl .sContent{ margin-left: 15px; margin-right: 15px; padding: 20px 15px; height:auto; /*height: calc(100% - 215px);*/} /*.singleImageOwl .sContent p{font-size:14px; line-height:24px;}*/ .singleImageOwl .sImage-wrapper, .singleImageOwl .sImage-wrapper img{ height:260px;} .singleImageOwl .owl-carousel .owl-nav button.owl-next, .singleImageOwl .owl-carousel .owl-nav button.owl-prev{ top:110px;} } .tabbed-widget .container{ margin:0 auto; width:100%; overflow:unset !important} .tabbed-widget .tab-content{ display:block !important; padding:20px; border-radius:20px; box-shadow:0 0 6px rgba(0,0,0,0.16); margin-top:20px;} .tabbed-widget .tab-content{ color:#474747 !important;} .custmTabs ul.nav-tabs{box-shadow: 0 1px 0 0 #DFE0E4; list-style:none; margin:0px !important; border:0px; gap:0 10px; display: flex; overflow-x: auto; white-space: nowrap; flex-wrap: nowrap; scrollbar-width: none; /* Hide scrollbar in Firefox */} .custmTabs ul.nav-tabs::-webkit-scrollbar { display: none; /* Hide scrollbar in Chrome/Safari */} .custmTabs ul.nav-tabs .nav-item {flex: 0 0 auto; /* Prevent shrinking */} .custmTabs ul.nav-tabs .nav-link {white-space: nowrap;} .custmTabs ul.nav-tabs li{ list-style:none;} .custmTabs ul.nav-tabs li a p{font-size:16px;} .custmTabs ul.nav-tabs li a, .custmTabs + .tab-content{font-size:16px;} .custmTabs .nav-tabs .nav-link {background:unset; border:0px; border-bottom:3px solid transparent; font-size:14px; color:#474747; padding:10px 1rem; font-weight: 700;} .custmTabs .nav-tabs .nav-link p{font-size:14px; color:#474747;} .custmTabs .nav-tabs .nav-link.active {color: var(--brand-color); background:unset !important; border-bottom:3px solid var(--brand-color); font-weight: 700;} .custmTabs .nav-tabs .nav-link.active p{color: var(--brand-color);} .step-guideWrap .step .stepHead{ font-size:20px !important; font-weight:600; margin-bottom:12px; line-height: 24px;} .step-guideWrap .step .stepPera, .step-guideWrap .step .stepPera p{ font-size:16px; font-weight:400; color:#474747;} .step-guide-vertical .step {margin-bottom: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.08); flex-direction: column; gap: 10px; display: flex !important; background: rgb(255, 255, 255); border-radius: 20px; padding: 25px 15px; transition: transform 0.3s, box-shadow 0.3s; } .step-guide-vertical .step-number {font-size: 20px; font-weight: 600; color: #fff; background-color: var(--brand-color); border-radius: 50px; min-width: 42px; height: 42px; line-height: 42px; text-align: center; margin-right: 15px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);} .step-guide-vertical .numHead{ display:flex; align-items:center;} .step-guide-vertical .numHead .stepHead{ margin:0px !important;} .step-guide-horizontal {display: flex;justify-content: space-between;} .step-guide-horizontal .step { flex: 1; text-align: left; box-shadow: 0 0 10px rgba(0,0,0,0.08); flex-direction: column; display: flex !important; background: rgb(255, 255, 255); border-radius: 20px; padding:20px; margin: 5px 0px; transition: transform 0.3s, box-shadow 0.3s;} .step-guide-horizontal .step-number {font-size: 20px; font-weight: 700; color: #fff; background-color: var(--brand-color); border-radius: 50%; width: 46px; height: 46px; text-align: center; line-height: 46px; display: inline-block; margin-bottom: 1rem; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}.step-guide-horizontal{ display:none;} .step-guide-horizontal.slick-initialized{ display:block;} .step-guide-horizontal .slick-list {margin: 0 -10px;} .step-guide-horizontal .slick-slide {margin: 0 10px;} .step-guide-horizontal .slick-dots{ display:none !important;} .step-guide-horizontal .slick-arrow {position: absolute; top: 50%; margin: -21px 0 0 0;transform: translateY(0); z-index: 1; border:0px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); font-size: 0; width: 42px; height: 42px; border-radius: 50%;box-sizing: border-box;} .step-guide-horizontal .slick-prev:before, .step-guide-horizontal .slick-next:before {display: none;} .step-guide-horizontal .slick-arrow.slick-prev {left:-21px; background: #fff url("../images/arrow-next.svg") 50% 48% no-repeat; transform:rotate(-180deg);} .step-guide-horizontal .slick-arrow.slick-next {right:-21px; background: #fff url("../images/arrow-next.svg") 50% 55% no-repeat;} .step-guide-horizontal .slick-arrow {opacity: 1;} .step-guide-horizontal:hover .slick-arrow {opacity: 1; box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);} .step-guide-horizontal .slick-arrow.slick-disabled {opacity: 0;} @media screen and (max-width: 1200px) { .step-guide-horizontal .slick-arrow.slick-next{ right:-15px;} .step-guide-horizontal .slick-arrow.slick-prev {left:-15px;} } @media (max-width:600px) { .step-guide-horizontal{ flex-wrap:wrap; gap:25px 0;} .step-guide-horizontal .step{ flex:unset;} } .table-responsive{overflow-x: auto; border-radius: 20px; border: 1px solid var(--brand-color); max-width: 100%;} .table-responsive table th{ min-width:100px; border:0px !important} .table-responsive table {width: 100%; border-collapse: collapse; font-size: 16px; min-width: 700px; margin:0px;} .table-responsive table thead {background-color: var(--brand-color); color: #fff; font-size:18px; border:0px !important;} .table-responsive table thead tr{border:0px !important;} .table-responsive table th, .table-responsive table td {text-align: left; padding: 15px; font-size:16px; vertical-align: top; border-bottom: 1px solid #EFEFEF;} .table-responsive table td small {color: #828282; display: block; font-size:14px;} .table-responsive table td strong {font-weight: bold; color: #111;} tbody, td, tfoot, th, thead, tr{ border:0px;} .table-responsive > table > tbody > tr:nth-of-type(odd){ --bs-table-accent-bg:none !important;} @media screen and (max-width: 768px) { .table-responsive table {font-size: 13px;} .table-responsive table th{ font-size:16px; white-space:nowrap;} .table-responsive table th, .table-responsive table td {padding: 10px;} } .map-widget iframe {width: 100%; height: 450px; border: 0; border-radius: 12px;} .authorBioWrap{ padding:20px; background:#fff; border-radius:20px; border:2px solid #F1F1F1;} .authorBioWrap figure{ display:flex; align-items:flex-start; width:100%;} .authorBioWrap figure img{ min-width: 86px; max-width: 86px; height: 86px; border-radius: 50%; object-fit: cover; margin-right: 15px;} .authorBioWrap figure figcaption .authorHead, .authorBioWrap figure figcaption .authorHead h1, .authorBioWrap figure figcaption .authorHead h2, .authorBioWrap figure figcaption .authorHead h3, .authorBioWrap figure figcaption .authorHead h4, .authorBioWrap figure figcaption .authorHead h5, .authorBioWrap figure figcaption .authorHead h6, .authorBioWrap figure figcaption .authorHead p{ font-size:18px !important; color:#000; font-weight:500; margin-top:0px;} .authorBioWrap figure figcaption .authorPera, .authorBioWrap figure figcaption .authorPera p{ font-size:16px; font-weight:400; color:#474747; margin-top:10px;} .authorBioWrap figure figcaption .socialLink img{ max-width: 30px; height: auto; min-width: auto; margin-top: 5px;} @media (max-width:600px){ .authorBioWrap{ padding:20px 15px;} /*.authorBioWrap figure{ flex-direction:column; justify-content: center; text-align: center;}*/ .authorBioWrap figure img{min-width: 52px; max-width: 52px; height: 52px;} } /************************************************************************************************************************************************/ .seen-on-container {display: none; grid-template-columns: repeat(auto-fit, 125px); gap: 20px 15px; align-items: stretch; justify-content: center;} .seen-on-container.cardsSliderSeen.slick-initialized{ display:block;} .seen-on-container .seen-card { display: flex; flex-direction: column; justify-content: flex-start; text-align: center; border-radius: 8px; overflow: hidden; background: #fff; height: 100%;} .seen-on-container .seen-card .seen-img { position: relative; width: 100%; height:125px; /* 4:3 ratio, change to 100% for square or 56.25% for 16:9 */ overflow: hidden; border-radius: 10px; border:1px solid #e1e1e1;} .seen-on-container .seen-card .seen-img a{ padding: 0px;} .seen-on-container .seen-card .seen-img img {position: absolute; top: 10px; left: 10px; max-width: calc(100% - 20px); height: 105px; margin: 0 auto; right: 10px; transition: all 0.4s ease; object-fit: cover;} .seen-on-container .seen-card .seen-img:hover img { transform: scale(1.05); filter:grayscale(1); border-radius:5px;} .seen-on-container .seen-card .seen-title { padding: 5px; font-size: 16px; font-weight: 600; color: #333; flex-shrink: 0;} .seen-on-container.cardsSliderSeen.slick-initialized{ display:block;} .seen-on-container.cardsSliderSeen .slick-list{margin:0 -10px;} .seen-on-container.cardsSliderSeen .slick-slide{margin:0 10px;} .cardsSliderSeen .slick-dots{ display:none !important;} .cardsSliderSeen .slick-arrow {position: absolute; top: 62px; margin: -21px 0 0 0;transform: translateY(0); z-index: 1; border:0px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); font-size: 0; width: 42px; height: 42px; border-radius: 50%;box-sizing: border-box;} .cardsSliderSeen .slick-arrow img{display:none;} .cardsSliderSeen .slick-prev:before, .cardsSliderSeen .slick-next:before {display: none;} .cardsSliderSeen .slick-arrow.slick-prev {left:-21px; background: #fff url("../images/arrow-next.svg") 50% 48% no-repeat; transform:rotate(-180deg);} .cardsSliderSeen .slick-arrow.slick-next {right:-21px; background: #fff url("../images/arrow-next.svg") 50% 55% no-repeat;} .cardsSliderSeen .slick-arrow {opacity: 1;} .cardsSliderSeen:hover .slick-arrow {opacity: 1; box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);} .cardsSliderSeen .slick-arrow.slick-disabled {opacity: 0;} @media screen and (max-width: 1200px) { .cardsSliderSeen .slick-arrow.slick-next{ right:-15px;} .cardsSliderSeen .slick-arrow.slick-prev {left:-15px;} } @media (max-width: 992px) { .seen-on-container {grid-template-columns: repeat(auto-fit, 125px);} } @media (max-width: 576px) { .seen-on-container {grid-template-columns: repeat(auto-fit, calc(25% - 12px));} } @media (max-width: 479px) { .seen-on-container {grid-template-columns: repeat(auto-fit, calc(33% - 12px));} } /************************************************************************************************************************************************/ .video-banner-container {position: relative; width: 100%; margin: 0;} .video-banner-container .video-container{ border-radius:20px; overflow:hidden;} .video-banner-container .video-container iframe {position: relative; top: 0; left: 0; width: 100%; height: 460px; border: 0; display: block;} .video-banner-container .video-banner-overlay {position: relative; text-align:center; padding: 20px;} .video-banner-container .video-banner-caption p {margin: 0; font-size: 20px; font-weight: 600;} @media (max-width: 767px) { .video-container iframe{ height:380px;} } @media (max-width: 600px) { .video-container iframe{ height:340px;} } @media (max-width: 479px) { .video-container iframe{ height:290px;} } /************************************************************************************************************************************************/ .content-box-carousel{ display:none;} .content-box-carousel.slick-initialized{ display:block;} .content-box-carousel .slick-list {margin: 0 -10px;} .content-box-carousel .slick-slide {margin: 0 10px;} .content-box-carousel .slick-dots{ display:none !important;} .content-box-carousel .slick-arrow {position: absolute; top: 50%; margin: -21px 0 0 0;transform: translateY(0); z-index: 1; border:0px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); font-size: 0; width: 42px; height: 42px; border-radius: 50%;box-sizing: border-box;} .content-box-carousel .slick-prev:before, .content-box-carousel .slick-next:before {display: none;} .content-box-carousel .slick-arrow.slick-prev {left:-21px; background: #fff url("../images/arrow-next.svg") 50% 48% no-repeat; transform:rotate(-180deg);} .content-box-carousel .slick-arrow.slick-next {right:-21px; background: #fff url("../images/arrow-next.svg") 50% 55% no-repeat;} .content-box-carousel .slick-arrow {opacity: 1;} .content-box-carousel:hover .slick-arrow {opacity: 1; box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);} .content-box-carousel .slick-arrow.slick-disabled {opacity: 0;} .content-box-carousel.grid-layout {display: grid !important; gap: 20px;} .content-box-carousel.grid-layout > * {width: 100% !important;} .content-box-carousel.grid-layout.one-col {grid-template-columns: repeat(1, 1fr);} .content-box-carousel.grid-layout.two-col {grid-template-columns: repeat(2, 1fr);} .content-box-carousel.grid-layout.three-col {grid-template-columns: repeat(3, 1fr);} .content-box-carousel.grid-layout.four-col {grid-template-columns: repeat(4, 1fr);} @media screen and (max-width: 1200px) { .content-box-carousel .slick-arrow.slick-next{ right:-15px;} .content-box-carousel .slick-arrow.slick-prev {left:-15px;} } @media (max-width: 991px) { .content-box-carousel.grid-layout.two-col, .content-box-carousel.grid-layout.three-col, .content-box-carousel.grid-layout.four-col { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 479px) { .content-box-carousel.grid-layout.two-col, .content-box-carousel.grid-layout.three-col, .content-box-carousel.grid-layout.four-col { grid-template-columns: 1fr; } } /************************************************************************************************************************************************/ .content-box-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(calc(25% - 20px), 1fr)); gap: 20px;} .content-box-item { background: #fff; border-radius: 20px; overflow: hidden; box-shadow: inset 0 0px 0px 1px #E1E1E1; transition: transform 0.3s ease; display: flex; flex-direction: column;} .box-visual img { width: 100%; height: 178px; object-fit: cover; border-top-left-radius: 20px; border-top-right-radius: 20px;} .box-visual .icononly { width: 50px; height: 50px; border-radius: 50px; display:flex; align-items:center; justify-content:center; background: #ececec; margin: 15px 0 0 15px; font-size: 16px;} .contentOnly { padding: 15px;} .contentOnly h5 { margin: 0 0 8px; font-size: 16px; font-weight: 500;} .contentOnly p { margin: 0; color: #555; font-size: 14px; line-height: 1.5;} @media (max-width: 900px) { .content-box-grid {grid-template-columns: repeat(auto-fit, minmax(calc(50% - 20px), 1fr));} } @media (max-width: 768px) { .contentOnly h5 {font-size: 16px;} } @media (max-width: 479px) { .content-box-grid {grid-template-columns: 1fr;} } /************************************************************************************************************************************************/ .airline-container { max-width: 100%;} .airline-widget-card { display: flex; gap:0 15px; margin-bottom: 20px;} .airline-key-facts .fact-item:last-child { grid-column: span 4; text-align:left; display:block;} .airline-logo img { width: 80px; min-width:80px; height: 80px; object-fit: cover; border-radius: 10px; background: #f3f4f6;} .airline-details { display: flex; flex-direction: column;} .airline-description{ font-size:16px; color:#474747;} .airline-name .top-titles { margin:0px; text-align:left;} .star-rating { margin-bottom: 5px; color: #f7b500; font-size: 12px;} .airline-key-facts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px 20px;} .fact-item { display: flex; flex-direction: column; justify-content: center; align-items: center; padding:20px 15px; border: 1px solid #ddd; border-radius: 10px; text-align: center;} .fact-item .label { font-weight: 500; font-size: 16px; color: #555; margin-bottom: 6px;} .fact-item .labelwebsite { font-weight: 600; font-size: 16px; color: #222;} .fact-item .value { font-weight: 700; font-size: 18px; color: #222;} .fact-item img{ width:50px; height:50px; border-radius:100px;} .fact-item .value a { color: #3264ff; font-weight: 400; font-size: 16px; text-decoration: none; width: 100%; text-overflow: ellipsis; display: block; overflow: hidden;} .fact-item .value a:hover { text-decoration: underline;} @media(max-width: 768px) { .airline-key-facts {grid-template-columns: repeat(2, 1fr); gap:15px; } .airline-key-facts .fact-item:last-child {grid-column: span 2;} } @media(max-width: 480px) { .airline-widget-card {flex-direction: column; align-items: flex-start; } } /************************************************************************************************************************************************/ .countdown-container { text-align: center; margin: 20px auto; border:1px solid #b4daff; border-radius:20px; padding:40px 20px; background:rgb(227 243 255 / 80%);} .countdown-container .widget-title p { font-size: 24px; font-weight: 700; margin: 0 0 10px; color: #000;} .countdown-container .sub-heading { font-size: 22px !important; font-weight: 600 !important; margin-bottom: 20px !important; color: #222 !important;} .countdown-timer { display: flex; justify-content: center; gap: 15px;} .countdown-timer .time-block { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 80px; height: 80px; border: 2px solid var(--brand-color); border-radius: 10px; padding: 10px;} .countdown-timer .time-value { font-size: 22px; font-weight: 700; color: var(--brand-color); margin-bottom: 5px;} .countdown-timer .time-label { font-size: 12px; font-weight: 500; color: #333; text-transform: uppercase;} @media (max-width: 480px) { .countdown-timer {gap: 10px;} .countdown-timer .time-block {width: 65px;height: 65px; padding: 8px;} .countdown-timer .time-value {font-size: 18px;} } /************************************************************************************************************************************************/ .customFormContainer { max-width: 100%; padding: 40px 20px; background: #fff; border-radius: 20px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.08); border: 1px solid #ccc;} .customFormContainer .form-row { display: flex; flex-wrap: wrap; gap:10px 15px; margin:0;} .customFormContainer .form-group { flex: 1 1 calc(50% - 15px); /* 2 columns with gap */ display: flex; flex-direction: column;} .customFormContainer .form-group > label { font-size: 14px; font-weight: 500; color: #000; margin-bottom: 6px;} .customFormContainer .form-group > label span.red { font-size: 16px; color: #ff0000;} .customFormContainer .form-control { width: 100%; padding: 10px 14px; border: 1px solid #ccc; border-radius: 6px; font-size: 14px; color: #333; transition: border 0.2s ease;} .customFormContainer .form-control:focus { border-color: var(--brand-color); outline: none;} .customFormContainer .form-check { display: flex; align-items: center; margin-bottom: 6px;} .customFormContainer .form-check-input { margin-right: 8px;} .customFormContainer .customFormBtn{ width:100%} .customFormContainer .btn-primary { display: block; padding: 14px 25px; font-size: 16px; font-weight: 700; border: none; border-radius: 8px; background: var(--brand-color); color: #fff; cursor: pointer; transition: background 0.2s ease;} .customFormContainer .btn-primary:hover { background: var(--brand-color);} .customFormContainer .form-group .form-check { display: inline-flex; align-items: center; margin-right: 20px; margin-bottom: 8px; padding:0px;} .customFormContainer .form-group .form-check input{ position:relative; margin:0; padding: 0; accent-color:#333;} .customFormContainer .form-group .form-check input:checked{ background-color:var(--brand-color);} .customFormContainer .form-group .form-check label{ margin:0px; padding-left:8px;} .customFormContainer .form-check-input { margin-right: 6px;} .customFormContainer .form-group { flex-wrap: wrap;} @media (max-width: 768px) { .customFormContainer .form-row { flex-direction: column; } } @media (max-width: 600px) { .customFormContainer { padding: 25px 15px; } } /************************************************************************************************************************************************/ .tabWithSlider .tab-content{ display:block !important; padding: 0px; margin-top: 15px;} .numberDayBox{ display:none;} .numberDayBox.slick-initialized{ display:block;} .numberDayBox .sliderItem { width: 100%; padding:0 0px;} .numberDayBox .sliderItem .itemtop{ width:100%; border-radius:15px 15px 0 0; position:relative; transition:all 0.3s ease-in-out;} /*.numberDayBox .sliderItem .itemtop .imgbox:before{content: 'Image Not Found'; position: absolute; background: rgba(130, 130, 130, 0.2); width: 100%; height: 100%; border-radius:15px; left: 0; right: 0; margin: 0 auto; top: 0px; font-size: 12px;font-weight:400; color:#9C9C9C; text-align: center; padding: 40px 0 0 0; color: #ccc;}*/ .numberDayBox .sliderItem .itemtop .imgbox{position: relative; width:100%; height:270px; border-radius:15px; overflow:hidden; background: rgba(130, 130, 130, 0.2); transition:all 0.3s ease-in-out;} .numberDayBox .sliderItem .itemtop .imgbox img{object-fit:cover; transition:all 0.3s ease-in-out; height:100%; width: 100%;} .numberDayBox .sliderItem .itemtop .content{ box-sizing:border-box; padding:12px 0; position:relative;} .numberDayBox .sliderItem .itemtop .content .card-title{ color:#222; font-size:18px; font-weight:700; width:100%;} .numberDayBox .sliderItem .itemtop .content p{ color:#222; font-size:14px; font-weight:400; width:100%; margin:3px 0;} .numberDayBox .slick-slide { margin: 0 10px !important; height:auto;} .numberDayBox .slick-list { margin: 0 -10px !important;} .numberDayBox .slick-dots{ display:none !important;} .numberDayBox .slick-arrow {position: absolute; top: 135px; margin: -21px 0 0 0;transform: translateY(0); z-index: 1; border:0px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); font-size: 0; width: 42px; height: 42px; border-radius: 50%;box-sizing: border-box;} .numberDayBox .slick-prev:before, .numberDayBox .slick-next:before {display: none;} .numberDayBox .slick-arrow.slick-prev {left:-21px; background: #fff url("../images/arrow-next.svg") 50% 48% no-repeat; transform:rotate(-180deg);} .numberDayBox .slick-arrow.slick-next {right:-21px; background: #fff url("../images/arrow-next.svg") 50% 55% no-repeat;} .numberDayBox .slick-arrow {opacity: 1;} .numberDayBox:hover .slick-arrow {opacity: 1; box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);} .numberDayBox .slick-arrow.slick-disabled {opacity: 0;} .numberDayBox .slick-arrow img{ display:none;} @media screen and (max-width: 1200px) { .numberDayBox .slick-arrow.slick-next{ right:-15px;} .numberDayBox .slick-arrow.slick-prev {left:-15px;} } /************************************************/ .alternate {background: white; border-radius: 10px; padding: 20px; margin: 0 auto; border: 1px solid #E1E1E1; margin-bottom: 16px;} .alternate .alternate__header {display: flex; align-items: center; gap: 12px; margin-bottom: 18px; justify-content: space-between;} .alternate .alternate__header .tagBox span{ font-size:14px; border-radius:50px; display:inline-block; background:#F1F1F1; border:1px solid #D6D6D6; padding:2px 12px; color:#707070; font-weight:400;} .alternate .alternate__logo{display: flex; align-items: center; gap: 12px;} .alternate .alternate__logo, .alternate .alternate__logo img {min-width: 23px; height: 23px;} .alternate .alternate__airline-name {font-size: 14px; font-weight: 300; color: #000000;} .alternate .flight-card {display: flex; align-items: flex-end; justify-content: space-between; gap: 0 5px;} .alternate .flight-card .time-section {display: flex;align-items: flex-start; flex: 1;} .alternate .flight-card .time-section .depart, .alternate .flight-card .time-section .arrive {text-align: left; width: 100%; max-width: 150px;} .alternate .flight-card .time-section .depart h3, .alternate .flight-card .time-section .arrive h3 {font-size: 18px;font-weight: 300;margin: 0; color: #000000;} .alternate .flight-card .time-section .depart p, .alternate .flight-card .time-section .arrive p {font-size: 14px; color: #848484; margin: 2px 0 0; font-weight:400;} .alternate .flight-card .time-section .line {flex: 1; position: relative; height: 1px; background: #E1E1E1; left: -30px; top: 10px;} .alternate .flight-card .time-section .line span {position: absolute; top: -10px; left: 50%; transform: translateX(-50%); background: #fff; padding: 0 5px;} .alternate .flight-card .price-section {display: flex; align-items: flex-end; gap: 15px; min-width:380px; justify-content: flex-end;} .alternate .flight-card .price-section .price {font-size: 28px; font-weight: 600; display: flex; align-items: flex-end; line-height: 26px; gap: 0 8px; min-width: 135px; justify-content: flex-end;} .alternate .flight-card .price-section .price span {display: block; font-size: 15px; color: var(--brand-color); font-weight: 300; line-height: 22px;} .alternate .flight-card .price-section .btn-grup { display: flex; min-width:182px;align-items: center; gap: 10px; justify-content: flex-end;} .alternate .flight-card .price-section .btn-grup .btns {padding: 6px 5px; border-radius: 6px; font-size: 13px; min-width: 86px; font-weight: 300; cursor: pointer; border: 1px solid transparent;} .alternate .flight-card .price-section .btn-grup .btn-chat {border: 1px solid #000;background: #fff; color: #000; text-align: center} .alternate .flight-card .price-section .btn-grup .btn-call { border: 1px solid var(--brand-color); background: var(--brand-color); color: #fff; width:100%; text-align: center} .alternate .flight-card .price-section .btn-grup .btn-call:hover{ color:#fff;} @media (max-width:990px) { .alternate{ padding:15px;} } @media (max-width:767px) { .alternate .flight-card {flex-wrap:wrap;} .alternate .flight-card .time-section{flex:unset; width:100%; padding-bottom: 15px; border-bottom: 1px solid #eaeaea; margin-bottom: 15px;} .alternate .flight-card .price-section{ align-items:center; justify-content:space-between; width:100%; min-width:auto;} .alternate .flight-card .price-section .price{ justify-content:flex-start;} } @media (max-width:479px) { .alternate{ padding:12px;} .alternate .flight-card .price-section .price{ font-size:24px; min-width:unset;} .alternate .flight-card .time-section .arrive{ text-align:right;} .alternate .flight-card .time-section .line{ left:0;} .alternate .flight-card .price-section .price span{ font-size:13px; line-height:18px;} } @media (max-width:413px) { .alternate .flight-card .time-section .depart, .alternate .flight-card .time-section .arrive{ width:125px;} .alternate .flight-card .price-section .btn-grup{min-width:auto;} .alternate .flight-card .price-section .btn-grup .btns{ min-width:70px;} } /************************************************/ .filtering-deal {display: flex; gap: 12px; justify-content: flex-end;} .filtering-deal .filterBx {display: flex; align-items: center; background: #fff; border: 1px solid #e1e1e1; border-radius: 10px; padding: 8px 12px; position: relative;} .filtering-deal .filterBx .iconfilter {margin-right: 8px; display: flex; align-items: center;} .filtering-deal .filterBx .iconfilter img {min-width: 18px; height: auto;} .filtering-deal .filterBx .filtergroup {display: flex; flex-direction: column; width:100%;} .filtering-deal .filterBx .filtergroup label {font-size: 13px; color: #989898;margin-bottom: 0px; font-weight: 400; line-height: 15px} .filtering-deal .filterBx .filtergroup select {font-size: 15px; font-weight: 700; border: none; outline: none; background: transparent; appearance: none; padding-right: 18px; cursor: pointer; color: #000000; max-width: 140px;} .filtering-deal .filterBx .filtergroup select::-ms-expand {display: none;} .filtering-deal .filterBx .filtergroup::after {content: ""; font-size: 11px; color: #555; position: absolute; right: 10px; top: 57%; transform: rotate(-45deg); pointer-events: none; width: 7px; height: 7px; border-bottom: 2px solid #555; border-left: 2px solid #555;} .alternativeDeal{ width:100%; padding:30px 0;} .alternativeDeal .filtering-deal .filterBx .filtergroup select{ max-width:unset; min-width:200px;} .lftRit-header {display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; margin-bottom: 20px;} .lftRit-header .head-left{ width:100%; display:block;} .cardsSlider .slick-list{margin:0 -10px;} .cardsSlider .slick-slide{margin:0 10px;} .cardsSlider .slick-arrow {position: absolute; top: 50%; margin: 0px;transform: translateY(-50%); z-index: 1; border:0px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); font-size: 0; width: 42px; height: 42px; border-radius: 50%;box-sizing: border-box;} .cardsSlider .slick-arrow img{display:none;} .cardsSlider .slick-prev:before, .cardsSlider .slick-next:before {display: none;} .cardsSlider .slick-arrow.slick-prev {left:-21px; background: #fff url("../images/arrow-left-owl.svg") 50% 50% no-repeat;} .cardsSlider .slick-arrow.slick-next {right:-21px; background: #fff url("../images/arrow-right-owl.svg") 50% 50% no-repeat;} .cardsSlider .slick-arrow {opacity: 1;} .cardsSlider:hover .slick-arrow {opacity: 1; box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);} .cardsSlider .slick-arrow.slick-disabled {opacity: 0;} .cardsSlider{ display:none;} .cardsSlider.slick-initialized{ display:block;} .cardsSlider .cardBox { border-radius: 20px; overflow: hidden; position: relative; color: #fff; width:100%; height: 375px; display: flex; align-items: flex-end; background: #000;} .cardsSlider .cardBox img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1;} .cardsSlider .cardBox .overlay { position: absolute; inset: 0; z-index: 2; top: auto; bottom: 0; left: 0; height: 50%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 0%, rgb(0 0 0 / 80%) 85%);} .cardsSlider .cardBox .card-content {position: relative; z-index: 3; padding: 10px 15px; width: 100%;} .cardsSlider .cardBox h3 {margin: 0 0 3px; font-size: 22px; font-weight: 500;} .cardsSlider .cardBox p {margin: 0; font-size: 14px; line-height: 25px;} .cardsSlider .cardBox strong {font-size: 28px; font-weight: 700; color: #fff;} .cardsSlider .cardBox .cta{display:flex; gap:0 10px; margin-top:5px; width:100%;} .cardsSlider .cardBox .cta.single{ /*justify-content:center;*/} .cardsSlider .cardBox .cta a{ font-size:14px; color:#fff; font-weight:500; text-decoration:none; border-radius:8px; max-width:100px; width:100%; height:36px; text-align:center; line-height:36px; 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%);} .cardsSlider .cardBox .cta a + a{background: #fff; color:#000; border:1px solid #fff;} @media screen and (max-width: 1200px) { .cardsSlider .slick-arrow.slick-next{ right:-15px;} .cardsSlider .slick-arrow.slick-prev {left:-15px;} } @media (max-width:768px) { .lftRit-header{ flex-wrap:wrap;} .lftRit-header .head-left{ width:100%;} .filtering-deal{ width:100%;} } @media (max-width:600px) { .filtering-deal .filterBx{ width:100%;} .filtering-deal {overflow: hidden; overflow-x: auto; justify-content: unset;} } /************************************************/ .tab-buttons-wrap{box-shadow: 0 1px 0 0 #DFE0E4; margin-bottom: 30px; overflow-x: auto; scroll-behavior: smooth; padding-bottom:0px; scrollbar-width: none;} .tab-buttons-wrap::-webkit-scrollbar { display: none; /* Hide scrollbar in Chrome/Safari */} .booking-tabs .booking-tab-buttons {display:inline-flex; gap: 10px; } .booking-tabs .booking-tab-buttons .booking-tab-button {background:unset; border:0px; border-bottom:3px solid transparent; font-size:14px; color:#474747; padding:10px 1rem; font-weight: 600;} .booking-tabs .booking-tab-buttons .booking-tab-button.active {color: var(--brand-color); background:unset !important; border-bottom:3px solid var(--brand-color);} .booking-tabs .booking-tab-container {display: flex; align-items: flex-start; flex-wrap: wrap;} .booking-tabs .booking-tab-container .booking-tab-content {display: block; width: 100%; height: 0px; overflow: hidden;} .booking-tabs .booking-tab-container .booking-tab-content.active {height: auto;} .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: var(--brand-color); font-weight: 600;} .booking-tabs .booking-tab-container .booking-tab-content strong {font-weight: 600;} .centerTabs .booking-tabs .booking-tab-buttons{ justify-content:flex-start;} .deals-class {/*display: grid; grid-template-columns: repeat(auto-fit, minmax(23%, 1fr)); gap: 20px;*/} .deals-class .deal-card {border: 1px solid #CFCFCF; margin:0 auto; margin-bottom: 2px; width:100%; text-align:left; border-radius: 10px; padding:20px 15px; box-sizing: border-box; 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: var(--brand-color); font-size: 14px; font-weight:400; margin-right: 5px;} .deals-class .deal-card .buttons {display: flex; gap: 10px; margin-top: auto;} .deals-class .deal-card .chatCallBtns{ display:flex; justify-content:space-between; gap:10px;} .deals-class .deal-card .chatCallBtns .cta{ display:flex; justify-content:space-between; gap:10px;} .deals-class .deal-card .chatCallBtns a, .chatCallBtns button{ font-size:13px; text-transform: capitalize; font-weight:400; display:inline-block; text-align:center; min-width:55px; border-radius:6px; padding:8px 10px; border:1px solid #fff; text-decoration:none; transition:all 0.2s ease-in-out;} .deals-class .deal-card .chatCallBtns .chatbtn{border-color:#000; color:#000; background:#fff;} .deals-class .deal-card .chatCallBtns .chatbtn:hover{background:#000; color:#fff;} .deals-class .deal-card .chatCallBtns .callbtn{border-color:var(--brand-color); color:#fff; background:var(--brand-color);} .deals-class .deal-card .chatCallBtns .callbtn:hover{background:#fff; color:var(--brand-color);} .FilghtFourTilesSlider .slick-list{margin:0 -9px;} .FilghtFourTilesSlider .slick-slide{margin:0 10px;} .FilghtFourTilesSlider .slick-arrow {position: absolute; top: 50%; margin: 0px;transform: translateY(-50%); z-index: 1; border:0px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); font-size: 0; width: 42px; height: 42px; border-radius: 50%;box-sizing: border-box;} .FilghtFourTilesSlider .slick-arrow img{display:none;} .FilghtFourTilesSlider .slick-prev:before, .FilghtFourTilesSlider .slick-next:before {display: none;} .FilghtFourTilesSlider .slick-arrow.slick-prev {left:-21px; background: #fff url("../images/arrow-left-owl.svg") 50% 50% no-repeat;} .FilghtFourTilesSlider .slick-arrow.slick-next {right:-21px; background: #fff url("../images/arrow-right-owl.svg") 50% 50% no-repeat;} .FilghtFourTilesSlider .slick-arrow {opacity: 1;} .FilghtFourTilesSlider:hover .slick-arrow {opacity: 1; box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);} .FilghtFourTilesSlider .slick-arrow.slick-disabled {opacity: 0;} .FilghtFourTilesSlider{ display:none;} .FilghtFourTilesSlider.slick-initialized{ display:block;} @media (max-width:480px) { .deals-class .deal-card{ max-width:100%;} } /************************************************/ /**********************USP NEW As Like PPC PAGE ***************************/ .headingLeft{ padding-bottom:20px;} .headingLeft .titleL, .headingLeft .titleL h2{ font-size:clamp(22px, 4vw, 24px); color:#000; font-weight:600; text-align:left;} .headingLeft .subtitleL{margin-top:3px;} .headingLeft .subtitleL, .headingLeft .subtitleL p{ font-size:clamp(14px, 4vw, 15px); color:#6E6E6E; font-weight:400; text-align:left;} .featureUsp {max-width:1224px; margin:0 auto; padding:35px 0 60px 0;} .featureUsp.thisDetailOnly {padding:35px 0;} .featureUsp .container{max-width:1224px;} .featureUsp .features {display: flex; gap: 0px; background: #fff; padding: 30px 0; border-radius: 20px; box-shadow: 0 0 20px rgba(0,0,0,0.08);} .featureUsp .feature-item {text-align: center; padding: 15px; flex:1; border-right:1px solid #E1E1E1;} .featureUsp .feature-item:last-child { border:0px;} .featureUsp .feature-icon {width: 50px; height: 50px; margin: 0 auto 10px; display: flex; align-items: center; justify-content: center;} .featureUsp .feature-item h3 {font-size: 15px; font-weight: 400; margin-bottom: 3px; color:#000;} .featureUsp .feature-item p {font-size: 15px; font-weight: 400; color: #000;} @media (max-width: 876px) and (min-width: 601px) {.featureUsp .features{ flex-wrap:wrap; padding:20px;} .featureUsp .feature-item{ min-width:30%; border-bottom:1px solid #E1E1E1;} .featureUsp .feature-item:nth-child(3){border-right:0px;} .featureUsp .feature-item:nth-child(4), .featureUsp .feature-item:nth-child(5){border-bottom:0px;} } @media (max-width: 768px) { .featureUsp .features {grid-template-columns: repeat(2, 1fr);} } @media (max-width: 767px) { .featureUsp.thisDetailOnly {display:none;} } @media (max-width: 600px) {.featureUsp .features{ flex-wrap:wrap; padding:15px;} .featureUsp .feature-item{ min-width:50%; border-bottom:1px solid #E1E1E1;} .featureUsp .feature-item:nth-child(2), .featureUsp .feature-item:nth-child(4){border-right:0px;} .featureUsp .feature-item:nth-child(5), .featureUsp .feature-item:nth-child(6){border-bottom:0px;} .featureUsp .feature-item p{ font-size:14px;} .featureUsp .feature-item{padding:14px;} } /**********************USP NEW As Like PPC PAGE ***************************/ /******* Customer support sucess msg Start******/ .cs_modal{position:fixed; top:0; left:0; right:0; height:100%; width:100%; z-index:10001; background:rgba(0,0,0,0.75); text-align:center; display:none; backdrop-filter: blur(5px);} .cs_modal .cs_wrp{ max-width:360px; padding:25px; background:#fff; border-radius:15px; box-shadow:0 0 40px rgba(0,0,0,0.16); box-sizing:border-box; margin:0 auto; position:relative; top:50%; transform:translateY(-50%);} .cs_modal .cs_wrp .cs_close{display: inline-block; text-align: right; float: right; padding: 2px 0 2px 8px; cursor: pointer;} .cs_modal .cs_wrp .cs_container .cs_icon{padding: 15px 0; max-width: 75px; margin: 0 auto;} .cs_modal .cs_wrp .cs_container .cs_content h3{font-size: 20px; font-weight: 500; margin-bottom:10px;} .cs_modal .cs_wrp .cs_container .cs_content p{font-size: 14px; font-weight: 400; padding: 0 10%; line-height: 18px;} .cs_modal .cs_wrp .cs_container .cs-btn{ margin-top:20px;} .cs_modal .cs_wrp .cs_container .cs-btn .btn-timout{color:#fff; border: 0px; font-size: 14px; font-weight: 600; text-align: center; border-radius: 4px; padding: 9px; width:100%; cursor: pointer; text-decoration: none; display:block; background: rgb(40, 125, 250); background: -moz-linear-gradient(45deg, rgba(40, 125, 250, 1) 16%, rgba(0, 179, 255, 1) 100%); background: -webkit-linear-gradient(45deg, rgba(40, 125, 250, 1) 16%, rgba(0, 179, 255, 1) 100%); background: linear-gradient(45deg, rgba(40, 125, 250, 1) 16%, rgba(0, 179, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#287dfa",endColorstr="#00b3ff",GradientType=1);} .close_modl{position: absolute; right: 020px; font-size: 40px; top: 0px; cursor: pointer;} @media only screen and (max-width:370px) { .cs_modal .cs_wrp { max-width: 340px; } } /******* Customer support sucess msg End******/