/****************************************
Template Name: Travlo - Tour & Travel Agency HTML Template.
Author: NarzoTech 
Author Email: contact.narzotech@gmail.com
website: http://www.narzotech.com/
Version: 1.0
Description: Trapio  is an attractive, contemporary, and sophisticated HTML template for tours and travel agencies. Built with a multitude of top-notch components, Trapio  works for travel websites, tours, and more. You can quickly and easily set up a travel website with Trapio  and start selling your trip packages. Trapio  is a well-designed website that has all the capabilities needed to create a fully functional tour and travel website with a unique look and feel. Trapio  Template has a fully responsive layout. It fits perfectly on various displays and resolutions from regular desktop screens to tablets, iPads, iPhones, and small mobile devices.


CSS INDEX
===================================
01. GLOBAL CSS 
02. HOME PAGE 01
03. HOME PAGE 02
04. HOME PAGE 03
05. ABOUT US PAGE
06. SERVICE PAGE
07. HOTEL GRID VIEW 
08. HOTEL LIST VIEW
09. HOTEL DETAILS
10. PACKAGES PAGE
11. PACKAGE DETAILS
12. CAR LIST VIEW
13. CAR DETAILS
14. EVENT LIST VIEW
15. EVENT DETAILS
16. BLOG DETAILS
17. CONTACT
18. AGENT PROFILE
19. SIGN IN
20. ERROR
21. FAQ
22. PRIVACY POLICY 
23. PAYMENT
24. PAYMENT DONE

********************************** */


/*============================
    GLOBAL CSS START
============================*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap');

* {
    margin: 0;
    padding: 0;
}

ul,
ol,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    display: inline-block;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

p,
span {
    font-size: 15px;
    font-weight: 500;
    margin: 0;
    color: var(--paraColor);
}

body {
    overflow-x: hidden;
    scroll-behavior: smooth;
    font-family: var(--bodyFont);
}

img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

input,
textarea {
    width: 100%;
    padding: 13px 20px;
    outline: none;
    resize: none;
    border: 1px solid #E4E7E9;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 400;
}

input::placeholder,
textarea::placeholder {
    color: #a6a6ac;
}

button {
    border: none;
}

:root {
    --colorPrimary: #0E77F3;
    --colorSecondary: #F27D00;
    --colorGreen: #1DD83B;
    --colorRed: #EB4C4C;
    --colorBlack: #040618;
    --colorWhite: #ffffff;
    --paraColor: #747D87;
    --ratingColor: #FFA121;
    --bodyFont: 'Inter', sans-serif;
    --boxShadow: 0px 24px 60px 0px rgba(10, 37, 64, 0.14);
}

.container_large {
    max-width: 1600px;
}

.common_btn {
    background: var(--colorPrimary);
    color: var(--colorWhite);
    font-size: 15px;
    font-weight: 500;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 9px 25px;
    justify-content: center;
    text-transform: capitalize;
    position: relative;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    z-index: 1;
    overflow: hidden;
}

.common_btn i {
    margin-left: 8px;
    margin-top: 3px;
}

.common_btn span {
    width: 13px;
    margin-right: 8px;
    margin-top: -4px;
}

.common_btn:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: var(--colorBlack);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.common_btn:hover:after {
    top: auto;
    bottom: 0;
    height: 100%;
}

.section_heading {
    text-align: center;
}

.section_heading.heading_left,
.section_heading.heading_left h2 {
    text-align: left;
}

.section_heading h2,
.section_heading h2 span {
    text-align: center;
    font-size: 46px;
    font-weight: 700;
    display: inline-block;
    color: var(--colorBlack);
    position: relative;
}

.section_heading h2::after {
    position: absolute;
    content: "";
    background: url(../images/heading_shape.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 70px;
    height: 43px;
    top: -20px;
    right: -33px;
}

.section_heading h2 span::after {
    position: absolute;
    content: "";
    background: url(../images/heading_shape_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 80%;
    height: 12px;
    bottom: -8px;
    left: 10%;
    animation: heading_animi linear 2s infinite alternate;
    -webkit-animation: heading_animi linear 2s infinite alternate;
}

@keyframes heading_animi {
    from {
        transform: rotate(3deg);
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -o-transform: rotate(3deg);
    }

    to {
        transform: rotate(-3deg);
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
    }
}

.nextArrow,
.prevArrow {
    width: 40px;
    height: 40px;
    line-height: 40px !important;
    text-align: center;
    background: var(--colorWhite);
    border: 1px solid rgba(4, 6, 24, 0.10);
    border-radius: 50%;
    font-size: 15px;
    color: var(--colorBlack);
    cursor: pointer;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.nextArrow,
.nextArrow:hover,
.prevArrow:hover {
    background: var(--colorPrimary);
    border-color: var(--colorPrimary);
    color: var(--colorWhite);
}

.title {
    color: var(--colorBlack);
    display: block;
    font-size: 20px;
    font-weight: 600;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.title:hover {
    color: var(--colorSecondary);
}

.read_btn {
    color: var(--colorBlack);
    font-size: 15px;
    font-weight: 500;
    position: relative;
    padding-right: 30px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.read_btn::after {
    position: absolute;
    content: "\f054";
    font-family: "font awesome 5 free";
    font-weight: 600;
    font-size: 11px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 50%;
    background: rgba(4, 6, 24, 0.06);
    color: var(--colorBlack);
    top: 1px;
    right: 0;
    padding-left: 2px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.read_btn:hover {
    color: var(--colorSecondary);
}

.read_btn:hover::after {
    background: var(--colorSecondary);
    color: var(--colorWhite);
}

.owl-prev,
.owl-next {
    width: 40px;
    height: 40px;
    line-height: 40px !important;
    text-align: center;
    background: var(--colorWhite) !important;
    border: 1px solid rgba(4, 6, 24, 0.10) !important;
    border-radius: 50% !important;
    font-size: 15px !important;
    color: var(--colorBlack) !important;
    position: absolute;
    top: 50% !important;
    right: -12px;
    transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -o-transform: translateY(-50%) !important;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    z-index: 9;
}

.owl-prev {
    right: auto;
    left: -12px;
}

.owl-prev::after,
.owl-next::after {
    position: absolute;
    content: "\f061";
    font-family: "font awesome 5 free";
    font-weight: 600;
    font-size: 14px;
    color: var(--colorBlack);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.owl-prev::after {
    content: "\f060";
}

.owl-next,
.owl-prev:hover,
.owl-next:hover {
    background: var(--colorPrimary) !important;
    border-color: var(--colorPrimary) !important;
}

.owl-next::after,
.owl-prev:hover::after,
.owl-next:hover::after {
    color: var(--colorWhite);
}

.owl-prev span,
.owl-next span {
    font-size: 0;
}

.breadcrumb {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.breadcrumb_overlay {
    background: linear-gradient(180deg, rgba(4, 6, 24, 0.40) 0%, rgba(4, 6, 24, 0.00) 100%);
    backdrop-filter: blur(0px);
    padding: 215px 0px 140px 0px;
}

.breadcrumb_text h1 {
    color: var(--colorWhite);
    text-align: center;
    font-size: 56px;
    font-weight: 700;
    margin-bottom: 13px;
}

.breadcrumb_text ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 50px;
}

.breadcrumb_text ul li,
.breadcrumb_text ul li a {
    color: var(--colorWhite) !important;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    border-bottom: 1px solid transparent;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    text-transform: capitalize;
}

.breadcrumb_text ul li a::after {
    position: absolute;
    content: "";
    width: 10px;
    height: 2px;
    background: rgb(255 255 255 / 78%);
    top: 11px;
    right: -30px;
}

.breadcrumb_text ul li a:hover {
    border-color: var(--colorWhite);
}

.pagination nav ul {
    gap: 10px;
}

.pagination nav ul li a {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border: 1px solid rgba(4, 6, 24, 0.10);
    background: rgba(255, 255, 255, 0.00);
    padding: 0;
    border-radius: 0 !important;
    font-size: 14px;
    font-weight: 600;
    color: var(--paraColor);
    transition: all linear .3s;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}

.pagination nav ul li a:hover,
.pagination nav ul li a.active {
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border-color: var(--colorPrimary);
}

.form-check-input:checked {
    background-color: var(--colorPrimary);
    border-color: var(--colorPrimary) !important;
}

/*============================
    GLOBAL CSS END
============================*/


