/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

    @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Calligraffitti&display=swap');


    :root{
        --primary-color: #f85506;
        --primary-hover: #DF4C05; /* primary color with black 10% overlay*/
        --color-green: green;
        --color-green-hover: lightgreen;

    }

    .btn-success{
        color: #fff;
        background-color: var(--color-green);
        border-color: var(--color-green);
    }

    .btn-success:hover{
        background-color: var(--color-green-hover);
        border-color: var(--color-green-hover);
    }
    body {
        font-family: 'Open Sans', sans-serif;
        color: #232628;
        font-size: 14px;
        line-height: 22px;
        background: #f4f4f4;
    }

    a {
        /*color: #2e9cc4;*/
        color: var(--primary-color);
        text-decoration: none;
    }

    a:hover {
        color: var(--primary-color);
        text-decoration: none;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {}

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1420px !important;
    }

    .container.forserch {
        max-width: 1120px !important;
    }

    .about.bhg h6 {
        font-weight: 400;
        font-size: 16px !important;
        /*color: #0d6efd;*/
    }

    .products .pop:hover .shoppy {
        position: absolute;
        bottom: 5%;
        right: 0;
        background: rgba(58, 44, 95, 0.9);
        color: #000;
    }

    .price-box h2.item-price {
        display: block;
        padding-bottom: 0;
        color: var(--primary-color);
        font-size: 13px!important;
        font-weight: 500;
        line-height: 10px;
    }

    .items-details h5.add-title {
        padding: 0;
    }


    .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover, .pagination>li.page-item.active .page-link {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}
    /*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/

    .oio {
        display: none;
    }

    #features .d-none {
        display: block !important;
    }

    .pulse-dss .tooltip {
        position: relative;
        display: inline-block;
        opacity: 1;
        text-align: center;
    }

    .pulse-dss .tooltip .tooltiptext {
        visibility: hidden;
        width: 80px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 150%;
        font-size: 12px;
        left: 72%;
        margin-left: -60px;
    }

    .pulse-dss .tooltip .tooltiptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: black transparent transparent transparent;
    }

    .pulse-dss .tooltip:hover .tooltiptext {
        visibility: visible;
    }

    .info-row .category {
        display: none;
    }
    /* .tab-filter.pb-2 {
        position: absolute;
        left: 15px;
        top: -47px;
    } */

    .main-container {
        padding-top: 0;
        background-color: #e4e4e4;
          /*width: 100vh;*/
          width: auto;
    }

    .about-bar .pulse-d h5 {
        font-size: 17px;
    }

    #exampleModal .form-control {
        margin-bottom: 15px;
    }

    #send-inquiry {
        margin: 30px 0;
    }

    .shoppy.shop-now a {
        background-color: rgb(25 135 84 / 94%);
    }

    .shoppy.shop-now {
        position: absolute;
        bottom: 5%;
        right: 10px;
    }

    .navbar.fff ul {
        display: flex;
        flex-wrap: wrap;
    }

    .call-py {
        position: relative;
        display: inline-block;
        z-index: 55;
    }

    .call-py .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        top: -5px;
        right: 110%;
    }

    .shoppy.make-an-appointment h3 {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        z-index: 9;
        background: rgb(7 76 101 / 92%);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
    }

    .shoppy.make-an-appointment h3 a:before {
        content: "";
        position: absolute;
        left: -30px;
        top: 0;
        border-left: 30px solid transparent;
        border-top: 34px solid rgb(7 76 101 / 92%);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
    }

    .shoppy.View.Details h3 {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        z-index: 9;
        background: rgb(0 47 255 / 64%);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
    }

    .shoppy.View.Details h3 a:before {
        content: "";
        position: absolute;
        left: -30px;
        top: 0;
        border-left: 30px solid transparent;
        border-top: 34px solid rgb(0 47 255 / 64%);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
    }

    .add-too h3 {
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0;
        z-index: 9;
        background: rgb(34, 175, 116);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
    }

    .add-too h3 a:before {
        content: "";
        position: absolute;
        left: -30px;
        top: 0;
        border-left: 30px solid transparent;
        border-bottom: 34px solid rgb(34, 175, 116);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
    }

    .call-py .tooltiptext::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent transparent black;
    }

    .rs-catogory-title {
        position: absolute;
        color: #fff;
        z-index: 44;
        top: 10px;
        left: 10px;
        font-size: 12px;
    }

    .call-py:hover .tooltiptext {
        visibility: visible;
    }

    .rating-py .fa.fa-star {
        color: var(--primary-color);
    }

    .call-py .fa.fa-phone {
        color: #fff;
        background: var(--primary-color);
        padding: 4px;
        border-radius: 25px;
    }

    .rating-py {
        position: absolute;
        bottom: 10px;
        left: 100px;
        color: yellow;
    }

    .call-py {
        position: absolute;
        bottom: 10px;
        right: 10px;
    }

    .featuress.latest .pulse-d i {
        font-size: 22px;
        color: var(--primary-color);
    }

    .main-small .cli img:hover {
        opacity: .9;
        transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')";
        filter: progid: DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand');
    }

    .main-small .cli img {
        border-radius: 50%;
    }

    .main-small .cli {
        position: absolute;
        left: 10px;
        bottom: 85px;
        width: 70px;
        height: 70px;
        z-index: 200;
    }

    .pop.img-pulse>a:hover:before {
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
        width: 100%;
        left: 0;
        right: 0;
        z-index: 9;
    }

    .pop.img-pulse>a:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        width: 0;
        background: rgba(0, 0, 0, 0.4);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
    }

    .shoppy.make-a-booking h3 {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        z-index: 9;
        background: rgb(255 0 0 / 94%);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
    }

    .shoppy h3 a:before {
        content: "";
        position: absolute;
        left: -30px;
        top: 0;
        border-left: 30px solid transparent;
        border-top: 34px solid rgba(248, 85, 6, 0.8);;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
    }

    .shoppy.make-a-booking h3 a:before {
        content: "";
        position: absolute;
        left: -30px;
        top: 0;
        border-left: 30px solid transparent;
        border-top: 34px solid rgb(255 0 0 / 94%);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
    }

    .shoppy h3 {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        z-index: 9;
        background: rgba(248, 85, 6, 0.8);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
    }

    .city.mj {
        display: none;
    }

    #city .swiper-slide {
        width: 100%;
    }

    #city .swiper-slide .col-md-3 {
        width: 100%;
    }

    .navbar-right li {
        list-style: none;
    }

    .toast {
        opacity: 1 !important;
    }

    .card-body h4 a {
        font-size: 16px;
        /*color: #000;*/
        color: var(--primary-color);
    }

    .rc-anchor-normal .rc-anchor-content {
        height: 74px;
        width: 172px !important;
    }

    .rc-anchor-logo-img-portrait {
        background-size: 32px;
        height: 32px;
        margin: 0 13px 0 0 !important;
        width: 32px;
    }

    .rc-anchor-normal-footer .rc-anchor-logo-portrait {
        margin: 10px 0 0 0px;
        width: 58px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .g-recaptcha iframe {
        width: 100% !important;
    }

    .ppr {
        padding: 0;
        display: flex;
    }

    .ppr li {
        padding: 0 15px 15px 15px;
        list-style: none;
        position: relative;
    }

    .navbar .getstarted#my-cart {
        border: 0;
        position: relative;
        padding-left: 5px;
        /*color: #ff6868;*/
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        position: absolute;
        right: 0;
        top: -11px;
    }

    .shoppy.make-a-booking a {
        background-color: transparent;
    }

    .shoppy.make-an-appointment a {
        background-color: transparent;
    }

    .shoppy.View.Details a {
        background-color: transparent;
    }

    #faq2 .panel-body.panel-body-border div:nth-child(2)::before {
        content: "\ed13";
        font-family: boxicons !important;
        font-weight: 400;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-rendering: auto;
        display: inline-block;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 28px;
        color: var(--primary-color);
    }

    #faq2 .panel-body.panel-body-border div {
        border-bottom: 1px solid #faf8f8;
        margin-bottom: 5px;
        line-height: 40px;
        color: var(--primary-color);
    }

    #faq2 .panel-body.panel-body-border div:nth-child(3)::before {
        content: "\ee0b";
        font-family: boxicons !important;
        font-weight: 400;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-rendering: auto;
        display: inline-block;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 28px;
        color: var(--primary-color);
    }

    #faq2 .panel-body.panel-body-border div:nth-child(4)::before {
        content: "\ec6e";
        font-family: boxicons !important;
        font-size: 28px;
        font-weight: 400;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-rendering: auto;
        display: inline-block;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: var(--primary-color);
    }

    #faq2 .panel-body.panel-body-border div:nth-child(1)::before {
        content: "\ec16";
        font-family: boxicons !important;
        font-size: 28px;
        font-weight: 400;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-rendering: auto;
        display: inline-block;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: var(--primary-color);
    }

    #faq2 .panel-body {
        padding: 0;
        margin-bottom: 0;
        width: 100%;
        float: left;
        position: relative;
        display: flex;
        flex-wrap: wrap;
    }

    #social-links {
        width: 100%;
        background: #dddfe0;
        padding: 20px 15px;
        margin-bottom: 20px;
    }

    #social-links ul {
        display: flex;
        justify-content: center;
    }

    #social-links ul li {
        display: block;
        margin: 0 10px;
    }

    #social-links ul li a {
        font-size: 28px;
        line-height: 1.6em;
    }

    .category-list.make-grid .item-list {
        width: 31.433333333333333333% !important;
    }

    .items-details h5.add-title {
        font-size: .88rem;
        line-height: 20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .info-row i {
        color: var(--primary-color);
    }

    h2.item-price {
        display: none;
    }

    #about .coco {
        display: flex !important;
        margin-bottom: 20px;
        border-bottom: 1px solid #d7dce3;
        overflow: hidden;
        padding: 0;
        background: #fff;
        flex-wrap: wrap;
        transition: transform 250ms, opacity 400ms;
    }

    #about .coco.room-highlighted .fory.room-booking h5 {
        font-family: Poppins, sans-serif;
        font-size: 14px;
        width: 100%;
        color: #ffffff;
    }

    #about .coco.room-highlighted {
        background: #03b7f3ad;
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    }

    .block1 {
        display: flex;
    }

    .about .container.care {
        padding: 0;
    }

    .fr {
        display: flex;
    }

    .fory a:hover {
        background: var(--primary-color);
        color: #fff !important;
    }

    .fory a {
        font-size: 14px;
        border-radius: 8px;
        transition: background 0.2s, color 0.2s;
        color: #fff;
        font-weight: 500;
        /*background: #2e9cc4;*/
        background: var(--color-green);
        padding: 15px 35px;
    }

    .block3 li {
        list-style: none;
        text-align: center;
        border: none;
        margin-top: 20px;
        margin-bottom: 0px;
        padding-right: 30px;
        display: inline-block;
    }

    .block3 ul {
        padding: 0;
    }

    .block4 a {
        padding: 10px 20px;
        border: 2px solid #000;
    }

    .block2 {
        height: 200px;
        overflow: hidden;
    }

    .block3 h1 i {
        font-size: 14px;
        font-weight: 500;
        color: #000;
        padding-left: 5px;
        font-style: normal;
    }

    .booking-bg {
        position: absolute;
        left: 25px;
        top: -25px;
        bottom: -25px;
        width: 45%;
        background-image: url(../img/background.jpg);
        background-size: cover;
        background-position: center;
        padding: 25px;
        border-radius: 6px;
        text-align: center;
        -webkit-box-shadow: 0px 5px 10px -5px rgb(0 0 0 / 10%);
        box-shadow: 0px 5px 10px -5px rgb(0 0 0 / 10%);
        overflow: hidden;
    }

    .booking-bg::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background: rgb(243 164 3 / 46%);
    }

    .form-header {
        margin-bottom: 30px;
        margin-top: 110px;
        position: relative;
        z-index: 20;
    }

    .navbar .dropdown ul#cart-items li {
        min-width: 200px;
        max-width: 300px;
        padding: 15px;
        width: 100%;
    }

    header .navbar .dropdown ul#cart-items {
        left: -300px !important;
        top: 50px;
    }
    @media (min-width: 1400px) {
        header .navbar .dropdown ul#cart-items {
        right: -300% !important;
    }
    }

    .navbar .dropdown ul#cart-items li h2 {
        white-space: nowrap;
        width: 65%;
        overflow: hidden;
        text-overflow: ellipsis;
        float: right;
        display: inline-block;
        font-size: 14px;
    }

    #cart-items h6 {
        position: absolute;
        right: 0;
        top: 5px;
    }

    .navbar .dropdown ul h6 a {
        padding: 10px;
        font-size: 14px;
        text-transform: none;
        color: #fff;
        font-weight: 400;
        border-bottom: 0;
        border-radius: 5px;
    }

    .navbar .dropdown ul h6 a:hover {
        color: #000 !important;
        background: transparent;
    }

    .navbar .dropdown ul#cart-items li h3 {
        white-space: nowrap;
        width: 65%;
        overflow: hidden;
        text-overflow: ellipsis;
        float: right;
        display: inline-block;
        font-size: 14px;
    }

    .navbar .dropdown ul#cart-items li h4 {
        white-space: nowrap;
        width: 65%;
        border-bottom: 1px solid #ddd;
        overflow: hidden;
        text-overflow: ellipsis;
        float: right;
        display: inline-block;
        font-size: 14px;
    }

    .cart-image {
        width: 25%;
        float: left;
        height: 80px;
        display: inline-block;
    }

    .navbar .dropdown ul li#cart-items {
        min-width: 200px;
        max-width: 300px;
        padding: 10px;
    }

    .form-header h2 {
        font-family: 'Playfair Display', serif;
        margin-top: 0;
        margin-bottom: 15px;
        font-weight: 900;
        color: #fff;
        font-size: 42px;
        text-transform: capitalize;
        text-shadow: #474747 3px 1px 2px;
    }

    .form-header p {
        color: #fff;
        font-size: 26px;
        font-weight: 600;
        margin-top: 40px;
    }

    .navbar .dropdown ul#cart-items {
        left: -392% !important;
        display: flex;
        flex-direction: column;
        width: 300px;
        /*background: #eae8e8;*/
        background: #F8F9FA;
    }

    .navbar .dropdown ul#cart-items li.kola {
        display: flex;
        padding: 0 15px 15px 15px;
        /* align-self: flex-end; */
        flex-direction: row-reverse;
        width: 100%;
    }

    .modal.fade.show #book-room-form {
        padding: 0;
        display: flex;
        flex-wrap: wrap;
    }

    #book-room-form .col-md-6 {
        margin-bottom: 10px;
    }

    .modal.fade.show .modal-body {
        position: relative;
        flex: 1 1 auto;
        padding: 15px 0 5px 0;
    }

    .cart-99 {
        display: block;
    }

    .cart-image .card-img-top {
        border-radius: 5px !important;
    }

    .navbar .dropdown ul li.kola a {
        background: var(--primary-color);
        padding: 5px 15px;
    }

    .navbar .dropdown ul li.kola a:hover {
        background: #f7b224;
    }

    .swal2-title {
        font-size: 16px !important;
    }

    .modal.fade.show .modal-footer {
        display: flex;
        flex-wrap: wrap;
        flex-shrink: 0;
        align-items: center;
        justify-content: flex-end;
        padding: 0.75rem 0 0 0;
        border-top: 1px solid #dee2e6;
        border-bottom-right-radius: calc(0.3rem - 1px);
        border-bottom-left-radius: calc(0.3rem - 1px);
    }

    .modal.fade.show .modal-header {
        display: flex;
        flex-shrink: 0;
        align-items: center;
        justify-content: space-between;
        padding: 0 0 1rem 0;
        border-bottom: 1px solid #dee2e6;
        border-top-left-radius: calc(0.3rem - 1px);
        border-top-right-radius: calc(0.3rem - 1px);
    }

    .modal.fade.show#browseCategories .modal-header {
        padding: 10px;
    }

    .modal.fade.show .modal-dialog {
        position: relative;
        max-width: 912px;
        width: 100%;
        display: flex;
        margin: 3.75rem auto;
        background: #fff;
        border-radius: 6px;
        -webkit-box-shadow: 0px 5px 10px -5px rgb(0 0 0 / 10%);
        box-shadow: 0px 5px 10px -5px rgb(0 0 0 / 10%);
    }

    .btn-info.goji {
        /*background-color: #2e9cc4;
        border-color: #2e9cc4;
        background: #2e9cc4;*/
        background-color: var(--color-green);
        border-color: var(--color-green);
        color: #fff;
    }

    .btn-info.goji:hover {
        background-color: var(--primary-color);
        border-color: var(--primary-color);
        background: var(--primary-color);
        color: #fff;
    }

    .modal.fade.show .modal-footer>* {
        margin: 0 0 0 10px;
    }

    .modal.fade.show#bookingModal .modal-content {
        width: 55%;
        position: static;
        margin-left: 425px;
        padding: 20px 30px 26px 38px;
    }

    .modal.fade.show .modal-content {
        padding: 20px 30px 26px 38px;
    }

    .fory.room-booking {
        text-align: center;
        justify-content: center;
    }

    .modal.fade.show {
        background: rgb(6 108 145 / 64%);
    }

    .fory.room-booking h5 {
        font-family: Poppins, sans-serif;
        font-size: 14px;
        width: 100%;
        color: #198754;
    }

    .fory {
        position: relative;
        margin-top: 50px;
    }

    .block2 img {
        width: 100%;
        object-fit: cover;
    }

    .block1 {
        display: flex;
    }

    .block3 {
        padding: 0 15px;
        display: flex;
    }

    .block3 h1 {
        font-size: 22px;
        font-weight: 600;
        color: var(--primary-color);
        position: absolute;
        left: -19%;
        top: -46%;
        background: #fff;
        padding: 5px 10px;
        border-radius: 10px;
    }

    .dealer-contact-uniit.soc a {
        padding-right: 10px;
    }

    .block3 h2 {
        font-size: 22px;
        color: #1a2b48;
        font-weight: 600;
    }

    .block4 {
        width: 15%;
        display: block;
        margin-top: 80px;
    }

    .hghh .count-box-im {
        justify-content: center;
        display: block;
    }

    #details .hghh .swiper {
        background: #f7f7f7;
        -webkit-box-shadow: 0 10px 55px 5px rgb(137 173 255 / 20%);
        box-shadow: 0 10px 55px 5px rgb(137 173 255 / 20%);
        padding: 0;
    }

    .hghh .count-box-im.big {
        width: 100%;
        height: 200px;
        position: relative;
    }

    .hghh .count-box-im.big h6 {
        position: absolute;
        bottom: -19px;
        right: 30px;
        width: auto !important;
        background: var(--primary-color);
        padding: 5px 8px !important;
        font-size: 19px !important;
        border-radius: 5px;
        color: #FFF;
    }

    .col-64d-md-flex-uu {
        background: #f1f1f1;
        margin: 10px;
        padding: 10px 10px 20px 10px;
        height: 95px;
        /* line-height: 30px; */
        overflow: hidden;
    }

    .hghh .count-box-im.big img {
        height: 100%;
    }

    .hghh .swiper-slide {
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
        transition-property: transform;
        width: 33.33% !important;
        margin-right: 0 !important;
    }

    .subedi .listing_detail.list_detail_prop_price_per_night {
        margin-bottom: 5px;
        font-size: 13px;
    }

    .subedi strong {
        color: #2e9cc4;
        font-weight: 600;
        font-size: 14px;
        margin-right: 10px;
    }

    #reviews .rating {
        font-size: 26px;
    }

    .rating label .icon:hover {
        color: orange !important;
    }

    .swiper-slide .col-lg-2 {
        width: 100% !important;
    }

    .count-box a p {
        color: #fff;
    }

    .back-to-top {
        position: fixed;
        visibility: hidden;
        opacity: 0;
        right: 15px;
        bottom: 15px;
        z-index: 996;
        /*background: #2e9cc4;*/
        background: var(--primary-color);
        width: 40px;
        height: 40px;
        border-radius: 10px;
        border: 2px solid #fff;
        transition: all 0.4s;
    }

    .back-to-top i {
        font-size: 24px;
        color: #fff;
        line-height: 0;
    }

    .back-to-top:hover {
        background: var(--primary-hover);
        color: #fff;
    }

    .card-img-top {
        width: 100%;
        object-fit: cover;
        height: 100%;
    }

    .back-to-top.active {
        visibility: visible;
        opacity: 1;
    }
    /*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/

    #preloader {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9999;
        overflow: hidden;
        background: #fff;
    }

    #preloader:before {
        content: "";
        position: fixed;
        top: calc(50% - 30px);
        left: calc(50% - 30px);
        border: 6px solid #ff4a17;
        border-top-color: #ffe9e3;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        -webkit-animation: animate-preloader 1s linear infinite;
        animation: animate-preloader 1s linear infinite;
    }

    @-webkit-keyframes animate-preloader {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }

    @keyframes animate-preloader {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
    /*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/

    @media screen and (max-width: 768px) {
        [data-aos-delay] {
            transition-delay: 0 !important;
        }
        .menu-overly-mask {
            z-index: 1 !important;
        }
        .col-md-3.page-sidebar.mobile-filter-sidebar {
            height: 100%;
            overflow: auto;
            padding: 0;
            position: fixed;
            top: 0;
            width: 250px !important;
            z-index: 1110;
            left: -251px;
        }
    }
    /*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

    #load-more {
        background-color: var(--primary-color);
        height: 100%;
        padding: 0 !important;
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        padding: 10px 20px !important;
        border: 0 !important;
        line-height: 23px;
        margin-top: 40px;
        margin-bottom: 20px;
        border-radius: 10px;
    }

    .btn-info:active:focus {
        box-shadow: none !important;
    }

    .btn-info:focus {
        box-shadow: none !important;
    }

    .load-more {
        position: relative;
    }

    .load-more:before {
        position: absolute;
        width: 400px;
        height: 5px;
        background: #000;
        top: 10px;
    }

    #load-more:hover {
        /*background-color: #fcad0d;*/
        background-color: var(--primary-hover);
        height: 100%;
        padding: 0 !important;
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        padding: 10px 20px !important;
        border: 0;
        line-height: 23px;
        margin-top: 40px;
        margin-bottom: 20px;
    }

    #header {
        transition: all 0.5s;
        z-index: 20;
        padding: 20px 0 0 0;
    }

    #header.header-scrolled,
    #header.header-inner-pages {
        background: var(--primary-color);
        padding: 10px 0;
    }

    #header .logo {
        font-size: 32px;
        margin: 0;
        padding: 0;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 2px;
    }

    #header .logo a {
        color: #fff;
    }

    #header .logo img {
        max-height: 80px;
    }
    /*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
    /**
* Desktop Navigation
*/

    .navbar {
        padding: 0;
    }

    .navbar ul {
        margin: 0;
        padding: 0;
        display: flex;
        list-style: none;
        align-items: center;
    }

    .navbar li {
        position: relative;
    }

    .navbar>ul>li {
        white-space: nowrap;
        padding: 8px 12px;
    }

    .navbar a,
    .navbar a:focus {
        display: flex;
        align-items: center;
        position: relative;
        justify-content: space-between;
        padding: 0 3px;
        font-size: 13px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.9);
        white-space: nowrap;
        transition: 0.3s;
    }

    strong {
        color: #000000;
        font-weight: 600;
       
    }
    .copyrightyu strong{
        color:var(--color-green);
    }

    .widget-area-sidebar {
        margin-top: 50px;
    }

    .navbar a i,
    .navbar a:focus i {
        font-size: 12px;
        line-height: 0;
        margin-left: 5px;
    }

    .navbar>ul>li>a:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        bottom: -6px;
        left: 0;
        /*background-color: var(--primary-color);*/
        visibility: hidden;
        width: 0px;
        transition: all 0.3s ease-in-out 0s;
    }
    .header-scrolled .navbar>ul>li>a:before {
        background-color: #fff !important;
    }
    :not(.header-scrolled) .navbar>ul>li>a:before {
        background-color: var(--primary-color);
    }
    .navbar a:hover:before,
    .navbar li:hover>a:before,
    .navbar .active:before {
        visibility: visible;
        width: 100%;
    }

    .navbar a:hover,
    .navbar .active,
    .navbar .active:focus,
    .navbar li:hover>a {
        color: #fff;
    }

    .navbar .getstarted,
    .navbar .getstarted:focus {
        padding: 4px 10px;
        margin-left: 0;
        border-radius: 5px;
        color: #fff;
        border: 1px solid #fff;
    }

    .about-bar .res h5 {
        background: var(--primary-color);
        padding: 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .about-bar .res h5 a {
        color: #fff;
    }

    .navbar .getstarted:hover,
    .navbar .getstarted:focus:hover {
        color: #fff;
        /* background: var(--primary-color); */
        background: var(--primary-hover); /* aboove color with black 10% overlay*/
        border-color: var(--primary-hover);
    }

    .navbar>ul>li>.getstarted:before {
        visibility: hidden;
    }

    .subscribe-form .bxs-map {
        position: absolute;
        left: 10px;
        font-size: 20px;
        color: var(--primary-color);
        bottom: 12px;
    }

    .subscribe-form .bxs-map {
        position: absolute;
        left: 10px;
        font-size: 20px;
        color: var(--primary-color);
        bottom: 12px;
    }

    .subscribe-form .bx-category {
        position: absolute;
        left: 0;
        font-size: 20px;
        color: var(--primary-color);
        bottom: 12px;
    }

    .subscribe-form .bx-calendar {
        position: absolute;
        left: 10px;
        font-size: 20px;
        color: var(--primary-color);
        bottom: 12px;
    }

    .subscribe-form .bxs-hotel {
        position: absolute;
        left: 10px;
        font-size: 20px;
        color: var(--primary-color);
        bottom: 12px;
    }

    .subscribe-form .bxs-briefcase-alt-2 {
        position: absolute;
        left: 10px;
        font-size: 20px;
        color: var(--primary-color);
        bottom: 12px;
    }

    .subscribe-form .bx-basket {
        position: absolute;
        left: 10px;
        font-size: 20px;
        color: var(--primary-color);
        bottom: 12px;
    }

    .subscribe-form .bx-world {
        position: absolute;
        left: 10px;
        font-size: 20px;
        color: var(--primary-color);
        bottom: 12px;
    }

    .subscribe-form {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }

    .subscribe {
        padding: 0;
        margin-top: 20px;
        border-radius: 0;
        width: 100%;
    }

    section.features {
        width: 100%;
        padding-bottom: 0;
    }

    .container.forserch input {
        width: 100%;
        padding: 10px 0 11px 44px;
        border: 0;
        font-size: 14px;
    }

    .subscribe-form .col-md-2.col-sm-2.col-sx-12 {
        position: relative;
        padding: 0 10px 0 25px;
        background: #ffff;
        border-left: 1px solid #ddd;
    }

    .xc {
        background-color: var(--primary-color);
        height: 100%;
        padding: 0 !important;
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .xc:hover {
        /*background: #d96023;*/
        background: var(--primary-hover);
    }

    .container.forserch input:focus,
    .container.forserch select:focus {
        outline: none;
    }

    .container.forserch select {
        width: 100%;
        border: 0;
        margin: 0 0;
        padding: 11px 4px 11px 30px;
        font-size: 14px;
        color: #5d5b5b;
        background: #fff;
    }

    #about .row {
        display: block !important;
    }

    .trendings a.active {
        background-color: #49BEFF;
        padding: 3px 10px;
        color: #fff;
        border-radius: 5px;
        font-size: 12px;
        ;
    }

    .trendings {
        margin: 30px 0;
    }

    .trendings a {
        color: #fff;
        font-size: 12px;
        margin-right: 20px;
    }

    .latest .trendings a.active {
        background-color: #49BEFF;
        padding: 3px 10px;
        color: #fff;
        border-radius: 5px;
        font-size: 12px;
        ;
    }

    .latest .trendings {
        margin: 0 0 20px 0;
    }

    .latest .trendings a {
        color: #ccc;
        font-size: 12px;
        margin-right: 20px;
    }

    .navbar>ul>li>.getstarted:before {
        position: absolute;
        right: 0 !important;
        width: 18px;
        height: 18px;
    }

    .navbar .dropdown ul {
        display: block;
        position: absolute;
        left: 14px;
        top: calc(100% + 30px);
        margin: 0;
        padding: 10px 0;
        z-index: 99;
        opacity: 0;
        visibility: hidden;
        /*background: var(--primary-color);*/
        background: #DF4C05;
        box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
        transition: 0.3s;
        border-radius: 5px;
    }

    .navbar .dropdown ul li {
        min-width: 200px;
    }

    .navbar .dropdown ul a {
        padding: 10px 20px;
        font-size: 14px;
        text-transform: none;
        color: #fff;
        font-weight: 400;
        /*border-bottom: 1px solid #ddd;*/
        border-radius: 5px;
    }

    .navbar .dropdown ul a:hover {
        color: #fff !important;
        /*background: #d96023;*/
        background: var(--primary-color);
    }

    .navbar .dropdown ul a i {
        font-size: 12px;
    }

    .navbar .dropdown ul a:hover,
    .navbar .dropdown ul .active:hover,
    .navbar .dropdown ul li:hover>a {
        color: var(--primary-color);
    }

    .navbar .dropdown:hover>ul {
        opacity: 1;
        top: 100%;
        visibility: visible;
    }

    .navbar .dropdown .dropdown ul {
        top: 0;
        left: calc(100% - 30px);
        visibility: hidden;
    }

    .navbar .dropdown .dropdown:hover>ul {
        opacity: 1;
        top: 0;
        left: 100%;
        visibility: visible;
    }

    .card-title {
        margin-bottom: 0.5rem;
        height: 40px;
        overflow: hidden;
    }

    .block3 ul li i {
        position: relative;
    }

    .block3 ul li i:hover .tooltiptext {
        visibility: visible;
    }

    .about.hghh {
        padding: 20px 0;
    }

    .block3 ul li i .tooltiptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 40%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: black transparent transparent transparent;
    }

    .block3 ul li i .tooltiptext {
        visibility: hidden;
        min-width: 150px;
        padding: 5 10px;
        line-height: 20px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 150%;
        left: 50%;
        margin-left: -60px;
        font-style: normal;
        font-size: 10px;
    }

    .booking_form_request {
        /*background-image: url(../img/pexels-photo-114979.webp);*/
        background-image: url(/images/orangebgbanner.jpg);
        /*background-position: bottom;*/
        background-position: left;
        background-size:cover;
    }
    .booking_form_request .btn-primary{
        background: var(--color-green);
        border-color: var(--color-green);
    }
    .mmbxs-pyramid {
        background: url(../img/open-door.png);
        width: 30px;
        height: 30px;
        display: flex;
        opacity: 1;
        background-size: 100%;
    }

    .mmbx-bed {
        background: url(../img/bed.png);
        width: 30px;
        height: 30px;
        display: flex;
        opacity: 1;
        background-size: 100%;
    }

    .mmbx-user-plus {
        background: url(../img/group.png);
        width: 30px;
        height: 30px;
        display: flex;
        opacity: 1;
        background-size: 100%;
    }

    @media (max-width: 1366px) {
        .container.forserch {
            max-width: 980px !important;
        }
        .navbar .dropdown .dropdown ul {
            left: -90%;
        }
        .navbar .dropdown .dropdown:hover>ul {
            left: -100%;
        }
    }
    /**
* Mobile Navigation
*/

    .mobile-nav-toggle {
        color: #fff;
        font-size: 28px;
        cursor: pointer;
        display: none;
        line-height: 0;
        transition: 0.5s;
    }

    @media (max-width: 991px) {
        .mobile-nav-toggle {
            display: block;
        }
        .navbar ul {
            display: none;
        }
    }

    .navbar-mobile {
        position: fixed;
        overflow: hidden;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background: rgba(4, 7, 9, 0.9);
        transition: 0.3s;
        z-index: 999;
    }

    .navbar-mobile .mobile-nav-toggle {
        position: absolute;
        top: 15px;
        right: 15px;
    }

    .navbar-mobile ul {
        display: block;
        position: absolute;
        top: 55px;
        right: 15px;
        bottom: 15px;
        left: 15px;
        padding: 10px 0;
        border-radius: 10px;
        background-color: #fff;
        overflow-y: auto;
        transition: 0.3s;
    }

    .navbar-mobile a,
    .navbar-mobile a:focus {
        padding: 10px 20px;
        font-size: 15px;
        color: #15222b !important;
    }

    .navbar-mobile a:hover,
    .navbar-mobile .active,
    .navbar-mobile li:hover>a {
        color: #ff4a17;
    }

    .navbar-mobile .getstarted,
    .navbar-mobile .getstarted:focus {
        margin: 15px;
    }

    .navbar-mobile .dropdown ul {
        position: static;
        display: none;
        margin: 10px 20px;
        padding: 10px 0;
        z-index: 99;
        opacity: 1;
        visibility: visible;
        background: #fff;
        box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    }

    .navbar-mobile .dropdown ul li {
        min-width: 200px;
    }

    .navbar-mobile .dropdown ul a {
        padding: 10px 20px;
    }

    .navbar-mobile .dropdown ul a i {
        font-size: 12px;
    }

    .navbar-mobile .dropdown ul a:hover,
    .navbar-mobile .dropdown ul .active:hover,
    .navbar-mobile .dropdown ul li:hover>a {
        color: #ff4a17;
    }

    .navbar-mobile .dropdown>.dropdown-active {
        display: block;
    }

    .pop.img-pulse,
    #latest .img-pulse {
        width: 100%;
        height: 200px;
        overflow: hidden;
        position: relative;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
    }

    .pop.img-pulse img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border: 1px solid #ddd;
        transition: all .7s ease;
        -moz-transition: all .7s ease;
        -ms-transition: all .7s ease;
        -webkit-transition: all .7s ease;
        -o-transition: all .7s ease;
    }

    .shoppy,
    .book,
    .inquiry,
    .contact,
    .appoint {
        z-index: 33;
    }

    .price-o a {
        font-size: 16px;
        border-radius: 0;
        padding: 5px;
        color: #fff;
        /*color: var(--primary-color);*/
    }

    .latest.late .price-o a {
        font-size: 14px;
        color:#fff !important;
    }

    .latest .ratings-one .bx {
        font-size: 18px;
        color: rgb(80, 79, 79);
        background: transparent;
        padding: 3px;
        border-radius: 50%;
    }

    .faq .faq-list .for-ammy i {
        font-size: 16px;
        position: static;
        left: 0;
        top: -2px;
        color: var(--color-green);
    }

    .faq .faq-list .for-ammy i.fa-circle-xmark {
        font-size: 16px;
        position: static;
        left: 0;
        top: -2px;
        color: red;
    }

    .fa-list-ul {
        color: #2e9cc4;
    }

    .faq .faq-list .for-ammy i.fa-solid.fa-xmark {
        color: red;
    }

    .cli {
        position: absolute;
        left: 8%;
        bottom: 10px;
        width: 120px;
        height: 120px;
        z-index: 200;
    }

    .far.fa-window-close {
        color: #000 !important;
    }

    .kc {
        background: #eef8fc;
    }

    .cli img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }

    .latest .ratings-one .bx.bx-star {}

    .img-holder {
        max-width: 55px;
        margin-right: 10px;
    }

    .img-holder.ks {
        max-width: 110px;
        margin-right: 10px;
    }

    .img-holder img {
        width: 100%;
        border-radius: 0;
    }

    #footer h1.logo {
        width: 50%;
    }

    .shoppy a {
        font-size: 10px;
        border-radius: 5px;
        padding: 5px 10px;
        color: #fff;
        text-transform: uppercase;
    }

    .book a {
        font-size: 10px;
        background-color: rgba(236, 8, 8, 0.466);
        border-radius: 0;
        padding: 5px 10px;
        color: #fff;
    }

    .appoint a {
        font-size: 10px;
        background-color: rgba(236, 8, 160, 0.589);
        border-radius: 0;
        padding: 5px 10px;
        color: #fff;
    }

    .feat {
        position: absolute;
        top: 10px;
        left: 5px;
    }

    .feat a {
        font-size: 10px;
        background-color: rgba(57, 8, 236, 0.521);
        border-radius: 0;
        padding: 5px 10px;
        color: #fff;
    }

    .offf {
        position: absolute;
        top: 10px;
        left: 5px;
    }

    .offf a {
        font-size: 10px;
        background-color: rgba(236, 194, 8, 0.822);
        border-radius: 0;
        padding: 5px 10px;
        color: #fff;
    }
    /*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/

    #departments .nav-tabs .nav-link.active {
        color: #0a58ca;
        background-color: #fff;
        border-color: #1979d8 #fff #fff;
        border-radius: 0;
    }

    #departments h6 a {
        font-size: 14px;
        font-weight: 600;
        line-height: 40px;
        font-family: 'Roboto', sans-serif;
        display: inline-block;
        padding: 0;
        margin: 0 0 5px 0;
        padding: 0 10px;
        background-color: #0a58ca;
        color: #fff;
    }

    #departments h3 {
        font-size: 16px;
        font-weight: 600;
        line-height: 40px;
        font-family: 'Roboto', sans-serif;
        display: inline-block;
        padding: 0;
        margin: 0 0 5px 0;
        letter-spacing: 0;
        color: #000;
    }

    #departments .section-title h2 {
        font-size: 24px;
        font-weight: 600;
        line-height: 40px;
        font-family: 'Roboto', sans-serif;
        display: inline-block;
        padding: 0;
        margin: 0 0 5px 0;
        letter-spacing: 0;
        color: #000;
    }

    #departments .nav-tabs .nav-link {
        color: #6e7072;
        background-color: #fff;
        border-color: #ffffff #fff #fff;
    }

    #hero {
        width: 100%;
        height: 120vh;
        background: url("../img/Banner-bg.png") top center;
        background-size: cover;
        position: relative;
        padding: 0;
    }

    #hero:before {}

    #hero .hero-container {
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
    }

    #hero h1 {
        margin: 0 0 10px 0;
        font-size: 48px;
        font-weight: 700;
        line-height: 56px;
        font-family: 'Baloo 2', cursive;
        color: #fff;
    }

    #hero h2 {
        color: #eee;
        margin-bottom: 50px;
        font-size: 18px;
        font-family: 'Rubik', sans-serif;
    }

    #hero .btn-get-started {
        font-family: "Open Sans", sans-serif;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 14px;
        display: inline-block;
        padding: 10px 35px 10px 35px;
        border-radius: 4px;
        transition: 0.5s;
        color: #fff;
        background: #ff4a17;
        border: 2px solid #ff4a17;
    }

    #hero .btn-get-started:hover {
        border-color: #fff;
        background: rgba(255, 255, 255, 0.1);
    }

    #hero .btn-watch-video {
        font-size: 16px;
        display: inline-block;
        transition: 0.5s;
        margin-left: 25px;
        color: #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    #hero .btn-watch-video i {
        line-height: 0;
        color: #fff;
        font-size: 32px;
        transition: 0.3s;
        margin-right: 8px;
    }

    #hero .btn-watch-video:hover i {
        color: #ff4a17;
    }

    @media (min-width: 1024px) {
        #hero {
            background-attachment: fixed;
        }
        
    }

    @media (max-width: 768px) {
        #hero h1 {
            font-size: 28px;
            line-height: 36px;
        }
        #hero h2 {
            font-size: 18px;
            line-height: 24px;
            margin-bottom: 30px;
        }
    }
    /*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/

    .property_categs {
        margin-bottom: 0;
    }

    .property_ratings {
        font-size: 14px;
        text-align:justify;
    }

    .container.cs {
        padding: 0 !important;
        width: 100%;
    }

    .swiper-pagination {
        display: none;
    }

    .resh img {
        width: 50px;
        height: 50px;
    }

    .resh {
        width: 100%;
        justify-content: center;
        align-items: center;
        border-radius: 0;
        display: flex;
        background: #fff;
        margin: 0 0 25px 0;
        padding: 20px 5px;
        border-radius: 2px;
    }

    .latest.cas .pulse-d h3 {
        line-height: 24px;
    }

    .latest.cas .pulse-d {
        position: relative;
    }

    .latest.cas .pulse-d .lef {
        margin-left: 10px;
        float: right;
        font-size: 18px;
        font-weight: bolder;
        width: 30%;
    }

    .latest.cas .pulse-d h5 {
        margin-bottom: 0;
        line-height: 34px;
    }

    .latest.cas .bx.bx-time {
        padding-right: 5px;
    }

    .latest.cas .pulse-d .lef h1 {
        font-size: 16px;
        font-weight: 600;
        color: #0a58ca;
        font-family: 'Baloo 2', cursive;
    }

    .latest.cas .pulse-d h6 {
        font-size: 12px;
        padding-bottom: 40px;
    }

    .latest.cas .pulse-d h3 {
        float: left;
        width: 65%;
        line-height: 10px;
    }

    .about-barr {
        background: url(../img/bt.png) bottom;
    }

    .about-barr .section-title h2 {
        color: #fff !important;
    }

    .about-barr .section-title h6 {
        color: #fff !important;
    }

    .reshhh h3 {
        font-size: 16px;
        margin-bottom: 0;
    }

    .reshh {
        margin-right: 10px;
        border-right: 1px solid #ddd;
    }

    .reshhh h5 a {
        font-size: 14px;
        color: #0a58ca;
    }

    .featuress.latest .nav-tabs .nav-link.active h4 {
        background-color: var(--primary-color);
        padding: 7px 10px;
        color: #fff;
        border-radius: 5px;
        font-size: 12px;
        border: 0;
    }

    .category-list.make-grid {
        margin-top: 45px;
        box-shadow: none;
        background: transparent !important;
    }

    .category-list-wrapper {
        background: transparent !important;
        clear: both;
        height: auto;
        width: 100%;
    }
    .category-list-wrapper .bg-info{
        background-color: var(--primary-color) !important;
    }

    .featuress.latest .nav-tabs .nav-link h4 {
        background-color: transparent;
        padding: 5px 10px;
        /*color: #7e7b7b;*/
        color: var(--primary-color);
        border-radius: 5px;
        font-size: 12px;
        border: 0;
    }

    .featuress.latest .nav-tabs .nav-link {
        padding: 0 10px 0 0;
    }

    .featuress.latest .nav-tabs {
        margin-bottom: 26px;
        border-bottom: 0;
        border-bottom: 1px solid #f9f4f4;
    }

    .featuress.latest .nav-tabs .nav-link {
        border: 0;
        border-radius: 5px;
        background: transparent;
    }

    section {
        padding: 60px 0 0 0;
        overflow: hidden;
    }

    .section-bg {
        background-color: #f0f4f8;
    }

    .section-title {
        padding-bottom: 20px;
    }

    section.latest.late {
        padding: 60px 0 0 0;
        overflow: hidden;
    }

    section.latest.late.products {
        background: #fff;
    }

    section#aad,
    section#any {
        padding: 60px 0;
        overflow: hidden;
    }

    .overlay {
        height: 100%;
        width: 100%;
        display: none;
        position: fixed;
        z-index: 9;
        top: 0;
        left: 0;
        background-color: rgb(0, 0, 0);
        background-color: rgba(0, 0, 0, 0.9);
    }

    .overlay-content {
        position: relative;
        top: 10%;
        width: 80%;
        text-align: center;
        margin-top: 30px;
        margin: auto;
    }

    .overlay-content .info .ppr li {
        float: left;
        padding: 10px;
        position: relative;
    }

    .ppr li img {
        width: 100%;
        object-fit: cover;
        height: 250px;
    }

    .ppr {
        padding: 0;
    }

    .ppr h4 {
        background: #49847c;
        color: #fff;
        padding: 5px 10px;
        font-size: 16px;
        margin: 0;
        border-radius: 0 0 5px 5px;
    }

    .ppr h3 {
        font-size: 16px;
        position: absolute;
        bottom: 28%;
        left: 14px;
        color: #fff;
        background: #000;
        padding: 5px 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .ppr li .add-to-cart-detail a {
        color: #fff !important;
    }

    .ppr li .add-to-cart-detail a:hover {
        color: #fff;
        font-size: 12px;
        background: var(--primary-color);
    }

    .ppr li .add-to-cart-detail a {
        position: absolute;
        bottom: 30%;
        right: 25px;
        font-size: 12px;
        padding: 3px 8px;
        background: rgb(34, 175, 116);
        border-radius: 5px;
    }

    .ppr h2 {
        text-align: center;
        font-size: 16px;
        color: #fff;
        padding: 5px;
        position: absolute;
        right: 10px;
        bottom: 2%;
    }

    .ppr h2 a {
        text-align: center;
        font-size: 14px;
        color: #fff;
        padding: 5px 10px;
        background: #0a58ca;
    }

    section#for-products {
        padding: 0 0 20px 0;
    }

    .ppr h2 a:hover {
        text-align: center;
        font-size: 14px;
        color: #fff;
        background: var(--primary-color);
    }

    #fornava.sticky {
        /*background: #054b64;*/
        background: #c73c08;
        padding: 5px 0;
        position: fixed;
        width: 100%;
        top: 100px;
        z-index: 1;
    }
    #fornava .navbar ul{
        display: flex;
    }

    #main section#fornava.sticky nav ul li a {
    color: #fff !important;
}
    .subedi {
        border-bottom: 1px solid #ddd;
        display: flow-root;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-left: 1px solid #ddd;
        padding-left: 20px;
    }

    .overlay label {
        color: #fff;
    }

    .overlay-content .container {
        text-align: left;
        width: 50%;
        background: #fff;
        padding: 5px;
        border-radius: 3px;
        position: relative;
    }

    .contact .info {
        padding: 40px;
        box-shadow: 0px 2px 15px rgba(var(--color-black-rgb), 0.1);
        overflow: hidden;
    }
    .toast-success {
        background-color: var(--primary-color);
    }
    .overlay .closebtn {
        position: absolute;
        top: -30px;
        right: -20px;
        font-size: 40px;
        cursor: pointer;
        color: white;
    }

    .overlay .closebtn:hover {
        color: #ccc;
    }

    .overlay-content h4 {
        color: #000;
        font-size: 20px;
        display: none;
    }

    .info-item p,
    .info p {
        color: #827f7f;
        margin-bottom: 0;
    }

    .info-item {
        padding-top: 20px;
        margin-top: 20px;
        border-top: 1px solid #f8f9fa;
    }

    .overlay-content .info {
        padding: 30px;
        position: relative;
        box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2);
        overflow: hidden;
    }

    .contact .info-item h4 {
        padding: 0;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 5px;
        color: #000;
    }

    .info-item i {
        /* font-size: px; */
        color: var(--primary-color);
        transition: all 0.3s ease-in-out;
        margin-right: 10px;
        font-weight: 800;
    }

    .overlay-content .info h3 {
        font-weight: 600;
        font-size: 24px;
        color: var(--primary-color);
    }

    #testimonials .swiper-slide {
        margin-right: 0 !important;
        width: 512px !important;
    }

    .details .property_categs .img-fluid {
        max-height: 200px;
        width: 100%;
        object-fit: contain;
        height: auto;
    }

    .overlay button {
        float: left;
        width: 20%;
        padding: 15px;
        background: #ddd;
        font-size: 17px;
        border: none;
        cursor: pointer;
    }

    .overlay button:hover {
        background: #bbb;
    }

    .openBtn {
        border: none;
        padding: 10px 15px;
        font-size: 20px;
        cursor: pointer;
    }

    .overlay input[type=text],
    select,
    textarea {
        width: 100%;
        padding: 12px;
        border: 1px solid #ccc;
        border-radius: 0;
        box-sizing: border-box;
        margin-top: 16px;
        /*margin-bottom: 16px;*/
        resize: vertical;
    }

    .overlay input[type=submit] {
        background-color: #04AA6D;
        color: white;
        padding: 12px 20px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
    }

    .overlay input[type=submit]:hover {
        background-color: #45a049;
    }

    .openBtn:hover {}

    .city {
        padding-bottom: 50px;
        background: url(../img/hohhh.jpg) center;
    }

    section#aad {}

    .navbar .dropdown ul {
        padding: 0 !important;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }

    section#aad {
        overflow: hidden;
        padding: 0 !important;
        box-shadow: rgb(0 0 0 / 25%) 0px 54px 55px, rgb(0 0 0 / 12%) 0px -12px 30px, rgb(0 0 0 / 12%) 0px 4px 6px, rgb(0 0 0 / 17%) 0px 12px 13px, rgb(0 0 0 / 9%) 0px -3px 5px;
    }

    section#aad a {
        padding: 0;
    }

    section#aad .container {
        width: 100% !important;
        max-width: 100% !important;
    }

    section#aad .container .card-img-top {
        width: 100%;
        object-fit: cover;
        height: 100%;
        padding: 0;
    }

    #latest {
        background: url(https://demo1-homeid.g5plus.net/wp-content/uploads/2021/03/bg-home-demo-01.jpg);
        padding-bottom: 30px;
    }

    .clearr {
        clear: both;
    }

    .pulse-d {
        padding: 30px 10px 0 10px;
    }

    .ratingsi {
        padding-left: 20px;
    }

    .pulse-d h5 {
        font-size: 14px;
    }

    .pulse-d h6 {
        font-size: 10px;
    }

    .pulse-d h3 a:hover {
        color: var(--primary-color);
    }

    .pulse-d h3 a {
        font-size: 16px;
        /*color: #000;*/
        color: var(--primary-color);
        font-weight: 600;
    }

    .pulse-d p {
        font-size: 12px;
        line-height: 16px;
        display: none;
    }

    .featuress.latest .pop.img-pulse,
    #latest .img-pulse {
        width: 100%;
        height: 200px;
        overflow: hidden;
        position: relative;
    }

    .featuress.latest .pop.img-pulse {}

    .about.bhg {
        background: #f7f9fc url(../img/paper_BG.jpg) center;
        background-size: cover;
    }

    .gallery-slider.swiper {
        background-color: var(--primary-color);
        border-radius: 15px;
        margin-bottom: 30px;
    }

    .gallery-slider.swiper.beef {
        background-color: transparent;
        border-radius: 0;
        padding: 0 10px;
    }

    .count-box-im {
        padding: 10px;
        background: #fff;
        border-radius: 100%;
        height: 120px;
        width: 120px;
        margin: 0 auto;
    }

    .one {
        border: 10px solid #365870;
        background: #fff;
    }

    .two {
        border: 10px solid #c03636;
        background: #fff;
    }

    .three {
        border: 10px solid #a739b1;
        background: #fff;
    }

    .four {
        border: 10px solid #2e9cc4;
        background: #fff;
    }

    .six {
        border: 10px solid #d48c1f;
        background: #fff;
    }

    .five {
        border: 10px solid #343636;
        background: #fff;
    }

    .featuress.latest {
        padding: 60px 0 0 0;
    }

    .res p {
        position: absolute;
        bottom: 28px;
        left: 0;
        color: #fff;
        background: #0a58ca;
        padding: 5px 10px;
        font-size: 12px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .count-box-im {
        justify-content: center;
        display: flex;
    }

    .count-box-im img {
        margin: auto;
        height: 60px;
        width: 60px;
        border-radius: 0;
        object-fit: contain;
    }

    .section-title h5 {
        float: right;
        display: inline-block;
        font-size: 12px;
        font-family: 'Roboto', sans-serif;
    }

    .section-title h5 a:hover {
        color: var(--primary-color);
    }

    .section-title h2 {
        font-size: 14px;
        line-height: 24px;
        color: #153e4b !important;
        font-weight: 700;
        display: inline-block;
        padding: 0;
        margin: 0 0 5px 0;
        letter-spacing: -1px;
        text-transform: uppercase;
        border-bottom: 1px solid var(--primary-color);
        padding-bottom: 0 !important;
    }

    .section-title h2::after {}

    .section-title p {
        margin: 0;
        margin: 0;
        font-size: 12px;
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        color: #263d4d;
    }

    .pulse-d h3 {
        line-height: 20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .pop .pulse-d h3 a {
        font-size: 16px;
        color: #fff;
        font-weight: 600;
    }

    .main-small {
        padding-bottom: 20px;
    }

    .footer-top-s {
        background: url(../img/101349-swing.gif) top center;
        position: absolute;
        height: 200px;
        width: 200px;
    }

    .products.latest .main-small .cli {
        position: absolute;
        left: 10px;
        bottom: 46px;
        width: 70px;
        height: 70px;
        z-index: 200;
    }

    .products.latest .main-small {
        padding-bottom: 0;
        position: relative;
        min-height: 266px;
        margin-bottom: 20px;
        -webkit-box-shadow: 0 5px 70px 0 rgb(38 42 76 / 10%);
        box-shadow: 0 5px 70px 0 rgb(38 42 76 / 10%);
        background: #fff;
        border: 1px solid #eee;
    }

    .latest .main-small {
        padding-bottom: 0;
        min-height: 266px;
        margin-bottom: 20px;
        box-shadow: rgb(0 0 0 / 20%) 15px 25px 20px -20px;
        background: #fff;
        border-radius: 15px;
        border: 1px solid #eee;
    }

    .pulse-d .ratingse {
        font-size: 12px;
        white-space: nowrap;
        width: 91%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .count-box-im.big img {
        margin: auto;
        width: 100%;
    }

    .count-box-im.big {
        padding: 10px;
        background: transparent;
        border-radius: 0;
        height: 120px;
        width: 120px;
        margin: 0 auto;
    }

    .about.bhg .count-box-im.big {
        padding: 10px;
        background: transparent;
        border-radius: 0;
        height: auto;
        width: auto;
        margin: 0 auto;
    }

    .property_agent_wrapper {
        color: #39374D;
    }

    .property_agent_image {
        width: 30px;
        height: 30px;
        display: none;
        float: left;
        background-size: cover;
        margin-right: 10px;
        border-radius: 100%;
    }

    .gorr .card-body.ml {
        border: 1px solid #f6f1f1;
    }

    section.gorr {
        padding: 100px 0 0 0;
        overflow: hidden;
    }

    .ratingsss {
        display: none !important;
    }

    .property_agent_image_sign,
    .has_4per_row .property_agent_image {
        float: left;
        line-height: 30px;
    }

    .cardjj {
        border-radius: 50%;
        width: 100%;
        object-fit: cover;
    }

    .property_agent_wrapper {
        position: absolute;
        left: 0;
        padding: 0 20px 10px 20px;
        border-left: 0;
    }

    .latest.late.features {
        background: #ecedf5;
    }

    .property_agent_wrapper a,
    .property_agent_wrapper {
        font-size: 14px;
        font-weight: 600;
        color: #39374D;
    }

    .pulse-dss .ratings ul {
        padding: 0;
        margin: 0;
    }

    .pulse-dss .ratings ul li {
        list-style: none;
        width: 33.3333333333333% !important;
        float: left;
        padding: 20px 7px 0 7px;
        text-align: center;
        line-height: 16px;
        color: var(--primary-color);
        font-weight: 600;
    }

    .details .testimonial-item {
        border-radius: 10px;
    }

    .pulse-dss .ratings ul li i {
        font-size: 22px;
        display: block;
        margin: 0 auto;
        margin-bottom: 5px;
        color: var(--primary-color);
    }

    .featuress.latest .main-small,
    .about-bar .main-small {
        padding-bottom: 0;
        border: 0;
        min-height: 314px;
        max-height: 300px;
        margin-bottom: 20px;
        position: relative;
        box-shadow: rgb(0 0 0 / 20%) 15px 25px 20px -20px;
        background: #fff;
        border-radius: 15px;
        border: 1px solid #eee;
    }

    .about-bar .main-small .pulse-d i{
        color:var(--primary-color);
    }

    section.about-bar {
        background-image: url(../img/bg-services-01.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

    .about-bar .res {
        position: relative;
        margin-bottom: 23px;
        max-height: 250px;
        width: 100%;
        overflow: hidden;
        border-radius: 10px;
    }

    .property_agent_wrapper-ko {
        padding-right: 10px;
    }

    .res h5 {
        position: absolute;
        bottom: 0;
        left: 0;
        background: #fff;
        padding: 5px 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .ratings-one .bx {
        color: #fff;
        background: var(--primary-color);
        padding: 3px;
        border-radius: 50%;
    }

    .ratings-one.cub {
        color: #fff;
    }

    .img-pulse img {
        border-radius: 0;
        object-fit: cover;
        transition: all .7s ease;
        -moz-transition: all .7s ease;
        -ms-transition: all .7s ease;
        -webkit-transition: all .7s ease;
        -o-transition: all .7s ease;
    }

    .img-pulse img:hover {
        opacity: .9;
        transform: scale(1.1);
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')";
        filter: progid: DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand');
    }

    .ratings i {
        color: var(--primary-color);
    }

    #latest.featuress.latest {
        background-image: url(../img/bg-home-demo-01.jpg);
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: auto;
    }

    .reshhh h5 {
        font-size: 12px;
    }

    .city .res .card-img-top {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px !important;
    }

    .page-content .category-list.make-grid .item-list {
        width: 33.333%;
        float: left;
        clear: none;
        border-right: solid 1px var(--border-color);
    }

    .grid-view .fas.fa-bars {
        display: none;
    }

    .tab-box {
        background: transparent !important;
    }

    .item-list:hover {
        background: transparent !important;
    }

    .mobile-filter-sidebar {
        padding-top: 45px;
        padding-left: 0;
    }

    .col-md-9.page-content {}

    .photo-count {
        color: #292b2c;
        display: none;
    }

    .testimonaaials .swiper-slide {
        justify-content: center;
        display: flex;
        flex-shrink: 0;
        width: 20% !important;
        height: 100%;
        position: relative;
        transition-property: transform;
    }

    .page-content .category-list.make-grid .item-list {
        width: 33.333%;
        float: left;
        clear: none;
        border: 1px solid #cbcbcb;
        box-shadow: rgb(0 0 0 / 20%) 15px 25px 20px -20px;
        background: #fff;
        border-radius: 5px;
        margin-bottom: 10px;
        margin-right: 2.8%;
        margin-left: 0;
        margin-top: 20px;
    }

    .page-content .category-list.make-grid div:nth-child(3),
    .page-content .category-list.make-grid div:nth-child(6),
    .page-content .category-list.make-grid div:nth-child(3),
    .page-content .category-list.make-grid div:nth-child(9),
    .page-content .category-list.make-grid div:nth-child(12) {
        margin-right: 0;
    }

    .col-md-3.page-sidebar {
        width: 22%;
    }

    .col-md-9.page-content a.info-link {
        font-weight: 400;
        color: #9a9a9a;
        font-size: 10px;
    }

    .main-container .col-md-9.page-content {
        flex: 0 0 auto;
        width: 75%;
    }

    .tab-box .nav-tabs {
        border-bottom: 1px solid #dee2e6;
        display: none;
    }

    .item-list h2.item-price {
        font-size: 16px;
    }

    .sidebar-modern-inner .block-title.sidebar-header h5 {
        color: var(--primary-color);
        line-height: 30px;
    }

    .sidebar-modern-inner .subscribe-form .btn{
        margin-top:16px;
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }
    .sidebar-modern-inner .subscribe-form .btn:hover{
        background-color: var(--primary-hover);
        border-color: var(--primary-hover);
    }

    .filter-content label {
        font-weight: 400;
        color: #fff;
    }

    .list-filter ul li a {
        /*color: #fff;*/
        color: #1d1d1d;
    }

    .page-sidebar .sidebar-modern-inner {
        /*background: #39a1c7 !important;*/
    }

    .tab-box .tab-filter .select-sort-by {
        margin-right: 0;
        margin-top: 0;
        min-width: 150px !important;
        border-radius: 0 !important;
        display: block !important;
    }

    .page-content .category-list.make-grid .item-list:hover {
        background: #fff !important;
        box-shadow: rgb(0 0 0 / 30%) 15px 25px 20px -20px;
    }

    .page-sidebar .sidebar-modern-inner {
        border-radius: 10px;
        background: #fff;
        border: 0;
        /*box-shadow: 0 2px 5px rgb(0 0 0 / 18%), inset 0 4px 0 #2e9cc4;*/
    }

    .category-list.make-grid .listing-filter {
        /* border-bottom: solid 1px var(--border-color); */
        padding: 15px;
        /*border-bottom: 2px solid #2e9cc4 !important;*/
        border-bottom: 2px solid var(--primary-color) !important;
        background: #fff;
        border-radius: 10px;
    }

    .search-breadcrumb {
        margin-top: 25px;
        display: none;
    }

    .sidebar-modern-inner .block-title {
        padding: 15px 15px;
        /*border-bottom: solid 5px #027ba7;*/
        position: relative;
        border-radius: 10px;
    }

    .category-list {
        background: #fff;
        border-radius: 10px !important;
        display: block;
        box-shadow: 0 0 20px rgb(110 162 173 / 10%);
        overflow: hidden;
    }

    a:not(.btn):focus,
    a:not(.btn):hover {
        color: var(--primary-hover);
    }

    #catsList a:not(.btn):focus,
    #catsList a:not(.btn):hover {
        color: var(--primary-color);
    }

    .sidebar-modern-inner .block-title.has-arrow:before {
        /*border-color: #2e9cc4 transparent transparent;*/
    }

    .sidebar-modern-inner .block-title.has-arrow:after {
        /*border-color: #2e9cc4 transparent transparent;*/
    }

    .img-pulse.do {
        height: 250px;
    }

    .blg a {
        display: flex;
        position: relative;
    }

    .blg .ok-post-thumb {
        width: 60px;
        max-width: 60px;
        min-width: 60px;
        height: 60px;
        object-fit: cover;
        border-radius: 10px;
    }

    .blg {
        padding-bottom: 10px;
    }

    .ok-post-content-wrap h2 {
        color: #fff;
        font-size: 12px;
        line-height: 23px;
    }

    .ok-post-content-wrap h2:hover {
        color: #0a58ca;
        font-size: 12px;
        line-height: 23px;
    }

    .ok-post-content-wrap {
        flex: 2;
        padding-left: 18px;
    }

    .ok-post-ltr a .ok-post-content-wrap {
        flex: 2;
        padding-left: 18px;
    }

    .latest.cas .card-img-top {
        border-radius: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .more-button {
        text-align: center;
        padding-top: 30px;
    }

    .city .res {
        position: relative;
        border-radius: 10px !important;
        margin-bottom: 23px;
        box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
        height: 500px;
        transition: all 0.2s;
        /* display: flex; */
        /* object-fit: cover; */
    }

    .city .res:hover {
        transform: translateY(-15px);
    }

    .bott {
        display: flex;
        justify-content: center;
        margin-top: 30px;
    }

    .bott a {
        padding: 5px 20px;
        border-radius: 10px;
        border: 2px solid #2e9cc4;
        margin: 0 10px;
        color: #000;
        font-size: 12px;
    }

    .more-button a {
        color: #fff;
        font-family: 'Baloo 2', cursive;
        border-radius: 6px;
        padding: 10px 20px;
        background-color: #0a58ca;
    }

    #any {
        background: url(../img/yyyy.jpg) top right no-repeat;
        background-size: cover;
    }

    #any h5 {
        font-family: 'Baloo 2', cursive;
        font-size: 36px;
    }

    .more-button-o {
        margin-bottom: 15px;
    }

    .more-button-o a {
        padding: 10px 20px;
        color: #fff;
        font-family: 'Baloo 2', cursive;
        background-color: #477392;
        border-radius: 10px;
    }

    .more-button-oo a {
        padding: 10px 23px;
        border-radius: 10px;
        color: #fff;
        font-family: 'Baloo 2', cursive;
        background-color: #0a58ca;
    }

    .bott a:hover {
        padding: 5px 20px;
        border: 2px solid var(--primary-color);
        background-color: var(--primary-color);
        color: #fff;
    }

    .tf {
        display: flex;
        flex-direction: row-reverse;
    }

    .tf a {
        margin-left: 70px;
        padding: 10px 30px;
        background: rgb(145, 45, 212);
        color: #fff;
        border-radius: 10px;
        transition: all .7s ease;
        -moz-transition: all .7s ease;
        -ms-transition: all .7s ease;
        -webkit-transition: all .7s ease;
        -o-transition: all .7s ease;
    }

    .tf a:hover {
        color: #fff !important;
        background: var(--primary-color) !important;
    }

    .tf a:nth-child(2) {
        background: #000;
    }

    .tf a:nth-child(3) {
        background: rgb(34, 175, 116);
    }

    #anyni h5 {
        color: #fff;
        font-family: 'Baloo 2', cursive;
        font-size: 22px;
    }

    .condd p {
        color: #fff;
        font-size: 12px;
    }

    #anyni {
        background: url(../img/eee.jpg) no-repeat;
        background-size: cover;
    }

    .konta {
        background-color: #9d2121;
        font-size: 12px;
        display: inline-block;
        padding: 10px 20px;
        color: #fff;
        border-radius: 10px;
        margin-top: 30px;
        margin-bottom: 30px;
        font-family: 'Baloo 2', cursive;
        font-weight: 600;
    }

    .konta:hover {
        background-color: rgb(155 31 31);
        display: inline-block;
        padding: 10px 20px;
        color: #fff;
        margin-top: 30px;
    }

    .vi {
        position: relative;
    }

    .vit {
        position: absolute;
        top: 0px;
        right: 48%;
    }

    .vity {
        position: absolute;
        z-index: 22;
        top: 30px;
        right: 120px;
    }

    .vityy {
        position: absolute;
        z-index: 22;
        bottom: -73px;
        ;
        right: 0;
    }

    .listivo-shape-underline svg {
        width: 324px !important;
    }
    /*--------------------------------------------------------------
# About
--------------------------------------------------------------*/

    .about .container {
        padding-bottom: 15px;
    }

    .about .count-box {
        padding: 30px 0;
        width: 100%;
        text-align: center;
    }

    .about.bhg .count-box {
        width: 100%;
        text-align: center;
        background: #fff;
        padding: 0;
        border: 1px solid var(--primary-color);
        border-radius: 10px !important;
    }

    .bhg .swiper-slide {}

    .vi .card-img-top {
        width: 100%;
        object-fit: cover;
        height: 100%;
        border-radius: 10px !important;
    }

    .about .count-box i {
        display: block;
        font-size: 48px;
        color: #a1bdd1;
        line-height: 0;
    }

    .about .count-box span {
        font-size: 28px;
        line-height: 25px;
        display: block;
        font-weight: 700;
        color: #365870;
        margin-left: 60px;
    }

    .about .count-box p {
        padding: 5px 0 0 0;
        margin: 0;
        font-family: 'Baloo 2', cursive;
        font-weight: 400;
        font-size: 14px;
    }

    .about .count-box a {
        font-weight: 600;
        display: flex;
        margin-top: 0;
        color: #2e4b5e;
        font-size: 15px;
        font-family: "Poppins", sans-serif;
        transition: ease-in-out 0.3s;
        justify-content: center;
    }

    .about .count-box a:hover {
        color: #477392;
    }

    .about .content {
        font-size: 15px;
    }

    .about .content h3 {
        font-weight: 700;
        font-size: 24px;
        color: #263d4d;
    }

    .about .content ul {
        list-style: none;
        padding: 0;
    }

    .about .content ul li {
        padding-bottom: 10px;
        padding-left: 28px;
        position: relative;
    }

    .about .content ul i {
        font-size: 24px;
        color: #ff4a17;
        position: absolute;
        left: 0;
        top: -2px;
    }

    .about .content p:last-child {
        margin-bottom: 0;
    }

    .about .play-btn {
        width: 94px;
        height: 94px;
        background: radial-gradient(#ff4a17 50%, rgba(255, 74, 23, 0.4) 52%);
        border-radius: 50%;
        display: block;
        position: absolute;
        left: calc(50% - 47px);
        top: calc(50% - 47px);
        overflow: hidden;
    }

    .about .play-btn::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-40%) translateY(-50%);
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 15px solid #fff;
        z-index: 100;
        transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .about .play-btn::before {
        content: "";
        position: absolute;
        width: 120px;
        height: 120px;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation: pulsate-btn 2s;
        animation: pulsate-btn 2s;
        -webkit-animation-direction: forwards;
        animation-direction: forwards;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: steps;
        animation-timing-function: steps;
        opacity: 1;
        border-radius: 50%;
        border: 5px solid rgba(255, 74, 23, 0.7);
        top: -15%;
        left: -15%;
        background: rgba(198, 16, 0, 0);
    }

    .about .play-btn:hover::after {
        border-left: 15px solid #ff4a17;
        transform: scale(20);
    }

    .about .play-btn:hover::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-40%) translateY(-50%);
        width: 0;
        height: 0;
        border: none;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 15px solid #fff;
        z-index: 200;
        -webkit-animation: none;
        animation: none;
        border-radius: 0;
    }

    @-webkit-keyframes pulsate-btn {
        0% {
            transform: scale(0.6, 0.6);
            opacity: 1;
        }
        100% {
            transform: scale(1, 1);
            opacity: 0;
        }
    }

    @keyframes pulsate-btn {
        0% {
            transform: scale(0.6, 0.6);
            opacity: 1;
        }
        100% {
            transform: scale(1, 1);
            opacity: 0;
        }
    }
    /*--------------------------------------------------------------
# About Boxes
--------------------------------------------------------------*/

    .about-boxes {
        background: url("../img/about-boxes-bg.jpg") center top no-repeat fixed;
        background-size: cover;
        padding: 60px 0 30px 0;
        position: relative;
    }

    .about-boxes::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.92);
        z-index: 9;
    }

    .about-boxes .container,
    .about-boxes .container-fluid {
        position: relative;
        z-index: 10;
    }

    .about-boxes .card {
        border-radius: 3px;
        border: 0;
        box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
        margin-bottom: 30px;
    }

    .about-boxes .card-icon {
        text-align: center;
        margin-top: -32px;
    }

    .about-boxes .card-icon i {
        font-size: 32px;
        color: #fff;
        width: 64px;
        height: 64px;
        padding-top: 5px;
        text-align: center;
        background-color: #ff4a17;
        border-radius: 4px;
        text-align: center;
        border: 4px solid #fff;
        transition: 0.3s;
        display: inline-block;
    }

    .about-boxes .card-body {
        padding-top: 12px;
    }

    .about-boxes .card-title {
        font-weight: 700;
        text-align: center;
    }

    .about-boxes .card-title a {
        color: #15222b;
    }

    .about-boxes .card-title a:hover {
        color: #ff4a17;
    }

    .about-boxes .card-text {
        color: #5e5e5e;
    }

    .about-boxes .card:hover .card-icon i {
        background: #fff;
        color: #ff4a17;
    }

    @media (max-width: 1024px) {
        .about-boxes {
            background-attachment: scroll;
        }
        #fornava.sticky {
            top: 68px !important;
        }
        .wrapper .slick-slide div img  {
        width: 95px;
        height:150px !important;
        object-fit: cover;
        overflow: hidden;
          }
          section {
            padding: 30px 0 0 0 ;
            overflow: hidden;
        }
    }
    /*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/

    .clients {
        background: #f0f4f8;
        padding: 15px 0;
        text-align: center;
    }

    .clients img {
        max-width: 45%;
        transition: all 0.4s ease-in-out;
        display: inline-block;
        padding: 15px 0;
        filter: grayscale(100);
    }

    .clients img:hover {
        filter: none;
        transform: scale(1.15);
    }

    @media (max-width: 768px) {
        .clients img {
            max-width: 40%;
        }
    }
    /*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/

    .features .nav-tabs {
        border: 0;
    }

    .features .nav-link {
        border: 0;
        padding: 12px 10px !important;
        transition: 0.3s;
        color: #fff;
        border-radius: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .features .nav-link i {
        padding-right: 5px;
        font-size: 18px;
    }

    .features .nav-link h4 {
        font-size: 12px;
        font-weight: 400;
        margin: 0;
    }

    .features .nav-link:hover {
        color: var(--primary-color);
    }

    .features .nav-link.active {
        background-color: var(--primary-color);
        border: 0;
        color: #fff;
        padding: 5px 10px !important;
        border-radius: 10px;
    }

    .features .nav-link {
        padding: 0;
    }

    .features li {
        width: auto !important;
        padding: 0 0 0 12px;
    }

    @media (max-width: 768px) {
        .features .nav-link i {
            padding: 0;
            line-height: 1;
            font-size: 36px;
        }
        .hide-in-mobile {
            display: block;
        }
        .container.forserch select {
            width: 100%;
            border: 0;
            margin: 0 0;
            padding: 11px 4px 11px 30px;
            font-size: 14px;
            height: 50px;
            color: #5d5b5b;
        }
        .mobile-filter-bar a:not(.btn) {
            color :var(--primary-color) !important;
        }
        .mobile-filter-bar>ul>li:first-child {
            padding-left: 15px;
        }
        .wrapper .slick-slide.slick-current.slick-active div {
            width: 95px;
            height:100%;
            object-fit: cover;
            overflow: hidden;
        }
        .wrapper .slick-slide div img  {
            width: 95px;
            height:150px !important;
            object-fit: cover;
            overflow: hidden;
        }
        #fornava.sticky {
            top: 100px !important;
        }
        section {
            padding: 30px 0 0 0;
            overflow: hidden;
        }
    
    }


    @media (max-width: 575px) {
        .containeru .col-md-6 {
            float: left;
            width: 66%;
            padding: 0 0 0 5px;
        }
        .containeru .row {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        .containeru {
            width: 50% !important;
            font-size: 11px;
            line-height: 16px;
            float: none;
            border-bottom: 1px solid #faf8f8;
            padding: 5px 0;
        }
        section {
            padding: 20px 0 0 0;
            overflow: hidden;
        }
        .feature_chapter_name {
            font-weight: 600;
            margin-bottom: 15px;
            padding-left: 0;
            margin-top: 15px;
            position: relative;
            width: 100%;
        }
        .listing_detail.feature_block_Amenities {
            color: #5d6475;
            padding: 4px 20px 4px 0;
            float: left;
            width: 100%;
            font-size: 14px;
            display: flex;
            flex-wrap: wrap;
        }
        #lightbox.lightbox .lb-outerContainer {
            position: relative;
            background-color: #fff;
            max-width: 950px !important;
            height: auto !important;
            margin: 0 auto;
            border-radius: 4px;
            width: 95% !important;
            overflow: hidden;
        }
        .d-none.d-lg-block {
            display: block !important;
        }
        #about .swiper-wrapper div:nth-child(7),
        #about .swiper-wrapper div:nth-child(8) {
            display: none;
        }
        iframe {
            border: 0;
            width: 100%;
        }
        .kc .card-title {
            margin-bottom: 0.5rem;
            height: 40px;
            overflow: hidden;
            line-height: 16px;
        }
        .kc #multi-item-example .carousel-inner {
            position: relative;
            width: 100%;
            overflow: hidden;
            max-height: 255px;
            padding: 0 20px;
        }
        .featuress.latest .nav-tabs {
            flex-wrap: nowrap;
            overflow-x: scroll;
            overflow-y: hidden;
        }
        .featuress.latest .nav-tabs li {
            width: auto !important;
            flex-shrink: 0;
        }
        .oio {
            display: block !important;
        }
        .oi {
            display: none !important;
        }
        .about.bhg .swiper-slide {
            flex-shrink: 0;
            width: 100% !important;
            height: 100%;
            position: relative;
            transition-property: transform;
        }
        .about .swiper-slide {
            flex-shrink: 0;
            width: auto !important;
            height: 100%;
            position: relative;
            transition-property: transform;
        }
        .features .nav-tabs {
            border: 0;
            flex-wrap: nowrap;
            overflow-x: scroll;
            overflow-y: hidden;
        }
        .listing-filter {
            display: none;
        }
        .xzoom-container .xzoom-thumbs {
            text-align: center;
            margin-bottom: 10px;
            position: relative;
            width: 100%;
            left: 0;
            top: 0;
        }
        .large-5.column .xzoom-container .xzoom {
            -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 50%);
            -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
            box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 50%);
            width: 100% !important;
            object-fit: cover;
        }
        .large-5.column .xzoom-container {
            display: inline-block;
            margin-left: 0;
            width: 100% !important;
            max-height: 100%;
            overflow: hidden;
        }
        .modal.fade.show .modal-body #book-room-form {
            padding: 0;
            display: block;
            flex-wrap: wrap;
        }
        .modal.fade.show .form-header h2 {
            font-family: 'Playfair Display', serif;
            margin-top: 0;
            margin-bottom: 15px;
            font-weight: 600;
            color: #fff;
            font-size: 30px;
            text-transform: capitalize;
            text-shadow: #474747 3px 1px 2px;
            line-height: 29px;
        }
        .modal.fade.show .form-header p {
            color: #fff;
            font-size: 15px;
            font-weight: 400;
            margin-top: 0;
        }
        .modal.fade.show .form-header {
            margin-bottom: 0px;
            margin-top: 0;
            position: relative;
            z-index: 20;
        }
        .modal.fade.show#bookingModal .modal-dialog .modal-content {
            width: 100%;
            position: relative;
            margin-left: 0;
            padding: 20px 30px 26px 38px;
            background: #fff;
            margin-top: 144px;
        }
        .bhidd .summary.entry-summary {
            padding: 30px 8px;
        }
        h6 .ovic-share-socials ul li a span.fab {
            padding: 5px 6px !important;
            border-radius: 8px;
        }
        .bhidd .tab {
            overflow: hidden;
            margin-top: 70px;
            display: flex;
            justify-content: center;
            width: 100%;
            margin: 40px auto 0 auto;
        }
        .ck #multi-item-example .carousel-inner {
            position: relative;
            width: 100%;
            overflow: hidden;
            max-height: 100%;
            padding: 0 20px;
        }
        .vi {
            position: relative;
            display: none;
        }
        .fory a {
            font-size: 14px;
            border-radius: 8px;
            transition: background 0.2s, color 0.2s;
            color: #fff;
            font-weight: 500;
            /*background: #2e9cc4;*/
            background: var(--color-green);
            padding: 15px 35px;
            margin-left: 20px;
            margin-bottom: 20px;
        }
        .block3 h1 {
            font-size: 22px;
            font-weight: 600;
            color: var(--primary-color);
            position: absolute;
            left: 1%;
            top: -46%;
            background: #fff;
            padding: 5px 10px;
            border-radius: 10px;
        }
        .col-md-3.page-sidebar.mobile-filter-sidebar {
            height: 100%;
            overflow: auto;
            padding: 0;
            position: fixed;
            top: 20vw;
            width: 250px !important;
            z-index: 20;
            left: -251px;
        }
        #fornava.sticky {
            /*background: #054b64;*/
            background: #c73c08;
            padding: 12px 0 !important;
            position: fixed;
            width: 100%;
            top: 58px !important;
            z-index: 1;
        }
        .navbar.fff>ul>li {
            margin-left: 10px;
        }
        .navbar>ul>li {
            white-space: nowrap;
            padding: 8px 10px;
        }
        #header .logo img {
            max-height: 32px;
        }
        .city.mjj {
            display: none !important;
        }
        .city.mj {
            display: block !important;
        }
        #city .swiper-slide .col-md-3 {
            width: 100%;
            display: block;
        }
        .bi-cart::before {
            content: "\f242" !important;
            display: block !important;
        }
        .bi-cart {
            display: block !important;
        }
        .navbar.fff ul {
            display: flex;
        }
        .navbar.fff ul li ul {
            display: block;
        }
        #myForm .form-container {
            width: 96%;
            padding: 30px;
            background-color: white;
            position: absolute;
            top: 30%;
            right: 2%;
        }
        .kc.ck .container {
            width: 100%;
            display: flex;
        }
        #Description.tabcontent,
        #Reviews.tabcontent {
            display: none;
            border: 1px solid #ccc;
            border-top: none;
            width: 100%;
            margin: 20px auto 20px auto;
        }
        .ovic-share-socials #social-links ul li {
            display: block;
            margin: 0 2px 0 0;
            display: inline-block;
        }
        .overlay .closebtn {
            position: absolute;
            top: -30px;
            right: 0px;
            font-size: 40px;
            cursor: pointer;
            color: white;
        }
        .widget-area-sidebar.listingsidebar {
            margin-top: 0;
        }
        /*section {
            padding: 10px 0 0 0 !important;
            overflow: hidden;
        }*/
        #hero .hero-container{
            padding-top: 30vw;
        }
        #footer .container .copyright {
            text-align: center;
            padding-top: 0;
            position: relative;
        }
        .overlay-content .container {
            text-align: left;
            width: 100%;
            background: #fff;
            padding: 5px;
            border-radius: 3px;
            position: relative;
        }
        #image-gallery .slick-slide img {
            display: block;
            width: 100%;
            height: 275px;
            object-fit: cover;
        }
        #image-gallery .wrapper .slick-slide img {
            display: block;
            width: 100%;
            
            /*height: 275px;*/
            height: 80px;
            object-fit: cover;
        }
        .overlay-content {
            position: relative;
            top: 22%;
            width: 95%;
            text-align: center;
            margin-top: 30px;
        }
        .info-item {
            padding-top: 5px;
            margin-top: 0;
            border-top: 1px solid #f8f9fa;
            /* font-size: 10px; */
        }
        .info-item p,
        .info p {
            color: #827f7f;
            margin-bottom: 0;
            font-size: 13px;
        }
        #fornava.nava .navbar>ul>li {
            white-space: nowrap;
            padding: 0 4px 0 0;
        }
        #fornava .navbar ul {
            display: flex;
            flex-wrap: wrap;
        }
        .mobile-filter-bar>ul>li:first-child {
            padding-left: 15px;
        }



        .category-list.make-grid {
            margin-top: 25px;
            box-shadow: none;
        }
        .category-list.make-grid .item-list {
            width: 100% !important;
        }
        .navbar>ul>li>a:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 1px;
            bottom: 2px;
            left: 0;
            background-color: var(--primary-color);
            visibility: hidden;
            width: 0px;
            transition: all 0.3s ease-in-out 0s;
        }
        .col-md-9.page-content {
            flex: 0 0 auto;
            width: 100% !important;
        }
        .page-sidebar.mobile-filter-sidebar {
            height: 100%;
            overflow: auto;
            padding: 0;
            position: static;
            top: 0;
            width: 250px;
            z-index: 1110;
            left: -251px;
            margin-top: 22px;
        }
        .col-md-3.page-sidebar {
            width: 100%;
        }
        .slick-slide.slick-current.slick-active {
            height: 357px;
        }
        .wrapper .slick-slide.slick-current.slick-active {
            height: 100%;
        }
        .slick-slide {
            float: left;
            height: 57px;
            min-height: 1px;
            display: none;
            overflow: hidden;
        }
        #details .slider-nav.slick-slider {
            position: relative;
            display: block;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -ms-touch-action: pan-y;
            touch-action: pan-y;
            -webkit-tap-highlight-color: transparent;
            height: 57px;
            overflow: hidden;
        }
        #details .slick-slider {
            position: relative;
            display: block;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -ms-touch-action: pan-y;
            touch-action: pan-y;
            -webkit-tap-highlight-color: transparent;
            height: 275px;
            overflow: hidden;
        }
        .ppr li {
            padding: 0 15px 15px 15px;
            list-style: none;
            position: relative;
            width: 100%;
        }
        .ppr {
            padding: 0;
            display: flex;
            flex-wrap: wrap;
        }
        #footer .footer-top .footer-links.surilo ul li {
            padding: 0;
            display: flex;
            align-items: center;
            width: 100%;
            margin-bottom: 10px;
            justify-content: center;
        }
        #footer .footer-top .footer-links ul {
            list-style: none;
            padding: 0;
            margin: 0;
            justify-content: center;
        }
        .footer-top h6 {
            font-size: 10px;
            font-weight: 400;
            text-align: center;
            margin-top: 24px;
        }
        #footer .footer-top h4 {
            font-size: 18px;
            font-weight: 400;
            color: #fff;
            position: relative;
            padding-bottom: 12px;
            text-align: center;
            margin-top: 33px;
        }
        .footer-top p {
            font-size: 12px;
            text-align: center;
        }
        .social-links.mt-3 {
            display: flex;
            justify-content: center;
        }
        .tf {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            justify-content: center;
        }
        .tf {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            justify-content: center;
            text-align: center;
        }
        #footer h1.logo {
            width: 50%;
            margin: 0 auto;
        }
        .glory {
            justify-content: center;
        }
        .tf a {
            margin-left: 0;
            padding: 10px 30px;
            background: rgb(145, 45, 212);
            color: #fff;
            border-radius: 10px;
            transition: all .7s ease;
            -moz-transition: all .7s ease;
            -ms-transition: all .7s ease;
            -webkit-transition: all .7s ease;
            -o-transition: all .7s ease;
            margin-bottom: 10px;
        }
        .bott a {
            padding: 5px 20px;
            border-radius: 10px;
            border: 2px solid #2e9cc4;
            margin: 0 10px 10px 0;
            color: #000;
            font-size: 12px;
        }
        .bott {
            display: flex;
            justify-content: flex-start;
            margin-top: 30px;
            flex-wrap: wrap;
            /* margin-bottom: 10px; */
        }
        .navbar-mobile a,
        .navbar-mobile a:focus {
            padding: 0;
            font-size: 15px;
            color: #15222b !important;
        }
        .navbar-mobile .dropdown ul a {
            padding: 10px 0;
        }
        #testimonials .swiper-slide {
            width: 105% !important;
        }
        .section-title h2 {
            font-size: 14px;
            font-weight: 600;
            line-height: 20px;
            font-family: 'Baloo 2', cursive;
            display: inline-block;
            padding: 0;
            margin: 0 0 5px 0;
            letter-spacing: 0;
            color: #000;
        }
        #header {
            transition: all 0.5s;
            z-index: 2;
            /*padding: 5px 0 0 0;*/
            padding: 10px 0;
        }
        .section-title h5 {
            float: right;
            display: inline-block;
            font-size: 11px;
            font-family: 'Roboto', sans-serif;
            margin-top: 12px;
        }
        .navbar .getstarted:hover,
        .navbar .getstarted:focus:hover {
            color: #fff;
            background: transparent;
            border-color: transparent;
        }
        .subscribe-form .col-md-3.col-sm-3.col-sx-12 {
            width: 100%;
            margin: 0 0 10px 0 !important;
        }
        .subscribe-form .col-md-2.col-sm-3.col-sx-12 {
            width: 50%;
        }
        .container.forserch input {
            width: 100%;
            padding: 10px 0 11px 35px;
            border: 0;
            font-size: 14px;
        }
        #about .row {
            display: block !important;
            margin: 0 -5px;
        }
        .xc {
            /*background-color: #fcad0d;*/
            background-color: var(--primary-color);
            height: 100%;
            padding: 10px 10px !important;
            color: #fff;
            text-transform: uppercase;
            font-weight: 600;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }
        .subscribe-form .col-md-10.col-sm-8.col-sx-12 {
            width: 100%;
            margin-bottom: 10px;
        }
        .subscribe-form .col-md-2.col-sm-4.col-sx-12 {
            width: 40%;
        }
        .subscribe-form .col-md-7.col-sm-6.col-sx-12 {
            width: 100%;
            margin-bottom: 10px;
        }
        .subscribe-form .col-md-10.col-sm-6.col-sx-12 {
            width: 100%;
            margin-bottom: 10px;
        }
        .subscribe-form .col-md-2.col-sm-6.col-sx-12 {
            width: 40%;
        }
        .navbar .getstarted,
        .navbar .getstarted:focus {
            padding: 0;
            margin: 0;
            border-radius: 0;
            color: #fff;
            border: 0;
        }
        .features .nav-link {
            padding: 15px;
        }
        .features .nav-link i {
            font-size: 24px;
            margin-right: 4px;
        }
        .navbar-mobile .dropdown ul {
            position: static;
            display: none;
            margin: 0;
            padding: 10px 0;
            z-index: 99;
            opacity: 1;
            visibility: visible;
            background: #fff;
            box-shadow: none;
            border-radius: 0;
        }
        .navbar .getstarted#my-cart {
            border: 0;
            position: absolute;
            right: 10px;
            top: 3px;
        }
        #cart-item-count {
            padding-left: 5px;
            /*color: #ff6868;*/
            color: #fff;
            font-size: 14px;
            font-weight: 600;
            position: absolute;
            right: 0;
            top: -16px;
        }
        header .navbar .dropdown ul#cart-items {
            left: -300px !important;
            width: 300px;
        }
        .navbar .dropdown ul#cart-items li {
            /*min-width: 200px;*/
            /*max-width: 300px;*/
            padding: 5px 10px;
            width: 100%;
            font-size: 10px;
        }
        .navbar .dropdown:hover>ul {
            opacity: 1;
            top: 140%;
            visibility: visible;
        }
        .navbar .dropdown.dr ul#cart-items {
            display: block;
            left: -392% !important;
            flex-direction: column;
            width: 100%;
            background: #eae8e8;
            margin-top: 10px;
        }
        .navbar .dr .getstarted#my-cart {
            border: 0;
            position: absolute;
            right: 10px;
            top: 3px;
            display: block;
        }
        #hero {
            width: 100%;
            height: 120vh;
            background: url(../img/Banner-bg.png) top center;
            background-size: cover;
            position: relative;
            padding: 100px 0 0 0;
        }
        section.features {
            width: 100%;
            padding-bottom: 0;
            padding-top: 70px;
        }
        .testimonials {
            padding: 58px 0 0 0 !important;
         
        }
        .features .nav-link {
            border: 0;
            padding: 12px 5px 12px 0 !important;
            transition: 0.3s;
            color: #fff;
            border-radius: 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .subscribe {
            padding: 0;
            margin-top: 0;
            border-radius: 0;
            width: 100%;
        }
        .subscribe-form .col-md-4,
        .subscribe-form .col-md-2 {
            width: 100%;
            margin-bottom: 5px;
        }
        .subscribe-form .bx-category {
            position: absolute;
            left: 10px;
            font-size: 20px;
            color: var(--primary-color);
            bottom: 12px;
        }
    }
    

    .features .tab-content {
        margin-top: 0;
    }

    .features .tab-pane h3 {
        font-weight: 600;
        font-size: 26px;
    }

    .features .tab-pane ul {
        list-style: none;
        padding: 0;
    }

    .features .tab-pane ul li {
        padding-bottom: 10px;
    }

    .features .tab-pane ul i {
        font-size: 20px;
        padding-right: 4px;
        color: #ff4a17;
    }

    .features .tab-pane p:last-child {
        margin-bottom: 0;
    }
    /*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/

    .services .icon-box {
        margin-bottom: 20px;
        padding: 30px;
        border-radius: 6px;
        background: #fff;
    }

    .services .icon-box i {
        float: left;
        color: #5c8eb0;
        font-size: 40px;
        line-height: 0;
    }

    .services .icon-box h4 {
        margin-left: 70px;
        font-weight: 700;
        margin-bottom: 15px;
        font-size: 18px;
    }

    .services .icon-box h4 a {
        color: #365870;
        transition: 0.3s;
    }

    .services .icon-box .icon-box:hover h4 a {
        color: #ff4a17;
    }

    .services .icon-box p {
        margin-left: 70px;
        line-height: 24px;
        font-size: 14px;
    }

    .services .icon-box:hover h4 a {
        color: #ff4a17;
    }
    /*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/

    .category_details_wrapper_icon {
        position: relative;
        display: inline-block;
        margin-right: 20px;
        padding-left: 0;
        font-size: 14px;
    }

    #listing_description_type3 {
        display: inline-block;
        margin-bottom: 20px;
        background: #fff;
        padding: 15px;
        /*box-shadow: 0 2px 5px rgb(0 0 0 / 18%), inset 0 4px 0 #2e9cc4;*/
        box-shadow: 0 2px 5px rgb(0 0 0 / 18%), inset 0 4px 0 var(--color-green);
        width: 100%;
    }
    #listing_description_type3 .btn-info{
        background:var(--color-green);
    }

    .stm-listing-car-dealer-info {
        background-color: #ffffff;
        padding: 30px 15px;
        /*box-shadow: 0 2px 5px rgb(0 0 0 / 24%), inset 0 4px 0 #153e4b;*/
        box-shadow: 0 2px 5px rgb(0 0 0 / 24%), inset 0 4px 0 var(--color-green);
        /*border-top: 1px solid #153e4b;*/
        border-top: var(--color-green);
        margin-bottom: 20px;
    }

    .stm-no-text-decoration {
        text-decoration: none !important;
    }

    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit i.fa-whatsapp {
        position: absolute;
        top: 18px;
        left: 20px;
        color: #1bc742;
        font-size: 13px;
    }

    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit i.fa-envelope {
        position: absolute;
        top: 11px;
        left: 20px;
        color: #1bc742;
        font-size: 13px;
    }

    .stm-listing-car-dealer-info .title {
        font-size: 15px;
        margin-bottom: 15px;
        letter-spacing: -0.4px;
    }

    .stm-listing-car-dealer-info .dealer-image {
        float: left;
        margin-right: 20px;
    }

    .stm-dealer-image-custom-view {
        display: inline-block;
        max-width: 130px;
        vertical-align: top;
        padding: 5px;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 5px;
        height: 50px;
        overflow: hidden;
    }

    .stm-dealer-image-custom-view img {
        transform: translateZ(0);
        max-width: 100%;
        height: 100%;
    }

    .stm-listing-car-dealer-info .dealer-rating {
        padding-top: 6px;
        overflow: hidden;
    }

    .stm-listing-car-dealer-info .stm-rate-unit {
        height: 13px;
        line-height: 13px;
        overflow: hidden;
    }

    .stm-listing-car-dealer-info .stm-rate-unit .stm-rate-inner {
        position: relative;
        display: inline-block;
        vertical-align: top;
    }

    .stm-listing-car-dealer-info .stm-rate-unit .stm-rate-not-filled {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 13px;
    }

    .stm-listing-car-dealer-info .stm-rate-unit .stm-rate-not-filled:after {
        color: #edab1f;
        font-family: "Font Awesome 5 Free";
        font-weight: 400;
        font-style: normal;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: translate(0, 0);
        content: "\f005\f005\f005\f005\f005";
        letter-spacing: 1px;
    }

    .stm-listing-car-dealer-info .stm-rate-unit .stm-rate-filled {
        font-size: 13px;
        overflow: hidden;
    }

    .stm-listing-car-dealer-info .stm-rate-unit .stm-rate-filled:after {
        color: #edab1f;
        font-family: "Font Awesome 5 Free";
        font-weight: 600;
        font-style: normal;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: translate(0, 0);
        content: "\f005\f005\f005\f005\f005";
        letter-spacing: 1px;
    }

    .stm-listing-car-dealer-info .dealer-rating .stm-rate-sum {
        color: #888;
        font-size: 13px;
    }

    .stm-listing-car-dealer-info .dealer-contacts {
        margin: 29px 0 15px;
    }

    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.phone {
        padding-right: 50px;
        margin-bottom: 0;
        display: flex;
        justify-content: space-between;
    }

    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit:first-child {
        border-top: 1px solid #e5e8ec;
        margin-bottom: 20px;
    }

    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit i {
        position: absolute;
        top: 27px;
        left: 0;
        color: #1bc742;
        font-size: 13px;
    }

    .stm-service-icon-phone_2:before {
        content: "\e915";
        color: #1bc744;
    }

    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.phone .phone {
        color: #153e4b;
    }

    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.whatsapp,
    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.mail {
        padding-left: 0;
        padding-top: 0;
        margin-top: 5px;
    }

    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.whatsapp {
        padding-top: 7px;
    }

    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.whatsapp .whatsapp-btn,
    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.whatsapp .email-btn,
    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.mail .whatsapp-btn,
    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.mail .email-btn {
        display: flex;
        align-items: center;
        box-shadow: 0 2px 7px rgb(0 0 0 / 9%);
        border: 1px solid #e0e3e7;
        background-color: #ffffff;
        border-radius: 5px;
        color: #153e4b;
        font-size: 14px;
        font-weight: 700;
        font-style: normal;
        letter-spacing: normal;
        line-height: 18px;
        text-align: left;
        text-transform: uppercase;
        padding: 13px 17px;
    }

    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.whatsapp .whatsapp-btn .stm-icon-whatsapp,
    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.whatsapp .email-btn .stm-icon-whatsapp,
    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.mail .whatsapp-btn .stm-icon-whatsapp,
    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.mail .email-btn .stm-icon-whatsapp {
        margin-right: 15px;
        font-size: 26px;
        color: #45c655;
    }

    .stm-icon-whatsapp:before {
        content: "\e953";
        color: #45c655;
    }

    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.address {
        margin-top: 14px;
        color: rgba(21, 62, 75, 0.8);
        font-family: "Open Sans";
        font-weight: 400;
        font-style: normal;
        letter-spacing: normal;
        text-align: left;
    }

    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit i {
        position: absolute;
        top: 27px;
        left: 0;
        /*color: #2e9cc4;*/
        color: var(--primary-color);
        font-size: 18px;
    }

    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.whatsapp .whatsapp-btn:hover,
    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.whatsapp .email-btn:hover,
    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.mail .whatsapp-btn:hover,
    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.mail .email-btn:hover {
        background-color: #f8f8f8;
    }

    .stm-service-icon-pin_2:before {
        content: "\e914";
        color: #1bc744;
    }

    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit {
        position: relative;
        padding-left: 33px;
        padding-top: 24px;
        margin-top: 20px;
    }

    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.whatsapp .whatsapp-btn .fa-whatsapp,
    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.whatsapp .email-btn .fa-whatsapp,
    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.mail .whatsapp-btn .fa-whatsapp,
    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.mail .email-btn .fa-whatsapp {
        margin-right: 15px;
        font-size: 26px;
        color: #45c655;
    }

    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.whatsapp .whatsapp-btn,
    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.whatsapp .email-btn,
    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.mail .whatsapp-btn,
    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.mail .email-btn {
        display: flex;
        align-items: center;
        box-shadow: 0 2px 7px rgb(0 0 0 / 9%);
        border: 1px solid #e0e3e7;
        background-color: #ffffff;
        border-radius: 5px;
        color: #153e4b;
        font-size: 14px;
        font-weight: 700;
        font-style: normal;
        letter-spacing: normal;
        line-height: 18px;
        text-align: left;
        text-transform: uppercase;
        padding: 13px 12px 13px 52px;
    }

    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.whatsapp .whatsapp-btn>span,
    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.whatsapp .email-btn>span,
    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.mail .whatsapp-btn>span,
    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.mail .email-btn>span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.whatsapp .whatsapp-btn .fa-envelope,
    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.whatsapp .email-btn .fa-envelope,
    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.mail .whatsapp-btn .fa-envelope,
    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.mail .email-btn .fa-envelope {
        margin-right: 15px;
        font-size: 26px;
        color: #5c97cd;
    }

    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit .address {
        color: #153e4b;
        font-size: 13px;
        line-height: 18px;
    }

    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit .phone {
        margin-bottom: -1px;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: -0.5px;
    }

    .stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.phone span {
        font-size: 11px;
        cursor: pointer;
        -webkit-text-decoration: dotted;
        text-decoration: dotted;
        border-bottom: 1px dotted;
        line-height: 20px;
        position: relative;
        min-width: 20px;
    }

    .urr {
        position: relative;
    }

    #listing_description_type3 #listing_description,
    .listing_description_wrapper #listing_description {
        margin-top: 0;
        margin-bottom: 10px;
    }

    #listing_description {
        font-size: 16px;
        font-weight: 700;
        letter-spacing: -1px;
        color: #153e4b;
        text-transform: uppercase;
    }

    #listing_description_type3 .panel-body {
        color: #5d6475;
        font-size: 14px;
        width: 100%;
        text-align:justify;
    }

    .panel-body {
        padding: 0;
        margin-bottom: 0;
        width: 100%;
        float: left;
        position: relative;
    }

    .gallery {
        overflow: hidden;
    }

    #faq {
        width: 100%;
        float: left;
        margin-bottom: 30px;
        position: relative;
        margin-top: 0;
        font-size: 14px;
        background-color: #fff;
        padding: 20px;
        border-radius: 0;
        /*box-shadow: 0 2px 5px rgb(0 0 0 / 18%), inset 0 4px 0 #2e9cc4;*/
        box-shadow: 0 2px 5px rgb(0 0 0 / 18%), inset 0 4px 0 var(--color-green);
    }

    .feature_chapter_name {
        font-weight: 500;
        margin-bottom: 15px;
        padding-left: 0;
        margin-top: 15px;
        position: relative;
    }

    .wpestate_elementor_tabs li:hover svg path,
    .listing_detail svg,
    .property_features_svg_icon {
        fill: #e63264;
    }

    .listing_detail svg,
    .property_features_svg_icon {
        color: #b881fc;
        width: 18px;
        height: 18px;
        fill: #0a58ca;
        margin: 0 10px 0 0;
        line-height: 26px;
        vertical-align: middle;
        display: inline-block;
    }

    .listing_type_3 .listing_main_image_price {
        background-color: #e63264;
    }

    .listing_type_3 .listing_main_image_price,
    .listing_main_image_price {
        position: relative;
        bottom: auto;
        left: auto;
        color: #fff;
        text-shadow: none;
        width: auto;
        margin-left: 0;
        z-index: 10;
        font-size: 20px;
        color: #fff;
        /*background-color: #2e9cc4;*/
        background-color: var(--color-green);
        text-align: center;
        font-weight: 500;
        margin-bottom: 35px;
        padding: 19px;
        border-radius: 2px;
    }

    .gkk {
        height: 102px;
        overflow: hidden;
        background: #0a58ca !important;
        margin-bottom: 30px;
    }

    .listing_type_3 .booking_form_request {
        position: relative;
        margin-top: 0;
        display: inline-block;
    }

    #after-check {
        box-shadow: rgb(0 0 0 / 6%) 0 2px 4px 0;
        box-shadow: 0 2px 11px 0 rgb(181 127 250 / 30%);
        padding: 30px;
        margin: 0 0 50px 0;
        color: #747c83;
    }

    #primary #after-check .form-control#book-now {
        margin-top: 0;
        padding: 0 15px;
        line-height: 50px;
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        width: 100%;
        margin-bottom: 0;
        border-radius: 2px;
        border: none;
        background: #0a58ca;
    }

    #book-room-form {
        padding: 0;
    }

    #after-check .col-md-6,
    #after-check .col-md-12 {
        padding: 0;
    }

    #submit_booking_front_instant:hover,
    #primary #after-check .form-control#book-now:hover {
        background: var(--primary-color);
    }

    .nava .navbar>ul>li {
        white-space: nowrap;
        padding: 8px 30px 8px 0;
    }

    .booking_form_request {
        position: absolute;
        top: 0;
        right: 0;
        box-sizing: border-box;
        color: #747c83;
        margin: 0 0 30px;
        background-color: #fff;
        max-width: 100%;
        width: 100%;
        border-radius: 2px;
        padding: 30px;
        margin-top: 39px;
        z-index: 99;
    }

    .mobile_booking_wrapper,
    .custom_day_wrapper_mobile,
    .custom_day_wrapper,
    .listing_type_1 #carousel-listing,
    .listing_type_3 .listing_main_image_price,
    .listing_type_1 .listing_main_image_price,
    .owner_area_wrapper_sidebar,
    .panel-wrapper,
    .blog_featured,
    .property_page_container,
    .booking_form_request,
    .twitter_wrapper,
    .loginwd_sidebar,
    .advanced_search_sidebar,
    .blog_unit_back {
        /*box-shadow: 0 2px 5px rgb(0 0 0 / 18%), inset 0 4px 0 #2e9cc4;*/
        box-shadow: 0 2px 5px rgb(0 0 0 / 18%), inset 0 4px 0 var(--color-green);
    }

    .third-form-wrapper {
        width: 100%;
        padding: 30px 0 0;
        float: left;
        border-top: 1px solid #e7e9ef;
        margin-bottom: 0;
        margin-top: 30px;
    }

    .reservation_buttons:first-of-type {
        padding-right: 7px;
    }

    #add_favorites {
        width: 100%;
        padding: 10px;
        cursor: pointer;
        text-align: center;
        border: 2px solid #bbc0cb;
        color: #8a8f9a;
        display: inline-block;
        font-size: 14px;
        font-weight: 600;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        border-radius: 2px;
    }

    #contact_host {
        width: 100%;
        padding: 10px 0;
        background-color: #bbc0cb;
        color: #fff;
        cursor: pointer;
        border: none;
        font-size: 14px;
        font-weight: 600;
        text-align: center;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        border: 2px solid #bbc0cb;
        border-radius: 2px;
    }

    .reservation_buttons:last-of-type {
        padding-left: 7px;
    }

    .reservation_buttons {
        padding: 0;
    }

    #booking_form_request_mess {
        margin: 15px 0;
        width: 100%;
        display: none;
    }

    #booking_form_request_mess_modal,
    #booking_form_request_mess,
    .alert-message,
    .alert_error,
    .login-alert {
        color: #fff;
        font-size: 13px;
        line-height: 22px;
        width: 100%;
        background-color: #51b355;
        margin-bottom: 15px;
        padding: 5px 10px;
        border-radius: 2px;
    }

    #booking_form_mobile_close {
        display: none;
        position: absolute;
        top: 10px;
        right: 10px;
        background: #b47df8;
        color: #fff;
        width: 25px;
        height: 25px;
        cursor: pointer;
        border-radius: 3px;
        font-size: 20px;
        line-height: 25px;
        text-align: center;
    }

    .booking_form_request h3 {
        width: 100%;
        padding: 0;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 24px;
        color: #fff !important;
    }

    .booking_form_request label {
        color: #fff !important;
    }

    .has_calendar {
        position: relative;
    }

    .widget-container .wp-block-search__input,
    .invoices-wrapper .form-control,
    #advanced_search_shortcode .form-control,
    .agent_contanct_form .form-control,
    #commentform .form-control,
    #advanced_search_map_list .form-control,
    #booking_form_request .form-control,
    #colophon .form-control,
    #primary .form-control {
        margin-bottom: 15px;
        background-color: #fff;
        border: 1px solid #e7e9ef;
        color: #8a8f9a;
    }

    .booking_form_request #start_date,
    .booking_form_request #end_date {
        position: relative;
    }

    .widget-area-sidebar input[type=text],
    .widget-area-sidebar input[type=password],
    .widget-area-sidebar input[type=email],
    .widget-area-sidebar input[type=url],
    .widget-area-sidebar input[type=number],
    .widget-area-sidebar textarea {
        font-size: 14px;
    }

    .calendar_icon input {
        padding-left: 45px;
    }

    #colophon .calendar_icon:after,
    #primary .calendar_icon:after,
    #colophon .map_icon:after,
    #primary .map_icon:after {
        left: 15px;
    }

    .calendar_icon:after {
        font-family: "font awesome 5 free";
        font-weight: 300;
        content: "\f073";
        content: "\f133";
        position: absolute;
        top: 14px;
        width: 20px;
        height: 23px;
        background-repeat: no-repeat;
        color: #b881fc;
        font-size: 20px;
        content: '\e801';
        font-family: fontello;
    }

    .widget-container .wp-block-search__input,
    .invoices-wrapper .form-control,
    #advanced_search_shortcode .form-control,
    .agent_contanct_form .form-control,
    #commentform .form-control,
    #advanced_search_map_list .form-control,
    #booking_form_request .form-control,
    #colophon .form-control,
    #primary .form-control {
        margin-bottom: 15px;
        background-color: #fff;
        border: 1px solid #e7e9ef;
        color: #8a8f9a;
    }

    .advanced_search_sidebar .wpestate_guest_no_buttons,
    .booking_form_request .wpestate_guest_no_buttons {
        width: 310px;
    }

    .wpestate_guest_no_buttons {
        position: absolute;
        border-radius: 10px;
        box-shadow: 0 2px 11px 0 rgb(181 127 250 / 30%);
        padding: 15px 30px;
        background-color: #fff;
        width: 350px;
        margin: 0 0 0 0%;
        display: none;
        z-index: 999;
        right: 0;
        top: 55px;
    }

    .max_guest_notice {
        font-weight: 500;
        font-size: 15px;
        color: #c60e0e;
    }

    .wpestate_guest_no_buttons_item {
        width: 100%;
        margin: 25px 0;
    }

    .wpestate_guest_no_buttons_labels {
        width: 60%;
        display: inline-block;
    }

    .wpestate_guest_no_buttons_title_labels {
        font-weight: 600;
        color: #484848;
        font-size: 15px;
    }

    .wpestate_guest_no_buttons_description_labels {
        color: #5d6475;
        font-size: 13px;
    }

    .wpestate_guest_no_buttons_steppers {
        width: 40%;
        display: flex;
        flex-wrap: nowrap;
        float: right;
        justify-content: flex-end;
    }

    .wpestate_guest_no_button_minus,
    .wpestate_guest_no_button_plus {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        border: 1px solid #ddd;
        text-align: center;
        line-height: 32px;
        font-size: 15px;
        cursor: pointer;
        background: 0 0;
        padding: 0;
    }

    .wpestate_guest_no_button_minus {
        line-height: 20px;
    }

    .cost_row {
        border: 1px solid #f0f0f0;
        float: left;
        width: 100%;
        box-sizing: border-box;
        background-color: #fff;
        margin: 0;
        max-width: 350px;
        margin-top: -1px;
        line-height: 1.4em;
    }

    .cost_row_extra {
        font-size: 12px;
    }

    .cost_row_extra .cost_explanation {
        width: 55%;
    }

    .cost_explanation {
        width: 70%;
        float: left;
        padding: 13px 5px 13px 15px;
        box-sizing: border-box;
        border-right: 1px solid #f0f0f0;
    }

    .cost_row_extra .cost_value {
        width: 42%;
        border-left: 1px solid #f0f0f0;
        margin-left: -1px;
    }

    .cost_value {
        width: 27%;
        float: left;
        padding: 13px 5px 13px 15px;
    }

    .cost_row_extra .cost_explanation {
        width: 55%;
    }

    .cost_explanation {
        width: 70%;
        float: left;
        padding: 13px 5px 13px 15px;
        box-sizing: border-box;
        border-right: 1px solid #f0f0f0;
    }

    .cost_explanation input[type=checkbox] {
        float: left;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }

    input[type=checkbox] {
        position: relative;
        outline: 0 !important;
        /*-webkit-appearance: none;*/
        /*-moz-appearance: none;*/
        height: 15px;
        width: 15px;
        margin-bottom: 0;
        margin-right: 5px;
        vertical-align: top;
        border: 1px solid #e7e9ef;
        border-radius: 1px;
        background-color: #fff;
        color: #565a5c;
        box-sizing: border-box;
        padding: 0;
    }

    .submit_booking_front_wrapper {
        position: relative;
        margin: 0;
        height: 50px;
        float: left;
        width: 100%;
    }

    .widget-container .wp-block-search__button,
    .advanced_search_submit_button,
    .check_avalability,
    .return_woo_button,
    .wpestate_header_view_checkout,
    .wpestate_header_view_cart,
    #submit_booking_front_instant,
    #submit_booking_front,
    #submit_booking_front_link,
    #advanced_submit_widget,
    #advanced_submit_2_mobile,
    #advanced_submit_2,
    #advanced_submit_3,
    #submit_action {
        /*background: #2e9cc4;*/
        background: var(--color-green);
    }

    .space_extra_opt {
        float: left;
        width: 100%;
        margin-bottom: 15px;
    }

    #agent_submit_contact,
    .advanced_search_submit_button,
    .return_woo_button,
    .wpestate_header_view_checkout,
    .wpestate_header_view_cart,
    #submit_booking_front_instant,
    #submit_booking_front,
    #submit_booking_front_link,
    #advanced_submit_widget,
    #advanced_submit_2_mobile,
    #advanced_submit_2,
    #advanced_submit_3 {
        margin-top: 0;
        padding: 0 15px;
        line-height: 50px;
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        width: 100%;
        margin-bottom: 0;
        border-radius: 2px;
        border: none;
    }

    @media only screen and (max-width: 1366px) {
        .listing_type_3 .booking_form_request {
            width: 100%;
            max-width: 100%;
            display: inline-block;
        }
    }

    .property_page_container.for_reviews {
        padding-bottom: 20px;
        font-size: 13px;
    }

    #listing_description_type3 #listing_description {
        display: none;
    }

    .property_page_container {
        background-color: #fff;
        width: 100%;
        border-radius: 0;
        padding: 30px 30px 30px 30px;
        float: left;
        margin-bottom: 30px;
    }

    .listing_reviews_wrapper {
        width: 100%;
        background-color: #fff;
        float: left;
    }

    .listing_type_3 .listing_reviews_container,
    .listing_type_2 .listing_reviews_container,
    .listing_type_1 .listing_reviews_container {
        width: 100%;
        margin: 0px auto;
        padding: 0px 0px 0px 0px;
    }

    #on_the_map,
    #listing_reviews,
    .agent_listings_title_similar,
    #listing_calendar,
    #listing_description .panel-title-description {
        font-size: 16px;
        font-weight: 700;
        letter-spacing: -1px;
        color: #153e4b;
        text-transform: uppercase;
    }

    .listing_type_3 .property_ratings,
    .listing_type_2 .property_ratings,
    .listing_type_1 .property_ratings {
        float: left;
        margin-top: 0px;
    }

    .listing_reviews_container .property-rating {
        line-height: 1.8em;
        margin-bottom: 10px;
    }

    .listing_type_3 .property-rating,
    .listing_type_2 .property-rating,
    .listing_type_1 .property-rating {
        display: inline-block;
        float: left;
    }

    .property_ratings_agent i,
    .property_ratings i {
        font-size: 13px;
        margin-right: 3px;
    }

    places_wrapper .property-rating i,
    .featured_property .property-rating i,
    .property_unit_v1 .property-rating i,
    .property_unit_v3 .property-rating i,
    .wide_property .property-rating i,
    .property_unit_v2 .property-rating i,
    .featured_property_stars i,
    .testimonial_type_2 .testimmonials_starts i,
    .property_ratings_agent i,
    .featured_agent .property_ratings_agent i,
    .property_ratings i,
    .featured_property.type_1_class .property-rating i {
        color: #ffc662;
    }

    .listing-review {
        float: left;
        width: 100%;
        margin: 5px 0px 10px 0px;
    }

    .listing_type_3 .review-list-content,
    .listing_type_2 .review-list-content,
    .listing_type_1 .review-list-content {
        width: 100%;
    }

    .review-list-content {
        position: relative;
        padding-left: 0px;
    }

    .reviewer_image {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        border: none;
        background-size: cover;
        background-position: 50% 50%;
        position: absolute;
        top: 10px;
    }

    #details .swiper {
        background: #f7f7f7;
        padding: 20px;
    }

    .reviwer-name {
        color: #484848;
        margin-bottom: 0px;
        margin-top: 15px;
        width: 50%;
        text-align: left;
        font-size: 14px;
        font-weight: 600;
        padding-left: 75px;
    }

    .review-date {
        margin-top: 5px;
        color: #8A8F9A;
        font-size: 14px;
        position: absolute;
        right: 0px;
        top: 36px;
    }

    .listing-review .property_ratings {
        margin-top: 2px;
        padding-left: 75px;
    }

    #main .navbar a {
        color: #fff;
    }

    .review-content {
        float: left;
        margin-top: 30px;
        padding-bottom: 10px;
        width: 100%;
        font-size: 13px;
    }

    .fa-star:before {
        content: "\f005";
    }

    #primary {
        position: relative;
    }

    #colophon ul,
    #primary ul {
        list-style: none;
        margin: 0;
        font-size: 14px;
        line-height: 1.6em;
        padding: 0;
    }

    #primary .widget-container.multiple_currency_widget {
        width: 100%;
    }

    .widget-container {
        margin-bottom: 30px;
        float: left;
        width: 100%;
    }

    #primary .widget-container {
        clear: both;
    }

    .widget-container.latest_listings {
        margin-bottom: 15px;
        padding: 30px;
        background: #f7f6f6;
    }

    .widget-title-sidebar {
        width: 100%;
        padding: 0;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 15px;
    }

    #primary .listing_wrapper,
    #colophon .listing_wrapper {
        padding: 0;
        width: 100% !important;
        max-width: 100%;
        margin-bottom: 0;
    }

    #primary .listing_wrapper {
        float: left;
        padding: 0;
        width: 100%;
        max-width: 100%;
    }

    #colophon .property_flex,
    #primary .property_flex {
        display: block;
    }

    #primary .property_listing,
    #colophon .property_listing {
        border: none;
        background-color: transparent;
        display: block;
        max-width: 100%;
    }

    #primary .property_listing,
    #colophon .property_listing {
        min-height: 65px;
        margin-bottom: 10px !important;
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
    }

    .sidebar-widgets {
        margin-bottom: 15px;
        padding: 30px;
        background: #fff;
        float: left;
        width: 100%;
        /*box-shadow: 0 2px 5px rgb(0 0 0 / 18%), inset 0 4px 0 #474747;*/
        box-shadow: 0 2px 5px rgb(0 0 0 / 18%), inset 0 4px 0 var()--primary-color;
    }

    ul.list-6 li {
        text-align: right;
    }

    .add-too {
        z-index: 88;
        position: absolute;
        top: 5%;
        right: 10px;
    }

    #reviews .rating:hover {
        font-size: 26px;
        color: #fff;
    }

    .ovic-share-socials #social-links {
        width: 100%;
        background: transparent;
        padding: 5px 0;
        margin-bottom: 0;
    }

    .ovic-share-socials #social-links ul {
        display: block;
        justify-content: center;
        padding: 0;
        margin: 0;
    }

    .ovic-share-socials #social-links ul li {
        display: block;
        margin: 0 10px 0 0;
        display: inline-block;
    }

    .dealer-contact-unit.mail .btn-success {
        color: #fff;
        /*background-color: #198754;
        border-color: #198754;*/
        background:green;
        border-color:green;
        width: 100%;
        margin-top: 20px;
    }

    .bhidd .for_reviews .btn.btn-primary.form-control {
        width: auto;
        border: 0;
        float: right;
        background: #2e9cc4;
        color: #fff !important;
        text-transform: capitalize;
        border-radius: 8px;
        padding: 5px 10px;
    }

    .ovic-share-socials ul li a span.fab {
        padding: 5px 15px !important;
        border-radius: 8px;
    }

    .woocommerce-product-details__short-description h2 {
        font-family: 'Open Sans', sans-serif !important;
    }

    .ovic-share-socials h6 {
        color: var(--primary-color);
        padding: 5px 0;
        display: inline-block;
        border-radius: 5px;
        font-size: 12px;
    }

    .ovic-share-socials #social-links ul li a {
        font-size: 20px;
        line-height: 1.6em;
        padding: 0;
        margin: 0;
    }

    .ovic-share-socials ul li a span.fa-facebook-square {
        background-color: #3b5998;
        padding: 5px 28px;
        border-radius: 8px;
    }

    .ovic-share-socials ul li a span.fa-twitter {
        background-color: #1da1f2;
        padding: 5px 28px;
        border-radius: 8px;
    }

    .ovic-share-socials ul li a span.fa-linkedin {
        background-color: #0a66c2;
        padding: 5px 28px;
        border-radius: 8px;
    }

    .ovic-share-socials ul li a span.fa-whatsapp {
        background-color: #3b5998;
        padding: 5px 28px;
        border-radius: 8px;
    }

    .ovic-share-socials ul li a span.fa-telegram {
        background-color: #1da1f2;
        padding: 5px 28px;
        border-radius: 8px;
    }

    .ovic-share-socials ul li a span.fa-reddit {
        background-color: #9a1c20;
        padding: 5px 28px;
        border-radius: 8px;
    }

    .rating:not(:hover) label input:checked~.icon,
    .rating:hover label:hover input~.icon {
        color: #ffc107 !important;
    }

    .add-too a {
        color: #fff;
        font-size: 12px;
        padding: 3px 8px;
        background: #ff6868;
        border-radius: 5px;
    }

    .add-too a:hover {
        color: #fff;
        font-size: 12px;
        background: #f67f7f;
    }

    .sidebar-widgets h5 {
        width: 100%;
        padding: 0;
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 15px;
        text-transform: uppercase;
        letter-spacing: -1px;
        color: #153e4b;
    }

    .list-6 li {
        border-bottom: 1px solid #e8e8e8;
        padding: 10px 0;
        font-weight: 600 !important;
        text-align: right;
        display: inline-block;
        width: 100%;
    }

    .for_reviews .btn.btn-primary.form-control {
        width: auto;
        border: 0;
        float: right;
        /*background: #2e9cc4;*/
        background: var(--color-green);
    }

    .for_reviews .btn.btn-primary.form-control:hover {
        background: var(--primary-color);
    }

    .list-6 li span {
        background: none !important;
        color: #878C9F !important;
        display: block !important;
        text-align: left !important;
        padding-left: 0 !important;
        margin-bottom: -5px !important;
        float: left;
    }

    .listing_wrapper.col-md-12>.property_listing {
        min-height: 163px;
        float: left;
        width: 100%;
        height: auto;
    }

    #primary .listing-unit-img-wrapper,
    #colophon .listing-unit-img-wrapper {
        width: 80px;
        display: inline-block;
        float: left;
        height: 80px;
        overflow: hidden;
        padding-bottom: 20px;
        ;
    }

    .listing-unit-img-wrapper {
        position: relative;
        z-index: 98;
        background-color: #f7f7f7;
        border-radius: 2px;
    }

    .widget li a,
    .widget-area-sidebar li a {
        font-size: 14px;
        line-height: 1.6em;
    }

    #colophon .price_unit_wrapper,
    #primary .price_unit_wrapper {
        position: absolute;
        z-index: 10;
        left: 0;
        top: auto;
        height: 60%;
        display: inline-block;
        opacity: .4;
    }

    #primary .listing-unit-img-wrapper .carousel-inner,
    #primary .listing-unit-img-wrapper img,
    #colophon .listing-unit-img-wrapper .carousel-inner,
    #colophon .listing-unit-img-wrapper img {
        height: 85px;
        width: 100%;
        border-radius: 2px;
        object-fit: cover;
    }

    img.size-full,
    img.size-large,
    img.wp-post-image {
        height: auto;
        max-width: 100%;
    }

    .property_listing img {
        max-height: 320px;
    }

    #primary .title-container {
        padding-top: 0;
    }

    #primary .title-container,
    #colophon .title-container {
        display: block;
        width: 65%;
        margin-top: 0;
        float: left;
        padding-top: 5px;
    }

    .title-container {
        position: relative;
        z-index: 99;
    }

    .category_name {
        display: inline-block;
        font-weight: 400;
        position: relative;
        color: #fff;
        z-index: 10;
        font-size: 18px;
        text-align: left;
        padding: 0 15px;
        width: 100%;
    }

    #primary .category_name,
    #colophon .category_name {
        padding: 0 10px;
    }

    #primary .listing_title_unit,
    #colophon .listing_title_unit {
        padding-right: 0;
        font-size: 14px;
        margin-top: 0;
        font-weight: 600;
        margin-bottom: 0;
        color: #484848;
        line-height: 1.2em;
    }

    #primary .category_tagline,
    #colophon .category_tagline {
        margin-left: 10px;
    }

    .category_tagline,
    .category_tagline a {
        color: #5d6475;
        font-size: 13px;
    }

    #primary .category_tagline a {
        line-height: 1.3em;
    }

    #primary .latest_listings .price_unit,
    #colophon .latest_listings .price_unit {
        padding: 0;
        font-size: 14px;
        bottom: 0;
        position: relative;
        width: 100%;
        background-color: transparent;
        margin-top: 5px;
        color: #484848;
        left: 10px;
        font-weight: 600;
    }

    #colophon .price_unit_wrapper,
    #primary .price_unit_wrapper {
        position: absolute;
        z-index: 10;
        left: 0;
        top: auto;
        height: 60%;
        display: inline-block;
        opacity: .4;
    }

    .pernight_label {
        font-size: 16px;
    }

    .feature_chapter_name {
        font-weight: 600;
        margin-bottom: 15px;
        padding-left: 0;
        margin-top: 15px;
        position: relative;
    }

    .faq .faq-list {
        padding: 0;
        list-style: none;
    }

    .faq .faq-list li {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .faq .faq-list .question {
        font-size: 16px;
        font-weight: 700;
        letter-spacing: -1px;
        color: #153e4b;
        text-transform: uppercase;
        display: block;
        position: relative;
        font-size: 16px;
        line-height: 24px;
        cursor: pointer;
        transition: 0.3s;
    }

    .page-content .make-grid .item-list .price-box {
        display: none !important;
    }

    .item_head {
        color: #5d6475;
        font-size: 14px;
        font-weight: 600;
    }

    .listing_detail.feature_block_Amenities {
        color: #5d6475;
        padding: 4px 20px 4px 0;
        float: left;
        width: 100%;
        font-size: 14px;
    }

    .containeru {
        width: 33.333333333333%;
        float: left;
        border-bottom: 1px solid #faf8f8;
        padding: 5px 0;
        font-size: 13px;
    }

    .for-ammy {
        display: inline-block;
        float: left;
        width: auto;
        padding-right: 0;
    }

    .faq .faq-list .collapsed {
        /*color: #0a58ca;*/
        color: var(--primary-color);
    }

    .faq .faq-list i {
        font-size: 16px;
        position: absolute;
        left: 0;
        top: -2px;
    }

    .faq .faq-list .icon-show {
        display: none;
    }

    .faq .faq-list .collapsed .icon-show {
        display: inline-block;
        transition: 0.6s;
    }

    .faq .faq-list .collapsed .icon-close {
        display: none;
        transition: 0.6s;
    }

    .category_details_wrapper_icon i {
        margin-right: 5px;
    }

    .testimonials {
        padding: 100px 0 0 0;
        background-position: center center;
        background-size: cover;
        position: relative;
    }

    .testimonials::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: var(--primary-color);
    }

    .testimonials .section-header {
        margin-bottom: 40px;
    }

    .testimonials .testimonials-carousel,
    .testimonials .testimonials-slider {
        overflow: hidden;
    }

    .testimonials .testimonial-item {
        text-align: center;
        color: #fff;
    }

    .testimonials .testimonial-item .testimonial-img {
        width: 100%;
        height: 320px;
        object-fit: cover;
        margin: 0 auto;
    }

    #testimonials .container {
        max-width: 100% !important;
        padding: 0;
    }

    .testimonials .testimonial-item h3 {
        font-size: 20px;
        font-weight: bold;
        margin: 10px 0 5px 0;
        color: #fff;
    }

    .testimonials .testimonial-item h4 {
        font-size: 14px;
        color: #ddd;
        margin: 0 0 15px 0;
    }

    .testimonials .testimonial-item .quote-icon-left,
    .testimonials .testimonial-item .quote-icon-right {
        color: rgba(255, 255, 255, 0.4);
        font-size: 26px;
    }

    .testimonials .testimonial-item .quote-icon-left {
        display: inline-block;
        left: -5px;
        position: relative;
    }

    .testimonials .testimonial-item .quote-icon-right {
        display: inline-block;
        right: -5px;
        position: relative;
        top: 10px;
    }

    .testimonials .testimonial-item p {
        font-style: italic;
        margin: 0 auto 15px auto;
        color: #eee;
    }

    @media (min-width: 992px) {
        .testimonials .testimonial-item p {
            width: 80%;
        }
    }

    .testimonials .swiper-pagination {
        margin-top: 20px;
        position: relative;
    }

    .testimonials .swiper-pagination .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        background-color: #a1bdd1;
        opacity: 0.5;
    }

    .testimonials .swiper-pagination .swiper-pagination-bullet-active {
        background-color: #ff4a17;
        opacity: 1;
    }
    /*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/

    .portfolio #portfolio-flters {
        padding: 0;
        margin: 0 auto 25px auto;
        list-style: none;
        text-align: center;
        border-radius: 50px;
    }

    .portfolio #portfolio-flters li {
        cursor: pointer;
        display: inline-block;
        padding: 8px 16px;
        font-size: 14px;
        font-weight: 500;
        line-height: 1;
        color: #444444;
        margin: 0 3px 10px 3px;
        transition: all ease-in-out 0.3s;
        background: #e5edf3;
        border-radius: 4px;
    }

    .portfolio #portfolio-flters li:hover,
    .portfolio #portfolio-flters li.filter-active {
        color: #fff;
        background: #ff4a17;
    }

    .portfolio #portfolio-flters li:last-child {
        margin-right: 0;
    }

    .portfolio .portfolio-item {
        margin-bottom: 30px;
        overflow: hidden;
    }

    .portfolio .portfolio-item img {
        position: relative;
        top: 0;
        transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

    .portfolio .portfolio-item .portfolio-info {
        opacity: 0;
        position: absolute;
        left: 15px;
        right: 15px;
        bottom: -50px;
        z-index: 3;
        transition: all ease-in-out 0.3s;
        background: #ff4a17;
        padding: 15px 20px;
    }

    .portfolio .portfolio-item .portfolio-info h4 {
        font-size: 18px;
        color: #fff;
        font-weight: 600;
    }

    .portfolio .portfolio-item .portfolio-info p {
        color: #fff;
        font-size: 14px;
        margin-bottom: 0;
    }

    .portfolio .portfolio-item .portfolio-info .preview-link,
    .portfolio .portfolio-item .portfolio-info .details-link {
        position: absolute;
        right: 50px;
        font-size: 24px;
        top: calc(50% - 18px);
        color: white;
        transition: ease-in-out 0.3s;
    }

    .portfolio .portfolio-item .portfolio-info .preview-link:hover,
    .portfolio .portfolio-item .portfolio-info .details-link:hover {
        color: #ffc1b0;
    }

    .portfolio .portfolio-item .portfolio-info .details-link {
        right: 15px;
    }

    .portfolio .portfolio-item:hover img {
        top: -30px;
    }

    .portfolio .portfolio-item:hover .portfolio-info {
        opacity: 1;
        bottom: 0;
    }
    /*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/

    .contact-form {
        margin: 20px 0;
        padding: 30px;
        box-shadow: 0px 0 30px rgb(21 34 43 / 8%);
    }

    .contact-form .form-control {
        margin-bottom: 6px;
        font-size: 12px;
    }

    .portfolio-details {
        padding-top: 10px;
        background: #fff;
        margin-bottom: 30px;
    }

    .cop {
        color: #fff;
        text-decoration: none;
        background-color: #000;
        padding: 5px 20px;
        border-radius: 0;
        float: right;
    }

    .portfolio-details .portfolio-details-slider img {
        width: 100%;
    }

    .portfolio-details .portfolio-details-slider .swiper-pagination {
        margin-top: 20px;
        position: relative;
    }

    .portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        background-color: #fff;
        opacity: 1;
        border: 1px solid #ff4a17;
    }

    .portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
        background-color: #ff4a17;
    }

    .portfolio-details .portfolio-info {
        padding: 30px;
        box-shadow: 0px 0 30px rgba(21, 34, 43, 0.08);
    }

    .portfolio-details .portfolio-info h3 {
        font-size: 22px;
        font-weight: 400;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #eee;
    }

    .portfolio-details .portfolio-info ul {
        list-style: none;
        padding: 0;
        font-size: 15px;
    }

    .portfolio-details .portfolio-info ul li+li {
        margin-top: 10px;
    }

    .portfolio-details .portfolio-description {
        padding-top: 30px;
    }

    .portfolio-details .portfolio-description h2 {
        font-size: 26px;
        font-weight: 400;
        margin-bottom: 20px;
    }

    .portfolio-details .portfolio-description p {
        padding: 0;
    }
    /*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/

    .team {
        position: relative;
    }

    .team .container {
        position: relative;
        z-index: 10;
    }

    .team .member {
        margin-bottom: 80px;
        position: relative;
    }

    .team .member .pic {
        overflow: hidden;
    }

    .team .member .member-info {
        position: absolute;
        bottom: -50px;
        left: 20px;
        right: 20px;
        background: #fff;
        padding: 20px 15px;
        color: #15222b;
        box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
        overflow: hidden;
        transition: 0.5s;
    }

    .team .member h4 {
        font-weight: 700;
        margin-bottom: 10px;
        font-size: 16px;
        color: #15222b;
        position: relative;
        padding-bottom: 10px;
    }

    .team .member h4::after {
        content: "";
        position: absolute;
        display: block;
        width: 50px;
        height: 1px;
        background: #7fa5c0;
        bottom: 0;
        left: 0;
    }

    .team .member span {
        font-style: italic;
        display: block;
        font-size: 13px;
    }

    .team .member .social {
        position: absolute;
        right: 15px;
        bottom: 15px;
    }

    .team .member .social a {
        transition: color 0.3s;
        color: #477392;
    }

    .team .member .social a:hover {
        color: #ff4a17;
    }

    .team .member .social i {
        font-size: 16px;
        margin: 0 2px;
    }

    @media (max-width: 992px) {
        .team .member {
            margin-bottom: 110px;
        }
    }
    /*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/

    .contact .info-box {
        color: #444444;
        text-align: center;
        box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
        padding: 20px 0 30px 0;
    }

    .contact .info-box i {
        font-size: 32px;
        color: #ff4a17;
        border-radius: 50%;
        padding: 8px;
    }

    .contact .info-box h3 {
        font-size: 20px;
        color: #777777;
        font-weight: 700;
        margin: 10px 0;
    }

    .contact .info-box p {
        padding: 0;
        line-height: 24px;
        font-size: 14px;
        margin-bottom: 0;
    }

    .contact .php-email-form {
        box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
        padding: 30px;
    }

    .contact .php-email-form .error-message {
        display: none;
        color: #fff;
        background: #ed3c0d;
        text-align: left;
        padding: 15px;
        font-weight: 600;
    }

    .contact .php-email-form .error-message br+br {
        margin-top: 25px;
    }

    .contact .php-email-form .sent-message {
        display: none;
        color: #fff;
        background: #18d26e;
        text-align: center;
        padding: 15px;
        font-weight: 600;
    }

    .contact .php-email-form .loading {
        display: none;
        background: #fff;
        text-align: center;
        padding: 15px;
    }

    .contact .php-email-form .loading:before {
        content: "";
        display: inline-block;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        margin: 0 10px -6px 0;
        border: 3px solid #18d26e;
        border-top-color: #eee;
        -webkit-animation: animate-loading 1s linear infinite;
        animation: animate-loading 1s linear infinite;
    }

    .contact .php-email-form input,
    .contact .php-email-form textarea {
        border-radius: 0;
        box-shadow: none;
        font-size: 14px;
        border-radius: 4px;
    }

    .contact .php-email-form input:focus,
    .contact .php-email-form textarea:focus {
        border-color: #ff4a17;
    }

    .contact .php-email-form input {
        padding: 10px 15px;
    }

    .contact .php-email-form textarea {
        padding: 12px 15px;
    }

    .contact .php-email-form button[type=submit] {
        background: #ff4a17;
        border: 0;
        padding: 10px 24px;
        color: #fff;
        transition: 0.4s;
        border-radius: 4px;
    }

    .contact .php-email-form button[type=submit]:hover {
        background: #ff5e31;
    }

    @-webkit-keyframes animate-loading {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }

    @keyframes animate-loading {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
    /*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/

    .breadcrumbs {
        padding: 15px 0;
        background: #f0f4f8;
        min-height: 40px;
        margin-top: 78px;
    }

    .breadcrumbs h2 {
        font-size: 28px;
        font-weight: 400;
    }

    .breadcrumbs ol {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .breadcrumbs ol li+li {
        padding-left: 10px;
    }

    .breadcrumbs ol li+li::before {
        display: inline-block;
        padding-right: 10px;
        color: #263d4d;
        content: "/";
    }

    @media (max-width: 992px) {
        .breadcrumbs {
            margin-top: 52px;
        }
        .breadcrumbs .d-flex {
            display: block !important;
        }
        .breadcrumbs ol {
            display: block;
        }
        .breadcrumbs ol li {
            display: inline-block;
        }
    }
    /*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

    .about {}

    #footer {
        background: var(--primary-color) url(../img/explore-by-property-01.png) no-repeat;
        padding: 0 0 30px 0;
        color: #fff;
        font-size: 14px;
        background-blend-mode: color-burn;
        position: relative;
    }

    #footer .footer-top {
        padding: 60px 0 30px 0;
    }

    #footer .footer-top .footer-info {
        margin-bottom: 30px;
    }

    #footer .footer-top .footer-info h3 {
        font-size: 28px;
        margin: 0 0 15px 0;
        padding: 2px 0 2px 0;
        line-height: 1;
        font-weight: 700;
    }

    #footer .footer-top .footer-info p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 0;
        font-family: 'Roboto', sans-serif;
        color: #fff;
    }

    #footer .footer-top .social-links a {
        font-size: 18px;
        display: inline-block;
        /*background: rgba(255, 255, 255, 0.08);*/
        color: #fff;
        line-height: 1;
        padding: 8px 0;
        margin-right: 4px;
        border-radius: 10px;
        text-align: center;
        width: 36px;
        height: 36px;
        transition: 0.3s;
    }

    #footer .footer-top .social-links a:hover {
        /*background: rgba(255, 255, 255, 0.1);*/
        background: var(--primary-hover);
        color: #fff;
        text-decoration: none;
    }

    #footer .footer-top h4 {
        font-size: 18px;
        font-weight: 400;
        color: #fff;
        position: relative;
        padding-bottom: 12px;
    }

    #footer .footer-top .footer-links {
        margin-bottom: 30px;
    }

    #footer .footer-top .footer-links ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    #footer .footer-top .footer-links ul i {
        padding-right: 2px;
        color: #fff;
        font-size: 18px;
        line-height: 1;
    }

    .footer-top h6 {
        font-size: 10px;
        font-weight: 400;
    }

    ul.glory {
        padding: 0;
        margin: 0;
    }

    ul.glory li {
        list-style: none;
    }

    #footer .footer-top .footer-links.surilo ul li {
        padding: 0;
        display: flex;
        align-items: center;
        width: 50%;
        margin-bottom: 10px;
    }

    #footer .footer-top .footer-links ul li {
        padding: 0;
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }

    #footer .footer-top .footer-links .img-holder {
        max-width: 120px;
        margin: 0 10px 10px 0
    }

    #footer .footer-top .footer-links ul li:first-child {
        padding-top: 0;
    }

    #footer .footer-top .footer-links ul a {
        color: #fff;
        transition: 0.3s;
        display: inline-block;
        line-height: 1;
        font-size: 12px;
    }

    .footer-top p {
        font-size: 12px;
    }

    .copyright strong {
        font-size: 14px;
        font-weight: 600;
        color: #fff;
    }

    #footer .footer-top .footer-links ul a:hover {
        color: #ffffff80;
    }

    #footer .footer-top .footer-newsletter form {
        margin-top: 30px;
        background: #fff;
        padding: 6px 10px;
        position: relative;
        border-radius: 4px;
    }

    #footer .footer-top .footer-newsletter form input[type=email] {
        border: 0;
        padding: 4px;
        width: calc(100% - 110px);
    }

    #footer .footer-top .footer-newsletter form input[type=submit] {
        position: absolute;
        top: 0;
        right: -2px;
        bottom: 0;
        border: 0;
        background: none;
        font-size: 16px;
        padding: 0 20px;
        background: #0a58ca;
        color: #fff;
        transition: 0.3s;
        border-radius: 0 4px 4px 0;
        font-family: 'Baloo 2', cursive;
        font-weight: 400;
    }

    #footer .footer-top .footer-newsletter form input[type=submit]:hover {
        background: #0a58ca;
    }

    #footer .copyright {
        text-align: center;
        padding-top: 30px;
        position: relative;
    }

    #footer .copyright {
        text-align: center;
        padding-top: 30px;
        position: relative;
    }

    #footer .copyright::before {
        text-align: center;
        padding-top: 30px;
        position: absolute;
        border: 1px solid #000;
        width: 500px;
        top: 20px;
    }

    #footer .copyrightyu {
        text-align: center;
        padding-top: 0;
    }

    #footer .credits {
        padding-top: 10px;
        text-align: center;
        font-size: 13px;
        color: #fff;
    }

    #footer .credits a {
        transition: 0.3s;
    }

    .clearr {
        border: 1px solid #f7f9fc;
        margin-bottom: 10px;
    }
    /* Button used to open the contact form - fixed at the bottom of the page */
    /* The popup form - hidden by default */

    .form-popup {
        display: none;
        position: fixed;
        height: 100%;
        z-index: 9;
        width: 100%;
        background-color: var(--primary-color);
    }

    #radius-shape-1 {
        height: 220px;
        width: 220px;
        top: -60px;
        left: -130px;
        background: radial-gradient(#44006b, #ad1fff);
        overflow: hidden;
    }

    #radius-shape-2 {
        border-radius: 38% 62% 63% 37% / 70% 33% 67% 30%;
        bottom: -60px;
        right: -110px;
        width: 300px;
        height: 300px;
        background: radial-gradient(#44006b, #ad1fff);
        overflow: hidden;
    }
    /* Add styles to the form container */

    .form-container {
        width: 36%;
        padding: 30px;
        background-color: white;
        position: absolute;
        top: 30%;
        right: 33%;
    }
    /* Full-width input fields */

    .form-container input[type=text],
    .form-container input[type=password] {
        width: 100%;
        padding: 10px;
        margin: 5px 0 10px 0;
        border: none;
        background: #eff2f7;
        font-size: 16px;
    }
    /* When the inputs get focus, do something */

    .form-container input[type=text]:focus,
    .form-container input[type=password]:focus {
        background-color: #ddd;
        outline: none;
    }
    /* Set a style for the submit/login button */

    .form-container .btn {
        background-color: var(--primary-color);
        color: white;
        padding: 10px 30px;
        border: none;
        cursor: pointer;
        /* width: 30%; */
        margin-bottom: 10px;
        opacity: 0.8;
        float: right;
        margin-left: 5px;
        margin-top: 5px;
        border-radius: 0;
    }
    /* Add a red background color to the cancel button */

    .form-container .cancel.ko {
        background-color: #C7C2C2;
        width: 20px;
        position: absolute;
        display: block;
        font-family: 'Baloo 2';
        top: 10px;
        right: 10px;
        padding: 0;
        height: 20px;
        border-radius: 50%;
        z-index: 999;
        line-height: 20px;
    }

    .form-popup h1 {
        font-size: 20px;
        font-family: 'Baloo 2';
    }

    .form-popup input[type=checkbox] {
        top: 3px;
    }

    .form-container .cancel {
        background-color: red;
        display: none;
        width: 30%;
    }
    /* Add some hover effects to buttons */

    .form-container .btn:hover,
    .open-button:hover {
        opacity: 1;
    }

    .subscribe-form .bxs-business {
        position: absolute;
        left: 10px;
        font-size: 20px;
        color: var(--primary-color);
        bottom: 12px;
    }

    .featured_gradient {
        opacity: 1;
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.99), rgba(0, 0, 0, 0) 100%);
    }

    .featured_gradient {
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 56%);
        pointer-events: none;
    }

    .featured_gradient {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: .67;
        z-index: 1;
        background-image: linear-gradient(to right top, #000, rgba(0, 0, 0, .5) 56%);
    }

    .featured_gradient:hover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: .67;
        z-index: 1;
        background-image: linear-gradient(to right top, #000, rgba(0, 0, 0, .2) 56%);
    }

    .pop .pulse-d {
        padding: 10px;
        position: absolute;
        bottom: 0;
        z-index: 13;
    }

    .pop .price-o {
        position: absolute;
        bottom: 25%;
        left: 5px;
        z-index: 7;
    }

    .pop.img-pulse img:hover {
        opacity: .9;
        transform: scale(1.1);
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')";
        filter: progid: DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand');
    }

    .latest.late.products .pulse-d {
        text-align: center;
        padding: 10px 10px 0 10px;
    }

    .latest.late.products .pulse-d .price-o a {
        /*color: #0a58ca;*/
        color: #1d1d1d;
        font-weight: 600;
        font-size: 16px;
    }

    .gall .col-md-4 {
        display: none;
    }

    .gall .content {
        background-color: #333;
        height: 200px;
        margin: 0px 0 0 0;
        border: 1px solid #ccc;
        position: relative;
        overflow: hidden;
    }

    .gall .load-more {
        background-color: #0a58ca;
        color: #fff !important;
        padding: 5px 10px;
        font-size: 12px;
        margin: 10px 0;
        display: inline-block;
    }

    .gall .load-more:hover {
        background-color: var(--primary-color);
        text-decoration: none;
    }

    .gall {
        text-align: right;
    }

    .xoxo {
        display: none;
    }

    .gall .section-title {
        text-align: left;
    }

    .text-danger {
        font-size: 10px;
    }

    .container.gallery-container {
        color: #35373a;
    }

    .gallery-container h1 {
        text-align: center;
        margin-top: 50px;
        font-family: 'Droid Sans', sans-serif;
        font-weight: bold;
    }

    .gallery-container p.page-description {
        text-align: center;
        margin: 25px auto;
        font-size: 18px;
        color: #999;
    }

    .tz-gallery {
        padding: 0;
    }
    /* Override bootstrap column paddings */

    .tz-gallery .row>div {
        padding: 5px;
    }

    .tz-gallery .lightbox img {
        width: 100%;
        border-radius: 0;
        position: relative;
    }

    .tz-gallery .lightbox:before {}

    .tz-gallery .lightbox:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        background-color: rgba(46, 132, 206, 0.7);
        content: '';
        transition: 0.4s;
    }

    .jazzy {
        background: #ddd;
        padding: 30px 100px;
        margin: 0 auto;
        width: 100%;
    }

    .jazzyy {
        background: #ccc;
        padding: 10px 110px;
        margin: 0 auto;
        width: 100%;
    }

    .tz-gallery .lightbox:hover:after,
    .tz-gallery .lightbox:hover:before {
        opacity: 1;
    }

    .baguetteBox-button {
        background-color: transparent !important;
    }

    @media(max-width: 768px) {
        body {
            padding: 0;
        }
    }

    .carousel-inner img {
        width: 100%;
        height: 100%;
    }

    .kc .carousel-inner img {
        border-radius: 10px !important;
        width: 100%;
        height: 200px;
    }

    .kc .card-body {
        flex: 1 1 auto;
        padding: 0;
    }

    #custCarousel .carousel-indicators {
        position: relative;
        margin: 15px 0 0 0;
    }

    #custCarousel .carousel-indicators .carousel-control-next,
    #custCarousel .carousel-indicators .carousel-control-prev {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 44 !important;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        padding: 0;
        color: #fff;
        text-align: center;
        background: #000;
        border: 0;
        opacity: 0;
        transition: opacity .15s ease;
    }

    .list-inline-item .img-fluid {
        max-width: 100%;
        object-fit: cover;
    }

    #custCarousel .carousel-indicators:hover .carousel-control-next,
    #custCarousel .carousel-indicators:hover .carousel-control-prev {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 44 !important;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        padding: 0;
        color: #fff;
        text-align: center;
        background: #000;
        border: 0;
        opacity: 0.7 !important;
        transition: opacity .15s ease;
    }

    #custCarousel .carousel-indicators>li {
        width: 100px;
        height: 50px;
        overflow: hidden;
    }

    #custCarousel .carousel-indicators li img {
        display: block;
        opacity: 0.5;
    }

    #custCarousel .carousel-indicators li.active img {
        opacity: 1;
        padding: 0;
        background: #fff;
    }

    #for-products-vid .mt-5 {
        margin-top: 0 !important;
    }

    #custCarousel .carousel-indicators li:hover img {
        opacity: 0.75;
    }

    #listing_description_content p span {
        background: transparent !important;
    }

    .carousel-item img {
        width: 100%;
    }

    #for-products-vid .carousel-inner img {
        width: 100%
    }

    #custCarousel,
    #slider-slider-forii {
        padding: 15px;
        background: #fff;
        box-shadow: 0 2px 5px rgb(0 0 0 / 18%), inset 0 4px 0 #2e9cc4;
        margin-bottom: 30px;
    }

    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 100% 100%;
        position: absolute;
        bottom: 9px;
    }

    #for-products-vid .carousel-item img {
        width: 620px;
        height: 360px !important;
        object-fit: cover;
    }

    #for-products-vid {
        padding: 0;
        margin-bottom: 30px;
        box-shadow: 0 2px 5px rgb(0 0 0 / 18%), inset 0 4px 0 #474747;
    }

    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
        max-height: 450px;
    }

    #multi-item-example .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
        max-height: 450px;
        padding: 0 20px;
    }

    .items-details {
        width: 100%;
    }

    .info-row .date {
        display: none;
    }

    #for-products-vid .container {
        padding: 0;
    }

    .carousel-item {}

    #for-products-vid #myCarousel .carousel-indicators {
        position: static;
        margin-top: 0px
    }

    #for-products-vid #myCarousel .carousel-indicators>li {
        width: 96px;
        height: 54px;
        overflow: hidden;
        margin-top: 10px;
    }

    #for-products-vid #myCarousel .carousel-indicators li img {
        display: block;
        opacity: 0.5
    }

    #for-products-vid #myCarousel .carousel-indicators li.active img {
        opacity: 1
    }

    #for-products-vid #myCarousel .carousel-indicators li:hover img {
        opacity: 0.75
    }

    .related .col-md-3 {
        display: inline-block;
    }

    .make-favorite {
        display: none;
    }

    .row.w-100 {
        width: auto !important;
    }

    .add-image {
        position: relative;
        width: 100%;
        height: 166px;
        overflow: hidden;
    }

    @media (min-width: 1400px) {
        .skin.pace-done .container {
            max-width: 1920px;
        }
        .skin.pace-done .container.d-flex.align-items-center {
            /*padding: 0 20px;*/
        }
    }

    .controls-top {
        float: right;
        padding: 20px;
    }

    .rel-top {
        float: left;
    }

    .carousel-item {
        position: relative;
        display: none;
        float: left;
        width: 100%;
        margin-right: -100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition: transform .6s ease-in-out;
    }

    #multi-item-example {
        /*box-shadow: 0 2px 5px rgb(0 0 0 / 18%), inset 0 4px 0 #2e9cc4;*/
        box-shadow: 0 2px 5px rgb(0 0 0 / 18%), inset 0 4px 0 var(--color-green);
        background: #fff;
        ;
    }

    .btn.btn-info.gk {
        color: #fff;
        transition: all .7s ease;
        -moz-transition: all .7s ease;
        -ms-transition: all .7s ease;
        -webkit-transition: all .7s ease;
        -o-transition: all .7s ease;
        background: var(--primary-color);
        display: flex;
        margin: 15px auto;
        border: none;
        padding: 8px 30px;
    }

    .btn.btn-info.gk:hover {
        background: #fcad0d;
    }

    .swiper-button-next,
    .swiper-button-prev {
        top: 42% !important;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-family: swiper-icons;
        font-size: 12px !important;
        text-transform: none !important;
        color: #fff;
        background: #2e9cc4;
        padding: 4px;
        letter-spacing: 0;
        text-transform: none;
        font-variant: initial;
        line-height: 1;
    }

    .card {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: transparent !important;
        background-clip: border-box;
        border: 0 !important;
        border-radius: 0.25rem;
    }

    .btn-floating {
        padding: 5px 10px;
        box-shadow: 0 2px 5px #0000002e;
        background-color: #ffffff;
        border-radius: 50%;
        cursor: pointer;
        margin-left: 5px;
    }

    .rel-top h2 {
        font-size: 16px;
        font-weight: 700;
        letter-spacing: -1px;
        color: #153e4b;
        text-transform: uppercase;
        padding: 20px;
    }

    .card-img,
    .card-img-top {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }

    .card-body a {
        font-size: 16px;
        color: #555;
    }

    .card-body a:hover {
        font-size: 16px;
        color: #666;
    }

    .kc .card-body a:hover {
        font-size: 16px;
        color: #000;
    }

    .card-body {
        flex: 1 1 auto;
        padding: 0.2rem 1rem 0 0 !important;
    }
    /* Slider */

    .slick-slider {
        position: relative;
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
        height: 470px;
        overflow: hidden;
    }

    .slick-list {
        position: relative;
        overflow: hidden;
        display: block;
        margin: 0;
        padding: 0;
    }

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

    .slick-slider .slick-track,
    .slick-slider .slick-list {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        /* font-weight   : 600; */
    }

    .slick-slider .slick-track h3 {
        font-weight: 600;
    }

    .slick-track {
        position: relative;
        left: 0;
        top: 0;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .slick-track:before,
    .slick-track:after {
        content: "";
        display: table;
    }

    .slick-track:after {
        clear: both;
    }

    .slick-loading .slick-track {
        visibility: hidden;
    }

    .slick-slide {
        float: left;
        height: 100%;
        min-height: 1px;
        display: none;
    }

    .slider.slider-nav {
        height: 150px;
        overflow: hidden;
        margin-top: 20px;
    }

    #image-gallery {
        margin-bottom: 30px;
    }

    .slick-slide.slick-current.slick-active {
        height: 500px;
        object-fit: cover;
        object-position: center !important;
    }

    .slick-slide.slick-current.slick-active div {
        height: 500px;
        object-position: center !important;
        overflow: hidden;
    }
    
    [dir="rtl"] .slick-slide {
        float: right;
    }

    .slick-slide img {
        display: block;
        width: 100%;
        height: 500px;
        object-fit: cover;
        object-position: center !important;
    }
    .wrapper .slick-slide img {
        display: block;
        width: 100%;
        height: 200px;
        object-fit: cover;
        object-position: center !important;
    }

    .slick-slide.slick-loading img {
        display: none;
    }

    .slick-slide.dragging img {
        pointer-events: none;
    }

    .slick-initialized .slick-slide {
        display: block;
    }

    .slick-loading .slick-slide {
        visibility: hidden;
    }

    .slick-vertical .slick-slide {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }

    .slick-arrow.slick-hidden {
        display: none;
    }

    .slick-loading .slick-list {
        background: #fff center center no-repeat;
    }

    .slick-prev,
    .slick-next {
        position: absolute;
        display: block;
        line-height: 0px;
        font-size: 0px;
        cursor: pointer;
        background: rgba(0, 0, 0, .2);
        color: #fff;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding: 0;
        border: none;
        outline: none;
        border-radius: 50%;
        z-index: 222;
    }

    #image-gallery .slick-prev {
        left: 0;
    }

    #image-gallery .slick-next {
        right: 0;
    }

    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus {
        outline: none;
        opacity: 0.45;
    }

    .slick-prev:hover:before,
    .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
        opacity: 1;
    }

    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before {
        opacity: 0.25;
    }

    .slick-prev:before,
    .slick-next:before {
        font-family: boxicons !important;
        font-weight: 400;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-rendering: auto;
        font-size: 25px;
        line-height: 1;
        color: #fff;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .slick-prev {
        left: -50px;
    }

    .items .slick-prev {
        left: 0;
    }

    [dir="rtl"] .slick-prev {
        left: auto;
        right: -25px;
    }

    .slick-prev:before {
        content: "←";
    }

    [dir="rtl"] .slick-prev:before {
        content: "→";
    }

    .slick-next {
        right: -50px;
    }

    .items .slick-next {
        right: 0;
    }

    [dir="rtl"] .slick-next {
        left: -25px;
        right: auto;
    }

    .slick-next:before {
        content: "→";
    }

    [dir="rtl"] .slick-next:before {
        content: "←";
    }

    .slick-dotted.slick-slider {
        margin-bottom: 30px;
    }

    .slick-dots {
        position: absolute;
        bottom: -25px;
        list-style: none;
        display: block;
        text-align: center;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

    .slick-dots li button {
        border: 0;
        background: transparent;
        display: block;
        height: 20px;
        width: 20px;
        outline: none;
        line-height: 0px;
        font-size: 0px;
        color: transparent;
        padding: 5px;
        cursor: pointer;
    }

    .slick-dots li button:hover,
    .slick-dots li button:focus {
        outline: none;
    }

    .slick-dots li button:hover:before,
    .slick-dots li button:focus:before {
        opacity: 1;
    }

    .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: #000;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .slick-dots li.slick-active button:before {
        color: #000;
        opacity: 0.75;
    }

    .bookbeyond .bey .col-lg-8.pt-4.pt-lg-0 .slick-arrow:before {
        display: block;
    }

    .slick-prev:before {
        content: "\ecb0";
        left: -50px;
    }

    .slick-next:before {
        content: "\ecb3";
        right: -50px;
    }

    #lightbox .lb-outerContainer {
        position: relative;
        background-color: #fff;
        max-width: 950px !important;
        max-height: 100vh !important;
        margin: 0 auto;
        border-radius: 4px;
        width: 60% !important;
    }

    .lightbox .lb-image {
        display: block;
        height: auto !important;
        max-width: 100% !important;
        border-radius: 3px;
        object-fit: cover;
        width: 100% !important;
    }

    .ck .add-too {
        position: absolute;
        bottom: 20%;
        right: 10px;
        z-index: 1;
    }

    .ck #multi-item-example {
        box-shadow: 0 2px 5px rgb(0 0 0 / 18%), inset 0 4px 0 #ff6868;
        background: #f1f0ed;
    }

    .ck .container {
        width: 70%;
    }

    .lightbox .lb-container {
        padding: 0;
    }

    .pagination.justify-content-center {
        justify-content: right !important;
    }

    .card.border-light {
        box-shadow: none !important;
    }

    #testimonials .swiper-wrapper {
        height: auto;
    }

    .g-recaptcha {
        transform: scale(0.9);
        transform-origin: 0 0;
    }

    .lb-nav a.lb-next {
        background-size: 10%;
    }

    .lb-nav a.lb-prev {
        background-size: 15%;
    }

    #listing_description_type3 .nav-fill .nav-item,
    .nav-fill>.nav-link {
        flex: none;
        text-align: center;
    }

    #listing_description_type3 .nav-tabs .nav-link.active {
        color: var(--primary-color);
        background-color: #fff;
        border-color: #dee2e6 #dee2e6 #fff;
    }

    #listing_description_type3 .nav-link {
        display: block;
        padding: 0.5rem 1rem;
        color: #999;
        text-decoration: none;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    }

    #listing_description_type3 .more-less {
        color: #fff;
        font-size: 14px;
        border: 1px solid #e4e4e4;
    }

    .dropdown-menu {
        overflow: visible;
    }

    .page-content .inner-box {
        overflow: visible !important;
    }

    .table-responsive {
        overflow-x: visible;
    }
    .toast-info {

        background-color: var(--color-green) !important;
    }

    /* width */
    ::-webkit-scrollbar {
      width: 12px;
    }

    /* Track */
    ::-webkit-scrollbar-track {
      box-shadow: inset 0 0 5px grey;
      background: rgb(218,135,95);
      background: linear-gradient(360deg, rgba(218,135,95,1) 7%, rgba(238,238,238,1) 72%);
      border-radius: 10px;
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: rgb(248,85,6);
        background: linear-gradient(360deg, var(--primary-color) 7%, rgba(196,68,6,1) 72%);
      border-radius: 10px;
    }

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: rgb(156,51,0);
        background: linear-gradient(360deg, rgba(156,51,0,1) 8%, rgba(248,85,6,1) 95%);
    }