/****************************************
Template Name: LISTIAN - Directory & Listings HTML Template.
Author: ThemeLab-Portfolio
Author Email: themelab.bd@gmail.com
Version: 1.0
Description: LISTIAN - Directory and List HTML Template is 100% compatible with Creative Design and includes a front-end user dashboard, a built-in booking system, and many more features! We built it using the latest trends and best practices to reduce development time and complexity, as well as simplify the customization process. We have structured it in such a way that users can easily compose a new page using our components and customize it without much hassle.
***************************************

CSS INDEX
===================================
01. GLOBAL CSS
02. HOME PAGE 01
03. HOME PAGE 02
04. HOME PAGE 03
05. ABOUT PAGE
06. AGENT DETAILS
07. BLOG DETAILS
08. CHECKOUT PAGE
09. CONTACT PAGE
10. FAQ PAGE
11. LOGIN PAGE
12. PRIVACY POLICY
13. ERROR PAGE
14. LISTING GRID VIEW
15. LISTING LEFT SIDEBAR
16. PAYMENT PAGE
17. LISTING DETAILS
18. DASHBOARD
**********************************/

/*=============================
    GLOBAL CSS START
=============================*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Sansita+Swashed:wght@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;
    color: var(--colorBlack);
}

p,
span {
    font-size: 14px;
    font-weight: 400;
    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 25px;
    outline: none;
    resize: none;
    border: none;
    font-size: 14px;
    font-weight: 400;
    background: var(--colorWhite);
}

input::placeholder,
textarea::placeholder {
    color: #5F6163;
}

button {
    border: none;
}

:root {
    --colorPrimary: #004DDA;
    --colorYellow: #F7D046;
    --colorRed: #FF3845;
    --lightBg: #E2E9F6;
    --colorWhite: #ffffff;
    --colorBlack: #0A0A0A;
    --paraColor: #5F6163;
    --ratingColor: #FFA121;
    --bodyFont: 'Poppins', sans-serif;
    --cursiveFont: 'Sansita Swashed', sans-serif;
}

.section_title h4 {
    font-size: 18px;
    font-weight: 400;
    font-family: var(--cursiveFont);
    color: var(--colorPrimary);
    text-transform: capitalize;
    text-align: center;
}

.section_title h2 {
    font-size: 34px;
    font-weight: 600;
    margin-top: 6px;
    text-transform: capitalize;
    text-align: center;
}

.section_title_left h4,
.section_title_left h2 {
    text-align: left;
}

.section_title_2 h4 {
    font-size: 18px;
    font-weight: 400;
    font-family: var(--cursiveFont);
    color: var(--colorRed);
    text-transform: capitalize;
    text-align: center;
}

.section_title_2 h2,
.section_title_2 h2 span {
    font-size: 34px;
    font-weight: 600;
    margin-top: 6px;
    position: relative;
    text-transform: capitalize;
    text-align: center;
    z-index: 1;
    color: var(--colorBlack);
}

.section_title_2 span::after {
    position: absolute;
    content: "";
    top: 20px;
    left: 0;
    width: 205px;
    height: 30px;
    background: url(../images/heading_shape.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
}

.section_title_left_2 h4,
.section_title_left_2 h2 {
    text-align: left;
}

.section_title_3 h4 {
    font-size: 20px;
    font-weight: 400;
    font-family: var(--cursiveFont);
    color: var(--colorPrimary);
    text-transform: capitalize;
    text-align: center;
}

.section_title_3 h2 {
    font-size: 44px;
    font-weight: 600;
    margin-top: 11px;
    text-transform: capitalize;
    text-align: center;
}

.section_title_left_3 h4,
.section_title_left_3 h2 {
    text-align: left;
}

.common_btn,
.common_btn_2,
.common_btn_3 {
    padding: 11px 29px;
    font-size: 15px;
    font-weight: 500;
    color: var(--colorBlack);
    background: var(--colorYellow);
    position: relative;
    text-transform: capitalize;
    text-align: center;
    z-index: 1;
    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;
    overflow: hidden;
}

.common_btn i,
.common_btn_3 i {
    margin-left: 5px;
}

.common_btn:after,
.common_btn_2::after,
.common_btn_3::after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    background: 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;
    z-index: -1;
}

.common_btn:hover,
.common_btn_2:hover,
.common_btn_3:hover {
    color: var(--colorWhite);
}

.common_btn:hover:after,
.common_btn_2:hover:after,
.common_btn_3:hover:after {
    left: 0;
    width: 100%;
}

.common_btn_2 {
    background: var(--colorRed);
    color: var(--colorWhite);
    border-radius: 50px;
    padding: 12px 60px 12px 25px;
}

.common_btn_2::after {
    background: #B11923;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.common_btn_2 span {
    display: inline-block;
    position: absolute;
    top: 4px;
    right: 5px;
    width: 38px;
    height: 38px;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    background: #B11923;
    color: var(--colorWhite);
    border: 1px solid transparent;
    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;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.common_btn_2:hover span {
    background: var(--colorWhite);
    color: var(--colorBlack);
}

.common_btn_3 {
    color: var(--colorWhite);
    background: var(--colorPrimary);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.nextArrow,
.prevArrow {
    position: absolute;
    top: 0;
    right: 12px;
    width: 45px;
    height: 45px;
    line-height: 45px !important;
    text-align: center;
    background: var(--colorWhite);
    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;
    z-index: 1;
}

.prevArrow {
    right: auto;
    left: 12px;
}

.nextArrow,
.nextArrow:hover,
.prevArrow:hover {
    background: var(--colorYellow);
}

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

.breadcrumbs_overly {
    padding: 210px 0px 150px 0px;
    /*background: rgb(2 59 89 / 90%);*/
}

.breadcrumb_text {
    text-align: center;
}

.breadcrumb_text h1 {
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 22px;
    color: var(--colorWhite);
    text-transform: capitalize;
    text-align: center;
}

.breadcrumb_text ul li a {
    font-size: 16px;
    font-weight: 500;
    font-family: var(--paraFont);
    color: var(--colorWhite);
    opacity: 0.7;
    position: relative;
    text-transform: uppercase;
    padding-right: 14px;
    margin-right: 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;
}

.breadcrumb_text ul li a:hover {
    opacity: 1;
}

.breadcrumb_text ul li a::after {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    top: 10px;
    right: 0;
    background: var(--colorWhite);
    opacity: 1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.breadcrumb_text ul li a i {
    font-size: 18px;
    opacity: 1 !important;
    color: var(--colorWhite) !important;
    margin-right: 10px;
}

.breadcrumb_text ul li:last-child a::after {
    display: none;
}

.breadcrumb_text ul li:last-child a {
    color: var(--colorWhite) !important;
    opacity: 1;
}

.item_title {
    font-size: 20px;
    font-weight: 600;
    color: var(--colorBlack);
    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;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

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

/* breadcrumb end */

/* pagination start */
#pagination_area ul {
    gap: 15px;
}

#pagination_area .page-link {
    font-size: 16px;
    font-family: var(--paraColor);
    font-weight: 500;
    padding: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    color: var(--colorBlack);
    line-height: 50px;
    border-radius: 0px;
    background: var(--colorWhite) !important;
    border: 1px solid rgba(3, 26, 38, 0.14);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    transition: all linear .3s;
}

#pagination_area .page-link:hover,
#pagination_area .page-link.active {
    color: var(--colorWhite);
    background-color: var(--colorPrimary) !important;
    border-color: var(--colorPrimary);
}

#pagination_area .page-link:focus {
    outline: 0;
    box-shadow: none;
}

/* pagination end */
/*=============================
    GLOBAL CSS END
=============================*/


/*=============================
    HOME PAGE 01 START
=============================*/
/* main_manu start */
.main_menu {
    position: fixed;
    width: 100%;
    height: 100px;
    padding: 0;
    z-index: 9999;
    background: 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;
}

.main_menu .navbar-brand {
    padding: 0;
    margin: 0;
    width: 250px;
}

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

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

.main_menu .navbar-nav .nav-item .nav-link {
    font-size: 15px;
    font-weight: 500;
    color: var(--colorWhite);
    margin: 0px 20px;
    padding: 0;
    text-transform: uppercase;
    transition: all linear .3s;
    position: relative;
    -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 .nav-link i {
    font-size: 16px;
    padding-left: 5px;
}

.main_menu .navbar-nav .nav-item .nav-link::after {
    position: absolute;
    content: "";
    top: 50px;
    left: 0;
    width: 60%;
    height: 2px;
    opacity: 0;
    background: 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;
}

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

.main_menu .navbar-nav .nav-item .nav-link.nav-link.active::after {
    width: 100%;
    opacity: 1;
}

.main_menu .droap_menu {
    position: absolute;
    width: 250px;
    max-height: 500px;
    top: 100%;
    left: 0;
    background: var(--colorWhite);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    overflow: hidden;
    overflow-y: auto;
    line-height: 45px;
    opacity: 0;
    visibility: hidden;
    transition: all linear .2s;
    z-index: 999;
    transform: scaleY(.5);
    transform-origin: top;
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    -o-transform: scaleY(.5);
}

.droap_menu::-webkit-scrollbar {
    scrollbar-width: thin !important;
    background: var(--colorWhite);
    width: 6px;
}

.main_menu .droap_menu::-webkit-scrollbar-thumb {
    background: #ddd;
}

.main_menu .droap_menu li a {
    display: block;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 400;
    color: var(--colorBlack);
    position: relative;
    padding: 0px 20px;
    border-bottom: 1px solid #eee;
    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 .droap_menu li:last-child a {
    border-bottom: 0;
}

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

.main_menu .droap_menu li a:hover,
.main_menu .droap_menu li a.active {
    padding-left: 25px;
    color: var(--colorPrimary);
}

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

.main_menu .navbar-nav .nav-item:hover .droap_menu {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.main_menu .common_btn,
.main_menu .common_btn_2,
.main_menu .common_btn_3 {
    margin-top: 7px;
}

.main_menu.menu_fix {
    left: 0;
    top: 0;
    animation: menu_animate 2s;
    -webkit-animation: menu_animate 2s;
    background: var(--colorBlack);
}

@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%);
    }
}

.main_menu.menu_fix .common_btn::after {
    background: var(--colorWhite);
}

.main_menu.menu_fix .common_btn:hover {
    color: var(--colorBlack);
}

.menu_right {
    gap: 30px;
}

.user_login {
    font-size: 15px;
    font-weight: 500;
    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;
}

.user_login span {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    display: inline-block;
    position: relative;
    top: -2px;
}

.user_login:hover {
    color: var(--colorYellow);
}

.user_login:hover span {
    filter: brightness(0) saturate(100%) invert(71%) sepia(81%) saturate(367%) hue-rotate(360deg) brightness(103%) contrast(94%);
}

/* for small device start */
.navbar-toggler {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: var(--colorYellow);
    padding: 0;
    color: var(--colorBlack);
    font-size: 16px;
    margin-right: 12px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    box-shadow: none !important;
    border-radius: 0;
    border: none;
}

.navbar-toggler .close_icon {
    display: none;
}

.navbar-toggler.show .bar_icon {
    display: none;
}

.navbar-toggler.show .close_icon {
    display: block;
}

/* main_manu end */

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

.banner_overly {
    padding: 260px 0px 260px 0px;
    background: linear-gradient(180deg, rgb(32 50 114 / 90%) 0%, rgb(1 5 16 / 76%) 100%);
}

.banner_contant {
    text-align: center;
}

.banner_contant h1,
.banner_contant h1 span,
.banner_contant h1 span b {
    padding: 0 !important;
    font-size: 80px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: var(--colorWhite);
    line-height: 74px;
}

.banner_contant h1 span {
    display: block;
    width: 100%;
}

.banner_contant h1 span b {
    font-size: 65px;
    color: var(--colorYellow);
}

.banner_contant p {
    font-size: 20px;
    font-weight: 500;
    margin-top: 17px;
    color: rgba(255, 255, 255, 0.70);
}

.banner_form {
    margin-top: 57px;
}

.banner_form ul {
    background: var(--colorWhite);
}

.banner_input {
    width: 35%;
    position: relative;
}

.banner_input input {
    padding: 18px 25px 16px 46px;
}

.banner_input span {
    display: inline-block;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 16px;
    left: 24px;
}

.banner_selector {
    width: 27%;
    text-align: left;
    position: relative;
}

.banner_selector::after {
    position: absolute;
    content: "";
    top: 12px;
    left: 0;
    width: 1px;
    height: 30px;
    background: rgba(0, 0, 0, 0.14);
}

.banner_selector .select2-container .select2-selection--single {
    height: 53px;
}

.banner_selector .select2-container--default .select2-selection--single {
    border: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

.banner_selector .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 55px;
}

.banner_btn {
    width: 11%;
}

.banner_btn button {
    padding: 16px 29px;
}

/* banner end */

/* category start */
.category_area {
    position: relative;
    margin-top: -45px;
    background: var(--colorWhite);
    box-shadow: 0px 10px 30px 0px rgba(29, 29, 29, 0.10);
    overflow: hidden;
}

.category_area a {
    display: block;
    text-align: center;
    position: relative;
    padding: 20px 0px 14px 0px;
}

.category_area a::after {
    position: absolute;
    content: "";
    top: 19px;
    right: 0;
    width: 1px;
    height: 60px;
    background: rgba(0, 0, 0, 0.14);
}

