@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
:root {
    --primary-color: #FF8F06;
    --secondary-color: #FF8F06;
    --black-color: #000000;
    --gray-color: #6A6A6A;
    --light-gray-color: #A8A8A8;
    --white-color: #ffffff;
}
html { font-size: 100%;overflow-x: hidden; }
@media (max-width: 1200px) { html { font-size: 92.5%; } }
@media (max-width: 767px) { html { font-size: 87.5%; } }
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary, title { display: block}
body { font-family: 'DM Sans', sans-serif; font-weight: normal; font-style: normal; font-size: 1rem; line-height: 1.5;  -webkit-font-smoothing: antialiased; margin: 0; padding: 56px 0 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;color: var(--gray-color); }
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0;}
table { border-collapse: collapse;  border-spacing: 0}
a { text-decoration: none; }
ol, ul { list-style: none}
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline}
sup { top: -0.5em}
sub { bottom: -0.25em}
* { outline: none !important;}
a:active, a:focus, a:hover, input[type="image"], select:focus, input, input[type="button"]:focus, :focus { outline: 0; text-decoration: none;}
 
.clear { clear: both}
.btn { outline: 0px;}
.bg-primary-gradient { background-color: #FFF7F2; }
.text-grey { color: #6A6A6A !important; }
.text-black { color: #303030 !important; }
.fw-semibold { font-weight: 600; }
.fw-medium { font-weight: 500; }
.text-primary { color: var(--primary-color) !important; }
.text-62 { color: #626263; }
.text-dark { color: #000 !important; }
.link { color: var(--primary-color);transition: all .3s ease; }
.link:hover, .link:focus, .link:active { color: var(--black-color) }
.fs-15 { font-size: 15px; }
.transition { transition: all .3s ease-in-out; }
.gap { gap: 10px; }
.bg-primary { background-color: var(--primary-color) !important; }
.round { border-radius: .625rem; } 
.lead-sm { font-size: 1.125rem; }
.size-32 { width: 2rem;height: 2rem; }

/* .container{ max-width: 1280px; position: relative;} */
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1280px;
    }
}
.lists {  list-style: none; margin: 0px; padding: 0px;}
.btn-primary{ color: #fff; background: var(--secondary-color); font-size: 18px; padding: 12px 1rem; display: inline-block; border: 0px; cursor: pointer; transition: all 0.3s ease-in-out; border-radius: 6px;}
.btn-primary:hover{ background: var(--gray-color); color: #fff;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: var(--secondary-color);  border-color: var(--secondary-color);}
.m-hide { display: block !important; }
.d-hide { display: none !important; }
.form-control, select.form-control:not([size]):not([multiple]) {  height: 50px; box-shadow:inherit; -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;}

.slick-prev.slick-arrow{ color: transparent; width: 55px; height: 55px; position: absolute; left: 0; top: 0; background:#fff url("../images/arrow/left-arrow.svg") center 1.25rem no-repeat; background-size: 50%; border: 1px solid #C6C6C6; border-radius: 50%;}
.slick-next.slick-arrow{ color: transparent; width: 55px; height: 55px; position: absolute; right: 0; top: 0; background: url("../images/arrow/right-arrow.svg") center 1.25rem no-repeat; background-size: 50%; border: 1px solid #C6C6C6; border-radius: 50%;}
.slick-prev.slick-arrow:hover, .slick-next.slick-arrow:hover{ background-color: rgb(255 141 77 / 25%); border-color: rgb(255 141 77 / 25%);}


/* Header */
header{ position: fixed; left: 0; right: 0; top: 0; z-index: 999; padding: 5px 0; background: #fff;}
header.fixed{  box-shadow: 0 5px 1rem rgba(0, 0, 0, 0.10); background: #fff; animation: slideDown 0.35s ease-out;}
header .navbar-brand img{ width: 125px; height: auto;}
header .navbar{ padding: 0px;}
header.fixed .navbar-brand img{ width: 125px; height: auto;}
header.fixed .top-header{ display: none;}
/* header.fixed  .navbar-expand-lg .navbar-nav { margin-top: -10px;} */
/*header .navbar-expand-lg .navbar-nav{ margin-top: 1.25rem;}*/
header .navbar-expand-lg .navbar-nav .nav-link{ color: var(--black-color); font-size: 1rem; margin-left: 12px; margin-right: 12px; }
header .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link, header .navbar-expand-lg .navbar-nav .nav-item.active .nav-link{ color: var(--secondary-color);}
.top-header{ position: absolute; top: -17px; right: 0;}
.top-header li { float: left; vertical-align: top;}
.top-header li a{ color: var(--black-color); font-size: 18px; font-weight: 600; padding: 1px 1.25rem;}
header .top-header .dropdown-item { display: block; padding: 10px 10px; clear: both; font-weight: 400;   color: #666; text-align: inherit; white-space: normal; background-color: transparent; border: 0;  border-bottom: 1px solid #eee; font-size: 14px;}
header .top-header .dropdown-menu{ left: 15px;}
header .dropdown-item img { float: right; width: 1.25rem; vertical-align: -2px;}
header .top-header .dropdown-item:focus, header .top-header .dropdown-item:hover { color: #16181b; text-decoration: none; background-color: #f8f9fa;}
header .signin{ margin-top: 8px;}
header .signin a{ color: #000; font-weight: 600;}
header .navbar-expand-lg .navbar-nav .nav-link img{ border-radius: 50%;  margin-right: 5px; width: 20px;  vertical-align: -4px; height: 20px;}

 
/* HEROAREA START CSS */
.bannerarea { width: 100%; position: relative; padding: 70px 0 50px; }
.bannerarea .banner { object-fit: cover;top: 0%;left: 0%; }
/* .bannerarea:before{ width: 100%; position: absolute;z-index: 1; top: 0; right: 0; bottom: 0; left: 0; height: 100%; content: ''; background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,0.3086484593837535) 0%, rgba(0,0,0,0.7876400560224089) 100%);}*/
.bannerarea .container{ position: relative; z-index: 90;}
.bannerarea h1{  color: var(--white-color); line-height: 130%; font-weight: 800; margin:25px 0 40px;}
.bannerarea p{ color: var(--white-color); font-size: 18px; }

.partner__card img { height: 1.5rem; }

/*.formtabs{ border-radius: 15px;}*/
.formtabs .nav-tabs { background-color: #6A6A6A; }
.formtabs .nav-tabs .nav-link{ background: none; text-align: center; border: 0px; padding: 1.25rem 1.25rem; color: var(--white-color); font-weight: 600; font-size: 17px; border-radius:  0; position: relative;}
.formtabs .nav-tabs .nav-item.show .nav-link, .formtabs .nav-tabs .nav-link.active { color: #fff; background: var(--primary-color); } 
/*.formtabs li.nav-item .nav-link{  overflow: hidden;}*/
/*.formtabs .nav-tabs .nav-link{ border-radius: 0 10px 0 0;}*/
.formtabs .nav-tabs{ border: 0px;}
.formtabs .tab-content {background: #fff;}
.formtabs .nav-tabs .nav-item{ height: auto;}
.formtabs .tab-content>.tab-pane{ padding:1.25rem;}
.formtabs .form-group { border-radius: 10px; padding: .625rem 1rem; position: relative; border: 1px solid #EAE9E9;height: 63px; }
.formtabs .form-group.message { height: 120px; }
.formtabs .form-group label{ font-size: 0.8rem;position: absolute;top: -14px;left: 14px;background-color: #fff;padding: 2px 4px;display: inline-block;color: #A5A5A5;text-transform: capitalize;margin: 0; }
.formtabs .form-group .form-control, .formtabs .form-group .form-select { border: 0px; box-shadow:inherit; padding:0px; background-color: none; height: 35px; line-height: 35px; font-weight: 500; font-size: 17px; }
.formtabs .form-group .form-control::placeholder { color: #C6C6C6; }
.formtabs .form-group .form-control.hour-select{ width: 70px; float: left;}
.formtabs .form-group .form-icon { width: 28px;  }
.formtabs .form-group select.form-control:not([size]):not([multiple]) { height: 30px;}
.formtabs .btn-primary{ width: 100%; padding: 14px 10px;font-size: 22px; }
.formtabs .form__wrapp { gap: 1.25rem; }
.form__wrapp.detail__form { border: 1px solid #EAE9E9;box-shadow: 0px 0px 10px 0px #0000001A;padding: 1.5rem;border-radius: 15px; background-color: #fff;position: relative;z-index: 99; }
@media (min-width:992px) {
    .form__wrapp.detail__form { margin-top: -14rem; }
}

/* Short Info Styles */
.shortinfo__row { line-height: 1.23; }
.shortinfo__row .icon__box { width: 48px; }

.airport__service__icon { max-height: 70px; } 
.service__card .icon svg path { fill: var(--black-color); }
.service__card:hover .icon img { filter: contrast(0) brightness(10); }
.service__card .title a { color: var(--black-color); }
.service__card .title a:hover { color: #fff; } 
.service__card:hover { background-color: var(--secondary-color) !important;border-color: var(--secondary-color) !important; }
.service__card:hover .thumbnail { transform: scale(1.12); } 
.service__card:hover h3, .service__card:hover h3 a, .service__card:hover p{ color:#fff}

/* Table Slider Styles */
.table-slider-container {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.table-slider-wrapper {
    display: flex;
    transition: transform 0.3s ease;
}

.table-slide {
    flex: 0 0 25%; /* 4 tables on desktop */
    padding: 0 10px;
    box-sizing: border-box;
}

.table-slider-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    table-layout: fixed;
    height: 380px;
    font-family: Arial, Helvetica, sans-serif;
}

/* FIXED FIRST ROW HEIGHT */
.table-slider-table thead th {
    height: 60px; /* Fixed height for all header rows */
    min-height: 60px;
    vertical-align: middle;
    padding: 12px 8px;
    text-align: center;
    border: 1px solid #e0e0e0;
    background-color: #FF8F05;
    color: white;
    font-weight: bold;
    font-size: 17px;
}

/* Consistent body rows */
.table-slider-table tbody td {
    height: 40px; /* Fixed height for all data rows */
    min-height: 40px;
    vertical-align: middle;
    padding: 10px 8px;
    text-align: center;
    border: 1px solid #e0e0e0;
    font-size: 16px;
    line-height: 1.4;
}

.table-slider-table tr:nth-child(even) {
    background-color: #f8f9fa;
}

.table-slider-table tr:hover {
    background-color: #e9ecef;
}

.table-slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 143, 5, 0.8);
    color: white;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 18px;
    cursor: pointer;
    z-index: 10;
    transition: background-color 0.3s;
}

.table-slider-arrow:hover {
    background: #FF8F05;
}

.table-slider-arrow.prev {
    left: 0;
}

.table-slider-arrow.next {
    right: 0;
}

/* Mobile Styles */
@media (max-width: 768px) {
    .table-slide {
        flex: 0 0 100%; /* 1 table on mobile */
    }
    
    .table-slider-table thead th {
        padding: 10px 5px;
        font-size: 16px;
        height: 55px; /* Slightly smaller on mobile */
        min-height: 55px;
    }
    
    .table-slider-table tbody td {
        padding: 8px 5px;
        font-size: 15px;
        height: 38px; /* Slightly smaller on mobile */
        min-height: 38px;
    }
    
    .table-slider-arrow {
        width: 35px;
        height: 35px;
    }
}
 
 
/* Reliability, worldwide */
.reliability{ width: 100%; padding: 75px 0 55px;}
.reliability h2{ font-size: 52px; font-weight: 600; color: var(--black-color); margin-bottom: 1.25rem;}
/*.reliability h3{ font-size: 1.25rem; font-weight: 600; color: var(--black-color); margin:15px 0 10px;}*/
.reliability p{ line-height: 36px; margin-bottom: 25px; font-size: 22px;}
.list-ticks li { font-size: 18px; line-height: 50px; font-weight: 500; color: #181A1F; padding: 0px 0px 0px 40px;  position: relative;}
.list-ticks li::before { content: ""; height: 25px; width: 25px; background-color: #FDEEEC; border-radius: 50%; background-image: url(../images/tick.svg); background-position: center; background-repeat: no-repeat;    position: absolute; top: 50%; left: 0px; transform: translateY(-50%);}


/* Make Your Trip Your Way With Us */
.yourTrip{ width: 100%; padding: 75px 0 60px; }
.yourTrip h2{ font-size: 36px; font-weight: 600; color: var(--black-color); margin-bottom: 60px;}
.yourTrip h3{ font-size: 1.25rem; font-weight: 600; color: var(--black-color); }
/* .yourTrip p{ line-height: 26px; margin-bottom: 25px;} */
.yourTrip .icon__box { width: 4rem; }

/* Our Services */
.our__services{ padding: 75px 0 55px; width: 100%; background: #FFF8F6; overflow: hidden;} 
.powering__card { position: relative; overflow: hidden; padding:0; height: 41.25rem;}
.overlay { position: absolute; left: 0; right: 0; z-index: 9; top: 0; bottom: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 10%); transition: all 0.3s ease-in-out; padding:100% 15px 10px;}
.overlay h3 { color: var(--white-color); text-shadow: 0px 3.603px 6.305px rgba(0, 0, 0, 0.25);    font-size: 24px; font-style: normal; font-weight: 700; line-height: 130%; padding-bottom: 15px;}
.overlay p { font-size: 1rem; font-weight: 400; font-style: normal; line-height: 22px; color: var(--white-color); display: none; margin-bottom: 12px; opacity: 0.8;}
.overlay a{ display: none;} 
.powering__card:hover .overlay{ padding-top: 65%; background: rgb(0 0 0 / 40%);}
.powering__card:hover p{ display: block;}
.powering__card:hover a{ display: block;}
.more-btn{ color: var(--black-color); font-size: 18px; display: inline-block;}
.more-btn svg{ vertical-align: middle; margin-left: 5px;}
.more-btn svg path{ fill: var(--black-color);}
.more-btn:hover{ color: var(--secondary-color); font-size: 18px; display: inline-block;}
.more-btn:hover svg path{ fill: var(--secondary-color);}
.our__services .slick-slide{ padding: 0 15px;}
.our__services .slick-slider{ margin-bottom: 55px;}
.our__services .slick-prev.slick-arrow{ left: auto; right: 125px; top: -87px; background-color: black;}
.our__services .slick-prev.slick-arrow:hover{ background-color: rgb(255 141 77 / 25%); border-color: rgb(255 141 77 / 25%)}
.our__services .slick-next.slick-arrow{ right: 40px; top: -87px;}

/* Maximum comfort and safety */
.link .icon { width: 32px;height: 32px;border-radius: 50%;background-color: var(--primary-color); }
.link:hover .icon { background-color: var(--gray-color);transform: rotate(30deg); } 
.fleetView h3{ font-size: 22px; font-weight: 600; color: var(--black-color); margin:10px 0 10px;}
.homesafetytrip h5{ font-size: 1rem; color: var(--gray-color);}
.fleetView p{ color: var(--gray-color); font-size: 1rem; line-height: 26px; margin-bottom: 15px;text-align: center;}
.homesafetytrip .slick-slide{ padding: 15px;}
.fleetView{ border-radius: 15px; border: 1px solid #EDECE8; background: #EDECE866; padding: 1.25rem 1.25rem 25px;transition: all 0.3s ease-in-out; }
.fleetView li{ width: 50%; position: relative; padding: 6px 0 6px 40px; color: var(--black-color); font-size: 1rem; float: left;}
.fleetView li span{ width: 30px; height: 30px; position: absolute; left: 0; top: 0; border-radius: 50px; display: inline-block; background: #F4F4F4; padding-top: 7px; transition: all 0.3s ease-in-out; }
.car-box img { height: 190px;width: 100%;object-fit: contain; }
.fleetView:hover{ background: rgba(244, 244, 244, 0.25); border: 1px solid rgba(217, 217, 217, 0.38); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05); transition: all 0.3s ease-in-out; }
.fleetView:hover li span{ background: #fff;}

.homesafetytrip .slick-prev.slick-arrow { left: auto; left: 10px;bottom: -60px;top: auto;}
.homesafetytrip .slick-next.slick-arrow { left: 85px;bottom: -60px;top: auto;}

.fleet__tab .nav-link { color: var(--gray-color); }
.fleet__tab .nav-link.active { color: var(--primary-color);position: relative; }
.fleet__tab .nav-link.active::after { content: '';width: 100%;height: 3px;background-color: var(--primary-color);border-radius: 4px;position: absolute;bottom: -2px;left: 0%;z-index: 11; }
.sliderTabContent .tab-pane { display: block;height: 0;visibility: hidden; }
.sliderTabContent .tab-pane.show  { height: auto;visibility: visible; }


/* HOW IT WORK */ 
.bg-dark { background: var(--black-color) !important; } 
.howitwork.accordion { 
    --bs-accordion-btn-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEzIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMS41MDQ2IDAuOTc3MzE3TDYuMzg2ODYgNi4wOTYzMkwxLjI2OTA5IDAuOTc2NzAxQzEuMDI1MSAwLjczMjcwMSAwLjYzMDM5NCAwLjczMjcwMSAwLjM4NjM5NSAwLjk3NjcwMUMwLjE0MzAxMiAxLjIyMDcgMC4xNDMwMTIgMS42MTYwMiAwLjM4NjM5NSAxLjg2MDAyTDUuOTQ1MjMgNy40MjA3QzYuMTg4NjEgNy42NjQ3IDYuNTgzOTMgNy42NjQ3IDYuODI3MzIgNy40MjA3TDEyLjM4NjIgMS44NjAwN0MxMi42Mjk1IDEuNjE2MDcgMTIuNjI5NSAxLjIyMDE0IDEyLjM4NjIgMC45NzYxMzZDMTIuMTQzNCAwLjczMzMxOCAxMS43NDggMC43MzMzMTggMTEuNTA0NiAwLjk3NzMxN1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
 }
.accordion.faq2 { 
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23585858' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h7m7 0h-7m0 0V5m0 7v7'/%3E%3C/svg%3E"); 
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23585858' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14'/%3E%3C/svg%3E"); 
       
}
.howitwork.accordion .accordion-item { border-color: rgba(255, 255, 255, 0.3); }
.howitwork.accordion .accordion-button { color: #EDECE8;opacity: .6; }
.howitwork.accordion .accordion-button::after { border: 1px solid #EDECE8;width: 2rem;height: 2rem;border-radius: 50%;background-position: center center;background-size: 1rem; }
.accordion-button:not(.collapsed)::after { background-image: var(--bs-accordion-btn-icon); }
.faq2 .accordion-button:not(.collapsed)::after { background-image: var(--bs-accordion-btn-active-icon); }
.howitwork.accordion .accordion-button:not(.collapsed) { opacity: 1;color: var(--white-color); }
.howitwork.accordion .accordion-body { color: #BBB6B6; }

.city__card .title  { color:#090606; }
.city__card .price  { color:#585858; } 
.cities-slider  .slick-slide { padding: 0 15px; } 
.cities-slider .slick-list { margin: 0 -15px; }
 
.size-64 { width: 4rem;height: 4rem; }
.certificate__card { aspect-ratio: 1;padding: 2rem; }
.slider-certificate .slick-slide { padding: 0 25px; } 
.slider-certificate .slick-list { margin: 0 -25px; }


/* blog */
.link__grey { color: #585858; }
.blog__card .thumbnail { border-radius: 15px;overflow: hidden; }
.blog__card .thumbnail:hover img { transform: scale(1.12); }
.blog__card .title a { color: var(--primary-color); }
.blog__card .title a:hover { color: var(--black-color);text-decoration: underline; }
.blog__slider .slick-prev.slick-arrow { top: -88px;bottom: auto;right: 60px;left: auto; }
.blog__slider .slick-next.slick-arrow { top: -88px;bottom: auto;right: 0px;left: auto; }


 
 
/* FAQs */ 
.faqs .accordion .card-header{ background: transparent ; border: 0; padding: 18px 0; cursor: pointer; font-weight: 500; color: #585858; font-size:1.125rem; }
.faqs .accordion .card-header:after { font-family: 'FontAwesome'; content: "\f068"; float: right;}
.faqs .accordion .card-header.collapsed:after { content: "\f067";} 
.accordion.faq.accordion .accordion-button { color: #585858; }
.accordion.faq.accordion .accordion-button::after { border: 1px solid #EDECE8;width: 2rem;height: 2rem;border-radius: 50%;background-position: center center;background-size: 1rem; }
.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-icon); 
}
.accordion.faq.accordion .accordion-button:not(.collapsed) { color: var(--black-color); }
.accordion.faq.accordion .accordion-body { color: #585858; }


/* Get in Touch */
.getintouch{ background: #030405; width: 100%; }
.getintouch .container { border-bottom: 1px solid rgb(255 255 255 / 20%); }
.getintouch h2{ color: var(--secondary-color); font-size: 24px; font-weight: 600; margin-bottom: 15px; margin-top: 25px;}
.getintouch .form-control{ border: 1px solid #A0A0A0; border-radius: 6px; height: 50px; font-weight: 500;}
.getintouch .btn-primary{ width: 100%;}




/* Footer Start */
footer{ width: 100%; background: #030405; padding: 80px 0 0;}
footer .logo img { max-height: 70px; }
footer p{ color: #C6C6C6; line-height: 26px; margin-bottom: 15px; font-size: 14px;}
footer ul{ margin-left: 1.25rem;}
footer li { list-style: disc; color: #C6C6C6;}
footer li a{ color: #C6C6C6; font-size: 1rem; line-height: 22px; padding:6px 0; display: inline-block;}
footer li a:hover{ color: var(--secondary-color);}
.footerBottom{ width: 100%; padding: 40px 0 30px; text-align: center; color:#FFF; font-size: 15px;}
.footerBottom a{ color: #fff;}
.socialMedia{ position: relative; margin-top: 45px;} 
.socialMedia a{ display: inline-block;margin-right: 1.25rem; }
.socialMedia a img{ width: 24px; height: 24px;}

.list-styled { padding-left: 1rem;margin-bottom: 1rem; }
.list-styled li { list-style-type: disc; }
.dots-primary li::marker { color: var(--primary-color); }


.whatsappdesk{
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 99;
}
.whatsappdesk a {
    height: 55px;
    width: 55px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    background: rgb(255,144,80);
    background: linear-gradient(0deg, #00B100, #09db09);
    /*box-shadow: 0 0 10px 0 rgba(0,0,0,.5);*/
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height:50px;
    overflow: hidden !important;
}
#main-div {
  position: fixed;
  right: 20px;
  bottom: 100px;
  z-index: 99;
}

#main-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 55px;
  width: 55px;
  font-size: 20px;
  color: #fff;
  cursor: pointer;
  background: rgb(255,144,80);
    background: linear-gradient(180deg, rgba(255,144,80,1) 0%, rgba(255,71,27,1) 100%);
  box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

#main-button ~ button {
  visibility: hidden;
  font-weight: 600;
  height: 50px;
  padding: 0 20px;
  color: #fff;
  background: linear-gradient(90deg, #00a1f5, #0064f3);
  box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
  border: 0;
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
  opacity: 0;
  white-space: nowrap;
  cursor: pointer;
  transition: .2s all linear;
  -webkit-transition: .2s all linear;
  -moz-transition: .2s all linear;
  -ms-transition: .2s all linear;
  -o-transition: .2s all linear;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

#main-button.open ~ button {
  visibility: visible;
  right: 70px;
  opacity: 1;
  transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
  -webkit-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
  -moz-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
  -ms-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
  -o-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
}

#main-button ~ a {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  height: 50px;
  width: 50px;
  font-size: 20px;
  opacity: 0;
  text-decoration: none;
  color: #fff;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: .2s all linear;
  -webkit-transition: .2s all linear;
  -moz-transition: .2s all linear;
  -ms-transition: .2s all linear;
  -o-transition: .2s all linear;
}

#main-button ~ .telegram-color {
  background: linear-gradient(0deg, #017AB1, #01ABE6);
}

#main-button ~ .whatsapp-color {
  background: linear-gradient(0deg, #00B100, #09db09);
}

#main-button ~ .messenger-color {
  background: linear-gradient(0deg, #0078FF, #00C6FF);
}

#main-button.open ~ a {
  opacity: 1;
  transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
  -webkit-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
  -moz-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
  -ms-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
  -o-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
}
#main-button.open ~ a:nth-of-type(1) {
  bottom: 60px;
}
#main-button.open ~ a:nth-of-type(2) {
  bottom: 120px;
}
#main-button.open ~ a:nth-of-type(3) {
  bottom: 180px;
}

.wave {
  animation-name: wave;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes wave {
  0% {box-shadow: 0 0 0px 0px rgba(255, 255, 255, 0.5);}
  100% {box-shadow: 0 0 0px 10px rgba(255, 255, 255, 0);}
}

.open {
  animation-iteration-count: 1;
}


/* Blog Card */
.blogcard{ background: #F6F6F6; border-radius: 10px; padding: 15px;}
.blogcard h2{ color: #000; line-height: 140%; margin-bottom: 15px; font-size: 22px; font-weight: bold;}
.blogcard h4{ color: #000; line-height: 100%; margin-bottom: 15px; font-size: 16px; font-weight: bold;}
.blogcard p{ color: #585858; line-height: 160%; margin-bottom: 20px;}
.blogcard a{ font-size: 15px; padding: 10px 25px;}

.blogHeader{ height: 210px; border-radius: 8px; overflow: hidden; margin-bottom: 10px;}

/* Make Your Trip Your Way With Us */
.yourTrip{ width: 100%; padding: 75px 0 60px; text-align: center; background: rgba(245, 245, 246, 0.23);}
.yourTrip h2{ font-size: 36px; font-weight: 600; color: var(--black-color); margin-bottom: 60px;}
.yourTrip h3{ font-size: 20px; font-weight: 600; color: var(--black-color); margin:15px 0 10px;}
.yourTrip p{ line-height: 26px; margin-bottom: 25px;}


.table thead tr th{ background: #FF8F06; color: #fff; font-size: 15px; text-transform: uppercase; padding: 5px 10px;border: 1px solid #D9D9D9;}
.table tbody tr td{ color: #000; font-size: 15px; padding: 8px 10px; border: 1px solid #D9D9D9;}
.table tbody tr:nth-child(even) td{ background: #FFF9F3;}
.table tbody tr:nth-child(odd){ background: #fff;}

/* Reliability, worldwide */
.reliability{ width: 100%; padding: 75px 0 55px; background: #FFE6EB;}
.reliability h2{ font-size: 52px; font-weight: 600; color: var(--black-color); margin-bottom: 20px;}
/*.reliability h3{ font-size: 20px; font-weight: 600; color: var(--black-color); margin:15px 0 10px;}*/
.reliability p{ line-height: 36px; margin-bottom: 25px; font-size: 22px;}
.list-ticks li { font-size: 18px; line-height: 50px; font-weight: 500; color: #181A1F; padding: 0px 0px 0px 40px;  position: relative;}
.list-ticks li::before { content: ""; height: 25px; width: 25px; background-color: #FDB9C5; border-radius: 50%; background-image: url(../images/icons/tick.svg); background-position: center; background-repeat: no-repeat;    position: absolute; top: 50%; left: 0px; transform: translateY(-50%);}
.form-group.has-error{border:1px solid red;-webkit-transition:all .5s ease-in;-moz-transition:all .5s ease-in;-o-transition:all .5s ease-in;transition:all .5s ease-in}



.privacyPage p{ margin-bottom:20px; line-height: 26px;}
.privacyPage li{ margin-bottom:10;}
.page-link{ color: var(--secondary-color) !important}
.active > .page-link, .page-link.active{ background:var(--secondary-color) !important; border-color:var(--secondary-color) !important; color: #fff !important;}
.booking-button{font-size: 18px; font-weight: 600; padding:12px 10px 10px;  display: block;  border-radius:30px;  background: #111;}
.booking-button:hover{ background: #ff8f06;}

.book__ride h2{ font-size: 24px; font-weight: 600; margin-bottom: 15px; padding: 0px; color: var(--black-color);} 
.book__ride h3{ font-size: 21px; font-weight: 600; margin-bottom: 15px; padding: 0px; color: var(--black-color);} 
.book__ride h4{ font-size: 18px; font-weight: 600; margin-bottom: 15px; padding: 0px; color: var(--black-color);} 
.halio-price-container{ font-size: 20px; color: #111; font-weight: 600;}
.signgmail a{ color: #111; border-radius: 5px; border: 1px solid #ccc; display: inline-block; padding: 10px 15px;  margin-top: 20px;}
.signgmail svg{ width: 25px; height: auto; margin-right: 5px;}

.paymentTotal{ font-size: 20px; font-weight: 600; color: #ff8f06; margin-bottom: 15px;}


#loader{z-index:1000000000000}#loader{position:fixed;z-index:9999999;width:100%;height:100%;background:rgba(250,250,250,.6) url(/assets/images/common/ring.svg) no-repeat 50% 45%}



.serviceB h5{ font-size: 22px; font-weight: 600; margin-bottom: 15px;}
.serviceB li{ position: relative; padding: 9px 0 9px 30px;}
.serviceB li img { width: 20px; height: auto; position: absolute; left: 0; top:12px;}