@import url(https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap);
body { padding-top: 68px; padding-bottom: 0; color: #5a5a5a; font-family: "Lato", sans-serif; font-weight: 400; overflow-x: hidden }
select { background-color: #fff !important }
img { max-width: 100% }
h2 {
font-size: 24px;
color: #000;
line-height: normal;
}
a, a:hover { text-decoration: none }
.flex-n { display: flex }
.flex { display: flex; padding: 20px 10px }
.flex-center { display: flex; justify-content: center }
span.bottom-line { border-bottom: 6px solid #ffde00; width: 100%; display: block; position: absolute; bottom: 18px; z-index: -1 }
span.bottom-line.w-color { border-bottom: 6px solid #fff }
span.bottom-line.t-color { border-bottom: 6px solid #ffdd0070 }
.flex-for-btn { display: flex; align-items: end }
.btn-lg { border-radius: 0 }
.padd-b { padding: 50px 0 }
.btn-primary { color: #fff; background-color: #224896; border-color: #224896; font-size: 18px; border-radius: 0 }
.nav-link span { display: inline-block; padding-right: 5px }
h2.head-txt { font-size: 30px; }
h1.head-txt { font-size: 42px; }
h2.head-txt, h1.head-txt { font-weight: 900; text-align: center; color: #000; padding: 30px 0 20px; width: fit-content; text-align: center; margin: 0 auto; z-index: 2; position: relative; text-transform: capitalize; }
.carousel-caption p.up-txt { text-transform: uppercase; font-size: 26px; color: #000; display: inline-block; background: #ffde00; letter-spacing: 19px; padding: 0 0 0 10px; }
.navbar { background-color: #ffde00 }
.navbar-nav .nav-item a.nav-link { color: #000; text-transform: uppercase; font-weight: 700; font-size: 14px; padding: 0 }
.navbar-nav .nav-item { padding: 0 10px }
.call-menu { background: #fff; border-radius: 21px; padding: 0 10px; box-shadow: 2px 3px 1px #00000047 }
.navbar-nav .nav-item.call-menu a.nav-link { padding: 5px 0 }
.carousel-caption h1, .carousel-caption h2 { font-size: 60px; color: #000; line-height:50px; font-weight: 900; margin-bottom: 16px }
.carousel-caption h1 span, .carousel-caption h2 span { font-size: 40px }
.count-section { text-align: center }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none }
select { display: block; width: 100%; padding: 6px; border-radius: 0; border: 1px solid #858383; background: transparent }
.tab-content select, #form2 select { display: block; width: 100%; padding: 6px; border-radius: 0; border: 0 solid #858383; background: #fff }
.tab-content .form-control, #form2 .form-control, #form3 .form-control { border-radius: 0; border: 0 solid #858383; background: #fff; color: #000 }
#form3 .form-control label { color: #000 }
#form2 h2 { text-align: center; font-weight: 900; font-size: 32px; color: #000; padding-bottom: 10px }
.form-section { background: #ffde00; margin-top: -50px; z-index: 1; position: relative; margin-bottom: 50px; margin: -50px auto 50px; width: 90% }
.f-row { width: 100%; padding-bottom: 20px; display: flex; flex-wrap: wrap }
.tab-f-btn { width: 100%; padding: 6px }
#home-tab.nav-tabs { justify-content: space-between; border-bottom: 2px solid #b8babd4a }
#home-tab.nav-tabs .nav-item { flex: 1 }
#home-tab.nav-tabs .nav-item:not(:first-child) { border-left: 2px solid #b8babd4a }
#home-tab.nav-item a { text-align: center; width: 80%; margin: 0 auto; color: #000; font-weight: 400 }
#home-tab.nav-tabs .nav-item.show .nav-link, #home-tab.nav-tabs .nav-link { text-align: center; color: #000; font-weight: 700 }
#home-tab.nav-tabs .nav-item.show .nav-link, #home-tab.nav-tabs .nav-link.active { text-align: center; border-radius: 0; border: none; box-shadow: 2px 2px 1px 0 #0000002b; font-weight: 700; position: relative }
#home-tab.nav-tabs .nav-item.show .nav-link, #home-tab.nav-tabs .nav-link.active::before { content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; position: absolute; bottom: -5px; left: 50%; right: 50%; transform: translate(-50%, 50%) }
#home-tab.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { background: #fff; border-radius: 0; border: none }
.tab-content>.tab-pane { padding: 20px 40px }
.count-section h2 { font-size: 52px; font-weight: 900; color: #000 }
.count-section p { font-size: 20px; color: #666 }
.advantages { padding: 40px; margin: 50px 0; background: #f7faff }
.tarrif { padding: 40px 40px 0 40px; margin: 0 0 0 }
.tarrif-slider .ad-item p { padding-top: 0; font-size: 18px; color: #000; font-weight: 900 }
.tarrif-slider .icon img { width: 100% }
.tarrif-slider .ad-item { padding: 20px 0 }
.tarrif-slider .ad-item p.price-tag { background: #224896; font-size: 18px; color: #fff; padding: 5px 0 }
.advantages-slider, .tarrif-slider { width: 100% }
.tarrif-bg { background: #ffde00; height: 340px; position: absolute; width: 100%; z-index: -1; left: 0 }
.ad-item { text-align: center; background: #fff; height: 250px; padding: 20px; margin: 10px; box-shadow: 2px 2px 3px 0 rgb(0 0 0 / 13%) }
.ad-item p { font-size: 20px; padding-top: 20px }
.slick-slide img { margin: 0 auto }
.slick-prev:before { content: url(../images/left-arrow.png); opacity: 1 }
.slick-next:before { content: url(../images/right-arrow.png); opacity: 1 }
.slick-dots li button::before { font-size: 25px }
.slick-dots li { width: 10px; margin: 0 2px }
.slick-dots li.slick-active button:before { color: #224896; opacity: 1 }
.dest-inner { text-align: center; position: relative; overflow: hidden; }
.dest-inner p { position: absolute; font-size: 30px; line-height: 98%; text-align: left; padding: 20px; font-weight: 500; color: #fff; margin: 0 auto; width: 100%; bottom: 0; left: 0; background: linear-gradient(358deg, black, transparent); min-height: 50%; display: flex; align-items: end; }
.dest-inner p.w-txt { color: #fff }
.join-us { width: 100%; position: relative; background: url(../images/join-us-bg.jpg); text-align: center; height: 508px; background-size: cover; background-position: center }
.join-us p { color: #fff }
h2.w-txt { color: #fff }
.j-btn { background: #ffde00; color: #000; padding: 8px 20px; border-radius: 20px; margin: 10px 0; font-weight: 400; display: inline-block }
footer { background: #000; padding: 30px 0 }
footer p { color: #fff; padding: 10px 0; font-size: 14px; font-weight: 400 }
.y-txt { color: #ffde00; text-transform: uppercase; font-weight: 700; padding-bottom: 0; margin-bottom: 5px; font-size: 14px }
.y-txt-2 { color: #ffde00; text-transform: uppercase; font-weight: 700; padding-top: 5px; padding-bottom: 0; margin-bottom: 5px; font-size: 14px }
input.mail-input { width: 85%; border-radius: 0; border: none; padding: 2px 10px; font-family: "Lato", sans-serif }
.arrow-btn { background: #ffde00; padding: 5px }
.arrow-btn img { width: 17px; margin-top: -4px; margin-left: 1px }
ul.bottom-menu li, ul.bottom-menu-2 li { list-style: none; text-transform: uppercase; padding: 8px 20px; font-size: 14px; font-weight: 400 }
ul.bottom-menu-2 li:first-child { text-transform: uppercase; color: #ffde00 }
ul.bottom-menu-2 li { text-transform: lowercase; padding: 5px 20px }
ul.bottom-menu li a { color: #ffde00 }
ul.bottom-menu-2 li a { color: #fff }
ul.bottom-menu-2 li:first-child a { color: #ffde00 }
.social-menu { display: flex; justify-content: left; align-items: center }
.soc-item { margin: 0 5px }
.soc-item:first-child { margin-left: 0 }
::placeholder { color: #000 !important; opacity: 1 }
:-ms-input-placeholder { color: #000 !important }
::-ms-input-placeholder { color: #000 !important }
input[type="date"], input[type="datetime-local"], input[type="month"], input[type="time"] { width: 100%; padding: 6px; background: transparent; border-radius: 0; border: 1px solid #858383 }
input[type="date"], input[type="datetime-local"], input[type="month"], input[type="time"]:focus, input[type="date"], input[type="datetime-local"], input[type="month"], input[type="time"]:focus-visible { outline: none }
select#inputTrip { background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) .5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat }
.icon-bar { background: #000; height: 2px; width: 21px; display: block; margin-bottom: 5px }
.navbar-nav .nav-item a.nav-link { position: relative; letter-spacing: 1px; text-decoration: none }
.navbar-nav .nav-item a.nav-link:before, .navbar-nav .nav-item a.nav-link:after { position: absolute; -webkit-transition: all 0.35s ease; transition: all 0.35s ease }
.navbar-nav .nav-item a.nav-link:before { bottom: 0; display: block; height: 3px; width: 0%; content: ""; background-color: #2980b9 }
.navbar-nav .nav-item a.nav-link:after { left: 0; top: 0; padding: .5em 0; position: absolute; content: attr(data-hover); color: #fff; white-space: nowrap; max-width: 0%; overflow: hidden }
.navbar-nav .nav-item:not(:last-child) a.nav-link:hover:before, .snip1135 .current a:before { opacity: 1; width: 100% }
.navbar-nav .nav-item:not(:last-child) a.nav-link:hover:after, .navbar-nav .nav-item:not(:last-child) a.nav-link a:after { max-width: 100% }
.about .carousel-caption h1, .about .carousel-caption h2 { color: #fff }
.about .carousel-caption p.up-txt { letter-spacing: 6px }
/*.abt-container p { padding: 50px }*/
.abt-content, .partner-content { background: #f7faff }
.partner-content { padding: 30px 0 }
.partner-content .ad-item { height: 300px }
.partner-content .ad-item h3 { font-size: 24px; color: #000 }
.partner-content .ad-item img { width: 80px }
.partner-content .ad-item p { padding-top: 5px }
.abt-form { padding: 50px 50px 80px }
.abt-form form { background: #ffde00; padding: 20px; width: 80% }
.contact-section { padding: 50px; background: #f7faff }
.contact-left { background: #fff; padding: 40px 20px; height: 410px; box-shadow: 2px 2px 2px 0 #0000002e }
.contact-left p { padding-left: 20px; font-weight: 700; font-size: 18px; color: #000 }
.contact-section #form3 { background: #ffde00; padding: 20px; height: 410px }
#form3 h2 { font-weight: 900; font-size: 32px; color: #000 }
.partnerbt { margin-top: 30px }
.mobileshow { display: none }
.carousel-item { background: #ebf3fa }
.carousel-item>img { height: 100%; bottom: 0; object-fit: cover !important; }
.plan .carousel-caption { top: 10rem }
.selected-info { background: #ffde00; padding-top: 30px; padding-bottom: 10px }
.selected-info .info-content h3 { font-family: "Lato", sans-serif; font-weight: 700; font-size: 20px; color: #000 }
.selected-info .info-icon { margin-right: 10px }
.selected-info .info-content p { color: #000 }
.breadcrumbs { display: flex; width: 100%; justify-content: space-between; padding: 20px }
.back-btn a, .chanage-taxi-btn a { background: #224896; color: #fff; padding: 10px 20px }
.chanage-taxi-btn { padding: 20px }
.chanage-taxi-btn a { padding: 10px 20px }
.back-btn a:hover, .chanage-taxi-btn a:hover { background-color: #0069d9 }
.car-card { background: #f7faff; width: 100%; padding: 20px; margin-bottom: 30px; display: flex; justify-content: space-between }
.car-details { display: inline-block; margin-left: 10px; color: #000 }
.car-details h3 { font-family: "lato"; font-weight: 700; font-size: 24px }
.right-box { text-align: right }
.right-box .price { font-size: 32px; color: #224896 }
.right-box a.fare-summary { text-decoration: underline; font-size: 12px }
.right-box a.book-btn { background: #ffde00; display: inline-block; text-transform: uppercase; color: #000; padding: 5px 10px; margin-top: 10px; transition: 0.3s; border: 1px solid rgb(0 0 0 / 0%) }
.right-box a.book-btn:hover { background: #fff; border: 1px solid #ffde00 }
.summary-section { background: #f7faff; padding-bottom: 20px }
.summary-section h3 { font-size: 32px; font-weight: 900; color: #000; padding: 20px 20px 0 }
.more-city-btn { border-radius: 0; display: none }
.more-city-btn-remove { border-radius: 0 }
.show { display: block }
.packages { text-align: center; width: 100%; padding: 20px 0 }
.packages h3 { color: #000 }
.package-details { padding: 30px 0 }
.package-listing, .package-listing-new, .citydet { width: 100%; background: #f7faff; padding: 30px 0 }
.package { background: #fff; padding: 20px; border-radius: 5px; text-align: center; margin-bottom: 20px; box-shadow: 3px 3px 4px 0 #00000026 }
.pack-img { height: 175px; overflow: hidden; margin-bottom: 10px }
p.package-name { font-size: 18px; color: #000; font-weight: 500 }
.best-price { color: #000 }
.package button { border: 0; outline: none; color: #fff; background-color: #224896; border-color: #224896; padding: 5px 20px }
.package button:hover { color: #fff; background-color: #0069d9; border-color: #0062cc }
.package-detail { text-align: center }
.pack-head { background-color: #ffde00; margin: 20px 0; padding: 10px }
.pack-head h1 { color: #000; font-size:26px; }
.package-main-img img { flex-shrink: 0; min-width: 100%; min-height: 100% }
#packs-tab.nav-tabs .nav-item.show .nav-link, #packs-tab.nav-tabs .nav-link.active { position: relative; border-color: transparent; font-weight: 700; color: #0069d9 }
#packs-tab.nav-tabs .nav-item.show .nav-link, #packs-tab.nav-tabs .nav-link.active::before { content: ""; border-bottom: 2px solid #0069d9; position: absolute; bottom: 0; width: 100%; left: 0 }
#packs-tab.nav-tabs .nav-link:hover { background-color: #0069d9; color: #fff }
#packs-tab.nav-tabs .nav-link { border: 0; color: #000; font-weight: 700 }
.pack-content { text-align: left }
.pack-content p { text-align: justify }
.package-detail .tab-content>.tab-pane { padding: 20px 10px }
.package-detail .nav-tabs .nav-item { flex: 1 1 0%; white-space: nowrap }
.float-btn { position: fixed; bottom: 10px; margin: auto; right: 0; z-index: 99999; transition: all 0.5s }
.float-hide { opacity: 0; right: -100% }
.float-show { opacity: 1; right: 0 }
.floating-enquiry { background: #fcdc33; border-color: #000; color: #000; border-radius: 0; -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotate(90deg) translate(50%, 50%); -moz-transform: rotate(90deg) translate(50%, 50%); -ms-transform: rotate(90deg) translate(50%, 50%); -o-transform: rotate(90deg) translate(50%, 50%); transform: rotate(90deg) translate(50%, 50%) }
.floating-enquiry:hover, .floating-enquiry:active, .floating-enquiry:focus { background: #000 !important; color: #fcdc33 !important; border-color: #fcdc33 !important; box-shadow: -2px 1px 4px #0000004d }
.whatsapp-icon a { padding: 5px; background: #fff; display: block; border-radius: 50%; margin: 5px; box-shadow: -2px 1px 4px #0000004d }
#enquiry-form .modal-content, #summary-popup .modal-content { background: #ffde00; border-radius: 0; border: 4px solid #000; font-family: "Lato", sans-serif }
#enquiry-form .form-control { background: transparent; border-radius: 0; border: 1px solid #858383; background: transparent; color: #000 }
#enquiry-form button.modal-sbt-btn { color: #fff; background-color: #224896; border-color: #224896; font-size: 18px; border-radius: 0; text-transform: uppercase; transition: 0.3s }
#enquiry-form button.modal-sbt-btn:hover, #enquiry-form button.modal-sbt-btn:active { color: #fff; background-color: #0069d9; border-color: #0062cc }
#enquiry-form .modal-title, #summary-popup .modal-title { color: #000; font-weight: 700 }
#enquiry-form .modal-header .close, #summary-popup .modal-header .close { position: absolute; right: -15px; top: -14px; background: #000; border-radius: 50%; padding: 3px; opacity: 1; margin: 0; width: 27px; height: 27px; line-height: 100%; font-size: 1.25rem; color: #fcdc33 }
.package-listing h2 { text-align: center; padding-bottom: 20px }
.package-listing form { background-color: #ffde00; padding: 10px }
.radio-group { display: flex; align-items: center; height: 100%; justify-content: space-between }
.radio-group .form-check-label { color: #000; font-weight: 700 }
.radio-group .form-check-input { position: relative; margin-top: .3rem; margin-left: 5px; top:3px; }
input[type="radio"].form-check-input:after { width: 20px; height: 20px; border-radius: 50%; position: relative; background-color: #fff; content: ""; display: inline-block; visibility: visible; border: 3px solid #000; top: 0px; left: -1px }
input[type="radio"].form-check-input:checked:after { width: 20px; height: 20px; border-radius: 15px; top: 0px; left: -1px; position: relative; background-color: #000; content: ""; display: inline-block; visibility: visible; border: 3px solid #fff; }
.contact-section form .f-row { padding-bottom: 40px }
.contact-section form h2 { padding-bottom: 20px }
.mob-on-mob { display: none }
.ui-timepicker-list li { font-weight: 700 }
input.datepick+img { position: absolute; right: 19px; top: 12px; width: 15px }
span.ui-timepicker-container { position: relative; display: inline-block }
span.ui-timepicker-container::after { content: url(../images/time.png); position: absolute; display: inline-block; right: 5px; top: 9px }
.facilities { display: flex; align-items: center; text-align: center; flex-wrap: wrap }
.facilitie { padding: 10px }
p.facilitie-head { font-weight: 700; color: #224896; padding-top: 12px }
.facilitie img { width: 25px }
.facilitie p { font-size: 14px; color: #000 }
.bg-image { height: 250px; margin-top: -4px; background-size: cover; background-position: center; position: relative }
.about .tab-forms .form-section { margin-top: 100px }
.citydet { padding-bottom: 0; margin-bottom: 10px }
.citydet .tab-forms { margin-top: 60px }
.citydetals { padding-top: 0 }
.citydetals { color: #000; }
.citydetals h1 { font-size: 30px; font-weight: 700 }
.citydetals h2 { font-size: 24px; }
.citydetals h3 { font-size: 20px; }
.citydetals h4 { font-size: 18px; }
.citydetals h5 { font-size: 17px; }
.citydetals h6 { font-size: 16px; }
.btn_cls { border: 0; outline: none; color: #fff; background-color: #224896; border-color: #224896; padding: 7px 20px }
.btn_cls:hover { text-decoration: none; background-color: #007bff; color: #fff }
.right-box button.book-btn { cursor: pointer; background: #ffde00; display: inline-block; text-transform: uppercase; color: #000; padding: 5px 10px; margin-top: 10px; transition: 0.3s; border: 1px solid rgb(0 0 0 / 0%) }
.dest-inner img { height: 356px }
.popular_section { background: #ffde00; padding: 30px 0 }
.popular_section h4 { font-size: 45px; font-weight: 900; text-align: center; color: #000; padding: 5px 0 20px; width: fit-content; text-align: center; margin: 0 auto; z-index: 2; position: relative }
.pop_link li { list-style: none; text-align: left }
.pop_link li a { color: #000; margin-bottom: 11px; display: inline-block; font-size: 14px; font-weight: 600 }
.popular_section span.bottom-line { border-bottom: 6px solid #000; width: 100%; display: block; position: absolute; bottom: 15px; z-index: -1 }
.col-lg-4.aos-init { margin-bottom: 20px }
.col-4.abt-container.aos-init.aos-animate { width: 100%; margin-top: 56px }
h1 strong { font-size: 18px; line-height: .9 }
h2 strong { font-size: 24px; }
h2 a { font-size: 16px }
p { color: #000; font-weight: 400 }
.cstm_pkg { padding: 0 }
.pkgcont { padding: 20px 10px 20px 10px; height: 190px }
.cstm_pkg .pack-img { margin: 0 }
.cstm_pkg img { height: 175px; width: 100%; object-fit: cover }
.cstm_pkg p.package-name { font-size: 15px; height: 65px }
.faqs .card { margin-bottom: 15px; }
.faqs .card .card-header {border-radius: 10px !important;border: 0;background: #f3f3f3;padding: 0;}
.faqs .card .card-header h5 button { color: #333; }
.faqs .card .card-header:hover h5 button { text-decoration: none; }
div#accordion { margin-top: 30px; }
.card-header .btn::before {content: "_";position: absolute;right: 15px;top: 12px;font-size: 20px;font-weight: 900;width: 26px;height: 26px;border: 1px solid #111;border-radius: 50%;display: flex;align-items: center;justify-content: center;padding-bottom: 20px;}
.card-header .btn {white-space: normal;width: 100%;text-align: start;padding: 12px 20px;padding-right: 50px;}
.card-header .btn.collapsed::before { content: '+'; padding-bottom: 0; }
.pop_link-list li:nth-child(4) ~ li { display: none; }
.expand-links .pop_link-list li:nth-child(4) ~ li { display: block; }
.text-wrapper h1 { font-size: 30px; }
.text-wrapper h2 { font-size: 27px; }
.text-wrapper h3 { font-size: 20px; }
.text-wrapper h4 { font-size: 18px; }
.text-wrapper h5 { font-size: 16px; }
.text-wrapper h6 { font-size: 15px; }
.text-wrapper p{text-align: justify;}
.text-wrapper p a { color: #ff4343; }
.text-wrapper p a:hover { text-decoration: underline; }
.text-wrapper ul { list-style: disc; padding-left: 19px; }
.text-wrapper table { width: 100% !important; max-width: 1100px; margin-bottom:16px;}
.text-wrapper table tr td {padding: 6px 10px;}
.pack-content table {
width:100%;
border:1px solid;
}
.pack-content table td, .pack-content table th {
border:1px solid;
padding:7px !important;
font-size:15px;
vertical-align:top;
}
.pack-content table td p, .pack-content table th p {
margin-bottom:0;
}
.number.flex img, .email.flex img {
max-width: 25px;
}
.contact-left .flex {
padding: 10px;
}
.slick-dots li { width: 15px; }
.slick-dots li button:before { top:-15px; }
@media (min-width:768px) {
.navbar-expand-md .navbar-nav .nav-link { padding-right: .8rem; padding-left: .8rem }
.navbar-expand-md .navbar-nav { align-items: center }
}
@media (max-width:768px) {
.cstm_pkg p.package-name {
font-size: 13px;
height: 80px;
}
.bg-image h1{ font-size:20px; }
.bg-image { height: 170px; }
.mobilehide { display: none; }
.mobileshow { display: block; }
.navbar-nav { align-items: center; }
.f-row { padding-bottom: 0; }
.tab-content>.tab-pane { padding:20px 10px; }
.carousel-item { height: auto; }
.package-main-img .carousel-item > img {
position: relative;
}
.carousel-caption h1, .carousel-caption h2 { font-size:46px; line-height:100% }
.carousel-caption h1 span, .carousel-caption h2 span { font-size:35px; }
.carousel-caption p.up-txt { font-size: 14px; letter-spacing:8px; }
.carousel-caption { top:1rem; }
.btn-primary { font-size:16px }
.count-section h2 { font-size:40px; }
.count-section p { font-size:16px; }
h2.head-txt, h1.head-txt { font-size:22px; padding:10px 0 20px; line-height:40px; }
.ad-item p { font-size: 18px; padding-top: 10px }
.dest-inner p { font-size:22px; padding:10px }
.tarrif { margin:0 0 10px }
.padd-b { padding:20px 0 }
.tarrif-bg { height:280px }
label { font-size:16px }
.tab-f-btn { margin-top:10px }
.bottom-menu, .bottom-menu-2 { padding:0 }
.join-us { padding:10px }
.abt-form { padding:20px }
.abt-form form { width:100% }
#form2 h2 { font-size:20px }
.contact-section { padding:10px; overflow-y:hidden }
.contact-left p { font-size:18px }
.flex { padding:10px 10px }
.contact-left { height: 300px; margin-bottom: 20px; padding: 20px }
.contact-section #form3 { height: auto; margin-bottom: 20px }
#form3 h2 { font-size: 20px }
.join-us { background-size: 150%; background-position: center bottom; background-repeat: no-repeat; background-color: #224896; height: 350px }
.navbar-nav .nav-item { padding: 10px; margin: 5px 0 }
.navbar-brand img { height: 30px; width: auto }
.car-card { flex-direction: column; align-items: center; margin: 10px }
.left-box { width: 100%; text-align: center }
.right-box { text-align: left; width: 100%; position: relative }
.info.flex-center { display: flex; justify-content: start }
.selected-info .info-content h3 { font-size: 16px }
.plan .carousel-caption { top: 2rem }
#home-tab.nav-tabs .nav-item.show .nav-link, #home-tab.nav-tabs .nav-link { padding: 12px 0; font-size: 14px }
.form-section { width: 100%; padding: 0; margin: 0 }
.tab-forms { padding: 0 }
.f-row>div { padding-bottom: 20px }
.package-listing { width: 100%; margin: auto }
#packs-tab.nav-tabs { padding-left: unset }
.summary-form { margin-top: 10px }
#home-tab.nav-tabs .nav-item { padding-top: 0 }
.count-section { max-width: 100%; padding-top: 40px }
.row { margin: 0 }
.col-sm-6 { margin: 0; padding: 0 }
.count-section .col-sm-6 { width: 50% }
.abt-container p { padding: 20px 0 }
.contact-section form .f-row { padding-bottom: 0 }
.mob-on-mob { color: #000; padding: 0; font-weight: 700; display: block }
.facilitie { padding: 10px; flex: 1 1 0% }
.selected-info .container .col-md-3 { padding: 0 }
p.facilitie-head { text-align: center; margin: 0 }
.left-box { text-align: center; }
.left-box img { max-width: auto; vertical-align: top }
.left-box .car-details h3 { font-size: 18px }
.facilitie p { font-size: 12px; line-height: 12px }
.right-box a.book-btn { position: absolute; top: 0; right: 0; margin-top: 0px; }
.package-listing .col-12 { flex: 0 0 50%; margin: 0; padding: 3px }
.package { padding: 10px; margin-bottom: 0 }
.package-listing { padding-top: 0 }
.nav { flex-wrap: nowrap; overflow: scroll }
.citydet .tab-forms { margin-top: 0 }
ul.bottom-menu-2 li, ul.bottom-menu li { display: inline-block; width: 49%; padding: 8px 0 }
ul.bottom-menu-2 li:first-child { display: block }
.citydetals h1 { font-size: 22px; font-weight: 700 }
.citydetals h2 { font-size: 20px; }
.citydetals h3 { font-size: 20px; }
.citydetals h4 { font-size: 18px; }
.citydetals h5 { font-size: 16px; }
.citydetals h6 { font-size: 14px; }
.popular_section h4 { font-size: 30px; }
.popular_section span.bottom-line { border-bottom: 3px solid; }
.popular_section h4 { width: 100%; }
.pop_link ul { padding: 0; }
.pack-head h1 { color: #000; font-size:18px; }
.text-wrapper h1 { font-size: 30px; }
.text-wrapper h2 { font-size: 26px; }
.text-wrapper h3 { font-size: 22px; }
.text-wrapper h4 { font-size: 20px; }
.text-wrapper h5 { font-size: 18px; }
.text-wrapper h6 { font-size: 16px; }
.pack-img, .cstm_pkg img { height: auto; }
p.package-name { font-size: 13px; }
h2 strong { font-size:21px; }
.pack-content table td, .pack-content table th {
font-size:12px;
}
.right-box .price { font-size: 24px; }
.package-details {
padding:20px 0 0;
}
.abt-form {
padding:0;
}
}
@media (max-width:360px) {
.mob-on-mob { font-size: 11px; }
.navbar-brand img { height: 15px; }
}
@media screen and (min-width:767px) {
.desktop-none { display: none !important; }
}
@media screen and (max-width:767px) {
.mobile-none { display: none !important; }
}
@media (max-width:767.98px) {
body { padding-top: 60px; }
.number img, .add img, .email img { width:4px; min-width:24px; }
}
.cms-content a {
/*color: #FF9014;*/
}
.cms-sideimg { margin-top:0px !important; }
.cms-sideimg img {
position: sticky;
top: 100px;
}
.intro-text { display: -webkit-box; -webkit-line-clamp:14; -webkit-box-orient: vertical; overflow:hidden; }
.intro-text.show-more { -webkit-line-clamp: inherit; padding-bottom:14px; }
.intro-text p:last-child { margin-bottom: 0; }
.intro-btn { padding-top: 8px; }
.show-more + .intro-btn { padding-top: 0px; }
.intro-btn a { font-size: 16px; font-weight: 600; color: #FF9014; }
.round_single_table td {
border: 1px solid #a19a9a !important;
color: #000;
}
.omsailogo_txt img {
max-width: 150px;
}
.omsailogo_txt h5 {
font-size: 16px;
font-weight: 600;
color: #000;
margin-top: 15px;
}
img.cmsimg {
height: 450px;
object-fit: cover;
}
.content_listng ul {
text-align: left;
}
.content_listng ul li {
margin-bottom: 8px;
}