/*=================================================================================
  Home Eleven Stylesheet (Extracted from style.css)
===================================================================================*/

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert
66.home-07

============================*/
/****** Utils ******/
/*============================
  header-eleven
============================*/
.header-eleven {
    background-color: #FFF;
}

.header-eleven .header-logo.logo-dark {
    display: block;
}

.header-eleven .logo-white.header-logo {
    display: none;
}

@media (max-width: 1199.98px) {
    .header-eleven .flag-dropdown {
        display: none !important;
    }
}

@media (max-width: 991.98px) {
    .header-eleven .flag-dropdown {
        display: block !important;
    }
}

.header-eleven .flag-dropdown img {
    height: 20px;
}

.header-eleven .header-nav .main-menu-wrapper {
    padding: 0;
}

.header-eleven .header-nav .main-menu-wrapper .main-nav .submenu .menu-tab ul li a {
    background: #E4EBF1 !important;
}

.header-eleven .header-nav .main-menu-wrapper .main-nav .submenu .menu-tab ul li a.active,
.header-eleven .header-nav .main-menu-wrapper .main-nav .submenu .menu-tab ul li a:hover {
    background-color: #CF3425 !important;
    color: #FFF !important;
}

.header-eleven .header-nav .main-menu-wrapper .main-nav .submenu li a {
    color: #111827 !important;
    background-color: transparent !important;
}

.header-eleven .header-nav .main-menu-wrapper .main-nav .submenu li a.active,
.header-eleven .header-nav .main-menu-wrapper .main-nav .submenu li a:hover {
    color: #CF3425 !important;
}

.header-eleven .header-nav .main-menu-wrapper .main-nav .submenu li a.btn-dark {
    background-color: #212E47 !important;
    border-color: #212E47 !important;
    color: #FFF !important;
}

.header-eleven .header-nav .main-menu-wrapper .main-nav .submenu li a.btn-dark:hover {
    background-color: #CF3425 !important;
    border-color: #CF3425 !important;
}

.header-eleven .header-nav .main-menu-wrapper .main-nav>li.active a {
    color: #CF3425;
}

.header-eleven .header-nav .main-menu-wrapper .main-nav>li>a {
    color: #111827;
}

.header-eleven .header-nav .main-menu-wrapper .main-nav>li>a:hover {
    color: #CF3425;
}

.header-eleven .header-nav .main-menu-wrapper .main-nav>li>a::after {
    color: #CF3425 !important;
}

.header-eleven .header-btn .theme-toggle {
    color: #111827;
}

.header-eleven .flag-dropdown-desktop .dropdown-toggle::after {
    display: none !important;
}

