@import 'header.css';
@import 'footer.css';
@import 'flight-modal-pop.css';
@import 'gsap.css';
@import 'flight-search-form.css';

html { scroll-behavior: smooth; }
body {font-family: "Inter", sans-serif !important; font-weight: 400;}
h1,h2,h3,h4,h5,h6 {font-family: "Oswald", sans-serif;}
a:hover{text-decoration: none !important;}
.main-color {color: #ffad36 !important;}
.btn:focus, .btn.focus{ box-shadow: none!important;}
.box-design {box-shadow: 0 0rem 1rem 4px rgb(0 0 0 / 10%) !important; border-radius: 20px; position: relative; margin-bottom: 15px;}

.banner-bg {background: url('../images/header.png') no-repeat; background-size: cover; background-position: center;  position: relative; padding:60px 0;}
/*.banner-bg:before {content: ''; background: url('../images/banner-shape.png') no-repeat; background-position: bottom; position: absolute; left: 0; bottom:0; width: 100%; height: 100%; z-index: 1;}*/
/*.banner-bg:after {content: ''; position: absolute; left: 0; top:0; width: 100%; height: 100%; background-image: linear-gradient(180deg, transparent, rgb(20 20 20 / 80%)); }*/
.banner-hding {font-size:56px; font-weight: 700;  display: block; color: #000}
.banner-hding > span {position: relative; display: inline-block;}
.banner-prgh {font-size:20px; display: block; color: #000;}
.banner-textarea {position: relative; z-index: 1;}

.home-slider .carousel-caption {position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding-top:160px;}
.carousel-control-next, .carousel-control-prev {width: 3% !important;}

.bg {background: url('../images/bg.png') no-repeat; background-size: cover;  padding:100px 0;}


.wc-bg {background: #f1e9e9; position: relative;}
.wc-box {border-radius: 20px; background: #fff; box-shadow: 0px 0px 18px 4px #e8e2e2; padding: 20px; margin-bottom: 20px;}
.wc-icon {width: 50px; height:50px; }
.wc-icon > img {width: 100%; height: 100%; object-fit: contain;}

/*.wc-lg-img {width: 100%; height: 100%; border-radius: 20px; background: #fff6ea; padding: 15px; }*/
.wc-lg-img {width: 47%; height: 100%; border-radius: 0; padding: 0; position: absolute; left: 0; margin-bottom: 15px; object-fit: cover;}

/* Top Tour */
.top-tour {border-radius: 15px; background: #570ce3; border:1px solid #ddd; margin-bottom:20px; position:relative; }
.top-tour-img {position: relative; overflow: hidden; height: 200px; border-radius: 15px 15px 0 0; margin-bottom: 0px; display: block;}
.top-tour-img > img {object-fit: cover; width: 100%; height: 100%; border-radius: 15px 15px 0 0; transform: scale(1); transition: all 0.3s ease-in-out;}
.top-tour-img:hover > img {filter: brightness(1.1); transform: scale(1.1);}
.top-tour-textarea {padding: 15px; background: #570ce3; border-radius: 15px 15px 0 0; position: relative; top:-12px;}
.tour-pkg-pos {position: absolute; top:0; left: 0; right: 0; padding:15px;}
.tour-price {font-size:12px; padding: 5px 12px; border-radius: 20px; text-align: center; margin-bottom: 0;background: #fff;}
.tour-price > span { font-weight: 700; color: #EB662B;}
.tour-duration {background: #ffb54a; font-size: 12px; padding: 5px 12px; border-radius: 20px; margin: 0;}

/* offer section */
/*.offer-bg {background: url('../images/offer-bg.jpg'); border-radius: 20px;}*/
.offer-bg {background: linear-gradient(158deg, #7c96e1, #7390e1); border-radius: 20px;}
.offer-img {width: 100%; height: 100%; object-fit: cover; border-radius: 0 20px 20px 0;}
.offer-textarea {padding:15px 90px 15px;}
.offer-shape {position: absolute; left: -75px; top: -142px; z-index: -1;}

/* offer card */
.offer-card {position: relative; margin-bottom: 20px;}
.offer-card-textarea {position: absolute; left: 0; top:0; right: 0; bottom: 0;padding: 65px 180px 0 50px;}
.offer-card-title {font-size:14px; color: #fff; margin-bottom: 0; padding: 0 0 5px;}
.offer-card-hding {font-size: 24px; font-weight: 700; color: #fff; margin: 0; padding: 0 0 5px;}



/* Popular things */
.topdest-area_web1 {position: relative; overflow: hidden; height: 275px; border-radius: 20px;}
.topdest-area_web1 > img {object-fit: cover; width: 100%; height: 100%; border-radius: 20px; transform: scale(1); transition: all 0.3s ease-in-out;}
.topdest-area_web1:hover > img {filter: brightness(1.1); transform: scale(1.1);}
.topdest-area_web1:before {content: ''; position: absolute; left:0; top:0; width: 100%; height: 100%; background-image: linear-gradient(360deg, transparent, rgb(26 30 123 / 80%)); z-index: 1;}
.topdest-textarea_web1 {position: absolute; left: 0; top: 0; padding: 40px 20px 30px; width: 100%; z-index: 2; color: #fff;}
.topdest-btn-pos_web1 {position: absolute; left: 0; bottom: 0; padding: 20px 20px 30px; width: 100%; z-index: 2;}
.topdest-name_web1 {font-size: 22px; font-weight: 500; text-transform: capitalize; padding-top: 10px; margin: 0; display: block;}


/*wraper */
.wrap-hding_web1 { font-size: 36px; color: #000; text-transform: capitalize; font-weight: 700;  padding-top: 10px; margin: 0; }
.wrap-hding_web1 > span {color:#570ce3;}
.wrap-title_web1 { font-size: 14px; color: #000;  text-transform: capitalize; background: #e6d9ff; border-radius: 4px; padding: 4px 8px; font-weight: 400;  margin:0; display: inline-block;}
.wrap-subhding_web1 { font-size: 18px; color: #222; font-weight: 700;  text-transform: capitalize;  margin:0; padding-top: 10px; }
.wrap-prgh_web1 { font-size: 14px;  color: #000; margin-bottom: 0; }
.wrap-btn_web1 {font-size: 14px; font-weight: 400; color: #fff; text-decoration: none; border: 1px solid #570ce3; background: #570ce3; border-radius: 40px; padding: 12px 20px; margin-top: 10px; display: inline-block; transition: all 0.3s ease-in-out;}
.wrap-btn_web1:hover {color: #fff; background: #570ce3; text-decoration: none; transition: all 0.3s ease-in-out;}

/*  carousel button */
.owl-carousel .owl-nav { position: absolute; top: -60px; right: 0; left: 0;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { display: flex; outline: none; color: #fff !important; background: #570ce3 !important; border-radius: 50%; border:1px solid #ddd !important;   font-size: 40px; position: absolute; bottom: 0px; top:-14px; width:36px; height: 36px; justify-content: center; align-items: center;  }
.owl-carousel .owl-nav button.owl-next > span, .owl-carousel .owl-nav button.owl-prev > span { outline: none; display: block; color:#000; padding: 0px 15px;  font-size: 30px;  border-radius: 50%; transform: translate(0, -1px);  }
.owl-carousel .owl-nav button.owl-next { right:0px; }
.owl-carousel .owl-nav button.owl-prev {  right: 50px; }
/*.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: block!important; }*/
.owl-theme .owl-nav [class*=owl-]:hover {color:#fff !important;}
.owl-dots {text-align: center; margin-top: 15px; display: flex; gap: 10px; justify-content: center; cursor: pointer; /* Makes it clear it's clickable */ }
.owl-dot img {width: 50px; height: 50px; border-radius: 50%; opacity: 0.5; transition: opacity 0.3s ease; }
.owl-dot.active img {opacity: 1; border: 2px solid #333; }

.testimonial-bg_web1 {background: url('../images/testimonial-bg.jpg') no-repeat center; background-size: cover;}
.testimonial-textarea_web1 {padding: 20px 40px; }
.testimonial-img_web1 {width: 80px !important; height: 80px; border-radius: 50%; margin:20px auto 15px; display: table; object-fit: cover;}
.quote-img_web1 {width: 40px !important; height: 40px; margin: 0px 0 20px; display: table; object-fit: contain;}

.box-shadow_web1 {box-shadow: 0 0rem 1rem 4px rgb(0 0 0 / 10%) }


/* article */
.article-box_web1 {position: relative;}
.article-box_web1-img {width: 100%; height: 200px; border-radius: 10px 10px 0 0;}
.article-box_web1-img > img {width: 100%; height: 100%; object-fit: cover; border-radius: 10px 10px 0 0;}
.article-box_web1-textarea {padding: 20px 0px;}
.article-details {display: flex; gap: 15px; margin:0; padding:0px;}
.article-details li {list-style: none; font-size: 12px; color: #999; display: flex; gap: 10px;}

/* faq collapse */
.accordion .accordion-item button {font-size:22px !important;}
.accordion .accordion-body {font-size:14px;}

/* Breadcrumb */
.breadcrumb-bg_web1 {background: #272727; padding: 30px 0; position: relative;}
.breadcrumb-ullist_web1 {margin: 0; padding: 0; display: flex; }
.breadcrumb-ullist_web1 li {list-style: none; font-size:14px; color:#fff; font-weight: 500; padding:0px 10px; position:relative; }
.breadcrumb-ullist_web1 li:not(:last-child):before {content: ''; position: absolute; right: 0; top:4px; width: 1px; height: 16px; background: #fff; transform: rotate(23deg);}
.breadcrumb-ullist_web1 li:first-child {padding-left: 0px;}
.breadcrumb-ullist_web1 li a {color:#570ce3; text-decoration: none;}


.ullist_web1 {margin: 15px 0 0 0px; padding: 0px 0 0 0px; position: relative;}
.ullist_web1 li {list-style: none; margin-bottom: 10px; padding: 0px 0 0 25px; font-size: 14px; position: relative;}
.ullist_web1 li:before {content: '\f058'; position: absolute; left: 0; top: 2px; font-size: 10px; color: #ec1139; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; font-family: 'Font Awesome 5 Free'; font-weight: 400;}

/* Contact Us */
.contact-adrs-box_web1 {width: 100%; height: 400px; background: #fff; position: relative; right:-100px; padding:30px; box-shadow: 0px 0px 20px 8px #e6e5e5; border-radius: 10px;}
.contact-formbox_web1 {width: 100%; height: 500px; background: #f1f1f1; box-shadow: 0px 0px 12px 8px #e0dfdf; border-radius: 10px;}
.contact-formbox_web1 > iframe {border-radius: 10px;}

/* Package List */
.package-filter-box_web1 {border:1px solid #E7E6E6; background: #fff; border-radius: 20px; padding-bottom: 40px; position: relative;}
.pfb_search_box_web1 {background: #ffae38; padding: 30px; border-radius: 20px 20px 0 0;}
.pfb_padding_web1 {padding:20px;}
.search-filter_web1 {width: 100%; padding: 10px 16px; font-size: 14px; margin-top:10px; border-radius: 10px; border:none;}
.pfb_checklist_web1 {margin: 15px 0 0; padding: 0;}
.pfb_checklist_web1 li {list-style: none; display: flex; align-items: center ; gap: 15px; padding:5px 0;}
.pfb_checklist_web1 li .pfb_checkbox {width: 16px; height: 16px; cursor: pointer;}
.pfb_checklist_web1 li > label {font-size:14px; font-weight: 500;  cursor: pointer;}
.package_box_web1 {border:1px solid #E7E6E6; border-radius: 20px; padding:20px;  margin-bottom: 20px;}
.package_destination_img_web1 {width: 100%; height: 165px; border-radius: 20px; position: relative; overflow: hidden;}
.package_destination_img_web1 > img {width: 100%; height: 100%; object-fit: cover; border-radius: 20px; transform: scale(1.0); transition: ease-in-out 0.3s;}
.package_destination_img_web1:hover > img { transform: scale(1.07); transition: ease-in-out 0.3s;}
.package_discount_web1 {background: #ffae38; padding: 4px 12px; font-size: 11px; border-radius: 4px; position: absolute; left: 20px; top: 20px;}
.package-title_web1 {font-size:12px; color: #999; margin-bottom: 0; padding-bottom: 5px;}
.package-hding_web1 {font-size:18px; font-weight: 600;}
.package_vrline_web1 {width: 1px; height: 100%; background: #E7E6E6;}
.package-price-area_web1 {position: relative; height: 100%; border-left: 1px solid #E7E6E6; margin-right: -6px;}
.package-price-pos_web1 {position: absolute; bottom: 0px; left:0; right:0;}
.package-price-btn_web1 {font-size: 14px; font-weight: 400; color: #fff; text-decoration: none; border: 1px solid #570ce3; background: #570ce3; border-radius: 10px; padding: 6px 20px; margin: 10px auto 0; display: table;}
.strike-color_web1 {color:#c3c3c3;}
.package-star-review_web1 {margin: 0; padding: 0; display: flex;  gap:5px;}
.package-star-review_web1 li {font-size:10px; color:#ffae38;}

.tour-detail-img_web1 {border-radius: 20px;}
.tour-detail-short-img_web1 {width: 100%; height: 180px; order: hidden }
.tour-detail-short-img_web1 > img {width: 100%; height: 180px; object-fit: cover;}


/* Top Destination */
.destination-box_web1 {background: #fff; box-shadow: 0px 0px 12px 0px #e4e4e4; margin-bottom:15px; position:relative; border-radius:10px;}
.destination-bg_web1 {background: #ededed; padding: 0px; border-radius: 15px; margin-bottom: 15px;}
.destination-img_web1 {width: 100%; height: 330px; border-radius: 15px; overflow: hidden; margin:0 auto 15px; display: table; position: relative;}
.destination-img_web1 > img {width: 100%; height: 100%; object-fit: cover; transition: 0.3s ease-in-out;}
.destination-img_web1:hover > img {transition: 0.3s ease-in-out; transform: scale(1.05);}
.destination-textarea_web1 {position: absolute; left: 25px; top: 25px; right:25px; bottom: 25px; border:3px dashed #242424; border-radius: 15px; backdrop-filter: saturate(50%) blur(2px); display: flex; justify-content: center; align-items: end; padding: 20px;}
.destination-price_web1 {font-size:22px; font-weight: 700; padding-top:10px;}
.destination-price_web1 > span {font-size:12px; font-weight: 400;}
.destination-hding_web1 {font-size: 18px; color: #570ce3; font-weight: 700; text-align: center; background: #fff; padding: 4px 8px; border-radius: 4px;}

.destination-route {display: flex; justify-content: space-between; align-items: center; margin-top:15px; margin-bottom: 10px; padding: 0 0 8px; border-bottom: 1px solid #ccc;}
.destination-route li {list-style: none; position: relative;}
.destination-route li .dest-title {font-size:12px; font-weight: 400; margin-bottom: 0;}
.destination-route li .dest-name {font-size: 15px; text-transform: uppercase; font-weight: 700; margin:0;}
.destination-route li .destination-process {width:60px; border-bottom: 1px dashed #ccc; margin-bottom: 10px; }
.destination-route li .destination-process > span  {font-size:14px; color: #999; position: absolute; left: 0; right: 0; top: -9px; margin: auto; display: block; text-align: center;}
.destination-route li .dest-time {font-size: 11px; text-align: center; display: block; margin: 0; padding: 0;}
.desination-class {font-size: 13px; font-weight: 700; color: #ffb54a; padding-bottom: 0px; margin: 0;}
.destination-date {font-size:12px; font-weight: 500; color: #000; margin: 0; padding-bottom: 8px;}

.note {font-size:11px; background: #f7f7f7; padding: 3px 10px;}


.form-lbl {font-size: 12px; font-weight: 600; display: block; padding-bottom: 5px;}
.form-field {width: 100%; border-radius: 4px; padding:6px 15px; font-size: 13px; border:1px solid #999;}
.submit-btn {border-radius: 4px; padding:6px 15px; font-size: 13px; background: #f9c16f; border:1px solid #f9c16f;}

.img-radius {border-radius: 20px;}
.shape-1 {position: absolute; right: 0; bottom: 0; z-index: -1; opacity: 0.7;}


.hiw-area_web1 {padding: 60px 0;}
.hiw-box-area_web1 {position: relative; padding: 0 60px;}
.hiw-circle_web1 {width: 98px; height: 98px; border-radius: 50%; background: #afc4ff; display: flex; align-items: center; justify-content: center; position: relative; margin: 0 auto 30px; }
.hiw-circle_web1:before {content: ''; position: absolute; left: -11px; top: -11px; border-radius: 50%; width: 120px; height: 120px; border: 2px dashed #570ce3;}
.hiw-circle_web1 > img {width: 55px;}
.hiw-circle_web1-step {width: 30px;  height: 30px; border-radius: 50%; background: #000; color: #fff; display: flex; align-items: center; justify-content: center; position: absolute; right: -10px; top: -15px; font-size: 14px;}
.hiw-first_arrow_web1 {position: absolute; right: -100px; top: 15px;  width: 180px; height: 50px;}
.hiw-first_arrow_web1 > img {width: 100%; height: 100%; object-fit: contain;}
.hiw-sec_arrow_web1 {position: absolute; right: -100px; top: 40px;  width: 180px; height: 50px;}
.hiw-sec_arrow_web1 > img {width: 100%; height: 100%; object-fit: contain;}


.container-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 1000px; margin: 40px auto; }
.flight-card { background:#fff; padding:20px; border-radius:12px; box-shadow:0 2px 6px rgba(0,0,0,0.1); }
.flight-card h3 { margin:0 0 10px; font-size:18px; }
.price { font-size:20px; font-weight:bold; color:#570ce3; }
.book-btn { display:inline-block; margin-top:10px; padding:10px 15px; background:#570ce3; color:#fff; border-radius:6px; text-decoration:none; }
.book-btn:hover { background:#430ab5; }

.flight-item {transition: all 0.3s ease; }
.red {color: #ff3300;}
.errmsg, .login_singup_errmsg {color: #ff3300; font-size:12px;}


.login_signup-modal-area {padding: 30px 30px 20px;}
.login_signup-hding {color: #000; font-size: 22px; text-align: center; font-weight: 600; margin: 0;  display: block;}
.login_signup-subhding {font-size: 14px; color:#999; font-weight: 400; text-align: center; padding: 10px 0; margin: 0; display: block;}

.login_signup-field {width: 100%; border-radius: 40px; border: 1px solid rgb(221 221 221 / 100%); background: #fff; padding: 10px 15px; font-size: 13px; color: #000; transition: all 0.3s ease-in-out;}
.login_signup-field:focus {outline: none; border-color: #000; transition: all 0.3s ease-in-out;}
.login_signup-btn { color: #fff; border: 1px solid #570ce3; outline: none; font-weight: 400; text-align: center; background: #570ce3; font-size: 14px; padding: 8px 25px; border-radius: 40px; line-height: 1.714; margin-top: 15px; margin-bottom: 10px; text-decoration: none;}
.login-terms {font-size: 11px; font-weight: 400; color: #878787; text-align: center; display: block;}

/* Modal */
.modaldesign_web1 .modal-content { border:none; border-radius: 15px; }
.modaldesign_web1 .modal-content .modal-body .modal-hding { font-size: 18px; font-weight: 600; color: #000; padding-bottom: 5px; margin: 0; padding-top:50px; }
.modaldesign_web1 .modal-content .modal-body .modal-prgh { font-size: 14px; font-weight: 400; color:#999; padding-bottom: 10px; margin: 0; }
.modaldesign_web1 .modal-content .modal-body .modal-prgh > span { display: block; font-weight: 500; color:#e04d16; }
.modaldesign_web1 .modal-content .modal-body .modal-prgh > a { display: inline-block;  font-weight: 400; color:#570ce3; text-decoration: none; }
.modaldesign_web1 .modal-content .modal-body .modal-hding-lg {font-size: 32px; font-weight: 700; }
.modaldesign_web1 .modal-content .modal-body .otp-field { width: 22%; border-radius: 4px; padding: 7px; text-align: center; border:1px solid #ddd; display: inline-flex; margin:0 5px; }
.modaldesign_web1 .modal-content .modal-body .submit-btn {font-size: 14px; outline: none; padding: 6px 30px; margin: auto; font-weight: 400; border:2px solid #570ce3; background: #570ce3; border-radius:4px; color:#fff; text-align: center; display: table; margin-top: 15px;}
.modaldesign_web1 .modal-content .modal-body .submit-btn:hover { background: #fff; color:#570ce3;  }
.modaldesign_web1 .modal-content .modal-body .close-btn { float: right; border: none; outline: none; background: none; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; z-index: 9;}
.terms-modal .modal-content .modal-body { height: 500px; overflow-y: scroll; }
.terms-modal .modal-content  {border-radius: 1px !important; padding-bottom: 0px;}
.terms-modal .modal-content .modal-body .modal-hding {padding-top: 20px !important; padding-bottom: 25px !important;}
.thanks-icon {font-size: 26px; text-align: center; display: block; margin: 15px auto; padding: 0; width: 60px; height: 60px; border-radius: 100%; background-color: #00bb0e; color: #fff; display: flex; align-items: center; justify-content: center;}

/* Signup account */
.signup-account-msg {position: fixed; right:0;  bottom: 0; margin:auto; width:320px; height: 50px; font-size: 12px; background: #fff; padding: 0 20px; border-radius: 10px; box-shadow: 0px 0px 12px #ccc; text-align: center; display: flex; align-items: center; justify-content: center; z-index: 99; }

.gray-bg {padding: 35px 0; background-color: #f1f1f1; }

.my_account-sidebar {position: sticky; top: 80px; background-color: #fff; padding: 20px 20px 40px; border-radius: 10px;  margin-bottom: 15px; }
.profile-imgarea {position: relative; border-radius: 10px; height: 130px;  width: 130px; margin:0 auto 10px; background-image: linear-gradient(45deg, #d7c1ff, #8f5bf2); }
.profile-nameimg {font-size: 40px; font-weight: 700; color: #fff; width: 100%; height: 100%; text-align: center; text-transform: uppercase; display: flex; align-items: center; justify-content: center; }
.my_account-title { margin: 0; padding-bottom: 0; font-size: 18px; font-weight: 700;}
.my_account-subtitle {color: #888; font-size: 14px; }
.my_account-desig { color: #666; font-size: 13px; text-align: center;}

.my_account-sidemenu { display: flex; flex-direction: column; margin: 0; padding: 0;}
.my_account-sidemenu li {list-style: none;}
.my_account-sidemenu li a {font-size: 14px; text-decoration: none; font-weight: 500; color: #000;  padding: 10px 30px; border-radius: 5px;  display: block; }
.my_account-sidemenu li a > i {width: 16px; font-size: 16px; color:#570ce3; margin-right: 15px; }
.my_account-sidemenu li.active a {background: #e5eaff; color: #570ce3;}

.my_account-box {border: 1px solid #e9e9e9; padding: 20px; background-color: #fff; margin-bottom: 15px; border-radius: 10px;  position: relative;}
.my_account-box-leftline {position: absolute; top: 20px; left: 0;  height: 40px; width: 3px;  background: #570ce3;}
.my_account-edit-btn { font-size: 14px; text-decoration: none; color: #570ce3; border-radius: 4px; border: 1px solid #570ce3 padding: 8px 20px; display: inline-block; ;}
.my_account-edit-btn > i {margin-right: 10px;}
.my_account-edit-btn:hover {color: #000;}

.my_account-detail {display: flex; flex-direction: column; margin: 15px 0 0; padding: 0px; }
.my_account-detail li {list-style: none; display: flex; flex-wrap: wrap; border-bottom: 1px solid #ddd; padding: 10px 0; }
.my_account-detail li:last-child {border-bottom: none;}
.my_account-detail li > .my_account-detail-hding {font-size: 14px; color:#888; width: 160px; margin-right: 20px;  }
.my_account-detail li > .my_account-detail-info {font-size: 16px; font-weight: 600;}


.confirm-box-position {position: sticky !important; top:80px;}

@media only screen and (max-width:575px) {
   
}

@media only screen and (max-width:767px) {
    .wrap-hding_web1 { font-size: 22px; }
	.banner-hding {font-size:30px}
    .banner-hding span:before {background-size: contain;}
    .box {display: none;}
    .owl-carousel .owl-nav { top:inherit; bottom:-10px; }
    .offer-card-textarea {padding: 45px 140px 0 35px;}
    .banner-bg {padding:120px 0 60px 0;}
    .hiw-box-area_web1 {padding: 20px 0px;}
    .hiw-first_arrow_web1, .hiw-sec_arrow_web1 {display: none;}
    .hiw-circle_web1 {margin-bottom: 20px;}
	
}

@media only screen and (max-width:768px) {
    .card-textarea {padding: 53px 35px 40px 110px;}
    .upto-txt {font-size: 24px;}
    .discount-hding {font-size:110px;}
    .off-hding {font-size:32px;}
    .off-hding > span {font-size: 55px;}
    .offer-btn-1 {font-size: 16px; padding: 8px 25px; margin: 15px 15px 0;}
    .festive-hding {font-size: 36px;}
    .festive-prgh {font-size: 16px;  padding-bottom: 15px;}
    .offer-btn-2 {font-size: 16px; padding: 8px 25px;}
    .top-dest-bg {min-height: auto; background-size: cover; padding: 0px 35px 30px;}
    .left-text {padding: 30px 0px 0 0;}
    .hp-area  {height: auto;}
    .hp-area > img {object-fit: cover; }
    .wlwmark-hide {top:515px;}

     .offer-textarea {padding: 20px;}
    .offer-img {border-radius: 20px;}
    .wc-lg-img {width: 100%; position: relative; transform: scale(1.08);}
}

@media only screen and (max-width: 991px) {
    .breadcrump-list { padding-left: 0; }
    .contact-adrs-box_web1 {right:0; height: auto; border-radius: 10px 10px 0 0;}
    .contact-formbox_web1, .contact-formbox_web1 > iframe { height: 400px; border-radius: 0 0 10px 10px;}

}
