@import url("https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap");
    :root{
        --primary-color :  #003424;
        --secondary-color : #5C727D;
        --third-color : #EBC075;
        --sub-bg-color : #eaf1f5;
        --section-bg-color : #F2F6F7;
        --cover-bg-color : #F7F7FA;
        --dark-color : #333333;
        --light-color : #fff;
        --gray-color : #9999;
    }
    

    h1, h2, h3, h4, h5, h6{
        font-weight: 700;
    }
    p, block, ul, li, table, article, aside, figcaption, figure, footer, header, hgroup ,a, button, strong, url{
        font-weight: 400;
    }
    p{
        color: var(--secondary-color);
    }
    @media screen and (min-width: 1200px){
        div.container{
            max-width: 1140px !important;
        }
    }

    @media screen and (min-width: 992px) {
        li.nav-item.dropdown:hover .dropdown-menu {
            display: block;
            margin-top: 0;
        }
    }
    .big-image-container img {
        width: 100%;
    }
    
    h1, h2, h3, h4, h5, h6 , p, block, ul, li, table, article, aside, figcaption, figure, footer, header, hgroup ,a, button, strong, url, span, input, textarea {
        font-family: "Montserrat", "Battambang", sans-serif !important;
    }
    .big-image-container {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .big-image-container img {
        width: 100%;
        height: 320px;
        object-fit: cover;
        transition: opacity 3s ease-in-out; /* Smooth transition for opacity */
    }
    .modal-open{
        padding-right: 0 !important;
    }
    ul.main-menu-dl{
        gap: 20px;
    }
    a.menu-virtual-reality {
        border: 1px solid var(--light-color);
    }
    a.nav-link.dropdown-toggle {
        width: max-content;
        color : var(--light-color) !important;
        border-radius: 20px;
        padding: 0.6rem 1rem !important;
    }
    .lang{
        display: flex;
        align-items: center;
    }
    .btn-btn-search {
        background-color: var(--primary-color) !important;
        color : var(--light-color) !important;
    }
    .lang button.text-uppercase.btn {
        color: var(--light-color);
    }


    /* Search For Page */
    .search h2 {
        font-size: 25px;
        color: var(--primary-color);
        margin: 0 0 20px;
    }
    .search_form_holder #searchInput {
        width: 100%;
        max-width: 87%;
        border: 1px solid #cccccc5e;
        outline: unset;
    }
    .search_form_holder .btn_theme_color {
        background-color: var(--primary-color);
        color: var(--light-color);
        cursor: pointer;
    }
    .search_form_holder input#searchInput {
        padding: 13px 16px;
    }
    .search_form_holder input.btn_theme_color {
        padding: 13px 16px;
    }
    .search-result-item h3 a {
        font-size: 18px;
        color: var(--primary-color);
    }
    .search-result-item {
        padding: 12px 0;
        border-bottom: 1px solid #cccccc5e;
    }

    /* Search Button */
    .nav-search #search-btn.bx {
        margin-right: 6px;
    }
    .nav-search #search-btn.bx{
        color: var(--light-color)!important;
    }

    /* Logo Our Website */
    .img-thumbnail.bg-transparent {
        width: 150px;
    }
    .text-uppercase.btn img {
        width: 30px;
        margin: 0 5px;
    }   
    .dropdown-menu.show img {
        width: 30px;
        margin: 5px;
    }
    .lang .dropdown-menu.show {
        border: unset;
        min-width: 6rem;
        text-align: center;
        box-shadow: -1px 2px 5px -1px #9999;
        margin: 12px 0;
    }

    /* 360 Degree */
    a.nav-link.dropdown-toggle.menu-virtual-reality:before {
        content: '';
        width: 20px;
        height: 20px;
        display: inline-block;
        margin-right: 5px;
        background-image: url('/storage/app/uploads/icons/360-degrees.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        
    }


    /* Search */
    .btn.btn-btn-search-main {
        background-color: var(--primary-color) !important;
    }
    #search-box i#close-btn:hover {
        color: var(--primary-color);
    }
    .side-nav .nav-search #search-btn:hover {
        color: var(--light-color)!important;
    }

    /* Slide */
    div#home {
        overflow: hidden !important;
    }
    .hero-slider.owl-carousel.owl-theme.\34 64.owl-loaded.owl-drag .owl-nav {
        display: none;
    }
    p.cap_title:before {
        content: '';
        border: 1px solid var(--primary-color);
        position: absolute;
        height: 45px;
        top: 0;
        left: 0px;
    }
    p.sub_title{
        margin: 0 0 20px;
        color: var(--primary-color);
    }
    h1.fade-in-from-top {
        font-size: 2.5rem;
        margin: 0 0 20px;
        color: var(--primary-color);
    }
    p.cap_title{
        margin: 0 0 35px;
        padding-left: 20px;
        color: var(--primary-color);
    }
    a.common-btn.btn.btn-success {
        border: 1px solid var(--primary-color);
        color: var(--primary-color);
        background-color: unset;
        padding: 12px 36px;
        border-radius: unset;
    }a.common-btn.btn.btn-success:hover {
        border: 1px solid var(--primary-color);
        background-color: var(--primary-color);
        padding: 12px 36px;
        border-radius: unset;
    }

    .main-slider {
        height: 520px;
    }

    div#home.hero-slider button.owl-dot span {
        width: 20px;
        height: 20px;
        border: 1px solid var(--primary-color);
    }

    div#home.hero-slider button.owl-dot.active span {
        width: 20px !important;
        height: 20px;
        border: 1px solid var(--light-color);
        background-color: var(--primary-color) !important;
        
    }
    
    /* .section-bg-award .owl-theme .owl-dots .owl-dot.active span,
    .owl-theme .owl-dots .owl-dot:hover span {
        background: transparent !important;
    } */


    .nav-item.dropdown .nav-link:hover .bx-chevron-down {
        transform: rotate(180deg);
        transition: transform 0.3s ease;
      }

    /* Hom Page  */
    .home-img {
        right: 15px;
    }
    .home-img:after {
        background-image: radial-gradient(circle, #003424 3px, transparent 4px);
        width: 135px;
        height: 150px;
        background-size: 20px 22px;
        position: absolute;
        content: '';
        z-index: -1;
        left: -15px;
        top: -42px;
    }
    .home-img img {
        border: 10px solid var(--light-color);
        border-radius: 5px;
        box-shadow: 0px 0px 4px 0px var(--gray-color);
        position: relative;
    }
    p.des-homepage {
        font-size: 15px;
        text-align: left;
    }
    .title_top {
        width: max-content;
        padding: 8px 24px;
        border-radius: 25px;
        background-color: var(--sub-bg-color);
        color: var(--primary-color);
        text-align: left;
    }
    .btn-btn-detail a.btn.btn-success {
        width: max-content;
        padding: 12px 36px;
        background-color: var(--primary-color);
        border-radius: unset;
    }
    .section-home-ourpro .col-md-6:last-child {
        padding: 0;
    }
    .section-bg-prime_zone .col-md-6:first-child {
        padding-left: 0;
    }
    .col-sm-12.section-bg-prime_zone {
        background-color: var(--section-bg-color);
    }
    .descrip-news-info {
        /*height:150px;*/
        padding: 20px;
        box-shadow: 0 1px 5px rgb(0 0 0 / 0.2);
    }
    .grid-col-news {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 20px;
    }
    .col-sm-12.grid-our-project {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 35px;
    }
    .main-info-home {
        display: flex;
        align-items: center;
        gap: 20px;
    }
    .des-info img {
        width: 30px;
    }
    .info-hompage-icon-img {
        background-color:var(--sub-bg-color);
        padding: 10px;
        border-radius: 50%;
    }

    .col-sm-12.grid-btn-pro {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 35px;
    }
    a.btn-pro {
        color: var(--light-color) !important;
        padding: 12px 36px;
        background-color: var(--primary-color);
    }
    .ourpro-img-slider .owl-dot.active span {
        width: 20px !important;
        height: 20px;
        border: 1px solid var(--light-color);
        background-color: var(--primary-color) !important;
    }
    .ourpro-img-slider button.owl-dot span {
        width: 20px;
        height: 20px;
        border: 1px solid var(--primary-color);
    }
    .ourpro-img-slider .owl-dots {
        bottom: -20px;
    }
    
    .close-btn span {
        position: absolute;
        right: 0px;
        font-size: 20px;
        width: 35px;
        height: 35px;
        text-align: center;
        border-radius: 50%;
        background-color: var(--primary-color);
        color: var(--light-color);
        cursor: pointer;
        opacity: 1;
    }
    .tab-primezone.modal-content {
        margin: 0 auto;
    }


    /* Video Youtube */
    .video-img img {
        border: unset;
        border-radius: unset;
    }
    .video-img {
        position: absolute;
        top: 50%;
        right: 43%;
        z-index:1;
    }
    .section-culture .video-img {
        position: absolute;
        top: 46%;
        right: 43%;
        z-index:1;
    }
    .video-img .d-flex {
        width: 300px;
        height: 200px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .video-img i.bx.bx-play-circle {
        font-size: 60px;
        color: var(--light-color);
    }
    .video-img span.btn.close-btn {
        position: absolute;
        top: -35px;
        right: -35px;
        width: 40px;
        height: 40px;
        background-color: #003424 !important;
        opacity: 1;
        border-radius: 50%;
        padding: 2px;
        color: #f5f5f5 !important;
        font-size: 20px;
    }


    /* Culture & Mission */

    .cultureMission{
        width: 100%;
        height: 400px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .home-img.section-culture {
        right: 15px;
    }

    .home-img.section-culture:after {
        background-image: radial-gradient(circle, #003424 3px, transparent 4px);
        width: 135px;
        height: 150px;
        background-size: 20px 22px;
        position: absolute;
        content: '';
        z-index: -1;
        left: -15px;
        top: -45px;
    }
    .cover-page-section {
        min-height: 300px;
        background-color: var(--cover-bg-color);
        display: flex;
        align-items: center;
    }
    .cover-page-section h3 {
        color: var(--primary-color);
    }
    .cover-page-section li {
        list-style-type: none;
    }
    .cover-page-section ul {
        display: flex;
        padding: 0;
        gap: 20px;
        align-items: center;
    }
    .grid-layout {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 20px;
    }
    .col.border {
        padding: 10px;
    }
    .col-sm-12.section-bg-culture {
        background-image: url('/storage/app/uploads/picture/Corporate%20Mission.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 285px;
        position: relative;
    }
    h1.head-corporate-mission {
        color: var(--primary-color);
    }
    .mission-our {
        /* position: absolute; */
        background-color: var(--light-color);
        box-shadow: 0 1px 5px rgb(0 0 0 / 0.2);
        border-radius: 12px;
        padding: 30px 55px 40px;
        position: relative;
        bottom: -40px;
        height: 180px;
    }
    .mission-our p{
        text-align: left;
        color: var(--secondary-color) ;
    }
    .our-listing .content h1 {
        font-size: 20px;
        margin: 0 0 15px;
        color: var(--secondary-color);
    }
    .our-listing p{
        color: var(--secondary-color);
    }
    .our-listing .border {
        padding: 30px;
    }
    p.culture-des {
        color: var(--secondary-color);
    }
    h5.culture-head{
        color: var(--secondary-color);
    }
    .module-slide-section-culture div#home.hero-slider.owl-nav.disabled {
        display: block;
    }
    .module-slide-section-culture div#home.hero-slider{
        overflow: hidden !important;
    }
    .culture-slider .owl-nav.disabled {
        display: block !important;
    }
    .module-slide-section-culture .owl-prev span {
        font-size: 30px;
        position: absolute;
        background-color: var(--primary-color);
        color: var(--light-color)!important;
        width: 35px;
        height: 50px;
        top: 42%;
        left: 0;
    }
    .module-slide-section-culture .owl-next span {
        font-size: 30px;
        position: absolute;
        background-color: var(--primary-color);
        color: var(--light-color)!important;
        width: 35px;
        height: 50px;
        top: 42%;
        right: 0;
    }
    .module-slide-section-culture .owl-dots {
        display: none;
    }
    .section-culture-mission .col-md-6:last-child {
        padding: 0;
    }
    .col-sm-12.our-listing{
        padding: 0;
    }
    .our-listing .col-md-6:first-child {
        padding-left: 0;
    }
    .our-listing .col-md-6:last-child {
        padding-right: 0;
    }

    /* CEO Meassage */
    .home-img.ceo-message{
        right: 10px;
    }
    .home-img.ceo-message:after {
        background-image: radial-gradient(circle, #003424 3px, transparent 4px);
        width: 135px;
        height: 150px;
        background-size: 20px 22px;
        position: absolute;
        content: '';
        z-index: -1;
        left: -25px;
        top: -40px;
    }
    h1.position-ceo {
        font-size: 20px;
    }
    .dragon-land-investment {
        font-size: 20px;
        margin: 0 0 20px;
    }
    .share-holder {
        font-size: 20px;
        margin: 0 0 20px;
    }
    img.desktop-banners{
        height: 520px;
        object-fit: cover;
    }
    .col-sm-12.section-bg-award {
        background-color: var(--section-bg-color) ;
    }
    .section-bg-award p.cap_title:before {
        border: unset;
    }
    .section-bg-award p.cap_title{
        padding-left : 0;
    }
    .section-bg-award h1.fade-in-from-top {
        font-size: 32px;
    }
    .section-bg-award p.sub_title {
        width: max-content;
        padding: 8px 24px;
        border-radius: 25px;
        background-color: var(--sub-bg-color);
        color: var(--primary-color);
    }
    .section-bg-award .owl-nav {
        display: none;
    }
    .investment {
        display: flex;
        gap: 35px;
        align-items: center;
        justify-content: center;
        padding: 20px 70px;
        box-shadow: 0 1px 5px rgb(0 0 0 / 0.2);
        border-radius: 16px;
    }
    .invest-img img {
        width: 55px;
    }

    .strategy-partner {
        display: flex;
    }
    .grid-share-holder {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 20px;
    }
    .grid-share-holder .col {
        box-shadow: 0 1px 5px rgb(0 0 0 / 0.2);
        padding: 20px;
        border-radius: 16px;
    }
    .grid-share-holder .col img{
        width: 55px;
    }
    .partner-dragon .col-md-6 {
        padding: 0;
    }
    .partner-slider .owl-dots {
        position: relative;
        bottom: 0;
    }
    .img-item-logo img {
        width: 55px !important;
        height: 55px;
    }
    .img-item-logo {
        padding: 25px;
        box-shadow: 0 1px 5px rgb(0 0 0 / 0.2);
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .partner-slider .owl-dot span {
        width: 20px;
        height: 20px;
        border: 1px solid var(--primary-color);
    }

    .partner-slider .owl-dot.active span {
        width: 20px !important;
        height: 20px;
        border: 1px solid var(--light-color);
        background-color: var(--primary-color) !important;
        
    }
    .col-sm-12 .section-award{
        padding: 0;
    }
    .section-award .col-sm-6:first-child {
        padding-left: 0;
    }
    .section-award .col-sm-6:last-child {
        padding-right: 0;
    }
    
    /* Villa Phase Project */
    .col-sm-12.villa-phase-project{
        padding: 0;
    }
    .villa-phase-project .col-md-6:first-child {
        padding-left: 0;
    }
    .villa-phase-project .col-md-6:last-child {
        padding-right: 0;
    }

    h1.head-villa {
        margin: 0 0 16px;
    }
    h1.head-villa:before {
        content: '';
        border: 1px solid;
        margin-right: 16px;
    }
    p.type-of-villa:before {
        content: '\eb2e';
        font-family: boxicons;
        margin-right: 12px;
        color: var(--primary-color);
    }
    p.date-of-villa:before {
        content: '\ed00';
        font-family: 'boxicons';
        margin-right: 16px;
        color: var(--primary-color);
    }
    a.btn-read:after {
        content: '\ebe6';
        font-family: boxicons;
        position: relative;
        top: 3px;
        left: 5px;
    }
    .btn-btn-more {
        transition: transform 0.3s ease-in-out;
    }
    .btn-btn-more:hover {
        transform: translateX(9px);
        transition-duration: 0.3s;
        transition-property: transform;
        transition-timing-function: ease-in-out;
    }
    
    /* Villa Tab_Image */
    .villa-img-slider button.owl-dot span {
        width: 20px;
        height: 20px;
        border: 1px solid var(--primary-color);
    }
    .villa-img-slider .owl-dot.active span {
        width: 20px !important;
        height: 20px;
        border: 1px solid var(--light-color);
        background-color: var(--primary-color) !important;
    }
    
    
    
    

    /* Condo Phase Project */
    .col-sm-12.condo-phase-project{
        padding: 0;
    }
    .condo-phase-project .col-md-6:first-child {
        padding-left: 0;
    }
    .condo-phase-project .col-md-6:last-child {
        padding-right: 0;
    }
    h1.head-condo {
        margin: 0 0 16px;
    }
    h1.head-condo:before {
        content: '';
        border: 1px solid;
        margin-right: 16px;
    }
     p.type-of-condo:before {
        content: '\eb2e';
        font-family: boxicons;
        margin-right: 12px;
        color: var(--primary-color);
    } 
    p.date-of-condo:before {
        content: '\ed00';
        font-family: 'boxicons';
        margin-right: 16px;
        color: var(--primary-color);
    }
    
    .condo-of-property-type .col-md-6:first-child {
        padding-left: 0;
    }
    .condo-of-property-type .col-md-6:last-child {
        padding-right: 0;
    }
    
     /* Condo Tab_Image */
    .condo-img-slider button.owl-dot span {
        width: 20px;
        height: 20px;
        border: 1px solid var(--primary-color);
    }
    .condo-img-slider .owl-dot.active span {
        width: 20px !important;
        height: 20px;
        border: 1px solid var(--light-color);
        background-color: var(--primary-color) !important;
    }
    
    
    
    
    /* Property-Type */
    .col-sm-12.property-type{
        padding: 0;
    }
    .property-type .col-md-6:first-child {
        padding-left: 0;
    }
    .property-type .col-md-6:last-child {
        padding-right: 0;
    }
    .col-sm-12.detail-property-type{
        padding: 0;
    }

    /* Interior */
    .interior{
        width: 100%;
        height: 715px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        object-fit: cover;
    }
    .interior-slider .owl-nav.disabled {
        display: block !important;
    }
    .interior-slider .owl-prev span {
        font-size: 30px;
        position: absolute;
        background-color: var(--primary-color);
        color: var(--light-color)!important;
        width: 35px;
        height: 50px;
        top: 42%;
        left: 0;
    }
    .interior-slider .owl-next span {
        font-size: 30px;
        position: absolute;
        background-color: var(--primary-color);
        color: var(--light-color)!important;
        width: 35px;
        height: 50px;
        top: 42%;
        right: 0 ;
    }

    /* Floor Plan */
    .floorplan{
        width: 100%;
        height: 500px;
        background-position: center center;
        background-size: contain;
        background-repeat: no-repeat;
        object-fit: cover;
    } 
    .floorplan-slider .owl-nav.disabled {
        display: block !important;
    }
    .floorplan-slider .owl-prev span {
        font-size: 30px;
        position: absolute;
        background-color: var(--primary-color);
        color: var(--light-color)!important;
        width: 35px;
        height: 50px;
        top: 42%;
        left: 0;
    }
    .floorplan-slider .owl-next span {
        font-size: 30px;
        position: absolute;
        background-color: var(--primary-color);
        color: var(--light-color)!important;
        width: 35px;
        height: 50px;
        top: 42%;
        right: 0 ;
    }

    /* Location Map */
    .locationMap{
        width: 100%;
        height: 450px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        object-fit: cover;
    }
    /* .locationMap-slider .owl-nav.disabled {
        display: block !important;
    }
    .locationMap-slider .owl-prev span {
        font-size: 30px;
        position: absolute;
        background-color: var(--primary-color);
        color: var(--light-color)!important;
        width: 35px;
        height: 50px;
        top: 42%;
        left: 0;
    }
    .locationMap-slider .owl-next span {
        font-size: 30px;
        position: absolute;
        background-color: var(--primary-color);
        color: var(--light-color)!important;
        width: 35px;
        height: 50px;
        top: 42%;
        right: 0 ;
    } */

    /* Facilities */
    .facilities-img img{
        height: 280px;
        object-fit:cover;
    }
    .items-info {
        display: flex;
        justify-content: space-between;
    }
    .items-first {
    gap: 80px;
    }
    .nav-tabs li {
    width: calc(100vw / 7);
    margin: 0 !important;
    }
    .icon img {
        width: 45px;
    }
    .grid-feature{
        display: grid;
        column-gap: 50px;
        grid-template-columns: repeat(2, 1fr);
    }
    .container a.active {
        border-bottom: 3px solid #003424;
        transition: none;
    }
    .nav-tabs li a {
        font-weight: bold;
        font-size: 20px;
    }

    .close span {
        position: absolute;
        top: 15px;
        right: 135px;
        font-size: 30px;
        width: 35px;
        height: 35px;
        text-align: center;
        border-radius: 50%;
        background-color: var(--primary-color);
        color: var(--light-color);
        cursor: pointer;
        opacity: 1;
    }
    
    .close {
        font-weight: normal !important;
        text-shadow: unset !important;
        opacity: 1 !important;
    }
    .card-items {
        position: relative;
    }
    .main-title-info {
        position: absolute;
        top: 65%;
        left: 25px;
    }
    .facilities-slider.owl-carousel .owl-nav.disabled {
        display: block !important;
    }
    .facilities-slider .owl-prev span {
        font-size: 75px;
        position: absolute;
        top: 25%;
        left: 0;
        color: var(--light-color);
    }
    .facilities-slider .owl-next span {
        font-size: 75px;
        position: absolute;
        top: 25%;
        right: 0;
        color: var(--light-color);
    }
    .owl-nav button.owl-next:hover {
        background-color: unset !important;
        color: var(--dark-color)!important;
    }
    .owl-nav button.owl-prev:hover {
        background-color: unset !important;
        color: var(--dark-color)!important;
    }

    .facilities-slider .owl-dots.disabled {
        display: block !important;
    }
    .facilities-slider .owl-dot span {
        width: 20px;
        height: 20px;
        border: 1px solid var(--primary-color) !important;
    }
    .facilities-slider .owl-dot.active span {
        width: 20px !important;
        height: 20px;
        border: 1px solid var(--light-color);
        background-color: var(--primary-color) !important;
    }
    .main-title-info {
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.4s ease-in-out, visibility 0.6s ease-in-out;
    }
    .card-items:hover .main-title-info {
        visibility: visible;
        opacity: 1;
    }

    .facilities-subtitle h6{
        color: var(--light-color);
    }
    .facilities-title h4 {
        color: var(--light-color);
    }
    .facilities-slider .owl-dots{
        margin-top: 20px;
    }
    .facilities-slider .owl-nav {
        position: absolute;
        width: 100%;
        top: 20%;
    }
    .facilities-slider .owl-nav button.owl-prev {
        display: none;
    }
    .facilities-slider:hover .owl-nav .owl-prev {
        display: block !important;
    }
    .facilities-slider .owl-nav button.owl-next {
        display: none;
    }
    .facilities-slider:hover .owl-nav .owl-next {
        display: block !important;
    }
    
    /*popup facilities*/
    .modal-content .modal-body img {
        height: 500px;
        object-fit: cover;
    }






    /* News */
    .news-event-img img {
        width: 100%;
        height: 230px;
        object-fit: cover;
    }
    a.btn-read-more {
        font-size: 16px;
        font-weight: bold;
    }
    p.info-date {
        font-size: 13px;
        margin: 0;
        font-weight: bold;
        color: var(--primary-color);
    }
    .descrip-news-info h5{
        font-size: 18px;
    }
    .news-event-img {
        position: relative;
        overflow: hidden;
    }
    .news-event-img:hover img {
        transform: scale(1.1);
    }
    .news-event-img img {
        transition: 0.5s all ease;
    }

    .articles ul.pagination {
        gap: 15px;
        justify-content: center;
        margin: 20px 0;
    }
    .articles li.page-item:first-child{
        display: none;
    }.articles li.page-item:last-child{
        display: none;
    }
    .pagination a {
        background-color: var(--light-color);
        border: 1px solid var(--primary-color);
        color: var(--secodaryDark);
        text-align: center;
        border-radius: 0;
        outline: unset !important;
    }
    .pagination .page-item.active .page-link{
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }
    .pagination .page-link:hover{
        background-color: var(--light-color);
        border-color: var(--primary-color);
        color: var(--primary-color);
    }
    .pagination .page-link:focus{
        box-shadow: unset;
    }

    /* Events */
    .events-event-img img {
        width: 100%;
        height: 230px;
        object-fit: cover;
    }
    .grid-col-events {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 20px;
    }
    .descrip-events-info {
        /*height:150px;*/
        padding: 20px;
        box-shadow: 0 1px 5px rgb(0 0 0 / 0.2);
    }
    .descrip-events-info h5 {
        font-size: 18px;
    }
    .events-event-img {
        position: relative;
        overflow: hidden;
    }
    .events-event-img:hover img {
        transform: scale(1.1);
    }
    .events-event-img img {
        transition: 0.5s all ease;
    }

    /* Detail Post */
    .related-post{
        display: grid;
        grid-template-columns: repeat(1,1fr);
    }
    .des-post-img img {
        width: 100%;
        height: 500px;
        object-fit: cover;
        border-radius: 12px;
    }
        h4.post-title {
        font-size: 22px;
        font-weight: 500;
    }
    .content-details img {
        width: 100% !important;
        height: 545px !important;
        margin: 20px 0;
    }
    .content-details p {
        text-align: justify;
        hyphens: auto;
    }
    
    .related-news-items li {
        list-style-type: none;
    }
    .recent-posts-thumbnail img {
        width: 75px;
        height: 75px;
        object-fit: cover;
        border-radius: 12px;
    }
    .related-news-items li {
        list-style-type: none;
        display: flex;
        align-items: stretch;
        flex-direction: row;
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid rgba(124,124,124,0.15);
        line-height: 1.3;
    }
    a.recent-posts-thumbnail {
        flex: 0 0 auto;
        overflow: hidden;
        margin-right: 15px;
    }
    .entry-title a{
        font-size: 12px;
        font-weight: bold;
        color: var(--primary-color);
    }
    h4.suggest.main-title {
        font-size: 20px;
        color: var(--primary-color);
    }
    
    
    

    /* Listing Of Type Villa */
    .img-property img {
        height: 230px;
        object-fit: cover;
    }
    .grid-page-property {
        display: grid;
        gap: 20px;
        grid-template-columns: repeat(3,1fr);
    }
    p.descrip-property {
        font-size: 12px;
    }
    .flex-info-property {
        display: flex;
        justify-content: space-between;
    }
    .property-des {
        display: flex;
        gap: 12px;
    }
    .villa-slider .owl-dots.disabled {
        display: block !important;
    }
    /* .owl-dot span {
        width: 20px;
        height: 20px;
        border: 1px solid;
    } */
    .villa-slider .owl-dot span {
        width: 20px;
        height: 20px;
        border: 1px solid var(--primary-color) !important;
    }
    .villa-slider .owl-dot.active span {
        width: 20px !important;
        height: 20px;
        border: 1px solid var(--light-color);
        background-color: var(--primary-color) !important;
    }
    
    .condo-slider .owl-dots.disabled {
        display: block !important;
    }
    /* .owl-dot span {
        width: 20px;
        height: 20px;
        border: 1px solid;
    } */
    .condo-slider .owl-dot span {
        width: 20px;
        height: 20px;
        border: 1px solid var(--primary-color) !important;
    }
    .condo-slider .owl-dot.active span {
        width: 20px !important;
        height: 20px;
        border: 1px solid var(--light-color);
        background-color: var(--primary-color) !important;
    }


    
    /* Video Gallery */
    .col-sm-12.video-gallery {
        padding: 0;
    }
    .img-testimonaial img {
        width: 100%;
        height: 230px;
        object-fit: cover;
    }
    .testimonail-video-section {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
    .thumb-des h5 {
        font-size: 18px;
        color: var(--primary-color);
    }
    .thumb-des p.info-date {
        margin: 0 0 12px;
    }
    .thumb-des {
        height: 125px;
        padding: 20px;
        box-shadow: 0 1px 5px rgb(0 0 0 / 0.2);
    }
    .img-testimonaial img {
        pointer-events: none;
    }
    .img-testimonaial{
        position: relative;
    }
    .img-testimonaial a:before {
        content: '';
        background-image: url(/storage/app/uploads/icons/circle-play-solid.png);
        background-size: cover;
        position: absolute;
        width: 50px;
        height: 50px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        cursor: pointer;
    }


    /* Contact Us  */
    .contact-form-bg.border {
        padding: 40px;
    }
    .grid-layout-form {
        display: grid;
        gap: 20px;
        grid-template-columns: repeat(3,1fr);
        text-align: center;
    }
    .grid-layout-form img {
        width: 65px;
    }
    .grid-layout-form .col {
        padding: 30px;
    }
    h1.head-info-contact-form {
        font-size: 18px;
        color: var(--primary-color);
    }
    h5.head-title {
        color: var(--primary-color) ;
    }
    h5.head-title:before {
        content: '';
        border: 1px solid var(--primary-color);
        margin-right: 16px;
    }
    button.get-service-btn {
        padding: 12px 36px;
        background-color: var(--primary-color) !important;
    }

    /* Careers */
    .col-career-items {
        box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
        padding: 30px;
        margin-bottom: 20px;
        border-radius: 16px;
    }
    .deadline {
        display: flex;
        align-items: center;
        gap: 5px;
    }
    a.view-career-details {
        border: 1px solid var(--primary-color);
        padding: 12px 36px;
    }
    a.view-career-details:hover {
        background-color: var(--primary-color);
        color: var(--light-color) !important;
    }
    
    .col-career-items {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .duti ul li {
        margin-left: 18px;
    }



    /* Disclaimer */
    h1.disclaimer{
        font-size: 20px;
        color: var(--primary-color);
    }
    /* Privacy Stetement */
    h1.privacy-statement {
        font-size: 20px;
        color: var(--primary-color);
    }

    /* Footer  */
    .follow-us {
        color: var(--light-color);
    }
    ul.right-menu-footer {
        color: var(--light-color);
    }
    .social-icon-footer.d-flex {
        gap: 13px;
        font-size: 24px;
    }
    ul.submenu-footer {
        display: flex;
        gap: 23px;
        list-style-type: none;
    }
    footer{
        background-color: var(--primary-color);
    }
    .bottom-menu-footer {
        padding: 75px 0;
    }
    .bottom-menu-footer .col-sm-4:nth-child(3) {
        padding-right: 0;
    }
    
    .social-icon-footer a i.bx {
        color: var(--light-color);
    }
    a.items-sub-footer {
        color: var(--light-color);
    }
    li.des-footer {
        list-style-type: none;
    }
    .des-footer a {
        color: var(--light-color) !important;
    }
    .right-menu-footer .des-footer {
        text-align: right;
        margin: 10px 0;
    }


/* ====section-space */
    @media screen and (min-width:992px) {
        .section-space {
            height: 100px;
        }
    }

    @media screen and (max-width:990px) {
        .section-space {
            height: 50px;
        }
    }
/* ====inner-space */

    @media screen and (min-width:992px) {
        .inner-space {
            height: 35px;
        }
    }

    @media screen and (max-width:990px) {
        .inner-space {
            height: 25px;
        }
    }