.header-eleven .header__hamburger .sidebar-menu {
    color: #111827;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert
66.home-07

============================*/
/****** Utils ******/
footer.footer-eleven .footer-top {
    padding-bottom: 142px;
    position: relative;
    overflow: hidden;
}

@media (max-width: 1199.98px) {
    footer.footer-eleven .footer-top {
        padding-bottom: 100px;
    }
}

@media (max-width: 991.98px) {
    footer.footer-eleven .footer-top {
        padding-bottom: 40px;
    }
}

footer.footer-eleven .footer-top .footer-title-text {
    position: absolute;
    bottom: -17%;
    left: 0;
    font-size: 14.8vw;
    line-height: 88px;
    color: #FFF;
    font-weight: 700;
    line-height: normal;
    opacity: 0.08;
}

@media (max-width: 1199.98px) {
    footer.footer-eleven .footer-top .footer-title-text {
        bottom: -14%;
    }
}

@media (max-width: 991.98px) {
    footer.footer-eleven .footer-top .footer-title-text {
        display: none;
    }
}

footer.footer-eleven .footer-top .footer-subscribe {
    background-color: rgba(227, 240, 255, 0.2);
    padding: 24px;
    border-radius: 10px;
    margin-bottom: 60px;
    backdrop-filter: blur(6px);
    border: 1px solid rgba(227, 240, 255, 0.2);
}

@media (max-width: 767.98px) {
    footer.footer-eleven .footer-top .footer-subscribe {
        padding: 20px;
    }
}

footer.footer-eleven .footer-top .footer-subscribe h2 {
    font-size: 28px;
}

footer.footer-eleven .footer-top .customer-info {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
}

footer.footer-eleven .footer-top .customer-info .customer-info-icon span {
    width: 44px;
    height: 44px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #CF3425;
    font-size: 24px;
    font-weight: 700;
    color: #FFF;
}

footer.footer-eleven .footer-top .customer-info .customer-info-content {
    margin-left: 8px;
}

footer.footer-eleven .footer-top .customer-info .customer-info-content span {
    color: #E4EBF1;
    font-size: 14px;
}

footer.footer-eleven .footer-top .customer-info .customer-info-content .customer-info-text {
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    display: block;
}

footer.footer-eleven .social-icon li a {
    color: #FFF;
    background-color: #242B3A !important;
}

footer.footer-eleven .social-icon li a:hover {
    color: #FFF;
    background-color: #CF3425 !important;
}

footer.footer-eleven .footer-widget .home-eleven-title {
    color: #FFF;
    padding-bottom: 4px;
    position: relative;
    margin-bottom: 15px;
}

footer.footer-eleven .footer-widget .home-eleven-title::after {
    position: absolute;
    content: "";
    width: 38px;
    height: 2px;
    background-color: #CF3425;
    left: 0;
    bottom: 0;
    border-radius: 30px;
}

footer.footer-eleven .footer-widget .footer-menu li {
    margin-bottom: 12px !important;
}

footer.footer-eleven .footer-widget .footer-menu li a {
    color: #FFF !important;
}

footer.footer-eleven .footer-widget .footer-menu li a:hover {
    color: #CF3425 !important;
}

footer.footer-eleven .footer-bottom a {
    color: #7D828C;
}

footer.footer-eleven .footer-bottom a:hover {
    color: #CF3425;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert
66.home-07

============================*/
/****** Utils ******/
/*============================
  home-11
============================*/
.hero-sec-eleven {
    position: relative;
    padding: 213px 0 24px;
    background-image: url(../img/banner/banner-06.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 1;
}

.hero-sec-eleven::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 205px;
    background: #FFF;
    clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

@media (max-width: 991.98px) {
    .hero-sec-eleven::before {
        display: none;
    }
}

@media (max-width: 1199.98px) {
    .hero-sec-eleven {
        padding: 170px 0 24px;
    }
}

@media (max-width: 991.98px) {
    .hero-sec-eleven {
        padding: 55px 0 24px;
    }
}

.hero-sec-eleven .banner-content {
    text-align: center;
    padding-bottom: 159px;
}

@media (max-width: 1199.98px) {
    .hero-sec-eleven .banner-content {
        padding-bottom: 115px;
    }
}

@media (max-width: 991.98px) {
    .hero-sec-eleven .banner-content {
        padding-bottom: 50px;
    }
}

.hero-sec-eleven .banner-content h1 {
    font-size: 68px;
    color: #FFF;
    margin-bottom: 11px;
}

@media (max-width: 1199.98px) {
    .hero-sec-eleven .banner-content h1 {
        font-size: 56px;
    }
}

@media (max-width: 991.98px) {
    .hero-sec-eleven .banner-content h1 {
        font-size: 46px;
    }
}

@media (max-width: 767.98px) {
    .hero-sec-eleven .banner-content h1 {
        font-size: 34px;
    }
}

@media (max-width: 575.98px) {
    .hero-sec-eleven .banner-content h1 {
        font-size: 30px;
    }
}

.hero-sec-eleven .banner-form {
    background-color: transparent;
    border: none;
}

.hero-sec-eleven .banner-form .form-info .form-item {
    padding: 15px;
}

.hero-sec-eleven .banner-form .card-header {
    background-color: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(6px);
    border-radius: 10px;
    border: 1px solid #FFF !important;
    margin-bottom: 8px;
    box-shadow: 0px 4px 14px 0px rgba(194, 194, 194, 0.2509803922);
}

.hero-sec-eleven .banner-form .card-body {
    background-color: #FFF;
    backdrop-filter: blur(6px);
    border-color: rgba(255, 255, 255, 0.5) !important;
    border-radius: 10px;
    border: 1px solid #FFF !important;
}

.hero-sec-eleven .banner-form .card-body .form-info {
    background-color: #FFF;
}

.hero-sec-eleven .banner-form .nav li .nav-link {
    color: #FFF;
    border-radius: 10px;
}

@media (max-width: 991.98px) {
    .hero-sec-eleven .animate-button {
        display: none;
    }
}

.home-eleven-title {
    font-size: 20px;
    color: #111827;
    font-weight: 600;
}

.section-header-eleven {
    margin-bottom: 40px;
    text-align: center;
}

@media (max-width: 991.98px) {
    .section-header-eleven {
        margin-bottom: 24px;
    }
}

.section-header-eleven .section-title {
    color: #CF3425;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4px;
}

.explore-section {
    position: relative;
    text-align: center;
}

.explore-section .explore-slider {
    padding: 0 80px;
}

@media (max-width: 767.98px) {
    .explore-section .explore-slider {
        padding: 0 55px;
    }
}

@media (max-width: 575.98px) {
    .explore-section .explore-slider {
        padding: 0 40px;
    }
}

.explore-section .explore-item:hover .explore-img img {
    transform: scale(1.2) !important;
}

.explore-section .explore-item .explore-img {
    position: relative;
    overflow: hidden;
    margin-bottom: 16px;
    border-radius: 100px;
}

.explore-section .explore-item .explore-img img {
    transform: scale(1);
    -webkit-transition: all 0.9s;
    -ms-transition: all 0.9s;
    transition: all 0.9s;
    z-index: -1;
    position: relative;
    border-radius: 100px;
    height: 130px !important;
}

.explore-section .slick-slide {
    margin: 0 12px;
}

.explore-section .slick-arrow {
    width: 44px;
    height: 44px;
    background: #C9CBCF;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    border: none;
    font-size: 24px;
}

@media (max-width: 767.98px) {
    .explore-section .slick-arrow {
        width: 36px;
        height: 36px;
        font-size: 18px;
    }
}

.explore-section .slick-arrow:hover {
    background: #CF3425;
    border-color: #CF3425;
    color: #FFF;
}

.explore-section .slick-arrow.restaurant-next {
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.explore-section .slick-arrow.restaurant-prev {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.experience-section .experience-item {
    position: relative;
}

.experience-section .experience-item:hover .experience-img img,
.experience-section .experience-item:hover .experience-img img:not(.rating img) {
    transform: scale(1.2) !important;
}

.experience-section .experience-item .rating {
    padding: 4px 6px;
    border-radius: 50px;
    position: absolute;
    right: 24px;
    top: 24px;
    background-color: #FFF;
    display: flex;
    align-items: center;
}

@media (max-width: 575.98px) {
    .experience-section .experience-item .rating {
        right: 12px;
        top: 12px;
    }
}

.experience-section .experience-item .experience-img {
    position: relative;
    overflow: hidden;
    margin-bottom: 16px;
    border-radius: 16px;
}

.experience-section .experience-item .experience-img img:not(.rating img) {
    transform: scale(1);
    -webkit-transition: all 0.9s;
    -ms-transition: all 0.9s;
    transition: all 0.9s;
    z-index: -1;
    position: relative;
    border-radius: 16px;
    width: 100%;
    height: 260px !important;
    object-fit: cover !important;
}

.experience-section .row> :nth-child(1) .experience-item .experience-img img:not(.rating img),
.experience-section .row> :nth-child(2) .experience-item .experience-img img:not(.rating img),
.experience-section .col-lg-8 .experience-item .experience-img img:not(.rating img) {
    height: 380px !important;
    object-fit: cover !important;
}

.experience-section .experience-item .experience-content {
    background-color: #FFF;
    border-radius: 10px;
    padding: 12px;
    position: absolute;
    bottom: 24px;
    left: 24px;
    max-width: 367px;
    width: calc(100% - 48px);
}

@media (max-width: 575.98px) {
    .experience-section .experience-item .experience-content {
        bottom: 12px;
        left: 12px;
        width: calc(100% - 24px);
    }
}

.experience-section .experience-item .experience-content .experience-view-button {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    font-size: 24px;
    background: #CF3425;
    color: #FFF;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    flex-shrink: 0;
    -webkit-transition: all 0.9s;
    -ms-transition: all 0.9s;
    transition: all 0.9s;
    z-index: 2;
}

.experience-section .experience-item .experience-content .experience-view-button:hover {
    background: #98AA30;
    color: #FFF;
}

.who-we-are-sec {
    padding: 40px 0;
    position: relative;
    background-color: #E3F0FF;
    z-index: 1;
}

.who-we-are-sec::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(../img/bg/wh-we-are-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0.4;
}

.who-we-are-sec .who-we-are-img img {
    border-radius: 56px;
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.elementor-1500 .elementor-element.elementor-element-ee9ae5f .who-we-are-sec .who-we-are-sec-right .col-4:first-child .who-we-are-img img,
.who-we-are-sec .who-we-are-sec-right .col-4:nth-child(1) .who-we-are-img img {
    height: 270px !important;
    border-radius: 56px;
    object-fit: cover;
}

.elementor-1500 .elementor-element.elementor-element-ee9ae5f .who-we-are-sec .who-we-are-sec-right .col-4:nth-child(2) .who-we-are-img:nth-child(1) img {
    height: 230px !important;
    border-radius: 56px;
    object-fit: cover;
}

.elementor-1500 .elementor-element.elementor-element-ee9ae5f .who-we-are-sec .who-we-are-sec-right .col-4:nth-child(2) .who-we-are-img:nth-child(2) img {
    height: 204px !important;
    border-radius: 56px;
    object-fit: cover;
}

.elementor-1500 .elementor-element.elementor-element-ee9ae5f .who-we-are-sec .who-we-are-sec-right .col-4:nth-child(3) .who-we-are-img:nth-child(1) img {
    height: 146px !important;
    border-radius: 56px;
    object-fit: cover;
}

.who-we-are-sec .who-we-are-sec-right .col-4:nth-child(3) .who-we-are-img:nth-child(2) img {
    height: 223px !important;
    border-radius: 56px;
    object-fit: cover;
}

.who-we-are-sec .who-we-are-sec-right {
    padding-left: 100px;
}

@media (max-width: 1399.98px) {
    .who-we-are-sec .who-we-are-sec-right {
        padding-left: 60px;
    }
}

@media (max-width: 1199.98px) {
    .who-we-are-sec .who-we-are-sec-right {
        padding-left: 0;
    }
}

.testimonials-eleven {
    padding: 60px 0 0;
}

.testimonials-eleven .testimonials-item {
    border-radius: 10px;
    border: 1px solid #E4EBF1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.testimonials-eleven .testimonials-item .testimonials-text {
    padding: 30px;
}

@media (max-width: 1199.98px) {
    .testimonials-eleven .testimonials-item .testimonials-text {
        padding: 20px;
    }
}

.testimonials-eleven .testimonials-text-bottom {
    background-color: #F9F9FB;
    padding: 16px 30px;
    border-radius: 0 0 10px 10px;
}

@media (max-width: 1199.98px) {
    .testimonials-eleven .testimonials-text-bottom {
        padding: 16px 20px;
    }
}

.testimonials-eleven .testimonials-image {
    margin-top: 40px;
}

.experience-sec {
    padding-top: 160px;
}

@media (max-width: 1199.98px) {
    .experience-sec {
        padding-top: 100px;
    }
}

@media (max-width: 991.98px) {
    .experience-sec {
        padding-top: 40px;
    }
}

.experience-sec .experience-image {
    text-align: center;
    margin-top: -140px;
    position: relative;
    z-index: 1;
}

@media (max-width: 1199.98px) {
    .experience-sec .experience-image {
        margin-top: -57px;
    }
}

@media (max-width: 991.98px) {
    .experience-sec .experience-image {
        display: none;
    }
}

.experience-sec .experience-image::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(../img/bg/exp-bg-02.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    left: 0;
    bottom: -1px;
    z-index: -1;
}

@media (max-width: 1199.98px) {
    .experience-sec .experience-image::before {
        background-size: 100%;
    }
}

.experience-sec .experience-box {
    border-radius: 10px;
    background-color: #111827;
    background-image: url(../img/bg/exp-bg-03.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

.experience-sec .experience-content {
    padding-right: 55px;
}

@media (max-width: 991.98px) {
    .experience-sec .experience-content {
        padding: 20px;
    }
}

.experience-sec .experience-content h2 {
    color: #FFF;
    margin-bottom: 8px;
}

.experience-sec .experience-content p {
    color: #E4EBF1;
    margin-bottom: 24px;
}

.featured-sec-eleven {
    background-color: #E7EDF2;
}

.featured-sec-eleven .nav {
    gap: 16px;
    justify-content: center;
    margin-bottom: 40px;
}

.featured-sec-eleven .nav li .nav-link {
    font-size: 14px;
    font-weight: 500;
    color: #111827;
    border-radius: 74px;
    padding: 8px 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #FAFBFC;
    border-radius: 50px;
    background-color: #FFF;
}

.featured-sec-eleven .nav li .nav-link.active,
.featured-sec-eleven .nav li .nav-link:hover {
    color: #FFF;
    background: #CF3425;
    border-color: #CF3425;
}

.featured-sec-eleven .featured-item {
    position: relative;
}

.featured-sec-eleven .featured-item:hover .featured-img img,
.featured-sec-eleven .featured-item:hover .featured-img img:not(.rating img) {
    transform: scale(1.2) !important;
}

.featured-sec-eleven .featured-item .featured-img {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
}

.featured-sec-eleven .featured-item .featured-img .rating {
    padding: 4px 10px;
    border-radius: 50px;
    position: absolute;
    right: 24px;
    bottom: 41px;
    top: auto !important;
    background-color: #FFF;
    display: flex;
    align-items: center;
    font-size: 14px;
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.0705882353);
    border: 1px solid #E4E6E8;
    z-index: 2;
}

@media (max-width: 575.98px) {
    .featured-sec-eleven .featured-item .featured-img .rating {
        right: 12px;
        top: 12px;
    }
}

.featured-sec-eleven .nav li .nav-link img {
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    flex-shrink: 0;
}

.featured-sec-eleven .featured-item .featured-img img:not(.rating img) {
    transform: scale(1);
    -webkit-transition: all 0.9s;
    -ms-transition: all 0.9s;
    transition: all 0.9s;
    position: relative;
    border-radius: 16px;
    width: 100%;
    height: 220px !important;
    object-fit: cover !important;
}

.featured-sec-eleven .featured-item .featured-content {
    padding: 20px;
    background-color: #FFF;
    border-radius: 10px;
    border: 1px solid #E4EBF1;
    margin-top: -55px;
    z-index: 1;
    position: relative;
}

.gallery-section {
    margin-bottom: -40px;
}

.gallery-section .gallery-item {
    width: 330px;
    display: flex;
    align-items: flex-end;
    margin: 0 12px;
}

@media (max-width: 991.98px) {
    .gallery-section .gallery-item {
        width: 260px;
    }
}

@media (max-width: 767.98px) {
    .gallery-section .gallery-item {
        width: 220px;
    }
}

@media (max-width: 575.98px) {
    .gallery-section .gallery-item {
        width: 160px !important;
        margin: 0 6px;
    }
}

.gallery-section .gallery-item img {
    border-radius: 10px;
}

.experience-section-ten {
    padding: 60px 0px 0px;
    position: relative;
    overflow: hidden;
}

@media (max-width: 991.98px) {
    .experience-section-ten {
        padding: 60px 0px 60px;
    }
}

.experience-section-ten .container {
    position: relative;
    z-index: 1;
}

.experience-section-ten .section-header-ten {
    text-align: center;
}

.experience-section-ten .experience-img {
    position: relative;
}

.experience-section-ten .experience-img .img-1 {
    position: relative;
    z-index: 1;
}

.experience-section-ten .shadow-1 {
    position: absolute;
    bottom: -190px;
    left: 0;
    right: 0;
    margin: auto;
}

.experience-section-ten:hover .experience-item-ten {
    transform: unset !important;
}

.dark-mode .explore-section .slick-arrow {
    border-color: #17222C;
    box-shadow: 0px 4px 14px 0px rgba(33, 46, 71, 0.25);
    background-color: #17222C;
    color: #FFF;
}

.dark-mode .main-header-nine .header-nine .header__hamburger .sidebar-menu,
.dark-mode .header-eleven .header__hamburger .sidebar-menu {
    color: #FFF;
}

.dark-mode .header-eleven,
.dark-mode .hero-sec-eleven .banner-form {
    background-color: #0D0D0D;
}

.dark-mode .hero-sec-eleven .banner-form .card-body,
.dark-mode .featured-sec-eleven .featured-item .featured-content,
.dark-mode .featured-sec-eleven .featured-item .featured-img .rating {
    background-color: #0D0D0D;
    border-color: #17222C !important;
}

.dark-mode .hero-sec-eleven .banner-form .card-body .form-info,
.dark-mode .hero-sec-eleven::before,
.dark-mode .experience-section .experience-item .experience-content,
.dark-mode .experience-section .experience-item .rating {
    background-color: #0D0D0D;
}

.dark-mode .header-eleven .header-nav .main-menu-wrapper .main-nav>li>a {
    color: #FFF;
}

.dark-mode .header-eleven .header-btn .theme-toggle {
    color: #FFF;
}

.dark-mode .header-eleven .header-logo.logo-dark {
    display: none;
}

.dark-mode .header-eleven .logo-white.header-logo {
    display: block;
}

.dark-mode .featured-sec-eleven,
.dark-mode .testimonials-eleven .testimonials-text-bottom {
    background-color: #212E47;
}

.dark-mode .who-we-are-sec {
    background-color: #0D0D0D;
}

.dark-mode .who-we-are-sec::before {
    opacity: 0.1;
}

.dark-mode .testimonials-eleven .testimonials-image {
    opacity: 0.1;
}

.dark-mode .testimonials-eleven .testimonials-item {
    border-color: #17222C;
}

.dark-mode .header-eight .header-nav .main-menu-wrapper .main-nav .submenu .menu-tab ul li a,
.dark-mode .main-header-nine .header-nine .header-nav .main-menu-wrapper .main-nav .submenu .menu-tab ul li a,
.dark-mode .header-eleven .header-nav .main-menu-wrapper .main-nav .submenu .menu-tab ul li a {
    background-color: #17222C !important;
}

.dark-mode .header-eight .header-nav .main-menu-wrapper .main-nav .submenu .menu-tab ul li a.active,
.dark-mode .header-eight .header-nav .main-menu-wrapper .main-nav .submenu .menu-tab ul li a:hover,
.dark-mode .main-header-nine .header-nine .header-nav .main-menu-wrapper .main-nav .submenu .menu-tab ul li a.active,
.dark-mode .main-header-nine .header-nine .header-nav .main-menu-wrapper .main-nav .submenu .menu-tab ul li a:hover,
.dark-mode .header-eleven .header-nav .main-menu-wrapper .main-nav .submenu .menu-tab ul li a.active,
.dark-mode .header-eleven .header-nav .main-menu-wrapper .main-nav .submenu .menu-tab ul li a:hover {
    background-color: #CF3425 !important;
    color: #FFF !important;
}

.dark-mode .header-eleven .header-nav .main-menu-wrapper .main-nav .submenu li a {
    color: #FFF !important;
}

.dark-mode .header-eleven .header-nav .main-menu-wrapper .main-nav .submenu li a:hover,
.dark-mode .header-eleven .header-nav .main-menu-wrapper .main-nav .submenu li a.active {
    color: #CF3425 !important;
}

.who-we-are-sec .who-we-are-img {
    margin: 11px 0;
}

.home-eight-title {
    font-size: 20px;
    font-weight: 600;
}