.category_area a span {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.category_area a:hover span img {
    filter: invert(13%) sepia(86%) saturate(7031%) hue-rotate(213deg) brightness(96%) contrast(108%);
}

.category_area a p {
    font-size: 16px;
    font-weight: 500;
    color: var(--colorBlack);
    text-transform: capitalize;
    margin-top: 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;
}

.category_area a:hover p {
    color: var(--colorPrimary);
}

/* category end */

/* feature start */
.all_feature_link {
    height: 100%;
}

.all_feature_link {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    justify-content: end;
}

.all_feature_link a {
    font-size: 16px;
    font-weight: 500;
    color: var(--colorBlack);
    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;
}

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

.all_feature_link a i {
    margin-left: 6px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.all_feature_link a:hover i {
    padding-left: 5px;
}

.feature_item {
    display: block;
    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;
}

.feature_item .img {
    height: 220px;
    overflow: hidden;
}

.feature_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;
}

.feature_item:hover .img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.feature_item .text {
    font-size: 16px;
    font-weight: 500;
    padding: 12px 12px;
    background: #F2F1F1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    color: var(--colorBlack);
    text-transform: capitalize;
    border: 1px solid transparent;
    border-top: 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;
}

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

.feature_item:hover .text {
    border-color: var(--colorPrimary);
}

.feature_item .text b {
    font-size: 14px;
    font-weight: 500;
    padding: 7px 12px;
    text-transform: capitalize;
    color: var(--colorBlack);
    background: var(--colorYellow);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.feature_item .text b:hover {
    color: var(--colorWhite);
    background: var(--colorPrimary);
}

.feature_item:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
}

/* feature end */

/* listing start */
.listing {
    background: var(--lightBg);
}

.listing_item {
    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;
}

.listing_slider .listing_item {
    margin: 0px 12px 15px 12px;
}

.listing_img {
    height: 280px;
    position: relative;
    overflow: hidden;
}

.listing_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;
}