/*============================
    HOME PAGE 01 START
============================*/
/* menu start */
.main_menu {
    width: 100%;
    height: 80px;
    background: var(--colorWhite);
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    transition: all linear .3s;
    box-shadow: 0px 3px 3px 0px rgba(4, 6, 24, 0.10);
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.main_menu .navbar-brand {
    width: 135px;
    margin: 0;
    padding: 0;
    border-right: 1px solid rgba(10, 37, 64, 0.20);
    padding-right: 15px;
}

.main_menu .navbar-nav {
    line-height: 80px;
}

.main_menu .navbar-nav .nav-item {
    position: relative;
}

.main_menu .navbar-nav .nav-item .nav-link {
    color: var(--colorBlack);
    font-size: 15px;
    font-weight: 500;
    opacity: .7;
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    padding: 0;
    margin: 0px 20px;
    position: relative;
}

.main_menu .navbar-nav .nav-item .nav-link i {
    margin-left: 3px;
}

.main_menu .navbar-nav .nav-item .nav-link::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background: var(--colorPrimary);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transition: all linear .3s;
    opacity: 0;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.main_menu .navbar-nav .nav-item:hover .nav-link,
.main_menu .navbar-nav .nav-item .nav-link.active {
    color: var(--colorPrimary);
    opacity: 1;
}

.main_menu .navbar-nav .nav-item:hover .nav-link::after {
    opacity: 1;
}

.main_menu .right_menu>li:first-child {
    border-right: 1px solid rgba(4, 6, 24, 0.20);
    padding-right: 20px;
    margin-right: 20px;
    position: relative;
    padding-left: 22px;
}

.main_menu .right_menu>li:first-child::after {
    position: absolute;
    content: "";
    background: url(../images/global_icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 16px;
    height: 16px;
    top: 2px;
    left: 0;
}

.main_menu .right_menu li .common_btn {
    margin-left: 20px;
}

.main_menu .right_menu .nice-select {
    background: none;
    height: auto;
    line-height: initial;
    min-width: 55px;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    padding-left: 0;
    padding-right: 20px;
}

.main_menu .nice-select:after {
    right: 3px;
    margin-top: -6px;
}

.main_menu .submenu {
    position: absolute;
    background: var(--colorWhite);
    line-height: 45px;
    width: 220px;
    top: 120%;
    left: 0px;
    border-top: 1px solid var(--colorPrimary);
    opacity: 0;
    visibility: hidden;
    transition: all linear .25s;
    -webkit-transition: all linear .25s;
    -moz-transition: all linear .25s;
    -ms-transition: all linear .25s;
    -o-transition: all linear .25s;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    z-index: 999;
}

.main_menu .submenu li {
    position: relative;
}

.main_menu .child_menu li a,
.main_menu .submenu li a {
    display: block;
    color: var(--colorBlack);
    font-size: 14px;
    font-weight: 500;
    opacity: .7;
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    padding: 0px 20px;
    position: relative;
    border-bottom: 1px solid #0e77f324;
}

.main_menu .child_menu li:last-child>a,
.main_menu .submenu li:last-child>a {
    border: none;
}

.main_menu .submenu li a::after {
    position: absolute;
    content: "\f061";
    font-family: "font awesome 5 free";
    font-weight: 600;
    font-size: 10px;
    color: var(--paraColor);
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.main_menu .child_menu li a:hover,
.main_menu .child_menu li a.active,
.main_menu .submenu li:hover>a,
.main_menu .submenu li a.active {
    color: var(--colorPrimary);
    opacity: 1;
    padding-left: 25px;
}

.main_menu .submenu li>a.active::after,
.main_menu .submenu li:hover>a::after {
    color: var(--colorPrimary);
    right: 20px;
    opacity: 1;
}

.main_menu .navbar-nav .nav-item:hover .submenu {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.main_menu .child_menu {
    position: absolute;
    background: var(--colorWhite);
    line-height: 45px;
    width: 220px;
    top: 20px;
    left: 100%;
    border-top: 1px solid var(--colorPrimary);
    opacity: 0;
    visibility: hidden;
    transition: all linear .25s;
    -webkit-transition: all linear .25s;
    -moz-transition: all linear .25s;
    -ms-transition: all linear .25s;
    -o-transition: all linear .25s;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    z-index: 999;
}

.main_menu .submenu li:hover .child_menu {
    top: -1px;
    opacity: 1;
    visibility: visible;
}

.main_menu.menu_fix {
    left: 0;
    top: 0;
    z-index: 999;
    animation: menu_animate 2s;
    -webkit-animation: menu_animate 2s;
}

@keyframes menu_animate {
    from {
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
    }

    to {
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
    }
}

/* menu end */


/* banner start */
.banner {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 100vh;
}

.banner div {
    height: 100%;
}

.banner_overlay {
    background: linear-gradient(100deg, rgba(4, 6, 24, 0.90) 0.42%, rgba(4, 6, 24, 0.00) 67.32%);
}

.banner_text {
    padding-top: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.banner_text h5 {
    color: var(--colorRed);
    background: var(--colorWhite);
    padding: 6px 13px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.48px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.banner_text h1,
.banner_text h1 span {
    color: var(--colorWhite);
    font-size: 70px;
    font-weight: 700;
    line-height: 80px;
    letter-spacing: -1.4px;
    max-width: 65%;
}

.banner_text h1 span {
    color: var(--colorSecondary);
}

.banner_text h1 span b {
    font-weight: 700 !important;
}

.banner_aearch {
    height: auto !important;
    width: 100%;
}

.banner_aearch .nav-pills {
    background: var(--colorWhite);
    margin-top: 45px;
    display: inline-flex;
    gap: 50px;
    padding: 20px 40px;
}

.banner_aearch .nav-pills .nav-item button {
    color: rgba(4, 6, 24, 0.70);
    font-size: 15px;
    font-weight: 500;
    padding: 0;
    margin: 0;
    background: none;
    border-radius: 0;
    text-transform: capitalize;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.banner_aearch .nav-pills .nav-item button span {
    display: block;
    width: 20px;
    height: auto;
    margin-right: 8px;
}

.banner_aearch .nav-pills .nav-item button::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 4px;
    background: var(--colorWhite);
    bottom: -20px;
    left: 0;
}

.banner_aearch .nav-pills .nav-item button.active::after {
    background: var(--colorSecondary) !important;
}

.banner_aearch .tab-content {
    height: auto !important;
    background: var(--colorWhite);
    position: relative;
}

.banner_aearch .tab-content .tab-pane {
    transition: opacity 0.01s linear;
    -webkit-transition: opacity 0.01s linear;
    -moz-transition: opacity 0.01s linear;
    -ms-transition: opacity 0.01s linear;
    -o-transition: opacity 0.01s linear;
}

.banner_aearch form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 40px;
    margin-top: 4px;
}

.banner_aearch form ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    width: 89%;
}

.banner_aearch form ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border: 1px solid rgba(4, 6, 24, 0.10);
    width: 24%;
}

.banner_aearch form ul li .icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    color: var(--colorBlack);
    font-size: 18px;
    font-weight: 500;
}

.banner_aearch form ul li .icon img {
    width: 18px !important;
    height: auto !important;
}

.banner_aearch form ul li .text {
    border-left: 1px solid rgba(4, 6, 24, 0.10);
    padding-left: 12px;
    width: 76%;
    position: relative;
}

.banner_aearch form ul li .text h3 {
    font-size: 14px;
    font-weight: 600;
    text-align: left;
}

.banner_aearch form ul li .text h3 span {
    font-size: 14px;
    font-weight: 600;
    color: rgba(4, 6, 24, 0.70);
}

.banner_aearch form ul li .text input {
    padding: 0;
    border: none;
    font-size: 12px;
    font-weight: 500;
}

.banner_aearch form ul li .text input::placeholder {
    color: rgba(4, 6, 24, 0.70);
}

.banner_aearch form>button {
    padding: 9px 25px;
}

.banner_aearch form>button>i {
    display: block;
    width: 100%;
    margin-top: 7px;
}

.banner_aearch .select2-container--default .select2-selection--single .select2-selection__rendered {
    border: 1px solid rgba(4, 6, 24, 0.10);
    text-align: left;
    font-size: 14px;
    font-weight: 400;
}

.banner_aearch .select2-container .select2-selection--single {
    height: auto;
    border: none;
}

.banner_aearch .quentity_dropdown {
    position: absolute;
    top: 100%;
    margin-top: 9px;
    width: auto;
    min-width: 250px;
    padding: 20px;
    height: auto;
    min-height: 200px;
    left: -61px;
    background: var(--colorWhite);
    border: 1px solid #eee;
    overflow: hidden;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    transform: scaleY(0);
    transform-origin: top;
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    z-index: 9;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
}

.banner_aearch .quentity_dropdown.show_qnty {
    opacity: 1;
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
}

.banner_aearch .quentity_area {
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(4, 6, 24, 0.10);
    padding-bottom: 15px;
}

.banner_aearch .quentity_area p {
    font-size: 14px;
    font-weight: 500;
    color: var(--colorBlack);
}

.banner_aearch .quentity_area.qnty_item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.banner_aearch .quentity_area .qnty_item button {
    width: 35px;
    height: 35px;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    background: none;
    border: 1px solid #eee;
    transition: all linear .3s;
    font-size: 13px;
    margin: 0;
    padding: 0;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.banner_aearch .quentity_area .qnty_item input {
    width: 40px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
}

.banner_aearch .quentity_area .qnty_item input::placeholder {
    color: var(--colorBlack);
}

.banner_aearch .quentity_area .qnty_item button:hover {
    background: var(--colorPrimary);
    border-color: var(--colorPrimary);
    color: var(--colorWhite);
}

.banner_aearch .quentity_area .qnty_item button.minus:hover {
    background: var(--colorRed);
    border-color: var(--colorRed);
}

.banner_aearch .qnty_item .minus {
    background: var(--colorRed);
    border-color: var(--colorPrimary);
}

.adv_search_icon {
    position: absolute;
    top: 58px;
    right: 12px;
    font-size: 22px;
    cursor: pointer;
    width: 30px;
    height: 30px !important;
    line-height: 30px;
    text-align: center;
}

.adv_search_area {
    width: 100%;
    background: var(--colorWhite);
    height: auto !important;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 35px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    transform: scaleY(0);
    transform-origin: top;
    opacity: 0;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    z-index: 9;
}

.adv_search_area.show_search {
    transform: scale(1);
    top: 115%;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.adv_search_area .adv_search_close {
    position: absolute;
    top: 5px;
    right: 15px;
    text-align: center;
    color: var(--colorSecondary);
    cursor: pointer;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    font-size: 26px;
}

.adv_search_area h3 {
    text-transform: capitalize;
    font-size: 20px;
    margin-bottom: 20px;
    text-align: left;
}

.adv_search_area::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 20px solid #ffffff;
    top: -19px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.adv_search_area .form-check {
    height: auto !important;
    margin-bottom: 20px;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.adv_search_area .form-check input {
    padding: 0;
    border-radius: 0;
    margin-right: 10px;
}

.adv_search_area .form-check label {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 400;
}

/* banner end */


/* destinations start */
.destinations {
    position: relative;
}

.single_destinatiom {
    height: 370px;
    overflow: hidden;
    position: relative;
    margin: 0px 12px;
}

.single_destinatiom img {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_destinatiom p {
    position: absolute;
    top: 20px;
    right: 20px;
    background: var(--colorWhite);
    font-size: 13px;
    font-weight: 500;
    padding: 5px 7px 5px 10px;
}

.single_destinatiom p i {
    color: var(--ratingColor);
    margin-right: 5px;
}

.single_destinatiom a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: var(--colorWhite);
    border-radius: 50%;
    color: var(--colorBlack);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    opacity: 0;
    z-index: 1;
}

.single_destinatiom a:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.single_destinatiom .text {
    position: absolute;
    width: 100%;
    height: 150px;
    bottom: 0;
    left: 0;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: start;
    z-index: 1;
}

.single_destinatiom .text h3 {
    color: var(--colorWhite);
    font-size: 18px;
    font-weight: 600;
}

.single_destinatiom .text span {
    color: rgba(255, 255, 255, 0.60);
    display: inline-block;
    font-size: 14px;
    /* font-weight: 500; */
    background: rgba(255, 255, 255, 0.20);
    padding: 5px 12px 5px 25px;
    margin-top: 6px;
    position: relative;
}

.single_destinatiom .text span::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: var(--colorGreen);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    top: 14px;
    left: 13px;
}

.single_destinatiom:hover img {
    transform: scale(1.05) rotate(2deg);
    -webkit-transform: scale(1.05) rotate(2deg);
    -moz-transform: scale(1.05) rotate(2deg);
    -ms-transform: scale(1.05) rotate(2deg);
    -o-transform: scale(1.05) rotate(2deg);
}

.single_destinatiom:hover a {
    opacity: 1;
}

.single_destinatiom::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 150px;
    background: linear-gradient(180deg, rgba(10, 37, 64, 0.00) 0%, #0A2540 100%);
    bottom: 0;
    left: 0;
    transition: all linear .2s;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
    -o-transition: all linear .2s;
}

.single_destinatiom:hover:after {
    height: 100%;
    background: linear-gradient(180deg, rgba(10, 37, 64, 0.00) 0%, #0A2540 100%);
}

.destinations .nextArrow,
.destinations .prevArrow {
    position: absolute;
    top: 50%;
    right: -8px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 1;
}

.destinations .prevArrow {
    right: auto;
    left: -8px;
    border: none;
}

.destinations .all_destination {
    color: var(--colorBlack);
    background: rgba(4, 6, 24, 0.06);
}

.destinations .all_destination:hover {
    color: var(--colorWhite);
}

.destinations .all_destination:after {
    background-color: var(--colorPrimary);
}

.destinations::after {
    position: absolute;
    content: "";
    background: url(../images/shape_1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 46px;
    height: 60px;
    left: 12%;
    top: 3%;
}

/* destinations end */


/* special offer start */
.offer_item {
    position: relative;
    height: 380px;
    overflow: hidden;
    margin-top: 25px;
}

.offer_item img {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.offer_item .text {
    position: absolute;
    top: 0;
    left: 0;
    padding: 60px;
    max-width: 70%;
}

.offer_item .text p {
    color: var(--colorSecondary);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.48px;
    text-transform: uppercase;
    background: var(--colorWhite);
    display: inline-block;
    padding: 4px 12px;
    box-shadow: 0px 2px 3px 0px rgba(10, 37, 64, 0.10);
}

.offer_item .text h3 {
    color: var(--colorBlack);
    font-size: 30px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 35px;
}

.offer_item_large .text {
    max-width: 50%;
}

.offer_item:hover img {
    transform: scale(1.06) rotate(2deg);
    -webkit-transform: scale(1.06) rotate(2deg);
    -moz-transform: scale(1.06) rotate(2deg);
    -ms-transform: scale(1.06) rotate(2deg);
    -o-transform: scale(1.06) rotate(2deg);
}

/* special offer end */

/* filter start */
.filter {
    position: relative;
}

.filter::after {
    position: absolute;
    content: "";
    background: url(../images/filter_bg.png);
    background-position: center top;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.filter .section_heading h2::after {
    display: none;
}

.filter .section_heading span {
    color: var(--colorSecondary);
}

.filter .section_heading span b {
    font-weight: 700;
}

.filter .section_heading h2 span::after {
    display: none;
}

.filter .ah-headline.clip .ah-words-wrapper::before {
    top: 6px;
}

.filter_button {
    display: flex;
    justify-content: center;
}

.filter_button .nav-tabs {
    background: rgba(14, 119, 243, 0.10);
    gap: 40px;
    padding: 6px 25px;
    border: none;
}

.filter_button .nav-tabs button {
    color: rgba(10, 37, 64, 0.70);
    font-size: 15px;
    font-weight: 500;
    border-radius: 0;
    border: none;
    position: relative;
}

.filter_button .nav-tabs button::before {
    position: absolute;
    content: "";
    background: url(../images/filter_shapes_1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    top: -27px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.filter_button .nav-tabs button::after {
    position: absolute;
    content: "";
    background: url(../images/filter_shapes_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 85px;
    height: 6px;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.filter_button .nav-tabs button.active {
    background: var(--colorWhite);
    box-shadow: 0px 2px 3px 0px rgba(10, 37, 64, 0.20);
    color: rgba(10, 37, 64, 0.70);
}

.filter_button .nav-tabs button.active::after,
.filter_button .nav-tabs button.active::before {
    opacity: 1;
}

.common_card {
    background: var(--colorWhite);
    margin-top: 25px;
    box-shadow: rgb(100 100 111 / 13%) 0px 2px 14px 0px;
    padding-top: 1px;
}

.filter .common_card {
    margin: 5px 12px 20px 12px;
}

.common_card_img {
    height: 210px;
    position: relative;
    margin: 10px;
    overflow: hidden;
}

.common_card_img img {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.common_card_img span {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
    color: var(--colorWhite);
    font-size: 13px;
    font-weight: 500;
    background: var(--colorSecondary);
    padding: 2px 14px;
    display: inline-block;
}

.common_card_img a {
    position: absolute;
    top: 30px;
    right: 20px;
    width: 35px;
    height: 35px;
    background: var(--colorBlack);
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    color: var(--colorWhite);
}

.common_card_text {
    padding: 10px 30px 35px 30px;
    position: relative;
}

.common_card_text .author_img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: -27px;
    right: 30px;
}

.common_card_text .rating {
    color: var(--ratingColor);
    font-size: 14px;
    margin-bottom: 7px;
}

.common_card_text .rating span {
    font-size: 13px;
    margin-left: 5px;
}

.common_card_text .location {
    font-size: 14px;
    font-weight: 500;
    background: rgba(4, 6, 24, 0.06);
    padding: 4px 15px 4px 35px;
    margin-top: 18px;
    margin-bottom: 23px;
    position: relative;
    display: inline-block;
}

.common_card_text .location::after {
    position: absolute;
    content: "";
    background: url(../images/location_icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 14px;
    height: 18px;
    top: 6px;
    left: 13px;
}

.common_card_text .description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.common_card_text_footer {
    border-top: 1px solid rgba(4, 6, 24, 0.10);
    align-items: center;
    padding: 15px 30px;
}

.common_card_text_footer h5,
.common_card_text_footer h5 del,
.common_card_text_footer h5 span {
    font-size: 18px;
    font-weight: 500;
    color: var(--colorSecondary);
}

.common_card_text_footer h5 del,
.common_card_text_footer h5 span {
    color: var(--paraColor);
}

.filter .tab-content .tab-pane {
    transition: opacity 0.01s linear;
    -webkit-transition: opacity 0.01s linear;
    -moz-transition: opacity 0.01s linear;
    -ms-transition: opacity 0.01s linear;
    -o-transition: opacity 0.01s linear;
}

.common_card.event .location::after,
.common_card.package .location::after {
    background: url(../images/clock_icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 14px;
    height: 14px;
    top: 8px;
}

.common_card.car ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.common_card.car ul li {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(4, 6, 24, 0.10);
    padding: 6px;
}

.common_card.car .location {
    padding-left: 28px;
}

.common_card.car .location::after {
    top: 13px;
    background: var(--colorBlack);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.common_card.event .location {
    margin-bottom: 8px;
}

.common_card .duration {
    color: var(--colorRed);
    font-size: 15px;
    font-weight: 500;
}

.common_card:hover .common_card_img img {
    transform: scale(1.07) rotate(2deg);
    -webkit-transform: scale(1.07) rotate(2deg);
    -moz-transform: scale(1.07) rotate(2deg);
    -ms-transform: scale(1.07) rotate(2deg);
    -o-transform: scale(1.07) rotate(2deg);
}

/* filter end */


/* why choose us start */
.why_choose_item {
    border: 1px solid rgba(4, 6, 24, 0.14);
    background: var(--colorWhite);
    position: relative;
    text-align: center;
    padding: 40px 30px;
    margin-top: 70px;
}

.why_choose_item span {
    display: block;
    width: 90px;
    height: 90px;
    border: 1px solid rgba(4, 6, 24, 0.14);
    background: #FFF;
    border-radius: 50%;
    padding: 26px;
    margin: 0 auto;
    margin-top: -85px;
}

.why_choose_item h3 {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin-top: 25px;
    margin-bottom: 8px;
}

.why_choose_item p {
    /* color: #747D87; */
    text-align: center;
    /* font-size: 15px; */
    /* font-weight: 500; */
    line-height: 24px;
}

.wsys__why_choose_us .section_heading h2 span::after {
    height: 10px;
    width: 100%;
    left: 0;
}

/* why choose us end */


/* popular flight start */
.popular_flight {
    position: relative;
}

.popular_flight::after {
    position: absolute;
    content: "";
    background: url(../images/popular_flight_bg.png);
    background-position: center top;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.popular_flight_area {
    position: relative;
}

.popular_flight_area::after {
    position: absolute;
    content: "";
    background: rgba(4, 6, 24, 0.10);
    width: 67%;
    height: 1px;
    bottom: 17px;
    left: 12%;
}

.popular_flight_item {
    background: var(--colorWhite);
    box-shadow: 0px 8px 13px 0px rgba(10, 37, 64, 0.08);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 25px;
}

.popular_flight_item .img {
    display: block;
    width: 110px;
    height: 120px;
    overflow: hidden;
}

.popular_flight_item .img img {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.popular_flight_item .text {
    padding: 25px 30px;
    max-width: 73%;
}

.popular_flight_item .text a {
    font-size: 18px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.popular_flight_item .text a span {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #EAEFF4;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    color: var(--colorBlack);
    font-size: 13px;
    margin: 0px 15px;
    transition: all linear .2s;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
    -o-transition: all linear .2s;
}

.popular_flight_item .text h3 {
    color: var(--colorSecondary);
    font-size: 18px;
    font-weight: 500;
    display: flex;
    margin-top: 10px;
}

.popular_flight_item .text h3 span {
    font-weight: 500;
    margin-right: 12px;
}

.popular_flight_item .text a:hover span {
    background: var(--colorSecondary);
    color: var(--colorWhite);
}

.popular_flight_item:hover .img img {
    transform: scale(1.1) rotate(5deg);
    -webkit-transform: scale(1.1) rotate(5deg);
    -moz-transform: scale(1.1) rotate(5deg);
    -ms-transform: scale(1.1) rotate(5deg);
    -o-transform: scale(1.1) rotate(5deg);
}

.popular_flight .nextArrow,
.popular_flight .prevArrow {
    position: absolute;
    left: 62px;
    bottom: -76px;
    z-index: 1;
}

.popular_flight .prevArrow {
    left: 12px;
}

.popular_flight_single {
    padding: 0px 12px;
}

/* popular flight end */

/* testimonial start */
.testimonial .section_heading h2::after {
    display: none;
}

.testimonial_bg {
    position: relative;
    border: 1px solid rgba(10, 37, 64, 0.06);
    padding: 90px 80px;
    background: var(--colorWhite);
    z-index: 1;
}

.testimonial_bg::after {
    position: absolute;
    content: "";
    background: url(../images/testimonial_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.single_testimonial .rating {
    color: var(--ratingColor);
}

.single_testimonial .descroption {
    font-size: 18px;
    /* font-weight: 500; */
    line-height: 30px;
    margin-top: 12px;
    margin-bottom: 30px;
}

.single_testimonial_footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.single_testimonial_footer .img {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: 15px;
}

.single_testimonial_footer h3 {
    color: var(--colorBlack);
    font-size: 18px;
    font-weight: 600;
}

.single_testimonial_footer h3 span {
    display: block;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 5px;
}

.testimonial .nextArrow,
.testimonial .prevArrow {
    position: absolute;
    left: -420px;
    bottom: 95px;
}

.testimonial .prevArrow {
    left: -470px;
}

.testimonial .slick-dots {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-top: 50px;
}

.testimonial .slick-dots li button {
    width: 12px;
    height: 12px;
    border: 1px solid var(--colorBlack);
    font-size: 0;
    background: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.testimonial .slick-dots li.slick-active button {
    background: var(--colorBlack);
}

/* testimonial end */


/* counter start */
.counter_area {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid rgba(4, 6, 24, 0.14);
}

.counter_area li {
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-right: 1px solid rgba(4, 6, 24, 0.14);
    background: rgba(4, 6, 24, 0.00);
    padding: 50px;
}

.counter_area li:last-child {
    border: none;
}

.counter_area li .counter_icon {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 15px;
}

.counter_area li h2,
.counter_area li h2 span {
    color: var(--colorBlack);
    text-align: center;
    font-size: 40px;
    font-weight: 700;
}

/* counter end */

/* download start */
.download {
    position: relative;
}

.download::after {
    position: absolute;
    content: "";
    background: url(../images/download_bg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.download_text {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    padding-bottom: 25px;
}

.download_text h5,
.download_text h5 span {
    color: var(--colorWhite);
    font-size: 46px;
    font-weight: 500;
    line-height: 58px;
}

.download_text h5 span {
    color: #FEB42C;
}

.download_text ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: 50px;
}

.download_text ul li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: var(--colorWhite);
    font-size: 15px;
    font-weight: 500;
    background: var(--colorPrimary);
    padding: 15px 25px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.download_text ul li a span {
    display: block;
    width: 16px;
    margin-top: -4px;
    margin-right: 8px;
}

.download_text ul li:last-child a {
    background: var(--colorWhite);
    color: var(--colorBlack);
}

.download_text ul li a:hover {
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.download_text ul li:last-child a:hover span {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(177deg) brightness(108%) contrast(101%);
}

.download_img {
    width: 430px;
    height: 565px;
    margin-top: -45px;
    margin-left: auto;
}

/* download end */


/* blog start */
.blog .section_heading span::after {
    width: 80%;
    height: 17px;
    bottom: -15px;
}

.single_blog {
    margin-top: 25px;
    padding: 10px;
    background: var(--colorWhite);
    box-shadow: 0px 24px 60px 0px rgba(10, 37, 64, 0.10);
}

.single_blog_img {
    height: 240px;
    position: relative;
    overflow: hidden;
}

.single_blog_img img {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_blog_img .category {
    position: absolute;
    top: 20px;
    right: 20px;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    font-size: 13px;
    font-weight: 500;
    padding: 2px 17px 4px 17px;
}

.single_blog_text {
    padding: 20px 20px 30px 20px;
}

.single_blog_text ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.single_blog_text ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: var(--paraColor);
    font-size: 14px;
    font-weight: 500;
}

.single_blog_text ul li span {
    display: block;
    width: 16px;
    margin-right: 8px;
}

.single_blog_text p {
    margin-top: 13px;
    margin-bottom: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.single_blog:hover .single_blog_img img {
    transform: scale(1.06) rotate(2deg);
    -webkit-transform: scale(1.06) rotate(2deg);
    -moz-transform: scale(1.06) rotate(2deg);
    -ms-transform: scale(1.06) rotate(2deg);
    -o-transform: scale(1.06) rotate(2deg);
}

/* blog end */


/* newsletter start */
.newslwtter_bg {
    background: url(../images/subscribe_bg.png);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 45px 50px 40px 142px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.newslwtter_bg .text {
    width: 35%;
}

.newslwtter_bg .text h2 {
    color: var(--colorWhite);
    font-size: 30px;
    font-weight: 700;
}

.newslwtter_bg .text p {
    color: var(--colorWhite);
    opacity: .7;
    font-size: 12px;
    font-weight: 500;
}

.newslwtter_bg form {
    width: 65%;
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.14);
    padding: 5px;
}

.newslwtter_bg form input {
    background: none;
    border: none;
    color: var(--colorWhite);
}

.newslwtter_bg form input::placeholder {
    color: var(--colorWhite);
    opacity: .5;
}

.newslwtter_bg form button {
    position: absolute;
    top: 50%;
    right: 3px;
    transform: translateY(-50%);
    padding: 14px 43px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.newslwtter_bg form button:after {
    background-color: var(--colorWhite);
}

.newslwtter_bg form button:hover {
    color: var(--colorBlack);
}

/* newsletter end */


/* footer start */

footer {
    background: var(--colorBlack);
}

.footer_banner {
    height: 585px;
    margin-top: -244px;
}

.footer_link {
    padding-left: 20px;
}

.footer_contact h3,
.footer_link h3 {
    color: var(--colorWhite);
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 30px;
}

.footer_link ul li a {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: var(--paraColor);
    margin-top: 25px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.footer_link ul li a:hover {
    color: var(--colorWhite);
}

.footer_logo_area .footer_logo {
    display: inline-block;
    width: 135px;
}

.footer_logo_area p {
    line-height: 26px;
    margin-top: 25px;
    margin-bottom: 35px;
}

.footer_logo_area ul {
    gap: 6px;
}

.footer_logo_area ul li a {
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.14);
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: var(--colorWhite);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.footer_logo_area ul li a:hover {
    background: var(--colorPrimary) !important;
    border-color: var(--colorPrimary) !important;
    box-shadow: 0px 8px 16px 0px rgba(14, 119, 243, 0.30);
}

.footer_copyright {
    background: rgba(255, 255, 255, 0.08);
}

.footer_copyright_text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0px;
}

.footer_copyright_text p span {
    color: var(--colorWhite);
}

.footer_copyright_text .img {
    display: inline-block;
}

/* footer end */

/*============================
    HOME PAGE 01 END
============================*/


/*============================
    HOME PAGE 02 START
============================*/
.home_2 .common_btn {
    border-radius: 50px;
}

.home_2 .section_heading h2::after {
    display: none;
}

/* menu 2 start */
.main_menu_2 {
    background: #193180;
}

.main_menu_2 .navbar-brand {
    border-color: rgba(255, 255, 255, 0.20);
}

.main_menu_2 .navbar-nav .nav-item .nav-link {
    color: #ADB4BC;
    opacity: 1;
}

.main_menu_2 .navbar-nav .nav-item:hover .nav-link,
.main_menu_2 .navbar-nav .nav-item .nav-link.active {
    color: var(--colorWhite);
}

.main_menu_2 .navbar-nav .nav-item:hover .nav-link::after,
.main_menu_2 .navbar-nav .nav-item .nav-link.active::after {
    display: none;
}

.main_menu_2 .right_menu>li:first-child {
    border-color: rgba(255, 255, 255, 0.20);
}

.main_menu_2 .nice-select .current {
    color: var(--colorWhite);
}

.main_menu_2 .nice-select:after {
    border-bottom: 2px solid rgba(255, 255, 255, 0.70);
    border-right: 2px solid rgba(255, 255, 255, 0.70);
}

.main_menu_2 .right_menu>li:first-child::after {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(104deg) brightness(103%) contrast(101%);
}

.main_menu_2 .right_menu li .icon {
    width: 40px;
    height: 40px;
    line-height: 34px;
    text-align: center;
    border: 1.5px solid rgba(255, 255, 255, 0.10);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-left: 20px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.main_menu_2 .right_menu li .icon.wishlist {
    margin-left: 10px;
}

.main_menu_2 .right_menu li .icon img {
    width: auto !important;
    height: auto !important;
}

.main_menu_2 .right_menu li .icon:hover {
    border-color: var(--colorWhite);
}

.main_menu_2 .right_menu li .common_btn {
    margin-left: 10px;
}

/* menu 2 end */


/* banner 2 start */
.banner_2 {
    height: auto;
    margin-top: 80px;
    position: relative;
    z-index: 9;
}

.banner_2_content {
    margin-top: -600px;
    position: relative;
    z-index: 1;
}

.banner_2 .nextArrow,
.banner_2 .prevArrow {
    position: absolute;
    top: 50%;
    right: 175px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 9;
}

.banner_2 .prevArrow {
    right: auto;
    left: 175px;
}

.banner_2 .banner_text {
    align-items: center;
}

.banner_2 .banner_text h1 {
    margin: 0 auto;
    text-align: center;
    font-size: 90px;
    max-width: 75%;
}

.banner_2 .banner_text h5 {
    border-radius: 40px;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(95px);
    color: var(--colorGreen);
    margin-bottom: 27px;
    padding: 6px 18px;
}

.banner_2 .banner_aearch .tab-content {
    box-shadow: 0px 30px 60px 0px rgba(10, 37, 64, 0.16);
    margin: 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.banner_2 .banner_aearch {
    text-align: center;
    margin-top: 130px;
}

.banner_2 .banner_aearch .nav-pills {
    border-radius: 10px 10px 0px 0px;
    background: #E4E7EB;
    box-shadow: 0px 30px 60px 0px rgba(10, 37, 64, 0.16);
}

.banner_2 .banner_aearch .nav-pills .nav-item button::after {
    background: #E4E7EB;
}

.banner_2 .banner_aearch .nav-pills .nav-item button {
    color: #747D87;
}

.banner_2 .banner_aearch form {
    margin-top: 0px;
}

.banner_2 .banner_aearch form>button {
    border-radius: 6px !important;
}

.banner_2 .banner_aearch form ul li {
    border-radius: 6px;
}

.banner_2 .adv_search_area {
    border-radius: 10px;
}

.banner_2 .form-check input {
    border-radius: 4px;
}

.banner_2 .banner_aearch .select2-container--default .select2-selection--single .select2-selection__rendered {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.banner_2 .quentity_dropdown {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

/* banner 2 end */


/* destination 2 start */
.single_destinatiom_2 {
    height: 250px;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    margin-top: 25px;
    background: linear-gradient(176deg, rgba(14, 119, 243, 0.10) 3.35%, rgba(236, 51, 151, 0.06) 96.56%);
}

.single_destinatiom_2 img {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_destinatiom_2::after {
    position: absolute;
    content: "";
    background: rgba(4, 6, 24, 0.20);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_destinatiom_2 .text {
    position: absolute;
    bottom: 10px;
    left: 20px;
    right: 20px;
    background: var(--colorWhite);
    width: auto;
    border-radius: 10px;
    padding: 20px;
    z-index: 2;
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_destinatiom_2 .text h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
}

.single_destinatiom_2 .text p {
    font-size: 14px;
    border: 1px solid rgba(4, 6, 24, 0.10);
    display: inline-block;
    border-radius: 30px;
    padding: 2px 12px 2px 25px;
    position: relative;
}

.single_destinatiom_2 .text p::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: var(--colorGreen);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    top: 10px;
    left: 12px;
}

.single_destinatiom_2 .text a {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 45px;
    height: 45px;
    line-height: 42px;
    text-align: center;
    border: 1px solid rgba(4, 6, 24, 0.10);
    border-radius: 50%;
    transform: rotate(-45deg);
    color: var(--colorBlack);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_destinatiom_2 .text a:hover {
    background: var(--colorPrimary);
    border-color: var(--colorPrimary);
    color: var(--colorWhite);
}

.single_destinatiom_2:hover:after {
    opacity: 1;
}

.single_destinatiom_2:hover .text {
    bottom: 20px;
    opacity: 1;
}

.destinatiom_2_last_item::after {
    display: none;
}

.destinatiom_2_last_item img {
    max-width: 305px;
}

.destinatiom_2_last_item .text_2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 52%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    padding: 50px;
}

.destinatiom_2_last_item .text_2 h5 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* destination 2 end */


/* offer package start */
.offer_package_item {
    height: 260px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin: 0px 12px;
}

.offer_package_item .text {
    position: absolute;
    top: 0;
    left: 0;
    padding: 40px;
    width: 70%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.offer_package_item .text p {
    color: rgba(255, 255, 255, 0.70);
    font-size: 16px;
    font-weight: 600;
}

.offer_package_item .text h2 {
    color: var(--colorWhite);
    font-size: 26px;
    font-weight: 700;
    margin-top: 8px;
    margin-bottom: 30px;
}

.offer_package_item .text a {
    color: var(--colorWhite);
}

.offer_package_item .text a::after {
    background: rgba(255, 255, 255, 0.10);
    color: var(--colorWhite);
}

.offer_package_item .text a:hover {
    color: var(--colorBlack);
}

.offer_package_item .text a:hover:after {
    background: var(--colorBlack);
}

.offer_package .nextArrow,
.offer_package .prevArrow {
    position: absolute;
    top: -90px;
    right: 12px;
    z-index: 1;
}

.offer_package .prevArrow {
    right: 62px;
}

/* offer package end */


/* filter 2 start */
.filter_2::after {
    background: url(../images/filter_bg_2.png);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.filter_2 .filter_button {
    justify-content: end;
}

.filter_2 .filter_button .nav-tabs {
    border-radius: 6px;
}

.filter_2 .filter_button .nav-tabs button {
    border-radius: 6px;
}

.common_card_2 {
    padding: 0;
    box-shadow: none;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.common_card_2_img {
    margin: 0;
    height: 470px;
}

.common_card_2_img span {
    border-radius: 50px;
}

.common_card_2_text {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 50px 30px;
    width: 100%;
    z-index: 1;
}

.common_card_2_text::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(4, 6, 24, 0.00) 0%, #040618 100%);
    top: 0;
    left: 0;
    z-index: -1;
}

.common_card_2_text .popup_btn {
    background: var(--colorWhite);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 10px;
}

.common_card_2_text .popup_btn a {
    color: var(--colorBlack);
    padding: 6px 16px;
    transition: all linear .3s;
    display: inline-block;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.common_card_2_text .popup_btn a:hover {
    color: var(--colorPrimary);
}

.common_card_2_text .popup_btn a.video {
    border-right: 1px solid #ddd;
}

.common_card_2_text .location {
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.12);
    margin-bottom: 0;
}

.common_card_2_text .location::after {
    background: url(../images/location_icon_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.common_card_2_text .rating span {
    color: var(--colorWhite);
    opacity: .8;
}

.common_card_2_text .title {
    color: var(--colorWhite);
    font-size: 18px;
}

.common_card_2_text .rating {
    margin-bottom: 9px;
}

.filter_2 .owl-prev:hover,
.filter_2 .owl-next:hover {
    background: var(--colorPrimary) !important;
}

.package_card_area_2 .common_card_2_text .location::after {
    background: url(../images/clock_icon_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 14px;
    height: 14px;
    top: 8px;
}

.common_card_2_text .author_img {
    top: auto;
    bottom: 78px;
}

.common_card_text_footer_2 {
    border-top: 0;
    align-items: center;
    padding: 20px 0px;
    position: relative;
    margin-top: 20px;
}

.common_card_text_footer_2::after {
    position: absolute;
    content: "";
    background: rgba(255, 255, 255, 0.10);
    width: 130%;
    height: 1px;
    left: -15%;
    top: 0;
}

.common_card_text_footer_2 .read_btn {
    color: var(--colorWhite);
}

.common_card_text_footer_2 .read_btn::after {
    background: #ffffff14;
    color: var(--colorWhite);
}

.common_card_text_footer_2 .read_btn:hover {
    color: var(--colorSecondary);
}

.common_card_text_footer_2 .read_btn:hover::after {
    background: var(--colorSecondary);
}

.package_card_area_2 .common_card_2_text {
    padding-bottom: 0;
}

.car_card_area_2 .common_card.car ul li {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(231deg) brightness(103%) contrast(101%);
}

.car_card_area_2 .common_card.car ul {
    margin-top: 30px;
    margin-bottom: 50px;
}

.car_card_area_2 .common_card.car .location::after {
    top: 13px;
    background: var(--colorWhite);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.car_card_area_2 .common_card.car .location {
    color: var(--colorWhite);
}

.car_card_area_2 .car .author_img {
    bottom: 52px;
}

.event_card_area_2 .location {
    color: var(--colorWhite);
}

.event_card_area_2 .duration {
    color: var(--colorWhite);
    padding-left: 15px;
    margin-top: 5px;
    position: relative;
}

.event_card_area_2 .duration::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: var(--colorWhite);
    top: 9px;
    left: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

/* filter 2 end */


/* promo code start */
.promo_code {
    border-radius: 10px;
    background: linear-gradient(176deg, rgba(14, 119, 243, 0.10) 3.35%, rgba(236, 51, 151, 0.06) 96.56%);
    padding: 50px;
    margin-top: 25px;
}

.promo_app_download p,
.promo_code p {
    color: var(--colorBlack);
    opacity: .7;
    margin-bottom: 5px;
}

.promo_app_download h3,
.promo_code h3,
.promo_code h3 span {
    font-size: 30px;
    font-weight: 700;
    max-width: 50%;
    margin-bottom: 30px;
}

.promo_code h3 span {
    color: var(--colorSecondary);
}

.promo_code form {
    position: relative;
    max-width: 410px;
}

.promo_code form input {
    border-radius: 100px;
    border: 1px solid rgba(4, 6, 24, 0.10);
}

.promo_code form button {
    position: absolute;
    top: 5px;
    right: 5px;
}

.promo_app_download {
    border-radius: 10px;
    background: linear-gradient(176deg, rgba(14, 119, 243, 0.10) 3.35%, rgba(236, 51, 151, 0.06) 96.56%);
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    overflow: hidden;
}

.promo_app_download .img {
    width: 280px;
    height: 280px;
}

.promo_app_download .text {
    width: 54%;
    padding: 40px;
}

.promo_app_download .text h3 {
    max-width: 100%;
}

/* promo code end */

/* counter 2 start */
.counter_2 .counter_area {
    border-radius: 10px;
}

/* counter 2 end */


/* video start */
.video {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
}

.video::after {
    position: absolute;
    content: "";
    background: url(../images/video_shapes_1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 230px;
    height: 385px;
    top: 0;
    right: 0;
}

.video_overlay {
    background: rgba(4, 6, 24, 0.50);
}

.video_text {
    position: relative;
}

.video_text h2 {
    color: var(--colorWhite);
    font-size: 70px;
    font-weight: 700;
    max-width: 60%;
    margin-bottom: 35px;
}

.service_video_img .circle_box,
.video_text .circle_box {
    position: absolute;
    top: 60px;
    right: 10px;
    width: 190px;
    height: 190px;
    animation: circle_animi linear 25s infinite;
    -webkit-animation: circle_animi linear 25s infinite;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(5845%) hue-rotate(201deg) brightness(122%) contrast(93%);
    border: 1px solid rgba(255, 255, 255, 0.40);
    border-radius: 50%;
    padding: 10px;
}

@keyframes circle_animi {
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}

.service_video_img svg,
.video_text svg {
    font-size: 15.3px;
    font-weight: 500;
}

.service_video_img .circle_box::after,
.video_text .circle_box::after {
    position: absolute;
    content: "";
    background: url(../images/play_icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 30px;
    height: 30px;
    top: 80px;
    left: 80px;
    animation: circle_animi_2 linear 25s infinite;
    -webkit-animation: circle_animi_2 linear 25s infinite;
}

@keyframes circle_animi_2 {
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    to {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
    }
}


.service_video_img .circle_box::before,
.video_text .circle_box::before {
    position: absolute;
    content: "";
    width: 100px;
    height: 100px;
    border: 1px solid rgba(255, 255, 255, 0.40);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.video_text::after {
    position: absolute;
    content: "";
    background: url(../images/video_shapes_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 140px;
    height: 53px;
    top: 80px;
    right: 230px;
    animation: video_shapes linear 1s infinite alternate;
    -webkit-animation: video_shapes linear 1s infinite alternate;
}

@keyframes video_shapes {
    from {
        margin-right: 0px;
    }

    to {
        margin-right: 10px;
    }
}

/* video end */

/* testimonial 2 start */
.testimonial_2_item {
    background: #EFF5FC;
    padding: 40px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin: 0px 12px;
    position: relative;
}

.testimonial_2_item .rating {
    color: var(--ratingColor);
    font-size: 13px;
    margin-bottom: 12px;
}

.testimonial_2_item .description {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 30px;
}

.testimonial_2_item_footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.testimonial_2_item_footer img {
    width: 50px !important;
    height: 50px !important;
    margin-right: 12px;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
}

.testimonial_2_item_footer h3 {
    font-size: 18px;
    font-weight: 600;
}

.testimonial_2_item_footer h3 span {
    display: block;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 5px;
}

.testimonial_2 .slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 40px;
}

.testimonial_2 .slick-dots li button {
    width: 12px;
    height: 12px;
    border-radius: 12px;
    border: 1px solid #040618;
    font-size: 0;
    background: none;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.testimonial_2 .slick-dots .slick-active button {
    background: var(--colorBlack);
}

.testimonial_2_item::after {
    position: absolute;
    content: "";
    background: url(../images/quot_icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 70px;
    height: 50px;
    bottom: 50px;
    right: 50px;
}

/* testimonial 2 end */


/* blog 2 start */
.single_blog_2 {
    height: 470px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin-top: 25px;
}

.single_blog_2 img {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_blog_2::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
}

.single_blog_2 .text {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 50px 35px;
    background: linear-gradient(0deg, #040618 0%, rgba(4, 6, 24, 0.00) 100%);
    width: 100%;
}

.single_blog_2 .tags {
    color: var(--colorWhite);
    font-size: 13px;
    font-weight: 500;
    position: absolute;
    top: 30px;
    right: 30px;
    background: var(--colorSecondary);
    padding: 4px 24px 5px 24px;
    border-radius: 30px;
    z-index: 1;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_blog_2 .tags:hover {
    background: var(--colorBlack);
}

.single_blog_2 .text ul {
    margin-bottom: 17px;
    gap: 30px;
}

.single_blog_2 .text ul li {
    color: var(--colorWhite);
    font-size: 14px;
    font-weight: 500;
    position: relative;
}

.single_blog_2 .text ul li::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: var(--colorWhite);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    top: 9px;
    right: -17px;
}

.single_blog_2 .text ul li:last-child::after {
    display: none;
}

.single_blog_2 .text .title {
    color: var(--colorWhite);
    font-size: 24px;
}

.single_blog_2 .text .title:hover {
    color: var(--colorSecondary);
}

.single_blog_2:hover img {
    transform: scale(1.06) rotate(3deg);
    -webkit-transform: scale(1.06) rotate(3deg);
    -moz-transform: scale(1.06) rotate(3deg);
    -ms-transform: scale(1.06) rotate(3deg);
    -o-transform: scale(1.06) rotate(3deg);
}

/* blog 2 end */


/* instagram photo start */
.instagram_photo {
    padding-left: 15px;
    padding-right: 20px;
}

.instagram_single_photo {
    height: 340px;
    position: relative;
    overflow: hidden;
    margin: 0px 5px;
}

.instagram_single_photo img {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.instagram_overlay {
    background: rgba(4, 6, 24, 0.80);
    position: absolute;
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.instagram_overlay a {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: var(--colorWhite);
    color: var(--colorBlack);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    font-size: 20px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.instagram_single_photo:hover .instagram_overlay {
    opacity: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.instagram_single_photo:hover img {
    transform: scale(1.06) rotate(3deg);
    -webkit-transform: scale(1.06) rotate(3deg);
    -moz-transform: scale(1.06) rotate(3deg);
    -ms-transform: scale(1.06) rotate(3deg);
    -o-transform: scale(1.06) rotate(3deg);
}

/* instagram photo end */


/* footer 2 start */
.footer_2 {
    background: var(--colorWhite);
}

.footer_2 .footer_logo_area ul li a {
    border: 1px solid rgba(4, 6, 24, 0.10);
    color: var(--colorBlack);
}

.footer_2 .footer_logo_area ul li a:hover {
    color: var(--colorWhite);
}

.footer_2 .footer_contact h3,
.footer_2 .footer_link h3 {
    color: var(--colorBlack);
    margin-bottom: 35px;
}

.footer_2 .footer_link ul li a {
    margin-top: 15px;
    position: relative;
    padding-left: 15px;
}

.footer_2 .footer_link ul li a::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: var(--paraColor);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    top: 10px;
    left: 0;
}

.footer_2 .footer_link ul li a:hover {
    color: var(--colorPrimary);
}

.footer_2 .footer_copyright {
    background: #E9EAEC;
}

.footer_2 .footer_copyright_text p span {
    color: var(--colorBlack);
}

.footer_contact ul {
    margin-top: 40px;
}

.footer_contact ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 30px;
}

.footer_contact ul li .icon {
    width: 40px;
    height: 40px;
    margin-right: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.footer_contact ul li .text {
    max-width: 75%;
}

.footer_contact ul li .text span {
    display: block;
    font-size: 12px;
    font-weight: 600;
}

.footer_contact ul li .text a,
.footer_contact ul li .text p {
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 500;
    display: block;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.footer_contact ul li a:hover {
    color: var(--colorBlack);
}

/* footer 2 end */
/*============================
    HOME PAGE 02 END
============================*/


/*============================
    HOME PAGE 03 START
============================*/
.home_3 .section_heading h2::after {
    display: none;
}

/* header 3 start */
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background: var(--colorBlack);
    z-index: 999;
}

.header_info {
    line-height: 40px;
    gap: 40px;
}

.header_info li {
    position: relative;
}

.header_info li a {
    color: #ADB4BC;
    font-size: 15px;
    font-weight: 500;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.header_info li a i {
    color: var(--colorPrimary);
    margin-right: 5px;
}

.header_info li a:hover {
    color: var(--colorPrimary);
}

.header_info li::after {
    position: absolute;
    content: "";
    background: rgba(255, 255, 255, 0.20);
    width: 1px;
    height: 20px;
    right: -20px;
    top: 10px;
}

.header_info li:last-child:after {
    display: none;
}

.header_right {
    justify-content: end;
    line-height: 40px;
}

.header_right li {
    position: relative;
    padding-right: 8px;
}

.header_right>li:first-child {
    border-right: 1px solid rgba(4, 6, 24, 0.20);
    padding-right: 10px;
    padding-left: 22px;
    margin-right: 17px;
}

.header_right>li:first-child::after {
    position: absolute;
    content: "";
    background: url(../images/global_icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 16px;
    height: 16px;
    top: 1px;
    left: 0;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(104deg) brightness(103%) contrast(101%);
}

.header_right li::before {
    position: absolute;
    content: "";
    background: rgba(255, 255, 255, 0.20);
    width: 1px;
    height: 20px;
    right: 0;
    top: 0;
}

.header_right .nice-select .current {
    color: var(--colorWhite);
}

.header_right .nice-select {
    background: none;
    height: auto;
    line-height: initial;
    min-width: 55px;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    padding-left: 0;
}

/* header 3 end */


/* menu 3 start */
.main_menu_3 {
    top: 39px;
}

.main_menu_3.menu_fix {
    animation: none;
    -webkit-animation: none;
}

.right_menu_3 li {
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    border-right: 1px solid rgba(255, 255, 255, 0.10);
}

.right_menu_3 li:first-child {
    border-left: 1px solid rgba(255, 255, 255, 0.10);
}

.right_menu_3 li a:hover {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.right_menu_3 li a:hover {
    filter: brightness(0) saturate(100%) invert(50%) sepia(52%) saturate(3075%) hue-rotate(9deg) brightness(101%) contrast(107%);
}


.home_3_offcanvas {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    z-index: 9999;
}

.home_3_offcanvas .btn-close {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    padding: 0;
    z-index: 1;
    border-radius: 50px;
    border: 1.5px solid rgb(255 255 255 / 20%);
    background: var(--colorBlack);
    top: 25px;
    right: 25px;
    color: var(--colorWhite);
    opacity: 1;
    box-shadow: none;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.home_3_offcanvas .btn-close:hover {
    background: var(--colorSecondary);
}

.home_3_offcanvas .offcanvas-body {
    padding: 50px;
}

.home_3_offcanvas .offcanvas_logo {
    display: inline-block;
    width: 135px;
    margin-top: 20px;
}

.home_3_offcanvas .short_description {
    color: var(--colorWhite);
    line-height: 26px;
    opacity: .6;
    margin-top: 25px;
    margin-bottom: 45px;
}

.offcanvas_link h3,
.offcanvas_blog h3 {
    color: var(--colorWhite);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 28px;
}

.offcanvas_blog ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 20px;
}

.offcanvas_blog ul li .img {
    width: 90px;
    height: 90px;
    overflow: hidden;
    border-radius: 6px;
    margin-right: 15px;
}

.offcanvas_blog ul li .text {
    width: 60%;
}

.offcanvas_blog ul li .text p {
    font-size: 13px;

    /* 76.923% */
    color: rgba(255, 255, 255, 0.70);
    /* 76.923% */
    margin-bottom: 5px;
}

.offcanvas_blog ul li .text p i {
    color: var(--colorWhite);
    margin-right: 5px;
}

.offcanvas_blog ul li .text a {
    color: var(--colorWhite);
    font-size: 15px;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.offcanvas_link {
    margin-top: 60px;
}

.offcanvas_link ul {
    gap: 6px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    padding-bottom: 40px;
    margin-bottom: 27px;
}

.offcanvas_link ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: var(--colorWhite);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.offcanvas_link ul li a.facebook {
    background: #3B5998;
}

.offcanvas_link ul li a.twitter {
    background: #55ACEE;
}

.offcanvas_link ul li a.instagram {
    background: #3F729B;
}

.offcanvas_link ul li a.youtube {
    background: #CD201F;
}

.offcanvas_contact .call {
    color: var(--colorWhite);
    font-size: 18px;
    font-weight: 500;
    display: block;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.offcanvas_contact .mail {
    color: var(--paraColor);
    font-size: 14px;
    font-weight: 500;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.offcanvas_contact .call:hover,
.offcanvas_contact .mail:hover {
    color: var(--colorSecondary);
}

/* menu 3 end */


/* banner 3 start */
.banner_3 {
    height: 875px;
}

.banner_text_3 {
    position: relative;
    z-index: 2;
    height: auto !important;
    padding-top: 355px;
}

.banner_text h5 {
    padding: 5px 33px;
    color: var(--colorSecondary);
    border-radius: 40px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.10);
    letter-spacing: 3px;
}

.banner_text_3 h1 {
    font-size: 85px;
    margin-top: 10px;
    margin-bottom: 30px;
}

.banner_text_3 p {
    color: var(--colorWhite);
    opacity: .8;
    font-size: 20px;
    font-weight: 400;
    max-width: 50%;
}

.banner_text_3 .banner_aearch .nav-pills {
    background: #E4E7EB;
    margin-top: 85px;
}

.banner_text_3 .banner_aearch .nav-pills .nav-item button::after {
    background: #E4E7EB;
}

.banner_text_3 .banner_aearch form {
    margin-top: 0;
    box-shadow: 0px 30px 60px 0px rgba(10, 37, 64, 0.16);
}

/* banner 3 end */


/* package 3 start */
.package_3_area {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid rgba(4, 6, 24, 0.10);
    border-bottom: 1px solid rgba(4, 6, 24, 0.10);
    padding: 0px 35px;
}

.package_3_area li {
    width: 25%;
}

.single_package_3 {
    position: relative;
    border-right: 1px solid rgba(4, 6, 24, 0.10);
    padding: 35px;
}

.package_3_area li:first-child .single_package_3 {
    border-left: 1px solid rgba(4, 6, 24, 0.10);
}

.single_package_3_img {
    position: relative;
    overflow: hidden;
    height: 465px;
}

.single_package_3_img img {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_package_3 .rating {
    position: absolute;
    top: 30px;
    left: 30px;
    background: var(--colorWhite);
    color: #040618;
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
    padding: 4px 12px;
}

.single_package_3 .rating i {
    color: var(--ratingColor);
    margin-right: 2px;
}

.single_package_3 .text {
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(4, 6, 24, 0.00) 0%, #040618 100%);
    width: 100%;
    padding: 30px 30px 15px 30px;
}

.single_package_3 .text .day {
    color: #D5D1C3;
}

.single_package_3 .text .day i {
    color: var(--colorWhite);
    margin-right: 5px;
}

.single_package_3 .text .title {
    color: var(--colorWhite);
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 12px;
}

.single_package_3 .text .title:hover {
    color: var(--colorSecondary);
}

.single_package_3 .text .location {
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.12);
    padding: 4px 10px 4px 30px;
    position: relative;
    color: rgba(255, 255, 255, 0.60);
    font-size: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.single_package_3 .text .location::after {
    position: absolute;
    content: "";
    background: url(../images/location_icon_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 15px;
    height: 18px;
    top: 6px;
    left: 10px;
}

.single_package_3 .text .price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding-top: 15px;
    margin-top: 20px;
}

.single_package_3 .text .price::after {
    position: absolute;
    content: "";
    width: 150%;
    height: 1px;
    background: rgba(255, 255, 255, 0.30);
    top: 0;
    left: -70px;
}

.single_package_3 .text .price p {
    color: rgba(255, 255, 255, 0.40);
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}

.single_package_3 .text .price p span {
    color: var(--colorSecondary);
    font-size: 16px;
    font-weight: 600;
}

.single_package_3 .text .price a {
    border-radius: 36px;
    background: rgba(255, 255, 255, 0.10);
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: var(--colorWhite);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_package_3 .text .price a:hover {
    background: var(--colorSecondary);
    color: var(--colorWhite);
}

.single_package_3:hover .single_package_3_img img {
    transform: scale(1.06) rotate(3deg);
    -webkit-transform: scale(1.06) rotate(3deg);
    -moz-transform: scale(1.06) rotate(3deg);
    -ms-transform: scale(1.06) rotate(3deg);
    -o-transform: scale(1.06) rotate(3deg);
}

.package_3 .explore {
    background: #EFF5FC;
    color: var(--colorBlack);
    font-size: 18px;
    font-weight: 500;
    width: 100%;
    text-align: center;
    padding: 26px 10px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.package_3 .explore i {
    margin-left: 5px;
}

.package_3 .explore:hover {
    color: var(--colorPrimary);
}

/* package 3 end */


/* why choose 3 start */
.why_choose_3_text ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 40px;
}

.why_choose_3_text ul li .img {
    width: 80px;
    height: 80px;
    border: 1px solid rgba(4, 6, 24, 0.10);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: 20px;
    overflow: hidden;
    padding: 17px;
}

.why_choose_3_text ul li .img {
    width: auto !important;
    height: auto !important;
}

.why_choose_3_text ul li .text {
    width: 70%;
}

.why_choose_3_text ul li .text h3 {
    font-size: 18px;
    font-weight: 600;
}

.why_choose_3_text ul li .text p {
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
}

.why_choose_3_img {
    height: 535px;
    position: relative;
}

.why_choose_3_img p {
    border-radius: 10px;
    background: var(--colorWhite);
    box-shadow: 0px 10px 20px 0px rgba(4, 6, 24, 0.10);
    position: absolute;
    bottom: 70px;
    right: -35px;
    padding: 20px 30px;
    font-size: 16px;
    max-width: 310px;
}

.why_choose_3_img p span {
    font-size: 16px;
    color: var(--colorBlack);
}

/* why choose 3 end */


/* destination 3 start */
.destination_3 {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding-bottom: 355px;
}

.destination_3_item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 25px;
    background: var(--colorWhite);
    box-shadow: 0px 14px 20px 0px rgba(10, 37, 64, 0.08);
}

.destination_3_item .img {
    width: 110px;
    height: 120px;
    margin-right: 30px;
    overflow: hidden;
}

.destination_3_item .img img {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.destination_3_item .text {
    width: 66%;
}

.destination_3_item .text span {
    position: relative;
    border-radius: 100px;
    border: 1px solid rgba(4, 6, 24, 0.10);
    background: rgba(4, 6, 24, 0.00);
    font-size: 14px;
    padding: 2px 15px 2px 25px;
    display: inline-block;
    margin-bottom: 10px;
}

.destination_3_item .text span::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: var(--colorGreen);
    border-radius: 50%;
    top: 10px;
    left: 10px;
}

.destination_3_item .text a {
    font-size: 18px;
}

.destination_3_item:hover img {
    transform: scale(1.06) rotate(3deg);
    -webkit-transform: scale(1.06) rotate(3deg);
    -moz-transform: scale(1.06) rotate(3deg);
    -ms-transform: scale(1.06) rotate(3deg);
    -o-transform: scale(1.06) rotate(3deg);
}

.destination_3 .all_destination a {
    background: rgba(4, 6, 24, 0.06);
    color: var(--colorBlack);
    margin-left: 15px;
}

.destination_3 .all_destination a:hover {
    color: var(--colorWhite);
}

/* destination 3 end */

.home_3 .testimonial {
    margin-top: -235px;
    position: relative;
    z-index: 1;
}

/* package 3 start */
.package_3 .common_card {
    margin: 0px 12px;
}

.blog_3 .nextArrow,
.blog_3 .prevArrow,
.package_3 .nextArrow,
.package_3 .prevArrow {
    position: absolute;
    top: 43%;
    right: -10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 1;
}

.blog_3 .prevArrow,
.package_3 .prevArrow {
    right: auto;
    left: -10px;
}

.blog_3 .slick-dots,
.package_3 .slick-dots {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-top: 43px;
    justify-content: center;
}

.blog_3 .slick-dots li button,
.package_3 .slick-dots li button {
    width: 12px;
    height: 12px;
    border: 1px solid var(--colorBlack);
    font-size: 0;
    background: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.blog_3 .slick-dots li.slick-active button,
.package_3 .slick-dots li.slick-active button {
    background: var(--colorBlack);
}

/* package 3 end */


/* offer 3 start */
.offer_3 {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.offer_3 h2 {
    color: var(--colorRed);
    font-size: 50px;
    font-weight: 700;
}

.offer_3 p,
.offer_3 p span {
    color: var(--colorBlack);
    font-size: 50px;
    font-weight: 400;
    line-height: 56px;
    max-width: 90%;
    margin-top: 5px;
    margin-bottom: 45px;
}

.offer_3 p span {
    font-weight: 700;
}

/* offer 3 end */


/* blog 3 start */
.single_blog_3 {
    border: 1px solid rgba(4, 6, 24, 0.10);
    padding: 25px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0px 12px;
}

.single_blog_3_img {
    display: block;
    width: 205px;
    height: 260px;
    margin-right: 35px;
}

.single_blog_3_text {
    max-width: 58%;
}

.single_blog_3_text ul {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    align-items: center;
    margin-bottom: 15px;
}

.single_blog_3_text ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: var(--paraColor);
}

.single_blog_3_text ul li span {
    display: inline-block;
    width: 15px;
    margin-right: 7px;
    margin-top: -4px;
}

.single_blog_3_text p {
    margin-top: 15px;
    margin-bottom: 35px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog_3 .slick-dots {
    margin-top: 48px;
}

.blog_3 .nextArrow,
.blog_3 .prevArrow {
    top: 41%;
}

/* blog 3 end */


/* newsletter 3 start */
.newslwtter_3 {
    margin-bottom: -70px;
    position: relative;
}

.newslwtter_3 .newslwtter_bg {
    padding: 45px 50px 40px 50px;
}

/* newsletter 3 end */


/* footer 3 start */
.footer_3 {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.footer_3_content {
    border: 1px solid rgba(255, 255, 255, 0.14);
}

.footer_3_content>li {
    width: 25%;
    border-left: 1px solid rgba(255, 255, 255, 0.14);
    padding: 60px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer_3_content>li:first-child {
    border-left: none;
}

.footer_3_content li .footer_link {
    padding-left: 0;
}

.footer_3 .footer_copyright {
    background: transparent;
}

.footer_3 .footer_copyright_text {
    padding: 30px 0px;
}

.footer_3 .footer_copyright p {
    color: var(--colorWhite);
    opacity: .7;
}

/* footer 3 end */

.footer_3 .footer_contact ul li a:hover {
    color: var(--colorWhite);
}

/*============================
    HOME PAGE 03 END
============================*/


/*============================
    ABOUT US PAGE START
============================*/
.about_story_text {
    border-bottom: 1px solid rgba(4, 6, 24, 0.10);
}

.about_story_text h2 {
    font-size: 46px;
    font-weight: 700;
    margin-bottom: 45px;
}

.about_story_text p {
    margin-top: 25px;
}

.about_why_choose .section_heading h2::after {
    display: none;
}

/* team start */
.team .section_heading h2::after {
    display: none;
}

.single_team {
    position: relative;
    overflow: hidden;
    height: 525px;
    margin-top: 25px;
}

.single_team .text {
    background: var(--colorBlack);
    position: absolute;
    bottom: -28px;
    left: 0;
    width: 100%;
    padding: 25px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    opacity: 0;
}

.single_team .text a {
    color: var(--colorWhite);
    text-align: center;
    margin-bottom: 5px;
}

.single_team .text a:hover {
    color: var(--colorSecondary);
}

.single_team .text p {
    color: var(--colorWhite);
    opacity: .6;
    text-align: center;
}

.single_team ul {
    position: absolute;
    top: 0;
    right: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    opacity: 0;
}

.single_team ul li a {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: var(--colorWhite);
    margin-bottom: 2px;
    color: var(--paraColor);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_team ul li a:hover {
    color: var(--colorBlack);
}

.single_team:hover .text {
    bottom: 0;
    opacity: 1;
}

.single_team:hover ul {
    opacity: 1;
    top: 30px;
    right: 30px;
}

/* team end */


/* faq start */
.faq .section_heading h2::after {
    display: none;
}

.faq .accordion-item {
    margin-top: 25px;
    border: 1px solid rgba(4, 6, 24, 0.10);
    border-radius: 0;
}

.faq .accordion-button {
    background: var(--colorWhite);
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 500;
    border: none !important;
    box-shadow: none !important;
}

.faq .accordion-button::after {
    width: 30px;
    height: 30px;
    background: url(../images/faq_arrow.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.faq .accordion-button:focus {
    border: none !important;
    box-shadow: none !important;
}

.faq .accordion-body {
    padding: 0px 40px 40px 40px;
}

/* faq end */
/*============================
    ABOUT US PAGE END
============================*/


/*============================
    SERVICE PAGE START
============================*/
.wsus_service_info .section_heading h2::after {
    display: none;
}

.wsus_service_info_text p {
    max-width: 80%;
}

.wsus_service_info_text ul {
    margin-top: 30px;
}

.wsus_service_info_text ul li {
    font-size: 15px;
    font-weight: 500;
    color: var(--colorBlack);
    margin-top: 15px;
}

.wsus_service_info_img {
    max-height: 425px;
    overflow: hidden;
}

.service_are_banner {
    margin-top: 25px;
    height: 588px;
}

.single_services {
    background: #EFF5FC;
    padding: 50px;
    margin-top: 25px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_services span {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 80px;
    background: var(--colorWhite);
    box-shadow: 0px 10px 30px 0px rgba(4, 6, 24, 0.10);
    padding: 20px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_services .title {
    margin-top: 20px;
    margin-bottom: 7px;
}

.single_services:hover {
    background: var(--colorWhite);
    box-shadow: 0px -3px 0px 0px #0E77F3, 0px 10px 70px 0px rgba(4, 6, 24, 0.16);
}

.single_services:hover span {
    background: #EFF5FC;
    box-shadow: none;
}

.service_video {
    position: relative;
}

.service_video_img {
    position: relative;
}

.service_video h2 {
    text-align: center;
    font-size: 130px;
    font-weight: 700;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--colorBlack);
}

.service_video_img .circle_box_bg {
    position: absolute;
    top: -100px;
    right: 135px;
    background: var(--colorWhite);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    padding: 30px;
}

.service_video_img .circle_box {
    position: relative;
    filter: none;
    border: 1px solid rgba(4, 6, 24, 0.10);
    top: 0;
    right: 0;
}

.service_video_img .circle_box::before {
    border: 1px solid rgba(4, 6, 24, 0.10);
}

.service_video_img .circle_box::after {
    background: url(../images/play_icon_black.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 50px;
    height: 50px;
    top: 70px;
    left: 70px;
}

.service_contact_bg {
    background: #EFF5FC;
}

.service_contact_form {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    padding-left: 140px;
    padding-bottom: 10px;
}

.service_contact_form h2 {
    font-size: 46px;
    font-weight: 700;
    margin-bottom: 10px;
}

.service_contact_form form input,
.service_contact_form form textarea {
    background: var(--colorWhite);
    box-shadow: 0px 1px 1px 0px rgba(4, 6, 24, 0.10);
    margin-top: 20px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.service_contact_form form button {
    margin-top: 15px;
}

.service_contact_img {
    margin-left: 50px;
}

/*============================
    SERVICE PAGE END
============================*/


/*============================
    HOTEL GRID VIEW START
============================*/
.left_sidebar_wizard {
    padding: 16px 30px 30px 30px;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(4, 6, 24, 0.10);
    margin-bottom: 20px;
}

.left_sidebar_wizard h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

.left_sidebar_wizard::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 55px;
    background: rgba(4, 6, 24, 0.06);
    top: 0;
    left: 0;
}

.left_sidebar_wizard p {
    color: var(--paraColor);
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 7px;
}

.search_wized .search_imput {
    position: relative;
}

.search_wized .search_imput input {
    border-radius: 0;
}

.search_wized .search_imput button {
    position: absolute;
    top: 13px;
    right: 20px;
    background: none;
    color: var(--colorBlack);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.search_wized .search_imput button:hover {
    color: var(--colorPrimary);
}

.search_location .select2-container .select2-selection--single {
    border: 1px solid #E4E7E9;
    border-radius: 0;
}

.search_location .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    font-weight: 400;
}

.left_sidebar_wizard .form-check {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 10px;
}

.left_sidebar_wizard .form-check input {
    padding: 0;
    border-radius: 0;
    border: 1px solid var(--colorBlack);
    margin-right: 10px;
    margin-top: 0px;
}

.left_sidebar_wizard .form-check label {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}

.left_sidebar_wizard .form-check label i {
    color: var(--ratingColor);
    font-size: 14px;
}

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

.left_sidebar_wizard .accordion-item {
    border: none;
}

.left_sidebar_wizard .accordion-header {
    border: none;
}

.left_sidebar_wizard .accordion-button {
    padding: 0;
    border: none;
    color: var(--colorPrimary);
    background: none;
    box-shadow: none !important;
    margin-top: 20px;
    font-size: 15px;
    font-weight: 500;
    position: relative;
}

.left_sidebar_wizard .accordion-body {
    padding: 0;
}

.left_sidebar_wizard .accordion-button:focus {
    box-shadow: none;
}

.left_sidebar_wizard .accordion-button::after {
    filter: brightness(0) saturate(100%) invert(30%) sepia(96%) saturate(1883%) hue-rotate(201deg) brightness(97%) contrast(96%);
    width: 15px;
    height: 15px;
    background-size: auto;
    position: absolute;
    left: 85px;
}

.item_header {
    border: 1px solid rgba(4, 6, 24, 0.10);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
}

.item_header p {
    color: var(--colorBlack);
    font-size: 13px;
    font-weight: 500;
}

.item_header .filter li a {
    display: block;
    width: 40px;
    height: 40px;
    background: rgba(4, 6, 24, 0.06);
    margin-left: 10px;
    padding: 7px 10px 12px 10px;
}

.item_header .filter li a img {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.item_header .filter li a:hover,
.item_header .filter li a.active {
    background: var(--colorPrimary);
}

.item_header .filter li a:hover img,
.item_header .filter li a.active img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(325deg) brightness(103%) contrast(101%);
}

.item_header .nice-select {
    background-color: rgba(4, 6, 24, 0.06);
    border-radius: 0;
    border: none;
    width: 240px;
}

.item_header .nice-select:after {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    width: 6px;
    height: 6px;
    right: 22px;
}

.item_header .nice-select .current {
    font-size: 13px;
}

/*============================
    HOTEL GRID VIEW END
============================*/


/*============================
    HOTEL LIST VIEW START
============================*/
.single_list_item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: var(--colorWhite);
    box-shadow: 0px 24px 60px 0px rgba(10, 37, 64, 0.14);
    margin-top: 25px;
}

.single_list_item_img {
    width: 50%;
    position: relative;
    height: 230px;
    padding: 10px 0px 10px 10px;
    display: block;
    overflow: hidden;
}

.single_list_item_img span {
    position: absolute;
    top: 30px;
    left: 20px;
    z-index: 1;
    color: var(--colorWhite);
    font-size: 13px;
    font-weight: 500;
    background: var(--colorSecondary);
    padding: 2px 14px;
    display: inline-block;
}

.single_list_item_text {
    width: 50%;
    position: relative;
}

.single_list_item_text .description {
    font-size: 12px;
    margin-bottom: 10px;
}

.single_list_item_text .common_card_text {
    padding: 0px 0px 0px 40px;
    position: relative;
}

.single_list_item_text .location {
    margin-bottom: 15px;
    margin-top: 15px;
}

.single_list_item_text .bookmark {
    position: absolute;
    top: 0;
    right: 10px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    color: var(--colorBlack);
    background: rgba(4, 6, 24, 0.06);
}

.single_list_item_text .common_card_text_footer h5 {
    color: var(--colorBlack);
    font-size: 16px;
}

.single_list_item_text .common_card_text_footer h5 span {
    font-size: 12px;
    font-weight: 500;
}

.single_list_item_text .common_card_text_footer {
    padding: 10px 20px 0px 40px;
}

.single_list_item_text .read_btn:hover {
    color: var(--colorBlack);
}

.single_list_item_text .read_btn:hover::after {
    background: var(--colorPrimary);
}

/*============================
    HOTEL LIST VIEW END
============================*/


/*============================
    HOTEL DETAILS START
============================*/
.hotel_details_slider_area {
    position: relative;
}

.hotel_details_slider_item {
    height: 570px;
    margin: 0px 12px;
}

.hotel_details .nextArrow,
.hotel_details .prevArrow {
    position: absolute;
    right: -8px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 1;
}

.hotel_details .prevArrow {
    right: auto;
    left: -8px;
    border: 0;
}

.details_header {
    position: relative;
}

.details_header .video {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: var(--colorWhite);
    color: var(--colorBlack);
    border: 1px solid #E6E6E8;
    border-radius: 50%;
    font-size: 16px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    margin-bottom: 10px;
}

.details_header .video:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.details_header h3 {
    margin: 0 !important;
}

.details_header .location {
    font-size: 14px;
    font-weight: 500;
    background: rgba(4, 6, 24, 0.06);
    padding: 4px 15px 4px 35px;
    margin-top: 18px;
    display: inline-block;
    position: relative;
}

.details_header .location::after {
    position: absolute;
    content: "";
    background: url(../images/location_icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 14px;
    height: 18px;
    top: 6px;
    left: 13px;
}

.details_header .bookmark {
    position: absolute;
    top: 0;
    right: 10px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    color: var(--colorBlack);
    background: rgba(4, 6, 24, 0.06);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.details_header .bookmark:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.details_header .rating {
    color: var(--ratingColor);
    font-size: 14px;
    margin-bottom: 7px;
}

.details_header .rating span {
    font-size: 13px;
    margin-left: 5px;
}

.area_border {
    border-bottom: 1px solid rgba(4, 6, 24, 0.06);
    padding-bottom: 40px;
    margin-bottom: 30px;
}

.area_border h3 {
    color: var(--colorBlack);
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 15px;
}

.details_about p {
    line-height: 26px;
}

.details_aminities ul {
    gap: 20px;
    justify-content: space-between;
    margin-top: 25px;
}

.details_aminities ul li {
    font-size: 16px;
    font-weight: 500;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: var(--paraColor);
    border: 1px solid rgba(4, 6, 24, 0.10);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    padding: 15px;
    width: 31.5%;
}

.details_aminities ul li span {
    display: block;
    width: 30px;
    margin-right: 15px;
}

.details_aminities ul li:hover {
    background: var(--colorWhite);
    border-color: transparent;
    box-shadow: 0px -3px 0px 0px #0E77F3, 0px 10px 70px 0px rgba(4, 6, 24, 0.16);
}

.details_rules ul li {
    color: var(--paraColor);
    font-size: 15px;
    font-weight: 500;
    margin-top: 20px;
    position: relative;
    padding-left: 15px;
}

.details_rules ul li::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: var(--paraColor);
    top: 9px;
    left: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.hotel_details_sidebar {
    padding-left: 50px;
}

.sidebar_booking {
    border: 1px solid rgba(4, 6, 24, 0.10);
    padding: 25px;
}

.sidebar_booking .nav {
    justify-content: space-between;
    gap: 10px;
}

.sidebar_booking .nav-item {
    width: 47.5%;
}

.sidebar_booking .nav-link {
    color: var(--colorBlack);
    font-size: 15px;
    font-weight: 500;
    background: rgba(4, 6, 24, 0.06);
    width: 100%;
    border-radius: 0 !important;
}

.sidebar_booking_info .booking_top {
    margin-top: 25px;
}

.sidebar_booking_info .booking_top li {
    color: var(--paraColor);
    font-size: 13px;
    font-weight: 500;
}

.sidebar_booking_info .booking_top li i {
    color: var(--ratingColor);
    margin-right: 5px;
}

.sidebar_booking_info .booking_top li p {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 500;
}

.sidebar_booking_info .booking_top li p span {
    font-size: 12px;
    font-weight: 500;
    margin-left: 5px;
}

.sidebar_booking_info form ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    border: 1px solid rgba(4, 6, 24, 0.10);
    border-right: 0;
    margin-top: 20px;
    margin-bottom: 25px;
}

.sidebar_booking_info form ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid rgba(4, 6, 24, 0.10);
    width: 50%;
    padding: 10px;
    position: relative;
    z-index: 9;
    border-right: 1px solid rgba(4, 6, 24, 0.10);
}

.sidebar_booking_info form ul li:last-child {
    border-bottom: 0;
    width: 100%;
    padding: 0;
}

.sidebar_booking_info form ul li .icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    color: var(--colorBlack);
    font-size: 18px;
    font-weight: 500;
    border-right: 1px solid rgba(4, 6, 24, 0.10);
}

.sidebar_booking_info form ul li .text {
    width: 75%;
}


.sidebar_booking_info form ul li h3 {
    color: var(--paraColor);
    font-size: 12px;
    font-weight: 500;
    padding-left: 10px;
    margin-bottom: 5px;
}

.sidebar_booking_info form ul li .text h3 {
    margin-bottom: 0;
}

.sidebar_booking_info form ul li input {
    padding: 0 10px;
    border: none;
    font-size: 14px;
    font-weight: 600;

}

.sidebar_booking_info form ul li input::placeholder {
    color: var(--colorBlack);
}

.sidebar_booking_info form .common_btn {
    width: 100%;
}


.sidebar_booking_info .quentity_dropdown {
    position: absolute;
    top: 20px;
    margin-top: 50px;
    width: auto;
    min-width: 250px;
    padding: 20px;
    height: auto;
    min-height: 200px;
    left: 0;
    background: var(--colorWhite);
    border: 1px solid #eee;
    overflow: hidden;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    transform: scaleY(0);
    transform-origin: top;
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    z-index: 1;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
}

.sidebar_booking_info .quentity_dropdown.show_qnty {
    opacity: 1;
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
}

.sidebar_booking_info .quentity_area p {
    font-size: 14px;
    font-weight: 500;
    color: var(--colorBlack);
}

.sidebar_booking_info .quentity_area {
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(4, 6, 24, 0.10);
    padding-bottom: 15px;
}

.sidebar_booking_info .quentity_area .qnty_item button {
    width: 35px;
    height: 35px;
    line-height: 32px;
    text-align: center;
    border-radius: 50% !important;
    background: none;
    border: 1px solid #eee;
    transition: all linear .3s;
    font-size: 13px;
    margin: 0;
    padding: 0;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
}

.sidebar_booking_info .quentity_area .qnty_item input {
    width: 40px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
}

.sidebar_booking_info .quentity_area .qnty_item button.minus:hover {
    background: var(--colorRed);
    border-color: var(--colorRed);
}

.sidebar_booking_info .quentity_area .qnty_item button:hover {
    background: var(--colorPrimary);
    border-color: var(--colorPrimary);
    color: var(--colorWhite);
}

.sidebar_inquary {
    margin-top: 20px;
}

.sidebar_inquary_input {
    margin-top: 15px;
}

.sidebar_inquary_input label {
    font-size: 14px;
    font-weight: 500;
    color: var(--colorBlack);
    display: block;
    margin-bottom: 5px;
}

.sidebar_inquary input,
.sidebar_inquary textarea {
    border: 1px solid rgba(4, 6, 24, 0.10);
    border-radius: 0;
}

.sidebar_inquary button {
    margin-top: 10px;
    width: 100%;
}

.sidebar_map {
    height: 270px;
    margin-top: 25px;
}

.sidebar_map iframe {
    width: 100%;
    height: 100%;
}

.sidebar_author {
    height: 400px;
    margin-top: 25px;
    position: relative;
}

.sidebar_author .text {
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--colorWhite);
    width: 86%;
    margin-left: 7%;
    margin-bottom: 20px;
    box-shadow: 0px 20px 40px 0px rgba(4, 6, 24, 0.20);
    padding: 20px;
    text-align: center;
}

.sidebar_author .text a,
.sidebar_author .text h3 {
    color: var(--colorBlack);
    display: inline-block;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    padding-right: 20px;
    position: relative;
}

.sidebar_author .text a:hover {
    color: var(--colorPrimary);
}

.sidebar_author .text a::after,
.sidebar_author .text h3::after {
    position: absolute;
    content: "";
    background: url(../images/blue_badge.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 13px;
    height: 12px;
    top: 8px;
    right: 0;
}

.sidebar_author .text p {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

.hotel_room_area .section_heading h2::after {
    display: none;
}

.hotel_room_area .common_card {
    margin: 10px 12px 20px 12px;
}

.hotel_room .title {
    font-size: 18px;
    margin-bottom: 15px;
}

.hotel_room .common_card_text {
    padding: 10px 20px 25px 20px;
}

.hotel_room .common_card_text_footer {
    padding: 15px 20px;
}

.hotel_room .common_card_text_footer h5 {
    font-size: 16px;
    color: var(--colorBlack);
}

.hotel_room .common_card_text_footer h5 span {
    font-size: 12px;
}

.hotel_room .list li {
    height: auto !important;
    border: none !important;
    text-align: center;
    color: var(--colorBlack);
    font-size: 12px;
    font-weight: 500;
    padding: 0 !important;
    margin-top: 5px;
}

.hotel_room_area .slick-dots {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-top: 30px;
    justify-content: center;
}

.hotel_room_area .slick-dots li button {
    width: 12px;
    height: 12px;
    border: 1px solid var(--colorBlack);
    font-size: 0;
    background: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.hotel_room_area .slick-dots li.slick-active button {
    background: var(--colorBlack);
}

.details_review_area_header {
    border-top: 1px solid rgba(4, 6, 24, 0.10);
    border-bottom: 1px solid rgba(4, 6, 24, 0.10);
    padding: 20px 0px;
}

.details_review_area_header h4 {
    font-size: 16px;
    font-weight: 500;
}

.details_review_area_header h4 span {
    color: var(--ratingColor);
    margin-left: 5px;
}

.details_review_area_header ul {
    gap: 20px;
    margin-right: 20px;
}

.details_review_area_header ul li {
    color: var(--colorBlack);
    font-size: 15px;
    font-weight: 500;
}

.details_review_area_header .nice-select .current {
    font-size: 15px;
    color: rgba(4, 6, 24, 0.70);
}

.details_review_area_header .nice-select {
    border: none;
    height: auto;
    line-height: inherit;
    padding-left: 0;
    padding-right: 0;
    min-width: 55px;
}

.details_review_area_header .nice-select:after {
    right: -15px;
}

/* .details_review_area_header>ul>li:last-child {
    margin-left: 30px;
} */

.single_review {
    margin-top: 60px;
}

.single_review .rating {
    color: var(--ratingColor);
}

.single_review .review_text {
    line-height: 26px;
    margin-top: 10px;
}

.single_review_author {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 25px;
}

.single_review_author .img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
}

.single_review_author h3 {
    font-size: 16px;
    font-weight: 600;
}

.single_review_author h3 span {
    display: block;
    font-size: 14px;
    margin-top: 5px;
}

.review_input_area {
    border-top: 1px solid rgba(4, 6, 24, 0.10);
    padding-top: 55px;
    margin-top: 60px;
}

.review_input_area h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.review_input_area span {
    font-weight: 400;
    margin-bottom: 10px;
    display: block;
}

.review_input_area p {
    margin-bottom: 10px;
}

.review_input_area p b {
    text-transform: capitalize;
    font-weight: 400;
    color: var(--colorBlack);
    font-size: 14px;
    margin-right: 10px;
}

.review_input_area p i {
    transition: all linear.3s;
    cursor: pointer;
    -webkit-transition: all linear.3s;
    -moz-transition: all linear.3s;
    -ms-transition: all linear.3s;
    -o-transition: all linear.3s;
}

.review_input_area p i:hover {
    color: var(--ratingColor);
}


.review_single_input {
    margin-top: 15px;
}

.review_single_input label {
    color: var(--colorBlack);
    font-size: 13px;
    font-weight: 500;
    display: block;
    margin-bottom: 10px;
}

.review_single_input input,
.review_single_input textarea {
    border-radius: 0;
    border-color: rgba(4, 6, 24, 0.10);
}

.review_single_input .form-check {
    margin-bottom: 0;
}

.review_single_input .form-check input {
    padding: 0;
    border-radius: 0;
}

.review_single_input .form-check label {
    color: var(--paraColor);
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}

.review_single_input button {
    margin-top: 10px;
}

.room_details_slider_item {
    height: 570px;
    margin: 0px 12px;
}

.room_details .room_border {
    border-bottom: 1px solid rgba(4, 6, 24, 0.06);
    padding-bottom: 40px;
    margin-bottom: 30px;
}

/*============================
    HOTEL DETAILS END
============================*/


/*============================
    PACKAGES PAGE START
============================*/
.packages_page .single_package_3 {
    padding: 0;
    margin-bottom: 25px;
    border: none;
}

/*============================
    PACKAGES PAGE END
============================*/


/*============================
    PACKAGE DETAILS START
============================*/
.details_header .days {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 8px;
}

.details_header .days span {
    display: block;
    width: 15px;
    margin-right: 8px;
    margin-top: -2px;
}



.sidebar_contact {
    margin-top: 25px;
    position: relative;
}

.sidebar_contact .text {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 40px;
}

.sidebar_contact .text .top_text {
    color: rgba(255, 255, 255, 0.70);
    font-weight: 600;
    display: block;
    width: 100%;
    margin-bottom: 5px;
    position: relative;
    padding-left: 10px;
}

.sidebar_contact .text .top_text::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: rgba(255, 255, 255, 0.70);
    top: 10px;
    left: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.sidebar_contact .text h3 {
    color: var(--colorWhite);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}

.sidebar_contact .text a {
    color: var(--colorWhite);
    font-size: 14px;
    font-weight: 600;
    display: block;
    padding-left: 55px;
    position: relative;
}

.sidebar_contact .text a span {
    color: rgba(255, 255, 255, 0.70);
    font-size: 12px;
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
}

.sidebar_contact .text a::after {
    position: absolute;
    content: "";
    background: url(../images/call_icon_white.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    padding: 10px;
    top: 1px;
    left: 0;
    background-color: rgba(255, 255, 255, 0.10);
    border-radius: 50%;
}

.accordian_area .accordion-item {
    border: 1px solid rgba(4, 6, 24, 0.10) !important;
    border-radius: 0;
    margin-top: 10px;
}

.accordian_area .accordion-button {
    border: none !important;
    font-size: 16px;
    font-weight: 600;
    padding: 20px;
    background: var(--colorWhite);
    color: var(--colorBlack);
    box-shadow: none !important;
}

.accordian_area .accordion-button::after {
    position: absolute;
    right: 15px;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
    content: "\f078";
    font-size: 13px !important;
    font-family: "font awesome 5 free";
    font-weight: 600;
    background-image: none !important;
    background-color: rgba(4, 6, 24, 0.06);
    color: #040618a3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.accordian_area .accordion-body {
    border-top: 1px solid rgba(4, 6, 24, 0.10) !important;
    padding: 40px 30px;
}

.accordian_area .accordion-body h3 {
    font-size: 15px;
    font-weight: 500;
}

.accordian_area .accordion-body p {
    line-height: 26px;
    margin-top: 20px;
}

/*============================
    PACKAGE DETAILS END
============================*/


/*============================
    CAR LIST VIEW START
============================*/
.car_list_item {
    display: flex;
    flex-wrap: wrap;
}

.car_list_item .common_card_img {
    width: 47%;
}

.car_list_item .common_card_text {
    width: 50%;
}




.car_list .bookmark {
    position: absolute;
    top: 0px;
    left: -51px;
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.car_list .author_img {
    position: absolute;
    top: -4px;
    right: 15px;
}

.car_list .location::after {
    top: 13px;
    background: var(--colorBlack);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.car_list .location {
    padding-left: 28px;
}

.car_list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
    margin-top: 5px;
}

.car_list ul li {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(4, 6, 24, 0.10);
    padding: 6px;
}

.car_list .single_list_item_img {
    height: 260px;
}

/*============================
    CAR LIST VIEW END
============================*/


/*============================
    CAR DETAILS START
============================*/
.car_slider_large_img {
    margin: 0px 12px;
    height: 470px;
    margin-bottom: 2px;
}

.car_slider_small {
    padding: 0px 8px;
}

.car_slider_small_img {
    margin: 0px 5px;
    cursor: pointer;
}

.car_details .location {
    padding-left: 28px;
}

.car_details .location::after {
    top: 13px;
    background: var(--colorBlack);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.hotel_room_area .slick-dots {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-top: 30px;
    justify-content: center;
}

.related_car_slider .slick-dots li button {
    width: 12px;
    height: 12px;
    border: 1px solid var(--colorBlack);
    font-size: 0;
    background: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.related_car_slider .slick-dots li.slick-active button {
    background: var(--colorBlack);
}

/*============================
    CAR DETAILS END
============================*/


/*============================
    EVENT LIST VIEW START
============================*/
.event_list_view .single_list_item .duration {
    color: var(--colorRed);
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 15px;
}

.event_list_view .single_list_item_text .location {
    margin-bottom: 5px;
    padding-left: 35px;
}

.event_list_view .common_card_text .location::after {
    position: absolute;
    content: "";
    background: url(../images/clock_icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 14px;
    height: 14px;
    top: 8px;
    left: 12px;
}

.single_list_item_text .common_card_text .title {
    padding-right: 50px;
}

/*============================
    EVENT LIST VIEW END
============================*/


/*============================
    EVENT DETAILS START
============================*/
.details_snapshot h3 {
    color: var(--colorBlack);
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 30px;
}

.details_snapshot ul {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 35px;
}

.details_snapshot ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 35%;
}

.details_snapshot ul li .icon {
    width: 45px;
    height: 45px;
    background: rgba(4, 6, 24, 0.06);
    padding: 10px;
    border-radius: 50%;
    margin-right: 12px;
}

.details_snapshot ul li .text p {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 5px;
}

.details_snapshot ul li .text h3 {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}

.sidebar_countdown .simply-countdown {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.sidebar_countdown .simply-amount {
    display: block;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    border: 1px solid rgba(4, 6, 24, 0.10);
    color: var(--colorBlack);
    font-size: 18px;
    font-weight: 600;
}

.sidebar_countdown .simply-word {
    display: block;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    margin-top: 3px;
    text-transform: capitalize;
}

.sidebar_countdown .simply-hours-section .simply-amount {
    border-top: 1px solid var(--colorPrimary);
}

.sidebar_ticket {
    border: 1px solid rgba(4, 6, 24, 0.10);
    background: rgba(255, 255, 255, 0.00);
    margin-bottom: 30px;
}

.sidebar_ticket h3 {
    font-family: Inter;
    font-size: 18px;
    font-weight: 600;
    background: rgba(4, 6, 24, 0.06);
    padding: 17px 30px;
}

.sidebar_ticket ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.sidebar_ticket ul li {
    color: var(--colorBlack);
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-top: 1px solid rgba(4, 6, 24, 0.10);
}

.sidebar_ticket ul .count_btn_area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border: 1px solid rgba(4, 6, 24, 0.10);
}

.sidebar_ticket ul .count_btn_area button {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: none;
    color: var(--colorBlack);
    font-size: 13px;
    font-weight: 500;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.sidebar_ticket ul .count_btn_area input {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0;
    border: 0;
    border-radius: 0;
    font-size: 13px;
    font-weight: 500;
    border-left: 1px solid rgba(4, 6, 24, 0.10);
    border-right: 1px solid rgba(4, 6, 24, 0.10);
}

.sidebar_ticket ul .count_btn_area input::placeholder {
    color: var(--colorBlack);
}

.sidebar_ticket ul .count_btn_area button:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

/*============================
    EVENT DETAILS END
============================*/


/*============================
    BLOG DETAILS START
============================*/
.blog_details_banner {
    background: #EFF5FC;
}

.blog_details_banner_text {
    padding: 0px 80px;
}

.blog_details_banner_text ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.blog_details_banner_text ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: var(--paraColor);
    font-size: 14px;
    font-weight: 500;
}

.blog_details_banner_text ul li span {
    display: block;
    width: 16px;
    margin-right: 8px;
}

.blog_details_banner_text h2 {
    font-size: 40px;
    font-weight: 500;
}

.blog_details_banner_text p {
    font-size: 15px;
    font-weight: 500;
    width: 70%;
    margin-top: 25px;
}

.blog_details_banner_img {
    height: 470px;
    position: relative;
}

.blog_details_banner_img span {
    position: absolute;
    top: 30px;
    left: 30px;
    background: var(--colorRed);
    color: var(--colorWhite);
    font-size: 13px;
    font-weight: 700;
    padding: 3px 10px;
}

.blog_details_text p {
    font-size: 15px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 25px;
}

.blog_details_text .quot {
    position: relative;
    padding: 35px 160px 35px 40px;
    background: var(--colorWhite);
    box-shadow: -3px 0px 0px 0px #0E77F3, 0px 10px 70px 0px rgba(4, 6, 24, 0.10);
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    margin: 55px 0px;
}

.blog_details_text .quot::after {
    position: absolute;
    content: "";
    background: url(../images/quot_icon_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 80px;
    height: 55px;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.blog_details_text h1,
.blog_details_text h2,
.blog_details_text h3,
.blog_details_text h4,
.blog_details_text h5,
.blog_details_text h6 {
    font-size: 30px;
    line-height: 40px;
    max-width: 70%;
    margin-bottom: 25px;
}

.blog_details_text h1 {
    font-size: 34px;
}

.blog_details_text h2 {
    font-size: 30px;
}

.blog_details_text h3 {
    font-size: 26px;
}

.blog_details_text h4 {
    font-size: 22px;
}

.blog_details_text h5 {
    font-size: 18px;
}

.blog_details_text h6 {
    font-size: 16px;
}

.details_small_img_area .img {
    height: 270px;
    margin-top: 25px;
}

.blog_det_share {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    border-top: 1px solid rgba(4, 6, 24, 0.06);
    border-bottom: 1px solid rgba(4, 6, 24, 0.06);
    margin-top: 50px;
    padding: 35px 0px;
}

.blog_det_share .tags {
    gap: 8px;
}

.blog_det_share .tags li:first-child,
.blog_det_share .share li:first-child {
    width: 100%;
    color: var(--colorBlack);
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
}

.blog_det_share .tags li a {
    border: 1px solid rgba(4, 6, 24, 0.10);
    color: var(--paraColor);
    font-size: 14px;
    font-weight: 500;
    padding: 4px 16px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.blog_det_share .tags li a:hover {
    background: var(--colorPrimary);
    border-color: var(--colorPrimary);
    color: var(--colorWhite);
}

.blog_det_share .share {
    gap: 8px;
}

.blog_det_share .share li a {
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
    font-size: 16px;
}

.blog_det_share .share li a.facebook {
    background: #1877F2;
    color: var(--colorWhite);
}

.blog_det_share .share li a.linkedin {
    background: #0A66C2;
    color: var(--colorWhite);
}

.blog_det_share .share li a.twitter {
    background: #1DA1F2;
    color: var(--colorWhite);
}

.blog_det_share .share li a.pinterest {
    background: #CB2027;
    color: var(--colorWhite);
}

.next_prev_btn {
    background: #EFF5FC;
    padding: 25px 30px 22px 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 60px;
}

.next_prev_btn li {
    width: 50%;
}

.next_prev_btn li a {
    display: block;
}

.next_prev_btn li a p {
    color: var(--colorBlack);
    font-size: 15px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 80%;
}

.next_prev_btn li a span {
    border: 1px solid rgb(4 6 24 / 26%);
    color: var(--paraColor);
    font-size: 13px;
    font-weight: 500;
    padding: 6px 16px;
    margin-bottom: 5px;
    display: inline-block;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.next_prev_btn li a:hover span {
    background: var(--colorPrimary);
    border-color: var(--colorPrimary);
    color: var(--colorWhite);
}

.next_prev_btn li.previous a {
    border-right: 1px solid rgb(4 6 24 / 20%);
}

.next_prev_btn li.next {
    text-align: right;
}

.next_prev_btn li.next a p {
    margin-left: auto;
}

.comment_area {
    margin-top: 55px;
}

.comment_area h2,
.comment_input_area h2 {
    font-size: 20px;
    font-weight: 700;
}

.single_comment {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 55px;
}

.single_comment .img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
}

.single_comment .text {
    width: 92.3%;
}

.single_comment .text h4 {
    font-size: 16px;
    font-weight: 500;
}

.single_comment .text p {
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 3px;
}

.single_comment .text p a {
    color: var(--colorBlack);
    font-size: 12px;
    font-weight: 500;
    background: #F0F0F1;
    padding: 3px 15px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_comment .text p a:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.single_comment .comments {
    width: 100%;
    line-height: 26px;
    margin-top: 22px;
}

.single_comment.reply {
    margin-left: 80px;
}

.single_comment.reply .text {
    width: 91.5%;
}

.comment_input_area {
    border-top: 1px solid rgba(4, 6, 24, 0.06);
    margin-top: 55px;
    padding-top: 55px;
}

.comment_input_area p {
    margin-top: 10px;
    margin-bottom: 15px;
    font-weight: 400;
}

.single_comment_input {
    margin-top: 15px;
}

.single_comment_input label {
    color: var(--colorBlack);
    font-size: 13px;
    font-weight: 500;
    display: block;
    margin-bottom: 10px;
}

.single_comment_input input,
.single_comment_input textarea {
    border: 1px solid rgba(4, 6, 24, 0.06);
    border-radius: 0;
}

.single_comment_input .form-check {
    margin-bottom: 25px;
}

.single_comment_input .form-check input {
    padding: 0;
    border-radius: 0;
}

.single_comment_input .form-check label {
    color: var(--paraColor);
    font-size: 13px;
    font-weight: 500;
    margin: 0;
}

.sidebar_blog ul {
    margin-top: 45px;
}

.sidebar_blog ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 20px;
}

.sidebar_blog ul li .img {
    width: 90px;
    height: 100px;
    overflow: hidden;
    margin-right: 20px;
}

.sidebar_blog ul li .text {
    width: 68%;
}

.sidebar_blog ul li .text p {
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.sidebar_blog ul li .text p span {
    display: block;
    width: 16px;
    margin-right: 8px;
}

.sidebar_blog ul li .text a {
    font-size: 16px;
}

.sidebar_blog_category ul {
    padding-top: 5px;
}

.sidebar_blog_category ul li a {
    position: relative;
    color: var(--paraColor);
    font-size: 15px;
    font-weight: 500;
    border-bottom: 1px solid rgba(4, 6, 24, 0.10);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    display: block;
    padding-left: 15px;
    padding: 10px 0px 10px 15px;
}

.sidebar_blog_category ul li a::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: var(--paraColor);
    top: 20px;
    left: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.sidebar_blog_category ul li a:hover {
    color: var(--colorSecondary);
}

.sidebar_blog_category ul li:last-child a {
    padding-bottom: 0;
    border-bottom: 0;
}

/*============================
    BLOG DETAILS END
============================*/


/*============================
    CONTACT START
============================*/
.contact_form h3 {
    text-align: center;
    font-size: 46px;
    font-weight: 700;
    margin-bottom: 55px;
}

.contact_form form {
    background: #EFF5FC;
    padding: 55px 410px 120px 80px;
    position: relative;
}

.contact_img {
    position: absolute;
    width: 370px;
    height: 590px;
    right: 0;
    bottom: 0;
}

.contact_input {
    margin-top: 20px;
}

.contact_input label {
    color: var(--colorBlack);
    font-size: 14px;
    font-weight: 500;
    display: block;
    margin-bottom: 5px;
}

.contact_input input,
.contact_input textarea {
    border: 0;
    border-radius: 0;
}

.contact_input textarea {
    padding: 20px;
}

.contact_input .form-check {
    margin-bottom: 20px;
}

.contact_input .form-check input {
    padding: 0;
    border-radius: 0;
    border: 1px solid rgb(4 6 24 / 25%);
}

.contact_input .form-check label {
    color: var(--colorBlack);
    font-size: 13px;
    font-weight: 400;
    margin: 0;
}

.contact_info {
    background: #EFF5FC;
    padding: 50px;
    margin-top: 25px;
}

.contact_info span {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: block;
    border: 1px solid rgba(14, 119, 243, 0.30);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    padding: 17px;
}

.contact_info h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 15px;
}

.contact_info p,
.contact_info a {
    font-size: 15px;
    font-weight: 500;
    color: var(--paraColor);
    display: block;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.contact_info a:hover {
    color: var(--colorSecondary);
}

.contact_map {
    height: 570px;
}

.contact_map iframe {
    width: 100%;
    height: 100%;
}

/*============================
    CONTACT END
============================*/


/*============================
    AGENT PROFILE START
============================*/
.agent_profile_img {
    height: 100%;
    margin: 0;
}

.agent_profile_img .text h3::after {
    top: 6px;
}

.agent_profile_text {
    margin-left: 50px;
}

.agent_profile_text h2 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px;
}

.agent_profile_text p {
    line-height: 26px;
}

.agent_profile_text .info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 35px;
    gap: 30px;
}

.agent_profile_text .info li {
    width: 47%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.agent_profile_text .info li .icon {
    width: 45px;
    height: 45px;
    background: rgba(4, 6, 24, 0.10);
    border-radius: 50%;
    padding: 12px;
    line-height: 0;
    margin-right: 12px;
}

.agent_profile_text .link {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-top: 40px;
}

.agent_profile_text .info li .text span {
    display: block;
    font-size: 12px;
    font-weight: 600;
}

.agent_profile_text .info li .text a {
    color: var(--colorBlack);
    font-size: 14px;
    font-weight: 500;
    display: block;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.agent_profile_text .link li:first-child {
    width: 100%;
}

.agent_profile_text .link li span {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 600;
}

.agent_profile_text .link li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    color: var(--colorWhite);
}

.agent_profile_text .link li a.facebook {
    background: #1877F2;
}

.agent_profile_text .link li a.linkedin {
    background: #0A66C2;
}

.agent_profile_text .link li a.twitter {
    background: #1DA1F2;
}

.agent_profile_text .link li a.pinterest {
    background: #CB2027;
}

.agent_tab_area .nav-link {
    background: var(--colorWhite) !important;
    color: var(--paraColor) !important;
    font-size: 15px;
    font-weight: 500;
    padding: 0px 25px 10px 25px;
    margin: 0;
    background: none;
    border-radius: 0;
    text-transform: capitalize;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid rgba(4, 6, 24, 0.10);
}

.agent_tab_area .nav-link span {
    display: block;
    width: 20px;
    height: auto;
    margin-right: 8px;
}

.agent_tab_area .nav-link.active {
    border-bottom: 2px solid var(--colorPrimary);
}

.agent_profile .common_btn {
    padding: 12px 58px;
}

.agent_profile .common_btn i {
    width: 20px;
    height: 20px;
    line-height: 22px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.20);
    margin-top: 0;
}

.agent_profile .border_top {
    border-top: 1px solid rgba(4, 6, 24, 0.06);
    padding-top: 30px;
    margin-top: 60px;
}

.sidebar_contact {
    background: #EFF5FC;
    border: none;
}

.sidebar_contact form {
    margin-top: 35px;
}

.sidebar_contact form label {
    color: var(--colorBlack);
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 5px;
    display: block;
    margin-top: 20px;
}

.sidebar_contact form input,
.sidebar_contact form textarea {
    box-shadow: 0px 1px 1px 0px rgba(4, 6, 24, 0.10);
    border: none;
    border-radius: 0;
}

.sidebar_contact form button {
    margin-top: 15px;
}

/*============================
    AGENT PROFILE END
============================*/


/*============================
    SIGN IN START
============================*/
.sign_in {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.login_header {
    justify-content: space-between;
}

.login_header li {
    width: 50%;
}

.login_header li a {
    display: block;
    text-align: center;
    color: var(--colorBlack);
    font-size: 15px;
    font-weight: 500;
    background: #E0E7F0;
    padding: 20px;
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-right: 1px solid var(--colorWhite);
}

.login_header li:last-child a {
    border-right: 0;
}

.login_header li a:hover,
.login_header li a.active {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.sign_in_form form {
    padding: 50px;
    background: var(--colorWhite);
    box-shadow: 0px 1px 1px 0px rgba(4, 6, 24, 0.10);
}

.sign_in_form form h3 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
}

.sign_in_input {
    margin-top: 15px;
}

.sign_in_input label {
    display: block;
    color: var(--colorBlack);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
}

.sign_in_input input {
    border-radius: 0;
}

.sign_in_input .form-check {
    margin-bottom: 0;
}

.sign_in_input .form-check input {
    padding: 0;
    border-radius: 0;
}

.sign_in_input .form-check label,
.sign_in_input .form-check label a {
    color: var(--paraColor);
    font-size: 13px;
    font-weight: 400;
    margin: 0;
}

.sign_in_input .form-check label a {
    color: var(--colorBlack);
}

.sign_in_input .form-check label a:hover {
    color: var(--colorPrimary);
}

.sign_in_input a {
    font-size: 15px;
    color: var(--colorRed);
    font-weight: 500;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.sign_in_input a:hover {
    color: var(--colorPrimary);
}

.sign_in_input button {
    margin-top: 20px;
}

.sign_in_form .or {
    position: relative;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    margin-top: 35px;
    margin-bottom: 35px;
}

.sign_in_form .or::before,
.sign_in_form .or::after {
    position: absolute;
    content: "";
    width: 40%;
    height: 1px;
    background: rgba(4, 6, 24, 0.10);
    top: 8px;
    right: 0;
}

.sign_in_form .or::before {
    right: auto;
    left: 0;
}

.sign_in_form .another_login {
    gap: 10px;
}

.sign_in_form .another_login li {
    width: 32%;
}

.sign_in_form .another_login li a {
    width: 100%;
    background: var(--colorWhite);
    box-shadow: 0px 1px 1px 0px rgba(4, 6, 24, 0.10);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 18px 10px;
    color: var(--colorBlack);
    font-size: 14px;
    font-weight: 500;
}

.sign_in_form .another_login li a span {
    display: block;
    width: 18px;
    margin-right: 5px;
}

.sign_in_form .dont_account {
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
}

.sign_in_form .dont_account a {
    font-size: 14px;
    font-weight: 500;
    color: var(--colorPrimary);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.sign_in_form .dont_account a:hover {
    color: var(--colorBlack);
}

.sign_in_radio_box {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.sign_in_radio_box .form-check input {
    border-radius: 50%;
}

.forgot_password {
    background: #EFF5FC;
}

.forgot_password form a {
    display: block;
    text-align: center;
    color: var(--colorPrimary);
    margin-top: 25px;
}

.forgot_password form button {
    padding: 13px 25px;
}

.forgot_password form a:hover {
    text-decoration: underline;
}

/*============================
    SIGN IN END
============================*/


/*============================
    ERROR START
============================*/
.error_text {
    text-align: center;
}

.error_text .img {
    max-height: 670px;
}

.error_text a {
    margin-top: 45px;
}

.error_text a i {
    margin-left: 0;
    margin-right: 8px;
}

/*============================
    ERROR END
============================*/


/*============================
    FAQ START
============================*/
.faq_page .section_heading h2 {
    text-align: center;
    max-width: 70%;
    margin: 0 auto;
    margin-bottom: 50px;
}

/*============================
    FAQ END
============================*/


/*============================
    PRIVACY POLICY START
============================*/
.pricacy_policy_text h1,
.pricacy_policy_text h2,
.pricacy_policy_text h3,
.pricacy_policy_text h4,
.pricacy_policy_text h5,
.pricacy_policy_text h6 {
    font-weight: 700;
    margin-top: 20px;
}

.pricacy_policy_text h1,
.pricacy_policy_text h2 {
    font-size: 26px;
}

.pricacy_policy_text h3,
.pricacy_policy_text h4 {
    font-size: 22px;
}

.pricacy_policy_text h5,
.pricacy_policy_text h6 {
    font-size: 18px;
}

.pricacy_policy_text p {
    margin-top: 20px;
    font-weight: 400;
    line-height: 28px;
}

.pricacy_policy_text ul,
.pricacy_policy_text ol {
    margin-top: 20px;
    margin-left: 15px;
}

.pricacy_policy_text ul li,
.pricacy_policy_text ol li {
    font-size: 15px;
    font-weight: 400;
    color: var(--paraColor);
    margin-bottom: 5px;
    padding-left: 15px;
    position: relative;
}

.pricacy_policy_text ul li::after,
.pricacy_policy_text ol li::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: var(--colorBlack);
    top: 11px;
    left: 0px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

/*============================
    PRIVACY POLICY END
============================*/


/*================================
    PAYMENT START
================================*/
.payment_mathod {
    display: block;
    text-align: center;
    background: #EFF5FC;
    margin-bottom: 25px;
    padding: 20px 30px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.payment_mathod:hover {
    background: var(--colorWhite);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.payment_mathod span {
    width: 140px;
    height: 56px;
    display: inline-block;
}

.payment .modal .modal-dialog {
    width: 100%;
    max-width: 600px;
}

.payment .modal .modal-content {
    padding: 35px;
    border-radius: 0;
}

.payment .modal .modal-content p {
    line-height: 26px;
}

.modal_iteam {
    margin-top: 23px;
    margin-bottom: 9px;
}

.modal_iteam li {
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    position: relative;
    padding-left: 20px;
    margin-bottom: 13px;
    color: var(--paraColor);
}

.modal_iteam li::after {
    position: absolute;
    content: "";
    top: 10px;
    left: 0;
    width: 6px;
    height: 6px;
    background: var(--colorPrimary);
    border-radius: 50%;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_form {
    margin-bottom: 20px;
}

.single_form label {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--colorBlack);
}

.single_form input,
.single_form textarea {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.single_form:nth-child(2) {
    margin-bottom: 12px;
}

.single_form .nice-select {
    border-radius: 0;
    height: 56px;
    line-height: 52px;
    padding-left: 18px;
    padding-right: 30px;
    border: 1px solid #E4E7E9;
    color: var(--paraColor);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.single_form .nice-select:after {
    width: 9px;
    height: 9px;
    margin-top: -7px;
    right: 20px;
    border-bottom: 2px solid var(--paraColor);
    border-right: 2px solid var(--paraColor);
}

.single_form .nice-select:focus {
    border-color: #E4E7E9;
}

.single_form .nice-select .list {
    width: 100%;
    border-radius: 3px;
    margin-top: 1px;
}

.modal .modal-footer {
    justify-content: space-between;
    border-top: 0;
}

.modal_closs_btn {
    padding: 10px 20px;
    background: red;
}

.modal_closs_btn:hover {
    background: var(--colorSecondary);
}

.payment .modal-footer {
    padding: 0;
    margin-top: 26px;
}

.payment .modal-footer button {
    border: none;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    margin: 0;
}

.payment .priceing_condition {
    margin-bottom: 0px;
}

.payment .priceing_condition li:last-child {
    margin-bottom: 0;
}

.sidebar_package {
    border: 1px solid #E4E7E9;
    padding: 25px;
}

.sidebar_package h2 {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 25px;
    border-bottom: 1px solid #E4E7E9;
    padding-bottom: 10px;
}

.sidebar_package_item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
}

.sidebar_package_item .img {
    width: 80px;
    overflow: hidden;
}

.sidebar_package_item .text {
    max-width: 46%;
}

.sidebar_package_item .text a {
    font-size: 18px;
    font-weight: 600;
    color: var(--colorBlack);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.sidebar_package_item .text a:hover {
    color: var(--colorPrimary);
}

.sidebar_package_item .text p {
    font-size: 13px;
}

.sidebar_package_item .text p a {
    color: var(--colorPrimary);
    font-size: 14px;
    display: inline;
}

.sidebar_package_item h4 {
    font-size: 20px;
    font-weight: 700;
}

.sidebar_package form {
    position: relative;
    margin-top: 20px;
    margin-bottom: 17px;
}

.sidebar_package form input {
    padding: 9px 20px;
    border-radius: 0;
}

.sidebar_package form button {
    position: absolute;
    top: 0;
    right: 0;
}

.sidebar_package h5,
.sidebar_package h5 span,
.sidebar_package h3,
.sidebar_package h3 span {
    text-transform: capitalize;
    font-size: 22px;
    font-weight: 600;
    color: var(--colorBlack);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sidebar_package h5,
.sidebar_package h5 span {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
}

/*================================
    PAYMENT END
================================*/


/*================================
    PAYMENT DONE START
================================*/
.payment_done_img {
    text-align: center;
}

.payment_done_img .img {
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 45px;
}

.payment_done_img h2,
.payment_done_img h2 span {
    text-align: center;
    font-size: 42px;
    font-weight: 700;
    color: var(--colorBlack);
}

.payment_done_img h2 span {
    display: block;
}

.payment_done_img a {
    margin-top: 30px;
}

/*================================
    PAYMENT DONE END
================================*/