.round-btn{
    position:relative;
    transition: all .5s ease-out;
}

.round-btn:hover{
    background:#CA9D75;
}


  svg.circle-border {
    position: absolute;
    transform: rotate(-90deg);
    z-index: 0;
    width:100%;
    height:100%;
    inset:0;
    margin:auto;
  }

  .circle-border circle {
    fill: none;
    stroke: white;
    stroke-width: 1;
    stroke-dasharray: 314;
    stroke-dashoffset: 314;
    transition: stroke-dashoffset 1s linear;
  }

  .round-btn:hover .circle-border circle {
    stroke-dashoffset: 0;
  }

  .location-btn{
    position:relative;
    transition: all .5s ease-out;
  }

  .location-btn:hover .oval-border rect {
    stroke-dashoffset: 0;
  }

  .oval-border {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
  }

  .oval-border rect {
    fill: none;
    stroke: white;
    stroke-width: 1;
    rx: 30;
    ry: 30;
    stroke-dasharray: 440;
    stroke-dashoffset: 440;
    transition: stroke-dashoffset 1s ease;
  }

  section#homeLocation .wrapper .location-btn:hover{
    background:#CA9D75;
}

section#homeContact .wrapper .columns .left form button{
    position:relative;
    overflow:hidden;
}

section#homeContact .wrapper .columns .left form button:before{
    content:"";
    position:absolute;
    inset:0;
    margin:auto;
    background-color: rgb(24, 29, 36);
    border-radius: 60px;
    z-index:5;
    transform: scale(0);
    transition: all .2s ease-out;
}

section#homeContact .wrapper .columns .left form button svg{
    position:relative;
    z-index:6;
}

section#homeContact .wrapper .columns .left form button:hover:before{
    transform: scale(1.03333);
}

section#projectGalleries .columns .column{
    position:relative;
}

section#projectGalleries .columns .column svg{
    position:absolute;
    inset:0;
    margin:auto;
    opacity:0;
    transition: all .5s ease-out;
}

section#projectGalleries .columns .column:hover svg{
    opacity:1;
}

section#planDetail .icons{
    gap:16px;
}

.owl-next svg, .owl-prev svg{
    transition: all .5s ease-out;
    border-radius:100%;
}

.owl-next svg path, .owl-prev svg path{
    transition: all .5s ease-out;
}

.owl-next:hover svg, .owl-prev:hover svg{
    background:#CA9D75;
}

.owl-next:hover svg path, .owl-prev:hover svg path{
    fill:#fff;
}

section#planDetail .columns ul li .oKey{
    color: #CA9D75;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 1.6px;
    margin-right:40px;
}

.brut-area p{
    color: #CA9D75;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 50px;
    letter-spacing: 1.6px;
    border-bottom:1px solid #CA9D75;
    margin-top:24px;
}

section#planDetail .columns .column svg{
    position:absolute;
    top:0;
    right:0;
}

header .menu-btn .closed{
    display:none;
}

 header .menu-btn.active .opened{
        display:none;
    }

    header .menu-btn.active .closed{
        display:block;
    }


@media only screen and (max-width: 1440px) {

    section#homePlaces .places-wrapper .place-txt{
        left:50%;
    }

}

@media only screen and (max-width: 600px) {
    
    .overlay .overlay-right ul{
        margin-top:-100px;
    }

    section#homePlaces .places-wrapper{
        position:relative;
    }

    section#homePlaces .places-wrapper .place .location .title, section#homePlaces .places-wrapper .place .location .sub-title{
        color:#181D24;
    }

    section#homeGallery .home-gallery-carousel img{
        height:400px;
        width:auto;
    }

    section#homeAbout .wrapper .slogan-columns .column .landing-intro{
        display:none;
    }

    section#homeAbout .wrapper .slogan-columns .column .slogan{
        margin-top:-40px;
    }

    section#homeAbout .wrapper .slogan-columns .column .slogan h2, section#homeAbout .wrapper .slogan-columns .column .slogan h3{
        text-align:left;
    }

    section#homeAbout .wrapper .columns .column .desc-cover{
        width:140px;
        margin-left:0;
    }

    section#homeLocation .wrapper p{
        text-align:center;
    }

    section#homeLocation .location-star{
        width:200px;
        left:0;
        right:0;
        margin:auto;
        bottom: -120px;
    }

    section#homePlaces .places-wrapper .place-txt{
        top: -300px;
        bottom: 0;
        margin: auto;
        text-align: center;
        padding: 0 25px;
        left:unset;
        display: none;
    }

    section#homePlaces .cover{
        object-position:left;
    }

    section#homePeace .wrapper{
        padding-top:140px;
    }

    section#homePlans .home-plans-carousel img{
        height:400px;
        width:auto;
    }

    .owl-next svg, .owl-prev svg{
        width:35px;
        height:35px;
        background:#CA9D75;
    }

    section#homeSlider .home-feature-slider .owl-nav button{
        background:transparent;
    }

    section#homeLocation .wrapper{
        max-width:95%;
        display: block;
        padding-top: 100px;
    }

    header .right ul li:nth-child(1){
        display:none;
    }

    header .right ul li a span{
        display:none;
    }

    header .menu-btn{
        width:40px;
    }

}