.listing_item:hover .listing_img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.listing_img .category {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 10px;
    color: var(--colorBlack);
    background: var(--colorYellow);
    text-transform: uppercase;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.listing_img .category i {
    margin-right: 5px;
}

.listing_img .love {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    font-size: 18px;
    line-height: 44px;
    text-align: center;
    border-radius: 50%;
    color: var(--colorWhite);
    background: rgba(0, 0, 0, 0.30);
    backdrop-filter: blur(5px);
    transition: all linear .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.listing_img a:hover {
    color: var(--colorRed);
    background: var(--colorWhite);
}

.listing_text {
    position: relative;
    padding: 22px 30px 18px 30px;
    background: var(--colorWhite);
    filter: drop-shadow(0px 2px 5px rgba(3, 26, 38, 0.10));
    min-height: 170px;
}

.listing_text a {
    font-size: 20px;
    font-weight: 600;
    display: block;
    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;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

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

.listing_text ul {
    margin-top: 20px;
}

.listing_text ul li {
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
    color: var(--paraColor);
    text-transform: capitalize;
}

.listing_text ul li i {
    font-size: 16px;
    margin-right: 8px;
}

.listing_bottom {
    margin-top: 30px;
    padding-top: 13px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgba(3, 26, 38, 0.10);
}

.listing_bottom p {
    font-size: 16px;
    color: var(--ratingColor);
}

.listing_bottom p span {
    font-weight: 500;
    margin-left: 5px;
    color: var(--colorBlack);
}

.listing_bottom ul {
    gap: 18px;
    margin-top: 0;
}

.listing_bottom ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 0;
    font-size: 15px;
    font-weight: 400;
}

.listing_bottom ul li span {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 7px;
}

.listing_text .person {
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    top: -25px;
    right: 30px;
    overflow: hidden;
    border: 3px solid var(--colorWhite);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.listing .slick-dots {
    gap: 6px;
    display: flex;
    justify-content: center;
    margin-top: 37px;
}

.listing .slick-dots li button {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-size: 0;
    border: 1px solid rgba(0, 0, 0, 0.16);
    background: 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;
}

.listing .slick-dots li.slick-active button,
.listing .slick-dots li:hover button {
    background: var(--colorYellow);
    border-color: var(--colorYellow);
}

.listing_item:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
}

/* listing end */

/* peocess start */
.process {
    position: relative;
}

.process_item_1::after,
.process_item_2::after {
    position: absolute;
    content: "";
    top: 10px;
    right: -170px;
    width: 315px;
    height: 37px;
    background: url(../images/process_angle_2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.process_item_2::after {
    top: 60px;
    background: url(../images/process_angle_1.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.process_item {
    text-align: center;
    margin-top: 25px;
    padding: 0px 32px;
    position: relative;
}

.process_item .img {
    width: 100px;
    height: 100px;
    margin: auto;
}

.process_item .img img {
    border-radius: 20px 20px 20px 0px;
    -webkit-border-radius: 20px 20px 20px 0px;
    -moz-border-radius: 20px 20px 20px 0px;
    -ms-border-radius: 20px 20px 20px 0px;
    -o-border-radius: 20px 20px 20px 0px;
}

.process_item .text h4 {
    font-size: 20px;
    font-weight: 500;
    margin-top: 20px;
}

.process_item .text p {
    margin-top: 7px;
    line-height: 24px;
}

/* peocess end */

/* counter start */
.counter_area ul {
    padding: 45px 0px 40px 0px;
    border: 1px solid rgba(10, 10, 10, 0.10);
}

.counter_area ul li {
    width: 25%;
    padding: 0px 70px;
    border-right: 1px solid rgba(10, 10, 10, 0.10);
}

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

.counter_area ul li h4,
.counter_area ul li h4 span {
    font-size: 50px;
    font-weight: 600;
    line-height: 37px;
}

.counter_area ul li h4 span {
    color: var(--colorBlack);
}

.counter_area ul li p {
    font-size: 18px;
    font-weight: 500;
    opacity: 0.6;
    margin-top: 8px;
    text-transform: capitalize;
}

/* counter end */

/* pricing start */
.pricing {
    background: var(--lightBg);
}

.pricing_nav {
    position: relative;
    justify-content: center;
    z-index: 1;
}

.pricing_nav::after {
    position: absolute;
    content: "";
    top: 10px;
    left: 177px;
    width: 62px;
    height: 10px;
    border-radius: 20px;
    background: #BEC8DA;
    z-index: -1;
}

.pricing_nav li button {
    width: 30px;
    height: 30px;
    border-radius: 50% !important;
    transition: all linear .3s;
    padding: 0;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.pricing_nav li .monthly span,
.pricing_nav li .yearly span {
    position: absolute;
    top: 5px;
    font-size: 13px;
    font-weight: 600;
    color: var(--colorBlack);
    text-transform: uppercase;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.pricing_nav li .monthly span {
    left: 46px;
}

.pricing_nav li .yearly span {
    right: 61px;
}

.pricing_nav li .monthly span:hover,
.pricing_nav li .yearly span:hover {
    color: var(--colorPrimary);
}

.pricing_nav li button.active span {
    color: var(--colorPrimary);
}

.pricing_nav .nav-link.active {
    background: var(--colorPrimary);
}

.pricing_item {
    margin-top: 25px;
    padding: 40px 35px 45px 35px;
    background: 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;
    border: 1px solid rgba(3, 26, 38, 0.10);
}

.pricing_item:hover {
    background: var(--colorPrimary);
}

.pricing_item h5 {
    font-size: 18px;
    font-weight: 500;
    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;
}

.pricing_item:hover h5 {
    color: var(--colorWhite);
}

.pricing_item p {
    margin-top: 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;
}

.pricing_item:hover p {
    color: var(--colorWhite);
}

.pricing_item h3 {
    font-size: 40px;
    font-weight: 600;
    margin-top: 17px;
    margin-bottom: 35px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.pricing_item:hover h3,
.pricing_item:hover h3 span {
    color: var(--colorWhite);
}

.pricing_item h3 span {
    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;
}

.pricing_item ul {
    padding-top: 20px;
    border-top: 1px dashed #AFAFAF;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.pricing_item:hover ul {
    border-color: var(--colorWhite);
}

.pricing_item ul li {
    font-size: 14px;
    font-weight: 400;
    position: relative;
    margin-top: 20px;
    padding-left: 28px;
    text-transform: capitalize;
    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;
}

.pricing_item:hover li {
    color: var(--colorWhite);
}

.pricing_item ul li::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../images/pricing_icon.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.pricing_item a {
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    padding: 10px;
    margin-top: 45px;
    text-align: center;
    color: var(--colorBlack);
    text-transform: capitalize;
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 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;
}

.pricing_item:hover a {
    background: var(--colorWhite);
    border-color: var(--colorWhite);
}

.pricing_item a:hover {
    background: var(--colorYellow);
    border-color: var(--colorYellow);
}

/* pricing end */

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

.testimonial .container {
    position: relative;
}

.testimonial_overly {
    /*background: linear-gradient(180deg, rgba(1, 12, 33, 0.00) 0%, #010C21 100%);*/
}

.testimonial .section_title h4,
.testimonial .section_title h2 {
    color: var(--colorWhite);
}

.testimonial_item {
    text-align: center;
    margin-top: 50px;
    padding-bottom: 35px;
}

.testimonial_item span {
    font-size: 16px;
    color: var(--ratingColor);
}

.testimonial_item p {
    margin-top: 15px;
    font-size: 20px;
    font-weight: 400;
    line-height: 42px;
    opacity: 0.6;
    color: var(--colorWhite);
}

.testimonial_item .name {
    margin-top: 48px;
    position: relative;
}

.testimonial_item .name::after {
    position: absolute;
    content: "";
    top: -30px;
    left: 304px;
    width: 135px;
    height: 115px;
    background: url("../images/testimonial_shape.png") center center / cover no-repeat;
}

.testimonial_item h5 {
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--colorWhite);
}

.testimonial_item h6 {
    font-size: 13px;
    font-weight: 500;
    opacity: 0.7;
    margin-top: 13px;
    text-transform: uppercase;
    color: var(--colorWhite);
}

.testimonial .nextArrow,
.testimonial .prevArrow {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.testimonial .slick-slider {
    position: initial;
}

/* testimonial end */

/* blog start */
.blog_item {
    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;
}

.blog_item .img {
    height: 410px;
    overflow: hidden;
    display: block;
}

.blog_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;
}

.blog_item:hover .img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.blog_text {
    margin-top: 30px;
}

.blog_text ul {
    gap: 10px;
}

.blog_text ul li {
    font-size: 15px;
    font-weight: 500;
    padding: 2px 12px;
    text-transform: capitalize;
}

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

.blog_text ul .event {
    background: var(--colorYellow);
}

.blog_text ul .date {
    display: flex;
    flex-wrap: wrap;
    background: #F2F1F1;
}

.blog_text ul .date span {
    display: inline-block;
    width: 16px;
    height: 17px;
    margin-right: 10px;
}

.blog_text .title {
    font-size: 20px;
    font-weight: 600;
    margin-top: 15px;
    color: var(--colorBlack);
    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;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

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

.blog_text .link {
    font-size: 15px;
    font-weight: 500;
    margin-top: 27px;
    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;
}

.blog_text .link:hover {
    color: var(--colorPrimary);
}

.blog_text .link i {
    top: 1px;
    position: relative;
    margin-left: 5px;
    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_text .link:hover i {
    padding-left: 5px;
}

.blog_item:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
}

/* blog end */

/* footer start */
.footer {
    background: #181818;
}

.footer_left {
    margin-right: 25px;
}

.footer_logo {
    width: 165px;
}

.footer_left p {
    font-size: 15px;
    font-weight: 400;
    margin-top: 16px;
    opacity: 0.6;
    color: var(--colorWhite);
}

.footer_left ul {
    margin-top: 32px;
}

.footer_left ul li a {
    display: flex;
    flex-wrap: wrap;
    opacity: 0.6;
    margin-top: 12px;
    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;
    font-size: 15px;
}

.footer_left ul li a:hover {
    opacity: 1;
}

.footer_left ul li span {
    display: block;
    width: 17px;
    height: 17px;
    margin-right: 10px;
}

.footer_menu h4,
.footer_right h4,
.footer_right h5 {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--colorWhite);
}

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

.footer_menu ul li a {
    font-size: 15px;
    font-weight: 500;
    opacity: 0.7;
    margin-top: 15px;
    color: var(--colorWhite);
    text-transform: capitalize;
    position: relative;
    padding-left: 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;
    display: block;
}

.footer_menu ul li a:hover {
    padding-left: 20px;
    opacity: 1;
}

.footer_menu ul li a::after {
    position: absolute;
    content: "\f105";
    color: var(--colorWhite);
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    top: -1px;
    left: 0;
    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;
}

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

.footer_right form input {
    padding: 15px 20px;
}

.footer_right form button {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 43px;
    height: 43px;
    text-align: center;
    line-height: 43px;
    font-size: 16px;
    color: var(--colorWhite);
    background: 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;
}

.footer_right form button:hover {
    background: var(--colorYellow);
    color: var(--colorBlack);
}

.footer_right form button i {
    transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    -o-transform: rotate(-50deg);
}

.footer_right h5 {
    margin-top: 35px;
}

.footer_right ul {
    gap: 6px;
    margin-top: 20px;
}

.footer_right ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #ffffff63;
    border: 1px solid #7b757578;
    background: 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;
}

.footer_right ul li a:hover {
    color: var(--colorBlack);
    background: var(--colorYellow);
    border-color: var(--colorYellow);
}

.copy_right {
    padding: 20px 0px;
    background: #2D2D2D;
}

.copy_right p {
    font-weight: 500;
    opacity: 0.7;
    text-align: center;
    color: var(--colorWhite);
    text-transform: capitalize;
    font-size: 15px;
}

/* footer end */

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

/*=============================
    HOME PAGE 02 START
=============================*/
/* main manu 2 start */
.main_menu_2 .droap_menu li a:hover,
.main_menu_2 .droap_menu li a.active,
.main_menu_2 .droap_menu li a:hover::after,
.main_menu_2 .droap_menu li a.active::after {
    color: var(--colorRed);
}

.main_menu_2.menu_fix {
    background: var(--colorBlack);
}

.main_menu_2 .user_login {
    color: var(--colorWhite);
}

.main_menu_2 .user_login span {
    filter: brightness(0) saturate(100%) invert(99%) sepia(8%) saturate(0%) hue-rotate(131deg) brightness(115%) contrast(100%);
    -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(8%) saturate(0%) hue-rotate(131deg) brightness(115%) contrast(100%);
}

/* main manu 2 end */

/* banner 2 start */
.banner_2 {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border-radius: 50px;
    overflow: hidden;
    margin: 10px 10px 0px 10px;
}

.banner_2_overly {
    padding: 270px 0px 210px 0px;
    background: linear-gradient(180deg, #00000060 0%, rgba(0, 0, 0, 0.00) 23.71%), radial-gradient(56.91% 56.89% at 66.89% 43.11%, rgba(0, 0, 0, 0.30) 0%, #00000060 100%);
}

.banner_2_contant h3 {
    font-size: 22px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--colorWhite);
    font-family: var(--cursiveFont);
}

.banner_2_contant h1,
.banner_2_contant h1 span {
    position: relative;
    font-size: 60px;
    font-weight: 600;
    margin-top: 15px;
    line-height: 74px;
    text-transform: capitalize;
    color: var(--colorRed);
    z-index: 999;

}

.banner_2_contant h1 span::after {
    position: absolute;
    content: "";
    top: 40px;
    left: 0;
    width: 295px;
    height: 45px;
    background: url(../images/heading_shape.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
}

.banner_2 .banner_form {
    margin-top: 44px;
}

.banner_2 .banner_form ul {
    border-radius: 100px;
}

.banner_2 .banner_form ul li:first-child input {
    border-radius: 50px 0px 0px 50px;
    -webkit-border-radius: 50px 0px 0px 50px;
    -moz-border-radius: 50px 0px 0px 50px;
    -ms-border-radius: 50px 0px 0px 50px;
    -o-border-radius: 50px 0px 0px 50px;
}

.banner_2 .banner_input {
    width: 33%;
}

.banner_2 .banner_selector {
    width: 25%;
}

.banner_2 .banner_btn {
    width: 17%;
}

.banner_2 .banner_btn button {
    height: 100%;
    width: 100%;
    position: relative;
    right: -1px;
}

.banner_2 .banner_btn .common_btn:hover {
    background: #B11923;
}

/* banner 2 end */

/* category 2 start */
.category_2 {
    padding: 20px 0px;
}

.category_2_item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 15px 30px;
    border-right: 1px solid rgba(0, 0, 0, 0.14);
}

.category_2_item .text {
    width: 56%;
}

.category_2_item .text b {
    font-size: 15px;
    font-weight: 500;
    color: var(--colorBlack);
    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;
}

.category_2_item:hover .text b {
    color: var(--colorRed);
}

.category_2_item .text p {
    margin-top: 3px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.category_2_item:hover .text p {
    color: var(--colorRed);
}

.category_2_item span {
    display: block;
    width: 72px;
    height: 72px;
    padding: 15px;
    margin-left: 20px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.14);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.category_2_item:hover span {
    filter: brightness(0) saturate(100%) invert(44%) sepia(64%) saturate(5023%) hue-rotate(333deg) brightness(97%) contrast(109%);
}

/* category 2 end */

/* listing 2 start */
.listing_2 {
    background: var(--lightBg);
}

.listing_2_item {
    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;
}

.listing_2_slider .listing_2_item {
    margin: 12px 12px 20px 12px;
}

.listing_2_img {
    height: 270px;
    position: relative;
    overflow: hidden;
    border-radius: 14px 14px 0px 0px;
    -webkit-border-radius: 14px 14px 0px 0px;
    -moz-border-radius: 14px 14px 0px 0px;
    -ms-border-radius: 14px 14px 0px 0px;
    -o-border-radius: 14px 14px 0px 0px;
}

.listing_2_img img {
    border-radius: 14px 14px 0px 0px;
    -webkit-border-radius: 14px 14px 0px 0px;
    -moz-border-radius: 14px 14px 0px 0px;
    -ms-border-radius: 14px 14px 0px 0px;
    -o-border-radius: 14px 14px 0px 0px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.listing_2_item:hover {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}

.listing_2_overly {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 100%);
}

.listing_2_overly .category {
    position: absolute;
    top: 24px;
    left: 0px;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 10px;
    color: var(--colorWhite);
    background: var(--colorRed);
    text-transform: uppercase;
    border-radius: 0px 20px 20px 0px;
    -webkit-border-radius: 0px 20px 20px 0px;
    -moz-border-radius: 0px 20px 20px 0px;
    -ms-border-radius: 0px 20px 20px 0px;
    -o-border-radius: 0px 20px 20px 0px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.listing_2_overly .category i {
    margin-right: 5px;
}

.listing_2_overly .love {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    font-size: 18px;
    line-height: 44px;
    text-align: center;
    border-radius: 50%;
    color: var(--colorWhite);
    background: rgba(0, 0, 0, 0.30);
    backdrop-filter: blur(5px);
    transition: all linear .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.listing_2_overly a:hover {
    color: var(--colorRed);
    background: var(--colorWhite);
}

.listing_owner {
    position: absolute;
    bottom: 30px;
    left: 25px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.listing_owner .img {
    display: block;
    width: 44px;
    height: 44px;
}

.listing_owner .name {
    margin-left: 15px;
}

.listing_owner .name h6 {
    font-size: 16px;
    font-weight: 600;
    color: var(--colorWhite);
    text-transform: capitalize;
}

.listing_owner .name span {
    margin-top: 7px;
    color: var(--colorYellow);
}

.listing_owner .name span b {
    font-size: 14px;
    font-weight: 500;
    margin-left: 5px;
    color: var(--colorWhite) !important;
}

.listing_2_text {
    position: relative;
    padding: 22px 30px 18px 30px;
    background: var(--colorWhite);
    border-radius: 0px 0px 14px 14px;
    box-shadow: 0px 2px 5px 0px rgba(3, 26, 38, 0.10);
    -webkit-border-radius: 0px 0px 14px 14px;
    -moz-border-radius: 0px 0px 14px 14px;
    -ms-border-radius: 0px 0px 14px 14px;
    -o-border-radius: 0px 0px 14px 14px;
}

.listing_2_text a {
    font-size: 20px;
    font-weight: 600;
    display: block;
    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;
}

.listing_2_text a:hover {
    color: var(--colorRed);
}

.listing_2_text p {
    color: var(--colorBlack);
    opacity: 0.5;
    margin-top: 5px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.listing_2_text ul {
    margin-top: 20px;
}

.listing_2_text ul li {
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
    color: var(--paraColor);
    text-transform: capitalize;
}

.listing_2_text ul li i {
    font-size: 16px;
    margin-right: 8px;
    filter: invert(30%) sepia(68%) saturate(3978%) hue-rotate(339deg) brightness(100%) contrast(96%);
}

.listing_2_bottom {
    margin-top: 25px;
    padding-top: 13px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgba(3, 26, 38, 0.10);
}

.listing_2_bottom h6 {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}

.listing_2_bottom ul {
    gap: 18px;
    margin-top: 0;
}

.listing_2_bottom ul li {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
    font-size: 15px;
    font-weight: 400;
    align-items: center;
}

.listing_2_bottom ul li span {
    display: inline-block;
    width: 16px;
    height: 15px;
    margin-right: 7px;
    filter: invert(30%) sepia(68%) saturate(3978%) hue-rotate(339deg) brightness(100%) contrast(96%);
    position: relative;
    top: -1px;
}

.listing_2 .slick-dots {
    gap: 6px;
    display: flex;
    justify-content: center;
    margin-top: 32px;
}

.listing_2 .slick-dots li button {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-size: 0;
    border: 1px solid rgba(0, 0, 0, 0.16);
    background: 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;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.listing_2 .slick-dots li.slick-active button,
.listing_2 .slick-dots li:hover button {
    background: var(--colorRed);
    border-color: var(--colorRed);
}

/* listing 2 end */

/* poluar listing start */
.polular_listing {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.popular_listing_overly {
    backdrop-filter: blur(2px);
    background: rgba(4, 47, 159, 0.80);
}

.popular_listing_content .section_title_2 h4 {
    color: var(--colorWhite);
}

.popular_listing_content .section_title_2 h2,
.popular_listing_content .section_title_2 h2 span {
    font-size: 60px;
    font-weight: 600;
    line-height: 74px;
    color: var(--colorWhite);
}

.popular_listing_content .section_title_2 h2 span::after {
    top: 45px;
}

.popular_listing_content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    opacity: 0.7;
    margin-top: 10px;
    color: var(--colorWhite);
}

.popular_listing_content a {
    margin-top: 42px;
}

.polular_listing_img {
    width: 400px;
    height: 370px;
    position: relative;
    z-index: 1;
}

.polular_listing_img::after {
    position: absolute;
    content: "";
    top: -68px;
    left: -95px;
    width: 537px;
    height: 364px;
    background: url(../images/popular_listing_shape.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
}

/* poluar listing end */

/* process 2 start */
.process_2 .section_title_2 span::after {
    top: 25px;
    width: 135px;
    height: 20px;
}

/* process 2 end */

/* testimonial start */
.testimonial_2 {
    background: var(--lightBg);
}

.testimonial_2_img {
    height: 630px;
    position: relative;
}

.testimonial_2_img::after {
    position: absolute;
    content: "";
    bottom: 64px;
    right: 60px;
    width: 70px;
    height: 100px;
    background: url(../images/testimonial_shape_3.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.testimonial_2_contant {
    margin-left: 55px;
}

.testimonial_2_contant .section_title_2 h2 {
    width: 75%;
    line-height: 50px;
}

.testimonial_2_contant .section_title_2 h2 span::after {
    top: 20px;
}

.testimonial_2_item {
    margin: 0px 12px;
    position: relative;
    margin-bottom: 40px;
}

.testimonial_2_item span {
    font-size: 18px;
    color: var(--ratingColor);
}

.testimonial_2_item p {
    font-size: 20px;
    font-weight: 400;
    line-height: 42px;
    opacity: 0.6;
    margin-top: 13px;
    color: var(--colorBlack);
}

.testimonial_2_item h4 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 37px;
    text-transform: capitalize;
}

.testimonial_2_item h6 {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.7;
    margin-top: 10px;
    text-transform: uppercase;
}

.testimonial_2_item::after {
    position: absolute;
    content: "";
    bottom: -40px;
    left: 250px;
    width: 120px;
    height: 100px;
    background: url(../images/testimonial_shape_2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.testimonial_2 .nextArrow,
.testimonial_2 .prevArrow {
    top: auto;
    bottom: 35px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.testimonial_2 .prevArrow {
    left: auto;
    right: 67px;
}

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

/* testimonial end */

/* destination start */
.destination .section_title_2 h2 span::after {
    top: 20px;
    width: 210px;
}

.destination_item_1 {
    display: block;
    margin-top: 30px;
    padding: 20px 20px 15px 20px;
    border-radius: 10px;
    border: 1px solid rgba(10, 10, 10, 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;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.destination_item_1:hover {
    border-color: var(--colorRed);
}

.destination_item_1 .img {
    height: 323px;
}

.destination_item_1 .img img {
    border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -ms-border-radius: 10px 10px 0px 0px;
    -o-border-radius: 10px 10px 0px 0px;
}

.destination_item_1_text {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}

.destination_item_1_text .text b {
    font-size: 16px;
    font-weight: 500;
    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;
}

.destination_item_1_text .text b:hover {
    color: var(--colorRed);
}

.destination_item_1_text .text p {
    margin-top: 6px;
}

.destination_item_1_text span {
    display: block;
    width: 44px;
    height: 44px;
    font-size: 16px;
    line-height: 44px;
    text-align: center;
    transform: rotate(-40deg);
    border-radius: 50%;
    background: transparent;
    color: var(--colorBlack);
    border: 1px solid rgba(10, 10, 10, 0.10);
    transition: all linear .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
}

.destination_item_1_text span:hover {
    color: var(--colorWhite);
    background: var(--colorRed);
    border-color: var(--colorRed);
}

.destination_item_2 {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    border-radius: 10px;
    margin-top: 30px;
    border: 1px solid rgba(10, 10, 10, 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;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.destination_item_2:hover {
    border-color: var(--colorRed);
}

.destination_item_2 .img {
    width: 100px;
    height: 100px;
}

.destination_item_2 .img img {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.destination_item_2_text {
    width: 68%;
    margin-left: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.destination_item_2_text .text b {
    font-size: 16px;
    font-weight: 500;
    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;
}

.destination_item_2_text .text b:hover {
    color: var(--colorRed);
}

.destination_item_2_text .text p {
    margin-top: 6px;
}

.destination_item_2_text span {
    display: block;
    width: 44px;
    height: 44px;
    font-size: 16px;
    line-height: 44px;
    text-align: center;
    transform: rotate(-40deg);
    border-radius: 50%;
    background: transparent;
    color: var(--colorBlack);
    border: 1px solid rgba(10, 10, 10, 0.10);
    transition: all linear .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
}

.destination_item_2_text span:hover {
    color: var(--colorWhite);
    background: var(--colorRed);
    border-color: var(--colorRed);
}

/* destination end */

/* blog 2 start */

.blog_2 {
    background: var(--lightBg);
}

.blog_2 .section_title_2 h2 span::after {
    top: 28px;
    width: 120px;
    height: 17px;
}

.blog_2_item {
    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;
}

.blog_2_item_img {
    height: 300px;
    position: relative;
    overflow: hidden;
    border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -ms-border-radius: 10px 10px 0px 0px;
    -o-border-radius: 10px 10px 0px 0px;
}

.blog_2_item_img img {
    border-radius: 10px 10px 0px 0px;
    transition: all linear .3s;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -ms-border-radius: 10px 10px 0px 0px;
    -o-border-radius: 10px 10px 0px 0px;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.blog_2_item:hover .blog_2_item_img img {
    transform: scale(1.05) rotate(1deg);
}

.blog_2_item_img p {
    position: absolute;
    top: 30px;
    right: 0;
    font-size: 15px;
    font-weight: 500;
    padding: 2px 10px;
    text-transform: capitalize;
    color: var(--colorWhite);
    background: var(--colorRed);
    border-radius: 30px 0px 0px 30px;
    -webkit-border-radius: 30px 0px 0px 30px;
    -moz-border-radius: 30px 0px 0px 30px;
    -ms-border-radius: 30px 0px 0px 30px;
    -o-border-radius: 30px 0px 0px 30px;
}

.blog_2_item_img p span {
    display: inline-block;
    width: 14px;
    height: 16px;
    margin-right: 10px;
}

.blog_2_text {
    padding: 30px 30px 27px 30px;
    background: var(--colorWhite);
    box-shadow: 0px 2px 5px 0px rgba(3, 26, 38, 0.10);
    border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -ms-border-radius: 0px 0px 10px 10px;
    -o-border-radius: 0px 0px 10px 10px;
}

.blog_2_text .category {
    font-size: 15px;
    font-weight: 500;
    padding: 2px 10px;
    border-radius: 40px;
    display: inline-block;
    text-transform: capitalize;
    color: var(--colorWhite);
    background: var(--colorRed);
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    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_2_text .category:hover {
    background: var(--colorBlack);
}

.blog_2_text .title {
    display: block;
    font-size: 20px;
    font-weight: 600;
    margin-top: 12px;
    color: var(--colorBlack);
    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;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

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

.blog_2_text ul {
    gap: 24px;
    margin-top: 20px;
}

.blog_2_text ul li {
    display: flex;
    flex-wrap: wrap;
    font-size: 15px;
    font-weight: 400;
    color: var(--paraColor);
    text-transform: capitalize;
}

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

.blog_2_item:hover {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}

/* blog 2 end */


/* footer 2 start */
.footer_2 {
    background: #191E25;
}

.footer_apps {
    position: relative;
    padding: 25px 50px;
    background: var(--colorPrimary);
    border-radius: 20px;
    box-shadow: 0px 20px 60px 0px rgba(0, 44, 124, 0.60);
}

.footer_apps_img {
    width: 225px;
    height: auto;
    margin-top: -85px;
}

.footer_apps .section_title_2 h2 {
    font-size: 28px;
    color: var(--colorWhite);
}

.footer_apps .section_title_2 h2::after {
    top: 22px;
    left: 84px;
    width: 120px;
    height: 17px;
}

.footer_apps .section_title_2 p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 24px;
    opacity: 0.7;
    color: var(--colorWhite);
}

.footer_apps ul {
    height: 100%;
    gap: 15px;
    align-items: center;
}

.footer_apps ul li {
    display: flex;
    flex-wrap: wrap;
}

.footer_apps ul li a {
    font-size: 15px;
    font-weight: 600;
    padding: 15px 30px;
    border-radius: 6px;
    color: var(--colorBlack);
    background: 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;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

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

.footer_apps ul li a span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

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

.footer_apps ul li .ios:hover span img {
    filter: invert(100%) sepia(0%) saturate(7427%) hue-rotate(20deg) brightness(96%) contrast(105%);
}

.footer_right_2 input {
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.footer_right_2 button {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.footer_right_2 button:hover {
    background: var(--colorRed) !important;
    color: var(--colorWhite) !important;
}

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


.footer_2 .copy_right {
    background: transparent;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.footer_2 .footer_right ul li a {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

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

/*=============================
    HOME PAGE 03 START
=============================*/
/* main menu 3 start */
.main_menu_3 {
    background: var(--colorWhite);
}

.main_menu_3 .navbar-nav .nav-item .nav-link {
    color: #5F6163;
}

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

.main_menu_3 .navbar-nav .nav-item .nav-link::after {
    display: none;
}

.menu_right_3 {
    gap: 20px;
}

.menu_right_3 li .icon {
    width: 25px;
    height: 25px;
    position: relative;
}

.menu_right_3 li .icon span {
    position: absolute;
    display: block;
    top: -8px;
    right: -8px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: var(--colorWhite);
    background: var(--colorPrimary);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    font-size: 12px;
}

.menu_right_3 li .icon img:hover {
    filter: invert(19%) sepia(65%) saturate(4230%) hue-rotate(216deg) brightness(93%) contrast(103%);
}

.menu_right_3 .menu_btn_3 {
    margin-left: 10px;
}

.main_menu_3.menu_fix {
    background: var(--colorWhite);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

/* main menu 3 end */

/* banner 3 start */
.banner_3 .banner_overly {
    padding: 292px 0px 230px 0px;
    background: linear-gradient(180deg, rgba(1, 69, 84, 0.64) 0%, rgba(1, 71, 12, 0.64) 100%);
}

.banner_contant_3 h1 {
    text-transform: capitalize;
    font-size: 64px;
    line-height: 78px;
}

.banner_contant_3 p {
    font-weight: 400;
}

.banner_contant_3 form {
    padding: 14px;
    background: var(--colorWhite);
    border-radius: 10px;
    box-shadow: 0px 30px 60px 0px rgba(3, 26, 38, 0.10);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.banner_contant_3 form ul {
    gap: 10px;
}

.banner_contant_3 .banner_input {
    width: 33%;
}

.banner_contant_3 form ul .banner_input input {
    border-radius: 6px;
    padding: 9px 20px 9px 20px;
    border: 1px solid rgba(3, 26, 38, 0.10);
    background: rgba(255, 255, 255, 0.00);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.banner_contant_3 .banner_selector::after {
    display: none;
}

.banner_contant_3 .banner_selector {
    width: 26%;
}

.banner_contant_3 .select2-container--default .select2-selection--single {
    border: 1px solid rgba(3, 26, 38, 0.10);
}

.banner_contant_3 .select2-container .select2-selection--single {
    height: 40px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.00);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.banner_contant_3 .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
}

.banner_contant_3 .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-bottom: 2px solid #5F6163;
    border-right: 2px solid #5F6163;
    width: 8px;
    height: 8px;
    right: 20px;
    margin-top: 0px;
}

.banner_btn_3 button {
    padding: 8px 25px;
}

/* banner 3 end */

/* category 3 start */
.categoris_3 {
    background: var(--lightBg);
}

.categoris_3 .section_title_3 p {
    text-align: center;
    margin-top: 12px;
}


.categoris_3 .section_title_3 p a {
    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;
}

.categoris_3 .section_title_3 p a:hover {
    color: var(--colorBlack);
}

.categoris_3_item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 15px;
    padding: 15px;
    border-radius: 6px;
    background: var(--colorWhite);
    border: 2px solid var(--colorWhite);
    box-shadow: 0px 10px 24px 0px rgba(29, 29, 29, 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;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.categoris_3_item:hover {
    border-color: var(--colorPrimary);
}

.categoris_3_item .img {
    width: 72px;
    height: 72px;
    padding: 20px;
    border-radius: 6px;
    border: 1px solid rgba(10, 10, 10, 0.14);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.categoris_3_item:hover .img img {
    filter: invert(19%) sepia(89%) saturate(2769%) hue-rotate(214deg) brightness(94%) contrast(108%);
}

.categoris_3_item .text {
    margin-left: 20px;
}

.categoris_3_item .text p {
    font-size: 18px;
    font-weight: 500;
    color: var(--colorBlack);
    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;
}

.categoris_3_item .text p:hover {
    color: var(--colorPrimary);
}

.category_3_btn {
    text-align: center;
}

/* category 3 end */


/* listing 3 start */

.listing_3_btn {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: end;
    justify-content: end;
}

.listing_3_item {
    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;
}

.listing_3_slider .listing_3_item {
    margin: 25px 12px 0px 12px;
}

.listing_3_item_img {
    position: relative;
    height: 470px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
}

.listing_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;
}

.listing_3_item_img .category {
    position: absolute;
    top: 25px;
    left: 0;
    padding: 4px 10px;
    color: var(--colorWhite);
    background: var(--colorRed);
    border-radius: 0px 4px 4px 0px;
    -webkit-border-radius: 0px 4px 4px 0px;
    -moz-border-radius: 0px 4px 4px 0px;
    -ms-border-radius: 0px 4px 4px 0px;
    -o-border-radius: 0px 4px 4px 0px;
}

.listing_3_item_img .category i {
    margin-right: 6px;
}

.listing_3_item_img .price_range {
    top: 63px !important;
}

.listing_3_item_overly {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    padding: 48px 30px 30px 30px;
    border-radius: 10px;
    background: linear-gradient(350deg, #004DDA 7.41%, rgba(0, 77, 218, 0.20) 69.52%, rgba(0, 77, 218, 0.00) 92.59%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.listing_3_item_overly .title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    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;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

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

.listing_3_item_overly a span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 6px;
}

.listing_3_item_overly ul {
    margin-top: 14px;
}

.listing_3_item_overly ul li {
    margin-top: 10px;
}

.listing_3_item_overly ul li span {
    font-size: 15px;
    font-weight: 400;
    opacity: 0.8;
    color: var(--colorWhite);
    margin-left: 10px;
}

.listing_3_item_overly ul li i {
    color: var(--colorWhite) !important;
}

.listing_3_item_bottom {
    margin-top: 6px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 14px 25px;
    border-radius: 10px;
    background: var(--lightBg);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.listing_3_item_bottom .review {
    display: flex;
    flex-wrap: wrap;
}

.listing_3_item_bottom .review p {
    font-size: 14px;
    color: var(--ratingColor);
}

.listing_3_item_bottom .review span {
    padding: 0px 12px;
    border-radius: 4px;
    line-height: 24px;
    margin-left: 8px;
    color: var(--colorWhite);
    background: rgb(0, 194, 95);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.listing_3_item_bottom .comment {
    gap: 20px;
    display: flex;
    flex-wrap: wrap;
}

.listing_3_item_bottom .comment li {
    color: var(--paraColor);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.listing_3_item_bottom .comment li span {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    top: -1px;
}

.listing_3_item:hover {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}

.listing_3_item:hover .listing_3_item_img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.listing_3 .slick-dots {
    display: flex;
    justify-content: center;
    gap: 7px;
    margin-top: 50px;
}

.listing_3 .slick-dots li button {
    font-size: 0;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.14);
    transition: all linear .3s;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.listing_3 .slick-dots li.slick-active button {
    width: 40px;
    background: var(--colorPrimary);
}

/* listing 3 end */

/* destination 3 start */
.destination_3_item {
    height: 440px;
    display: block;
    position: relative;
    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;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.destination_3_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;
}

.destination_3_item:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.destination_3_slider .destination_3_item {
    margin: 0px 12px;
}

.destination_3_item_overly {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 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;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.destination_3_item:hover .destination_3_item_overly {
    background: var(--colorBlack);
}

.destination_3_item::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(1, 12, 33, 0.10) 0%, #010C21 100%);
    bottom: 0;
    left: 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: 1;
    z-index: 1;
}

.destination_3_item::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(350deg, #004DDA 7.41%, rgba(0, 77, 218, 0.20) 69.52%, rgba(0, 77, 218, 0.00) 92.59%);
    bottom: 0;
    left: 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;
    z-index: 2;
}

.destination_3_item:hover::before {
    opacity: 0;
}

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

.destination_3_item .text {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 3;
}

.destination_3_item .text h6 {
    font-size: 15px;
    font-weight: 400;
    font-family: var(--cursiveFont);
    color: var(--colorWhite);
    text-transform: capitalize;
}

.destination_3_item .text h4 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 10px;
    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;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.destination_3_item .text h4:hover {
    color: var(--colorYellow);
}

.destination_3_item .text p {
    opacity: 0.6;
    margin-top: 15px;
    color: var(--colorWhite);
}

.destination_3_item span {
    display: inline-block;
    position: absolute;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 25px;
    right: 25px;
    font-size: 16px;
    transform: rotate(-35deg);
    text-align: center;
    color: var(--colorWhite);
    background: rgba(255, 255, 255, 0.40);
    backdrop-filter: blur(5px);
    border-radius: 50%;
    transition: all linear .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    z-index: 4;
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
}

.destination_3_item:hover span {
    background: var(--colorRed);
}

.destination_3 .prevArrow,
.destination_3 .nextArrow {
    top: 50%;
    left: 334px;
    width: 36px;
    height: 64px;
    line-height: 64px !important;
    text-align: center;
    color: var(--paraColor);
    background: var(--colorWhite);
    border-radius: 0px 5px 5px 0px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    -ms-border-radius: 0px 5px 5px 0px;
    -o-border-radius: 0px 5px 5px 0px;
}

.destination_3 .nextArrow {
    position: absolute;
    left: 1562px !important;
    color: var(--colorWhite);
    background: var(--colorPrimary);
    border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    -moz-border-radius: 10px 0px 0px 10px;
    -ms-border-radius: 10px 0px 0px 10px;
    -o-border-radius: 10px 0px 0px 10px;
}

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

/* destination 3 end */

/* testimonial 3 start */
.testimonial_3_item {
    margin: 55px 80px 38px 0px;
}

.testimonial_3_item::after {
    left: 520px !important;
}

.testimonial_3_item_img {
    height: 100%;
    padding-left: 40px;
    border-left: 1px solid rgba(0, 0, 0, 0.14);
}

.testimonial_3 .prevArrow,
.testimonial_3 .nextArrow {
    position: absolute;
    top: 138px;
    left: 868px;
    width: 50px;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    border-radius: 6px;
    color: var(--colorBlack);
    background: var(--colorWhite);
    border: 1px solid rgba(0, 0, 0, 0.14);
    transition: all linear .3s;
    cursor: pointer;
    z-index: 1;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.testimonial_3 .nextArrow {
    top: 198px !important;
    color: var(--colorWhite);
    background: var(--colorPrimary);
    border: 1px solid var(--colorPrimary);
}

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

/* testimonial 3 end */


/* pricing 3 start */
.pricing_3 .pricing_item {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

/* pricing 3 end */

/* blog 3 start */
.blog_3_item {
    display: block;
    height: 500px;
    position: relative;
    margin-top: 25px;
    border-radius: 14px;
    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;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
}

.blog_3_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;
}

.blog_3_item:hover {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}

.blog_3_item .item {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 14px;
    border-radius: 6px;
    background: var(--colorRed);
    color: var(--colorWhite);
    text-transform: uppercase;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.blog_3_overly {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    border-radius: 14px;
    background: linear-gradient(350deg, #004DDA 7.41%, rgba(0, 77, 218, 0.20) 69.52%, rgba(0, 77, 218, 0.00) 92.59%);
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
}

.blog_3_overly .text {
    position: absolute;
    bottom: 35px;
    left: 35px;
    padding-right: 30px;
}

.blog_3_overly .text .date {
    display: block;
    font-size: 15px;
    font-weight: 400;
    opacity: 0.8;
    margin-bottom: 12px;
    color: var(--colorWhite);
    text-transform: capitalize;
}

.blog_3_overly .text .date span {
    display: inline-block;
    position: relative;
    top: -1px;
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

.blog_3_overly .text .date span img {
    opacity: 1;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.blog_3_overly .text b {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    text-transform: capitalize;
    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;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog_3_overly .text b:hover {
    color: var(--colorYellow);
}

.blog_3_overly .text .owner {
    font-size: 15px;
    font-weight: 400;
    opacity: 0.8;
    margin-top: 16px;
    color: var(--colorWhite);
}

.blog_3_overly .text .owner span {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-right: 6px;
}

.blog_3_overly .text .owner span img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

/* blog 3 end */

/* footer 3 start */
.footer_brand {
    padding: 55px 0px 55px 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.footer_brand_item {
    display: block;
    width: 150px;
    height: 30px;
    margin: 0px 12px;
    opacity: 0.4;
    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_brand_item img {
    margin: 0 auto;
}

.footer_brand_item:hover {
    opacity: 1;
}

.footer_3 .footer_right form input {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.footer_3 .footer_right form button {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.footer_3 .footer_right form button:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.footer_3 .footer_right ul li a {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.footer_3 .footer_right ul li a:hover {
    background: var(--colorPrimary);
    border-color: var(--colorPrimary);
    color: var(--colorWhite);
}

/* footer 3 end */
/*=============================
    HOME PAGE 03 END
=============================*/

/*=============================
    ABOUT PAGE START
=============================*/
/* about start */
.about_area_img_1 {
    height: 450px;
}

.about_area_img_2 {
    height: 535px;
}

.about_text {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.about_text p {
    margin-top: 15px;
}

.about_text ul {
    margin-bottom: 55px;
}

.about_text ul li {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
    margin-top: 30px;
}

.about_icon {
    width: 45px;
    height: 45px;
}

.about_description {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: start;
    margin-left: 51px;
    margin-top: -47px;
}

.about_description h6 {
    font-size: 16px;
    font-weight: 500;
    font-family: var(--paraFont);
}

.about_description span {
    display: block;
    line-height: 15px;
    margin-top: 8px;
}

/* about end */

/* amenities start */
.amenities_area {
    background: var(--lightBg);
}

.single_amenites {
    gap: 10px;
}

.single_amenites li a {
    font-size: 16px;
    font-weight: 500;
    padding: 14px 30px;
    color: var(--paraColor);
    background: var(--colorWhite);
    filter: drop-shadow(0px 2px 5px rgba(3, 26, 38, 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;
}

.single_amenites li a span {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 5px;
}

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

.single_amenites li a:hover span {
    filter: brightness(0) saturate(100%) invert(100%) sepia(6%) saturate(0%) hue-rotate(37deg) brightness(105%) contrast(108%);
}

.amenities_area_btn {
    text-align: center;
}

/* amenities end */

/* agent start */
.single_agent {
    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_agent_img {
    height: 330px;
    position: relative;
    overflow: hidden;
}

.single_agent_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_agent:hover .single_agent_img img {
    transform: scale(1.05) rotate(3deg);
    -webkit-transform: scale(1.05) rotate(3deg);
    -moz-transform: scale(1.05) rotate(3deg);
    -ms-transform: scale(1.05) rotate(3deg);
    -o-transform: scale(1.05) rotate(3deg);
}

.single_agent_overly {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: right;
    align-items: end;
    background: 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;
}

.single_agent_overly p {
    font-size: 13px;
    font-weight: 500;
    margin-top: 20px;
    margin-right: 20px;
    padding: 2px 10px;
    color: var(--colorBlack);
    background: var(--colorYellow);
}

.single_agent_overly ul {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -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: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 100%;
    justify-content: center;
}

.single_agent_overly ul li a {
    font-size: 15px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    margin: 0px 3px;
    color: var(--colorBlack);
    background: var(--colorYellow);
    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;
}

.single_agent_overly ul li a:hover {
    background: var(--colorWhite) !important;
}

.agent_text {
    border: 1px solid #E6E6E6;
}

.agent_name {
    padding: 14px 30px;
}

.agent_name a {
    font-size: 18px;
    margin-bottom: 3px;
}

.agent_contact {
    padding: 15px 30px 20px;
    border-top: 1px solid #E6E6E6;
}

.agent_contact li a {
    display: block;
    font-size: 15px;
    font-weight: 400;
    font-family: var(--paraFont);
    color: var(--paraColor);
    margin-top: 5px;
    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_contact li i {
    color: var(--colorBlack);
    margin-right: 8px;
}

.agent_contact li a:hover {

    color: var(--colorBlack);
}

.single_agent:hover .single_agent_overly {
    background: rgba(3, 26, 38, 0.44);
}

.single_agent:hover .single_agent_overly ul {
    opacity: 1;
}

/* agent end */

/*=============================
    ABOUT PAGE END
=============================*/


/*=============================
    AGENT DETAILS START
=============================*/
.agent_details_area {
    padding: 30px 100px 30px 30px;
    border: 1px solid #E6E9EA;
}

.agent_details_area_img {
    height: 440px;
    position: relative;
}

.agent_details_img_overly {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.agent_details_img_overly ul {
    margin-top: 25px;
    margin-left: 25px;
}

.agent_details_img_overly ul li a {
    width: 34px;
    height: 34px;
    font-size: 15px;
    line-height: 34px;
    text-align: center;
    margin-bottom: 10px;
    color: var(--colorBlack);
    background: var(--colorYellow);
    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_details_img_overly ul li a:hover {
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.agent_details_area_text {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 35px;
}

.agent_details_area_text h2 {
    font-size: 32px;
    font-weight: 600;
    text-transform: capitalize;
}

.agent_details_area_text span {
    font-size: 16px;
    margin-top: 5px;
    text-transform: capitalize;
}

.agent_details_area_text p {
    font-size: 16px;
    line-height: 28px;
    margin-top: 25px;
}

.agent_details_area_text p b {
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    color: var(--colorBlack);
}

.agent_details_area_text h5 {
    font-size: 16px;
    font-weight: 600;
    margin-top: 28px;
    text-transform: capitalize;
}

.agent_info {
    gap: 20px;
    margin-top: 15px;
}

.agent_info li {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    padding-left: 10px;
    color: #68767D;
}

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

.agent_social_media {
    gap: 10px;
    margin-top: 46px;
}

.agent_social_media li a {
    background: var(--colorWhite);
    border: 1px solid rgba(3, 26, 38, 0.10);
    padding: 11px 29px;
    font-size: 15px;
    font-weight: 500;
    color: var(--colorBlack);
    position: relative;
    text-transform: capitalize;
    text-align: center;
    z-index: 1;
    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;
    overflow: hidden;
}

.agent_social_media li a i {
    margin-right: 8px;
}

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

.agent_property_list .section_heading h2 {
    text-align: start;
}

.agent_property_list .listing_bottom ul li {
    align-items: initial;
}

.agent_property_quantity {
    text-align: right;
}

.agent_property_quantity p {
    font-size: 16px;
    font-weight: 600;
    font-family: var(--headingFont);
    color: var(--colorBlack);
    padding-bottom: 10px;
    text-align: end;
    position: relative;
    display: inline-block;
}

.agent_property_quantity p::after {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: var(--colorBlack);
}

/*=============================
    AGENT DETAILS END
=============================*/

/*=============================
    BLOG DETAILS START
=============================*/
.blog_details_img_1 {
    height: 500px;
}

.blog_details_engage {
    gap: 25px;
    margin-top: 25px;
}

.blog_details_engage li span {
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 4px;
}

.blog_details_engage li span {
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    top: -2px;
}

.blog_details_left h2 {
    font-size: 26px;
    font-weight: 600;
    margin-top: 30px;
}

.blog_details_left p {
    font-size: 16px;
    line-height: 28px;
    margin-top: 15px;
}

.blog_details_review {
    margin-top: 50px;
    position: relative;
    padding: 60px 50px 60px 108px;
    background: var(--lightBg);
}

.blog_details_review p {
    margin-top: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    font-family: var(--headingFont);
}

.blog_details_review::after {
    position: absolute;
    content: "";
    top: 63px;
    left: 50px;
    width: 45px;
    height: 39px;
    background: url(../images/review.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.blog_details_img_2 {
    height: 370px;
    margin-top: 55px;
}

.blog_explaine {
    margin-top: 35px;
}

.blog_explaine li {
    font-size: 15px;
    font-weight: 400;
    font-family: var(--headingFont);
    color: var(--colorBlack);
    opacity: 0.7;
    margin-top: 22px;
    position: relative;
    padding-left: 25px;
}

.blog_explaine li::after {
    position: absolute;
    content: "";
    top: 2px;
    left: 0px;
    width: 15px;
    height: 15px;
    background: url(../images/Star.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.blog_shear_area {
    margin-top: 58px;
    margin-bottom: 40px;
}

.blog_shear_area_left {
    align-items: center;
}

.blog_shear_area_left h5,
.blog_shear_area_right h5 {
    font-size: 15px;
    font-weight: 600;
    font-family: var(--headingFont);
    color: var(--colorBlack);
    margin-right: 15px;
}

.blog_details_tag {
    gap: 15px;
}

.blog_details_tag li a {
    padding: 6px 13px;
    font-size: 12px;
    font-weight: 400;
    font-family: var(--headingFont);
    color: var(--paraColor);
    background: transparent;
    border: 1px solid rgba(3, 26, 38, 0.10);
    margin-bottom: -7px;
    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_details_tag li a:hover {
    color: var(--colorWhite);
    background: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

.blog_shear_area_right {
    align-items: center;
}

.blog_shear_area_right ul {
    gap: 5px;
}

.blog_shear_area_right ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: rgba(3, 26, 38, 0.40);
    background: rgba(3, 26, 38, 0.04);
    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;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

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

.blog_comment {
    margin-top: 32px;
    padding-bottom: 35px;
    border-bottom: 1px solid rgba(3, 26, 38, 0.10);
}

.blog_comment_img {
    width: 60px;
    height: 60px;
}

.blog_comment_img img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.blog_comment_text {
    width: 90%;
    margin-left: 25px;
}

.blog_comment_text h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    text-transform: capitalize;
}

.blog_comment_text span {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

.blog_comment_text a {
    font-size: 14px;
    font-weight: 500;
    padding: 4px 20px;
    margin-top: 22px;
    color: var(--colorBlack);
    border: 1px solid rgba(3, 26, 38, 0.10);
    transition: all linear .3s;
}

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

.blog_comment_reply .blog_comment_text {
    width: 88%;
}

.blog_comment_reply {
    margin-left: 90px;
}

.blog_details_left form {
    margin-top: 85px;
}

.blog_form_input {
    margin-top: 25px;
}

.blog_form_input input,
.blog_form_input textarea {
    border: 1px solid rgba(3, 26, 38, 0.10);
}

.blog_checkbox {
    display: flex;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 28px;
}

.blog_checkbox input {
    margin: 0;
    padding: 0;
    width: 16px;
    height: 16px;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
}

.blog_checkbox .form-check-input:checked {
    background-color: var(--colorBlack);
    border-color: var(--colorBlack);
}

.blog_checkbox .form-check-input:focus {
    box-shadow: none;
    border-color: rgba(3, 26, 38, 0.10);
}

.blog_checkbox label {
    margin-left: 10px;
    font-size: 14px;
    font-weight: 400;
    font-family: var(--paraFont);
    color: var(--paraColor);
}

.blog_details_right {
    border: 1px solid rgba(3, 26, 38, 0.10);
    overflow: hidden;
}

.blog_details_right form {
    margin: 25px;
    position: relative;
}

.blog_details_right form input {
    border: 1px solid rgba(3, 26, 38, 0.10);
}

.blog_details_right form button {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    top: 4px;
    right: 4px;
    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_details_right form button:hover {
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.blog_owner {
    margin: 20px 0px 45px 25px;
    padding: 60px 0px;
    text-align: center;
    background: url(../images/blog_owner_bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.blog_owner_img {
    width: 230px;
    height: 230px;
    margin: auto;
}

.blog_owner_img img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.blog_owner h4 {
    font-size: 24px;
    font-weight: 600;
    margin-top: 30px;
    color: var(--colorWhite);
    text-transform: capitalize;
}

.blog_owner p {
    font-size: 16px;
    margin-top: 5px;
    color: var(--colorWhite);
    opacity: 0.7;
    text-transform: capitalize;
}

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

.blog_owner ul li {
    border-right: 2px solid #9b929252;
}

.blog_owner ul li a {
    font-size: 16px;
    padding: 0px 8px;
    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;
}

.blog_owner ul li:last-child {
    border-right: none;
}

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

.blog_details_right_header {
    padding: 25px;
    border-top: 1px solid rgba(3, 26, 38, 0.10);
}

.blog_details_right_header h3 {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
}

.popular_blog {
    margin-top: 25px;
}

.popular_blog_img {
    width: 90px;
    height: 100px;
}

.popular_blog_text {
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 18px;
}

.popular_blog_text p span {
    width: 14px;
    height: 16px;
    display: inline-block;
    margin-right: 5px;
}

.popular_blog_text a {
    font-size: 16px;
}

.categories_property {
    margin-top: 25px;
    margin-bottom: 5px;
}

.categories_property li a {
    width: 100%;
    padding: 14px 18px;
    margin-top: 15px;
    background: transparent;
    border: 1px solid rgba(3, 26, 38, 0.10);
    transition: all linear .3s;
}

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

.categories_property li a p {
    padding-left: 12px;
}

.categories_property li a p,
.categories_property a li span {
    font-size: 14px;
    font-family: var(--headingFont);
    position: relative;
}

.categories_property li a p::after {
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    width: 4px;
    height: 4px;
    background: var(--paraColor);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.categories_property li a:hover p,
.categories_property li a:hover span {
    color: var(--colorPrimary);
}

.blog_details_right_header .blog_details_tag {
    margin-top: 25px;
    margin-bottom: 10px;
    padding-bottom: 1px;
}

/*=============================
    BLOG DETAILS END
=============================*/

/*=============================
    CHECKOUT PAGE START
=============================*/
.checkout_area {
    background: var(--lightBg);
}

.checkout_left {
    padding: 50px 40px;
    background: var(--colorWhite);
    box-shadow: 0px 1px 2px 0px rgba(3, 26, 38, 0.10);
}

.checkout_heading {
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
}

.checkout_left_input {
    margin-top: 20px;
}

.checkout_left_input label {
    margin-bottom: 8px;
}

.checkout_left_input input,
.checkout_left_input textarea {
    border: 1px solid rgba(3, 26, 38, 0.10);
}

.checkout_left_input .select2-container--default .select2-selection--single {
    border: 1px solid rgba(3, 26, 38, 0.10);
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

.checkout_right {
    padding: 48px 40px;
    background: var(--colorWhite);
    box-shadow: 0px 1px 2px 0px rgba(3, 26, 38, 0.10);
}

.reservation_details h4 {
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}

.reservation_details ul {
    margin-top: 18px;
}

.reservation_details ul li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 10px;
}

.reservation_details ul li p {
    font-family: var(--headingFont);
    color: var(--colorBlack);
    text-transform: capitalize;
}

.reservation_details ul li span {
    font-family: var(--headingFont);
}

.checkout_right a {
    width: 100%;
    text-align: center;
    margin-top: 25px;
    margin-bottom: -6px;
}

.checkout_checkbox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 22px;
}

/*=============================
    CHECKOUT PAGE END
=============================*/

/*=============================
    CONTACT PAGE START
=============================*/
.contact_address h4 {
    font-size: 40px;
    font-weight: 600;
    text-transform: capitalize;
}

.contact_address ul {
    margin-top: 45px;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.contact_address ul li {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.contact_address ul li span {
    width: 46px;
    height: 46px;
    display: inline-block;
}

.contact_address_text {
    margin-left: 25px;
}

.contact_address_text p {
    font-size: 16px;
    font-family: var(--headingFont);
}

.contact_address_text a {
    font-size: 18px;
}

.contact_input {
    position: relative;
}

.contact_input input,
.contact_input textarea {
    margin-bottom: 20px;
    border: 1px solid rgba(3, 26, 38, 0.10);
}

.contact_input_icon {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.contact_input textarea {
    margin-bottom: 30px;
}

.contact_input .select2-container--default .select2-selection--single {
    margin-bottom: 20px;
    border: 1px solid rgba(3, 26, 38, 0.10);
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

.contact_map {
    width: 100%;
    height: 500px;
    overflow: hidden;
}

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

/*=============================
    CONTACT PAGE END
=============================*/

/*=============================
    FAQ PAGE START
=============================*/
.faq_area {
    background: var(--lightBg);
}

.faq_accordion .accordion-item {
    background: var(--colorWhite);
    border: none;
    box-shadow: 0px 6px 50px 1px rgba(3, 26, 38, 0.10);
}

.faq_accordion button {
    font-size: 18px;
    font-weight: 600;
    font-family: var(--headingFont);
    margin-top: 13px;
    padding: 22px 20px 22px 70px;
    background: var(--colorWhite);
    color: var(--colorBlack);
    opacity: 0.7;
    box-shadow: none !important;
}

.faq_accordion button:focus {
    box-shadow: none;
}

.faq_accordion .accordion-button:not(.collapsed) {
    background: none;
    color: var(--colorBlack);
}

.faq_accordion button::after {
    position: absolute;
    left: 15px;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    border: 1px solid rgb(3 26 38 / 24%);
    border-radius: 50%;
    content: "\f078";
    font-size: 14px !important;
    font-family: "font awesome 5 free";
    font-weight: 600;
    background-image: none !important;
    color: var(--colorBlack);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.accordion-button:not(.collapsed)::after {
    background: rgb(3 26 38 / 15%);
    color: var(--colorBlack);
    opacity: 1;
    border: transparent;
}

.faq_accordion .accordion-body {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: var(--paraColor);
    padding: 0px 20px 35px 70px;
}

/*=============================
    FAQ PAGE END
=============================*/


/*=============================
    LOGIN PAGE START
=============================*/
.login_area {
    background: var(--lightBg);
}

.main_login_area {
    background: var(--colorWhite);
}

.login_text {
    padding: 55px 25px 60px 50px;
}

.login_text h4 {
    font-size: 34px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 30px;
}

.single_input {
    margin-top: 20px;
}

.single_input label {
    font-size: 15px;
    font-weight: 600;
    font-family: var(--headingFont);
    color: var(--colorBlack);
    margin-bottom: 8px;
}

.single_input input {
    border: 1px solid rgba(3, 26, 38, 0.10);
}

.single_input {
    position: relative;
}

.single_input span {
    position: absolute;
    top: 45px;
    right: 20px;
    font-size: 16px;
    color: var(--paraColor) !important;
    margin-top: 0 !important;
    cursor: pointer;
}

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

.single_input .form-check input {
    padding: 0;
    border-radius: 0;
    margin-top: 3px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.single_input .form-check label {
    font-weight: 400;
    color: var(--paraColor);
    margin: 0;
}

.single_input .forget_password {
    font-size: 15px;
    font-weight: 400;
    display: block;
    text-align: end;
    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_input .forget_password:hover {
    color: var(--colorRed);
}

.login_text .common_btn {
    width: 100%;
    text-align: center;
    margin-top: 25px;
}

.login_text p {
    margin-top: 25px;
    text-align: center;
}

.login_text p a {
    margin-left: 5px;
    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;
}

.login_text p a:hover {
    color: var(--colorBlack);
}

.login_text span {
    text-align: center;
    display: block;
    margin-top: 25px;
    text-transform: capitalize;
    color: var(--colorBlack);
}

.other_login_option {
    gap: 10px;
    margin-top: 25px;
}

.other_login_option li {
    width: 40%;
}

.other_login_option li a {
    padding: 15px 20px;
    font-size: 15px;
    font-weight: 500;
    color: var(--colorBlack);
    border: 1px solid rgba(3, 26, 38, 0.10);
    background: rgba(255, 255, 255, 0.00);
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    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;
}

.other_login_option li a span {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-top: 0;
    margin-right: 6px;
}

.other_login_option li a:hover {
    border-color: var(--colorBlack);
}

.login_img {
    height: 100%;
}

.show_confirm_password .close_eye,
.show_password .close_eye {
    display: none;
}


.show_confirm_password.show .close_eye,
.show_password.show .close_eye {
    display: inline-block;
}

.show_confirm_password.show .open_eye,
.show_password.show .open_eye {
    display: none;
}

.forgot_password .login_text {
    padding: 50px;
}

.forgot_password .go_login {
    text-align: center;
    display: block;
    color: var(--colorPrimary);
    font-size: 15px;
    font-weight: 500;
    margin-top: 20px;
    transition: all linear .3s;
}

.forgot_password .go_login:hover {
    text-decoration: underline;
}

/*=============================
    LOGIN PAGE END
=============================*/


/*=============================
    PRIVACY POLICY START
=============================*/
.privacy_policy {
    background: var(--lightBg);
}

.privacy_policy_area {
    padding: 28px 50px 50px 50px;
    background: var(--colorWhite);
    box-shadow: 0px 1px 2px 0px rgba(3, 26, 38, 0.10);
}

.privacy_policy_area h4 {
    font-size: 22px;
    font-weight: 600;
    margin-top: 25px;
}

.privacy_policy_area p {
    font-size: 16px;
    line-height: 28px;
    margin-top: 12px;
}

.privacy_policy_area h5 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 25px;
}

.privacy_policy_area ul {
    margin-top: 15px;
}

.privacy_policy_area ul li {
    font-size: 16px;
    font-weight: 400;
    font-family: var(--paraFont);
    color: var(--paraColor);
    position: relative;
    margin-top: 10px;
    padding-left: 20px;
}

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

/*=============================
    PRIVACY POLICY END
=============================*/

/*=============================
    ERROR PAGE START
=============================*/
.error_area {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.main_error {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 22px;
}

.main_error h2 {
    font-size: 200px;
    font-weight: 600;
    text-align: center;
}

.main_error h4 {
    font-size: 34px;
    font-weight: 600;
    margin-top: 25px;
    text-align: center;
}

.main_error p {
    font-size: 18px;
    margin-top: 10px;
    text-align: center;
}

.main_error a {
    margin-top: 35px;
}

/*=============================
    ERROR PAGE END
=============================*/

/*=============================
    LISTING GRID VIEW START
=============================*/
.property_grid_view .banner_search {
    margin-top: -100px;
}

.property_grid_view .listing_bottom ul li {
    align-items: initial;
}

/*=============================
    LISTING GRID VIEW END
=============================*/

/*=============================
    LISTING LEFT SIDEBAR START
=============================*/
.property_sidebar {
    border: 1px solid rgba(3, 26, 38, 0.10);
    overflow: hidden;
}

.sidebar_wizerd {
    padding: 25px;
    position: relative;
    padding-bottom: 30px;
    padding-top: 30px;
    border-bottom: 1px solid rgba(3, 26, 38, 0.10);
}

.sidebar_wizerd .accordion-button,
.sidebar_wizerd h3 {
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.sidebar_search form {
    position: relative;
}

.sidebar_search form input {
    border: 1px solid rgba(3, 26, 38, 0.10);
}

form .sidebar_search input {
    border: 1px solid rgba(3, 26, 38, 0.10);
}

.sidebar_search form button {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    top: 4px;
    right: 4px;
    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_search form button:hover {
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.sidebar_dropdown .select2-container--default .select2-selection--single {
    border: 1px solid rgba(3, 26, 38, 0.10);
    border-radius: 0;
}

.sidebar_amenities {
    border-bottom: 0;
}

.sidebar_amenities .form-check {
    margin-bottom: 20px;
}

.sidebar_amenities .form-check input {
    padding: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.sidebar_amenities button {
    width: 100%;
    margin-top: 5px;
}

.sidebar_amenities .accordion-button {
    background: rgba(3, 26, 38, 0.04);
    padding: 13px 15px;
}

.sidebar_amenities .accordion-button::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 44px;
    text-align: center;
    line-height: 45px;
    content: "\f078";
    font-size: 12px !important;
    font-family: "font awesome 5 free";
    font-weight: 600;
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.sidebar_amenities .accordion-button:not(.collapsed)::after {
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
}

.property_right_sidebar .listing_item,
.property_left_sidebar .listing_item {
    margin-top: 0;
    margin-bottom: 25px;
}

.property_right_sidebar .sidebar_wizerd {
    padding-left: 25px;
}

.property_right_sidebar .listing_bottom ul li,
.property_left_sidebar .listing_bottom ul li {
    align-items: initial;
}

/*=============================
    LISTING LEFT SIDEBAR END
=============================*/

/*=============================
    PAYMENT PAGE START
=============================*/
.payment_area {
    border: 1px solid rgba(3, 26, 38, 0.10);
    padding: 30px;
}

.payment_area h5 {
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 600;
    border-bottom: 1px solid rgba(3, 26, 38, 0.10);
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.single_payment {
    display: block;
    background: var(--colorWhite);
    border: 1px solid rgba(3, 26, 38, 0.10);
    margin-top: 20px;
    max-height: 80px;
    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_payment:hover {
    background: var(--colorWhite);
    box-shadow: 0px 6px 70px 0px rgba(8, 5, 33, 0.16);
}

.payment_modal .modal-content {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.payment_modal .modal {
    z-index: 99999;
}

.payment_modal .modal-body {
    padding: 30px;
}

.pay_modal_info p {
    margin-bottom: 20px;
}

.pay_modal_info ul li {
    font-size: 14px;
    color: var(--paraColor);
    position: relative;
    padding-left: 30px;
    margin: 10px 0px;
}

.pay_modal_info ul li::after {
    position: absolute;
    content: "";
    background: url(../images/checkmark.png);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    top: 3px;
    left: 0;
    width: 20px;
    height: 18px;
}

.pay_modal_info input,
.pay_modal_info textarea,
.pay_modal_info .nice-select {
    margin-top: 15px;
    border: 1px solid rgba(8, 5, 33, 0.10) !important;
}

.pay_modal_info .nice-select:after {
    margin-top: -3px;
    right: 20px;
}

.nice-select {
    border-radius: 10px;
    height: 50px;
    line-height: 50px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.pay_modal_info .nice-select {
    margin-top: 10px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.pay_modal_info .nice-select .option {
    font-weight: 400;
    margin: 0;
}

.pay_modal_info .nice-select .option::after {
    display: none;
}

.payment_btn_area {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    padding-top: 20px;
}

.payment_btn_area button {
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.payment_btn_area button.btn-danger {
    background: var(--colorRed);
    color: var(--colorWhite);
}

.payment_btn_area button.btn-danger:hover {
    background: var(--colorBlack);
    color: var(--colorWhite);
}

/*=============================
    PAYMENT PAGE END
=============================*/

/*=============================
    LISTING DETAILS START
=============================*/
.property_details {
    background: var(--lightBg);
}

.single_property_details {
    padding: 30px;
    background: var(--colorWhite);
    box-shadow: 0px 1px 2px 0px rgba(3, 26, 38, 0.10);
}

.single_property_details h4,
.listing_det_gallery h4 {
    font-size: 28px;
    font-weight: 600;
}

.property_details_share {
    gap: 7px;
}

.property_details_share li a {
    width: 34px;
    height: 34px;
    font-size: 16px;
    text-align: center;
    line-height: 34px;
    color: var(--colorBlack);
    border-radius: 50%;
    border: 1px solid rgba(3, 26, 38, 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;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.property_details_share li a:hover {
    background: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

.property_details_address {
    margin-top: 15px;
}

.property_details_address ul {
    gap: 20px;
    align-items: center;
}

.property_details_address ul li {
    font-size: 14px;
    font-weight: 400;
    color: var(--paraColor);
}

.property_details_address ul li i {
    font-size: 16px;
    margin-right: 5px;
}

.property_details_address h3 {
    font-size: 24px;
    font-weight: 600;
    font-family: var(--paraFont);
    color: var(--colorBlack);
}

.flat_details {
    gap: 15px;
    margin-top: 20px;
}

.flat_details li {
    font-size: 15px;
    font-weight: 400;
}

.flat_details li span {
    display: inline-block;
    width: 30px !important;
    height: 30px !important;
    line-height: 15px;
    padding: 6px;
    margin-right: 3px;
    border: 1px solid rgb(15 15 15 / 19%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.property_dtls_decription {
    font-size: 16px;
    margin-top: 15px;
}

.property_facilities ul {
    margin-top: 10px;
}

.property_facilities ul li {
    width: 25%;
    margin-top: 20px;
    position: relative;
    font-size: 15px;
    font-weight: 400;
    padding-left: 28px;
    text-transform: capitalize;
}

.property_facilities ul li::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../images/checkmark.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.listing_det_gallery {
    padding: 30px;
    background: var(--colorWhite);
    box-shadow: 0px 1px 2px 0px rgba(3, 26, 38, 0.10);
}

.listing_det_gallery h4 {
    margin-bottom: 30px;
}

.listing_det_gallery a {
    display: block;
    border-right: 1px solid var(--colorWhite);
    height: 150px;
}

.listing_det_gallery .slick-dots {
    gap: 6px;
    display: flex;
    justify-content: center;
    margin-top: 0;
}

.listing_det_gallery .slick-dots li button {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-size: 0;
    border: 1px solid rgba(0, 0, 0, 0.16);
    background: 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;
}

.listing_det_gallery .slick-dots li.slick-active button {
    background: var(--colorYellow);
    border-color: var(--colorYellow);
}

.apertment_layout {
    height: 765px;
    margin-top: 25px;
}

.apertment_map {
    margin-top: 30px;
    height: 400px;
}

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

.apertment_video {
    height: 430px;
    margin-top: 30px;
}

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

.apartment_review {
    margin-top: 24px;
    margin-bottom: 56px;
}

.apartment_review_counter {
    padding: 35px 40px 40px 40px;
    text-align: center;
    background: var(--lightBg);
}

.apartment_review_counter h3 {
    font-size: 54px;
    font-weight: 600;
}

.apartment_review_counter p {
    margin-top: 13px;
    margin-bottom: 7px;
}

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

.apartment_review_counter span {
    font-family: var(--headingFont);
}

.single_review {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0px 30px 0px;
    border-bottom: 1px solid rgba(3, 26, 38, 0.10);
}

.single_review:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.single_review_img {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.single_review_text {
    width: 90%;
    margin-left: 20px;
}

.single_review_text h3 {
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.single_review_text h3 a {
    color: var(--colorBlack);
}

.single_review_text h3 span {
    color: var(--ratingColor);
}

.single_review_text h6 {
    color: var(--paraColor);
    font-size: 15px;
    font-weight: 400;
    margin-top: 7px;
}

.single_review_text p {
    margin-top: 20px;
}

.apertment_form_input {
    margin-top: 25px;
}

.apertment_form_input label {
    font-size: 15px;
    font-weight: 600;
    font-family: var(--headingFont);
    text-transform: capitalize;
}

.apertment_form_input input {
    margin-top: 8px;
    border: 1px solid rgba(3, 26, 38, 0.10);
}

.apertment_form_input textarea {
    margin-top: 17px;
    border: 1px solid rgba(3, 26, 38, 0.10);
}

.apertment_form_input ul {
    gap: 10px;
    margin-top: 12px;
}

.apertment_form_input ul li {
    padding-right: 10px;
    border-right: 1px solid rgba(3, 26, 38, 0.20);
    line-height: 16px;
    cursor: pointer;
}

.apertment_form_input ul li:last-child {
    border-right: none;
}

.apertment_form_input ul li i {
    color: rgba(3, 26, 38, 0.20);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.apertment_form_input ul li:hover i {
    color: var(--ratingColor);
}

.property_details_sidebar {
    padding: 40px;
    background: var(--colorWhite);
    box-shadow: 0px 1px 2px 0px rgba(3, 26, 38, 0.10);
}

.schedule_input {
    margin-top: 20px;
}

.schedule_input input,
.schedule_input textarea {
    border: 1px solid rgba(3, 26, 38, 0.10);
}

.barfiller .fill {
    background: var(--colorPrimary) !important;
}

.schedule_input a {
    width: 100%;
    text-align: center;
}

.opening_our {
    padding: 35px;
    background: var(--colorWhite);
}

.opening_our h3 {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: var(--lightBg);
    padding: 7px 20px 10px 20px;
}

.opening_our ul {
    padding-top: 20px;
}

.opening_our ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgb(3 26 38 / 6%);
    padding: 10px 0px;
}

.opening_our ul li:last-child {
    border: none;
    padding-bottom: 0;
}

.opening_our ul li span {
    font-size: 14px;
    font-weight: 500;
}

.sales_executive {
    margin-top: 25px;
    padding: 60px 0px;
    text-align: center;
    background: url(../images/blog_owner_bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.sales_executive_img {
    width: 230px;
    height: 230px;
    margin: auto;
    display: block;
}

.sales_executive_img img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.sales_executive_name {
    font-size: 24px;
    font-weight: 600;
    margin-top: 30px;
    color: var(--colorWhite);
    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;
}

.sales_executive_name:hover {
    color: var(--colorYellow);
}

.sales_executive p {
    font-size: 16px;
    margin-top: 5px;
    color: var(--colorWhite);
    opacity: 0.7;
    text-transform: capitalize;
}

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

.sales_executive ul li {
    border-right: 2px solid #9b929252;
    line-height: 18px;
}

.sales_executive ul li a {
    font-size: 16px;
    padding: 0px 8px;
    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;
}

.sales_executive ul li:last-child {
    border-right: none;
}

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

.property_details_bottom h4 {
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
}

.listing_det_slider_area {
    overflow: hidden;
}

.property_details_large_img {
    height: 500px;
    overflow: hidden;
}

.listing_det_slider .nextArrow,
.listing_det_slider .prevArrow {
    top: 50%;
    right: 22px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.listing_det_slider .prevArrow {
    right: auto;
    left: 23px;
}

.property_details_slider .slider-nav2 {
    width: 750px;
    position: absolute;
    margin-top: -130px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.property_details_small_img {
    margin: 0px 5px;
    height: 90px;
    border: 1px solid #ffffff91;
}

.property_details_slider .nextArrow,
.property_details_slider .prevArrow {
    width: 35px;
    height: 35px;
    line-height: 35px !important;
    font-size: 12px;
    position: absolute;
    top: 50%;
    right: 25px;
    border: none;
    background: var(--colorWhite);
    color: var(--colorBlack);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 1;
}

.property_details_slider .prevArrow {
    right: auto;
    left: 25px;
}

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

.single_bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    margin: 10px 0px;
}

.single_bar p {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 15px;
    font-weight: 400;
    width: 70px;
}

.related_property {
    margin-bottom: -10px
}

.related_property .listing_item {
    margin: 0px 12px 10px 0px;
}

/*=============================
    LISTING DETAILS END
=============================*/

/*=============================
    DASHBOARD START
=============================*/
/* dashboard sidebar start */
.sidebar_menu_icon {
    position: absolute;
    top: 10px;
    right: -50px;
    width: 40px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    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;
    display: none;
}

.sidebar_menu_icon .dash_close_icon {
    display: none;
}

.dash_show_menu .sidebar_menu_icon {
    background: var(--colorRed);
    right: -40px;
}

.dash_show_menu .sidebar_menu_icon .dash_close_icon {
    display: inline-block;
}

.dash_show_menu .sidebar_menu_icon .dash_bar_icon {
    display: none;
}

.dashboard_sidebar {
    background: var(--colorBlack);
    height: 100%;
    position: fixed;
    width: 15%;
    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: 99;
}

.dashboard_sidebar_logo {
    width: 140px;
    margin: 20px auto;
    display: block;
}

.dashboard_sidebar_user {
    padding: 50px 20px;
    text-align: center;
    border-bottom: 1px solid #ffffff2b;
    border-top: 1px solid #ffffff2b;
}

.dashboard_sidebar_user .img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 3px solid var(--colorWhite);
    margin: 0 auto;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.dashboard_sidebar_user .img img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.dashboard_sidebar_user .img label {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 28px;
    font-size: 12px;
    border-radius: 30px;
    border: 1px solid rgba(88, 92, 84, 0.50);
    background: var(--colorWhite);
    transition: all linear .3s;
    position: absolute;
    bottom: 0;
    right: 0;
    color: var(--colorBlack);
    cursor: pointer;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.dashboard_sidebar_user .img label:hover {
    background: var(--colorYellow);
    border-color: var(--colorYellow);
    color: var(--colorBlack);
}

.dashboard_sidebar_user h3 {
    font-size: 20px;
    margin-top: 22px;
    margin-bottom: 5px;
    text-align: center;
    font-weight: 600;
    color: var(--colorYellow);
}

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

.dashboard_sidebar_menu ul {
    max-height: 500px;
    overflow: hidden;
    overflow-y: auto;
}

.dashboard_sidebar_menu ul::-webkit-scrollbar {
    scrollbar-width: thin !important;
    background: #ffe90014;
    width: 6px;
}

.dashboard_sidebar_menu ul::-webkit-scrollbar-thumb {
    background: #eee;
}

.dashboard_sidebar_menu ul li a {
    font-size: 15px;
    font-weight: 400;
    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-bottom: 1px solid #ffffff2b;
    color: var(--colorWhite);
    text-transform: capitalize;
    position: relative;
    opacity: .7;
    padding: 16px 35px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.dashboard_sidebar_menu ul li a span {
    margin-right: 15px;
    width: 23px;
    display: block;
}

.dashboard_sidebar_menu ul li a:hover,
.dashboard_sidebar_menu ul li a.active {
    color: var(--colorYellow);
    opacity: 1;
    background: #ffe90014;
}

.dashboard_sidebar_menu ul li a:hover span,
.dashboard_sidebar_menu ul li a.active span {
    filter: brightness(0) saturate(100%) invert(82%) sepia(54%) saturate(982%) hue-rotate(360deg) brightness(104%) contrast(103%);
}

/* dashboard sidebar end */

/* dashboard overview start */
.dashboard_content {
    width: 85%;
    margin-left: auto;
    padding: 30px;
    min-height: 100vh;
}

.dashboard_content .dashboard_title {
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.dashboard_overview_item {
    background: #1ec38b0f;
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border: 1px solid rgb(3 26 38 / 4%);
}

.dashboard_overview_item .icon {
    width: 85px;
    height: 140px;
    line-height: 140px;
    text-align: center;
    border-radius: 0px 0px 100px 0px;
    margin-right: 50px;
    background: #1ec38b;
    color: var(--colorWhite);
    font-size: 30px;
    -webkit-border-radius: 0px 0px 100px 0px;
    -moz-border-radius: 0px 0px 100px 0px;
    -ms-border-radius: 0px 0px 100px 0px;
    -o-border-radius: 0px 0px 100px 0px;
}

.dashboard_overview_item h3 {
    font-size: 32px;
    font-weight: 900;
}

.dashboard_overview_item h3 span {
    display: block;
    margin-top: 5px;
}

.dashboard_overview_item.blue {
    background: #66aaee0f;
}

.dashboard_overview_item.blue .icon {
    background: #6ae;
}

.dashboard_overview_item.orange {
    background: #ff991114;
}

.dashboard_overview_item.orange .icon {
    background: #f91;
}

.dashboard_overview_item.red {
    background: #f919420f;
}

.dashboard_overview_item.red .icon {
    background: #f91942;
}

.overview_listing {
    margin-top: 25px;
}

.overview_listing table {
    width: 100%;
    border: 1px solid rgba(3, 26, 38, 0.10);
}

.overview_listing table tr th,
.overview_listing table tr td {
    padding: 10px;
    border-right: 1px solid rgba(3, 26, 38, 0.10);
}

.overview_listing table tr th {
    background: rgba(3, 26, 38, 0.04);
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}

.overview_listing table tr td {
    border-bottom: 1px solid rgba(3, 26, 38, 0.10);
}

.overview_listing table tr .images {
    min-width: 115px;
    width: 10%;
}

.overview_listing table tr .details {
    min-width: 280px;
    width: 30%;
}

.overview_listing table tr .details .item_title {
    font-size: 16px;
}

.overview_listing table tr .details p {
    margin-top: 5px;
}

.overview_listing table tr .details span {
    display: block;
    width: 100%;
    margin-top: 5px;
    color: var(--ratingColor);
}

.overview_listing table tr .details span b {
    font-weight: 400;
    color: var(--paraColor);
    margin-left: 5px;
}

.overview_listing table tr .price {
    min-width: 150px;
    width: 15%;
}

.overview_listing table tr .price h3 {
    font-size: 16px;
    font-weight: 600;
}

.overview_listing table tr .status {
    min-width: 150px;
    width: 15%;
}

.overview_listing table tr .status span {
    font-size: 16px;
    text-transform: capitalize;
    padding: 10px 20px;
    background: #eee;
    display: block;
    width: 130px;
    text-align: center;
}

.overview_listing table tr .status .approved {
    background: #1ec38b12;
    color: #1ec38b;
}

.overview_listing table tr .status .pending {
    background: #f919420a;
    color: #f91942;
}

.overview_listing table tr .status .sold {
    background: #ff99110f;
    color: #f91;
}

.overview_listing table tr .action {
    border-right: none;
    min-width: 150px;
    width: 15%;
}

.overview_listing table tr .action a {
    display: block;
    color: var(--colorBlack);
    margin: 5px 0px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.overview_listing table tr .action a i {
    margin-right: 8px;
}

.overview_listing table tr .action a:hover {
    color: var(--colorRed);
}

.dashboard_overview_review {
    border: 1px solid rgba(3, 26, 38, 0.10);
    padding: 20px;
    margin-top: 25px;
    padding-bottom: 0;
}

.dashboard_overview_review h2 {
    font-size: 20px;
    font-weight: 600;
    border-bottom: 1px solid rgba(3, 26, 38, 0.10);
    padding-bottom: 5px;
}

.dashboard_overview_review .single_review_text {
    width: 100%;
    margin-left: 0px;
    margin-top: 15px;
}

.dashboard_overview_review .single_review {
    padding: 20px 0px 20px 0px;
}

.overview_chart {
    border: 1px solid rgba(3, 26, 38, 0.10);
    padding: 30px;
    margin-top: 25px;
}

.dashboard_overview .review_progressbar {
    border: 1px solid rgba(3, 26, 38, 0.10);
    padding: 20px;
    margin-top: 25px;
}

.dashboard_overview .review_progressbar h3 {
    font-size: 20px;
    font-weight: 600;
    border-bottom: 1px solid rgba(3, 26, 38, 0.10);
    padding-bottom: 5px;
}

.dashboard_overview .single_bar p {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    color: var(--paraColor);
    font-family: var(--paraFont);
    margin-bottom: 5px;
}

.dashboard_overview .single_bar p span {
    color: var(--paraColor);
}

.dashboard_overview .barfiller .tip {
    display: none;
}

.dashboard_overview .barfiller {
    width: 100%;
    height: 10px;
}

.dashboard_overview .single_bar {
    margin: 20px 0px 0px 0px;
}

/* dashboard overview end */

/* dashboard profile start */
.dashboard_profile {
    margin-top: 25px;
}

.dashboard_profile_info {
    border: 1px solid rgba(3, 26, 38, 0.10);
    background: var(--colorWhite);
}

.dashboard_profile_img {
    border-right: 1px solid rgba(3, 26, 38, 0.10);
    margin-right: 10px;
    padding: 25px;
    height: 530px;
}

.dashboard_profile_img img {
    border: 5px solid var(--colorWhite);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.dashboard_profile_text {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.dashboard_profile_text h3 {
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 25px;
}

.dashboard_profile_text .list li {
    margin-bottom: 15px;
}

.dashboard_profile_text .list li span {
    color: var(--colorBlack);
    font-weight: 600;
    display: inline-block;
    width: 120px;
}

.dashboard_profile_text .icon {
    gap: 10px;
    margin-top: 15px;
}

.dashboard_profile_text .icon li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: var(--colorPrimary);
    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;
}

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

.add_property_info,
.dashboard_profile_edit {
    border: 1px solid rgba(3, 26, 38, 0.10);
    padding: 25px;
    margin-top: 25px;
    background: var(--colorWhite);
}

.add_property_info h3,
.dashboard_profile_edit h3 {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 25px;
}

.add_property_info form label,
.dashboard_profile_edit form label {
    text-transform: capitalize;
    margin-bottom: 5px;
    display: block;
    color: var(--colorBlack);
}

.add_property_info form input,
.dashboard_profile_edit form input {
    margin-bottom: 15px;
    border: 1px solid rgba(3, 26, 38, 0.10);
}

/** One Form **/
.add_property_info div.row label,
.dashboard_profile_edit form label {
    text-transform: capitalize;
    margin-bottom: 5px;
    display: block;
    color: var(--colorBlack);
}

.add_property_info div.row input,
.dashboard_profile_edit form input {
    margin-bottom: 15px;
    border: 1px solid rgba(3, 26, 38, 0.10);
}
/** One Form **/

.add_property_info form input[type=file],
.dashboard_profile_edit form input[type=file] {
    background: var(--colorWhite);
    padding: 9px 20px;
}

.add_property_info form .common_btn,
.dashboard_profile_edit form .common_btn {
    margin-top: 25px;
}

.add_property_info .select2-container--default .select2-selection--single {
    border: 1px solid rgba(3, 26, 38, 0.10);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    margin-bottom: 15px;
}

.add_property_info .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
}

.add_property_info .note-editor.note-airframe,
.add_property_info .note-editor.note-frame,
.dashboard_profile_edit .note-editor.note-airframe,
.dashboard_profile_edit .note-editor.note-frame {
    border: 1px solid rgb(3 26 38 / 5%);
    background: var(--colorWhite);
}

.add_property_info .note-toolbar,
.dashboard_profile_edit .note-toolbar {
    background: rgba(3, 26, 38, 0.04);
    padding: 12px 20px;
}

.add_property_info .note-editor.note-airframe .note-editing-area .note-editable,
.add_property_info .note-editor.note-frame .note-editing-area .note-editable,
.dashboard_profile_edit .note-editor.note-airframe .note-editing-area .note-editable,
.dashboard_profile_edit .note-editor.note-frame .note-editing-area .note-editable {
    padding: 12px 20px;
    min-height: 150px;
}

.add_property_info p,
.dashboard_profile_edit p {
    color: var(--colorBlack);
}

/* dashboard profile end */

/* dashboard reviews start */
.dashboard_reviews {
    border: 1px solid rgba(3, 26, 38, 0.10);
    padding: 20px;
    margin-top: 25px;
    padding-top: 0;
}

/* dashboard reviews end */

/* dashboard add property start */
.add_property_aminities .form-check input {
    padding: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.add_property_aminities .form-check label {
    margin: 0;
}

/* dashboard add property end */

/* dashboard order start */
.dashboard_order {
    margin-top: 20px;
}

.dashboard_order table {
    width: 100%;
    border: 1px solid rgba(3, 26, 38, 0.10);
    margin: 0;
}

.dashboard_order table tr {
    border-bottom: 1px solid rgba(3, 26, 38, 0.10);
}

.dashboard_order table tr th,
.dashboard_order table tr td {
    padding: 10px 20px;
    border-right: 1px solid rgba(3, 26, 38, 0.10);
}

.dashboard_order table tr th {
    background: rgba(3, 26, 38, 0.04);
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}

.dashboard_order table tr td {
    font-size: 16px;
    font-weight: 400;
    color: var(--colorBlack);
}

.dashboard_order table tr .serial {
    min-width: 100px;
}

.dashboard_order table tr .package {
    min-width: 200px;
}

.dashboard_order table tr .date {
    min-width: 180px;
}

.dashboard_order table tr .price {
    min-width: 150px;
}

.dashboard_order table tr .action {
    min-width: 100px;
    text-align: center;
}

.dashboard_order table tr .action a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: var(--colorBlack);
    color: var(--colorWhite);
    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;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.dashboard_order table tr .action a:hover {
    color: var(--colorWhite);
    background: var(--colorPrimary);
}

/* dashboard order end */

/* order invoice start */
.dashboard_order_invoice {
    border: 1px solid rgb(3 26 38 / 4%);
    margin-top: 15px;
    overflow: hidden;
}

.dashboard_invoice_logo_area {
    background: rgba(3, 26, 38, 0.04);
    background: var(--colorBlack);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 30px;
}

.dashboard_invoice_logo_area .invoice_logo {
    width: 180px;
}

.dashboard_invoice_logo_area .text h2 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--colorWhite);
}

.dashboard_invoice_logo_area .text p {
    text-transform: capitalize;
    color: var(--colorWhite);
}

.dashboard_invoice_header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #01040E14;
    padding: 30px;
}

.dashboard_invoice_header .text {
    width: 45%;
}

.dashboard_invoice_header .text p {
    margin-top: 5px;
}

.dashboard_invoice_header .text h2 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
}

.dashboard_invoice_header .text ul li {
    font-size: 15px;
    font-weight: 400;
    color: var(--paraColor);
    margin-top: 5px;
}

.dashboard_invoice_header .text ul li span {
    color: var(--colorBlack);
    text-transform: capitalize;
    display: inline-block;
    width: 100px;
    font-weight: 600;
}

.invoice_table {
    border-radius: 0;
    border: none;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.invoice_table table tr th,
.invoice_table table tr td {
    width: 25%;
    padding: 12px 30px;
    text-align: left;
    min-width: 160px;
}

.dashboard_invoice_footer {
    padding: 30px;
    position: relative;
    margin-top: 30px;
}

.dashboard_invoice_footer h4 {
    font-size: 20px;
    margin-bottom: 10px;
}

.dashboard_invoice_footer a {
    position: absolute;
    bottom: 30px;
    right: 30px;
}

.dashboard_invoice_footer a i {
    margin-right: 5px;
}

.invoice_table table tr td b {
    color: var(--colorBlack);
    font-weight: 500;
}

.dashboard_order_invoice_area a i {
    margin-right: 5px;
}

/* Custom CSS for modal positioning */
#sendMessageModal {

    top: 100px; /* Adjust this value based on your layout */
}

/* Custom width for the modal */
.sendMessageModal .modal-dialog {
    max-width: 75%; /* Adjust this value as needed */
}

.sendMessageModal .modal-body {
    overflow-y: auto;
}

@media (max-width: 768px) {
    /* For small screens, adjust the modal width */
    .sendMessageModal .modal-dialog {
        max-width: 95%;
    }
}
/* order invoice end */
/*=============================
    DASHBOARD END
=============================*/
.no-click {
    pointer-events: none;
}

.sendMessageModal .sidebar {
    margin-top: 15px;
}

@media(max-width: 768px) {
    .search_page .col-md-6 {
        flex: 0 0 auto;
        width: 100% !important;
    }
}


@media (max-width: 576px) {
    .modal-footer {
        display: block;
        position: relative;
        width: 100%;
        padding: 1rem;  /* Adjust padding as needed */
    }
    .modal-body {
        overflow-y: auto;  /* Allow scrolling if needed */
        max-height: 60vh;  /* Set a maximum height for the body */
    }
}