:root {
  --body-font: 'Roboto', sans-serif;
  --heading-font: "Poppins", sans-serif;
  --theme-color: #1260FE;
  --theme-color2: #8C52FF;
  --theme-bg-light: #F8F9FE; 
  --color-dark: #01054C;
  --color-gray: #F6F6F6;
  --body-text-color: #757F95;
  --color-white: #ffffff;
  --hero-overlay: rgb(5, 3, 17);
  --slider-arrow-bg: rgba(140, 82, 255, .2);
  --box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
  --box-shadow2: 0 0 15px rgba(0, 0, 0, 0.17);
  --transition: all .5s ease-in-out;
  --transition2: all .3s ease-in-out;
  --border-info-color: rgba(0, 0, 0, 0.08);
  --border-info-color2: rgba(0, 0, 0, 0.05);
  --border-white-color: rgba(255, 255, 255, 0.08);
  --border-white-color2: rgba(255, 255, 255, 0.05);
  --footer-bg: #01103B;
  --footer-bg2: #00134C;
  --footer-text-color: #F5FAFF;
  --icon-font: "Font Awesome 5 Free";
  --theme-gradient: linear-gradient(to right, #fc226a 0%, #8c52ff 100%);
}

::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

::-webkit-scrollbar
{
  width: 6px;
  background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
  background-color: var(--theme-color);
}


.clrblack {
    color: black !important;
}

.cleblue {
    color: var(--theme-color);
}


.loganame {
    font-size: 40px;
    color:#fff;
}

.margintop1 {
    margin-top: -13px;
    color: #fff;
    font-size: 25px;
}
.fw-medium {
    font-weight: 500 !important;
}
.text-primary{
    color: var(--theme-color) !important;
}
.text-theme{
    color: var(--theme-color) !important;
}
.bg-primary{
    background-color: var(--theme-color) !important;
}
.bg-theme{
    background-color: var(--theme-color) !important;
}
.clrw {
    color: white;
}
.theme-color{
    color: var(--theme-color);
}

.text-block {
    position: absolute;
    border: 2px solid white;
    width: 90%;
    height: 90%;
    bottom: 20px;
    right: 20px;
    color: white;
    padding-left: 20px;
    padding-right: 20px;
    box-shadow: rgb(220, 219, 216);
    text-align: left;
}

/*slider caption*/

.slider-caption {
    position: absolute;
    top: 24%;
    color: #fff;
    width: 85%;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
}
.slider-caption .h2 {
    font-size: 85px;
    font-weight: 600;
    line-height: 1.1;
    font-family: "Playfair Display", serif;
}
.slider-caption .h2 span{
    color: #fff;
    -webkit-text-stroke: 2px var(--theme-color);
    font-family: "Playfair Display", serif;
}

@media only screen and (max-width: 600px) {
    .slider-caption{
        width: 100%;
        padding: 10px;
        top: 13%;
    }
    .slider-caption .h2 {
        font-size: 32px;
    }
    .vtin-txt {
        margin: 0 0 50px 0px!important;
        padding: 25px 15px 30px 20px!important;
    }
    .slider-caption .h2 span{
        -webkit-text-stroke: 1px var(--theme-color);
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-family: var(--heading-font);
}

h1 {
    font-size: calc(26px + (50 - 26) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 1.1;
    text-transform: uppercase;
}

h2 {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.001em;
    line-height: 32px;
    text-transform: capitalize;
}

h3 {
    font-size: calc(20px + (24 - 20) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 400;
    letter-spacing: 0.03em;
    line-height: 1.2;
}

h4 {
    font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 400;
    letter-spacing: 0.03em;
    line-height: 1.2;
    text-transform: capitalize;
}

h5 {
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 400;
    letter-spacing: 0.03em;
    line-height: 1.2;
}

h6 {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.03em;
}

ul {
    padding-left: 0;
    margin-bottom: 0;
}

li {
    display: inline-block;
    font-size: 16px;
    letter-spacing: 0.03em;
}

p {
    font-size: 16px;
/*    line-height: 18px;*/
color: #383838;
letter-spacing: 0.03em;
}

a {
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    letter-spacing: 0.03em;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

a:focus {
    outline: none;
}

label {
    letter-spacing: 0.03em;
}

button:focus,
.btn:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

section,
.section-t-space {
    padding-top: 50px;
}

.section_space {
    padding-top: calc(30px + (100 - 30) * ((100vw - 320px) / (1920 - 320)));
}

.section-b-space {
    padding-bottom: 50px;
}

.medium-section {
    padding-top: 80px;
    padding-bottom: 80px;
}

.small-section {
    padding-top: 35px;
    padding-bottom: 35px;
}

.xs-section {
    padding: 30px 0;
}

.parallax-img {
    background-attachment: fixed;
}

.radius-cls {
    border-radius: 20px;
}

.radius-cls .social-box {
    border-radius: 6px;
}

/*.bg-inner {
    background-color: #f9f9f9;
}*/

.lh-cls {
    line-height: 1 !important;
}

.w-80 {
    width: 80%;
}

.mb-down {
    margin-bottom: -30px;
}

.form-control {
    height: auto;
}


.form-check-input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.media .media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.radio_animated {
    cursor: pointer;
    margin-left: 0;
    position: relative;
    margin-right: 12px;
}

.radio_animated:before {
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    position: absolute;
    top: 0;
    left: 0.125rem;
    z-index: 1;
    width: 0.75rem;
    height: 0.75rem;
    background: var(--theme-color);
    border-radius: 50%;
}

.radio_animated:after {
    content: "";
    position: absolute;
    top: -0.25rem;
    left: -0.125rem;
    width: 1.25rem;
    height: 1.25rem;
    background: white;
    border: 2px solid #e8ebf2;
    border-radius: 50%;
}

.radio_animated:checked:before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.checkbox_animated {
    cursor: pointer;
    margin-left: -1.25rem;
    position: relative;
    margin-right: 12px;
    border: none;
}

.checkbox_animated:before {
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: rotate(-45deg) scale(0, 0);
    transform: rotate(-45deg) scale(0, 0);
    content: "";
    position: absolute;
    left: 0.25rem;
    top: 0.225rem;
    z-index: 1;
    width: 0.75rem;
    height: 0.375rem;
    border: 2px solid var(--theme-color);
    border-top-style: none;
    border-right-style: none;
}

.checkbox_animated:after {
    content: "";
    position: absolute;
    top: -0.125rem;
    left: 0;
    width: 1.3rem;
    height: 1.3rem;
    background: white;
    border: 2px solid #e8ebf2;
    cursor: pointer;
}

.checkbox_animated:checked:before {
    -webkit-transform: rotate(-45deg) scale(1, 1);
    transform: rotate(-45deg) scale(1, 1);
}

.form-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.input-group-prepend,
.input-group-append {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mrg-cls {
    margin-bottom: -3px;
}

.rounded5 {
    border-radius: 5px !important;
}

.rounded10 {
    border-radius: 10px !important;
}

.rounded15 {
    border-radius: 15px !important;
}

.rounded20 {
    border-radius: 20px !important;
}

.rounded25 {
    border-radius: 25px !important;
}

.breadcrumb {
    padding: 0.75rem 1rem;
}

.zindex-1 {
    z-index: 1;
}

.row div[class*="col-"],
.row .col {
    position: relative;
}

/*Lazy load */

.blur-up {
}

.blur-up.lazyloaded {
}

/*=====================
1.1. Button start
==========================*/

.btn-group-showcase {
    margin-bottom: -20px;
}

.btn-group-showcase h3 {
    margin-bottom: 15px;
}

.btn-group-showcase .btn {
    margin-bottom: 20px;
}

.btn-group-showcase .btn+.btn {
    margin-left: 15px;
}

.btn-cards .card {
    margin-bottom: 30px;
}

.btn {
    line-height: 20px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    border-radius: 0;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.btn.btn-lower {
    text-transform: capitalize;
}

.btn.btn-sm {
    padding: 8px 24px !important;
    text-transform: capitalize;
}

.btn.white-btn {
    background-color: white !important;
    color: #ba8a04 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.btn.black-btn {
    background-color: black !important;
    color: white !important;
    -webkit-box-shadow: 1px 11px 20px 0px rgba(0, 0, 0, 0.12) !important;
    box-shadow: 1px 11px 20px 0px rgba(0, 0, 0, 0.12) !important;
}

.btn.black-btn:hover {
    -webkit-box-shadow: 1px 11px 20px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 1px 11px 20px 0px rgba(0, 0, 0, 0.22);
    border: 1px solid var(--theme-color);
    background-color: white !important;
    color: black !important;
}

.btn.btn-solid {
    background-color: var(--theme-color);
    color: #fff;
    padding: 9px 20px;
    -webkit-box-shadow: 1px 11px 20px 0px rgba(233, 179, 14, 0.12);
    box-shadow: 1px 11px 20px 0px rgba(233, 179, 14, 0.12);
    border-radius: 5px;
}

.btn.btn-solid:hover {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: white;
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
    -webkit-box-shadow: 1px 11px 20px 0px rgba(233, 179, 14, 0.22);
    box-shadow: 1px 11px 20px 0px rgba(233, 179, 14, 0.22);
}

.btn.btn-solid.btn-outline {
    background-color: transparent;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
}

.btn.btn-solid.btn-outline:hover {
    color: white;
    background-color: var(--theme-color);
}

.btn.btn-solid.color2 {
    background-color: #ef3f3e;
    -webkit-box-shadow: 2.5px 4.33px 25px 0px rgba(239, 63, 62, 0.3);
    box-shadow: 2.5px 4.33px 25px 0px rgba(239, 63, 62, 0.3);
}

.btn.btn-solid.color2:hover {
    background-color: white;
    color: #ef3f3e;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: 1px solid #ef3f3e;
    -webkit-box-shadow: 1px 11px 20px 0px rgba(239, 63, 62, 0.22);
    box-shadow: 1px 11px 20px 0px rgba(239, 63, 62, 0.22);
}

.btn.btn-curve {
    border-radius: 5px;
    background-color: var(--theme-color);
    color: white;
    padding: 9px 20px;
    -webkit-box-shadow: 1px 11px 20px 0px rgba(233, 179, 14, 0.12);
    box-shadow: 1px 11px 20px 0px rgba(233, 179, 14, 0.12);
}

.btn.btn-curve.btn-lower {
    text-transform: capitalize;
}

.btn.btn-rounded {
    border-radius: 100px;
    color: white;
    padding: 10px 20px;
}

.btn.btn-rounded.color1 {
    background-color: var(--theme-color);
    -webkit-box-shadow: 1px 11px 20px 0px rgba(233, 179, 14, 0.12);
    box-shadow: 1px 11px 20px 0px rgba(233, 179, 14, 0.12);
}

.btn.btn-rounded.color1:hover {
    background-color: white;
    color: var(--theme-color);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: 1px solid var(--theme-color);
    -webkit-box-shadow: 1px 11px 20px 0px rgba(233, 179, 14, 0.22);
    box-shadow: 1px 11px 20px 0px rgba(233, 179, 14, 0.22);
}

.btn.btn-rounded.color2 {
    background-color: #ef3f3e;
    -webkit-box-shadow: 2.5px 4.33px 25px 0px rgba(239, 63, 62, 0.3);
    box-shadow: 2.5px 4.33px 25px 0px rgba(239, 63, 62, 0.3);
}

.btn.btn-rounded.color2:hover {
    background-color: white;
    color: #ef3f3e;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: 1px solid #ef3f3e;
    -webkit-box-shadow: 1px 11px 20px 0px rgba(239, 63, 62, 0.22);
    box-shadow: 1px 11px 20px 0px rgba(239, 63, 62, 0.22);
}

.btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-outline {
    background-color: white;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
}

.btn-close:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*=====================
1.2. Title css start
==========================*/

.title-1 {
    text-align: center;
}

.title-1 .title-label {
    font-size: 14px;
    color: white;
    background-color: var(--theme-color);
    text-transform: uppercase;
    padding: 4px 18px;
    line-height: 1.7;
    border-radius: 3px;
    font-family: Work Sans;
    font-weight: 600;
}

.title-1 .title-label.white-label {
    background-color: white;
    color: var(--theme-color);
}

.title-1 h2 {
    padding-top: 25px;
    margin-bottom: 0;
    padding-bottom: 50px;
    font-weight: 800;
}

.title-1.title-5 .title-label {
    border-radius: 50px;
}

.title-1.title-5 h2 {
    padding-top: 22px;
    padding-bottom: 15px;
}

.title-1.title-5 p {
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 600;
    margin-bottom: 50px;
}

.title-1.detail-title .title-label {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.title-1.detail-title h2 {
    padding-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.title-1.detail-title p {
    /* max-width: 60%; */
    margin: 0 auto;
    color: #676767;
    /* text-transform: capitalize; */
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.7;
    text-align: justify;
}

.title-1.rounded .title-label {
    border-radius: 12px;
}

.title-2 {
    text-align: center;
}

.title-2 h2 {
    font-size: calc(22px + (36 - 22) * ((100vw - 320px) / (1920 - 320)));
    color: #808080;
    font-weight: 400;
    margin-bottom: 22px;
    line-height: 32px;
    margin-top: -2px;
}

.title-2 h2 span {
    color: #ef3f3e;
    font-weight: 900;
}

.title-2 p {
    margin-bottom: 70px;
    color: #cacaca;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 600;
}

.title-2.color-1 h2 span {
    color: var(--theme-color);
}

.title-3 {
    text-align: center;
}

.title-3 .title-label {
    font-size: 14px;
    color: white;
    background-color: var(--theme-color);
    text-transform: capitalize;
    padding: 4px 18px 6px;
    line-height: 1;
    font-family: Work Sans;
    font-weight: 600;
}

.title-3 h2 {
    font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
    margin-top: 20px;
    margin-bottom: 90px;
    font-weight: 800;
    position: relative;
}

.title-3 h2 span {
    font-family: Vampiro One, cursive;
    font-size: calc(35px + (85 - 35) * ((100vw - 320px) / (1920 - 320)));
    position: absolute;
    color: rgba(233, 179, 14, 0.1);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    z-index: -1;
    font-weight: 400;
}

.title-3.detail-title .title-label {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.title-3.detail-title h2 {
    padding-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 30px;
}

.title-3.detail-title p {
    max-width: 60%;
    margin: 0 auto;
    color: rgba(0, 0, 0, 0.41);
    text-transform: capitalize;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.7;
    margin-bottom: 30px;
}

.title-3.rounded .title-label {
    border-radius: 50px;
}

.title-3.white-title .title-label {
    background-color: white;
    color: var(--theme-color);
}

.title-3.white-title h2 {
    color: white;
}

.title-3.white-title h2 span {
    z-index: unset;
    color: rgba(255, 255, 255, 0.07);
}

.title-basic h2 {
    font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
    color: var(--theme-color);
    font-weight: 600;
}

.title-basic p {
    margin-top: -4px;
    color: rgba(0, 0, 0, 0.7);
}

/*=====================
1.3. Image-ratio start
==========================*/

.ratio_40 .bg-size:before {
    padding-top: 40%;
    content: "";
    display: block;
}

.ratio_45 .bg-size:before {
    padding-top: 45%;
    content: "";
    display: block;
}

.ratio2_1 .bg-size:before {
    padding-top: 50%;
    content: "";
    display: block;
}

.ratio_55 .bg-size:before {
    padding-top: 55%;
    content: "";
    display: block;
}

.ratio_59 .bg-size:before {
    padding-top: 59%;
    content: "";
    display: block;
}

.ratio2_3 .bg-size:before {
    padding-top: 60%;
    content: "";
    display: block;
}

.ratio3_2 .bg-size:before {
    padding-top: 66.66%;
    content: "";
    display: block;
}

.ratio_90 .bg-size:before {
    padding-top: 93%;
    content: "";
    display: block;
}

.ratio_landscape .bg-size:before {
    padding-top: 75%;
    content: "";
    display: block;
}

.ratio_square .bg-size:before {
    padding-top: 100%;
    content: "";
    display: block;
}

.ratio_asos .bg-size:before {
    padding-top: 127.7777778%;
    content: "";
    display: block;
}

.ratio_portrait .bg-size:before {
    padding-top: 150%;
    content: "";
    display: block;
}

.ratio1_2 .bg-size:before {
    padding-top: 200%;
    content: "";
    display: block;
}

.b-top {
    background-position: top !important;
}

.b-bottom {
    background-position: bottom !important;
}

.b-center {
    background-position: center !important;
}

.b-left {
    background-position: left !important;
}

.b-right {
    background-position: right !important;
}

.b_size_content {
    background-size: contain !important;
}

.shadow-cls {
    -webkit-box-shadow: 0px 1px 9px 0px rgba(228, 228, 228, 0.7);
    box-shadow: 0px 1px 9px 0px rgba(228, 228, 228, 0.7);
}

.container-medium {
    padding: 0 30px;
}

/*=====================
17. full banner section css
==========================*/

.full-banner {
    padding: 120px 0;
    position: relative;
    overflow: hidden;
}

.full-banner .banner-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}

.full-banner .banner-content h5 {
    color: white;
    font-weight: 700;
    text-transform: capitalize;
    font-style: italic;
    margin-bottom: 30px;
    margin-top: -4px;
}

.full-banner .banner-content h5 span {
    color: var(--theme-color);
}

.full-banner .banner-content h2 {
    font-size: calc(20px + (60 - 20) * ((100vw - 320px) / (1920 - 320)));
    text-transform: capitalize;
    font-weight: 700;
    color: white;
    margin-bottom: 30px;
}

.full-banner .banner-content h2 span {
    font-size: calc(18px + (40 - 18) * ((100vw - 320px) / (1920 - 320)));
}

.full-banner .banner-content p {
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.5;
    margin-bottom: 25px;
}

.full-banner .banner-content .price {
    font-size: calc(18px + (40 - 18) * ((100vw - 320px) / (1920 - 320)));
}

.full-banner .banner-content .price del {
    font-size: calc(16px + (25 - 16) * ((100vw - 320px) / (1920 - 320)));
    color: rgba(255, 255, 255, 0.9);
    font-weight: 400;
}

.full-banner .banner-content .bottom-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 35px;
}

.full-banner .banner-content .bottom-section .info-btn {
    margin-left: 25px;
}

.full-banner .banner-content .bottom-section .info-btn h6 {
    font-size: 14px;
    color: white;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 50px;
    padding: 10px 16px;
}

.full-banner .banner-content .bottom-section .info-btn.red-info {
    margin-left: 10px;
}

.full-banner .banner-content .bottom-section .info-btn.red-info h6 {
    color: var(--theme-color);
}

.full-banner .offer-text {
    position: absolute;
    top: 20%;
    left: -64%;
}

.full-banner .offer-text .offer {
    padding: 3px 5px;
    background-color: var(--theme-color);
    color: white;
    font-size: 10px;
    text-transform: uppercase;
    border-radius: 25px;
    font-weight: 700;
}

.full-banner .offer-text h6 {
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 700;
    position: relative;
    margin-top: 10px;
}

.full-banner .offer-text h6 span {
    position: relative;
    display: inline-block;
    -webkit-animation: ani 1s infinite alternate cubic-bezier(0.86, 0, 0.07, 1);
    animation: ani 1s infinite alternate cubic-bezier(0.86, 0, 0.07, 1);
}

.full-banner .offer-text h6 span:nth-last-child(1n) {
    -webkit-animation-delay: -0.1666666667s;
    animation-delay: -0.1666666667s;
}

.full-banner .offer-text h6 span:nth-last-child(2n) {
    -webkit-animation-delay: -0.3333333333s;
    animation-delay: -0.3333333333s;
}

.full-banner .offer-text h6 span:nth-last-child(3n) {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.full-banner .offer-text h6:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 3px;
    background-color: white;
    top: 5px;
    right: -100px;
    background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(231, 56, 39, 0)));
    background: linear-gradient(to right, white 0%, rgba(231, 56, 39, 0) 100%);
}

.full-banner.banner-section {
    background-size: cover;
    background-position: center center;
}

.full-banner.banner-section .place-image {
    position: relative;
}

.full-banner.banner-section .place-image .animation-place .plane-l {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
    position: absolute;
    top: 22%;
    left: -11%;
}

.full-banner.banner-section .place-image .animation-place .plane-l img {
    width: 70%;
}

.full-banner.banner-section .place-image .animation-place .plane-r {
    position: absolute;
    right: 7%;
    top: 0;
    -webkit-animation: mover 1.1s infinite alternate;
    animation: mover 1.1s infinite alternate;
}

.full-banner.banner-section .place-image .animation-place .cloud-l {
    position: absolute;
    top: 0;
    left: 7%;
}

.full-banner.banner-section .place-image .animation-place .cloud-l img {
    width: 75%;
}

.full-banner.banner-section .place-image .animation-place .cloud-r {
    top: 0;
    position: absolute;
    right: 42%;
}

.full-banner.small-section {
    padding: 30px 0;
}

.full-banner.padding-cls {
    padding-top: calc(90px + (200 - 90) * ((100vw - 320px) / (1920 - 320)));
    padding-bottom: calc(90px + (200 - 90) * ((100vw - 320px) / (1920 - 320)));
}

.full-banner.overlay-banner {
    background-blend-mode: overlay;
    background-color: rgba(255, 255, 255, 0.7);
}

.full-banner.overlay-banner .banner-content h2 {
    color: var(--theme-color);
}

.full-banner.overlay-banner .banner-content h5 {
    color: rgba(0, 0, 0, 0.8);
}

.full-banner.overlay-banner .banner-content p {
    color: rgba(0, 0, 0, 0.7);
}

.full-banner.overlay-banner .banner-content .bottom-section .info-btn h6 {
    color: var(--theme-color);
    background-color: rgba(0, 0, 0, 0.05);
}

.food-banner {
    padding: 160px 0;
    position: relative;
    background-image: url("../images/restaurant/bg-2.html");
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: bottom;
}

.food-banner .food-content h3 {
    font-size: calc(22px + (60 - 22) * ((100vw - 320px) / (1920 - 320)));
    font-family: Pacifico, cursive;
    color: white;
    margin-bottom: 20px;
    margin-top: -4px;
}

.food-banner .food-content h2 {
    font-family: Bangers, cursive;
    font-size: calc(30px + (158 - 30) * ((100vw - 320px) / (1920 - 320)));
    color: white;
    letter-spacing: 0.05em;
    text-transform: capitalize;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    display: inline-block;
}

.food-banner .food-content h2 span {
    font-size: calc(16px + (28 - 16) * ((100vw - 320px) / (1920 - 320)));
    position: absolute;
    top: -20px;
    right: 0;
    font-family: Nunito;
    letter-spacing: 0.05em;
}

.food-banner .food-content .strip-cls {
    position: relative;
    display: inline-block;
    margin-top: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.food-banner .food-content .strip-cls .timer {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    display: inline-block;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.food-banner .food-content .strip-cls .timer li {
    padding: 0;
    background: none;
    color: var(--theme-color);
    font-size: 14px;
    font-weight: 700;
    position: relative;
    margin: 0 18px;
}

.food-banner .food-content .strip-cls .timer li span {
    font-family: Bangers, cursive;
    font-size: calc(18px + (30 - 18) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 400;
    line-height: 1;
}

.food-banner .food-content .strip-cls .timer li:after {
    content: "";
    position: absolute;
    height: 20px;
    width: 2px;
    background-color: rgba(233, 179, 14, 0.3);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 45px;
}

.food-banner .food-content .strip-cls .timer li:last-child:after {
    display: none;
}

.food-banner .food-content .buttons {
    position: relative;
    display: block;
    text-align: center;
    margin-top: 30px;
}

.food-banner .absolute-design .left-design {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -29%;
}

.food-banner .absolute-design .right-design {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -60%;
}

.discount-banner {
    padding: 215px 0;
    position: relative;
    background-image: url("../images/restaurant/bg-3.html");
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
}

.discount-banner .banner-content {
    text-align: center;
}

.discount-banner .banner-content h4 {
    font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
    font-family: Pacifico, cursive;
    color: rgba(255, 255, 255, 0.95);
    margin-bottom: 40px;
    margin-top: -4px;
}

.discount-banner .banner-content h2 {
    font-family: Bangers, cursive;
    font-size: calc(30px + (95 - 30) * ((100vw - 320px) / (1920 - 320)));
    color: white;
    letter-spacing: 0.05em;
    text-transform: capitalize;
    line-height: 1;
    position: relative;
    display: block;
    margin-bottom: 35px;
}

.discount-banner .banner-content .coupon {
    padding: 6px;
    border: 1px dashed rgba(255, 255, 255, 0.4);
    display: inline-block;
    border-radius: 25px;
    margin-bottom: 35px;
}

.discount-banner .banner-content .coupon h5 {
    font-family: Work Sans;
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
    text-transform: capitalize;
    color: white;
    background-color: var(--theme-color);
    padding: 5px 15px;
    border-radius: 25px;
    margin-bottom: 0;
    font-weight: 600;
}

.discount-banner .banner-content p {
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
    color: rgba(255, 255, 255, 0.95);
    text-transform: uppercase;
    margin-bottom: 25px;
    letter-spacing: 0.5em;
    font-weight: 800;
}

.discount-banner .banner-content .rating {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.discount-banner .banner-content .rating i {
    font-size: 8px;
}

.collection-banner {
    position: relative;
    overflow: hidden;
}

.collection-banner .img-part {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 100%;
}

.collection-banner.p-left .contain-banner {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.collection-banner.p-right .contain-banner {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.collection-banner.p-center .contain-banner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.collection-banner .contain-banner {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: calc(10px + (50 - 10) * ((100vw - 320px) / (1920 - 320)));
    padding-right: calc(10px + (50 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.collection-banner .contain-banner h4 {
    color: var(--theme-color);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
    font-size: 16px;
}

.collection-banner .contain-banner h2 {
    font-size: calc(14px + (40 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
    color: #222222;
    letter-spacing: 0.1em;
    line-height: 1;
    margin-bottom: -10px;
}

.collection-banner:hover .img-part {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/*=====================
18. other section css
==========================*/

.about-text p {
    line-height: 28px;
    letter-spacing: 0.06em;
    text-align: left;
    margin-bottom: -7px;
    color: rgba(0, 0, 0, 0.68);
}

.deals {
    overflow: hidden;
}

.deals .slick-slider {
    margin: 0 16px;
}

.deals .slick-slider .slick-slide>div {
    margin: 0 40px;
}

.deals .slick-slider .slick-list {
    margin-left: -40px;
    margin-right: -40px;
}

.deals .deals-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.deals .deals-box .deals-img {
    padding: 0;
}

.deals .deals-box .left-portion {
    background-color: white;
    position: relative;
    padding: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.deals .deals-box .left-portion:after {
    content: "";
    position: absolute;
    background-image: url(../images/zig-zag.png);
    right: -10px;
    height: 100%;
    width: 10px;
    top: 0;
}

.deals .deals-box .left-portion:before {
    content: "";
    position: absolute;
    background-image: url(../images/zig-zag.png);
    left: -10px;
    height: 100%;
    width: 10px;
    top: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.deals .deals-box .left-portion .deals-content .detail {
    position: absolute;
    left: 0;
    top: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 18px 0;
}

.deals .deals-box .left-portion .deals-content .detail h2 {
    font-size: calc(17px + (27 - 17) * ((100vw - 320px) / (1920 - 320)));
    white-space: nowrap;
    color: var(--theme-color);
    margin-bottom: 0;
}

.deals .deals-box .left-portion .deals-content .detail h2 span {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.38);
}

.deals .deals-box .left-portion .deals-content .detail h3 {
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 0;
}

.deals .deals-box .left-portion .deals-content img {
    margin-left: 80px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.detail-section {
    background-size: cover;
    background-position: center center;
}

.detail-section .detail-box {
    text-align: center;
    color: white;
    padding: 0 55px;
}

.detail-section .detail-box .upper-part {
    margin-bottom: 40px;
    min-height: 180px;
}

.detail-section .detail-box .upper-part h6 {
    font-size: 14px;
    letter-spacing: 0.4em;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.detail-section .detail-box .upper-part h2 {
    font-size: calc(16px + (30 - 16) * ((100vw - 320px) / (1920 - 320)));
    color: white;
    text-transform: capitalize;
    font-weight: 800;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 25px;
    line-height: 1.3;
}

.detail-section .detail-box .upper-part h2:after {
    position: absolute;
    width: 90px;
    height: 3px;
    background-color: var(--theme-color);
    content: "";
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.detail-section .detail-box .upper-part h5 {
    text-transform: capitalize;
    margin-bottom: 0;
}

.detail-section .detail-box .upper-part:after {
    content: "";
    position: absolute;
    right: 0;
    width: 1px;
    height: 50%;
    background-color: rgba(255, 255, 255, 0.23);
    top: 24%;
}

.detail-section .row>div:last-child .upper-part:after {
    display: none;
}

.detail-section.no-bg-detail {
    background-image: none;
    position: relative;
    overflow: hidden;
}

.detail-section.no-bg-detail .detail-box {
    padding: 30px;
    -webkit-box-shadow: 2.5px 4.33px 25px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 2.5px 4.33px 25px 0 rgba(0, 0, 0, 0.1);
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: overlay;
    background-color: white;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin: 15px 0;
}

.detail-section.no-bg-detail .detail-box .upper-part {
    margin-bottom: 15px;
    min-height: 120px;
}

.detail-section.no-bg-detail .detail-box .upper-part h2 {
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.detail-section.no-bg-detail .detail-box .upper-part h5 {
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.detail-section.no-bg-detail .detail-box .upper-part h6,
.detail-section.no-bg-detail .detail-box .upper-part h2,
.detail-section.no-bg-detail .detail-box .upper-part h5 {
    color: var(--theme-color);
}

.detail-section.no-bg-detail .detail-box:hover {
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.detail-section.no-bg-detail .slick-slide>div {
    margin: 0 15px !important;
}

.detail-section.no-bg-detail .slick-list {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.detail-section.no-bg-detail .slick-prev {
    top: -25px;
    right: 30px;
    left: unset;
}

.detail-section.no-bg-detail .slick-prev:before {
    opacity: 1;
    color: rgba(233, 179, 14, 0.3);
    content: "\f053";
    font-family: "Font Awesome 5 free";
    font-weight: 900;
}

.detail-section.no-bg-detail .slick-prev:hover:before {
    color: rgba(233, 179, 14, 0.7);
}

.detail-section.no-bg-detail .slick-next {
    top: -25px;
    right: 0;
    left: unset;
}

.detail-section.no-bg-detail .slick-next:before {
    opacity: 1;
    color: rgba(233, 179, 14, 0.3);
    content: "\f054";
    font-family: "Font Awesome 5 free";
    font-weight: 900;
}

.detail-section.no-bg-detail .slick-next:hover:before {
    color: rgba(233, 179, 14, 0.7);
}

.cloud {
    -webkit-animation: slide 50s linear infinite;
    animation: slide 50s linear infinite;
    background-repeat: repeat !important;
}

.price-section .container-fluid {
    padding-left: 90px;
    padding-right: 90px;
}

.price-section .price-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.price-section .price-box .price-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 42%;
    flex: 0 0 42%;
    max-width: 42%;
    overflow: hidden;
    border-radius: 25px 0 0 25px;
    position: relative;
}

.price-section .price-box .price-img .bg-size {
    height: 100%;
}

.price-section .price-box .price-img img {
    border-radius: 25px 0 0 25px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 100%;
}

.price-section .price-box .price-img .label {
    position: absolute;
    left: 20px;
    top: 20px;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    padding: 1px 12px;
    background-color: var(--theme-color);
    border-radius: 25px;
    color: white;
    margin-bottom: 0;
    text-transform: capitalize;
    font-weight: 700;
}

.price-section .price-box .price-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58%;
    flex: 0 0 58%;
    max-width: 58%;
    padding: calc(10px + (34 - 10) * ((100vw - 320px) / (1920 - 320)));
    background-color: white;
    -webkit-box-shadow: 2.5px 4.33px 25px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 2.5px 4.33px 25px 0 rgba(0, 0, 0, 0.05);
    border-radius: 0 25px 25px 0;
}

.price-section .price-box .price-content .price-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: calc(5px + (15 - 5) * ((100vw - 320px) / (1920 - 320)));
    margin-top: -4px;
    position: relative;
}

.price-section .price-box .price-content .price-title h3 {
    text-transform: capitalize;
    font-weight: 800;
    margin-bottom: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    color: #333333;
    letter-spacing: 0.001em;
}

.price-section .price-box .price-content .price-title h3:hover {
    color: #ef3f3e;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.price-section .price-box .price-content .price-title h6 {
    font-size: 14px;
    color: #9a9a9a;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 0;
    padding: 7px 10px;
    margin-left: 10px;
    background-color: #f9f9f9;
    border-radius: 20px;
}

.price-section .price-box .price-content .price-title .like-cls i {
    position: absolute;
    font-size: 16px;
    right: 0;
    top: -3px;
    color: #e1002c;
    background-color: rgba(225, 0, 44, 0.05);
    padding: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
}

.price-section .price-box .price-content .rating {
    margin-bottom: calc(8px + (25 - 8) * ((100vw - 320px) / (1920 - 320)));
}

.price-section .price-box .price-content .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
}

.price-section .price-box .price-content .price a {
    margin-right: auto;
}

.price-section .price-box .price-content .price a h6 {
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 800;
    margin-right: auto;
    color: #565656;
    text-transform: capitalize;
    margin-bottom: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.price-section .price-box .price-content .price a h6:hover {
    color: #ef3f3e;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.price-section .price-box .price-content .price span {
    margin: 0 auto;
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
    text-transform: uppercase;
    color: var(--theme-color);
    font-weight: 800;
}

.price-section .price-box .price-content .price h5 {
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 600;
    margin-left: auto;
    color: #ef3f3e;
    margin-bottom: 0;
}

.price-section .price-box .price-content .price h5 span {
    color: #9a9a9a;
    margin-right: 10px;
    font-weight: 700;
    text-transform: capitalize;
}

.price-section .price-box:hover .price-img img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

opacity: 0.3;
}

.price-section .slick-slider .slick-list {
    margin-left: -15px;
    margin-right: -15px;
}

.price-section .slick-slider .slick-slide {
    margin: 0 15px;
}

.menu-section {
    overflow: hidden;
}

.menu-section .menu-box {
    border-radius: 25px;
    overflow: hidden;
    border: 1px dashed #e8e8e8;
}

.menu-section .menu-box .top-bar {
    position: relative;
    overflow: hidden;
}

.menu-section .menu-box .top-bar img {
    width: 100%;
}

.menu-section .menu-box .top-bar h2 {
    font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (1920 - 320)));
    text-transform: capitalize;
    color: white;
    font-weight: 800;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 30px;
}

.menu-section .menu-box .top-bar .decorate {
    position: absolute;
    font-size: calc(25px + (120 - 25) * ((100vw - 320px) / (1920 - 320)));
    color: rgba(255, 255, 255, 0.3);
    top: 50px;
    font-weight: 900;
    left: 0;
    text-transform: capitalize;
}

.menu-section .menu-box .top-bar .overlay {
    position: absolute;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(231, 56, 39, 0)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(231, 56, 39, 0) 100%);
    top: 0;
    width: 100%;
    height: 100%;
}

.menu-section .menu-box .bottom-bar {
    background-color: white;
    padding: 40px;
}

.menu-section .menu-box .bottom-bar .menu-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 40px;
    margin-bottom: 40px;
    position: relative;
}

.menu-section .menu-box .bottom-bar .menu-bar:after {
    content: "";
    border-bottom: 1px dashed #e8e8e8;
    position: absolute;
    bottom: 0;
    width: 78%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.menu-section .menu-box .bottom-bar .menu-bar img {
    border-radius: 15px;
    margin-right: 30px;
    width: 90px;
}

.menu-section .menu-box .bottom-bar .menu-bar .content {
    min-width: 65%;
}

.menu-section .menu-box .bottom-bar .menu-bar .content h5 {
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
    color: var(--theme-color);
    font-weight: 700;
    margin-bottom: 6px;
    text-transform: capitalize;
}

.menu-section .menu-box .bottom-bar .menu-bar .content .rating {
    margin-bottom: 12px;
}

.menu-section .menu-box .bottom-bar .menu-bar .content .rating span {
    color: #ffcc33;
    margin-right: 8px;
    font-weight: 800;
}

.menu-section .menu-box .bottom-bar .menu-bar .content p {
    color: rgba(0, 0, 0, 0.68);
    text-transform: capitalize;
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 700;
}

.menu-section .menu-box .bottom-bar .menu-bar .content h6 {
    font-size: 14px;
    color: #343434;
    font-weight: 800;
    position: relative;
    margin-bottom: 0;
}

.menu-section .menu-box .bottom-bar .menu-bar .content h6 del {
    color: #717171;
    margin-right: 5px;
    font-weight: 400;
}

.menu-section .menu-box .bottom-bar .menu-bar .content h6 label {
    position: absolute;
    right: 0px;
    background-color: #3db137;
    color: white;
    padding: 3px 10px 2px;
    border-radius: 15px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 900;
    top: -2px;
    margin-bottom: 0;
}

.menu-section .menu-box .bottom-bar .menu-bar .content h6 label.red {
    background-color: #e02d22;
    -webkit-box-shadow: 1px 11px 20px 0px rgba(193, 0, 38, 0.12);
    box-shadow: 1px 11px 20px 0px rgba(193, 0, 38, 0.12);
}

.menu-section .menu-box .bottom-bar .menu-bar:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.menu-section .menu-box .bottom-bar .menu-bar:last-child:after {
    display: none;
}

.menu-section .slick-list {
    margin-left: -20px;
    margin-right: -20px;
}

.menu-section .slick-slide {
    margin: 0 20px;
}

.book-table {
    position: relative;
    background-image: url("../images/restaurant/table-bg.html");
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
}

.book-table .table-form {
    background-color: white;
    border-radius: 25px;
    padding: 40px;
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
}

.book-table .table-form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.book-table .table-form form .row {
    margin: 0;
}

.book-table .table-form form .form-group {
    margin-bottom: 0;
    margin-right: 40px;
    position: relative;
}

.book-table .table-form form .form-group input {
    background-color: #f9f9f9;
    border: none;
    border-radius: 35px;
    padding: 20px 20px 18px;
    line-height: 1;
    text-transform: capitalize;
    font-weight: 700;
}

.book-table .table-form form .form-group img {
    position: absolute;
    right: 20px;
    top: 20px;
}

.book-table .table-form form .form-control {
    background-color: #f9f9f9;
    border: none;
    border-radius: 35px;
    padding: 20px 20px 18px;
    line-height: 1;
    text-transform: capitalize;
    font-weight: 700;
}

.book-table .table-form form .form-control:focus {
    z-index: 1;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.book-table .table-form form .input-group-append {
    position: absolute;
    right: 12px;
    top: 12px;
}

.book-table .table-form form .input-group-append .btn {
    border: none;
    background-color: transparent;
    padding: 0;
}

.book-table .table-form form .input-group-append .btn i {
    color: rgba(197, 197, 197, 0.6);
}

.book-table .table-form form .gj-datepicker {
    margin-right: 40px;
    width: auto;
}

.book-table .table-form:after {
    content: "";
    position: absolute;
    width: calc(100% + 12px);
    border-radius: 24px;
    background-color: rgba(255, 255, 255, 0.2);
    height: 100%;
    left: -6px;
    top: 0;
    z-index: -1;
}

.book-table .table-form:before {
    content: "";
    position: absolute;
    width: calc(100% + 24px);
    border-radius: 24px;
    background-color: rgba(255, 255, 255, 0.1);
    height: 100%;
    left: -12px;
    top: 0;
    z-index: -1;
}

.book-table .detail {
    font-size: calc(16px + (26 - 16) * ((100vw - 320px) / (1920 - 320)));
    font-family: Pacifico, cursive;
    color: white;
    margin-bottom: 0;
    margin-top: 0;
    text-align: center;
}

.book-table.single-table {
    background-image: none;
    overflow: visible;
}

.book-table.single-table .table-form {
    margin-bottom: 0;
    -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11);
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11);
    margin-top: -75px;
}

.book-table.single-table .table-form.classic-form {
    border-radius: 0;
    padding: 25px;
    margin-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.book-table.single-table .table-form.classic-form form .form-group input {
    border-radius: 0;
    padding: 15px 15px 13px 25px;
}

.book-table.single-table .table-form.classic-form form .form-group img {
    right: 15px;
    top: 15px;
}

.book-table.single-table .table-form.classic-form form .form-control {
    border-radius: 0;
    padding: 15px 15px 13px;
}

.book-table.single-table .table-form.classic-form form .input-group-append .btn i {
    top: 4px;
    left: 15px;
}

.book-table.single-table .table-form.classic-form form .btn-rounded {
    border-radius: 0;
    margin-left: 0;
}

.book-table.single-table .table-form.classic-form:after,
.book-table.single-table .table-form.classic-form:before {
    display: none;
}

.book-table.input-radius-cls .table-form.classic-form form .form-group input {
    background-color: rgba(233, 179, 14, 0.1);
    border-radius: 25px;
}

.book-table.input-radius-cls .table-form.classic-form form .gj-datepicker {
    margin-right: 0;
}

.book-table.input-radius-cls .table-form.classic-form form .btn-rounded {
    border-radius: 100px;
}

.process-steps {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.process-steps h4 {
    margin-bottom: 40px;
    text-transform: capitalize;
    font-weight: 600;
    line-height: 1.3;
}

.process-steps .step-bg {
    position: relative;
    margin-top: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.process-steps .step-bg:before {
    content: "";
    position: absolute;
    left: -0;
    right: -0;
    height: 100%;
    display: block;
    background: url("../images/icon/step-arrow.html") no-repeat center center;
}

.process-steps .step-bg .row {
    margin-left: -50px;
    margin-right: -50px;
}

.process-steps .step-bg .row>div {
    padding-left: 50px;
    padding-right: 50px;
}

.process-steps .step-bg .row>div:nth-child(1),
.process-steps .step-bg .row>div:nth-child(3) {
    margin-bottom: 30px;
}

.process-steps .step-bg .row>div:nth-child(2),
.process-steps .step-bg .row>div:nth-child(4) {
    margin-top: 30px;
}

.process-steps .step-bg .popular-section {
    margin-left: -20px;
    margin-right: -20px;
}

.process-steps .step-bg .popular-section>div {
    padding-left: 20px;
    padding-right: 20px;
}

.process-steps .step-bg .popular-section .step-box {
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: left;
    display: block;
}

.process-steps .step-bg .popular-section .step-box .popular-box {
    width: 100%;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content {
    padding-top: 15px;
    position: relative;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content h5 {
    font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
    text-transform: capitalize;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--theme-color);
    font-weight: 800;
    line-height: 1.5;
    margin-bottom: 4px;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content h5 span {
    color: #9a9a9a;
    font-size: 14px;
    margin-left: auto;
    font-weight: 500;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content h5 span i {
    color: #a7a7a7;
    margin-right: 3px;
    font-size: 10px;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content p {
    margin-bottom: 10px;
    color: #9a9a9a;
    font-weight: 500;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .bottom-section .rating span {
    color: #9a9a9a;
    font-size: 12px;
    font-weight: 700;
    margin-left: 10px;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .bottom-section .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 8px;
    margin-bottom: -6px;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .bottom-section .price del {
    font-size: 14px;
    color: var(--theme-color);
    font-weight: 700;
    margin-right: 10px;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .bottom-section .price span {
    color: var(--theme-color);
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 800;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .bottom-section .price .package-cls {
    padding-left: 20px;
    color: var(--theme-color);
    font-weight: 800;
    font-size: 12px;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .bottom-section .price .facility-detail {
    margin-left: 7px;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .bottom-section .price .facility-detail span {
    color: rgba(0, 0, 0, 0.5);
    font-weight: 600;
    font-size: 12px;
    text-transform: capitalize;
    padding: 2px 8px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail span {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
    color: rgba(0, 0, 0, 0.84);
    text-transform: capitalize;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .include-sec {
    margin-top: 14px;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .include-sec ul {
    text-transform: capitalize;
    color: rgba(0, 0, 0, 0.78);
    margin-top: 10px;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .include-sec ul li {
    margin-right: 12px;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    text-align: center;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .include-sec ul li img {
    width: 18px;
    display: block;
    margin: 0 auto;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .include-sec ul li i {
    font-size: 14px;
    margin-right: 5px;
    display: block;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .include-sec ul li.not-include {
    opacity: 0.4;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail h6 {
    margin-top: 4px;
    text-transform: capitalize;
    color: rgba(0, 0, 0, 0.78);
    max-width: 360px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail h6 i {
    font-size: 12px;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .bottom-section .price {
    display: block;
    margin-top: 15px;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .bottom-section .price h6 {
    color: #333333;
    font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
    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;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .bottom-section .price h6 del {
    font-size: 14px;
    color: var(--theme-color);
    font-weight: 700;
    margin-right: 10px;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .bottom-section .price span {
    font-size: 14px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.57);
    text-transform: capitalize;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .nowrap-cls {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.process-steps .step-bg h4 {
    margin-bottom: -3px;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    color: rgba(0, 0, 0, 0.65);
}

.process-steps .step-bg .step-box {
    position: relative;
    padding: 45px 35px 45px;
    -webkit-box-shadow: 0 15px 39px 0 rgba(8, 18, 109, 0.08);
    box-shadow: 0 15px 39px 0 rgba(8, 18, 109, 0.08);
    background-color: white;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.process-steps .step-bg .step-box img {
    width: 40px;
    margin-bottom: 20px;
}

.process-steps .step-bg .step-box p {
    line-height: 1.5;
    margin-bottom: 0;
}

.process-steps .step-bg .step-box:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.process-steps .step-bg.invert-lines:before {
}

.process-steps .title-1.detail-title p.font-design {
    font-weight: 500;
    background-color: rgba(255, 255, 255, 0.7);
    color: var(--theme-color);
    padding: 15px;
}

.process-steps.icon-large .step-bg .step-box img {
    width: 60px;
}

.car-type-section {
    margin-top: calc(0px + (40 - 0) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: -20px;
}

.car-type-section .slick-slide {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.car-type-section .slick-slide.slick-center {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.car-type-section .slick-slide.slick-center .type-box .img-part img {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.car-type-section .slick-slide.slick-center .type-box:hover .img-part img {
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.car-type-section .type-box {
    padding: 25px;
    -webkit-box-shadow: 1px 2px 39px 9px rgba(8, 18, 109, 0.08);
    box-shadow: 1px 2px 39px 9px rgba(8, 18, 109, 0.08);
    margin: 20px 0;
}

.car-type-section .type-box .img-part {
    text-align: center;
}

.car-type-section .type-box .img-part img {
    margin: 0 auto;
}

.car-type-section .type-box .content {
    text-align: center;
}

.car-type-section .type-box .content h5 {
    text-transform: capitalize;
    margin-top: 15px;
    font-weight: 700;
}

.car-type-section .type-box .content h6 {
    margin-bottom: 10px;
    text-transform: capitalize;
}

.car-type-section .type-box .content p {
    color: rgba(0, 0, 0, 0.6);
    line-height: 1.5;
}

.car-type-section .type-box .content ul li img {
    opacity: 0.7;
}

.cab-slider .image-section:before {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.63)), to(rgba(231, 56, 39, 0)));
    background: linear-gradient(to top, rgba(0, 0, 0, 0.63) 0%, rgba(231, 56, 39, 0) 100%);
}

.topTour {
    margin-top: calc(0px + (40 - 0) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: -20px;
}

.topTour .slick-slide {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.topTour .slick-slide.slick-center {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.topTour .slick-slide.slick-center .topTour_box .content {
    opacity: 1;
}

.topTour .topTour_box {
    padding: 0;
    -webkit-box-shadow: 1px 2px 39px 9px rgba(8, 18, 109, 0.08);
    box-shadow: 1px 2px 39px 9px rgba(8, 18, 109, 0.08);
    margin: 20px 0;
    border-radius: 10px;
    overflow: hidden;
}

.topTour .topTour_box .content {
    opacity: 0;
    position: absolute;
    bottom: 22px;
    width: 100%;
    text-align: center;
    padding: 30px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(111, 111, 111, 0.8)), to(rgba(231, 56, 39, 0)));
    background: linear-gradient(to top, rgba(111, 111, 111, 0.8) 0%, rgba(231, 56, 39, 0) 100%);
    border-radius: 0 0 10px 10px;
}

.topTour .topTour_box .content h6 {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    color: white;
    text-transform: uppercase;
    margin-bottom: -4px;
}

.topTour .topTour_box .content h5 {
    font-size: calc(15px + (22 - 15) * ((100vw - 320px) / (1920 - 320)));
    color: white;
    font-weight: 800;
    line-height: 1.5;
    margin-bottom: 0;
    margin-top: -7px;
    text-transform: capitalize;
}

.cab-full {
    padding-top: 68px;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
}

.cab-full ::-webkit-scrollbar {
    width: 4px;
}

.cab-full ::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.cab-full ::-webkit-scrollbar-thumb {
    background: rgba(233, 179, 14, 0.5);
    border-radius: 3px;
}

.cab-full ::-webkit-scrollbar-thumb:hover {
    background: rgba(233, 179, 14, 0.8);
}

.cab-full iframe,
.cab-full .map-cls {
    width: 100%;
    height: calc(100vh - 68px);
    border: none;
    margin-bottom: -6px;
}

.cab-full .left-bar {
    height: calc(100vh - 68px);
    overflow: auto;
}

.cab-full .left-bar.fixed-cls {
    position: fixed;
    width: 400px;
    -webkit-box-shadow: 3px 0px 4px 0 #dedede;
    box-shadow: 3px 0px 4px 0 #dedede;
    z-index: 1;
}

font-weight: 700;
}

margin-top: 20px;
}

margin-top: 0;
}

.cab-full .location-option [type="radio"]:checked+label:before,
.cab-full .location-option [type="radio"]:not(:checked)+label:before {
    border-color: #ececec;
    top: 2px;
}

.cab-full .location-option [type="radio"]:checked+label:before {
    background-color: #ececec;
    border-color: var(--theme-color);
}

.cab-full .cab-search-section {
    padding: 0 15px 15px;
}

.cab-full .cab-search-section .cab-search-box {
    background-color: #f9f9f9;
    padding: 10px;
}

.cab-full .cab-search-section .cab-search-box .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.cab-full .cab-search-section .cab-search-box .cab-img img {
    width: 90px;
    height: auto;
}

.cab-full .cab-search-section .cab-search-box .cab_detail li {
    display: block;
    text-transform: capitalize;
    font-weight: 600;
}

.cab-full .cab-search-section .cab-search-box .btn-solid {
    font-size: 14px;
    padding: 4px 10px;
    text-transform: capitalize;
}

.cab-full .cab-search-section .cab-search-box+.cab-search-box {
    margin-top: 20px;
}

.scroll-body {
    padding-left: 400px;
}

.top-banner {
    width: 100%;
    position: relative;
}

.top-banner .top-banner-content {
    color: white;
    text-transform: uppercase;
    font-size: 36px;
    font-weight: bold;
    position: absolute;
    right: 25%;
    width: auto;
    top: 50%;
    display: block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}

.top-banner .flip {
    height: 50px;
    overflow: hidden;
}

.top-banner .flip>div>div {
    color: white;
    padding: 4px 12px;
    height: 40px;
    margin-bottom: 45px;
    display: inline-block;
    line-height: 1;
}

.top-banner .flip div:first-child {
    -webkit-animation: show 5s linear infinite;
    animation: show 5s linear infinite;
}

.top-banner .flip div:first-child div {
    background: #4ac6da;
}

.top-banner .flip div:last-child div {
    background: #dc143c;
}

.top-banner .flip div div {
    background: #f4c789;
}

@-webkit-keyframes show {
    0% {
        margin-top: -270px;
    }
    5% {
        margin-top: -180px;
    }
    33% {
        margin-top: -180px;
    }
    38% {
        margin-top: -90px;
    }
    66% {
        margin-top: -90px;
    }
    71% {
        margin-top: 0;
    }
    99.99% {
        margin-top: 0;
    }
    100% {
        margin-top: -270px;
    }
}

@keyframes show {
    0% {
        margin-top: -270px;
    }
    5% {
        margin-top: -180px;
    }
    33% {
        margin-top: -180px;
    }
    38% {
        margin-top: -90px;
    }
    66% {
        margin-top: -90px;
    }
    71% {
        margin-top: 0;
    }
    99.99% {
        margin-top: 0;
    }
    100% {
        margin-top: -270px;
    }
}

.classic-section {
    position: relative;
    overflow: hidden;
}

.classic-section .classic-box {
    padding: 30px;
    -webkit-box-shadow: 2.5px 4.33px 25px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 2.5px 4.33px 25px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin: 15px 0;
}

.classic-section .classic-box .top-part {
    padding-left: 30px;
    border-left: 1px dashed #dddddd;
    position: relative;
}

.classic-section .classic-box .top-part h6 {
    text-transform: capitalize;
    margin-bottom: 4px;
    font-weight: 600;
}

.classic-section .classic-box .top-part span {
    color: rgba(0, 0, 0, 0.7);
}

.classic-section .classic-box .top-part .top {
    margin-bottom: 40px;
}

.classic-section .classic-box .top-part:after {
    top: 0;
}

.classic-section .classic-box .top-part:before,
.classic-section .classic-box .top-part:after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    left: -3px;
    bottom: 0;
}

.classic-section .classic-box .top-part .plane-updown {
    position: absolute;
    left: -8px;
    top: 50%;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.classic-section .classic-box .bottom-part h6 {
    margin-top: 15px;
    margin-bottom: 0;
    text-transform: capitalize;
    font-weight: 600;
    color: var(--theme-color);
}

.classic-section .slick-slide>div {
    margin: 0 15px !important;
}

.classic-section .slick-list {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.classic-section .slick-prev {
    top: -25px;
    right: 30px;
    left: unset;
}

.classic-section .slick-prev:before {
    opacity: 1;
    color: rgba(233, 179, 14, 0.3);
    content: "\f053";
    font-family: "Font Awesome 5 free";
    font-weight: 900;
}

.classic-section .slick-prev:hover:before {
    color: rgba(233, 179, 14, 0.7);
}

.classic-section .slick-next {
    top: -25px;
    right: 0;
    left: unset;
}

.classic-section .slick-next:before {
    opacity: 1;
    color: rgba(233, 179, 14, 0.3);
    content: "\f054";
    font-family: "Font Awesome 5 free";
    font-weight: 900;
}

.classic-section .slick-next:hover:before {
    color: rgba(233, 179, 14, 0.7);
}

.popular-section .popular-box {
    position: relative;
}

.popular-section .popular-box .content {
    margin-top: 10px;
}

.popular-section .popular-box .content h5 {
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 3px;
}

.popular-section .popular-box .content h6 {
    color: rgba(0, 0, 0, 0.5);
}

.popular-section .popular-box .content .special-content {
    padding-top: 5px;
    position: relative;
}

.popular-section .popular-box .content .special-content h5 {
    font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
    text-transform: capitalize;
    margin-bottom: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    max-width: 280px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--theme-color);
}

.popular-section .popular-box .content .special-content h5 span {
    color: #9a9a9a;
    font-size: 14px;
    margin-left: 20px;
    font-weight: 500;
}

.popular-section .popular-box .content .special-content h5 span i {
    color: #a7a7a7;
    margin-right: 3px;
    font-size: 10px;
}

.popular-section .popular-box .content .special-content p {
    margin-bottom: 10px;
    color: #9a9a9a;
    font-weight: 500;
}

.popular-section .popular-box .content .special-content .bottom-section .rating span {
    color: #9a9a9a;
    font-size: 12px;
    font-weight: 700;
    margin-left: 18px;
}

.popular-section .popular-box .content .special-content .bottom-section .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: -6px;
}

.popular-section .popular-box .content .special-content .bottom-section .price del {
    font-size: 14px;
    color: var(--theme-color);
    font-weight: 700;
    margin-right: 10px;
}

.popular-section .popular-box .content .special-content .bottom-section .price span {
    color: #333333;
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 800;
}

.popular-section .popular-box .content .special-content .bottom-section .price .package-cls {
    padding-left: 20px;
    color: var(--theme-color);
    font-weight: 800;
    font-size: 12px;
}

.popular-section .popular-box .content .special-content .bottom-section .price .facility-detail {
    margin-left: 7px;
}

.popular-section .popular-box .content .special-content .bottom-section .price .facility-detail span {
    color: rgba(0, 0, 0, 0.5);
    font-weight: 600;
    font-size: 12px;
    text-transform: capitalize;
    padding: 2px 8px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.popular-section .popular-box .content .special-content .tour-detail span {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    color: rgba(0, 0, 0, 0.84);
    text-transform: capitalize;
}

.popular-section .popular-box .content .special-content .tour-detail .include-sec {
    margin-top: 14px;
}

.popular-section .popular-box .content .special-content .tour-detail .include-sec ul {
    text-transform: capitalize;
    color: rgba(0, 0, 0, 0.78);
    margin-top: 10px;
}

.popular-section .popular-box .content .special-content .tour-detail .include-sec ul li {
    margin-right: 12px;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    text-align: center;
}

.popular-section .popular-box .content .special-content .tour-detail .include-sec ul li img {
    width: 18px;
    display: block;
    margin: 0 auto;
}

.popular-section .popular-box .content .special-content .tour-detail .include-sec ul li i {
    font-size: 14px;
    margin-right: 5px;
    display: block;
}

.popular-section .popular-box .content .special-content .tour-detail .include-sec ul li.not-include {
    opacity: 0.4;
}

.popular-section .popular-box .content .special-content .tour-detail h6 {
    margin-top: 4px;
    text-transform: capitalize;
    color: rgba(0, 0, 0, 0.78);
    max-width: 360px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.popular-section .popular-box .content .special-content .tour-detail h6 i {
    font-size: 12px;
}

.popular-section .popular-box .content .special-content .tour-detail .bottom-section .price {
    display: block;
    margin-top: 20px;
}

.popular-section .popular-box .content .special-content .tour-detail .bottom-section .price h6 {
    color: #333333;
    font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
    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;
}

.popular-section .popular-box .content .special-content .tour-detail .bottom-section .price h6 del {
    font-size: 14px;
    color: var(--theme-color);
    font-weight: 700;
    margin-right: 10px;
}

.popular-section .popular-box .content .special-content .tour-detail .bottom-section .price span {
    font-size: 14px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.57);
    text-transform: capitalize;
}

.popular-section .popular-box .content .special-content .tour-detail .nowrap-cls {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.popular-section .popular-box .content .special-content.restaurant-detail h5 {
    margin-top: -4px;
}

.popular-section .popular-box .content .special-content.restaurant-detail h5 span {
    font-size: 14px;
    margin-left: 10px;
    font-weight: 500;
    padding: 3px;
    color: white;
}

.popular-section .popular-box .content .special-content.restaurant-detail h5 span.positive {
    background-color: rgba(0, 128, 0, 0.83);
}

.popular-section .popular-box .content .special-content.restaurant-detail h5 span.nagative {
    background-color: rgba(255, 0, 0, 0.83);
}

.popular-section .popular-box .content .special-content.restaurant-detail h5 span i {
    color: white;
    margin-right: 0;
}

.popular-section .popular-box .content .special-content.restaurant-detail ul li {
    display: block;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    text-transform: capitalize;
    line-height: 24px;
}

.popular-section .popular-box .content .special-content.restaurant-detail ul li:last-child {
    margin-bottom: -4px;
}

.popular-section .popular-box .content .special-content.cab-detail ul li {
    display: block;
    font-size: 16px;
    text-transform: capitalize;
}

.popular-section .popular-box .content .special-content.cab-detail ul li span {
    font-weight: 600;
}

.popular-section .popular-box .content .special-content.cab-detail ul li+li {
    margin-top: 5px;
}

.popular-section .popular-box .content .special-content.cab-detail .button-botton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.popular-section .popular-box .content .special-content.cab-detail .button-botton a:last-child {
    margin-left: 10px;
}

.popular-section .popular-box .content .special-content.cab-detail .button-botton .btn {
    font-size: 14px;
    text-transform: capitalize;
    padding: 5px 12px;
    width: 50%;
    margin-top: 10px;
    background-color: transparent;
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.popular-section .popular-box .content .special-content.cab-detail .button-botton .btn:hover {
    color: white;
    background-color: var(--theme-color);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.popular-section .slick-slide>div {
    margin: 0 10px !important;
}

.popular-section .slick-list {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

.popular-section .slick-prev {
    top: -25px;
    right: 30px;
    left: unset;
}

.popular-section .slick-prev:before {
    opacity: 1;
    color: rgba(233, 179, 14, 0.3);
    content: "\f053";
    font-family: "Font Awesome 5 free";
    font-weight: 900;
}

.popular-section .slick-prev:hover:before {
    color: rgba(233, 179, 14, 0.7);
}

.popular-section .slick-next {
    top: -25px;
    right: 0;
    left: unset;
}

.popular-section .slick-next:before {
    opacity: 1;
    color: rgba(233, 179, 14, 0.3);
    content: "\f054";
    font-family: "Font Awesome 5 free";
    font-weight: 900;
}

.popular-section .slick-next:hover:before {
    color: rgba(233, 179, 14, 0.7);
}

.destination_section .detail-title {
    margin-bottom: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.destination_section .row+.row {
    margin-top: 30px;
}

.destination_section .destination_box {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

.destination_section .destination_box .bg-size {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.destination_section .destination_box img {
    width: 100%;
    max-width: 100%;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.destination_section .destination_box .content-sec {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 30px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(rgba(231, 56, 39, 0)));
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(231, 56, 39, 0) 100%);
}

.destination_section .destination_box .content-sec h6 {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    color: white;
    text-transform: uppercase;
    margin-bottom: -4px;
}

.destination_section .destination_box .content-sec h5 {
    font-size: calc(15px + (22 - 15) * ((100vw - 320px) / (1920 - 320)));
    color: white;
    font-weight: 800;
    line-height: 1.5;
    margin-bottom: 0;
    margin-top: -7px;
    text-transform: capitalize;
}

.destination_section .destination_box:hover img,
.destination_section .destination_box:hover .bg-size {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.tourSection {
    overflow: hidden;
}

.tourSection .tourBox {
    cursor: pointer;
}

.tourSection .tourBox .bg-size,
.tourSection .tourBox img {
    border-radius: 10px;
}

.tourSection .tourBox .tourImg {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.tourSection .tourBox .tourContent {
    padding-top: 25px;
    text-align: center;
}

.tourSection .tourBox .tourContent h3 {
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.tourSection .tourBox .tourContent h6 {
    margin-bottom: 0;
    color: #828282;
    text-transform: capitalize;
    letter-spacing: 0.8px;
    line-height: 1.4;
}

.tourSection .tourBox:hover .tourImg {
    -webkit-transform: scale(0.99);
    transform: scale(0.99);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.tourSection .slick-slide>div {
    margin: 0 15px;
}

.tourSection .slick-list {
    margin-left: -15px;
    margin-right: -15px;
}

.mycontent_wrapper {
    position: fixed;
    top: 42%;
    height: 100%;
    pointer-events: none;
    left: 44%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    max-width: 1140px;
    color: white;
    z-index: 99;
}

.mycontent_wrapper .title {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 2px 0 0;
    font-size: 70px;
    white-space: nowrap;
    text-transform: uppercase;
    overflow: hidden;
    width: 100%;
    color: white;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
    height: 85px;
}

.mycontent_wrapper .title span {
    font-size: calc(26px + (50 - 26) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 1.1;
    text-transform: uppercase;
    width: 100%;
    display: block;
    overflow: hidden;
    -webkit-transition: -webkit-transform 800ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: -webkit-transform 800ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 800ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 800ms cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 800ms cubic-bezier(0.77, 0, 0.175, 1);
    height: 85px;
}

.sticky-cls {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1;
    top: 75px;
}

.sticky-cls-top {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1;
    top: 22px;
}

.fullpage-content-section {
    position: fixed;
    left: 25%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.fullpage-content-section .fullpage-content-wrap.title {
    overflow: hidden;
    height: 54px;
}

.fullpage-content-section .fullpage-content-wrap.title h1 {
    color: white;
    margin-bottom: 0;
    line-height: 1;
}

.fullpage-content-section .fullpage-content-wrap.sub-title {
    height: 25px;
    overflow: hidden;
}

.fullpage-content-section .fullpage-content-wrap.sub-title h5 {
    color: white;
}

/*=====================
19. Theme modal css
==========================*/

.video-modal .modal-body {
    padding: 0;
}

.video-modal .modal-body .btn-close {
    position: absolute;
    right: -30px;
    top: -30px;
    opacity: 1;
    background: none;
    padding: 0;
}

.video-modal .modal-body .btn-close span {
    text-shadow: none;
    color: white;
    font-size: 26px;
}

.video-modal iframe {
    height: 500px;
    width: 100%;
    vertical-align: middle;
    border: none;
}

.enquiry-modal .form-control {
    margin-bottom: 16px !important;
}

.enquiry-modal .modal-header .modal-title {
    color: var(--theme-color);
    font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 600;
}

.enquiry-modal .modal-header p {
    margin-bottom: 0;
    margin-top: 5px;
    color: rgba(0, 0, 0, 0.6);
    text-transform: capitalize;
}

/*=====================
20. Map css
==========================*/

.MicrosoftMap .Infobox {
    border-radius: 0 !important;
    border: none !important;
}

.MicrosoftMap .Infobox.no-title .infobox-info {
    margin-right: 0 !important;
}

.MicrosoftMap .Infobox .infobox-body {
    width: auto !important;
    height: 100% !important;
    max-height: 100% !important;
    padding-bottom: 0 !important;
}

.MicrosoftMap .Infobox .infobox-info {
    padding: 0 !important;
    max-height: -webkit-max-content !important;
    max-height: -moz-max-content !important;
    max-height: max-content !important;
}

/*=====================
21. Inner pages css
==========================*/

.mt-cls {
    margin-top: -30px;
}

.breadcrumb-section {
    background-position: center;
    background-size: cover;
    height: 500px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.breadcrumb-section .breadcrumb-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 500px;
    padding-top: 93px;
    text-align: center;
}

.breadcrumb-section .breadcrumb-content>div {
    padding: 40px 65px;
    background-color: rgba(255, 255, 255, 0.1);
}

.breadcrumb-section .breadcrumb-content h2 {
    font-size: calc(18px + (36 - 18) * ((100vw - 320px) / (1920 - 320)));
    color: white;
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 16px;
    margin-top: -2px;
}

.breadcrumb-section .breadcrumb-content h6 {
    color: white;
    margin-bottom: -4px;
    font-weight: 700;
    font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.breadcrumb-section .breadcrumb-content.dark-content .breadcrumb-item+.breadcrumb-item:before {
    color: #0c0c0c !important;
}

.breadcrumb-section .breadcrumb-content.dark-content>div {
    background-color: rgba(255, 255, 255, 0.6);
}

.breadcrumb-section .breadcrumb-content.dark-content>div h2 {
    color: var(--theme-color);
}

.breadcrumb-section .breadcrumb-content.dark-content>div li {
    color: #0c0c0c !important;
}

.breadcrumb-section .breadcrumb-content.dark-content>div li a {
    color: #0c0c0c !important;
}

.breadcrumb-section .breadcrumb-content .breadcrumb {
    background-color: transparent;
    margin-bottom: -7px !important;
    padding: 0.75rem 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.breadcrumb-section .breadcrumb-content .breadcrumb .breadcrumb-item {
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
    color: white;
    text-transform: capitalize;
    font-weight: 700;
}

.breadcrumb-section .breadcrumb-content .breadcrumb .breadcrumb-item a {
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
    color: white;
}

.breadcrumb-section .breadcrumb-content .breadcrumb .breadcrumb-item+.breadcrumb-item:before {
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    content: "\f101";
    color: white;
}

.breadcrumb-section .breadcrumb-content.overlay-black>div {
    background-color: rgba(0, 0, 0, 0.1);
}

.breadcrumb-section .breadcrumb-content.process-section .process-bar {
    background-color: white;
    border-radius: 30px;
}

.breadcrumb-section .breadcrumb-content.restaurant-name {
    padding-top: 0;
}

.breadcrumb-section .breadcrumb-content.restaurant-name h3 {
    text-transform: capitalize;
    font-weight: 700;
    color: var(--theme-color);
    font-size: calc(22px + (46 - 22) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 10px;
}

.breadcrumb-section .breadcrumb-content.restaurant-name h6 {
    color: var(--theme-color);
    margin-bottom: 15px;
}

.breadcrumb-section .breadcrumb-content.restaurant-name>div {
    position: relative;
    z-index: 1;
    background-color: transparent;
    padding: 0;
}

.breadcrumb-section .breadcrumb-content.restaurant-name ul li {
    padding: 0 15px;
    color: var(--theme-color);
    position: relative;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.breadcrumb-section .breadcrumb-content.restaurant-name ul li+li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 10px;
    background-color: var(--theme-color);
}

.breadcrumb-section .breadcrumb-content.restaurant-name ul li i {
    font-size: 12px;
    color: var(--theme-color);
}

.breadcrumb-section .breadcrumb-content.restaurant-name img {
    width: 30%;
    height: auto;
}

.breadcrumb-section .breadcrumb-content.breadcrumb-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right;
    padding: 0;
}

.breadcrumb-section .breadcrumb-content.breadcrumb-right .breadcrumb {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.breadcrumb-section .breadcrumb-content.breadcrumb-right>div {
    padding: 0;
    background-color: transparent;
}

.breadcrumb-section .title-breadcrumb {
    font-family: Dancing Script;
    font-size: 510px;
    position: absolute;
    color: rgba(255, 255, 255, 0.02);
    text-transform: capitalize;
    top: 0;
    line-height: 1;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-weight: 700;
    z-index: -1;
}

.breadcrumb-section .content-bottom {
    background-color: #f9f9f9;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}

.breadcrumb-section .content-bottom .breadcrumb {
    background-color: #f9f9f9;
    margin-bottom: 0;
}

.breadcrumb-section .content-bottom .breadcrumb .breadcrumb-item {
    text-transform: capitalize;
}

.breadcrumb-section .content-bottom .breadcrumb .breadcrumb-item a {
    color: #8a8a8a;
}

.breadcrumb-section .content-bottom .breadcrumb .breadcrumb-item.active {
    color: var(--theme-color);
    font-weight: 700;
}

.breadcrumb-section.no-bg {
    background-image: none;
    position: relative;
}

.breadcrumb-section.no-bg:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--theme-color);
    top: 0;
    z-index: -2;
}

.breadcrumb-section.breadcrumb-classic {
    height: 620px;
}

.breadcrumb-section.breadcrumb-classic .breadcrumb-content {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
    margin-left: 0;
}

.breadcrumb-section.breadcrumb-classic .breadcrumb-content>div {
    text-align: left;
    padding: 0;
    background-color: transparent;
}

.breadcrumb-section.breadcrumb-classic .breadcrumb-content .breadcrumb {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

.breadcrumb-section.breadcrumb-classic .title-breadcrumb {
    color: rgba(255, 255, 255, 0.1);
}

.breadcrumb-section.breadcrumb-cum-header {
    height: 700px;
    background-position: unset !important;
}

.breadcrumb-section.breadcrumb-cum-header .breadcrumb-content {
    height: 700px;
}

.breadcrumb-section.breadcrumb-cum-header .breadcrumb-content .package-detail {
    margin-bottom: -3px;
}

.breadcrumb-section.breadcrumb-cum-header .breadcrumb-content .package-detail li {
    color: white;
    padding-right: 10px;
    text-transform: capitalize;
    font-weight: 500;
}

.breadcrumb-section.breadcrumb-cum-header .breadcrumb-content .package-detail li i {
    margin-right: 10px;
}

height: calc(270px + (330 - 270) * ((100vw - 320px) / (1920 - 320)));
}

height: calc(270px + (330 - 270) * ((100vw - 320px) / (1920 - 320)));
}

.breadcrumb-section.small-sec {
    height: 180px;
}

height: 225px;
}

.order-food-section {
    height: calc(300px + (520 - 300) * ((100vw - 320px) / (1920 - 320)));
    position: relative;
    overflow: hidden;
}

.order-food-section .order-food {
    height: calc(300px + (420 - 300) * ((100vw - 320px) / (1920 - 320)));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.order-food-section .order-food .book-table.single-table h3 {
    text-transform: capitalize;
    font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
    padding: 7px;
    position: relative;
    z-index: 1;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.22);
}

.order-food-section .order-food .book-table.single-table h3:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background-color: rgba(255, 255, 255, 0.36);
    z-index: -1;
    top: 0;
}

.order-food-section .order-food .book-table.single-table .table-form {
    -webkit-box-shadow: 0px -1px 30px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0px -1px 30px 0 rgba(0, 0, 0, 0.15);
    margin-top: 0;
    margin-bottom: 60px;
    border-radius: 10px;
    padding: 20px 10px;
}

.order-food-section .order-food .book-table.single-table .table-form form .btn {
    margin-left: 0;
    width: 100%;
    border-radius: 5px;
    padding: 10px;
    line-height: 1;
    margin-top: 0;
}


.order-food-section.not-found {
    height: 270px;
}

.order-food-section.not-found .order-food {
    height: 270px;
}

.mix-2 .mix-pills {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mix-form {
    height: calc(300px + (520 - 300) * ((100vw - 320px) / (1920 - 320)));
    position: relative;
    overflow: hidden;
}

.mix-form .form-section {
    height: calc(300px + (520 - 300) * ((100vw - 320px) / (1920 - 320)));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mix-form .form-section .tab-sec {
    text-align: center;
}

.mix-form .form-section .tab-sec .nav-tabs .nav-item .nav-link {
    text-transform: capitalize;
    color: #333333;
    border: none;
    font-size: 16px;
    font-weight: 600;
    background-color: white;
}

.mix-form .form-section .tab-sec .nav-tabs .nav-item .nav-link.active {
    color: white;
    background-color: var(--theme-color);
}

.mix-form .form-section .tab-sec .nav-tabs .nav-item .nav-link.active svg {
    fill: white;
}

.mix-form .form-section .tab-content {
    background-color: white;
    padding: 15px;
}

.mix-form .form-section .tab-content .form-group {
    margin-bottom: 0;
}

.up-section {
    margin-top: -70px;
    margin-bottom: 100px;
    -webkit-box-shadow: 0 0 8px 0 #ddd;
    box-shadow: 0 0 8px 0 #ddd;
    position: relative;
    background-color: white;
}

.up-section .about-section {
    background-color: white;
    position: relative;
    padding-top: 85px;
}

.up-section .team-section .team-box .img-part {
    margin-bottom: 0;
}

.up-section .team-section .team-box .img-part img {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.up-section .team-section .team-box .team-content {
    position: relative;
    bottom: 0;
}

.up-section .team-section .team-box .team-social {
    bottom: 100px;
}

.up-section .team-section .team-box .team-social .social-box {
    width: 35px;
    height: 35px;
    margin: 0 6px;
}

.up-section .team-section .team-box:hover .img-part img {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.team-section .team-box {
    position: relative;
}

.team-section .team-box .img-part {
    margin-bottom: 30px;
}

.team-section .team-box .img-part img {
    -webkit-box-shadow: 5px 8.66px 20px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 5px 8.66px 20px 0px rgba(0, 0, 0, 0.15);
    width: 100%;
}

.team-section .team-box .team-content {
    min-width: 240px;
    padding: 20px;
    background-color: white;
    position: absolute;
    bottom: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
}

.team-section .team-box .team-content h3 {
    font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320)));
    color: var(--theme-color);
    text-transform: capitalize;
    margin-bottom: 5px;
    margin-top: -4px;
}

.team-section .team-box .team-content h6 {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    color: var(--theme-color);
    text-transform: capitalize;
    font-weight: 800;
    margin-bottom: -2px;
}

.team-section .team-box .team-social {
    position: absolute;
    bottom: 80px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.team-section .team-box .team-social .social-box {
    width: 45px;
    height: 45px;
    background-color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 8px;
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.team-section .team-box:hover .team-social .social-box {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.team-section .team-slider {
    margin-bottom: 0;
}

.team-section .slick-slide>div {
    margin: 0 25px;
}

.team-section .slick-list {
    margin-left: -25px;
    margin-right: -25px;
}

.team-section .slick-dots {
    padding-top: 45px;
    position: relative;
    bottom: 0;
}

.team-section .slick-dots li {
    z-index: 1;
}

.team-section .slick-dots li button:before {
    color: var(--theme-color);
    font-size: 12px;
}

.team-section .slick-dots li.slick-active button:after {
    position: absolute;
    top: 0;
    left: -2px;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 24px;
    line-height: 20px;
    text-align: center;
    color: var(--theme-color);
    opacity: 0.1;
    z-index: -1;
}

.facts-section .facts-box {
    background-color: white;
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-box-shadow: 2px 3px 13px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 2px 3px 13px 0px rgba(0, 0, 0, 0.06);
}

.facts-section .facts-box .img {
    margin-bottom: 15px;
}

.facts-section .facts-box .img img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.facts-section .facts-box h3 {
    font-size: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
    margin-bottom: 0;
}

.facts-section .facts-box h6 {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    color: var(--theme-color);
    margin-bottom: 0;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: -2px;
}

.facts-section .facts-box:hover .img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.custom-checkbox .form-check-input:checked~.form-check-label::before {
    background-color: var(--theme-color);
}

.left-sidebar {
    background-color: white;
    margin-top: 30px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.left-sidebar .back-btn {
    padding: 20px 25px;
    border-bottom: 1px solid #f9f9f9;
    display: none;
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
    text-transform: capitalize;
    color: var(--theme-color);
    font-weight: 700;
    margin-bottom: 0;
    cursor: pointer;
}

.left-sidebar .search-bar {
    position: relative;
    padding: 35px;
    border-bottom: 1px solid #f9f9f9;
}

.left-sidebar .search-bar input {
    width: 100%;
    border: none;
    background-color: #f9f9f9;
    padding: 14px 14px 14px 50px;
}


.left-sidebar .middle-part {
    padding: 25px 35px;
}

.left-sidebar .middle-part .section-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #f9f9f9;
}

.left-sidebar .middle-part .section-title h5 {
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
    text-transform: capitalize;
    color: var(--theme-color);
    font-weight: 700;
    margin-bottom: 0;
}

.left-sidebar .middle-part .section-title img {
    margin-left: auto;
}

.left-sidebar .bottom-info {
    padding: 0 35px 35px;
}

.left-sidebar .bottom-info h6 {
    margin-bottom: 0;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 700;
}

.left-sidebar .bottom-info h4 {
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
}

.left-sidebar .bottom-info h5 {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    background-color: var(--theme-color);
    color: white;
    display: inline-block;
    text-transform: capitalize;
    font-weight: 700;
    padding: 6px 10px;
    border-radius: 50px;
    margin-bottom: 12px;
}

.left-sidebar .bottom-info h5 span {
    text-transform: lowercase;
    font-size: 12px;
    border: 2px solid white;
    border-radius: 100%;
    padding: 0 6px;
}

.left-sidebar.sidebar-popup {
    display: none;
    position: absolute;
    z-index: 9;
    top: 80px;
    left: 0;
    border: 1px solid #f1f5f4;
    -webkit-box-shadow: 0 0 5px #ddd;
    box-shadow: 0 0 5px #ddd;
    width: 280px;
    max-height: 530px;
    overflow-y: auto;
}

.left-sidebar.sidebar-popup.open {
    display: block;
}

.left-sidebar.sidebar-class {
    position: fixed;
    width: 300px;
    left: -300px;
    top: 0;
    margin-top: 0;
    z-index: 5;
    overflow-y: auto;
    height: 100vh;
}

.left-sidebar.sidebar-class .back-btn {
    display: block;
}

.search-panel .search-section {
    margin-top: 0;
    margin-bottom: 0;
}

.search-panel .search-section .search-box {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.search-panel .search-section .search-box .right-part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 50px;
}

.search-panel .search-section .search-box .left-part .search-body {
    padding: 30px 40px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.search-panel .search-section .search-box .left-part .search-body:last-child:after {
    display: block;
}

.search-panel .search-section .search-box .left-part .search-body h6 {
    font-weight: 700;
    color: rgba(0, 0, 0, 0.36);
}

.search-panel .search-section .search-box .left-part .search-body.btn-search:after {
    display: none;
}

.search-panel.sticky {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-box-shadow: 1px 3px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 3px 20px 0px rgba(0, 0, 0, 0.1);
    -webkit-animation: smoothScroll 1s forwards;
    animation: smoothScroll 1s forwards;
}

.search-panel.sticky .search-section .search-box .left-part .search-body {
    padding: 20px 40px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.map-section {
    margin-top: 30px;
    z-index: 1;
    position: relative;
}

.map-section iframe,
.map-section .map {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.infoBox .marker-detail {
    background-color: white;
}

.infoBox .marker-detail img {
    width: 180px;
}

.infoBox .marker-detail .detail-part {
    padding: 6px;
}

.infoBox .marker-detail .detail-part h6 {
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: capitalize;
    color: var(--theme-color);
}

.infoBox .marker-detail .detail-part .rating {
    margin-bottom: 3px;
}

.infoBox .marker-detail .detail-part .rating.one-star i:first-child {
    font-weight: 900;
}

.infoBox .marker-detail .detail-part .rating.two-star i:nth-child(-n+2) {
    font-weight: 900;
}

.infoBox .marker-detail .detail-part .rating.three-star i:nth-child(-n+3) {
    font-weight: 900;
}

.infoBox .marker-detail .detail-part .rating.four-star i:nth-child(-n+4) {
    font-weight: 900;
}

.infoBox .marker-detail .detail-part .rating.five-star i {
    font-weight: 900;
}

.infoBox .marker-detail .detail-part span {
    display: block;
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 400;
    color: #3e3e3e;
}

.infoBox .marker-detail .detail-part a {
    position: absolute;
    right: 7px;
    bottom: 7px;
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
    color: var(--theme-color);
}

.view-map {
    text-transform: capitalize;
    color: var(--theme-color);
    margin-right: 15px;
    font-weight: 700;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
}

.view-map:hover {
    color: var(--theme-color);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.view-map.mobile-map {
    display: none;
}

.view-map .arrow {
    position: absolute;
    width: 100%;
    top: -58px;
    font-weight: 600;
    font-size: 14px;
    color: var(--theme-color);
    cursor: auto;
}

.view-map .arrow:after {
    content: "";
    background-image: url("../images/icon/arrow.html");
    width: 50px;
    height: 50px;
    position: absolute;
    background-size: contain;
    -webkit-transform: rotate(115deg);
    transform: rotate(115deg);
    left: -70px;
    bottom: -30px;
    background-repeat: no-repeat;
}

.view-map .arrow:hover {
    color: var(--theme-color);
}

.onclick-map {
    display: none;
}

.onclick-map iframe,
.onclick-map .map {
    width: 100%;
    height: 300px;
    margin-top: 30px;
}

.onclick-map>div {
    margin-top: 30px;
}

.onclick-map.show {
    display: block;
}

.map-modal .btn-close {
    position: absolute;
    top: 1px;
    right: 10px;
    z-index: 2;
    font-size: 1.9rem;
    background: none;
}

.map-modal .modal-dialog {
    width: 100%;
    height: 90%;
    max-width: 97%;
}

.map-modal .modal-dialog .modal-content {
    border: 0 none;
    border-radius: 0;
    background-color: #f9f9f9;
}

.map-modal .modal-dialog .modal-content .modal-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.map-modal .modal-dialog .modal-content .modal-body .left-sidebar {
    height: 100%;
    overflow: scroll;
}

.map-modal .modal-dialog .modal-content iframe,
.map-modal .modal-dialog .modal-content .map {
    width: 100%;
    height: 100%;
}


.single-section {
    position: relative;
}

.single-section .image_section {
    position: relative;
}

.single-section .image_section .view-all {
    position: absolute;
    width: 100%;
    bottom: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(rgba(231, 56, 39, 0)));
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(231, 56, 39, 0) 100%);
    margin-bottom: 0;
    padding: 10px;
    text-transform: capitalize;
    color: white;
    font-weight: 800;
    line-height: 1;
}

.single-section .image_section .slider-thumbnail {
    margin-top: 5px;
    overflow: hidden;
}

.single-section .image_section .slider-thumbnail .slick-slide>div {
    margin: 0 5px;
}

.single-section .image_section .slider-thumbnail .slick-list {
    margin-left: -5px;
    margin-right: -5px;
}

.single-section .facility_sec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: white;
    margin-top: 20px;
}

.single-section .facility_sec .icon-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 50px;
    position: relative;
}

.single-section .facility_sec .icon-box svg {
    width: 30px;
    height: auto;
    fill: var(--theme-color);
}

.single-section .facility_sec .icon-box .content {
    margin-left: 15px;
}

.single-section .facility_sec .icon-box .content h5 {
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 0;
}

.single-section .facility_sec .icon-box .content h6 {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.7);
    text-transform: capitalize;
    margin-bottom: 0;
}

.single-section .facility_sec .icon-box:after {
    content: "";
    width: 1px;
    height: 25px;
    background-color: var(--theme-color);
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.single-section .facility_sec .icon-box:last-child:after {
    display: none;
}

.single-section .description-section .menu-top {
    margin-top: 30px;
    padding: 12px 0;
    background-color: white;
    -webkit-box-shadow: 0 2px 4px 0 #dedede;
    box-shadow: 0 2px 4px 0 #dedede;
}

.single-section .description-section .menu-top li a {
    color: var(--theme-color);
    text-transform: uppercase;
    font-weight: 700;
    padding: 17px 30px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.single-section .description-section .menu-top li.active a {
    color: var(--theme-color);
    border-bottom: 2px solid var(--theme-color);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.single-section .description-section .menu-top li.mobile-menu {
    display: none;
}

.single-section .description-section .menu-top.sticky {
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-box-shadow: 1px 3px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 3px 20px 0px rgba(0, 0, 0, 0.1);
    margin-top: 0;
    padding: 16px 0;
    -webkit-animation: smoothScroll 1s forwards;
    animation: smoothScroll 1s forwards;
}

.single-section .description-section .menu-top.sticky li a {
    padding: 15px 30px;
}

.single-section .description-section .menu-top.menu-up {
    margin-top: 0;
    margin-bottom: 30px;
}

.single-section .description-section .description-details .content-title {
    text-transform: uppercase;
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
}

.single-section .description-section .description-details .menu-part {
    margin-top: 20px;
    padding: 30px;
    background-color: white;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 2px 4px 0 #dedede;
    box-shadow: 0 2px 4px 0 #dedede;
}

.single-section .description-section .description-details .menu-part.page-section .zoom-gallery>div:nth-child(-n+3) {
    margin-bottom: 0;
}

.single-section .description-section .description-details .menu-part .accordion-plan {
    position: relative;
}

.single-section .description-section .description-details .menu-part .accordion-plan .card {
    border-radius: 0;
    border: 1px solid #f9f9f9;
}

.single-section .description-section .description-details .menu-part .accordion-plan .card .card-header {
    background-color: #f9f9f9;
    border-bottom: 0;
    padding: 6px;
}

.single-section .description-section .description-details .menu-part .accordion-plan .card .card-header button {
    display: block;
    width: 100%;
    text-align: left;
    color: #353535;
    text-transform: capitalize;
}

.single-section .description-section .description-details .menu-part .accordion-plan .card .card-header button:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 6px solid #353535;
    right: 20px;
    top: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.single-section .description-section .description-details .menu-part .accordion-plan .card .card-header button[aria-expanded="true"]:before {
    border-top: 0;
    border-bottom: 6px solid #353535;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.single-section .description-section .description-details .menu-part .accordion-plan .card .card-body {
    color: #444444;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.single-section .description-section .description-details .menu-part .accordion-plan .card .card-body .highlight {
    margin-top: 10px;
}

.single-section .description-section .description-details .menu-part .accordion-plan .card .card-body .highlight li {
    display: block;
    text-transform: capitalize;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.single-section .description-section .description-details .menu-part .accordion-plan .card .card-body .highlight li i {
    margin-right: 5px;
    font-size: 12px;
}

.single-section .description-section .description-details .menu-part .accordion-plan .card .card-body .highlight li img {
    margin-right: 5px;
    width: 18px;
}

.single-section .description-section .description-details .menu-part .accordion-plan .card+.card {
    margin-top: 20px;
}

.single-section .description-section .description-details .menu-part .list-view {
    margin-top: 0;
}

.single-section .description-section .description-details .menu-part .list-view .list-img {
    width: 30%;
}

.single-section .description-section .description-details .menu-part .list-view .facility-icon {
    margin-top: 10px;
}

.single-section .description-section .description-details .menu-part .list-view .list-box {
    padding: 0;
}

.single-section .description-section .description-details .menu-part .list-view+.list-view {
    margin-top: 20px;
}

.single-section .description-section .description-details .menu-part .zoom-gallery .overlay {
    position: relative;
}

.single-section .description-section .description-details .menu-part .zoom-gallery .overlay .overlay-background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.single-section .description-section .description-details .menu-part .zoom-gallery .overlay .overlay-background i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: white;
    font-size: 22px;
    display: none;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.single-section .description-section .description-details .menu-part .zoom-gallery .overlay:hover .overlay-background {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background-color: rgba(0, 0, 0, 0.6);
}

.single-section .description-section .description-details .menu-part .zoom-gallery .overlay:hover .overlay-background i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.single-section .description-section .description-details .menu-part .zoom-gallery>div:nth-child(-n+3) {
    margin-bottom: 30px;
}

.single-section .description-section .description-details .menu-part.facility h6 {
    text-transform: capitalize;
    font-weight: 700;
    color: #222222;
}

.single-section .description-section .description-details .menu-part.facility h6 img {
    margin-right: 5px;
    width: 20px;
}

.single-section .description-section .description-details .menu-part.facility ul {
    margin-left: 10px;
}

.single-section .description-section .description-details .menu-part.facility ul li {
    display: block;
    text-transform: capitalize;
    line-height: 1.9;
}

.single-section .description-section .description-details .menu-part.facility ul li i {
    font-size: 8px;
    margin-right: 5px;
    color: rgba(0, 0, 0, 0.6);
}

.single-section .description-section .description-details .menu-part.map iframe {
    width: 100%;
    height: 420px;
    margin-bottom: -5px;
}

.single-section .description-section .description-details .menu-part.review .review-box .rating span {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    margin-left: 10px;
    font-weight: 700;
}

.single-section .description-section .description-details .menu-part.review .review-box h6 {
    font-size: 14px;
    text-transform: capitalize;
    color: rgba(0, 0, 0, 0.5);
    margin-top: 4px;
}

.single-section .description-section .description-details .menu-part.review .review-box p {
    color: #4a4a4a;
    line-height: 1.6;
    margin-bottom: 0;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.single-section .description-section .description-details .menu-part.review .review-box+.review-box {
    border-top: 1px solid #f9f9f9;
    padding-top: 12px;
    margin-top: 15px;
}

.single-section .description-section .description-details .menu-part.policy p {
    color: #212121;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.6;
}

.single-section .description-section .description-details .menu-part.policy p:last-child {
    margin-bottom: 0;
}

.single-section .description-section .description-details .menu-part+.menu-part {
    margin-top: 20px;
}

.single-section .description-section .description-details .menu-part .rooms-box {
    width: 100%;
}

.single-section .description-section .description-details .menu-part .rooms-box tbody tr {
    display: block;
}

.single-section .description-section .description-details .menu-part .rooms-box tbody tr+tr {
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #f9f9f9;
}

.single-section .description-section .description-details .menu-part .rooms-box td:first-child {
    width: 25%;
}

.single-section .description-section .description-details .menu-part .rooms-box td:nth-child(2) {
    width: 55%;
}

.single-section .description-section .description-details .menu-part .rooms-box td:nth-child(3) {
    width: 20%;
    text-align: right;
}

.single-section .description-section .description-details .menu-part .rooms-box .price-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.single-section .description-section .description-details .menu-part .rooms-box .price-details h6 {
    font-size: 14px;
    margin-bottom: 3px;
    color: rgba(0, 0, 0, 0.74);
}

.single-section .description-section .description-details .menu-part .rooms-box .price-details h5 {
    font-weight: 700;
    margin-bottom: 0;
    font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
}

.single-section .description-section .description-details .menu-part .rooms-box .price-details .btn {
    padding: 6px 14px;
    font-size: 14px;
    border-radius: 0;
    margin-top: 7px;
}

.single-section .description-section .description-details .menu-part .rooms-box .price-details span {
    display: block;
    color: rgba(0, 0, 0, 0.72);
}

.single-section .description-section .description-details .menu-part .rooms-box .room-detail {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.single-section .description-section .description-details .menu-part .rooms-box .room-detail h6 {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 14px;
    letter-spacing: 0.05em;
}

.single-section .description-section .description-details .menu-part .rooms-box .room-detail .row {
    width: 100%;
}

.single-section .description-section .description-details .menu-part .rooms-box .room-detail .facility-detail li {
    display: block;
    color: var(--theme-color);
    text-transform: capitalize;
    line-height: 28px;
    letter-spacing: 0.06em;
}

.single-section .description-section .description-details .menu-part .rooms-box .room-detail .facility-detail li img {
    margin-right: 8px;
    width: 20px;
}

.single-section .description-section .description-details .menu-part .rooms-box .room-detail .facility-detail li i {
    font-size: 12px;
    margin-right: 5px;
    color: rgba(0, 0, 0, 0.5);
}

.single-section .description-section .description-details .menu-part .rooms-box .room-title {
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 10px;
}

.single-section .description-section .description-details.full-slider .menu-part {
    margin-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 70px;
}

.single-section .description-section .description-details.full-slider .menu-part .row {
    margin-bottom: 20px;
}

.single-section .description-section.tab-section .menu-top {
    padding: 0;
    background-color: transparent;
}

.single-section .description-section.tab-section .menu-top .nav-tabs {
    margin-bottom: 15px;
    background-color: white;
    border-bottom: none;
}

.single-section .description-section.tab-section .menu-top .nav-tabs .nav-item.active {
    border: none;
    border-bottom: 2px solid var(--theme-color);
    color: var(--theme-color);
}

.single-section .description-section.tab-section .menu-top .nav-tabs .nav-item .nav-link {
    border: none;
    border-bottom: 2px solid transparent;
}

.single-section .description-section.tab-section .menu-top .nav-tabs .nav-item .nav-link.active {
    border: none;
    border-bottom: 2px solid var(--theme-color);
    color: var(--theme-color);
}

.single-section .description-section.tab-section .menu-top.sticky {
    background-color: white;
    margin-bottom: 0;
}

.single-section .description-section.tab-section .menu-top.sticky .nav-tabs {
    margin-bottom: 0;
}

.single-section .description-section.tab-section .description-details .menu-part {
    margin-top: 0;
}

.single-section .single-sidebar {
    background-color: white;
    padding: 20px;
    -webkit-box-shadow: 0 2px 4px 0 #dedede;
    box-shadow: 0 2px 4px 0 #dedede;
}

.single-section .single-sidebar h4.title {
    text-transform: capitalize;
    font-weight: 700;
    margin-top: -4px;
}

.single-section .single-sidebar p {
    color: rgba(0, 0, 0, 0.55);
    margin-bottom: 10px;
    line-height: 1.7;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.single-section .single-sidebar p i {
    font-size: 13px;
    margin-right: 10px;
    color: rgba(0, 0, 0, 0.59);
}

padding: 0;
}

margin-bottom: 20px;
}

.single-section .single-sidebar .newsletter-sec {
    padding: 20px;
}

.single-section .single-sidebar .newsletter-sec .button {
    margin-top: 15px;
    text-align: right;
}

.single-section .single-sidebar .newsletter-sec .button .btn {
    padding: 6px 14px;
    font-size: 14px;
    text-transform: capitalize;
}

.single-section .single-sidebar .overlay-map {
    position: relative;
    margin-bottom: 10px;
}

.single-section .single-sidebar .overlay-map img {
    height: 100px;
    width: 100%;
}

.single-section .single-sidebar .overlay-map iframe,
.single-section .single-sidebar .overlay-map .map {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.0001;
    z-index: 1;
}

.single-section .single-sidebar .overlay-map h6 {
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: var(--theme-color);
    text-transform: capitalize;
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
    z-index: 0;
    font-weight: 600;
    margin-bottom: 0;
}

.single-section .single-sidebar .price-part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.single-section .single-sidebar .price-part .left-part a {
    color: var(--theme-color);
    font-weight: 700;
    text-transform: capitalize;
}

.single-section .single-sidebar .price-part .left-part span {
    display: block;
    text-transform: capitalize;
    font-weight: 600;
    line-height: 24px;
}

.single-section .single-sidebar .price-part .left-part span i {
    font-size: 10px;
    margin-right: 5px;
    color: green;
}

.single-section .single-sidebar .price-part .left-part span.red {
    color: darkred;
}

.single-section .single-sidebar .price-part .right-part {
    margin-left: auto;
    text-align: right;
}

.single-section .single-sidebar .price-part .right-part span {
    color: rgba(0, 0, 0, 0.4);
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 700;
}

.single-section .single-sidebar .price-part .right-part p {
    margin-bottom: 0;
    font-weight: 600;
    color: var(--theme-color);
}

.single-section .single-sidebar .book-btn-section .btn-rounded {
    padding: 6px 14px;
    font-size: 14px;
    margin-top: 20px;
    border-radius: 0;
}
.single-section .single-sidebar .book-btn-section .rooms-section .selector-box {
    text-align: left;
    padding: 10px;
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls .title_room {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 700;
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls .qty-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls .qty-box label {
    text-transform: capitalize;
    margin-right: 30px;
    margin-bottom: 0;
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls .qty-box .input-group {
    width: 140px;
    margin-left: auto;
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls .qty-box .input-group .btn {
    background-color: transparent;
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls .qty-box .input-group .form-control {
    padding: 0;
    text-align: center;
    border: none;
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls .qty-box+.qty-box {
    margin-top: 10px;
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls+.room-cls {
    margin-top: 10px;
    border-top: 1px solid #f9f9f9;
    padding-top: 10px;
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box .bottom-part {
    border-top: 1px solid #f9f9f9;
    margin-top: 10px;
    padding-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box .bottom-part .add-room {
    text-transform: capitalize;
    color: var(--theme-color);
    font-weight: 700;
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box .bottom-part .btn {
    margin-left: auto;
}

.single-section .single-sidebar .contact-title {
    color: var(--theme-color);
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.single-section .single-sidebar .bottom_sec {
    margin-top: 10px;
    padding-top: 15px;
    border-top: 1px solid #f9f9f9;
}

.single-section .single-sidebar .bottom_sec h6 {
    text-transform: capitalize;
    color: var(--theme-color);
    font-size: 14px;
    font-weight: 700;
}

.single-section .single-sidebar .bottom_sec h6:last-child {
    margin-bottom: 0;
}

.single-section .single-sidebar .weather-sec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    margin-top: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.single-section .single-sidebar .weather-sec li svg {
    width: 40px;
    margin: 0;
}

.single-section .single-sidebar .weather-sec li h5 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}

.single-section .single-sidebar .weather-sec li h6 {
    font-size: 12px;
    margin-bottom: 0;
}

.single-section .single-sidebar .weather-sec li+li {
    margin-left: 20px;
}

.single-section .single-sidebar .social-box {
    margin-top: 18px;
}

.single-section .single-sidebar .social-box i {
    font-size: 14px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    color: white;
    padding: 9px;
    background-color: var(--theme-color);
    border-radius: 100%;
    width: 32px;
    height: 32px;
    text-align: center;
    margin-right: 3px;
}

.single-section .single-sidebar+.single-sidebar {
    margin-top: 30px;
}

.single-section .single-sidebar .order-cart .cart-items {
    margin-top: 20px;
}

.single-section .single-sidebar .order-cart .cart-items .items {
    position: relative;
}

.single-section .single-sidebar .order-cart .cart-items .items h6 {
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 10px;
}

.single-section .single-sidebar .order-cart .cart-items .items h5 {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    color: var(--theme-color);
    font-weight: 500;
    margin-bottom: 0;
}

.single-section .single-sidebar .order-cart .cart-items .items+.items {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #f9f9f9;
}

.single-section .single-sidebar .order-cart .cart-items .items .qty-box {
    width: 120px;
    margin-top: 10px;
}

.single-section .single-sidebar .order-cart .cart-items .items .qty-box .input-group {
    -webkit-box-shadow: 0 2px 4px 0 #dedede;
    box-shadow: 0 2px 4px 0 #dedede;
}

.single-section .single-sidebar .order-cart .cart-items .items .qty-box .input-group .btn {
    padding: 5px 10px;
    font-size: 10px;
    line-height: 1;
    background-color: #f9f9f9;
}

.single-section .single-sidebar .order-cart .cart-items .items .qty-box .input-group .form-control {
    padding: 2px;
    width: 50px;
    text-align: center;
    border-color: #f9f9f9;
}

.single-section .single-sidebar .order-cart .cart-items .items .price {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 16px;
    font-weight: 700;
}

.single-section .single-sidebar .order-cart .cart-items .items.veg h6 {
    padding-left: 25px;
    position: relative;
}

.single-section .single-sidebar .order-cart .cart-items .items.veg h6:after {
    content: "";
    left: 0;
    position: absolute;
    width: 14px;
    height: 14px;
    border: 1px solid green;
    top: 2px;
}

.single-section .single-sidebar .order-cart .cart-items .items.veg h6:before {
    content: "";
    left: 3px;
    width: 8px;
    height: 8px;
    background-color: green;
    position: absolute;
    border-radius: 100%;
    top: 5px;
}

.single-section .single-sidebar .order-cart .cart-items .items.non-veg h6 {
    padding-left: 25px;
    position: relative;
}

.single-section .single-sidebar .order-cart .cart-items .items.non-veg h6:after {
    content: "";
    left: 0;
    position: absolute;
    width: 14px;
    height: 14px;
    border: 1px solid red;
    top: 2px;
}

.single-section .single-sidebar .order-cart .cart-items .items.non-veg h6:before {
    content: "";
    left: 3px;
    width: 8px;
    height: 8px;
    background-color: red;
    position: absolute;
    border-radius: 100%;
    top: 5px;
}

.single-section .single-sidebar .order-cart .cart-bottom {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #f9f9f9;
}

.single-section .single-sidebar .order-cart .cart-bottom .sub-total {
    font-weight: 700;
    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.single-section .single-sidebar .order-cart .cart-bottom .sub-total span {
    float: right;
}

.single-section .single-sidebar .order-cart .cart-bottom p {
    font-size: 12px;
    line-height: 1;
    margin-bottom: 0;
    max-width: 70%;
}

.single-section .single-sidebar .order-cart .cart-bottom .checkout {
    margin-top: 20px;
}

.single-section .single-sidebar .order-cart .empty-cart {
    text-align: center;
    margin-top: 50px;
}

.single-section .single-sidebar .order-cart .empty-cart h5 {
    text-transform: capitalize;
    color: rgba(0, 0, 0, 0.5);
    font-size: 16px;
    margin-bottom: 20px;
}

.single-section .single-sidebar .order-cart .empty-cart img {
    margin-bottom: 20px;
    opacity: 0.5;
}

.single-section .single-sidebar .order-cart .empty-cart p {
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    color: rgba(0, 0, 0, 0.64);
}

.gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div {
    background-color: var(--theme-color);
}

.rooms-section {
    position: relative;
}

.rooms-section .selector_box {
    padding: 10px;
}

.rooms-section .selector_box .room-cls .title_room {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 700;
}

.rooms-section .selector_box .room-cls .qty-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.rooms-section .selector_box .room-cls .qty-box label {
    text-transform: capitalize;
    margin-right: 30px;
    margin-bottom: 0;
}

.rooms-section .selector_box .room-cls .qty-box .input-group {
    width: 140px;
    margin-left: auto;
}

.rooms-section .selector_box .room-cls .qty-box .input-group .btn {
    background-color: transparent;
}

.rooms-section .selector_box .room-cls .qty-box .input-group .form-control {
    padding: 0;
    text-align: center;
    border: none;
}

.rooms-section .selector_box .room-cls .qty-box+.qty-box {
    margin-top: 10px;
}

.rooms-section .selector_box .room-cls+.room-cls {
    margin-top: 10px;
    border-top: 1px solid #f9f9f9;
    padding-top: 10px;
}

.rooms-section .selector_box .bottom-part {
    border-top: 1px solid #f9f9f9;
    margin-top: 10px;
    padding-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.rooms-section .selector_box .bottom-part .add-room {
    text-transform: capitalize;
    color: var(--theme-color);
    font-weight: 700;
}

.rooms-section .selector_box .bottom-part .btn {
    margin-left: auto;
}

.suggestion_box .form-group {
    margin-bottom: 30px;
    position: relative;
}

.suggestion_box .form-group img {
    position: absolute;
    right: 1px;
    bottom: 2px;
    border-left: 1px solid #e5e5e5;
    padding: 8px;
    z-index: 1;
    background-color: white;
}

.m-cls {
    margin-top: 20px;
}

.related-box .slick-slide>div {
    margin: 0 15px !important;
}

.related-box .slick-list {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.related-box .special-box {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: white;
    margin-bottom: 0;
}

.overlay-hover .bg-size {
    position: relative;
}

.overlay-hover .bg-size:after {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    content: "";
}

.overlay-hover .bg-size:hover:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.cab-single-detail {
    background-color: white;
    padding: 20px;
    -webkit-box-shadow: 0 2px 4px 0 #dedede;
    box-shadow: 0 2px 4px 0 #dedede;
    margin-top: 25px;
}

.cab-single-detail .title-car {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cab-single-detail .title-car h5,
.cab-single-detail .title-car h6 {
    margin-bottom: 0;
}

.cab-single-detail .title-car h5 {
    font-weight: 700;
    text-transform: capitalize;
}

.cab-single-detail .title-car h6 {
    margin-left: auto;
    text-transform: capitalize;
}

.cab-single-detail .title-car h6 span {
    font-weight: 600;
}

.cab-single-detail .description {
    margin-top: 20px;
    color: rgba(0, 0, 0, 0.52);
}

.cab-single-detail .overview h6 {
    text-transform: capitalize;
    margin-bottom: 16px;
    color: var(--theme-color);
    font-weight: 700;
}

.cab-single-detail .overview ul {
    display: inline-block;
}

.cab-single-detail .overview ul li {
    display: block;
}

.cab-single-detail .overview ul li+li {
    margin-top: 15px;
}

.cab-single-detail .overview ul+ul {
    margin-left: 30px;
}

.cab-single-detail .details {
    margin-top: 25px;
}

.cab-single-detail .details h6 {
    text-transform: capitalize;
    margin-bottom: 10px;
    color: var(--theme-color);
    font-weight: 700;
}

.cab-single-detail .details ul li {
    display: block;
    text-transform: capitalize;
}

.cab-single-detail .details ul li+li {
    margin-top: 5px;
}


.review-section .review_box .title-top h5 {
    margin-bottom: 0;
    text-transform: capitalize;
    line-height: 1;
    font-weight: 600;
}
@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.review-section .review_box+.review_box {
    margin-top: 20px;
}

.res-margin .single-section {
    margin-top: 20px;
}

.continue-btn {
    margin-top: 30px;
    text-align: center;
}

.success-section {
    overflow: hidden;
}

.success-section .animation {
    max-width: 100%;
}

.success-section .success-detail {
    text-align: center;
    margin-top: 15px;
}

.success-section .success-detail img {
    margin-bottom: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.success-section .success-detail p {
    font-size: 16px;
    max-width: 48%;
    margin: 0 auto;
    color: rgba(0, 0, 0, 0.7);
    line-height: 30px;
    padding-top: 10px;
    text-transform: capitalize;
}

.success-section .success-detail .btn {
    padding: 8px 20px;
    text-transform: capitalize;
    margin-top: 18px;
}
.fs-14{
    font-size: 14px;
}
.text-gray-6 {
    color: #4E5561 !important;
}
.contact_section .icon {
    width: 2.813rem;
    min-width: 2.813rem;
    min-height: 2.813rem;
    height: 2.813rem;
    line-height: 2.813rem;
    font-size: 25px;
    position: relative;
    height: 2.625rem;
    width: 2.625rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: var(--theme-color);
    font-weight: 500;
    background-color: transparent;
    border: 1px solid #E4EBF1;
    margin-right: 10px;
    border-radius: 50%;
}
/*.border-all{
    border: 1px solid #555;
    padding: 23px 10px;
    border-radius: 15px;
}*/
.contact_section .card{
    border-radius: 15px;
    margin-top: 200px;
}
.contact_form_bg{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(rgba(78, 162, 56, 0.7), rgba(78, 162, 56, 0.7)), url(../images/contact_img.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 400px;
}
.cont_caption{
    position: absolute;
    top: 33%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.contact_section .card-body{
    background-color: var(--theme-color) ;
    border-radius: 15px;
}
.form-control::placeholder, textarea::placeholder{
    color: #fff !important;
}
.contact_section .form-control, .contact_section textarea{
    padding: 12px;
    border: 2px solid #fff;
    background-color:var(--theme-color);
    color: #fff;
}
.contact_section .form-control::placeholder, .contact_section textarea::placeholder{
    color: #fff !important;
}
.contact_section .form-control:focus, .contact_section textarea:focus{
    box-shadow: none;
}
.map-grid {
    width: 100%;
    height: 100%;
}
a.text-gray-6:hover{
    text-decoration: underline;
}
.gm-style div[title] {
    opacity: 1 !important;
}


.gm-style div[title] img {
    display: block !important;
    height: 40px !important;
    width: auto !important;
}

.leaflet-marker-icon {
    height: 50px !important;
    width: auto !important;
}

.add-animation {
    -webkit-animation: 1s linear infinite bounce-1;
    animation: 1s linear infinite bounce-1;
}

}

@-webkit-keyframes bounce-1 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounce-1 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.coming-soon {
    background-size: cover;
    height: 100vh;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.coming-soon .coming-soon-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    height: 100vh;
    width: 100%;
}

.coming-soon .coming-soon-detail>div {
    width: 100%;
}

.coming-soon .coming-soon-detail .logo {
    margin-bottom: calc(14px + (25 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.coming-soon .coming-soon-detail h2 {
    color: white;
    font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
    margin-bottom: calc(16px + (25 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.coming-soon .coming-soon-detail form {
    width: 50%;
    margin: 0 auto;
}

.coming-soon .coming-soon-detail form label {
    color: white;
    font-size: 20px;
    text-transform: capitalize;
}

.coming-soon .coming-soon-detail form input {
    padding: 13px 25px;
    border-radius: 25px;
    font-size: 16px;
}

.coming-soon .coming-soon-detail form input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #dddddd;
}

.coming-soon .coming-soon-detail form .actions {
    margin-top: 20px;
}

.coming-soon .coming-soon-detail form .actions .btn {
    padding: 14px 40px;
    border-radius: 25px;
}

.coming-soon .coming-soon-detail .timer {
    margin-bottom: calc(18px + (30 - 18) * ((100vw - 320px) / (1920 - 320)));
}

.coming-soon .object {
    position: absolute;
    -webkit-animation: sway 2.4s infinite;
    animation: sway 2.4s infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-transform-origin: top;
    transform-origin: top;
    left: calc(10% + (14 - 10) * ((100vw - 320px) / (1920 - 320)));
    height: 5%;
    z-index: 999;
    text-transform: uppercase;
}

.coming-soon .object .object-shape {
    width: calc(60px + (100 - 60) * ((100vw - 320px) / (1920 - 320)));
    height: calc(60px + (100 - 60) * ((100vw - 320px) / (1920 - 320)));
    border-radius: 50%;
    display: block;
    background-color: white;
    margin: 0 auto;
    position: relative;
    color: var(--theme-color);
    text-align: center;
    padding-top: calc(14px + (25 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 800;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
}

.coming-soon .object .object-shape span {
    font-size: calc(12px + (22 - 12) * ((100vw - 320px) / (1920 - 320)));
    color: var(--theme-color);
}

.coming-soon .object .object-rope {
    height: 100%;
    width: 5px;
    background-color: white;
    content: "";
    display: block;
    margin-left: 50%;
}

.coming-soon.travel {
    background-color: rgba(233, 179, 14, 0.05);
}

.coming-soon.travel svg {
    position: absolute;
    top: 0;
    width: 1920px;
    height: 1600px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.coming-soon.travel .coming-soon-detail {
    position: absolute;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 60px;
    z-index: 1;
}

.coming-soon.travel .coming-soon-detail .logo img {
}

.coming-soon.travel .coming-soon-detail h2 {
    color: var(--theme-color);
}

.coming-soon.travel .coming-soon-detail form label {
    color: var(--theme-color);
}

position: absolute;
left: 0;
top: 0;
z-index: -1;
}

.typography_section p {
    color: #777777;
}

.typography_section .typography-box {
    margin-bottom: 30px;
}

.typography_section .typography-box p {
    line-height: 22px;
}

.typography_section .typography-box .headings {
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 20px;
    background-color: rgba(247, 247, 247, 0.5);
    padding: 8px 12px;
}

.typography_section .typography-box .headings h3 {
    text-transform: capitalize;
    color: #2d2d2d;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 20px;
}

.typography_section .typography-box .headings span {
    color: #777777;
}

.typography_section .typography-box .headings span code {
    color: #777777;
}

.typography_section .typography-box .typo-content.heading_content h1,
.typography_section .typography-box .typo-content.heading_content h2,
.typography_section .typography-box .typo-content.heading_content h3,
.typography_section .typography-box .typo-content.heading_content h4,
.typography_section .typography-box .typo-content.heading_content h5,
.typography_section .typography-box .typo-content.heading_content h6 {
    font-weight: 400;
    color: var(--theme-color);
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 10px;
}

.typography_section .typography-box .typo-content .sub-title {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 5px;
    margin-bottom: 8px;
    font-size: 18px;
    color: #222222;
    text-transform: capitalize;
}

.typography_section .typography-box .typo-content.input_button input {
    margin-bottom: 10px;
}

.typography_section .typography-box .typo-content.input_button label {
    font-size: 16px;
    text-transform: capitalize;
    padding-left: 5px;
}

.typography_section .typography-box .typo-content.loader-typo {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.typography_section .typography-box .typo-content.loader-typo .pre-loader {
    position: relative;
    width: 50px;
    height: 50px;
    background-color: var(--theme-color);
    border-radius: 50%;
}

.typography_section .typography-box .typo-content.loader-typo .pre-loader:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    border: 0 solid white;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: loading 1000ms ease-out forwards infinite;
    animation: loading 1000ms ease-out forwards infinite;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.typography_section .typography-box .typo-content .footer-social {
    margin-top: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.typography_section .typography-box:last-child {
    margin-bottom: 0;
}

.typography_section code {
    color: rgba(233, 179, 14, 0.6);
    background-color: #f7f7f7;
    padding: 3px;
    margin: 0 3px;
    border-radius: 2px;
}

/*=====================
==========================*/

.parallax-section .full_banner {
    height: 93vh;
    background-attachment: fixed;
}

.center-slide {
    margin-bottom: -3px;
}

.center-slide .image-center {
    height: 93vh;
}

.center-slide .image-center .center-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 93vh;
    text-align: center;
    position: relative;
    z-index: 1;
}

.center-slide .image-center .center-content h3 {
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: capitalize;
}

.center-slide .image-center .center-content h6 {
    margin-bottom: 0;
    text-transform: capitalize;
}

.center-slide .image-center .center-content:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.65);
    z-index: -1;
}

.center-slide .slick-slide .image-center .center-content {
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.center-slide .slick-slide.slick-center .image-center .center-content {
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.center-slide .slick-slide.slick-center .image-center .center-content h3 {
    -webkit-animation: fadeInLeft 0.4s ease;
    animation: fadeInLeft 0.4s ease;
}

.center-slide .slick-slide.slick-center .image-center .center-content h6 {
    -webkit-animation: fadeInRight 0.4s ease;
    animation: fadeInRight 0.4s ease;
    color: gray;
    padding: 10px 20px;
    background-color: var(--theme-color);
    fff;
}


/*=====================
23. Blog pages css
==========================*/

.blog-sidebar .blog-wrapper {
    margin-bottom: 25px;
}

.blog-sidebar .blog-wrapper .search-bar {
    position: relative;
}

.blog-sidebar .blog-wrapper .search-bar input {
    width: 100%;
    border: none;
    padding: 14px 14px 14px 50px;
    background-color: #f7f7f7;
}

.blog-sidebar .blog-wrapper .search-bar i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 14px;
    color: var(--theme-color);
}

.blog-sidebar .blog-wrapper .search-bar i:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 12px;
    background-color: rgba(233, 179, 14, 0.5);
    right: -10px;
    top: 2px;
}

.blog-sidebar .blog-wrapper .sidebar-title h5 {
    text-transform: capitalize;
    font-weight: 700;
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 20px;
}

.blog-sidebar .blog-wrapper .sidebar-content .sidebar-list li {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #eee;
    position: relative;
}

.blog-sidebar .blog-wrapper .sidebar-content .sidebar-list li a {
    color: var(--theme-color);
}

.blog-sidebar .blog-wrapper .sidebar-content .sidebar-list li i {
    margin-right: 15px;
    color: gray;
}

.blog-sidebar .blog-wrapper .sidebar-content .sidebar-list li:first-child {
    padding-top: 0;
}

.blog-sidebar .blog-wrapper .sidebar-content .blog-post li {
    margin-bottom: 20px;
}

.blog-sidebar .blog-wrapper .sidebar-content .blog-post li .media h6 {
    font-weight: 600;
}

.blog-sidebar .blog-wrapper .sidebar-content .blog-post li .media img {
    width: 100px;
    margin-right: 15px;
}

.blog-sidebar .blog-wrapper .sidebar-content .blog-post li .media .media-body p {
    margin-bottom: 0;
}

.blog-sidebar .blog-wrapper .sidebar-content .blog-post li:last-child {
    margin-bottom: 0;
}

.blog-sidebar .blog-wrapper .sidebar-content .tags {
    margin-top: -8px;
}

.blog-sidebar .blog-wrapper .sidebar-content .tags li {
    padding: 4px 10px;
    background-color: rgba(249, 249, 249, 0.8);
    margin: 8px 8px 0 0;
    border-radius: 4px;
    text-transform: capitalize;
}

.blog-sidebar .blog-wrapper .sidebar-content .tags li a {
    color: var(--theme-color);
}

.blog-sidebar .blog-wrapper:last-child {
    margin-bottom: 0;
}

.blog-inner.blog_section {
    overflow: visible;
}

.blog-inner.blog_section .blog-wrap {
    border-radius: 0;
    -webkit-box-shadow: 1px 0px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 0px 4px 0px rgba(0, 0, 0, 0.1);
}

.blog-inner.blog_section .blog-wrap .blog-image .blog-label {
    border-radius: 0;
    padding: 8px 10px;
}

.blog-inner.blog_section .blog-wrap .blog-image .blog-label h3 {
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.blog-inner.blog_section .blog-wrap .blog-image .blog-label h6 {
    font-size: 13px;
}

.blog-inner.blog_section .blog-wrap .blog-details {
    padding: 20px;
}

.blog-inner.blog_section .blog-wrap .blog-details h6 {
    margin-bottom: 5px;
}

.blog-inner.blog_section .blog-wrap .blog-details h6 i {
    color: rgba(35, 0, 0, 0.24);
}

.blog-inner.blog_section .blog-wrap .blog-details h5 {
    margin-bottom: 10px;
}

.blog-inner.blog_section .blog-wrap .blog-details .link {
    margin-bottom: 0;
    margin-top: 15px;
}

.blog-inner.blog_section .blog-wrap .blog-details .link a {
    color: rgba(0, 0, 0, 0.74);
}

.blog-inner.blog_section .blog-list .blog-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.blog-inner.blog_section .blog-list .blog-wrap .blog-image {
    width: 30%;
}

.blog-inner.blog_section .blog-list .blog-wrap .blog-details {
    width: 70%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.blog-inner.blog_section .blog-list .blog-wrap .blog-details h6 i {
    color: rgba(35, 0, 0, 0.24);
}

.blog-single-detail .top-image {
    position: relative;
}

.blog-single-detail .top-image .video {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.blog-single-detail .top-image .video i {
    font-size: calc(25px + (40 - 25) * ((100vw - 300px) / (1920 - 300)));
    color: white;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.blog-single-detail .top-image:hover .video i {
    color: var(--theme-color);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.blog-single-detail .title-part .post-detail {
    margin-top: calc(10px + (30 - 10) * ((100vw - 300px) / (1920 - 300)));
}

.blog-single-detail .title-part .post-detail li {
    font-weight: 600;
    color: #777777;
}

.blog-single-detail .title-part .post-detail li+li {
    padding-left: 15px;
    margin-left: 15px;
    border-left: 1px solid #ddd;
}

.blog-single-detail .title-part h3 {
    margin-bottom: calc(7px + (15 - 7) * ((100vw - 320px) / (1920 - 320)));
    margin-top: 5px;
    text-transform: capitalize;
    font-weight: 600;
    font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
}

.blog-single-detail .detail-part p {
    font-weight: 400;
    color: #777;
    margin-bottom: calc(10px + (25 - 10) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(20px + (24 - 20) * ((100vw - 300px) / (1920 - 300)));
    font-size: calc(13px + (15 - 13) * ((100vw - 300px) / (1920 - 300)));
}

.blog-single-detail .comment-section .comment {
    text-transform: capitalize;
    margin-bottom: 20px;
}

.blog-single-detail .comment-section .comment-wrapper .comment-box .media img {
    width: calc(60px + (70 - 60) * ((100vw - 320px) / (1920 - 320)));
    border-radius: 100%;
}

.blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body {
    margin-left: calc(6px + (15 - 6) * ((100vw - 320px) / (1920 - 320)));
}

.blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dddddd;
}

.blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .title .comment-user,
.blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .title .comment-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .title .comment-user h6,
.blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .title .comment-date h6 {
    color: #484848;
    text-transform: capitalize;
    font-weight: 500;
    margin-bottom: 0;
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
}

.blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .title .comment-user i,
.blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .title .comment-date i {
    color: rgba(0, 0, 0, 0.5);
    margin-right: 7px;
}

.blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .title .comment-date {
    margin-left: 15px;
}

.blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .comment-detail p {
    margin-bottom: 8px;
    color: #9a9a9a;
    line-height: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));
}

.blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .reply-btn {
    text-align: right;
}

.blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .reply-btn a {
    color: #555555;
    text-transform: capitalize;
}

.blog-single-detail .comment-section .comment-wrapper .comment-box .media.inner-comment {
    margin-left: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
    margin-top: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.blog-single-detail .comment-section .comment-wrapper .comment-box+.comment-box {
    margin-top: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.blog-single-detail .leave-comment {
    margin-top: 30px;
}

.blog-single-detail .leave-comment .comment {
    text-transform: capitalize;
    margin-bottom: 20px;
}

.blog-single-detail .leave-comment .form-control {
    border: 0;
    border-radius: 0;
    background-color: #f7f7f7;
    font-size: 14px;
    line-height: 1.8;
    text-transform: capitalize;
    padding: 10px 18px;
}

.blog-single-detail .leave-comment .submit-btn {
    text-align: right;
    margin-top: 10px;
}

.blog-single-detail .leave-comment .submit-btn .btn {
    text-transform: capitalize;
    padding: 5px 10px;
}

/*=====================
25. Loader css
==========================*/

.loader-wrapper {
    height: 100vh;
    width: 100vw;
    background-color: white;
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    z-index: 12;
    top: 0;
}

.loader-wrapper .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    width: 200px;
    height: 150px;
}

.loader-wrapper.loader-text .loader {
    width: auto;
    height: auto;
}

.loader-wrapper.inner-loader {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #f9f9f9;
}

.loader-wrapper.inner-loader .loader {
    top: 25%;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 9%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.loader-wrapper.food-loader .loader {
    width: auto;
    height: auto;
}

.loader-wrapper.img-gif {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.loader-wrapper.img-gif img {
    width: 20%;
}

.loader-section {
    position: relative;
    overflow: hidden;
}

.typewriter h1 {
    color: var(--theme-color);
    overflow: hidden;
    border-right: 0.15em solid var(--theme-color);
    white-space: nowrap;
    margin: 0 auto;
    letter-spacing: 0.15em;
    -webkit-animation: typing 3.5s steps(30, end), blink-caret 0.5s step-end infinite;
    animation: typing 3.5s steps(30, end), blink-caret 0.5s step-end infinite;
}

@-webkit-keyframes typing {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

@keyframes typing {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

@-webkit-keyframes blink-caret {
    from,
    to {
        border-color: transparent;
    }
    50% {
        border-color: var(--theme-color);
    }
}

@keyframes blink-caret {
    from,
    to {
        border-color: transparent;
    }
    50% {
        border-color: var(--theme-color);
    }
}

.animation {
    position: relative;
    width: 100%;
    height: 20rem;
    max-width: 55rem;
    background-color: #f9f9f9;
}

.animation [class^="animation__"],
.animation [class*=" animation__"] {
    position: absolute;
}

.animation__plane {
    position: absolute;
    z-index: 1;
    top: calc(40% - (62px / 2));
    left: calc(50% - (272px / 2));
    width: 17rem;
    height: 6.2rem;
}

.animation__plane--shadow {
    bottom: 1rem;
    left: calc(54% - (8rem / 2));
    width: 8rem;
    height: 1rem;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.15);
}

.animation__cloud--front {
    z-index: 2;
    top: 50%;
    left: 20%;
    width: 8.5rem;
    height: 3rem;
    fill: #cee4e7;
    -webkit-animation: 4s linear infinite cloudFront;
    animation: 4s linear infinite cloudFront;
}

.animation__cloud--middle {
    top: 22%;
    left: 75%;
    width: 6rem;
    height: 3rem;
    fill: #cee4e7;
    -webkit-animation: 5s linear infinite cloudMiddle;
    animation: 5s linear infinite cloudMiddle;
}

.animation__cloud--back {
    top: 6%;
    left: 34%;
    fill: #cee4e7;
    -webkit-animation: 8s linear infinite cloudBack;
    animation: 8s linear infinite cloudBack;
}

@-webkit-keyframes loader {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

@keyframes loader {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

@-webkit-keyframes takeOff {
    0% {
        -webkit-transform: translate(-220%, 110%);
        transform: translate(-220%, 110%);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes takeOff {
    0% {
        -webkit-transform: translate(-220%, 110%);
        transform: translate(-220%, 110%);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-webkit-keyframes takeOffShadow {
    0% {
        -webkit-transform: translate(-440%, 110%);
        transform: translate(-440%, 110%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 0.8;
    }
}

@keyframes takeOffShadow {
    0% {
        -webkit-transform: translate(-440%, 110%);
        transform: translate(-440%, 110%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 0.8;
    }
}

0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
25% {
    -webkit-transform: translate(0, 10%);
    transform: translate(0, 10%);
}
75% {
    -webkit-transform: translate(0, -10%);
    transform: translate(0, -10%);
}
100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
}

0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
25% {
    -webkit-transform: translate(0, 10%);
    transform: translate(0, 10%);
}
75% {
    -webkit-transform: translate(0, -10%);
    transform: translate(0, -10%);
}
100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
}

0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.8;
}
25% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 1;
}
75% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.6;
}
100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.8;
}
}

0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.8;
}
25% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 1;
}
75% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.6;
}
100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.8;
}
}

@-webkit-keyframes cloudFront {
    0% {
        -webkit-transform: translate(520%, 0);
        transform: translate(520%, 0);
    }
    100% {
        -webkit-transform: translate(-600%, 0);
        transform: translate(-600%, 0);
    }
}

@keyframes cloudFront {
    0% {
        -webkit-transform: translate(520%, 0);
        transform: translate(520%, 0);
    }
    100% {
        -webkit-transform: translate(-600%, 0);
        transform: translate(-600%, 0);
    }
}

@-webkit-keyframes cloudMiddle {
    0% {
        -webkit-transform: translate(230%, 0);
        transform: translate(230%, 0);
    }
    100% {
        -webkit-transform: translate(-900%, 0);
        transform: translate(-900%, 0);
    }
}

@keyframes cloudMiddle {
    0% {
        -webkit-transform: translate(230%, 0);
        transform: translate(230%, 0);
    }
    100% {
        -webkit-transform: translate(-900%, 0);
        transform: translate(-900%, 0);
    }
}

@-webkit-keyframes cloudBack {
    0% {
        -webkit-transform: translate(910%, 0);
        transform: translate(910%, 0);
    }
    100% {
        -webkit-transform: translate(-1000%, 0);
        transform: translate(-1000%, 0);
    }
}

@keyframes cloudBack {
    0% {
        -webkit-transform: translate(910%, 0);
        transform: translate(910%, 0);
    }
    100% {
        -webkit-transform: translate(-1000%, 0);
        transform: translate(-1000%, 0);
    }
}


@-webkit-keyframes skeleton-loader {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        background-position: -468px 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        background-position: 468px 0;
    }
}

@keyframes skeleton-loader {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        background-position: -468px 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        background-position: 468px 0;
    }
}

/*=====================
26.Tap to top CSS
==========================*/

.tap-top {
    width: 35px;
    height: 35px;
    border-radius: 8px;
    position: fixed;
    bottom: 70px;
    right: -60px;
    z-index: 8;
    color: white;
    text-align: center;
    background: var(--theme-color);
    border: none;
    font-size: 22px;
    padding: 6px 5px 5px 5px;
    cursor: pointer;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.tap-top:after {
    position: absolute;
    content: "";
    bottom: -12px;
    background-color: var(--theme-color);
    width: 100%;
    height: 11px;
    left: 0;
    -webkit-transform: rotate(13deg);
    transform: rotate(13deg);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
}

.tap-top>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tap-top.top {
    display: block;
    right: 30px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/*=====================
==========================*/

.circle {
    border-radius: 50%;
    background-color: white;
    position: absolute;
    height: 150px;
    width: 150px;
    top: 50%;
    left: 92px;
    -webkit-transition: height 5s ease, width 5s ease;
    transition: height 5s ease, width 5s ease;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 0;
    opacity: 0.5;
}

.circle:before,
.circle:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid white;
}

.circle:before {
    -webkit-animation: ripple 2s linear infinite;
    animation: ripple 2s linear infinite;
}

.circle:after {
    -webkit-animation: ripple 2s linear 1s infinite;
    animation: ripple 2s linear 1s infinite;
}

.circle.b-round {
    height: 230px;
    width: 230px;
    left: 50%;
}

.animation-circle-inverse i {
    background: rgba(233, 179, 14, 0.15);
    right: 0;
    -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11);
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11);
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 100%;
    opacity: 0.3;
    top: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation: ripple1 3s linear infinite;
    animation: ripple1 3s linear infinite;
}

.animation-circle-inverse i:nth-child(2) {
    -webkit-animation: ripple2 3s linear infinite;
    animation: ripple2 3s linear infinite;
}

.animation-circle-inverse i:nth-child(3) {
    -webkit-animation: ripple3 3s linear infinite;
    animation: ripple3 3s linear infinite;
}

.animated-section {
    overflow: hidden;
    position: relative;
}

.animated-section .animation-section {
    opacity: 0.3;
}

.animated-section .animation-section .round {
    width: 12px;
    height: 12px;
    background-color: transparent;
    border: 2px solid var(--theme-color);
    border-radius: 100%;
    position: absolute;
    -webkit-animation: myOrbit 9s linear infinite;
    animation: myOrbit 9s linear infinite;
}

.animated-section .animation-section .round.r-2 {
    width: 15px;
    height: 15px;
}

.animated-section .animation-section .round.r-y {
    border-color: #e8b10b;
}

.animated-section .animation-section .square {
    width: 12px;
    height: 12px;
    background-color: transparent;
    position: absolute;
    border: 2px solid var(--theme-color);
    -webkit-animation: animationFramesTwo 50s infinite linear;
    animation: animationFramesTwo 50s infinite linear;
}

.animated-section .animation-section .square.s-2 {
    width: 15px;
    height: 15px;
}

.animated-section .animation-section .cross {
    height: 12px;
    width: 12px;
    position: absolute;
    -webkit-animation: animationFramesTwo 50s infinite linear;
    animation: animationFramesTwo 50s infinite linear;
}

.animated-section .animation-section .cross:after,
.animated-section .animation-section .cross:before {
    position: absolute;
    content: " ";
    height: 12px;
    width: 2px;
    background-color: var(--theme-color);
}

.animated-section .animation-section .cross:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.animated-section .animation-section .cross:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.animated-section .animation-section .po-1 {
    top: 50%;
    left: 5%;
}

.animated-section .animation-section .po-2 {
    right: 5%;
    bottom: 7%;
}

.animated-section .animation-section .po-3 {
    top: 20%;
    right: 8%;
}

.animated-section .animation-section .po-4 {
    bottom: 5%;
    left: 30%;
}

.animated-section .animation-section .po-5 {
    right: 20%;
    top: 10%;
}

.animated-section .animation-section .po-6 {
    top: 2%;
    left: 47%;
}

.animated-section .animation-section .po-7 {
    right: 1%;
    top: 53%;
}

.animated-section .animation-section .po-8 {
    bottom: 1%;
    right: 27%;
}

.animated-section .animation-section .po-9 {
    top: 24%;
    right: 30%;
}

.animated-section .animation-section .po-10 {
    top: 5%;
    left: 15%;
}

.animated-section .animation-section .po-11 {
    bottom: 32%;
    left: 36%;
}

.animated-section .animation-section .po-12 {
    left: 2%;
    bottom: 10%;
}

position: relative;
}

position: absolute;
content: "";
background: url("../images/zig-zag-1.png");
bottom: 0;
width: 100%;
height: 5px;
}

position: absolute;
content: "";
background: url(../images/zig-zag-1.png);
top: 0;
width: 100%;
height: 5px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

margin-bottom: 20px;
min-height: unset;
}

padding-bottom: 15px;
margin-bottom: 0px;
}

display: none;
}

margin-bottom: 0;
}

position: absolute;
z-index: -1;
}

left: 19%;
}

left: 9%;
}

width: 90px;
}

width: 100px;
}

left: 7%;
}

width: 80px;
}

width: 100px;
}

.animation-bg {
    position: relative;
    z-index: 1;
}

.animation-bg:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    content: "";
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    -webkit-animation: gradient 15s ease infinite;
    animation: gradient 15s ease infinite;
    opacity: 0.6;
}

@-webkit-keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@-webkit-keyframes ani {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        text-shadow: 0em 0em 0 var(--theme-color);
        color: white;
    }
    30% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        text-shadow: 0em 0em 0 var(--theme-color);
        color: white;
    }
    70% {
        -webkit-transform: translate3d(0.08em, -0.08em, 0);
        transform: translate3d(0.08em, -0.08em, 0);
        text-shadow: -0.08em 0.08em var(--theme-color);
        color: white;
    }
    100% {
        -webkit-transform: translate3d(0.08em, -0.08em, 0);
        transform: translate3d(0.08em, -0.08em, 0);
        text-shadow: -0.08em 0.08em var(--theme-color);
        color: white;
    }
}

@keyframes ani {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        text-shadow: 0em 0em 0 var(--theme-color);
        color: white;
    }
    30% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        text-shadow: 0em 0em 0 var(--theme-color);
        color: white;
    }
    70% {
        -webkit-transform: translate3d(0.08em, -0.08em, 0);
        transform: translate3d(0.08em, -0.08em, 0);
        text-shadow: -0.08em 0.08em var(--theme-color);
        color: white;
    }
    100% {
        -webkit-transform: translate3d(0.08em, -0.08em, 0);
        transform: translate3d(0.08em, -0.08em, 0);
        text-shadow: -0.08em 0.08em var(--theme-color);
        color: white;
    }
}

@-webkit-keyframes ripple2 {
    0% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
    100% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
    }
}

@keyframes ripple2 {
    0% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
    100% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
    }
}

@-webkit-keyframes ripple3 {
    0% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
}

@keyframes ripple3 {
    0% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
}

@-webkit-keyframes ripple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    75% {
        -webkit-transform: scale(1.75);
        transform: scale(1.75);
        opacity: 0.4;
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}

@keyframes ripple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    75% {
        -webkit-transform: scale(1.75);
        transform: scale(1.75);
        opacity: 0.4;
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}

0% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
75% {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    opacity: 0.4;
}
100% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0;
}
}

0% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
75% {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    opacity: 0.4;
}
100% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0;
}
}

@-webkit-keyframes slide {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -1000px 0;
    }
}

@keyframes slide {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -1000px 0;
    }
}

@-webkit-keyframes myOrbit {
    from {
        -webkit-transform: rotate(0deg) translateX(10px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translateX(10px) rotate(-360deg);
    }
}

@-webkit-keyframes animationFramesTwo {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
        transform: translate(0px, 0px) rotate(0deg) scale(1);
    }
    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9);
        transform: translate(73px, -1px) rotate(36deg) scale(0.9);
    }
    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1);
        transform: translate(141px, 72px) rotate(72deg) scale(1);
    }
    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2);
        transform: translate(83px, 122px) rotate(108deg) scale(1.2);
    }
    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
        transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
    }
    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
        transform: translate(0px, 0px) rotate(0deg) scale(1);
    }
}

@keyframes animationFramesTwo {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
        transform: translate(0px, 0px) rotate(0deg) scale(1);
    }
    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9);
        transform: translate(73px, -1px) rotate(36deg) scale(0.9);
    }
    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1);
        transform: translate(141px, 72px) rotate(72deg) scale(1);
    }
    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2);
        transform: translate(83px, 122px) rotate(108deg) scale(1.2);
    }
    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
        transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
    }
    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
        transform: translate(0px, 0px) rotate(0deg) scale(1);
    }
}

@-webkit-keyframes mover {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

@keyframes mover {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

@-webkit-keyframes zoom_in {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes zoom_in {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes smoothScroll {
    0% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes smoothScroll {
    0% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

.bird {
    background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/174479/bird-cells.svg);
    background-size: auto 100%;
    width: 88px;
    height: 125px;
    will-change: background-position;
    -webkit-animation-name: fly-cycle;
    animation-name: fly-cycle;
    -webkit-animation-timing-function: steps(10);
    animation-timing-function: steps(10);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.bird--one {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.bird--two {
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-animation-delay: -0.75s;
    animation-delay: -0.75s;
}

.bird--three {
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
    -webkit-animation-delay: -0.25s;
    animation-delay: -0.25s;
}

.bird--four {
    -webkit-animation-duration: 1.1s;
    animation-duration: 1.1s;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.bird-container {
    position: absolute;
    top: 20%;
    left: -10%;
    -webkit-transform: scale(0) translateX(-10vw);
    transform: scale(0) translateX(-10vw);
    will-change: transform;
    -webkit-animation-name: fly-right-one;
    animation-name: fly-right-one;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.bird-container--one {
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.bird-container--two {
    -webkit-animation-duration: 16s;
    animation-duration: 16s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.bird-container--three {
    -webkit-animation-duration: 14.6s;
    animation-duration: 14.6s;
    -webkit-animation-delay: 9.5s;
    animation-delay: 9.5s;
}

.bird-container--four {
    -webkit-animation-duration: 16s;
    animation-duration: 16s;
    -webkit-animation-delay: 10.25s;
    animation-delay: 10.25s;
}

@-webkit-keyframes fly-cycle {
    100% {
        background-position: -900px 0;
    }
}

@keyframes fly-cycle {
    100% {
        background-position: -900px 0;
    }
}

@-webkit-keyframes fly-right-one {
    0% {
        -webkit-transform: scale(0.3) translateX(-10vw);
        transform: scale(0.3) translateX(-10vw);
    }
    10% {
        -webkit-transform: translateY(2vh) translateX(10vw) scale(0.4);
        transform: translateY(2vh) translateX(10vw) scale(0.4);
    }
    20% {
        -webkit-transform: translateY(0vh) translateX(30vw) scale(0.5);
        transform: translateY(0vh) translateX(30vw) scale(0.5);
    }
    30% {
        -webkit-transform: translateY(4vh) translateX(50vw) scale(0.6);
        transform: translateY(4vh) translateX(50vw) scale(0.6);
    }
    40% {
        -webkit-transform: translateY(2vh) translateX(70vw) scale(0.6);
        transform: translateY(2vh) translateX(70vw) scale(0.6);
    }
    50% {
        -webkit-transform: translateY(0vh) translateX(90vw) scale(0.6);
        transform: translateY(0vh) translateX(90vw) scale(0.6);
    }
    60% {
        -webkit-transform: translateY(0vh) translateX(110vw) scale(0.6);
        transform: translateY(0vh) translateX(110vw) scale(0.6);
    }
    100% {
        -webkit-transform: translateY(0vh) translateX(110vw) scale(0.6);
        transform: translateY(0vh) translateX(110vw) scale(0.6);
    }
}

@keyframes fly-right-one {
    0% {
        -webkit-transform: scale(0.3) translateX(-10vw);
        transform: scale(0.3) translateX(-10vw);
    }
    10% {
        -webkit-transform: translateY(2vh) translateX(10vw) scale(0.4);
        transform: translateY(2vh) translateX(10vw) scale(0.4);
    }
    20% {
        -webkit-transform: translateY(0vh) translateX(30vw) scale(0.5);
        transform: translateY(0vh) translateX(30vw) scale(0.5);
    }
    30% {
        -webkit-transform: translateY(4vh) translateX(50vw) scale(0.6);
        transform: translateY(4vh) translateX(50vw) scale(0.6);
    }
    40% {
        -webkit-transform: translateY(2vh) translateX(70vw) scale(0.6);
        transform: translateY(2vh) translateX(70vw) scale(0.6);
    }
    50% {
        -webkit-transform: translateY(0vh) translateX(90vw) scale(0.6);
        transform: translateY(0vh) translateX(90vw) scale(0.6);
    }
    60% {
        -webkit-transform: translateY(0vh) translateX(110vw) scale(0.6);
        transform: translateY(0vh) translateX(110vw) scale(0.6);
    }
    100% {
        -webkit-transform: translateY(0vh) translateX(110vw) scale(0.6);
        transform: translateY(0vh) translateX(110vw) scale(0.6);
    }
}

@-webkit-keyframes fly-right-two {
    0% {
        -webkit-transform: translateY(-2vh) translateX(-10vw) scale(0.5);
        transform: translateY(-2vh) translateX(-10vw) scale(0.5);
    }
    10% {
        -webkit-transform: translateY(0vh) translateX(10vw) scale(0.4);
        transform: translateY(0vh) translateX(10vw) scale(0.4);
    }
    20% {
        -webkit-transform: translateY(-4vh) translateX(30vw) scale(0.6);
        transform: translateY(-4vh) translateX(30vw) scale(0.6);
    }
    30% {
        -webkit-transform: translateY(1vh) translateX(50vw) scale(0.45);
        transform: translateY(1vh) translateX(50vw) scale(0.45);
    }
    40% {
        -webkit-transform: translateY(-2.5vh) translateX(70vw) scale(0.5);
        transform: translateY(-2.5vh) translateX(70vw) scale(0.5);
    }
    50% {
        -webkit-transform: translateY(0vh) translateX(90vw) scale(0.45);
        transform: translateY(0vh) translateX(90vw) scale(0.45);
    }
    51% {
        -webkit-transform: translateY(0vh) translateX(110vw) scale(0.45);
        transform: translateY(0vh) translateX(110vw) scale(0.45);
    }
    100% {
        -webkit-transform: translateY(0vh) translateX(110vw) scale(0.45);
        transform: translateY(0vh) translateX(110vw) scale(0.45);
    }
}

@keyframes fly-right-two {
    0% {
        -webkit-transform: translateY(-2vh) translateX(-10vw) scale(0.5);
        transform: translateY(-2vh) translateX(-10vw) scale(0.5);
    }
    10% {
        -webkit-transform: translateY(0vh) translateX(10vw) scale(0.4);
        transform: translateY(0vh) translateX(10vw) scale(0.4);
    }
    20% {
        -webkit-transform: translateY(-4vh) translateX(30vw) scale(0.6);
        transform: translateY(-4vh) translateX(30vw) scale(0.6);
    }
    30% {
        -webkit-transform: translateY(1vh) translateX(50vw) scale(0.45);
        transform: translateY(1vh) translateX(50vw) scale(0.45);
    }
    40% {
        -webkit-transform: translateY(-2.5vh) translateX(70vw) scale(0.5);
        transform: translateY(-2.5vh) translateX(70vw) scale(0.5);
    }
    50% {
        -webkit-transform: translateY(0vh) translateX(90vw) scale(0.45);
        transform: translateY(0vh) translateX(90vw) scale(0.45);
    }
    51% {
        -webkit-transform: translateY(0vh) translateX(110vw) scale(0.45);
        transform: translateY(0vh) translateX(110vw) scale(0.45);
    }
    100% {
        -webkit-transform: translateY(0vh) translateX(110vw) scale(0.45);
        transform: translateY(0vh) translateX(110vw) scale(0.45);
    }
}

width: calc(140px + (200 - 140) * ((100vw - 320px) / (1920 - 320)));
height: calc(70px + (100 - 70) * ((100vw - 320px) / (1920 - 320)));
background-size: 100%;
position: absolute;
bottom: -4px;
right: 0;
}

}

0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
}
20% {
    -webkit-transform: translate(-600px, -1px) rotate(0deg);
    transform: translate(-600px, -1px) rotate(0deg);
}
50% {
    -webkit-transform: translate(-650px, -2px) rotate(0deg);
    transform: translate(-650px, -2px) rotate(0deg);
}
58% {
    -webkit-transform: translate(-700px, -5px) rotate(10deg);
    transform: translate(-700px, -5px) rotate(10deg);
}
59% {
    -webkit-transform: translate(-710px, -10px) rotate(15deg);
    transform: translate(-710px, -10px) rotate(15deg);
}
60% {
    -webkit-transform: translate(-720px, -12px) rotate(20deg);
    transform: translate(-720px, -12px) rotate(20deg);
}
70% {
    -webkit-transform: translate(-800px, -50px) rotate(20deg);
    transform: translate(-800px, -50px) rotate(20deg);
}
80% {
    -webkit-transform: translate(-900px, -100px) rotate(20deg);
    transform: translate(-900px, -100px) rotate(20deg);
}
100% {
    -webkit-transform: translate(-2200px, -750px) rotate(20deg);
    transform: translate(-2200px, -750px) rotate(20deg);
}
}

0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
}
20% {
    -webkit-transform: translate(-600px, -1px) rotate(0deg);
    transform: translate(-600px, -1px) rotate(0deg);
}
50% {
    -webkit-transform: translate(-650px, -2px) rotate(0deg);
    transform: translate(-650px, -2px) rotate(0deg);
}
58% {
    -webkit-transform: translate(-700px, -5px) rotate(10deg);
    transform: translate(-700px, -5px) rotate(10deg);
}
59% {
    -webkit-transform: translate(-710px, -10px) rotate(15deg);
    transform: translate(-710px, -10px) rotate(15deg);
}
60% {
    -webkit-transform: translate(-720px, -12px) rotate(20deg);
    transform: translate(-720px, -12px) rotate(20deg);
}
70% {
    -webkit-transform: translate(-800px, -50px) rotate(20deg);
    transform: translate(-800px, -50px) rotate(20deg);
}
80% {
    -webkit-transform: translate(-900px, -100px) rotate(20deg);
    transform: translate(-900px, -100px) rotate(20deg);
}
100% {
    -webkit-transform: translate(-2200px, -750px) rotate(20deg);
    transform: translate(-2200px, -750px) rotate(20deg);
}
}

.plane-animation {
    -webkit-animation-name: plane-animation;
    animation-name: plane-animation;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@-webkit-keyframes plane-animation {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
}

@keyframes plane-animation {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
}

/*=====================
28. Theme setting css
==========================*/

.theme-setting {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    right: -52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 10;
}

.theme-setting .dark,
.theme-setting .rtl {
    margin-left: 5px;
    margin-right: 5px;
}

.theme-setting .rtl .tgl-skewed:checked+.tgl-btn {
    background: #dcdcdc;
}

.theme-setting .tgl {
    display: none;
}

.theme-setting .tgl+.tgl-btn {
    outline: 0;
    display: block;
    width: 4em;
    height: 2em;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.theme-setting .tgl+.tgl-btn:before {
    display: none;
}

.theme-setting .tgl+.tgl-btn:after {
    left: 0;
}

.theme-setting .tgl+.tgl-btn:after,
.theme-setting .tgl+.tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
}

.theme-setting .tgl:checked+.tgl-btn:after {
    left: 50%;
}

.theme-setting .tgl-skewed+.tgl-btn {
    overflow: hidden;
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    font-family: sans-serif;
    background-color: #424242;
    outline: 0;
    display: block;
    width: 4em;
    height: 2em;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.theme-setting .tgl-skewed+.tgl-btn:after,
.theme-setting .tgl-skewed+.tgl-btn:before {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
    display: inline-block;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 100%;
    text-align: center;
    position: absolute;
    line-height: 2em;
    font-weight: bold;
    color: #000;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

.theme-setting .tgl-skewed+.tgl-btn:after {
    left: 100%;
    content: attr(data-tg-on);
}

.theme-setting .tgl-skewed+.tgl-btn:before {
    left: 0;
    color: white;
    content: attr(data-tg-off);
}

.theme-setting .tgl-skewed+.tgl-btn:active {
    background: #888;
}

.theme-setting .tgl-skewed+.tgl-btn:active:before {
    left: -10%;
}

.theme-setting .tgl-skewed:checked+.tgl-btn {
    background: var(--theme-color);
    fff;
}

.theme-setting .tgl-skewed:checked+.tgl-btn:before {
    left: -100%;
}

.theme-setting .tgl-skewed:checked+.tgl-btn:after {
    left: 0;
}

.theme-setting .tgl-skewed:checked+.tgl-btn:active:after {
    left: 10%;
}

.theme-setting.back {
    z-index: 1;
}

.theme-setting.one-setting {
    right: -20px;
}

/*=====================
    29.Menu css start
==========================*/

/*header {
    z-index: 3;
}*/

header .main-navbar {
    text-align: center;
}

header .main-navbar .nav-menu {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: normal;
    direction: ltr;
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

header .main-navbar .nav-menu>li {
    position: relative;
    float: left;
    display: block;
    margin-right: 25px;
    padding-top: 30px;
    padding-bottom: 30px;
}


header .main-navbar .nav-menu>li>a {
    display: block;
    color: white;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    text-decoration: none;
    padding: 2px 10px;
    letter-spacing: 0.07em;
    position: relative;
    border-radius: 4px;
}

header .main-navbar .nav-menu>li .nav-submenu {
    position: absolute;
    left: 0;
    z-index: 4;
    -webkit-box-shadow: 0 1px 5px 0 rgba(90, 90, 90, 0.2);
    box-shadow: 0 1px 5px 0 rgba(90, 90, 90, 0.2);
    padding: 0;
    background: white;
    border-top: 2px solid var(--theme-color);
}

header .main-navbar .nav-menu>li .nav-submenu li {
    border: 0;
    float: none;
    position: relative;
    display: block;
    padding: 5px 0;
}

header .main-navbar .nav-menu>li .nav-submenu li a {
    border: 0 !important;
    background: transparent;
    color: #222222;
    border-radius: 0 !important;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 2px 25px;
    display: block;
    letter-spacing: 0.07em;
    /*              line-height: 1.9;*/
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-family: var(--heading-font);
    position: relative;
}
header nav{
    padding: 0;
}


.header-section .menu_info {
  display: flex;
  align-items: center;
}
.header-section .menu_info .call_info span {
  color: var(--theme-color);
}
.header-section .menu_info .call_info a {
  color: var(--theme-color);
}
.header-section .menu_info .call_info a:hover {
  color: var(--theme-color);
}
.header-section .menu_info .call_ico {
  width: 50px;
  height: 50px;
  line-height: 48px;
  text-align: center;
  border-radius: 50%;
  border: 2px solid var(--theme-color);
  font-size: 18px;
  color: var(--theme-color);
  margin-right: 10px;
}
.header-section .side-bars i {
  font-size: 30px;
  cursor: pointer;
  display: inline-block;
}

.header-one__info {
  justify-content: end;
  flex-wrap: nowrap;
  width: 230px;
  display: flex;
  position: relative;
  z-index: 1;
  right: -30px;
}
.header-one__info .menu_info {
  padding: 20px 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0px;
  background-color: var(--second-color);
}

.header-one__info .menu-btn {
  margin-right: 30px;
  display: flex;
  align-items: center;
}

.brand-logo{
    position: relative;
    z-index: 11;
    left: 0;
}
.header-one__info .menu-btn {
  margin-right: 10px;
}
.header-one__info .menu-btn a,
.header-one__info .menu-btn span {
  color: var(--theme-color);
  font-size: 16px;
  font-weight: 600;
}
.header-one__info .menu_info a,
.header-one__info .menu_info span {
  color: var(--theme-color);
  font-size: 16px;
  font-weight: 600;
}

header .main-navbar .nav-menu>li .nav-submenu li a.menu-title:after {
    position: absolute;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    right: 18px;
    opacity: 1;
}

header .main-navbar .nav-menu>li .nav-submenu li a.arrow-cls:after {
    opacity: 0.8;
}

header .main-navbar .nav-menu>li .nav-submenu li a:hover {
    margin-left: 3px;
    color: var(--theme-color);
}

header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu {
    position: absolute;
    width: 200px;
    right: -200px;
    top: 0;
    background: var(--theme-color);
    ;
    border: none;
    padding: 15px 0 15px 0;
    -webkit-box-shadow: 0 0 1px 0 #ebebeb;
    box-shadow: 0 0 1px 0 #ebebeb;
}

header .main-navbar .nav-menu>li .mega-menu-container {
    position: absolute;
    left: 0;
    z-index: 4;
    -webkit-box-shadow: 0 1px 5px 0 rgba(90, 90, 90, 0.2);
    box-shadow: 0 1px 5px 0 rgba(90, 90, 90, 0.2);
    padding: 30px;
    background: white;
    width: 100%;
    border-radius: 4px;
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box {
    width: 20%;
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-title h5 {
    font-weight: 800;
    text-transform: capitalize;
    font-size: 14px;
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    position: relative;
    display: block;
    padding: 0;
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li {
    border: 0;
    float: none;
    position: relative;
    display: block;
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
    border: 0 !important;
    background: transparent;
    color: #222222;
    border-radius: 0 !important;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 3px 0;
    display: block;
    letter-spacing: 0.07em;
    line-height: 1.9;
    position: relative;
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
    margin-left: 4px;
    color: var(--theme-color);
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li.highlight-link {
    position: relative;
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li.highlight-link i {
    color: var(--theme-color);
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section+.link-section {
    margin-top: 15px;
}

header .main-navbar .nav-menu>li:hover>a:after {
    left: 0;
    right: 0;
    opacity: 1;
}

header .main-navbar .nav-menu>li.mega-menu {
    position: unset;
}

header.white-active .main-navbar .nav-menu>li .nav-link.active {
    background-color: white;
    color: #ef3f3e;
}

header.overlay-white {
    background-color: rgba(255, 255, 255, 0.08);
}

.toggle-nav {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.toggle-nav i {
    font-size: 24px;
    color: white;
}

.mega-box .link-section .demo ul li a {
    position: relative;
}

.mega-box .link-section .demo ul li a:hover,
.mega-box .link-section .demo ul li a:focus {
    padding-top: 3px;
    padding-bottom: 3px;
}

.mega-box .link-section .demo .new {
    position: absolute;
    top: -8px;
    right: 0;
    color: white;
    background-color: var(--theme-color);
    padding: 2px 7px;
    text-transform: uppercase;
    font-size: 9px;
    line-height: 1.3;
}

.mega-box .link-section .demo .title {
    border-bottom: 2px solid red !important;
}

@media (min-width: 1200px) {
    .responsive-btn {
        display: none;
    }
    header .main-navbar .nav-menu>li .nav-submenu {
        width: 240px;
        opacity: 0;
        visibility: hidden;
        border-radius: 5px;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        max-height: 370px;
        overflow: auto;
    }
    header .main-navbar .nav-menu>li .nav-submenu a .sub-arrow {
        position: absolute;
        right: 20px;
        top: 7px;
        color: rgba(0, 0, 0, 0.75);
        font-size: 10px;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    header .main-navbar .nav-menu>li .nav-submenu li .level1 {
        display: none;
        border-radius: 4px;
    }
    header .main-navbar .nav-menu>li .nav-submenu li .level1 li .level2 {
        display: none;
    }
    header .main-navbar .nav-menu>li .nav-submenu li .level1 li .level2 li .level3 {
        display: none;
    }
    header .main-navbar .nav-menu>li .nav-submenu li .level1 li .level2 li:hover .level3 {
        display: block;
    }
    header .main-navbar .nav-menu>li .nav-submenu li .level1 li:hover .level2 {
        display: block;
    }
    header .main-navbar .nav-menu>li .nav-submenu li:hover .level1 {
        display: block;
    }
    header .main-navbar .nav-menu>li .nav-submenu li a:hover .sub-arrow {
        right: 16px;
        color: #222222;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    header .main-navbar .nav-menu>li .mega-menu-container {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    header .main-navbar .nav-menu>li:hover .nav-submenu {
        opacity: 1;
        visibility: visible;
        /*    margin-top: 30px;*/
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    header .main-navbar .nav-menu>li:hover .mega-menu-container {
        opacity: 1;
        visibility: visible;
        margin-top: 30px;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    .toggle-nav {
        display: none;
    }
    .mobile-back {
        display: none !important;
    }
}

@media (max-width: 1460px) {
    header .main-navbar .nav-menu>li {
        margin-right: 8px;
    }
}

@media (max-width: 1199px) {
    header .main-navbar .nav-menu {
        position: fixed;
        background-color: var(--theme-color);
        ;
        width: 300px;
        border-radius: 0;
        border: 1px solid #eee;
        top: 0;
        height: 100vh;
        right: -300px;
        z-index: 99;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        overflow: scroll;
    }
    header .main-navbar .nav-menu.opennav {
        right: 0;
    }
    header .main-navbar .nav-menu .back-btn {
        display: block;
        width: 100%;
        padding: 0;
    }
    header .main-navbar .nav-menu .back-btn .mobile-back {
        padding: 20px;
        font-size: 18px;
        color: #222222;
        font-weight: 700;
        text-transform: uppercase;
        border-bottom: 1px solid #efefef;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    header .main-navbar .nav-menu>li {
        display: block;
        float: none;
        width: 100%;
        padding: 0;
    }
    header .main-navbar .nav-menu>li a {
        padding: 10px 15px;
        font-size: 16px;
        font-weight: 700;
        position: relative;
        color: #222222;
    }
    header .main-navbar .nav-menu>li a .sub-arrow {
        right: 20px;
        position: absolute;
    }
    header .main-navbar .nav-menu>li a .sub-arrow:before {
        content: "+";
        font-family: inherit;
        position: relative;
    }
    header .main-navbar .nav-menu>li .nav-submenu {
        width: 100%;
        padding: 0;
        position: relative;
        display: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    header .main-navbar .nav-menu>li .nav-submenu.opensubmenu {
        display: block;
    }
    header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu {
        display: none;
        position: relative;
        right: 0;
        width: 100%;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu.submenu-content.level2 li a {
        padding: 0 60px;
    }
    header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu.submenu-content.level2 .level3 li a {
        padding: 0 70px;
    }
    header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu.opensubchild {
        display: block;
    }
    header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu li a {
        padding: 0 45px;
    }
    header .main-navbar .nav-menu>li .nav-submenu li a:after {
        display: none;
    }
    header .main-navbar .nav-menu>li .nav-submenu li a:hover {
        margin-left: 0;
    }
    header .main-navbar .nav-menu>li .nav-submenu li a:hover:after {
        display: none;
    }
    header .main-navbar .nav-menu>li .mega-menu-container {
        display: none;
        padding: 0;
    }
    header .main-navbar .nav-menu>li .mega-menu-container.opensubmenu {
        display: block;
    }
    header .main-navbar .nav-menu>li .mega-menu-container .mega-box {
        width: 100%;
        padding: 0;
    }
    header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-title {
        position: relative;
    }
    header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-title h5 {
        margin-bottom: 0;
        font-weight: 600;
        line-height: 1.9;
        padding: 2px 25px;
    }
    header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-title .according-menu {
        top: 4px;
    }
    header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content {
        display: none;
    }
    header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu {
        display: block;
        padding: 0 45px;
    }
    header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
        line-height: 1.9;
    }
    header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
        margin-left: 0;
    }
    header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover:after {
        display: none;
    }
    header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section+.link-section {
        margin-top: 0;
    }
    header .main-navbar .nav-menu>li .nav-link.active {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #222222;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    header .main-navbar .nav-menu>li .nav-link.active:hover {
        color: var(--theme-color);
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    header .menu nav {
        margin-left: auto;
        margin-right: 30px;
    }
    .mega-box .link-section .demo ul li a span img {
        top: 30px;
        right: -60px;
    }
    .mega-box.col {
        -ms-flex-preferred-size: unset;
        flex-basis: unset;
    }
    .according-menu {
        position: absolute;
        right: 20px;
    }
    .main-menu.border-section {
        border: none;
    }
    .main-menu .menu-left .main-menu-right .toggle-nav {
        position: absolute;
        z-index: 2;
        right: 145px;
        top: 6px;
    }
    .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name {
        font-size: 18px;
        padding-left: 5px;
        text-transform: uppercase;
    }
}

@media (max-width: 767px) {
    .toggle-nav {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}


/*float  buttons*/
.fixed__btns{
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #fff;
  width: 100%;
  height: 50px;
  z-index: 99;
  padding: 0;
  gap: 0;
  overflow: hidden;
  flex-wrap: wrap;
  display: flex;
  border-radius: 18px 18px 0 0;
}
.float{
    position: relative;
    width: 35px;
    height: 100%;
    color: #FFF;
    border-radius: 0;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 35px;
    img{
      width: 27px;
      margin-right: 5px;
  }
  span{
    font-weight: 600;
}
}
.float_whatsapp{
    background-color: #25D366;
}
.float-popup{
    background-color: var(--theme-color);
    color: #fff;
}
.float:hover{
  color: #000;
}
.float-call{
  background-color: #1F8FFF;
  font-size: 15px;
  font-weight: 100 !important;
}
.float-mail{
  background-color: var(--second-color);
  font-size: 15px;
  font-weight: 100 !important;
}

.my-float{
  margin-top:5px;
  color: #25d366;
}
.my-call{
  margin-top:5px;
}
@media(min-width:768px){
    .float_whatsapp{
        position: fixed;
        right: 20px;
        bottom: 20px;
        width: 175px !important;
        height: 40px;
        border-radius: 10px;
        animation: float 1s ease-in-out infinite;
    }
    .fixed__btns{
        background-color: transparent;
        height: 0;
    }
}
@keyframes float {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px); /* Moves up */
    }
    100% {
        transform: translateY(0);
    }
}

.phone_res-float-btn {
  width: 100%;
  display: flex;
  position: fixed;
  bottom: 0 !important;
  z-index: 111;
}
.phone_res-float-btn a{
  width: 50% !important;
  border-radius: 0;
  padding: 10px 0;
  text-align: center;
  background-color: #fff;
  border: 1px solid #bababa;
  font-size: 17px;
  display: flex;
  justify-content: center;
  gap: 4px;
  font-weight: 600;
  color: #000;
}
.phone_res-float-btn .button__1{
  position: relative;
  left: 0 !important;
  border-top-left-radius: 20px;
}
.phone_res-float-btn .button__2{
  position: relative;
  border-top-right-radius: 20px;
  right: 0 !important;
}
.phone_res-float-btn img{
  width: 25px;
  height: 25px;
}
.terms-content h3 {
    font-weight: 600;
    font-size: 30px;
}

.terms-list li {
    list-style: auto !important;
    display: block !important;
}

.sidebar-item {
    margin-bottom: 30px;
    padding: 20px;
    box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.08);
}

.sidebar-item>h3 {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 600;
    position: relative;
    padding-bottom: 10px;
    color: #000;
    border-bottom: 2px solid var(--theme-color);
}

.title-1 h4,
.title-1 h3 {
    font-weight: 600;
    font-size: 30px;
    position: relative;
    margin-bottom: 45px;
}

.title-1 h4:before,
.title-1 h3:before {
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 60px;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    content: "";
    background-color: var(--theme-color);
}



.sidebar-category {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}

.sidebar-category li {
    list-style: none;
    margin-bottom: 1px;
    width: 100%;
}

.sidebar-category li .active {
    background: var(--theme-color);
    color: #FFF;
}

.sidebar-category li a {
    background: #ffffff none repeat scroll 0 0;
    color: #000;
    display: block;
    font-size: 13px;
    font-weight: 500;
    padding: 12px 20px;
    text-transform: capitalize;
    box-shadow: 0px 6px 30px rgba(7, 36, 95, 0.08);
    border-radius: 6px;
}
.sidebar-category li a:hover {
    background: var(--theme-color);
    color: #fff;
}
.sidebar-category li a:after{
    content: "\f061";
    font-family: FontAwesome;
    float: right;
}
.spad {
    padding-top: 100px;
    padding-bottom: 100px;
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.breadcrumb__text {
    text-align: center;
}

.breadcrumb__links {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 15px 25px;
    border-bottom: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    text-align: center;
}

.breadcrumb__links a {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-right: 26px;
    display: inline-block;
    position: relative;
}
.breadcrumb__links span {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-right: 26px;
    display: inline-block;
    position: relative;
}

.breadcrumb__links a::after {
    position: absolute;
    right: -18px;
    top: 0px;
    font-family: FontAwesome;
    content: "";
    font-size: 20px;
    font-weight: 400;
}

.breadcrumb__links span:last-child {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-right: 26px;
    display: inline-block;
    position: relative;
}

.breadcrumb__links span {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    margin-right: 26px;
    position: relative;
}

.breadcrumb__text h2 {
    color: #fff;
    font-size: 46px;
    font-weight: 700;
}

/*.animated{
      animation-fill-mode: inherit!important;
}*/

/*about section*/

.tm-element-heading-content-wrapper .tm-element-subhead {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1.0px;
    color: var(--theme-color);
}

.tm-element-heading-content-wrapper .tm-element-subhead {
    margin-bottom: 7px;
    position: relative;
    display: inline-block;
}

.tm-element-content-heading {
    font-weight: 600;
    font-size: 44px;
    line-height: 56px;
    color: var(--theme-color);
}

.tm-element-content-desctxt {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #000;
    text-align: justify;
}

.about-section ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.about-section li {
    list-style-type: none;
    height: auto;
    border-radius: 8px;
    display: flex;
    gap: 20px;;
    padding: 20px;
}
.about-section .about-icon{
    background-color: #ffffff;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08);
}
.about-section .about-icon img {
    width: 34px;
    height: 34px;
}
.about-li .title{
    font-size: 20px;
    margin-bottom: 10px;
    color: #000;
}
.about-section .about-img{
    overflow: hidden;
}
.about-section img{
    transition: 0.3s linear;
}
/*.about-section img:hover {
    transform: scale(1.1);
}*/

.about-us-image-wrapper-1 {
    height: 510px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 661px;
}
.about-us-image-wrapper-1 img{
    width: 100%;
}
.about-us-image-wrapper-1 .image-wrapper.style-1 {
    width: 200px;
    height: 200px;
    bottom: inherit;
    top: 50%;
    margin-left: 66px;
}
.about-us-image-wrapper-1 .image-wrapper {
    position: absolute;
    border-radius: 100%;
    border: 3px solid #ffffff;
    overflow: hidden;
}
.about-us-img img{

    width: 100%;
    height: 600px;
    object-fit: cover;
    border-radius: 7px 7px 7px 7px;
}
.about-us-image-wrapper-1 .image-wrapper.style-2 {
    width: 180px;
    height: 180px;
    bottom: 0;
    margin-right: 0px;
    right: 0;
    animation: flipInX 2s linear infinite alternate;
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
.about-us-image-wrapper-1 .image-wrapper.style-3 {
    width: 280px;
    margin: 0;
    top: 0;
    right: 0;
    height: 280px;
}




.List-items li:not(:last-child) {
    padding-bottom: calc(11px/2);
}

.List-items li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: inherit;
    display: block;
}

.List-items i {
    color: var(--theme-color);
    width: 1.25em;
    font-size: 14px;
}

.List-items span {
    color: var(--theme-color);
    padding-left: 8px;
}

.main-box {
    background-color: #ffffff !important;
    border-radius: 6px;
    border-style: solid;
    border-width: 0px 0px 5px 0px;
    border-color: var(--theme-color);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 0px 0px 0px 6px;
    --e-column-margin-right: 0px;
    --e-column-margin-left: 6px;
    padding: 35px 35px 13px 36px;
}

.main-box .box-icon img {
    width: 75px;
}
/*OUR GALLERY*/
#our_gallery{
  position: relative;
}
.bgimage{
  background-color: var(--theme-color) !important;
  background-image: url('../images/bgimg.png');
  background-size: contain;
  background-position: center center;
  position: absolute;
  height: 510px;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: -1;
  margin-bottom: 10px;
}
/*OUR DESTINATION*/

.booking-one__single {
    margin-bottom: 30px;
    -webkit-transition: all .35s;
    transition: all .35s;
    border-radius: 10px
}

.booking-one__image {
    position: relative;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    min-height: 90px;
    background: #ccc
}
.booking-one__image img{
    height: 250px;
}
.booking-one__content {
    padding: 10px 30px 0;
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.1);
    box-shadow: 0 10px 20px rgba(0,0,0,.1);
    border-top: none;
    border-radius: 0 0 10px 10px;
    background: #fff;
    position: relative;
    margin-top: -16px;
    text-align:center;
}

@media (max-width: 1024px) {
    .booking-one__content {
        padding:10px 20px 0
    }
}

.booking-one__content:after {
    content: '';
    width: 100%;
    height: 20px;
    border-radius: 20px 20px 0 0;
    position: absolute;
    bottom: 100%;
    left: 0;
    z-index: 9;
    background: #fff;
    margin-bottom: -1px
}

.booking-one__content-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.booking-one__content-top .booking__rating {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 66px);
    flex: 0 0 calc(100% - 66px)
}

.booking-one__media {
    background: #fff;
    padding: 7px 18px 5px;
    position: absolute;
    top: -35px;
    right: 30px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.1);
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.1);
    border-radius: 8px;
    z-index: 11;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66px;
    flex: 0 0 66px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.booking-one__title {
    font-size: 20px;
    margin: 10px 0 10px;
    font-weight: 600
}

.booking-one__address {
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 400
}

.booking-one__address i {
    margin-right: 10px;
    color: var(--e-global-color-primary)
}

.booking-one__price .item_info_price_new {
    color: var(--e-global-color-secondary)
}

.booking-one__meta {
    margin-top: 20px;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    border-top: 1px solid #e2dfeb
}

.booking-one__item-meta i {
    margin-right: 4px;
    font-size: 20px;
    position: relative;
    top: 2px;
    color: var(--e-global-color-primary)
}

.booking-one__meta-left>span:not(:last-child) {
    margin-right: 18px
}

.booking-one__meta-right a {
    display: inline-block;
    position: relative;
    padding-right: 20px
}

.booking-one__meta-right a:after {
    content: '\f061';
    font-family: 'Line Awesome Free';
    position: absolute;
    top: 8px;
    right: 0;
    font-size: 14px;
    z-index: 1;
    line-height: 1;
    font-weight: 900
}

.rating span {
    color: #ffbc00;
    display: inline;
    font-size: 14px;
}

/*DESTINATION*/
.single_package {
    margin: 0 15px 20px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.07);
    border-radius: 4px;
}

.package-hover {

}
.single_package .package-hover {
    padding: 30px;
}
.package-hover p{
    margin-bottom: 20px;
}
.package-hover i{
    color: #fec42d;
}
.time_zone{
}
.team .position-center-center {
    width: 100%;
    padding: 0 20px;
}
.single_package img{
    width: 100%;
    position: relative;
    height:200px;
}
.pack_price{
    font-weight: 700;
    color: #f05942;
}
.single_package h5 {
    font-size: 18px;
    margin-bottom: 5px;
    text-transform: capitalize;
    font-weight: 700;
    
}
.single_package .rating{
    margin-bottom: 3px;
}
.single_package .time_zone {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    text-transform: capitalize;
    width: 100%;
    color: #333;
    margin-bottom: 12px;
}
.single_package .time_zone i{
    color: #f05942;
}
.package-name {
    font-size: 16px;
    font-weight: 700;
    padding: 25px 20px;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out 0s;
    width: 100%;
}
.pack_image{
    position: relative;
    transition: .5s;
    overflow: hidden;
}
.pack_image:before,
.single_gallery:before,
.blog_image:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%);
    opacity: 0;
    transition: .5s;
}
.gallery_enlarge_icon,
.pack_image .btn-bg{
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: .5s;    
}
.pack_image .btn-bg{
    color: #fff;
    font-size: 13px;
    background: #f05942;
    border-radius: 30px;
    padding: 5px 20px;
}

.single_package:hover .btn-bg,
.single_gallery:hover .gallery_enlarge_icon{
    opacity: 1;
}
.single-deal figure p a:hover,
.single-deal figure p a:focus
{
    background: #e1330b;
    color: #fff;
}
.single_package:hover .pack_image:before,
.single_gallery:hover:before {
    opacity: 1;
}
#package-slider .owl-controls{
    margin-top: 15px;
}
#package-slider .owl-dots .owl-dot span{
    color: #333;
    width: 12px;
    height: 12px;
    opacity: 1;
}
#package-slider .owl-dots .owl-dot.active span{
    background-color: #f05942;
}

.spacer {
    border: 0;
    border-bottom: 1px solid rgba(11, 22, 63, 0.07);
}
.card-feature-box {
    justify-content: space-between;
}
.card-feature-box .icon-box {
    font-size: 14px;
    font-weight: 500;
    color: #000;
}
.card-feature-box .icon-box span {
    line-height: 0;
}
.card-feature-box .icon-box i{
    color: var(--theme-color);
}
.zoom-gallery .gallery_img {
    position: relative;
    overflow: hidden;
}
.zoom-gallery .gallery_img:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
/*========form booking index==========*/

.form_section{
    position: relative;
    background: #fff;
    border: 1px solid #d1d1d1;
    padding: 10px 20px;
    box-shadow: 0 4px 50px rgba(255, 255, 255, .3);
    border: none;
    z-index: 1;
    background: #fff;
    padding: 20px 30px;
    border-radius: 15px;
    border: 4px solid var(--theme-color);

}
.form_section .btn-theme{
    font-size: 18px;
    padding: 7px 14px;
}
.form_section::before {
    left: -15px;
    height: 85%;
    width: 15px;
    bottom: 0;
    border-radius: 8px 0 0 0;
}
/*.form_section::before, .form_section::after {
    content: "";
    position: absolute;
    background-color: rgba(216, 221, 225, 0.4);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}*/
.form_section::after {
    left: -15px;
    width: 85%;
    height: 15px;
    bottom: -15px;
    border-radius: 0 0 8px 0;
}

.form-title{
    text-align: center;
    color: #222;
    font-weight: 700;
    padding:12px 0 15px;
    margin-bottom: 0;
    position: relative;
    margin-bottom: 10px;
    z-index: 1;
    font-family: var(--body-font);
    font-size: 25px;
    svg{
        width: 70px;
        height: auto;
        transform: rotate(22deg);
    }
}

.form_section .form-group label {
    text-transform: capitalize;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 15px;
    color: #000;
    display: none;
}
.form_section .form-heading{
    background-color: var(--theme-color);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.form_section .form-control{
    padding: 12px;
    border-radius: 8px !important;
    color: #FFF;
    background-color: var(--theme-color);
    height: 50px;
    transition: 0.3s;
    border: 2px solid #fff;
}
.form_section .form-control:focus{
    box-shadow: none;
    background-color: #fff;
    color: #222;
    border: 2px dashed var(--theme-color);
}

.form_section .form-group i, .form_section .input-group i {
    position: absolute;  
    right: 18px;
    top: 50% !important;
    transform: translateY(-50%);
    padding: 4px;
    text-align: center;
    z-index: 1;
    line-height: 38px;
    background-color: #Fff;
    color: var(--theme-color);
    border-radius: 50% !important;
    font-size: 15px;
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.form_section.hghghhghg .form-group i, .form_section.hghghhghg .form_section .input-group i{
    transform: none;
}
.form_section.hghghhghg label{
    color: #fff;
}
.form_section .input-group{
    margin-bottom: 10px;
}
.form_section .input-group .form-control{
    border-radius: 8px !important;
}
.date-picker-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}
.date-picker-wrapper input[type="date"],
.date-picker-wrapper input[type="time"] {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    color: var(--theme-color);
    background-color: #fff;
    border: 1px solid var(--theme-color);
    border-radius: 5px;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.date-picker-wrapper input:focus {
    border-color: var(--theme-color);
    box-shadow: 0 0 5px var(--theme-color);
}
.date-picker-wrapper input::placeholder {
    color: var(--theme-color);
}
.date-picker-wrapper input::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.date-picker-wrapper::after {
    content: "\1F4C5";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--theme-color);
    pointer-events: none;
}


.form-btn{
    width: 48%;
    margin: 0px 26%;
    border-radius: 30px;
}

.input-group>.form-control:focus, .input-group>.form-select:focus{
    z-index: 0;
    box-shadow: none;
}
.form_section .input-group-text{
    padding: 7px;
    background-color: var(--theme-color);
    border: none;
}
.form_section .input-group-text i{
    font-size: 20px;
    color: #fff;
}

.homesection{
    background: var(--theme-color);
}


/* Ensure the inputs are styled consistently */

.sky {
    height: 550px;
    width: 100%;
    background-image: url('../images/sky.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}

.highway {
    height: 200px;
    width: 1000%;
    display: block;
    background-image: url('../images/highway.jpg');
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-repeat: repeat;
    animation: highway 5s linear infinite;
}

@keyframes highway {
    100% {
      transform: translateX(-3000px);
  }
}

.city {
    height: 250px;
    width: 500%;
    background-image: url('../images/city.png');
    position: absolute;
    left: 0;
    right: 0;
    bottom: 200px;
    display: block;
    z-index: 1;
    background-repeat: repeat;
    animation: city 20s linear infinite;
}

@keyframes city {
    100% {
      transform: translateX(-1500px);
  }
}

.car_img {
    width: 400px;
    left: 50%;
    bottom: 100px;
    transform: translateX(-50%);
    position: absolute;
    z-index: 2;
}

.car_img img {
    width: 100%;
    animation: car 1s linear infinite;
}

@keyframes car {
    0% {
      transform: translateY(-4px);
  }

  50% {
      transform: translateY(0px);
  }

  100% {
      transform: translateY(-4px);
  }
}

.wheel {
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    bottom: 185px;
    z-index: 2;
}

.wheel img {
    width: 72px;
    height: 72px;
    animation: wheel 1s linear infinite;
}

@keyframes wheel {
    100% {
      transform: rotate(360deg);
  }
}

.frontwheel {
    position: absolute;
    left: 80px;
}

.backwheel {
    position: absolute;
    left: -165px;
}

.cars {
    padding: 10px;
    border: 1px solid #333333;
    box-shadow: 5px 5px #888888;
    margin-bottom: 25px;
    min-height: 411px;
    line-height: 30px;
}
.car-price p span {
    font-size: 36px;
    font-weight: 700;
}

.car-content p {
    margin-bottom: 10px;
}
.car-content p:last-child {
    padding: 10px;
    background-color: var(--theme-color);
    font-size: 15px;
    font-weight: 600;
    color: #fff;
}

/*    phone toggle bar*/
.overlay_bg #myNav{
    border-right: 2px solid var(--theme-color);
}
#myNav{
    position: relative;
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
}
.overlay_bg{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgb(0 0 0 / 70%);
    z-index: 10;
    transition: 0.5s linear;
}

.overlay-content {
  position: relative;
  left: 0;
  width: 100%;
}

#myNav .overlay-content a {
  padding: 15px;
  text-decoration: none;
  font-size: 20px;
  color: #000;
  display: block;
  transition: 0.3s;
  border-bottom: 1px solid #fff;
}
#myNav .overlay-content .dropdown-menu {
  background-color: var(--theme-color);
}
#myNav .overlay-content .dropdown-menu a{
  border: none;
}
#myNav .overlay-content .dropdown-toggle::after {
  float: right;
  margin-top: 10px;
}

#myNav a:hover, .overlay a:focus {
  color: var(--theme-color);
}

#myNav .closebtn {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 35px;
  color: #fff;
  z-index: 1;
  background: red;
  padding-left: 3px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
}
.toggle-icon{
    font-size: 30px;
    cursor: pointer;
    position: absolute;
    z-index: 11;
    top: 44px;
    right: 15px;
    color: var(--theme-color);
    background: #fff;
    padding: 1px 10px;
    border-radius: 5px;
}
.overlay-content .phone-site-logo{
  font-size: 30px;
  font-weight: 500;
  background: var(--theme-color);
  padding: 25px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: start;
  gap: 10px;
}
.overlay-content .phone-site-logo img{
    width: 100px;
    background-color: #fff;
    border-radius: 6px;
}
#myNav .overlay-content .dropdown ul{
    padding-left: 12px;
}
#myNav .overlay-content .dropdown ul a{
    font-size: 14px;
    padding: 5px 10px;
    border-bottom: 1px solid #d9d9d9;
}
@media only screen and (max-width: 600px) {
  .brand-logo a h3{
    font-size: 26px;
}
}
@media screen and (max-height: 450px) {
  ##myNav a {font-size: 20px}
  #myNav .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
}
}
/*    phone toggle bar*/

/*our destination*/
.packages-section {
    position: relative;
    background: #fafaee;
}
.packages-section .bg-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: repeat;
    background-position: left top;
}
.package-block .inner-box {
    position: relative;
    display: block;
    background: #ffffff;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
}
.package-block .image-box {
    position: relative;
}
.package-block .image-box .image {
    position: relative;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}
.package-block .image-box .image img {
    position: relative;
    width: 100%;
    height: 210px;
    border-radius: 10px 10px 0 0;
    transition: all 0.5s ease;
}
.package-block .lower-box {
    position: relative;
    display: block;
    padding: 10px;
}
.package-block .lower-box .p-icon {
    position: absolute;
    top: -36px;
    right: 30px;
    width: 72px;
    height: 72px;
    z-index: 5;
}
.package-block .lower-box .location {
    position: relative;
    font-weight: 600;
    font-size: 20px;
    color: #000;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    padding-top: 10px;
}
.package-block .lower-box p {
    position: relative;
    font-weight: 400;
    color: #2d3434;
    margin-bottom: 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.package-block h5 a {
    color: #2d3434;
}
.package-block .lower-box .info {
    position: relative;
    font-size: 14px;
    line-height: 20px;
}
.package-block .lower-box .info .duration {
    position: relative;
    color: #000;
}
.package-block .lower-box .info .duration i, .package-block .lower-box .info .persons i {
    position: relative;
    padding-right: 5px;
}
.package-block .lower-box .info .persons {
    position: relative;
    float: right;
}
.package-block .bottom-box {
    position: relative;
    margin-top: 25px;
    padding: 15px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.package-block .lower-box .p-icon img {
    max-height: 72px;
}
.package-block .lower-box .p-icon .icon{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #ffffff;
    line-height: 72px;
    text-align: center;
    font-size: 32px;
    font-weight: 400;
}
.offer-action {
    text-align: center;
    background: var(--theme-color) none repeat scroll 0 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    margin: 25px auto 0;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.offer-action a {
    display: inline-block;
    text-transform: uppercase;
    padding: 7px 15px;
    font-weight: 500;
    color: #fff;
    font-size: 14px;
    width: 47%;
}

.offer-action:after {
    position: absolute;
    content: "";
    width: 66%;
    height: 100%;
    background: #000 none repeat scroll 0 0;
    right: -36px;
    z-index: -1;
    -webkit-transform: skewX(40deg);
    transform: skewX(40deg);
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}


/*---------------------------------------------------------
    #hero-style
--------------------------------------------------------------*/
.hero-style {
  height: 500px;
  transition:all .4s ease;
}

@media (max-width: 991px) {
  .hero-style {
    height: 600px;
}
}

@media (max-width: 767px) {
  .hero-style{
    height: 200px;
}
}

@media screen and (min-width: 992px) {
  .hero-style .container {
    padding-top: 95px;
}
}

.hero-style .slide-title,
.hero-style .slide-text,
.hero-style .slide-btns {
  max-width: 690px;
}

.hero-style .slide-title h2 {
  font-size: 60px;
  font-weight: 600;
  line-height: 1.5;
  color: #ffffff;
  margin: 0 0 40px;
  text-transform: capitalize;
  transition:all .4s ease;
}

@media (max-width: 1199px) {
  .hero-style .slide-title h2 {
    font-size: 75px;
}
}

@media (max-width: 991px) {
  .hero-style .slide-title h2 {
    font-size: 50px;
    margin: 0 0 35px;
}
}

@media (max-width: 767px) {
  .hero-style .slide-title h2 {
    font-size: 25px;
    margin: 0 0 30px;
    text-align: center;
}
}

.hero-style .slide-text p {
  opacity: 0.8;
  font-family: Rajdhani;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: normal;
  color: #ffffff;
  margin: 0 0 40px;
  transition:all .4s ease;
}

@media (max-width: 767px) {
  .hero-style .slide-text p {
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal;
    margin: 0 0 30px;
}
}

.hero-style .slide-btns > a:first-child {
  margin-right: 10px;
}


/*GALLERY*/
.gallery-section{
    position: relative;
}
.gallery-section:before {
    content: '';
    background: #162241;
    position: absolute;
    top: 0;
    left: 0;
    height: 75%;
    width: 100%;
}
.gallery-section .desti-inner{
    position: relative;
    z-index: 1;
}
.gallery-section .desti-image {
    position: relative;
    overflow: hidden;
    border: 6px solid #ffffff1a;
}
.gallery-section .desti-image img {
    width: 100%;
    height: 320px;
    object-fit: cover;
}

.gallery-section .desti-image .desti-overlay {
    opacity: 0;
    background: #2e3d626b;
    position: absolute;
    bottom: 100%;
    left: 0;
    transition: all ease-in-out 0.5s;
    z-index: 1;
    height: 100%;
    width: 100%;
}
.gallery-section .desti-image .desti-overlay a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.nir-btn, .nir-btn-black {
    position: relative;
    z-index: 1;
    font-size: 20px;
    text-align: center;
    padding: 12px 24px;
    text-transform: capitalize;
    transition: all ease-in-out 0.5s;
    background: var(--theme-color);
    color: #fff;
    display: inline-block;
    border-radius: 43px;
    box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.1);
}

.gallery-section .desti-image:hover .desti-overlay {
    opacity: 1;
    bottom: 0;
    transition: all ease-in-out 0.5s;
}

/* js particle*/
#particles-js {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* ---- stats.js ---- */

.count-particles{
    background: #000022;
    position: absolute;
    top: 48px;
    left: 0;
    width: 80px;
    color: #13E8E9;
    font-size: .8em;
    text-align: left;
    text-indent: 4px;
    line-height: 14px;
    padding-bottom: 2px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.js-count-particles{
    font-size: 1.1em;
}

#stats,
.count-particles{
    -webkit-user-select: none;
}

#stats{
    border-radius: 3px 3px 0 0;
    overflow: hidden;
}

.count-particles{
    border-radius: 0 0 3px 3px;
}
.text-justify{
    text-align: justify!important;
}

/*Cab Service*/

.elementor-element-5f4c68f{
    margin-bottom: 30px;
    text-align: center;
    background-color: var(--theme-color);
    border-radius: 30px 30px 0px 0px;
}
.elementor-element-5f4c68f img {
    border-radius: 30px 30px 0px 0px;
}
.serviceBox2{
    position: relative;
}
.serviceBox2:before, .serviceBox2:after {
    content: "";
    background: var(--theme-color); 
    width: 10px;
    position: absolute;
    top: 35px;
    bottom: 35px;
}
.serviceBox2:after {
    border-radius: 100px 0 0 100px;
    left: auto;
    right: 0;
}
.elementor-element-bab5a65 > .elementor-widget-container {
    margin: -44px 0px 0px 0px;
    background-color: #FFFFFF;
    border-radius: 0 0 30px 30px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
.elementor-element-bab5a65 .eael-pricing {
    border-radius: 30px;
    text-align: center;
    position: relative;
    z-index: 0;
    -webkit-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.eael-pricing .eael-pricing-item {
    border-radius: 30px;
}

.eael-pricing-item {
    padding: 30px;
    border-radius: 5px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    width: 100%;
    height: auto;
    margin: 0;
}

.eael-pricing.style-1 .eael-pricing-item .header {
    display: block;
    position: relative;
    z-index: 0;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.eael-pricing-item .header .title {
    color: var(--theme-color);
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
}
.eael-pricing-item .header:after{
    background: #dbdbdb;
    content: "";
    position: absolute;
    width: 140px;
    height: 1px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    z-index: 1;
}
/*  end cab service*/

/*Our Process*/
.our-process{
    background-image: linear-gradient(to right, rgb(0 0 0 / 75%), rgb(10 10 10 / 75%)),url(../images/rishikesh.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.section-title.style-two p{
    color: #fff;
}

.org-bd {
    border-radius: 3px;
    border: solid 1px var(--theme-color);
    text-align: center;
    margin-top: 20px;
    min-height: 100px;
}
.online-icon {
    width: 75px;
    height: 75px;
    background: var(--theme-color);
    border-radius: 50%;
    margin: auto;
    margin-top: -40px;
    border: 3px solid #fbfbfb;
}
.online-icon i{
    font-size: 35px;
    padding: 18px;
    color: #fff;
}
.org-txt {
    font-size: 24px;
    color: var(--theme-color);
    font-weight: bold;
    margin-top: 15px;
}
.achievement-card {
    padding: 20px;
    text-align: center;
    background: var(--theme-color);
    color: #fff;
    -webkit-box-shadow: 0 0 64px rgba(17,17,17,.1);
    box-shadow: 0 0 64px rgba(17,17,17,.1);
    border-radius: 5px;
}
.achievement-card .achievement-icon {
    margin-bottom: 20px;
}
.achievement-card .achievement-icon i {
    color: #fff;
    font-size: 70px;
}
.achievement-card h5 {
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
    color: #fff;
}
/*end Our Process*/

/*============cars section===========*/
.cars-section .card{
    border: none;
    box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.08);
}
.cars-section .card-image{
    text-align: center;
}
.cars-section img {
    width: 80%;
    margin: auto;
  /*-webkit-mask-image: url(../images/footer-bg.png);
  mask-image: url(../images/footer-bg.png);
  -webkit-mask-position: top left;
  mask-position: top left;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;*/
}
.cars-section .card .card-title{
    color: #000;
    font-size: 20px;
    font-weight: bold;
}
.cars-section .card ul{
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  color: #000;
  margin-bottom: 10px;
}
.cars-section .card ul li strong{
    display: block;
}

.multi-button {
  padding: 0;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(135deg, var(--theme-color) 50%, var(--second-color) 50%);
  transition: 0.3s linear;
}
.multi-button:hover{
  background: linear-gradient(135deg, var(--second-color) 50%, var(--theme-color) 50%);
}
.multi-button a{
    width: 100%;
    padding: 10px;
    border-radius: 0;
    font-size: 15px;
    color: #fff;
    text-align: center;
}
.multi-button a:last-child{
    color: var(--theme-color);
}
.multi-button:hover a{
    color: var(--theme-color);
}
.multi-button:hover a:last-child{
    color: #fff;
}
.btn-theme {
    background: var(--theme-color);
    color:#fff;
    font-size: 20px;
    line-height: 18px;
    font-family: var(--body-font);
    font-weight: 600;
    padding: 8px 8px 8px 20px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    transition: 0.3s;
    z-index: 1;
}

.btn-theme span {

    background:#fff;
    height: 36px;
    width: 36px;
    display: inline-block;
    line-height: 36px;
    text-align: center;
    border-radius: 50px;
    transition: 0.3s;
}
.btn-theme span i {
    transform: rotate(-45deg);
    transition: 0.3s;
    color: var(--theme-color);
}
.btn-theme:hover {
    color: #fff;
    transition: 0.3s;
    transform: scale(0.95);
}

.btn-theme::after {
    transition: 0.3s;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: var(--theme-color);
    transition: 0.3s;
    border-radius: 50px;
    z-index: -1;
    transform: scaleX(0);
}
.btn-theme:hover::after {
    transform: scaleX(1);
}
.btn-theme:hover span {
    background: #fff !important;
    i{
        color: var(--theme-color);
        transform: none;
    }
}
.btn-theme.bg-light{
    color: var(--theme-color);
    span{
        background-color: var(--theme-color);
        i{color: #fff;}
    }
}
.btn-theme.bg-light:hover{
    color: #fff;
    span{
        background-color: #fff;
        i{color:var(--theme-color);}
    }
}

/*================Destination section=================*/
.destinations-section .card {
  position: relative;
  height: 400px;
  width: 100%;
  margin: 10px 0;
  transition: ease all 2.3s;
  perspective: 1200px;
}
.destinations-section .card:hover .cover {
  transform: rotateX(0deg) rotateY(-180deg);
}
.destinations-section .card:hover .cover:before {
  transform: translateZ(30px);
}
.destinations-section .card:hover .cover:after {
  background-color: black;
}
.destinations-section .card:hover .cover h1 {
  transform: translateZ(100px);
}
.destinations-section .card:hover .cover .price {
  transform: translateZ(60px);
}
.destinations-section .card:hover .cover a {
  transform: translateZ(-60px) rotatey(-180deg);
}
.destinations-section .card .cover {
  position: absolute;
  height: 100%;
  width: 100%;
  transform-style: preserve-3d;
  transition: ease all 2.3s;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.destinations-section .card .cover:before {
  content: "";
  position: absolute;
  border: 5px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  z-index: 2;
  transition: ease all 2.3s;
  transform-style: preserve-3d;
  transform: translateZ(0px);
}
.destinations-section .card .cover:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  transition: ease all 1.3s;
  background: rgba(0, 0, 0, 0.4);
}
.destinations-section .card .cover h1 {
  font-weight: 600;
  position: absolute;
  bottom: 55px;
  left: 50px;
  color: white;
  transform-style: preserve-3d;
  transition: ease all 2.3s;
  z-index: 3;
  font-size: 3em;
  transform: translateZ(0px);
}
.destinations-section .card .cover .price {
  font-weight: 200;
  position: absolute;
  top: 55px;
  right: 50px;
  color: white;
  transform-style: preserve-3d;
  transition: ease all 2.3s;
  z-index: 4;
  font-size: 2em;
  transform: translateZ(0px);
}
.destinations-section .card .card-back {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #0b0f08;
  transform-style: preserve-3d;
  transition: ease all 2.3s;
  transform: translateZ(-1px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.destinations-section .card .card-back a {
  transform-style: preserve-3d;
  transition: ease transform 2.3s, ease background 0.5s;
  transform: translateZ(-1px) rotatey(-180deg);
  background: transparent;
  border: 1px solid white;
  font-weight: 200;
  font-size: 1.3em;
  color: white;
  padding: 14px 32px;
  outline: none;
  text-decoration: none;
}
.destinations-section .card .card-back a:hover {
  background-color: white;
  color: #0b0f08;
}

.bg-light-primary {
    background-color: var(--second-color);
}

.square--40 {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.square--40 i{
    color: #fff;
}

/*why choose us*/
.fill-primary {
    fill: var(--theme-color) !important;
}
.z-1 {
    z-index: 1!important;
}
.opacity-25 {
    opacity: .25!important;
}
.square--70 {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.square--70.bg-light-primary {
    background-color: #ffe6e5;
}
.bg-light-info {
    background-color: #cfe1f8;
}
.bg-light-success {
    background-color: #d4eee3;
}
.bg-light-warning {
    background-color: #fff3cd;
}

.single-section ul{
    display: block;
    margin-bottom: 20px;
    padding-left: 0;
}
.single-section ul li{
    display: block;
    padding: 5px;
    font-size: 16px;
    color: #000;
}
.single-section .h2,.single-section .h3{
    color: #000;
    font-weight: 600;
}

/*service pages*/
.single-section .detail{
  margin-bottom: 40px;
  padding: 20px 0;
  align-items: center;
  --bs-gutter-y: 1.5rem;
}
.single-section .detail:nth-child(even) {
    background-color: #f4f8fb;
}
.single-section .detail img{
  border-radius: 10px;
  width: 100%;
  max-height: 320px;
  object-fit:cover;
}
.single-section .detail .h3,.single-section .detail h3{
  color: #000;
  font-weight: 600;
}

/*sidelist*/
.single-section .sidebar-item{
  margin-bottom: 30px;
  position: relative;
  background-color: #eeeeee;
  border-radius: 10px;
}


/*book now*/
.booking-page .card {
    border: none;
    box-shadow: 0px 6px 30px rgba(7, 36, 95, 0.08);
}
.booking-page .card-header{
    background-color: var(--theme-color);
    text-align: center;
    border: 0;
}
.booking-page .card-header .card-title{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    padding: 15px 0;
    color: #fff;
}
.booking-page .row>*{
    margin-top: 12px;
}

.booking-page label{
    color: #000;
    margin-bottom: 5px;
    font-weight: 600;
}
.booking-page label span{
    color: #ff0000;
    padding-left: 5px;
}

/*main slider*/
#mainslider img,#mainslider video{
    width: 100%;
    height: 500px;
    object-fit: cover;
}
#mainslider{
    margin-top: -20px;
}
.slider__img{
    width: 98%;
    height: 600px;
    position: relative;
    margin: auto;
    margin-top: 15px;
    border-radius: 10px;
    overflow: hidden;
}
.slider__img .slider__main{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bg__random{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}
.slider__item{
    width: 100%;
    height: 100%;
}
.slider-shape{
    position: absolute;
    bottom: -1px;
    content: '';
    background-image: url(../images/shapes/slider-style.png);
    height: 96px;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.slider__img .slider_taxi {
    visibility: hidden;
    opacity: .5;
    animation-duration: 1.5s;
    animation-delay: 0ms;
    animation-fill-mode: forwards;
    animation-name: none;
    position: absolute;
    bottom: 30px;
    left: 48px;
    max-width: 550px;
    transition: opacity 0.5s ease-in-out;
}

@keyframes Slider_img_slide {
    0% {
        transform: translate3d(-100%, 0, 0);
        opacity: 0;
        visibility: visible;
    }
    60% {
        transform: translate3d(10%, 0, 0);
        opacity: 0.7;
        visibility: visible;
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
        visibility: visible;
    }
}


/*section title*/
.sec-title {
    text-transform: capitalize;
    font-size: 40px;
    font-weight: 700;
    position: relative;
    font-family: var(--heading-font);
    line-height: normal;
    display: inline-block;
    padding-bottom: 10px;
}
.sec-title:before{
    background-color: #242424;
    bottom: 6px;
    content: "";
    height: 1px;
    left: 0;
    margin: 0 ;
    position: absolute;
    right: 0;
    width: 99px;
}
.sec-title:after{
    background-color: #242424;
    bottom: 0;
    content: "";
    height: 1px;
    left: 17px;
    margin: 0 ;
    position: absolute;
    right: 0;
    width: 59px;
}
.sec-title span{
    color: var(--theme-color);
}
.text-center .sec-title:before, .text-center .sec-title:after{
    margin: 0 auto;
    left: 0;
}
.sec-subtitle {
/*    display: inline;*/
font-size: 20px;
font-weight: 600;
line-height: 22px;
color: var(--theme-color);
text-transform: uppercase;
letter-spacing: normal;
font-family: var(--heading-font);
margin-bottom: 8px;
}
.sec-subtitle img{
}
.title-shape-2{
    position: absolute;
    top: 7px;
    width: 127px;
    left: 0%;
    transform: translateY(-50%);
}
.title-shape-1{
    position: absolute;
    top: 8px;
    width: 139px;
    left: 0%;
    transform: translateY(-50%);
}

.mb-30 {
    margin-bottom: 30px;
}


/*===============why choose us section==============*/
.whychoose-us-section{

}
.serviceBox {
    background-color: #fff;
    background-size: cover;
    background-position: bottom right;
    background-repeat: no-repeat;
    border-radius: 10px 40px;
    overflow: hidden;
    transition: all 0.6s ease-in-out;
/*    text-align: center;*/
box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.1);
border-radius: 20px;
padding: 40px 20px;
position: relative;
z-index: 1;
}
.serviceBox:hover{
    transform: translateY(-10px);
}
.serviceBox:hover svg{
    transform: rotate(360deg);
}
.serviceBox .service-icon:before{
    position: absolute;
    content: '';
    width: 80px;
    height: 80px;
    background-color: var(--second-color);
    overflow: hidden;
    border-radius: 50%;
    margin-left: -15px;
    margin-top: 9px;
    z-index: -1;
}
.serviceBox:hover .service-icon{

    -webkit-animation: bounce 1s alternate;
    animation: bounce 1s alternate;
}
.serviceBox:hover .choose-svg{
    transform: rotate(360deg);
}
.serviceBox .service-icon svg{
    width: 50px;
    height: 100px;
    fill: #fff;
}


.serviceBox .title {
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 20px;
  font-family: var(--heading-font);
  color: var(--second-color);;
/*  text-align: center;*/
}
.serviceBox:hover {
    transition: all 0.6s ease-in-out;
}
.serviceBox:hover .service-icon:before{
    background-color:var(--theme-color);
}
.serviceBox:hover .title{
   color:var(--theme-color);
   transition: 0.3s;
}

.whychooseus ul{
    padding-left: 20px;
}
.whychooseus ul li{
    display: list-item;
    padding: 3px 0;
    padding-left: 10px;
}
.whychooseus ul li::marker{
    content: '✅';
}



/*====================taxi-package-section===========*/
.taxi-package-section .card{
    padding: 30px;
    text-align: center;
    border: 5px solid var(--theme-color);
    border-radius: 40px 0 40px 0;
}
.taxi-package-section .card .card-icon{
    width: 125px;
    height: 125px;
    border-radius: 50%;
    border: 5px solid var(--second-color);
    text-align: center;
    line-height: 125px;
    font-size: 60px;
    margin: auto;
    color: var(--second-color);
}
.taxi-package-section .card .card-title{
    font-size: 25px;
    font-weight: 600;
    margin: 20px 0;
    color: var(--second-color);
}


/*taxi service section*/
.Service_Box .service_img{
    width: 100%;
    height: 200px;
    margin-top: 80px;
    object-fit: cover;
    -webkit-mask-image: url('../images/bg-shape.png');
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
}
.Service_Box .service_img img{
    width: 100%;
    height: 280px;
}
.Service_Box{
    padding: 20px;
}
.lg-extra-block{
    display: none;
}




.Service_Box .service_img{
  width: 100%;
  height: 283px;
  object-fit: cover;
  -webkit-mask-image: url('../images/black-shape.png');
  -webkit-mask-size: contain;
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
}





.Service_Box:hover span{
  -webkit-transform: scale(-1) rotate(180deg);
  transform: scale(-1) rotate(180deg);
}
.Service_Box .service_info{
    padding-top: 25px;
}
.Service_Box .service_info .service_title{
    margin-bottom: 10px;
    border-bottom: 2px solid #eeeeee;
    color: #000;
    font-size: 28px;
    font-family: var(--heading-font);
    font-weight: 800;
    padding-left: 15px;
}
.Service_Box .service_info p{
    font-family: var(--main-font);
    padding: 0px 15px;
    font-size: 17px;
}

/*---places package*/
.sec-plans-package{
    position: relative;
    z-index: 1;
}
.sec-plans-package .box{
    background-color: #f2f2f2;
    color:#000;
    padding:  60px 15px;
    width: 100%;
    border-radius:7px;
    margin-bottom: 20px;
}
.sec-plans-package .box:hover{
    transition: all 0.6s ease-in-out;
    transform: translateY(-10px);
}

.sec-plans-package .box .box-title{
    font-size: 23px;
    font-weight: 800;
    font-family: var(--heading-font);
}
.sec-plans-package .box .box-icon{
    display: inline-block;
    height: 87px;
    width: 87px;
    line-height: 100px;
    text-align: center;
    border-radius: 50%;
    background-color: var(--theme-color);    
    color: #fff;
    position: relative;
    margin-bottom: 35px;
    transition: .3s;
    font-size: 45px;
}
.sec-plans-package .box .box-icon:before{
    content: "";
    top: 50%;
    left: 50%;
    height: 90px;
    width: 90px;
    position: absolute;
    border-radius: 50%;
    transition: .5s;
    transform: translate(-50%, -50%) scale(1.2);
    border: 1px dashed var(--theme-color);
}
.sec-plans-package .box .box-icon .places-svg {
    display: inline-block;
    height: 50px;
    width: 48px;
    line-height: 100px;
    text-align: center;
    background-color: var(--theme-color);
    fill: #fff;
    position: relative;
    margin-bottom: 35px;
    transition: .3s;
    font-size: 45px;
}
.sec-plans-package .box .box-body{
    display: inline-block;
    width: 100%;
}
.sec-plans-package .box:hover{
    background-color: var(--theme-color);
}
.sec-plans-package .box:hover .box-icon{
    background-color: #fff;
}
.sec-plans-package .box:hover .box-title{
    color: #fff;
}
.sec-plans-package .box:hover .box-icon:before{
    border-color: #fff;
}
.sec-plans-package .box:hover .places-svg{
    fill: var(--theme-color);
    background-color: #FFF;
}
.sec-plans-package .box .box-body .btn-theme-new{
    font-family: var(--heading-font);
    color:#236529;
    font-weight: 600;
}
.sec-plans-package .btn-theme-new:before{
    position: absolute;
    content: "";
    border-radius: inherit;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    z-index: -1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: 102% 102%;
    opacity: 0;
}

/*owl carousel*/
.owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: var(--theme-color) !important;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  transition: 0.3s linear;
  color: #fff !important;
}
.owl-carousel{
    transition: 0.3s linear;
}


.owl-dots {
  text-align: center;
  margin-top: 0px;
}
.owl-dots button.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc!important;
  margin: 0 3px;
}
.owl-dots button.owl-dot.active {
  background-color: var(--second-color)!important;
}
.owl-dots button.owl-dot:focus {
  outline: none;
}


.why-card .card_icon{
    background: #fbfbfb none repeat scroll 0 0;
    border-radius: 100px;
    color: #000;
    display: block;
    font-size: 42px;
    height: 90px;
    line-height: 90px;
    position: relative;
    text-align: center;
    width: 90px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
}
.why-card .card_icon img{
    width: 60%;
}
.why-card  .why_title{
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 0;
    text-transform: capitalize;
}
.why-card .caption{
    color: #777;
    font-size: 17px;
    font-weight: 400;
}
.why-card:hover .why_title{
    color: var(--theme-color);
}
/*--------------------------------------------------------------
  our-service-area
----------------------------------------------------------------*/
.bg-theme-light{
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: #e8f0ff;
}
.package_section-bg {
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.our-service-area{
    width: 96%;
    margin: auto;
    position: relative;
    overflow: hidden;
    border-radius: 50px;
}
.service_card {
    position: relative;
    padding: 30px;
    border-radius: 15px;
    background: #fff;
    margin-bottom: 20px;
    border: 3px solid var(--theme-color);
    border-top: none;
    border-right: none;
}
.service_card img{
    width: 100%;
}
.service_card .service-title{
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
    display: inline-block;
    padding-left: 10px;
    font-family: var(--heading-font);
}
.service_card .card_shape {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #ecf1f5;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.service_card .card_shape svg{
    width: 100%;
}
.service_card .cs_card_in {
    position: relative;
    z-index: 1;
}
.service_card .card_icon {
    position: relative;
    background: #fbfbfb none repeat scroll 0 0;
    border-radius: 100px;
    color: #000;
    display: inline-block;
    font-size: 42px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    width: 90px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
.service_card .card_icon img{
    width: 60%;
}

.service_card:hover .card_icon {
  border-color: var(--theme-color);
}
.service_card:hover .card_shape {
  color: var(--theme-color);
}
.services__img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  opacity: 0;
  visibility: hidden;
  animation-duration: 3.5s;
  animation-fill-mode: forwards;
}

.services__img.animate {
  opacity: 1;
  visibility: visible;
  animation-name: slideInUp;
  animation-duration: 2.5s;
  animation-timing-function: ease-out;
}

@keyframes slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
}
100% {
    transform: translate3d(0, 0, 0);
    visibility: visible;
}
}

.services__img img{
    width: 100%;
    height: 265px;
    border-radius: inherit;
    animation: ;
    margin-top: -20px;
}
.service_card:hover .service-title{
    color: var(--theme-color);
}
.service_card:hover .card_icon img{
 animation: rotateAndBounce 0.9s ease-in-out;
 animation-iteration-count: 1;
}
@keyframes rotateAndBounce {
    0% {
        transform: rotateY(0deg) translateY(0);
    }
    25% {
        transform: rotateY(180deg) translateY(0);
    }
    50% {
        transform: rotateY(360deg) translateY(-15px);
    }
    75% {
        transform: rotateY(540deg) translateY(0);
    }
    100% {
        transform: rotateY(720deg) translateY(0);
    }
}
.our-service-area .shapetop{
    position: absolute;
    top: 0;
    left: 0;
}
.our-service-area .shapebottom{
    position: absolute;
    bottom: 0;
    right: 0;
    transform: rotate(180deg);
}
.our-service-area .shapebus{
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.our-service-area .shapeplane{
    position: absolute;
    top: 20px;
    right: 20px;
}
.our-service-area .shapetop img{
    width: 100%;
    opacity: 0.1;
}
.our-service-area .shapebottom img{
    width: 100%;
    opacity: 0.1;
}
.our-service-area .shapebus img{
    width: 100%;
    opacity: 0.1;
}
.our-service-area .shapeplane img{
    width: 100%;
    opacity: 0.1;
}
.our-service-area .container-fluid{
    position: relative;
    z-index: 1;
}


/*tour packages*/
.bg-light-dark{
    background-color: rgba(0, 0, 0, 0.1);
}
.single-service-wrap {
    position: relative;
    z-index: 1;
    border-radius: 20px;
    box-shadow: 0px 0px 30px 0px rgba(206, 206, 206, 0.5);
    border: 1px solid #d3cbe9;
    background-color: #fff;
}

.single-service-wrap::before {
    position: absolute;
    content: '';
    top: -6px;
    right: 17px;
    width: 96%;
    height: 101%;
    border-radius: 10px;
    background-color: #fff;
    transform: rotate(2deg);
    z-index: -1;
}

.single-service-wrap::after {
    position: absolute;
    content: '';
    top: -10px;
    right: -5px;
    width: 100%;
    height: 90%;
    border-radius: 10px;
    background-color: #fff;
    transform: rotate(3deg);
    z-index: -2;
}

.single-service-wrap .destination{
    display: block;
    position: absolute;
    width: max-content;
    padding: 2px 10px;
    color: var(--theme-color);
    background-color: #fff;
    border-radius: 5px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 17px;
    top: -50px;
}

.single-service-wrap:hover img{
    transform: scale(1.1);
    transition: 0.4s;
}

.single-service-wrap:hover .details .btn-wrap .read-more-text span {
  background: #fff;
  color: #fa4318;
  color: var(--theme-color);
}
.single-service-wrap .thumb {
  position: relative;
  z-index: 0;
  overflow: hidden;
  border-radius: 15px 15px 0 0 ;
}
.single-service-wrap:hover .thumb img{
    transition: 0.3s;
}
.single-service-wrap .thumb:after {
  left: -30px;
}

.single-service-wrap .thumb img {
  width: 100%;
  height: 240px;
  object-fit: cover;
}

.single-service-wrap .details .icon {     
    background: #fff;
    height: 39px;
    line-height: 50px;
    margin-left: auto;
    position: absolute;
    text-align: center;
    transform: translateY(-50%);
    width: 40px;
    top: 0px;
    right: 15px;
    font-size: 20px;
    color: var(--theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0px;
    z-index: 1;
    border-radius: 50%;
    border: 1px solid var(--second-color);
}

.single-service-wrap .details {
    /*background: #fff;
    box-shadow: 0 6px 30px rgba(0, 35, 90, 0.08);*/
    padding: 12px 12px;
    background-color: var(--second-color);
    transition: all 0.3s ease-in;
    position: relative;
    border-radius: 0 0 15px 15px;
}
.single-service-wrap .details:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background-image: url(../images/shapes/taxi_bg.png);
    opacity: 0.05;
    filter: brightness(100);
    background-size: 200px;
    background-repeat: repeat;
    top: 0;
    left: 0;
}

.single-service-wrap .details h5 {
    margin-block: 4px;
    transition: all 0.3s ease-in;
    font-family: var(--heading-font);
    font-weight: 800;
    position: relative;
    padding-bottom: 4px;
    color: var(--theme-color);
    font-size: 21px;
    line-height: 1.2;
}

.single-service-wrap .details p {
    line-height: 22px;
    color: rgba(255, 255, 255, 0.9);
}
.single-service-wrap .details .btn-wrap .read-more-text {
  color: #080c24;
  color: var(--heading-color);
  display: flex;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.3s ease-in;
}
.single-service-wrap .details .btn-wrap .read-more-text:after {
  display: none;
}
.single-service-wrap .details .btn-wrap .read-more-text span {
  color: #fff;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  transition: all 0.3s ease-in;
  width: 26px;
}
.service-details-wrap .thumb .icon,
.single-service-wrap .details .btn-wrap .read-more-text span {
  background: #fa4318;
  background: var(--theme-color);
  border-radius: 50%;
  margin-left: auto;
  text-align: center;
}
.service-details-wrap .thumb .icon {
  height: 70px;
  line-height: 68px;
  margin-bottom: -70px;
  position: relative;
  right: 50px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 70px;
}
.service-details-wrap .thumb .icon img {
  width: auto;
}

/*header*/
/*header top*/
.header .topbar {
    padding: 5px;
    background-color: #1d1d1b;
    position: relative;
}
.header .topbar .leftside ul>li>a {
    margin: 3px 10px 3px 0px;
    line-height: 30px;
    border: 2px solid #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    display: block;
    color: #fff;
    border-radius: 50%;
}
.header .topbar .leftside ul>li:hover>a {
    background-color: #111111;
    border-color: #111111;
    color: #fff;
}
.header .topbar .rightside ul {
    justify-content: flex-end;
}
.header .topbar .rightside ul>li.login {
    background-color: #45afce;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    height: 100%;
    padding: 0 30px;
}
.header .topbar .rightside ul>li.book-appointment>a {
    background: #111111;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    padding: 16px 30px;
    font-weight: 600;
    color: #fff;
}
/*.header .topbar .rightside ul>li>a>i {
    margin-right: 10px;
}*/
.header .topbar .rightside ul {
    justify-content: flex-end;
}
ul.custom-flex {
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
ul.custom-flex a{
    font-weight: 400;
    font-size: 14px;
}
.top-header .socials {
  margin: 0;
  display: inline-block;
}
.socials li {
  display: inline-block;
}
.socials li a {
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  display: inline-block;
  border-radius: 4px;
  transition: background 0.5s;
  -webkit-transition: background 0.5s;
}
.socials a, .socials a i, .socials a:hover, .socials a:focus {
  color: #ffffff;
}


.light_header .main-header{
    position: relative;
}
.header_socials{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.site-logo {
    font-size: 24px;
    font-weight: bold;
    color: #fff !important;
    text-transform: uppercase;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    span{
        font-size: 18px;
    }
}
.site-logo img{
    border-radius: 10px;
    width: 70px;
    background-color: #Fff;
}
.site_name {
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 16px;
    font-family: var(--heading-font);
    text-align: center;
    line-height: 1;
    color: var(--theme-color);
}
.site_name span {
    font-size: 18px;
    color: #000;
}

/*why choose us*/
.why-choose-us-area{
    background-image: url(../images/bg/why_choose_bg_2.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


.cs_service_card.cs_style_2 {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .cs_service_card.cs_style_2 {
    height: 208px;
}
}
@media (max-width: 767px) {
  .cs_service_card.cs_style_2 {
    height: 208px;
}
}
.cs_service_card.cs_style_2 .cs_service_card_in {
  position: relative;
  z-index: 1;
}
.cs_service_card.cs_style_2 .cs_service_card_bg {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .cs_service_card.cs_style_2 .cs_service_card_bg svg {
    width: 257px;
    height: 208px;
}
}
@media (max-width: 767px) {
  .cs_service_card.cs_style_2 .cs_service_card_bg svg {
    width: 257px;
    height: 208px;
}
}
.cs_service_card.cs_style_2 .cs_service_card_shape_1 {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0.16;
}
.cs_service_card.cs_style_2 .cs_service_card_shape_2 {
  position: absolute;
  bottom: 30px;
  left: 0;
  opacity: 0.16;
}
.cs_service_card.cs_style_2 img {
  display: inline-block;
}
.cs_service_card.cs_style_2 .cs_service_card_icon img,
.cs_service_card.cs_style_2 .cs_service_card_title,
.cs_service_card.cs_style_2 .cs_service_card_bg svg path {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.cs_service_card.cs_style_2 .cs_service_card_icon img {
  height: 60px;
}

.cs_service_card_icon svg{
    width: 70px;
    fill: var(--theme-color);
}
.cs_mb_20{
    margin-bottom: 20px;
}
.cs_service_card_title{
    font-size: 23px;
    font-weight: 800;
    font-family: var(--heading-font);
}


/*services pages*/
.single-service-details{
    padding: 20px;
    background-color: #eeeeee;
    border-radius: 10px;
}
.single-service-details img{
    width: 100%;
    margin-bottom: 20px;
}

.common-booking-form .form_section{
    border-radius: 10px;
    border: 1px solid var(--theme-color);
}
.common-booking-form  .form_section .form-title{
    text-align: center ;
    margin-block: 10px 5px;
}
.common-booking-form .form_section:after,.common-booking-form .form_section:before{
    display: none;
}
.single-service-details h3,.single-service-details .h3{
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #000;
}

/*=================about us section=============*/
.content-area .content-box{
    border-radius: 20px;
    padding: 0px;
    padding: 10px 20px;
    position: relative; 
}
.content-area .content-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: 0px 0px 7px 0px rgb(22 22 22 / 19%);
    border-radius: 10px;
    padding: 10px;
}

/*============================= Start Contact Page Area ===================================================== */
.contact-area-page{
    background-color: #f6f6f6;
}
.contact-item {
    padding: 18px 0;
    background: #fff;
    display: flex;
    gap: 0px;
    align-items: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    flex-direction: column;
    text-align: center;
    height: 100%;
}
.contact-item-icon {
    padding: 15px 30px;
    border-bottom: 1px solid #ddd;
}
.contact-item-content .contact-us {
    margin-bottom: 5px;
    font-size: 22px;
    font-weight: 600;
    color: var(--theme-color);
    letter-spacing: 0.8px;
    margin-top: 12px;
    font-family: var(--heading-font);
}
.contact-item-content h6 {
    font-size: 16px;
}
.contact-item-content h6 a{
    transition: 0.4s;
    color: #000;
    font-family: var(--main-font);
}
.contact-item-content h6:hover a{
    color: var(--theme-color);
}
.contact-item .box1 {
    width: 25px;
    height: 25px;
    position: absolute;
    background: var(--theme-color);
    right: 0;
    top: 0;
    z-index: 1;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
}
.contact-item .box2 {
    width: 25px;
    height: 25px;
    position: absolute;
    background: #f6f6f6;
    right: 25px;
    top: 25px;
    z-index: -1;
    transition: all 0.6s ease-in-out;
}
.contact-item:hover .box1{
    top: -30px;
    right: -30px;
}
.contact-item:hover .box2 {
    right: -30px;
    top: -30px;
}

.row.contact-margin-top {
    margin-top: 45px;
}
.contact-maps {
    overflow: hidden;
    height: 100%;
}
.contact-maps iframe {
    width: 100%;
    height: 100%;
}

.appoinment-form-wrap input.form-control.style, .appoinment-form-wrap select.form-select.style, .appoinment-form-wrap textarea.form-control.style {
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 600;
    background: #f6f6f6;
    border: 0;
    outline: 0;
    width: 100%;
}
.appoinment-form-wrap {
    background: #fff;
    padding: 55px;
}

.popular-routes{
    padding: 6px 0;
    border-top: 2px solid #fff;
    color: #fff;
}
.popular-routes .title{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #fff;
    position: relative;
    padding-bottom: 10px;
}
.popular-routes ul li{
    width: auto;
    padding-inline: 5px;
}
.popular-routes ul li a {
    color: #fff;
    display: block;
    padding: 1px 0;
    text-transform: capitalize;
    font-size: 12px;
    position: relative;
}
.popular-routes ul li a:after{
   content: '|';
   position: absolute;
   right: -9px;
   font-size: 80%;
   top: 50%;
   transform: translateY(-50%);
}
.popular-routes .title:before, .popular-routes .title:after {
    content: '';
    height: 3px;
    width: 60px;
    background-color: #fff;
    font-weight: 550;
    position: absolute;
    bottom: 0;
    left: 0;
}
.popular-routes .title:after {
    left: 65px;
    width: 10px;
}


/*exclusive-area*/

.table-borderless,.table-borderless tbody,.table-borderless tr,.table-borderless th,.table-borderless td{
    border: none;
    padding: 5px 0;
}
.exclusive-area .card{
    border: none;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    height: 100%;
}
.exclusive-area .card .card-header{
    text-align: center;
}
.exclusive-area .card .card-title{
    background: var(--theme-color);
    display: inline-block;
    padding: 12px 30px;
    margin: 0;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    border-radius: 0 40px 40px 0;
    font-family: var(--heading-font);
}
.exclusive-area .card b{
    color: #000;
}

#particles-js{
    opacity: 0.3;
    z-index: 0;
}
.contact__info{
    position: relative;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
}
.contact__info strong{
    font-size: 17px;
    color: rgba(255, 255, 255, 1.0);
}
.contact__info a{
    color: #fff;
    color: rgba(255, 255, 255, .8);
    font-size: 15px;
}
.contact__info .info_-card{
    position: relative;
    padding: 5px 0;
    font-weight: 400;
    word-break: break-word;
}

/*************/
/*****************/
/********************/
/*==Why Choose us=======*/
/********************/
/*****************/
/*************/
.why_choose{
    position: relative;
    overflow: hidden;
    padding-bottom: 70px;
}
.why_choose .container-fluid{
    position: relative;
    z-index: 1;
}
.why_card {
    position: relative;
    padding: 20px;
    border-radius: 8px;
    background-color: #fff;
    text-align: center;
    transition: 0.4s;
    margin-top: 47px;
}

.why_card:before {
    content: '';
    position: absolute;
    top: -54px;
    left: 50%;
    transform: translateX(-50%);
    border: 3px solid var(--theme-color);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    z-index: -1;
}
.why_card:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    z-index: 1;
    border: 3px solid var(--theme-color);
}
.why_card .icon{    
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    transition: 0.4s;
    color: #fff;
    background: var(--theme-color);
    margin-top: -63px;
    z-index: 2;
}
.box_title_area{
    transition: 0.4s;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 10px;
    position: relative;
    z-index: 2;
}
.why_card{
    transition0.3s
    .icon{
        transition0.3s
    }
    .box_title_area{
        transition0.3s
    }
    p{
        transition0.3s
    }
}
.why_card:hover{
    background-color: var(--theme-color);
    .icon{
        color: #fff;
        background-color: var(--second-color);
    }
    .box_title_area{
        color: #fff ;
    }
    p{
        color: #Fff;
    }
}
/*.why_card.red {
    background-color: rgba(231, 76, 60, 0.1); 
    .icon{
        background-color: rgba(231, 76, 60, 1);
        color: #fff;
    }
}

.why_card.blue {
    background-color: rgba(52, 152, 219, 0.1);  
    .icon{
        background-color: rgba(52, 152, 219, 1);
        color: #fff;
    }
}

.why_card.green {
    background-color: rgba(46, 204, 113, 0.1);
    .icon{
        background-color: rgba(46, 204, 113, 1);
        color: #fff;
    }
}

.why_card.yellow {
    background-color: rgba(243, 156, 18, 0.1);  
    .icon{
        background-color: rgba(243, 156, 18, 1);
        color: #fff;
    }
}

.why_card.orange {
    background-color: rgba(230, 126, 34, 0.1);
    .icon{
        background-color: rgba(230, 126, 34, 1);
        color: #fff;
    }
}

.why_card.purple {
    background-color: rgba(155, 89, 182, 0.1); 
    .icon{
        background-color: rgba(155, 89, 182, 1);
        color: #fff;
    }
}
*/
.why_card .title{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0px;
}
.why_card p{
    color: #202020;
    font-size: 15px;
    font-weight: 400;
}
.why_btn_bottom{
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}
@media(max-width:768px){
    .why_card{
        width: 80%;
        margin-inline: auto;
    }
}
@keyframes slideInFromTopRight {
    0% {
        transform: translate(200px, -200px);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

.why_choose_img {
    position: relative;
    opacity: 0;
}


.feature-item.style-three {
    border: none;
    border-radius: 10px;
    padding: 50px 50px 30px;
    background: #1c231f;
}

@media only screen and (max-width: 479px) {
    .feature-item.style-three {
        padding-left:35px;
        padding-right: 35px
    }
}

@media only screen and (max-width: 375px) {
    .feature-item.style-three {
        padding-left:25px;
        padding-right: 25px
    }
}

.feature-item.style-three .content h3 a,
.feature-item.style-three .content h6 a,
.feature-item.style-three .content p,
.feature-item.style-three .icon,
.feature-item.style-three .icon-title h5 a {
    color: #fff
}

.feature-item.style-three .icon {
    margin-bottom: 25px
}

.feature-item.style-three .icon:before {
    display: none
}

@media only screen and (max-width: 1599px) {
    .feature-item.style-three .content h3 {
        font-size:25px
    }
}

.feature-item.style-three.bgc-primary {
    background: var(--theme-color)
}

.feature-item.style-three.bgc-secondary {
    background: var(--second-color)
}

.feature-item.style-three.bgc-pink {
    background: #fd4c5c
}

.feature-item.style-three .icon-title {
    display: flex;
    margin-bottom: 6px;
    align-items: center
}

.feature-item.style-three .icon-title .icon {
    margin-right: 30px;
    margin-bottom: 15px
}

@media only screen and (max-width: 375px) {
    .feature-item.style-three .icon-title .icon {
        font-size:45px;
        margin-right: 20px
    }
}

.feature-item.style-three .icon-title h5 {
    line-height: 1.3;
    margin-top: -7px;
    margin-bottom: 15px
}

@media only screen and (max-width: 375px) {
    .feature-item.style-three .icon-title h5 {
        font-size:20px
    }
}


@keyframes bounceInRight {
    60%, 75%, 90%, from, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        transform: translate3d(10px, 0, 0);
    }

    90% {
        transform: translate3d(-5px, 0, 0);
    }

    to {
        transform: none;
    }
}
.copyright p{
    font-size: 15px;
    margin-bottom: 0;
}
.copyright p a{
    color: var(--theme-color);
}

/*********About*********/

.about-section-three{
    background-position: center;
    position: relative;
    .container{
        position: relative;
        z-index: 1;
    }
}
.about-section-three:after{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #F0F0F0;
    top: 0;
    left: 0;
    content: '';
    opacity: 0.93;
}
.about-section-three .row{

}
.about-car {
    margin-right: 50px;
    position: relative;
    transition: all 0.3s ease-out;
    width: 100%;
    height: 100%;
    border-radius: 25px;
}

@media (max-width: 1200px) {
    .about-car {
        margin-right: 30px;
    }
}

@media (max-width: 992px) {
    .about-car {
        margin-right: 0;
    }
}
.about-img-01 {
    position: relative;
    width: 100%;
    height: 395px;
    right: 50px;
    background-image: url(../images/shapes/bg2_img.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.about-img-01.left_df{
    right: 0;
    left: 40px;
}

.about-img-01 img {
    width: 100%;
    height: 100%;
    -webkit-mask-image: url('../images/shapes/masking2_img.png');
    mask-image: url('../images/shapes/masking2_img.png');
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    filter: brightness(115%) contrast(105%) saturate(100%);
    transition: filter 1s ease;
}

.about-exp {    
    position: absolute;
    top: 44px;
    z-index: 1;
    width: 150px;
    height: 150px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    right: 30px;
    flex-direction: column;
    text-align: center;
}

.about-exp h2 {
    color: var(--theme-color);
    margin-bottom: 0;
    font-size: 55px;
    position: relative;
    z-index: 1;
    line-height: 1;
}

.about-exp p {
    color: var(--second-color);
    margin-bottom: 0;
    font-size: 20px;
    line-height: 1;
    position: relative;
    z-index: 1;
    font-weight: 600;
}

.about-car .br-right-bottom2 {
    position: absolute;
    bottom: -1px;
    right: 87px;
    transform: rotate(180deg);
    line-height: 1;
    z-index: 2;
}
.about-car .br-left-top {
    position: absolute;
    bottom: 98px;
    right: 0px;
    transform: rotate(180deg);
    line-height: 1;
    z-index: 2;
}
.br-right-bottom2 svg , .br-left-top svg{
    width: 24px;
    height: 24px;
    fill: #e5e5e5;
}

.fs-24{
    font-size: 24px;
}
.about-section-three h6{
    font-weight: 600;
}

.work-img {
    position: relative;
    padding: 10px 0 45px;
    img{
        position: relative;
        z-index: 1;
    }
}
.work-img::after {
    content: "";
    position: absolute;
    top: 0;
    right: 5%;
    background: var(--theme-color);
    width: 330px;
    height: 162px;
    border-radius: 0 110px 0 100px;
}

.work-img::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 5%;
    background: #6b6bff;
    width: 330px;
    height: 178px;
    border-radius: 0 110px 0 100px;
}

@media (max-width: 1400px) {
    .work-img::after,
    .work-img::before {
        width: 270px;
    }
}

@media (max-width: 992px) {
    .work-item {
        margin-bottom: 24px;
    }

    .work-img {
        display: none;
    }
}

.why-choose-us{
    position: relative;
}

.why-choose-us .container-fluid{
    position: relative;
    z-index: 1;
}
.why-choose-us .work-item{
    flex-direction: column;
    border-radius: 20px;
    color: var(--theme-color);
    padding: 40px;
    height: 100%;
    justify-content: center;
    width: 100%;
    overflow: hidden;
}
.why-choose-us .work-item.image{
    padding: 0;
    img{
        width: 100%;
        height: 100%;
    }
}
.why-choose-us .work-item.dark{
    background-color: #323842 ;
    text-align: right;
    padding-left: 100px;
    .position-absolute{
        left: 27px;
        top: 0;
        width: 80px;
        height: 100%;
        filter: brightness(100);
        opacity: 0.1;
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    .customer_count{
        color: #fff;
        font-weight: 800;
        font-size: 52px;
        span{
            color: var(--theme-color);
        }
    }
    p{
        color: #fff;
    }
}
.why-choose-us .work-item.theme{
    background-color: var(--theme-color) ;
    h5{
        font-size: 30px;
        color: #fff;
        line-height: 1.2;
        font-weight: 800;
        margin-bottom: 15px;
        padding-right: 10px;
    }
    p{
        color: #fff;
    }
    .position-absolute{
        bottom: -44px;
        font-size: 243px;
        right: -20px;
        font-weight: 900;
        color: #fff;
        opacity: 0.1;
        line-height: 1;
    }
}
.why-choose-us .work-item.second{
    background-color: var(--second-color) ;
    .position-absolute{
        right: -21px;
        top: 0;
        width: 80px;
        height: 100%;
        filter: brightness(100);
        opacity: 0.8;
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    h5{
        font-size: 24px;
        color: #fff;
        line-height: 1.2;
        font-weight: 800;
        margin-bottom: 15px;
        padding-right: 33px;
    }
    p{
        color: #fff;
        padding-right: 0;
        font-size: 16px;
    }
}
.users_lists{
    display: flex;
    margin-bottom: 2px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    li{
        width: 40px;
        height: 40px;
        line-height: 0;
        list-style-type: none;
        display: block;
        margin-left: -10px;
        img{
            border: solid 3px #323842;
            border-radius: 50%;
            width: 37px;
            height: 37px;
        }
    }
}
.fs-20{
    font-size: 20px;
}
.why_choose_bottom{
    position: absolute;
    width: 100%;
    bottom: -3px;
    z-index: 1;
}
.bottom_img{
    position: absolute;
    width: 70%;
    height: auto;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
}
.why_choose_bottom::after {
    content: " ";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 9;
    width: 100%;
    height: 60px;
    clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
    background: #fff;
}
.why-choose-us .avatar{  
    position: relative;
    display: inline-block;
    font-size: 20px;
    text-align: center;
    width: 100px;
    height: 100px;
    i{
        line-height: 105px;
        font-size: 40px;
        color: #fff;
    }
}

.why-choose-us h5{
    font-weight: 600;
}

/******************NEw Css***********************/
html, body {
  overflow-x: hidden;
}

a, a:hover {
  text-decoration: none;
}

ul {
  padding: 0;
  margin: 0;
}
ul li {
  list-style: none;
}

h2, p {
  margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0;
}

input, textarea {
  background: none;
  border: none;
  outline: none;
}

img {
  max-width: 100%;
  max-height: 100%;
}

.space6 {
  height: 6px;
}

.space8 {
  height: 8px;
}

.space10 {
  height: 10px;
}

.space12 {
  height: 12px;
}

.space14 {
  height: 14px;
}

.space16 {
  height: 16px;
}

.space18 {
  height: 18px;
}

.space20 {
  height: 20px;
}

.space22 {
  height: 22px;
}

.space24 {
  height: 24px;
}

.space26 {
  height: 26px;
}

.space28 {
  height: 28px;
}

.space30 {
  height: 30px;
}

.space32 {
  height: 32px;
}

.space34 {
  height: 34px;
}

.space36 {
  height: 36px;
}

.space38 {
  height: 38px;
}

.space40 {
  height: 40px;
}

.space42 {
  height: 42px;
}

.space44 {
  height: 44px;
}

.space46 {
  height: 46px;
}

.space48 {
  height: 48px;
}

.space50 {
  height: 50px;
}

.space52 {
  height: 52px;
}

.space54 {
  height: 54px;
}

.space56 {
  height: 56px;
}

.space58 {
  height: 58px;
}

.space60 {
  height: 60px;
}

.space62 {
  height: 62px;
}

.space64 {
  height: 64px;
}

.space66 {
  height: 66px;
}

.space68 {
  height: 68px;
}

.space70 {
  height: 70px;
}

.space72 {
  height: 72px;
}

.space74 {
  height: 74px;
}

.space76 {
  height: 76px;
}

.space78 {
  height: 78px;
}

.space80 {
  height: 80px;
}

.space82 {
  height: 82px;
}

.space84 {
  height: 84px;
}

.space86 {
  height: 86px;
}

.space {
  height: 88px;
}

.space90 {
  height: 90px;
}

.space92 {
  height: 92px;
}

.space94 {
  height: 94px;
}

.space96 {
  height: 96px;
}

.space98 {
  height: 98px;
}

.space100 {
  height: 100px;
}

@keyframes animation-5 {
  0% {
    transform: scale(1);
}
100% {
    transform: scale(1.1);
}
}
.aniamtion-key-5 {
  position: relative;
  animation-name: animation-5;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  transition: all 0.4s ease-in-out;
}

@keyframes animation-7 {
  0% {
    transform: rotate(0);
}
100% {
    transform: rotate(-1000deg);
}
}
.keyframe5 {
  position: relative;
  animation-name: animation-7;
  animation-duration: 90s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: cubic-bezier(0.59, 0.59, 1, 1);
}

@keyframes animation-1 {
  0% {
    transform: translateY(0);
}
100% {
    transform: translateY(30px);
}
}
.aniamtion-key-1 {
  position: relative;
  animation-name: animation-1;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes animation-2 {
  0% {
    transform: translateX(0);
}
100% {
    transform: translateX(50px);
}
}
.aniamtion-key-2 {
  position: relative;
  animation-name: animation-2;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes animation-3 {
  0% {
    transform: translateY(0);
}
100% {
    transform: translateY(60px);
}
}
.aniamtion-key-3 {
  position: relative;
  animation-name: animation-3;
  animation-duration: 1.3s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes animation-4 {
  0% {
    transform: translateY(0);
}
100% {
    transform: translateY(40px);
}
}
.aniamtion-key-4 {
  position: relative;
  animation-name: animation-4;
  animation-duration: 1.6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes animation-6 {
  0% {
    transform: translateY(0);
}
100% {
    transform: translateY(50px);
}
}
.aniamtion-key-6 {
  position: relative;
  animation-name: animation-6;
  animation-duration: 1.9s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes animation-8 {
  0% {
    padding-left: 0px;
}
100% {
    padding-left: 50px;
}
}
.aniamtion-key-7 {
  position: relative;
  animation-name: animation-8;
  animation-duration: 1.3s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@-webkit-keyframes fade-in-down {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
}
100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
}
@keyframes fade-in-down {
  0% {
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
}
100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
}
@keyframes pulse-border {
  0% {
    transform: translateX(0) translateY(0) translateZ(0) scale(1);
    opacity: 1;
}
100% {
    transform: translateX(0) translateY(0) translateZ(0) scale(1.5);
    opacity: 1;
}
}
.pulse-border {
  position: relative;
  animation-name: pulse-border;
  animation-duration: 1500ms;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
}
100% {
    transform: translatex(-100%);
}
}
@keyframes marquee-2 {
  0% {
    transform: translateX(-100%);
}
100% {
    transform: translatex(0);
}
}
.reveal {
  position: relative;
  display: -ms-inline-flexbox;
  visibility: hidden;
  overflow: hidden;
}

.reveal img {
  height: 100%;
  width: 100%;
  display: inline-block;
  -o-object-fit: cover;
  object-fit: cover;
  transform-origin: left;
}

.mt-4- {
  margin-top: -4px;
}

.mrf-16 {
  margin-right: 16px;
}

/*
============================
Name:  Helpy - Charity HTML Template
Version: 1.0.0
Description: Helpy -Charity HTML Template
Author: Vikiglab
Author URI: https://themeforest.net/user/vikinglab/portfolio
Location:
============================
*/
/*============= COMON CSS AREA ===============*/
.vl-section-title-1 .subtitle {
  background: #e8f0ff;
  color: var(--theme-color);
  font-size: 18px;
  line-height: 18px;
  font-family: var(--body-font);
  font-weight: 500;
  display: inline-block;
  padding: 8px 12px;
  border-radius: 50px;
}
.vl-section-title-1 .title {
  color: #222;
  font-size: 44px;
  line-height: 52px;
  font-family: var(--heading-font);
  font-weight: 600;
  padding-top: 16px;
  padding-bottom: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-section-title-1 .title {
    font-size: 34px;
    line-height: 44px;
}
}
@media (max-width: 767px) {
  .vl-section-title-1 .title {
    font-size: 28px;
    line-height: 38px;
}
}
.vl-section-title-1 p {
  color: #514F4C;
  font-size: 18px;
  line-height: 28px;
  font-family: var(--body-font);
  font-weight: 500;
}
.vl-section-title-1.white .subtitle {
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.1);
  color:#fff;
}
.vl-section-title-1.white .title {
  color:#fff;
  font-size: 44px;
  line-height: 44px;
  font-family: var(--heading-font);
  font-weight: 600;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-section-title-1.white .title {
    font-size: 34px;
    line-height: 44px;
}
}
@media (max-width: 767px) {
  .vl-section-title-1.white .title {
    font-size: 34px;
    line-height: 44px;
}
}
.vl-section-title-1.white p {
  color: rgba(255, 255, 255, 0.8);
}
.vl-section-title-2 .subtitle {
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(25px);
  padding: 8px 12px;
  display: inline-block;
  color:#fff;
  font-size: 20px;
  line-height: 20px;
  font-family: var(--body-font);
  font-weight: 500;
}
.vl-section-title-2 .title {
  color:#fff;
  font-size: 64px;
  line-height: 72px;
  font-family: var(--heading-font);
  font-weight: 600;
  padding-top: 16px;
  padding-bottom: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-section-title-2 .title {
    font-size: 54px;
    line-height: 64px;
}
}
@media (max-width: 767px) {
  .vl-section-title-2 .title {
    font-size: 40px;
    line-height: 50px;
}
}
.vl-section-title-3 .subtitle {
  border-radius: 8px;
  background: rgba(86, 34, 127, 0.1);
  display: inline-block;
  color:#fff;
  font-size: 18px;
  line-height: 18px;
  font-family: var(--body-font);
  font-weight: 500;
  padding: 8px 12px;
}
.vl-section-title-3 .title {
  color: #170822;
  font-size: 44px;
  line-height: 44px;
  font-family: var(--heading-font);
  font-weight: 600;
  padding-top: 16px;
  padding-bottom: 16px;
}
@media ((max-width: 767px)) {
  .vl-section-title-3 .title {
    font-size: 26px;
    line-height: 26px;
}
}
.vl-section-title-3 p {
  color: #514E53;
  font-size: 18px;
  line-height: 28px;
  font-family: var(--body-font);
  font-weight: 500;
}

.vl-section-heading3 .subtitle {
  background: #e8f0ff;
  color:#fff;
  border-radius: 8px;
  padding: 8px 12px;
  display: inline-block;
  font-size: 20px;
  line-height: 20px;
  font-family: var(--body-font);
  font-weight: 500;
}
@media (max-width: 767px) {
  .vl-section-heading3 .subtitle {
    font-size: 13px;
    line-height: 20px;
}
}
.vl-section-heading3 .heading-title {
  color:#fff;
  font-size: 64px;
  line-height: 72px;
  font-family: var(--heading-font);
  font-weight: 600;
  padding-top: 16px;
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .vl-section-heading3 .heading-title {
    font-size: 44px;
    line-height: 52px;
    font-size: 38px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .vl-section-heading3 .heading-title {
    font-size: 60px;
    line-height: 72px;
}
}
.vl-section-heading3 .para {
  color:#fff;
  font-size: 20px;
  line-height: 30px;
  font-family: var(--body-font);
  font-weight: 500;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .vl-section-heading3 .para {
    font-size: 18px;
    line-height: 30px;
}
}

.vl-section-title3 .subtitle {
  background: #e8f0ff;
  color:#fff;
  border-radius: 8px;
  padding: 8px 12px;
  display: inline-block;
  font-size: 18px;
  line-height: 18px;
  font-family: var(--body-font);
  font-weight: 500;
}
.vl-section-title3 .title {
  color:#fff;
  font-size: 44px;
  line-height: 52px;
  font-family: var(--heading-font);
  font-weight: 600;
  padding-top: 16px;
  padding-bottom: 16px;
}
@media (max-width: 767px) {
  .vl-section-title3 .title {
    font-size: 30px;
    line-height: 40px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .vl-section-title3 .title {
    font-size: 40px;
    line-height: 52px;
}
}
.vl-section-title3 .para {
  color:#fff;
  font-size: 18px;
  line-height: 28px;
  font-family: var(--body-font);
  font-weight: 500;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .vl-section-title3 .para br {
    display: none;
}
}

.vl-section-title4 .subtitle {
  background: #e8f0ff;
  color: var(--theme-color);
  border-radius: 50px;
  padding: 8px 12px;
  display: inline-block;
  font-size: 18px;
  line-height: 18px;
  font-family: var(--body-font);
  font-weight: 500;
}
.vl-section-title4 .title {
  color: #222;
  font-size: 44px;
  line-height: 52px;
  font-family: var(--heading-font);
  font-weight: 600;
  padding-top: 16px;
  padding-bottom: 16px;
}
@media (max-width: 767px) {
  .vl-section-title4 .title {
    font-size: 32px;
    line-height: 44px;
}
}
.vl-section-title4 .para {
  color:#222;
  font-size: 18px;
  line-height: 28px;
  font-family: var(--body-font);
  font-weight: 500;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .vl-section-title4 .para br {
    display: none;
}
}

.vl-section-title5 .subtitle {
  border-radius: 8px;
  background: #e8f0ff;
  padding: 8px 12px;
  display: inline-block;
  font-size: 18px;
  line-height: 18px;
  font-family: var(--body-font);
  font-weight: 500;
  color: var(--theme-color);
}
.vl-section-title5 .title {
  color: #222;
  font-size: 44px;
  line-height: 50px;
  font-family: var(--heading-font);
  font-weight: 600;
  padding-top: 16px;
  padding-bottom: 16px;
}
@media (max-width: 767px) {
  .vl-section-title5 .title {
    font-size: 32px;
    line-height: 44px;
}
}
.vl-section-title5 .para {
  color: #514F4C;
  font-size: 18px;
  line-height: 28px;
  font-family: var(--body-font);
  font-weight: 500;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
input[type=url],
textarea {
  outline: none;
  background-color: #fff;
  height: 56px;
  width: 100%;
  line-height: 56px;
  font-size: 14px;
  color: var(--theme-color);
  padding-left: 26px;
  padding-right: 26px;
  border: 1px solid #E0E2E3;
}
input[type=text]:focus::placeholder,
input[type=email]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=number]:focus::placeholder,
input[type=password]:focus::placeholder,
input[type=url]:focus::placeholder,
textarea:focus::placeholder {
  opacity: 0;
}

textarea {
  line-height: 1.4;
  padding-top: 17px;
  padding-bottom: 17px;
}

.gray-bg {
  background: #fff !important;
}

.mt-18 {
  margin-top: 18px;
}

/* Hide the default radio button */
input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #01715D;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  position: relative;
  transition: border-color 0.3s ease, background-color 0.3s ease;
}

input[type=radio]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  background-color: transparent;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: background-color 0.3s ease;
}

input[type=radio]:checked {
  border-color: #FBD459;
}

input[type=radio]:checked::before {
  background-color: #01715D;
}

input[type=radio]:focus {
  outline: 2px solid #FBD459;
}

/*============= COMON CSS AREA ENDS ===============*/
/*============= SPACING CSS AREA ===============*/
.sp1 {
  padding: 100px 0 100px;
}
@media (max-width: 767px) {
  .sp1 {
    padding: 50px 0 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sp1 {
    padding: 50px 0 50px;
}
}

.sp2 {
  padding: 100px 0 70px;
}
@media (max-width: 767px) {
  .sp2 {
    padding: 50px 0 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sp2 {
    padding: 50px 0 20px;
}
}

.sp3 {
  padding: 100px 0 50px;
}

.sp4 {
  padding: 80px 0 80px;
}
@media (max-width: 767px) {
  .sp4 {
    padding: 40px 0 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sp4 {
    padding: 40px 0 40px;
}
}

.sp5 {
  padding: 60px 0 60px;
}
@media (max-width: 767px) {
  .sp5 {
    padding: 30px 0 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sp5 {
    padding: 30px 0 30px;
}
}

.sp6 {
  padding: 120px 0 120px;
}
@media (max-width: 767px) {
  .sp6 {
    padding: 60px 0 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sp6 {
    padding: 60px 0 60px;
}
}

.sp7 {
  padding: 120px 0 90px;
}
@media (max-width: 767px) {
  .sp7 {
    padding: 60px 0 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sp7 {
    padding: 60px 0 30px;
}
}

.sp8 {
  padding: 100px 0 0;
}
@media (max-width: 767px) {
  .sp8 {
    padding: 50px 0 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sp8 {
    padding: 50px 0 0;
}
}

.sp9 {
  padding: 120px 0 0;
}
@media (max-width: 767px) {
  .sp9 {
    padding: 60px 0 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sp9 {
    padding: 60px 0 0;
}
}

.sp10 {
  padding: 0 0 100px;
}
@media (max-width: 767px) {
  .sp10 {
    padding: 0 0 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sp10 {
    padding: 0 0 50px;
}
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  p br {
    display: none;
}
}

.w-100 {
  width: 100%;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-60 {
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-60 {
    margin-bottom: 30px;
}
}

.pb-32 {
  padding-bottom: 32px;
}

.pl-90 {
  padding-left: 90px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .pl-90 {
    padding-left: 0px;
}
}

.pl-30 {
  padding-left: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .pl-30 {
    padding-left: 0px;
}
}

.ml-20 {
  margin-left: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ml-20 {
    margin-left: 0px;
}
}

.mb-50 {
  margin-bottom: 50px;
}

.space-margin60 {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .space-margin60 {
    margin-bottom: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .space-margin60 {
    margin-bottom: 30px;
}
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

a, button {
  color: inherit;
  outline: none;
  border: none;
  background: transparent;
}

.ml-15 {
  margin-left: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ml-15 {
    margin-left: 0px;
}
}

.mr-15 {
  margin-right: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .mr-15 {
    margin-right: 0px;
}
}

.pb-16 {
  padding-bottom: 16px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pt-20 {
  padding-top: 20px;
}

.pb-48 {
  padding-bottom: 48px;
}

.pb-50 {
  padding-bottom: 50px;
}

.ml-50 {
  margin-left: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ml-50 {
    margin-left: 0px;
}
}

.mr-50 {
  margin-right: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .mr-50 {
    margin-right: 0px;
}
}

.pb-70 {
  padding-bottom: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .pb-70 {
    padding-bottom: 20px;
}
}

.mt-16 {
  margin-top: 16px;
}

.mt-32 {
  margin-top: 32px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-24 {
  margin-top: 24px;
}

.thme-pagination-mt {
  margin-top: 30px;
}

/*=====================
2. Header section css
==========================*/
.top_header{
    position: relative;
    background-color: var(--theme-color);
    padding: 10px 0 50px;
    color: #fff;
    a{
        color: #fff;
    }
}
.header-socios i{
    width: 35px;
    height: 35px;
    background-color: #fff;
    color: var(--theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 19px;
}

header.light_header {
    background-color: #fff;
    position: absolute;
    z-index: 9;
    padding: 5px 10px;
    margin-top: -45px;
    width: 99%;
    filter: drop-shadow(0 4px 50px rgba(0,0,0,.1));
    margin-right: auto;
    border-radius: 0 15px 15px 0;
}
.header-one__item{
    position: relative;
} 

header.light_header .main-navbar .nav-menu>li>a {
    color: #000;
    font-size: 17px;
    font-weight: 600;
    position: relative;
    padding: 15px 11px;
    display: block;
}
header.light_header .main-navbar .nav-menu>li>a>i{
    font-size: 11px;
    position: relative;
    top: -1px;
}
header.light_header .main-navbar .nav-menu>li>a:hover{
    color: var(--theme-color);
}
header.light_header .menu .header-right .front-setting {
    background-color: #f3f3f5;
}

header.light_header .menu .header-right .front-setting select {
    color: #222222;
    background: url(../images/icon/down-black.html) no-repeat 80%;
}

header.light_header .menu .header-right .user.user-light {
    background-color: #f3f3f5;
}

header.light_header .menu .header-right .user.user-light i {
    color: var(--theme-color);
    font-size: 30px;
}

header.light_header .menu .header-right .setting {
    background-color: #f3f3f5;
}

header.light_header .menu .header-right .setting i {
    color: var(--theme-color);
}

header.light_header .main-navbar .nav-menu>li {
    padding: 0px;
}

header.light_header .toggle-nav i {
    color: var(--theme-color);
}

header.light_header.absolute-header {
    position: absolute;
    -webkit-box-shadow: 0 2px 4px 0 #dedede;
    box-shadow: 0 2px 4px 0 #dedede;
}

header.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    -webkit-box-shadow: 0 2px 4px 0 #dedede;
    box-shadow: 0 2px 4px 0 #dedede;
}

header .mix-pills {
    margin-top: 15px;
    margin-bottom: 12px;
}

header .mix-pills.nav-pills .nav-link.active,
header .mix-pills.nav-pills .show>.nav-link {
    background-color: transparent;
    color: var(--theme-color);
}

header .mix-pills.nav-pills .nav-link.active svg,
header .mix-pills.nav-pills .show>.nav-link svg {
    fill: var(--theme-color);
}

header .mix-pills.nav-pills .nav-link.active:after,
header .mix-pills.nav-pills .show>.nav-link:after {
    opacity: 1;
}

header .mix-pills.nav-pills .nav-link {
    padding: 0 13px;
    color: var(--theme-color);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
}

header .mix-pills.nav-pills .nav-link svg {
    width: 14px;
    height: auto;
    margin-right: 8px;
}

header .mix-pills .nav-item {
    margin-right: 15px;
}

header.tour-header {
    z-index: 10;
}


/*********Banner********/

.vl-section-banner4 {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.vl-section-banner4 .shape2 {
  position: absolute;
  right: 0;
  top: 140px;
}
.vl-section-banner4 .shape3 {
  position: absolute;
  bottom: 0;
}
.vl-section-banner4 .shape {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.vl-section-banner4 .vl-padding-top .vl-section-title {
  padding-top: 214px;
  padding-bottom: 110px;
}
.vl-section-banner4 .vl-section-title .subtitle {
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(25px);
  display: inline-block;
  color:#fff;
  font-size: 20px;
  line-height: 20px;
  font-family: var(--body-font);
  font-weight: 500;
  padding: 8px 12px;
}
.vl-section-banner4 .vl-section-title .subtitle span img {
  height: 20px;
  width: 20px;
  display: inline-block;
}
.vl-section-banner4 .vl-section-title .title {
  color:#fff;
  font-size: 80px;
  line-height: 82px;
  font-family: var(--heading-font);
  font-weight: 600;
  padding-top: 16px;
  padding-bottom: 16px;
}
.vl-section-banner4 .vl-section-title .para {
  color: rgba(255, 255, 255, 0.9);
  font-family: var(--body-font);
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
}

.baner4-active .slick-dots::after {
  position: absolute;
  content: "";
  height: 100px;
  width: 4px;
  background-image: url(/assets/img/icons/vl-dot-line-3.2.svg);
  background-size: cover;
  z-index: 1;
  left: 18px;
  top: 90px;
}
.baner4-active .slick-dots::before {
  position: absolute;
  content: "";
  height: 100px;
  width: 4px;
  background-image: url(/assets/img/icons/vl-dot-line-3.1.svg);
  background-size: cover;
  z-index: 1;
  left: 18px;
  top: -113px;
}

.baner4-active .slick-dots li.slick-active {
  background: var(--theme-color);
  position: relative;
  height: 10px;
  width: 10px;
}

.baner4-active .slick-dots li.slick-active:after {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  border: 1px solid var(--theme-color);
  border-radius: 50px;
  left: -5px;
  top: -5px;
}

.baner4-active {
  height: 580px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .baner4-active {
    height: auto;
  }
}
@media (max-width: 767px) {
  .baner4-active {
    height: auto;
  }
}
.baner4-active .slick-dots {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .baner4-active .slick-dots {
    right: 10px;
    left: auto;
  }
}
@media (max-width: 767px) {
  .baner4-active .slick-dots {
    right: 0px;
    left: auto;
    top: 60%;
  }
}
.baner4-active .slick-dots li {
  background: #fff;
  height: 12px;
  width: 12px;
  border-radius: 50px;
  margin: 12px 14px;
  text-align: center;
  line-height: 12px;
  font-size: 0;
  cursor: pointer;
  display: block;
}

.vl-banner4 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  height: 580px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-banner4 {
    height: auto;
  }
}
@media (max-width: 767px) {
  .vl-banner4 {
    height: auto;
  }
}
.vl-banner4 .container{
    height: 580px;
}
.vl-banner4 .shape {
  position: absolute;
  left: 117px;
  height: 100%;
  width: 100%;
}
.vl-banner4 .shape img {
  height: 100%;
}
.vl-banner4 .shape2 {
  position: absolute;
  right: 0;
}
.vl-banner4 .shape3 {
  position: absolute;
  bottom: 0;
}
.vl-banner4 .banner-content {
  padding-top: 214px;
  padding-bottom: 118px;
  transform: translateX(-400px);
  opacity: 0;
  visibility: hidden;
  transition: 1600ms;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-banner4 .banner-content {
    padding-bottom: 0px;
  }
}
@media (max-width: 767px) {
  .vl-banner4 .banner-content {
    padding-top: 180px;
    padding-bottom: 20px;
  }
}
.vl-banner4 .banner-content .subtitle {
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(25px);
  display: inline-block;
  color:#fff;
  font-size: 20px;
  line-height: 20px;
  font-family: var(--body-font);
  font-weight: 500;
  padding: 8px 12px;
}
@media (max-width: 767px) {
  .vl-banner4 .banner-content .subtitle {
    font-size: 16px;
    line-height: 16px;
  }
}
.vl-banner4 .banner-content .subtitle img {
  display: inline-block;
  margin-right: 4px;
}
.vl-banner4 .banner-content .title {
  color:#fff;
  font-size: 80px;
  line-height: 82px;
  font-family: var(--heading-font);
  font-weight: 600;
  padding-top: 16px;
  padding-bottom: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-banner4 .banner-content .title {
    font-size: 60px;
    line-height: 70px;
  }
  .vl-banner4 .banner-content .title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .vl-banner4 .banner-content .title {
    font-size: 34px;
    line-height: 44px;
  }
  .vl-banner4 .banner-content .title br {
    display: none;
  }
}
.vl-banner4 .banner-content .para {
  color: rgba(255, 255, 255, 0.9);
  font-family: var(--body-font);
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
}
.vl-banner4 .vl-banner-thumb {
  position: absolute;
  top: 40px;
  transform: translateY(500px);
  opacity: 0;
  visibility: hidden;
  transition: 1500ms;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-banner4 .vl-banner-thumb {
    position: relative !important;
    right: auto;
    top: auto !important;
  }
}
@media (max-width: 767px) {
  .vl-banner4 .vl-banner-thumb {
    position: relative;
  }

}

.vl-banner4.slick-active .banner-content {
  transform: translateY(0px);
  transition: 1400ms;
  opacity: 1;
  visibility: visible;
}

.vl-banner4.slick-active .vl-banner-thumb {
    transform: translateX(0px);
    opacity: 1;
    visibility: visible;
    transition: 1500ms;
    right: 20%;
    bottom: 0;
    top: auto;
}
.vl-banner4.slick-active .vl-banner-thumb.first {
    transform: scaleX(-1);
    width: 386px;
}
.vl-banner4.slick-active .vl-banner-thumb.second {
    width: auto;
    height: 100%;
}
.vl-banner4.slick-active .vl-banner-thumb.third {
    width: auto;
    height: 100%;
}
.vl-about4 .vl-about-thumb .thumb-1 {
  position: relative;
  border-radius: 8px;
  z-index: 11;
}
.vl-about4 .vl-about-thumb .thumb-1 img {
  border-radius: 8px;
  height: 500px;
  object-fit: cover;
}
.vl-about4 .vl-about-thumb .thumb-2 {
  position: relative;
  z-index: 1;
  margin-top: 0;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .vl-about4 .vl-about-thumb .thumb-2 {
    margin-top: 0px;
  }
}
.vl-about4 .vl-about-thumb .thumb-2 img {
  border-radius: 8px;
}
.vl-about4 .vl-about-thumb .thumb-2 img.thmb2 {
  height: 600px;
  object-fit: cover;
}
.vl-about4 .vl-about-thumb .thumb-2 .shape {
  position: absolute;
  top: -99px;
  left: -100px;
}
.vl-about4 .vl-about-content .vl-about-icon-box {
  background: inherit;
  padding: inherit;
}
.vl-about4 .vl-about-content .vl-about-icon-box .vl-about-icon span {
  background: #e8f0ff;
}
.vl-about4 .vl-about-content .vl-about-icon-box .vl-icon-content:hover .title a {
  color: var(--theme-color);
}
.vl-about-icon-box {
    background: #fff;
    border-radius: 7px;
    padding: 28px 24px;
    display: flex
;
    margin-right: 25px;
}
.vl-about4 .vl-about-content .vl-about-icon-box .vl-about-icon span {
    background: #e8f0ff;
    img{
        max-width: 36px;
    }
}
.vl-about-icon-box .vl-about-icon span {
    height: 80px;
    width: 80px;
    line-height: 80px;
    text-align: center;
    border-radius: 50px;
    background:#fff;
    display: inline-block;
    transition: 0.3s;
    margin-right: 20px;
}



.vl-single-cause-box {
  background:#fff;
  overflow: hidden;
  border-radius: 8px;
}
.vl-single-cause-box .vl-cause-thumb {
  position: relative;
  overflow: hidden;
  transition: 0.3s;
  margin-bottom: 23px;
}
.vl-single-cause-box .vl-cause-thumb::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 0%;
  background: #181713;
  opacity: 0.1;
  transition: 0.4s;
}
.vl-single-cause-box .vl-cause-thumb-2::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 0%;
  background: #170822;
  opacity: 0.5;
  transition: 0.4s;
}
.vl-single-cause-box .vl-cause-thumb img {
  height: 270px;
  object-fit: cover;
  transition: 0.3s;
}
.vl-single-cause-box .vl-cause-thumb .casue-btn {
  position: absolute;
  top: 90%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  z-index: 9;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}
.vl-single-cause-box .vl-cause-thumb .vl-about-btn {
  position: absolute;
  top: 90%;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  transform: translateY(-50%);
  z-index: 1;
  transition: 0.3s;
  padding-top: 0;
  opacity: 0;
  visibility: hidden;
}
.vl-single-cause-box .vl-cause-content {
  padding: 20px;
  padding-top: 0;
}
.vl-cause-content .title{
    font-size: 20px;
}
.vl-single-cause-box .vl-cause-content .badge {
  background: var(--theme-color);
  color:#fff;
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  font-family: var(--body-font);
  display: inline-block;
  padding: 8px 12px;
}
.vl-single-cause-box .vl-cause-content .badge-2 {
  background: #170822;
}
.vl-single-cause-box .vl-cause-content .title a {
  font-size: 20px;
  line-height: var(--ztc-specing-height24);
  font-weight: 600;
  font-family: var(--heading-font);
  padding-top: 16px;
  padding-bottom: 16px;
  transition: 0.3s;
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .vl-single-cause-box .vl-cause-content .title a {
    font-size: var(--ztc-font-size-font-s22);
    line-height: var(--ztc-specing-height22);
  }
}
.vl-single-cause-box .vl-cause-content .title a:hover {
  color: var(--theme-color);
  transition: 0.3s;
}
.vl-single-cause-box .vl-cause-content p {
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  color: #514F4C;
}
.vl-single-cause-box:hover .vl-cause-thumb img {
  transform: scale(1.1) rotate(3deg);
  transition: 0.4s;
}
.vl-single-cause-box:hover .vl-cause-thumb::after {
  width: 100%;
  transition: 0.4s;
}
.vl-single-cause-box:hover .btn-area.casue-btn {
  top: 50%;
  opacity: 1;
  visibility: visible;
  transition: 0.5s;
}
.vl-single-cause-box:hover .vl-about-btn {
  top: 50%;
  opacity: 1;
  visibility: visible;
}
.vl-causes-area-4 {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.vl-causes-area-4 .shapedown {
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
}
.vl-causes-area-4 .shape {
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
.vl-causes-area-4 .shape img {
  height: 100%;
}
.vl-causes-area-4 .vl-section-title4 .subtitle {
  background:#fff;
}
.vl-causes-area-4 .vl-section-title4 .title {
  line-height: 44px;
}
.vl-causes-area-4 .btn-area .header-btn1 {
  background: var(--theme-color);
  color:#fff;
  font-size: 18px;
  line-height: 18px;
  font-family: var(--body-font);
  font-weight: 600;
  padding: 8px 8px 8px 20px;
  border-radius: 50px;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.vl-causes-area-4 .btn-area .header-btn1:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: var(--theme-color);
  z-index: -1;
  border-radius: 50px;
  transition: 0.3s;
  transform: scaleX(0);
}
.vl-causes-area-4 .btn-area .header-btn1:hover::after {
  transform: scaleX(1);
}
.vl-causes-area-4 .btn-area .header-btn1 span {
  color: var(--theme-color);
}
.vl-causes-area-4 .vl-cause-thumb {
  margin-bottom: 0;
}
.vl-causes-area-4 .vl-progress {
  background: #FFF7F4;
  padding: 24px;
  padding-top: 60px;
  border-radius: 8px;
  margin-left: 12px;
  margin-right: 12px;
  margin-top: -62px;
  position: relative;
  z-index: 1;
}
.vl-causes-area-4 .vl-progress .skill-progress .skill-box .skill-bar {
  height: 8px;
  width: 100%;
  border-radius: 6px;
  margin-top: 6px;
  margin-bottom: 16px;
  background: #fff;
}
.vl-causes-area-4 .vl-progress .skill-progress .skill-box .skill-bar .skill-per {
  position: relative;
  display: block;
  height: 100%;
  width: 16%;
  border-radius: 6px;
  background: var(--theme-color);
  animation: progress 0.4s ease-in-out forwards;
  opacity: 0;
}
.vl-causes-area-4 .vl-cause-content .badge {
  background: var(--theme-color);
}
.vl-causes-area-4 .vl-cause-content .title a {
  color: #222;
  transition: 0.3s;
}
.vl-causes-area-4 .vl-cause-content .title a:hover {
  color: var(--theme-color);
}
.vl-causes-area-4 .vl-cause-content .para {
  color: #222;
  margin-bottom: 10px;
}


.vl-testimonial4.vl-testimonial-inner .smarrow.abarow.arrow-lft.slick-arrow {
  background: #F6F4EE !important;
}

.vl-testimonial4 {
  background: var(--theme-color);
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.vl-testimonial4 .shape {
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
.vl-testimonial4 .shape img {
  height: 100%;
  width: 100%;
}
.vl-testimonial4 .vl-testimonial-content {
  margin-left: 33px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .vl-testimonial4 .vl-testimonial-content {
    margin-left: 0px;
  }
}
.vl-testimonial4 .vl-testimonial-content .vl-section-title4 .subtitle {
  background: rgba(255, 255, 255, 0.2);
  color:#fff;
  transition: 0.3s;
}
.vl-testimonial4 .vl-testimonial-content .vl-section-title4 .title {
  color:#fff;
  transition: 0.3s;
}
.vl-testimonial4 .vl-testimonial-content .vl-section-title4 .para {
  color: rgba(255, 255, 255, 0.9);
}
.vl-testimonial4 .vl-testimonial-content .vl-section-title4 .btn-area4 {
  margin-bottom: 48px;
}
.vl-testimonial4 .vl-testimonial-content .icon-box-bg {
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.2);
  padding-top: 24px;
  padding-bottom: 28px;
  padding-left: 32px;
  padding-right: 32px;
  transition: 0.3s;
}
.vl-testimonial4 .vl-testimonial-content .icon-box-bg.active {
  background: var(--theme-color);
  transition: 0.3s;
}
.vl-testimonial4 .vl-testimonial-content .icon-box-bg.active .icon span {
  background:#fff;
}
.vl-testimonial4 .vl-testimonial-content .icon-box-bg.active .icon span img {
  filter: inherit;
  transition: 0.3s;
}
.vl-testimonial4 .vl-testimonial-content .icon-box-bg .icon span {
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.2);
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  display: inline-block;
  transition: 0.3s;
}
.vl-testimonial4 .vl-testimonial-content .icon-box-bg .icon span img {
  filter: brightness(0) invert(1);
  transition: 0.3s;
}
.vl-testimonial4 .vl-testimonial-content .icon-box-bg .title {
  color:#fff;
  font-size: 44px;
  line-height: 44px;
  font-family: var(--heading-font);
  font-weight: 600;
  padding-top: 16px;
  padding-bottom: 12px;
  transition: 0.3s;
}
.vl-testimonial4 .vl-testimonial-content .icon-box-bg span {
  color: rgba(255, 255, 255, 0.8);
  font-size: 18px;
  line-height: 18px;
  font-family: var(--body-font);
  font-weight: 500;
  transition: 0.3s;
}
.vl-testimonial4 .vl-testimonial-content .icon-box-bg.icon-box-bg2 {
  background: #fff;
}
.vl-testimonial4 .vl-testimonial-content .icon-box-bg.icon-box-bg2.active {
  background: #aeaeae;
  transition: 0.3s;
}
.vl-testimonial4 .vl-testimonial-content .icon-box-bg.icon-box-bg2 .icon span {
  border-radius: 50px;
  background: #fff;
}
.vl-testimonial4 .vl-testimonial-content .icon-box-bg.icon-box-bg2 .icon span img {
  filter: inherit;
  transition: 0.3s;
}
.vl-testimonial4 .vl-testimonial-content .icon-box-bg.icon-box-bg2 .title {
  color: var(--theme-color);
}
.vl-testimonial4 .vl-testimonial-content .icon-box-bg.icon-box-bg2 span {
  color: var(--theme-color);
}
.vl-testimonial4 .testimonial-slides-wrap {
  overflow: hidden;
}
.vl-testimonial4 .testimonial-slides-wrap ul.slick-dots button {
  font-size: 0;
  display: none;
}
.vl-testimonial4 .testimonial-slides-wrap .slider-thumb .single-thumb img {
  height: 420px;
  width: 470px !important;
  object-fit: cover;
  border-radius: 8px;
}
.vl-testimonial4 .testimonial-slides-wrap .slider-content-box {
  background:#fff;
  padding: 32px;
  border-radius: 8px;
  margin-left: 90px;
  margin-top: -216px;
  position: relative;
  z-index: 1;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-testimonial4 .testimonial-slides-wrap .slider-content-box {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .vl-testimonial4 .testimonial-slides-wrap .slider-content-box {
    margin-left: 0px;
    padding: 10px;
    margin-bottom: 30px;
  }
}
.vl-testimonial4 .testimonial-slides-wrap .slider-content-box .icon ul li {
  display: inline-block;
}
.vl-testimonial4 .testimonial-slides-wrap .slider-content-box .para {
  padding-top: 13px;
  padding-bottom: 22px;
  color:#222;
  font-size: 20px;
  line-height: 30px;
  font-family: var(--body-font);
  font-weight: 500;
}
.vl-testimonial4 .testimonial-slides-wrap .slider-content-box .slider-flex {
  display: flex;
  align-items: center;
}
.vl-testimonial4 .testimonial-slides-wrap .slider-content-box .slider-flex .user {
  margin-right: 16px;
}
.vl-testimonial4 .testimonial-slides-wrap .slider-content-box .slider-flex .user img {
  height: 50px;
  width: 50px;
  border-radius: 50px;
  object-fit: cover;
}
.vl-testimonial4 .testimonial-slides-wrap .slider-content-box .slider-flex .content .title {
  color: #222;
  font-size: 20px;
  line-height: 20px;
  font-family: var(--heading-font);
  font-weight: 600;
  display: block;
  padding-bottom: 12px;
  transition: 0.3s;
}
.vl-testimonial4 .testimonial-slides-wrap .slider-content-box .slider-flex .content .title:hover {
  color: #222;
  transition: 0.3s;
}
.vl-testimonial4 .testimonial-slides-wrap .slider-content-box .slider-flex .content span {
  color: #aeaeae;
  font-size: 18px;
  line-height: 18px;
  font-family: var(--body-font);
  font-weight: 500;
}
.vl-testimonial4 .slider-sm .slick-list {
  overflow: inherit;
}
.vl-testimonial4 .smarrow.slick-arrow {
  background: var(--theme-color);
  height: 48px;
  width: 48px;
  display: block;
  line-height: 48px;
  text-align: center;
  border-radius: 50px;
  right: 32px;
  bottom: 35px;
  cursor: pointer;
  font-size: 24px;
  transition: 0.3s;
  color: #fff;
}
.vl-testimonial4 .smarrow.slick-arrow:hover {
  background: #5686e0 !important;
  transition: 0.3s;
}
.vl-testimonial4 .smarrow.slick-arrow.smarrow2 {
  background: green;
}
.vl-testimonial4 span.smarrow.smarrow2.abarow.arrow-lft.slick-arrow {
  background: #F6F4EE !important;
}
.vl-testimonial4 span.smarrow.smarrow2.abarow.arrow-lft.slick-arrow:hover {
  background: #FBD459 !important;
}
.vl-testimonial4 span.smarrow.smarrow2.abarow.arrow-right.slick-arrow {
  background: #F6F4EE !important;
}
.vl-testimonial4 span.smarrow.smarrow2.abarow.arrow-right.slick-arrow:hover {
  background: #FBD459 !important;
}
.vl-testimonial4 span.smarrow.arrow-lft.slick-arrow {
  position: absolute;
  right: 96px;
}
@media (max-width: 767px) {
  .vl-testimonial4 span.smarrow.arrow-lft.slick-arrow {
    right: 56px;
  }
}
.vl-testimonial4 span.smarrow.arrow-right.slick-arrow {
  position: absolute;
  right: 32px;
  z-index: 9;
}
@media (max-width: 767px) {
  .vl-testimonial4 span.smarrow.arrow-right.slick-arrow {
    right: 6px;
  }
}
.vl-testimonial4.vl-testimonial-inner {
  background: transparent;
}
.vl-testimonial4.vl-testimonial-inner .vl-testimonial-content .vl-section-title4 .subtitle {
  background: #fff;
  color: var(--theme-color);
}
.vl-testimonial4.vl-testimonial-inner .vl-testimonial-content .vl-section-title4 .title {
  color: var(--theme-color);
  font-size: 44px;
  line-height: 50px;
  font-family: var(--heading-font);
  font-weight: 600;
}
.vl-testimonial4.vl-testimonial-inner .vl-testimonial-content .vl-section-title4 .para {
  color: #514F4C;
  font-size: 18px;
  line-height: 28px;
  font-family: var(--body-font);
  font-weight: 500;
}
.vl-testimonial4.vl-testimonial-inner .smarrow.slick-arrow {
  height: 48px;
  width: 48px;
  display: block;
  line-height: 48px;
  text-align: center;
  border-radius: 50px;
  right: 32px;
  bottom: 35px;
  cursor: pointer;
  font-size: 24px;
  transition: 0.3s;
  color: var(--theme-color);
}
.vl-testimonial4.vl-testimonial-inner .smarrow.slick-arrow:hover {
  background: var(--theme-color) !important;
  transition: 0.3s;
}

.mySwiper .swiper-slide img {
  transform: scale(0.8);
}
.mySwiper .swiper-slide-active img {
  transform: scale(1);
}
.vl-testimonial4 .slick-initialized .slick-slide.slick-active{
    visibility: visible;
}
/*============= FAQ CSS AREA ===============*/
.vl-faq-inner .title {
  color: var(--theme-color);
  font-size: 44px;
  line-height: 44px;
  font-family: var(--heading-font);
  font-weight: 600;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-faq-inner .title {
    font-size: 34px;
    line-height: 44px;
  }
}
@media (max-width: 767px) {
  .vl-faq-inner .title {
    font-size: 34px;
    line-height: 44px;
  }
}
.vl-faq-inner .vl-tab-item {
  display: flex;
  justify-content: center;
}
.vl-faq-inner .vl-accordion-item {
  border: 1px solid #E8E8E7;
  border-radius: 8px;
  margin-bottom: 20px;
}
.vl-faq-inner .vl-accordion-item .accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: rgba(255, 255, 255, 0);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
  padding: 24px 20px;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  color: #fff;
}
.vl-faq-inner .vl-accordion-item .accordion-button.collapsed{
    color: #222;
}
.vl-faq-inner .vl-accordion-item .accordion-collapse p{
    color: #fff;
}
.vl-faq-inner .vl-accordion-item .accordion-button:focus {
  box-shadow: none;
}
.vl-faq-inner .vl-accordion-item .accordion-button:not(.collapsed) {
  box-shadow: inherit;
}
.vl-faq-inner .vl-accordion-item .accordion-body {
  padding: 24px 20px;
  padding-top: 0;
  color: #514F4C;
  font-size: 18px;
  word-break: break-all;
  line-height: 26px;
  font-weight: 600;
}
.vl-faq-inner .vl-accordion-item .accordion-button:not(.collapsed) {
  background: var(--theme-color) !important;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.vl-faq-inner .vl-accordion-item .accordion-body:not(.collapsed) {
  background: var(--theme-color);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.vl-tab-item {
  border: 1px solid #E8E8E7;
  border-radius: 8px;
  padding: 12px 24px;
  margin-bottom: 48px;
}
.vl-tab-item .nav-pills .nav-link.active, .vl-tab-item .nav-pills .show > .nav-link {
  background-color: var(--theme-color);
  padding: 12px 24px;
  font-size: 20px;
  line-height: 18px;
  font-weight: 700;
  color: var(--theme-color);
}
.vl-tab-item .nav-link {
  font-size: 20px;
  line-height: 18px;
  font-weight: 700;
  padding: 12px 24px;
  color: var(--theme-color);
  background: #F6F4EE;
}
@media (max-width: 767px) {
  .vl-tab-item .nav-link {
    margin-bottom: 15px;
  }
}

/*============= FAQ CSS AREA ENDS===============*/
.vl-cta4 .vl-cta-bg4 {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    border-radius: 8px;
    padding: 25px;
    padding-bottom: 20px;
    overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-cta4 .vl-cta-bg4 {
    padding-right: 60px;
  }
}
@media (max-width: 767px) {
  .vl-cta4 .vl-cta-bg4 {
    padding: 10px;
  }
}
.vl-cta4 .vl-cta-bg4 .shape {
  position: absolute;
  left: 120px;
  top: 0;
  height: 100%;
  width: 100%;
}
.vl-cta4 .vl-cta-bg4 .shape img {
  height: 100%;
}
.vl-cta4 .vl-cta-bg4::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #00263A;
  opacity: 0.7;
  z-index: -1;
}
.vl-cta4 .vl-cta-bg4 .cta-content {
  position: relative;
  z-index: 2;
}
.vl-cta4 .vl-cta-bg4 .cta-content .title {
  color:#fff;
  font-size: 44px;
  line-height: 44px;
  font-family: var(--heading-font);
  font-weight: 600;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-cta4 .vl-cta-bg4 .cta-content .title {
    font-size: 34px;
    line-height: 44px;
  }
}
@media (max-width: 767px) {
  .vl-cta4 .vl-cta-bg4 .cta-content .title {
    font-size: 32px;
    line-height: 40px;
  }
  .vl-cta4 .vl-cta-bg4 .cta-content .title br {
    display: none;
  }
}
.vl-cta4 .vl-cta-bg4 .cta-content .para {
  color:#fff;
  font-size: 18px;
  line-height: 28px;
  font-family: var(--body-font);
  font-weight: 500;
  padding-top: 0;
  padding-bottom: 15px;
}
.vl-cta4 .vl-cta-bg4 .cta-content .para:last-child{
    padding: 0;
}
.vl-cta4 .vl-cta-bg4 .cta-content .vl-ctaform {
  display: flex;
}
@media (max-width: 767px) {
  .vl-cta4 .vl-cta-bg4 .cta-content .vl-ctaform {
    display: block;
  }
}
.vl-cta4 .vl-cta-bg4 .cta-content .vl-ctaform input {
  width: 270px;
  border-radius: 50px;
  height: 52px;
  margin-right: 16px;
}
@media (max-width: 767px) {
  .vl-cta4 .vl-cta-bg4 .cta-content .vl-ctaform input {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .vl-cta4 .vl-cta-bg4 .cta-content .vl-ctaform .btn-area4 .header-btn1 {
    width: 100%;
    margin-top: 30px;
  }
}
.vl-cta4 .vl-cta-bg4 .vl-ctathumb {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    img{

    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
    }
}
.vl-cta4 .vl-cta-bg4 .vl-ctathumb.left {
    position: absolute;
    top: 30px;
    left: 15px;
    width: auto;
    height: 100%;
     transform: none; 
    border-radius: 25px;
    background: var(--theme-color);
    border: 3px solid #fff;
    img{

    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: none;
    border-radius: inherit;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .vl-cta4 .vl-cta-bg4 .vl-ctathumb {
    position: relative;
    right: 0;
    word-break: break-all;
    width: 100%;
    height: auto;
    border-radius: 10px;
    transform: none;
    img{
        transform: none;
    }
  }
}
.vl-choose5 .vl-icon-box {
  background: #fff;
  border-radius: 8px;
  padding: 10px 15px;
  border: 1px solid #d1d1d1;
  box-shadow: 0 0 12px rgba(244, 244, 244, 0.3);
}
.vl-choose5 .vl-icon-box .icon span {
  display: inline-block;
  height: 60px;
  width: 60px;
  line-height: 60px;
  border-radius: 50px;
  text-align: center;
  background: var(--theme-color);
  margin-bottom: 17px;
  img{
    width: 40px;
    height: auto;
  }
}
.vl-choose5 .vl-icon-box .content .title {
  color: #222;
  transition: 0.3s;
  font-size: 20px;
  line-height: 20px;
  font-family: var(--heading-font);
  font-weight: 600;
}
.vl-choose5 .vl-icon-box .content .title:hover {
  color: var(--theme-color);
  transition: 0.3s;
}
.vl-choose5 .vl-icon-box .content .para {
  color: #514F4C;
  font-size: 18px;
  line-height: 26px;
  font-family: var(--body-font);
  font-weight: 500;
  padding-top: 16px;
  padding-bottom: 25px;
}
.vl-choose5 .vl-icon-box .content .readmore {
  color: var(--theme-color);
  transition: 0.3s;
  font-size: 18px;
  line-height: 18px;
  font-family: var(--heading-font);
  font-weight: 600;
  display: inline-block;
  transition:0.3s;
  i{
    transform: rotate(-45deg);
    transition:0.3s;
  }
}
.vl-choose5 .vl-icon-box .content .readmore:hover{
    color: #555;
    i{
        transform: none;
    }
}

.vl-choose5 .single-thumb-box {
  position: relative;
}
.vl-choose5 .single-thumb-box .box-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 40%;
  z-index: 1;
}
.vl-choose5 .single-thumb-box .box-icon span {
  height: 100px;
  width: 100px;
  border-radius: 8px;
  display: inline-block;
  line-height: 100px;
  background: var(--theme-color);
  text-align: center;
}
.vl-choose5 .single-thumb-box .single-thmb img {
  border-radius: 8px;
  height: 500px;
  object-fit: cover;
}
.vl-choose5 .single-thumb-box .single-thmb2 img {
  margin-top: 108px;
  border-radius: 8px;
  height: 470px;
  object-fit: cover;
}
@media (max-width: 767px) {
  .vl-choose5 .single-thumb-box .single-thmb2 img {
    margin-top: 0px;
  }
}
/*============= TEAM CSS AREA ===============*/
.vl-team-bg-1 {
  background: #fff;
}
.vl-team-section-title .vl-section-title-1 .subtitle {
  background: #fff;
}

.vl-single-team-box {
  position: relative;
}
.vl-single-team-box .vl-team-content {
  overflow: hidden;
  background: #fff;
  text-align: center;
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: -37px;
  padding-top: 30px;
  padding-bottom: 30px;
  border-radius: 8px;
  height: 98px;
  transition: 0.3s;
}
.vl-single-team-box .vl-team-social {
  left: 0;
  right: 0;
  transform: translateY(-70px);
  transition: 0.3s;
  height: 0;
}
.vl-single-team-box .vl-team-social ul li {
  display: inline-block;
}
.vl-single-team-box .vl-team-social ul li a {
  background: #fff;
  height: 32px;
  width: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 50px;
  transition: 0.3s;
  color: var(--theme-color);
  display: block;
  margin: 0 4px;
}
.vl-single-team-box .vl-team-social ul li a:hover {
  background: #aeaeae;
}
.vl-single-team-box .vl-team-desc .title a {
  color: var(--theme-color);
  font-size: 20px;
  line-height: 20px;
  font-family: var(--heading-font);
  font-weight: 600;
  padding-bottom: 12px;
  transition: 0.3s;
}
.vl-single-team-box .vl-team-desc span {
  color: #514F4C;
  font-size: 18px;
  line-height: 18px;
  font-family: var(--body-font);
  font-weight: 500;
  transition: 0.3s;
}
.vl-single-team-box:hover .vl-team-social {
  transform: translateY(0px);
  transition: 0.3s;
  height: 32px;
  margin-bottom: 10px;
}
.vl-single-team-box:hover .vl-team-content {
  height: 150px;
}
.vl-single-team-box:hover .vl-team-desc .title a {
  color: var(--theme-color);
  transition: 0.3s;
}

.vl-team4 .vl-single-team-member .thumb {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 8px;
}
.vl-team4 .vl-single-team-member .thumb img {
  border-radius: 8px;
  transition: 0.3s;
}
.vl-team4 .vl-single-team-member .thumb::after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  height: 100%;
  width: 0%;
  background: rgba(0, 38, 58, 0.7);
  transition: 0.5s;
  z-index: 999;
}
.vl-team4 .vl-single-team-member .thumb-content {
  position: absolute;
  bottom: 24px;
  left: 0;
  right: 0;
  z-index: 9999;
  transform: translateY(74px);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.vl-team4 .vl-single-team-member .thumb-content .content .title {
  display: block;
  color:#fff;
  font-size: 20px;
  line-height: 20px;
  font-family: var(--heading-font);
  font-weight: 600;
  padding-bottom: 12px;
  transition: 0.3s;
}
.vl-team4 .vl-single-team-member .thumb-content .content span {
  color: rgba(255, 255, 255, 0.8);
  font-size: 18px;
  line-height: 18px;
  font-family: var(--body-font);
  font-weight: 500;
  padding-bottom: 24px;
  display: block;
}
.vl-team4 .vl-single-team-member .thumb-content .vl-team-social ul li {
  display: inline-block;
}
.vl-team4 .vl-single-team-member .thumb-content .vl-team-social ul li a {
  display: block;
  background:#fff;
  height: 32px;
  width: 32px;
  line-height: 32px;
  border-radius: 50px;
  color: var(--theme-color);
  transition: 0.3s;
  margin-right: 8px;
}
.vl-team4 .vl-single-team-member .thumb-content .vl-team-social ul li a:hover {
  background: var(--theme-color);
  color:#fff;
  transition: 0.3s;
}
.vl-team4 .vl-single-team-member:hover .thumb-content {
  opacity: 1;
  visibility: visible;
  transition: 0.5s;
  transform: translateY(0);
}
.vl-team4 .vl-single-team-member:hover .thumb img {
  transform: scale(1.1);
}
.vl-team4 .vl-single-team-member:hover .thumb::after {
  width: 100%;
  transition: 0.5s;
}

#team4 {
  position: relative;
  z-index: 1;
}
#team4 .owl-nav button {
  height: 56px;
  width: 56px;
  background: #FFF7F4 !important;
  display: inline-block;
  border: 1px solid rgba(80, 79, 78, 0.1);
  border-radius: 50px;
  line-height: 56px;
  font-size: 25px !important;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  #team4 .owl-nav button {
    margin: 0 15px;
    margin-top: 30px;
  }
}
#team4 .owl-nav button:hover {
  background: var(--theme-color) !important;
  color:#fff !important;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  #team4 .owl-nav {
    text-align: center;
  }
}
#team4 button.owl-next {
  position: absolute;
  right: -76px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  #team4 button.owl-next {
    right: -48px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  #team4 button.owl-next {
    right: -50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  #team4 button.owl-next {
    position: relative;
    right: 0;
    top: 0;
    transform: translateY(0%);
  }
}
#team4 button.owl-prev {
  position: absolute;
  left: -76px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  #team4 button.owl-prev {
    left: -48px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  #team4 button.owl-prev {
    left: -50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  #team4 button.owl-prev {
    position: relative;
    left: 0;
    top: 0;
    transform: translateY(0%);
    margin-right: 0;
  }
}

.vl-team-parent {
  position: relative;
}
.vl-team-parent .vl-team-thumb img {
  border-radius: 8px;
  height: 312px;
  object-fit: cover;
}
.vl-team-parent .vl-team-social ul li {
  display: inline-block;
}
.vl-team-parent .vl-team-social {
  position: absolute;
  top: 65%;
  transform: translateY(150px);
  margin: 0 auto;
  text-align: center;
  left: 0;
  right: 0;
  transition: 0.6s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-team-parent .vl-team-social {
    transform: translateY(400%);
  }
}
@media (max-width: 767px) {
  .vl-team-parent .vl-team-social {
    transform: translateY(420%);
  }
}
.vl-team-parent .vl-team-social ul li a {
  background:#fff;
  height: 32px;
  width: 32px;
  display: block;
  line-height: 34px;
  text-align: center;
  border-radius: 50px;
  color: var(--theme-color);
  transition: 0.3s;
}
.vl-team-parent .vl-team-social ul li a:hover {
  background: #aeaeae;
  color: var(--theme-color);
  transition: 0.3s;
}
.vl-team-parent:hover .vl-team-social {
  transform: translateY(0);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-team-parent:hover .vl-team-social {
    transform: translateY(0);
  }
}
@media (max-width: 767px) {
  .vl-team-parent:hover .vl-team-social {
    transform: translateY(0);
  }
}

.vl-team-content {
  background:#fff;
  border-radius: 8px;
  padding: 24px;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: -52px;
  z-index: 99;
  position: relative;
  border: 1px solid #d1d1d1;
}
.vl-team-content .title {
  color: var(--theme-color);
  font-size: 20px;
  line-height: 20px;
  font-family: var(--heading-font);
  font-weight: 600;
  transition: 0.3s;
  display: block;
  padding-bottom: 12px;
}
.vl-team-content .title:hover {
  color: var(--theme-color);
  transition: 0.3s;
}
.vl-team-content span.type {
  color: #514F4C;
  font-size: 18px;
  line-height: 18px;
  font-family: var(--body-font);
  font-weight: 500;
  transition: 0.3s;
  display: block;
}

#team1 {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #team1 .owl-nav {
    text-align: center;
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  #team1 .owl-nav {
    text-align: center;
    margin-top: 30px;
  }
}
#team1 .owl-nav button {
  background: #fff !important;
  height: 56px;
  width: 56px;
  font-size: 32px !important;
  border-radius: 50px;
  transition: 0.3s;
}
#team1 .owl-nav button img {
  margin-top: -5px;
}
#team1 .owl-nav button:hover {
  background: var(--theme-color) !important;
  transition: 0.3s;
}
#team1 .owl-nav button:hover i {
  color:#fff;
  transition: 0.3s;
}
#team1 .owl-nav button:hover img {
  filter: brightness(0) invert(1);
}
#team1 button.owl-prev {
  position: absolute;
  top: 36%;
  left: -80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  #team1 button.owl-prev {
    left: -48px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  #team1 button.owl-prev {
    left: -50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #team1 button.owl-prev {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 10px;
  }
}
@media (max-width: 767px) {
  #team1 button.owl-prev {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 10px;
  }
}
#team1 button.owl-next {
  position: absolute;
  top: 36%;
  right: -80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  #team1 button.owl-next {
    right: -48px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  #team1 button.owl-next {
    right: -50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #team1 button.owl-next {
    position: relative;
    top: 0;
    right: 0;
    margin: 0 10px;
  }
}
@media (max-width: 767px) {
  #team1 button.owl-next {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 10px;
  }
}

.vl-team-inner .single-team {
  position: relative;
  z-index: 1;
}
.vl-team-inner .single-team .team-thumb {
  overflow: hidden;
  border-radius: 8px;
}
.vl-team-inner .single-team .content-box {
  background: #fff;
  transition: 0.3s;
  text-align: center;
  border-radius: 8px;
  padding: 24px;
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: -56px;
  overflow: hidden;
}
.vl-team-inner .single-team .content-box .ssocial {
  height: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.vl-team-inner .single-team .content-box .ssocial ul li {
  display: inline-block;
}
.vl-team-inner .single-team .content-box .ssocial ul li a {
  height: 36px;
  width: 36px;
  background:#fff;
  display: block;
  line-height: 38px;
  border-radius: 50px;
  margin: 0 4px;
  color: var(--theme-color);
  transition: 0.3s;
}
.vl-team-inner .single-team .content-box .text .title {
  color: var(--theme-color);
  font-size: 20px;
  line-height: 20px;
  font-family: var(--heading-font);
  font-weight: 600;
  display: block;
  transition: 0.3s;
}
.vl-team-inner .single-team .content-box .text .title:hover {
  color: var(--theme-color);
  transition: 0.3s;
}
.vl-team-inner .single-team .content-box .text .deseg {
  color: #514F4C;
  font-size: 18px;
  line-height: 18px;
  font-family: var(--body-font);
  font-weight: 500;
  display: block;
  padding-top: 12px;
}
.vl-team-inner .single-team:hover .ssocial ul li a:hover {
  background: #aeaeae;
  transition: 0.3s;
}
.vl-team-inner .single-team:hover .content-box .ssocial {
  margin-bottom: 24px;
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
}
.vl-team-inner .single-team:hover .content-box .text {
  padding-top: 24px;
  transition: 0.3s;
}

.vl-team-inner .single-team .content-box .text {
  transition: 0.3s;
}

.single-team {
  margin-bottom: 86px;
}
/*============= FOOTER CSS AREA ===============*/
.vl-footer-bg-1 {
  background: #e8f0ff;
  padding-top: 40px;
}
.vl-footer-bg-3 {
  background: #e8f0ff;
  padding-top: 240px;
  margin-top: -172px;
}
.vl-footer-widget-1 .vl-footer-logo {
    display: flex;
    align-items: center;
  padding-bottom: 24px;
  img{
    width: 85px;
    border-radius: 8px;
    padding: 5px;
  }
}
.vl-footer-widget-1 .vl-footer-content {
  color: var(--theme-color);
  font-size: 18px;
  line-height: 28px;
  font-family: var(--body-font);
  font-weight: 500;
  padding-bottom: 32px;
}
.vl-footer-widget-1 .vl-footer-social-1 {
  margin-bottom: 12px;
}
.vl-footer-widget-1 .vl-footer-social-1 ul li {
  display: inline-block;
  list-style: none;
}
.vl-footer-widget-1 .vl-footer-social-1 ul li a {
  background:#fff;
  color: var(--theme-color);
  height: 32px;
  width: 32px;
  border-radius: 50px;
  display: inline-block;
  text-align: center;
  line-height: 34px;
  font-size: 18px;
  transition: 0.3s;
  margin-right: 6px;
}
.vl-footer-widget-1 .vl-footer-social-1 ul li a:hover {
  background: #aeaeae;
}
.vl-footer-widget-2 .title {
    color: #000;
    font-size: 24px;
    line-height: 20px;
    font-family: var(--heading-font);
    font-weight: 600;
    padding-bottom: 30px;
}
.vl-footer-widget-2 .vl-footer-menu ul li {
  list-style: none;
  display: block;
}
.vl-footer-widget-2 .vl-footer-menu ul li a {
  color: #514F4C;
  font-size: 18px;
  line-height: 18px;
  font-family: var(--body-font);
  font-weight: 500;
  display: block;
  padding-bottom: 24px;
  transition: 0.3s;
}
.vl-footer-widget-2 .vl-footer-menu ul li a:hover {
  color: var(--theme-color);
}
.vl-footer-widget-3 .title {
  color: #000
    font-size: 24px;
    line-height: 20px;
    font-family: var(--heading-font);
    font-weight: 600;
    padding-bottom: 40px;
}
.vl-footer-widget-3 .vl-footer-text a {
  color: #514F4C;
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
  transition: 0.3s;
}
.vl-footer-widget-3 .vl-footer-icon span {
  margin-right: 8px;
  img{
    width: 22px;
    height: 22px;
    min-width: 22px;
    min-height: 22px;
    max-width: 22px;
    max-height: 22px;
  }
}
.vl-footer-widget-3 .vl-footer-icon-list {
  display: flex;
  margin-bottom: 20px;
}

.vl-copyright.copyright-border-1 {
  border-top: 1px solid #E0DED8;
  padding-top: 24px;
}
@media (max-width: 767px) {
  .vl-copyright {
    text-align: center;
  }
  .vl-copyright.copyright-border-1{
    padding-bottom: 45px;
  }
}
.vl-copyright-text {
  color: #514F4C;
  font-size: 18px;
  line-height: 18px;
  font-family: var(--body-font);
  font-weight: 500;
  margin-bottom: 30px;
  a{
    color:var(--theme-color);
  }
}
.vl-copyright-menu {
  text-align: end;
}
@media (max-width: 767px) {
  .vl-copyright-menu {
    text-align: start;
  }
}
.vl-copyright-menu ul li {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.vl-copyright-menu ul li:after {
  position: absolute;
  content: "";
  left: 14px;
  top: 0;
  height: 18px;
  width: 2px;
  background: #514F4C;
}
.vl-copyright-menu ul li:first-child:after {
  display: none;
}
.vl-copyright-menu ul li a {
  display: block;
  color: #514F4C;
  font-size: 18px;
  line-height: 18px;
  font-family: var(--body-font);
  font-weight: 500;
  margin-bottom: 30px;
  position: relative;
}
.vl-copyright-menu ul li a:last-child {
  margin-right: 0;
}

#vl-brand-active4 {
  padding-bottom: 60px;
  border-bottom: 1px solid rgba(0, 38, 58, 0.1);
  margin-bottom: 60px;
}

.vl-footer-bg-1.vl-footer5 {
  background: #fff;
}
.vl-footer-bg-1.vl-footer5 .vl-footer-widget-1 .vl-footer-content .para {
  color: #514F4C;
  font-size: 18px;
  line-height: 28px;
  font-family: var(--body-font);
  font-weight: 500;
}
.vl-footer-bg-1.vl-footer5 .vl-footer-widget-1 .vl-footer-social-1 ul li a {
  background:#fff;
  color: var(--theme-color);
  transition: 0.3s;
}
.vl-footer-bg-1.vl-footer5 .vl-footer-widget-1 .vl-footer-social-1 ul li a:hover {
  background: var(--theme-color);
  color:#fff;
  transition: 0.3s;
}
.vl-footer-bg-1.vl-footer5 .vl-copyright {
  border-top: 1px solid #E0DED8;
  padding-top: 25px;
  margin-top: 18px;
}
.vl-footer-bg-1.vl-footer5 .vl-copyright .vl-copyright-menu ul li a:hover {
  color: var(--theme-color);
  transition: 0.3s;
}
.vl-footer-bg-1.vl-footer5 .vl-footer-widget-3 .vl-footer-icon-list .vl-footer-text a:hover {
  color: var(--theme-color);
  transition: 0.3s;
  padding-left: 3px;
}
.vl-footer-text{
    word-break: break-word;
    line-height: 1;
}

/*============= FOOTER CSS AREA ENDS ===============*/

@media(max-width:768px){
    .vl-faq-inner .vl-accordion-item .accordion-button{
        font-size: 16px;
        padding: 10px;
    }
    .vl-faq-inner .vl-accordion-item .accordion-body{
        padding: 10px;
        p{
            line-height: 1.2;
            font-size: 16px;
        }
    }
    .vl-faq-inner .vl-accordion-item:last-child{
        margin-bottom: 0;
    }
    .vl-testimonial4 .testimonial-slides-wrap .slider-thumb .single-thumb img{
        height: 443px;
    }
    .vl-testimonial4 .testimonial-slides-wrap .slider-content-box .para{
        font-size: 16px;
        line-height: 1.2;
    }
    .vl-cta4 .vl-cta-bg4 .cta-content .title{
        font-size: 25px;
        margin-bottom: 20px;
        line-height: 1.2;
    }
    .vl-cta4 .vl-cta-bg4 .vl-ctathumb.left{
        position: relative;
        right: auto;
        left: auto;
        top: auto;
        width: 100%;
        height: auto;
    }
}

/*============= SERVICE CSS AREA ===============*/
.vl-services2 .vl-single-service-box {
  background: #e8f0ff;
  border-radius: 8px;
  overflow: hidden;
  border-top: 8px solid var(--theme-color);
  border-right: 8px solid var(--theme-color);
  transition: 0.3s;
}
.vl-services2 .vl-single-service-box .vl-service-box-content .read-more span {
  transition: 0.3s;
}
.vl-services2 .vl-single-service-box.active {
  background:#fff;
  transition: 0.3s;
}
.vl-services2 .vl-single-service-box.active .read-more {
  color:#fff;
}
.vl-services2 .vl-single-service-box.active .read-more span {
  color:#fff;
}
.vl-services2 .vl-single-service-box.active .vl-service-box-flex .thumb {
  background: #fff;
}
.vl-services2 .vl-single-service-box.active .vl-service-box-content .title a {
  color:#fff;
  transition: 0.3s;
}
.vl-services2 .vl-single-service-box.active .vl-service-box-content p {
  color: rgba(255, 255, 255, 0.8);
  transition: 0.3s;
}
.vl-services2 .vl-single-service-box.active .vl-service-box-content .read-more span {
  color:#fff;
  transition: 0.3s;
  display: inline-block;
  transform: rotate(-45deg);
}
.vl-services2 .vl-single-service-box.active .icon span {
  background: rgba(255, 255, 255, 0.2);
}
.vl-services2 .vl-single-service-box.active .icon span img.icon-1 {
  filter: brightness(0) invert(1);
}
.vl-services2 .vl-service-box-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.vl-services2 .vl-service-box-flex .thumb {
  background: var(--theme-color);
  width: 100%;
  height: 200px;
  border-left: 8px solid var(--theme-color);
  border-bottom: 8px solid var(--theme-color);
  border-bottom-left-radius: 8px;
  transition: 0.3s;
  img{

        width: 100%;
        height: 100%;
        object-fit: cover;
  border-bottom-left-radius: 8px;
  }
}
.vl-services2 .vl-service-box-flex .sm-thumb img {
  margin-left: 13px;
}
.vl-services2 .icon span {
  background: #fff;
  display: block;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 50px;
  margin-left: 24px;
  transition: 0.3s;
  filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.08));
}
.vl-services2 .icon span img {
  transition: 0.3s;
  width: 60%;
}
.vl-services2 .vl-service-box-content {
  padding: 15px;
  .title{
    font-weight: 600;
  }
}
.vl-services2 .vl-service-box-content .title a {
  color: #170822;
  font-size: 20px;
  line-height: 20px;
  font-family: var(--heading-font);
  font-weight: 600;
  transition: 0.3s;
  display: inline-block;
}
.vl-services2 .vl-service-box-content p {
  color: #514E53;
  font-size: 18px;
  line-height: 26px;
  font-family: var(--body-font);
  font-weight: 500;
  padding-top: 16px;
  padding-bottom: 25px;
  transition: 0.3s;
}
.vl-services2 .vl-service-box-content .read-more {
  color: #170822;
  font-size: 18px;
  line-height: 18px;
  font-family: var(--heading-font);
  font-weight: 600;
  transition: 0.3s;
}
.vl-services2 .vl-service-box-content .read-more span {
  transition: 0.3s;
}
.vl-services2.service-inner-page .vl-single-service-box {
  background: #fff;
  transition: 0.3s;
}
.vl-services2.service-inner-page .vl-single-service-box.active {
  background: #aeaeae;
}
.vl-services2.service-inner-page .vl-single-service-box.active .icon span img {
  filter: none;
  transition: 0.3s;
}
.vl-services2.service-inner-page .vl-single-service-box .vl-service-box-flex .thumb {
  background: #E6DFE3;
  transition: 0.3s;
}
.vl-services2.service-inner-page .vl-single-service-box .vl-service-box-content .title a {
  color: var(--theme-color);
  transition: 0.3s;
}
.vl-services2.service-inner-page .vl-single-service-box .vl-service-box-content p {
  color: #514F4C;
  transition: 0.3s;
}
.vl-services2.service-inner-page .vl-single-service-box .vl-service-box-content .read-more {
  color: var(--theme-color);
}
.vl-services2.service-inner-page .vl-single-service-box .vl-service-box-content .read-more span {
  transition: 0.3s;
  display: inline-block;
  color: var(--theme-color);
}

.vl-service-iner-bg .single-service-box .btniner .readmore span {
  transition: 0.3s;
  display: inline-block;
  transform: rotate(0deg);
}
.vl-service-iner-bg .single-service-box.active .btniner .readmore span {
  transition: 0.3s;
  display: inline-block;
  transform: rotate(-45deg);
}
/*============= Services CSS AREA ===============*/

@media(max-width:768px){
    .vl-about4 .vl-about-thumb .thumb-1 img{
        height: 260px;
    }
    .vl-about4 .vl-about-thumb .thumb-2 img.thmb2{
        height: 260px;
    }
    .vl-choose5 .single-thumb-box .single-thmb img{
        height: 260px;
    }
    .vl-choose5 .single-thumb-box .single-thmb2 img{
        height: 260px;
    }
    .vl-copyright-menu{
        text-align: center;
        padding-bottom: 60px;
    }
    .vl-about-icon-box{
        margin-right: 0;
    }
      .vl-banner4.slick-active .vl-banner-thumb{
    position: relative;
    right: auto !important;
    top: auto !important;
    width: 100%;
    height: 100%;
    margin-inline: auto;
    img{
        height: 100%;
        object-fit: cover;
    }
  }
  .site_name{
    font-size: 20px;
  }
}

.et-4-new-events-slider-dots span::before {
  background-color: var(--black);
}
.et-4-new-events-slider-dots span.swiper-pagination-bullet-active {
  border-color: var(--et-blue);
}
.et-4-new-events-slider-dots span.swiper-pagination-bullet-active::before {
  background-color: var(--et-blue);
}

.et-auction-tab-navs button.active, .et-auction-tab-navs button:hover {
  color: var(--white);
  background-color: var(--et-blue);
}

.et-4-banner-slider-dots .swiper-pagination-bullet {
  color: rgba(255, 255, 255, 0.3);
  font-size: clamp(13px, 0.84vw, 16px);
  width: auto;
  height: auto;
  opacity: 1;
  background: transparent;
  padding-bottom: 5px;
  display: inline-block;
  position: relative;
}
.et-4-banner-slider-dots .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  width: 5px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: var(--white);
  opacity: 0;
  top: 44%;
  transform: translateY(-50%);
  left: -9px;
}
.et-4-banner-slider-dots .swiper-pagination-bullet-active {
  color: var(--et-blue);
}
.et-4-banner-slider-dots .swiper-pagination-bullet-active::before {
  opacity: 1;
}

@media screen and (max-width: 991px) {
  .et-4-testimonial-slider .swiper-slide {
    opacity: 1;
    pointer-events: all;
  }
}
.et-4-testimonial-slider .swiper-slide:first-child:not(.swiper-slide-active), .et-4-testimonial-slider .swiper-slide-prev {
  opacity: 0;
  pointer-events: none;
}

.et-auctions-event-tab {
  height: 0;
  opacity: 0;
  transition: 0.2s ease;
  pointer-events: none;
}
.et-auctions-event-tab.active {
  height: auto;
  opacity: 1;
  pointer-events: all;
}



.et-2-banner-slider-dots {
  margin-top: 28px;
  display: flex;
  justify-content: center;
}
.et-2-banner .text-container{
  padding: 100px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 30px;
  row-gap: 30px;
}
.et-2-banner .left-relative{
  width: 55%;
  max-width: 800px;
  z-index: 20;
  position: relative;
}
.et-2-banner .background{
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  z-index: 1;
  position: relative;
  color: #fff;
  height: 660px;
}
.et-2-banner .background::before {
  content: '';
  background: linear-gradient(to right, #fc226a 0%, #8c52ff 100%);
  z-index: -1;
  position: absolute;
  inset: 0px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}
.et-2-banner-slider-dots span {
  width: 20px;
  height: 20px;
  opacity: 1;
  border: 1px solid rgba(0, 0, 0, 0);
  position: relative;
  background-color: rgba(0, 0, 0, 0);
  transition: 0.4s ease;
  vertical-align: top;
}

.et-2-banner-slider-dots span::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 50%;
}

.et-2-banner-slider-dots span.swiper-pagination-bullet-active {
  border-color: #fff;
}

.et-2-banner {
  opacity: 1;
  background: var(--theme-color);
}

.et-2-banner-slider .swiper-slide-active .et-2-banner-bottom-title {
  transform: translateX(0);
}
.et-2-banner-slider .swiper-slide-active > div {
  background-position: right bottom;
}
.et-2-banner .swiper-slide > div {
  transition: background 2.4s ease;
}
.et-2-banner-bottom-title {
  transform: translateX(100px);
  transition: 2.4s ease;
  color: rgb(255 255 255 / .4);
  font-weight: 700;
  font-size: 150px;
  width: 100%;
  text-align: center;
  display: block;
  position: absolute;
  left: 0;
  bottom: 40px;
}
.top_text{
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 3px;
  color: #fff;
}
.main_text{
  line-height: 1.1;
  font-weight: 600;
  font-size: clamp(40px,6.00vw,12rem);
  margin-bottom: 36px;
  color: #fff;
  span{
    font-weight: 500;
  }
}
.et-2-banner-vectors img {
  transform: rotate(45deg);
  animation: spin 3.5s linear reverse infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0) scale(1);
  }
  25%, 100% {
    transform: rotate(90deg) scale(1);
  }
  50% {
    transform: rotate(90deg) scale(0.8);
  }
}
@keyframes etSpin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.et-2-banner-3-clipped {
  animation: clipMove 7s ease forwards infinite;
}

@keyframes clipMove {
  0% {
    clip-path: polygon(100% 0, 149% 0, 192% 100%, 144% 100%);
  }
  30% {
    clip-path: polygon(0 0, 49% 0, 92% 100%, 44% 100%);
  }
  60% {
    clip-path: polygon(0 0, 49% 0, 92% 100%, 44% 100%);
  }
  100% {
    clip-path: polygon(0 0, 49% 0, 92% 100%, 44% 100%);
  }
}
.et-3-banner-vector {
  animation: moveX 7s ease forwards infinite;
}

@keyframes moveX {
  0% {
    left: 50%;
    opacity: 0;
  }
  30% {
    left: 68%;
    opacity: 25%;
  }
  60% {
    left: 68%;
    opacity: 25%;
  }
  100% {
    left: 68%;
    opacity: 25%;
  }
}
.main_box{
  margin-left: 15.5em;
  margin-right: 15.5em;
}
@media (max-width: 1799px) {
  .main_box {
    margin-left: 10em;
    margin-right: 10em;
  }
}
@media (max-width: 1599px) {
  .main_box{
    margin-left: 40px;
    margin-right: 40px;
  }
}


.et-3-package-accordion .et-single-accordion-item.open .et-single-accordion-item__header i {
  transform: rotate(180deg);
  color: var(--et-blue);
}

.et-outlined-text {
  color: transparent;
  -webkit-text-stroke: 1px rgb(142, 142, 147);
}

.et-3-event-tab-navs button.active {
  color: #fff;
  border-color: transparent;
}
.et-3-event-tab-navs button.active::before {
  opacity: 1;
}

.et-vertical-txt {
  writing-mode: vertical-lr;
}

.et-4-new-events-slider-dots span::before {
  background-color: var(--black);
}
.et-4-new-events-slider-dots span.swiper-pagination-bullet-active {
  border-color: var(--et-blue);
}
.et-4-new-events-slider-dots span.swiper-pagination-bullet-active::before {
  background-color: var(--et-blue);
}

.et-auction-tab-navs button.active, .et-auction-tab-navs button:hover {
  color: #fff;
  background-color: var(--et-blue);
}

.et-4-banner-slider-dots .swiper-pagination-bullet {
  color: rgba(255, 255, 255, 0.3);
  font-size: clamp(13px, 0.84vw, 16px);
  width: auto;
  height: auto;
  opacity: 1;
  background: transparent;
  padding-bottom: 5px;
  display: inline-block;
  position: relative;
}
.et-4-banner-slider-dots .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  width: 5px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0;
  top: 44%;
  transform: translateY(-50%);
  left: -9px;
}
.et-4-banner-slider-dots .swiper-pagination-bullet-active {
  color: var(--et-blue);
}
.et-4-banner-slider-dots .swiper-pagination-bullet-active::before {
  opacity: 1;
}


/*******neW cSS*********/
.page-title-home-1 {
    background-color: var(--theme-color);
    padding-top: 50px;
    position: relative;
    padding-bottom: 30px;
}
.page-title-home-1 .s-sub-title {
    margin-bottom: 21px;
    justify-content: start;
}
.page-title-home-1 .content {
    border-radius: 15px;
    background-color: var(--theme-color);
    border: 1px solid #f2f2f2;
    height: 100%;
}
.page-title-home-1 .content .text {
    color: #fff;
    font-size: 18px;
    line-height: 35px;
}
.page-title-home-1 .bot {
    display: flex;
    align-items: center;
    gap: 30px;
}
.page-title-home-1 .line {
    max-width: 550px;
    background-color: #fff;
}
.page-title-home-1 .image-wrap {
    position: relative;
}
.images_slider{
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    padding: 0;
    margin-right: -24px;
}
.image_slider_slider{
    height: 100%;
}
.page-title-home-1 .image {
    border-radius: 0;
    overflow: hidden;
}
.page-title-home-1 .wg-curve-text {
    position: absolute;
    bottom: 50px;
    left: 50px;
}
@media (max-width: 1439px) {
    .page-title-home-1 .content {
        padding: 50px;
    }
}

.s-sub-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .5em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    color: var(--Text);
    margin-bottom: 17px
}

.s-sub-title i {
    padding-right: 4px;
    padding-bottom: 1px;
    font-size: 11px
}
.s-sub-title i {
    padding-right: 4px;
    padding-bottom: 1px;
    font-size: 11px;
}
.moveLeftToRight {
    animation: moveLeftRight 1s cubic-bezier(.25,1,.5,1) infinite alternate
}
@media (min-width: 992px) and (max-width: 1439px) {
    .page-title-home-1 .content .s-title {
        font-size: 60px;
        line-height: 70px;
        margin-bottom: 50px;
    }
}
.s-title.text-fs-70 {
    font-size: 70px;
    line-height: 77px;
}
.s-title.text-white-yellow {
    color: #fFF;
}
.s-title {
    font-family: var(--title-font);
    font-size: 52px;
    font-weight: 700;
    line-height: 62px;
    letter-spacing: -.02em;
    color: var(--theme-color);
    position: relative;
    padding-bottom: 25px;
}
.s-title:before {
    position: absolute;
    height: 1rem;
    background: var(--theme-color);
    mask: url('../images/grunge-underline.svg') no-repeat;
    -webkit-mask: url('../images/grunge-underline.svg') no-repeat;
    mask-size: contain;
    -webkit-mask-size: contain;
    width: 100%;
    max-width: 300px;
    bottom: 0;
    content: '';
    left: 0;
}

.text-center .s-title:before {
    left: 50%;
    transform: translateX(-50%);
}
.s-title.text-center:before {
    left: 50%;
    transform: translateX(-50%);
}
.mb-70 {
    margin-bottom: 70px;
}
.animationtext.clip .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top;
}
.s-title.text-white-yellow span {
    color: var(--second-color);
}
.animationtext.clip span {
    display: inline-block;
    padding: 0;
}
.s-title span {
    font-weight: 300;
}
.cd-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left;
}
.animationtext.clip span {
    display: inline-block;
    padding: 0;
}
.animationtext.clip .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top;
}
.animationtext.clip .cd-words-wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background-color: #aebcb9;
}
.animationtext.clip .item-text {
    opacity: 0;
}
@media (min-width: 992px) and (max-width: 1439px) {
    .page-title-home-1 .content .line {
        margin-bottom: 50px;
    }
}

.page-title-home-1 .line {
    max-width: 550px;
    background-color: #Fff;
}
.line {
    display: block;
    width: 100%;
    height: 1px;
}
.mb-75 {
    margin-bottom: 75px;
}
.page-title-home-1 .content .text {
    color: #Fff;
    font-size: 18px;
    line-height: 35px;
}
.page-title-home-1 .s-sub-title {
    margin-bottom: 5px;
}
.page-title-home-1 .s-title {
    margin-bottom: 50px;
}
.page-title-home-1 .line {
    margin-bottom: 50px;
    max-width: unset;
}
.page-title-home-1 .bot {
    flex-wrap: wrap;
    gap: 15px;
}
.page-title-home-1 .tf-marquee {
    padding-top: 50px;
}

.page-title-home-1 .image-wrap {
    max-height: 100%;
    min-height: 100%;
}
.page-title-home-1 .image img {
    width: 100%;
    height: 770px;
    object-fit: cover;
}
.page-title-home-1 .wg-curve-text {
    left: 30px;
    bottom: 30px;
    width: 188px;
    height: 188px;
}

.page-title-home-1 .content {
    padding: 20px;
}

.page-title-home-1 .image,
.page-title-home-1 .image-wrap {
    height: 100%;
}

.page-title-home-1 .content br {
    display: none;
}
.page-title-home-1 .content .s-title {
    font-size: 54px;
    line-height: 70px;
    margin-bottom: 20px;
}
.page-title-home-1 .content .line {
    margin-bottom: 20px;
}
.page-title-home-1 .content .bot {
    gap: 20px;
    flex-wrap: wrap;
}

@media(max-width:768px){
    .main-container{
        width: 100%;
        max-width: 100%;
        border-radius: 0;
    }
    .main-container:after{
        width: 50%;
        max-width: auto;
    }
    .page-title-home-1 .content .s-title{
        font-size: 33px;
        line-height: 1;
        margin-bottom: 0;
        margin-top: 14px;
    }
    .page-title-home-1 .content{
        padding: 10px;
    }
    .page-title-home-1 .image{
        margin-top: 14px;
    }
    .page-title-home-1 .image img{
        height: 200px;
        border-radius: 15px;
    }
    .page-title-home-1 .image-wrap{
        min-height: 200px;
    }
    .page-title-home-1{
        padding-bottom: 1px;
        padding-top: 50px;
    }
    .wg-curve-text .icon{
        width: 60px;
        left: 32%;
        height: 60px;
        img{
            max-width: 30px;
        }
    }
    .s-title{
        font-size: 30px;
        line-height: 1.2;
    }
    .s-title:before{
        max-width: 160px;
    }
}


@media(max-width:768px){

  .about-img img.img-1{
    width: 410px;
    transform: scaleX(-1);
    height: 410px;
    margin-inline: auto;
}
.about-img .img-3{
    width: 123px;
    height: 123px;
    top: 0;
}
.about-img .img-2{
    width: 150px;
    height: 150px;
}
.about-experience span{
    font-size: 50px;
}
.images_slider{
    position: relative;
    margin: 0;
    width: 100%;
    padding-inline: calc(var(--bs-gutter-x) * .5);
}
}



@media(max-width:450px){
  .about-img img.img-1{
    width: 310px;
    height: 310px;
    margin-inline: auto;
}
.team-img{

    width: 155px;
    height: 155px;
}
.cont_caption h1{
    font-size: 33px;
}
}