.border-radius {
    border-radius: 15px;
}

.form-contact {
    background: url(../images/background-form-scaled.webp) no-repeat center;
    background-position: 79% 67%;
}

.form-contact .content {
    max-width: 1100px;
    margin: auto;
    background-color: rgb(0, 108, 106);
    padding: 20px 20px 20px 60px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
}

.form-contact .title {
    font-size: 40px;
    background-image: linear-gradient(90deg, #05C7BD 0%, #F3582F 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-transform: uppercase;
    display: inline-block;
    font-weight: bold;
    font-family: "SVN-Gotham";
}

.form-contact p {
    font-weight: 300;
}

.form-contact .form-control, .contact-form .form-control {
    background: rgb(255 255 255 / .1) !important;
    border: 1px solid rgb(255 255 255 / .3) !important;
    color: #fff;
}

.form-contact .form-control::placeholder, .contact-form .form-control::placeholder {
    color: #fff;
}

.btn-default {
    color: #000;
    background: rgb(255 237 141);
    background: -webkit-radial-gradient(circle, rgb(255 237 141), rgb(249 187 0)) !important;
    background: radial-gradient(circle, rgb(255 237 141), rgb(249 187 0)) !important;
    color: #333;
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
}
.btn-default:hover{box-shadow: inset 0 0 0 100px rgb(0 0 0 / .2);}
#overview .title {
    font-size: 79px;
    --tw-text-opacity: 1;
    color: transparent;
    width: -moz-fit-content;
    width: fit-content;
    background-size: cover;
    margin: auto;
    background-image: url(../images/Eco-Retreat-Long-An-1.webp);
    background-repeat: no-repeat;
    background-position-y: center;
    font-weight: 900 !important;
    outline: #faebd7;
    -webkit-background-clip: text;
    background-clip: text;
    background-color: #fff;
    text-transform: uppercase;
    line-height: 85px;
    font-family: "SVN-Gotham";
}

#overview .title_sub {
    font-size: 60px;
    background-image: linear-gradient(90deg, #05C7BD 0%, #F3582F 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-family: "SVN-Gotham";
}

.viewsAll {
    background: var(--color-main);
    font-size: 15px;
    color: #fff;
    padding: 8px 15px;
    border-radius: 5px;
    transition: all 0.5s ease;
}

.viewsAll:hover {
    background: var(--color-red);
}

.effect {
    position: relative;
    overflow: hidden;
    display: block;
}

.effect:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.5);
    content: "";
    -webkit-transition: all .6s;
    transition: all .6s;
    z-index: 2;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
}

.effect:hover:before {
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
}
.item_ti h3{margin: 15px 0px;font-weight: 900;background-image: linear-gradient(90deg, #05C7BD 0%, #F3582F 100%);-webkit-background-clip: text;background-clip: text;color: transparent;font-size: 20px;font-family: "SVN-Gotham";}
.item_ti p{font-weight: 400;}
#design .title{font-size: 40px;font-weight: 300;background-image: linear-gradient(90deg, #05C7BD 0%, #F3582F 100%);-webkit-background-clip: text;background-clip: text;color: transparent;}
.wrap-why {
    position: relative;
    z-index: 1;
}

.wrap-why .why-item {
    position: relative;
    background: #fff;
    padding: 15px 0px;
    border-radius: 10px;
    text-align: center;
}
.wrap-why .why-item img{width: 80px; margin: auto;}
.wrap-why .why-item .why-item_text {
    padding: 20px;
    position: relative;
    background: #fff;
}

.wrap-why .why-item .why-item_text h3 {
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 10px;
    color: var(--color-main);
    margin: 15px 0px;
    font-family: "SVN-Gotham";
}

.wrap-why .why-item .why-item_text .number {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: var(--color-main);
    color: #fff;
    border-radius: 50%;
    margin-right: 10px;
}

.wrap-why .why-item .why-item_text p {
    margin: 0px;
    font-size: 14px;
    font-weight: 300;
    color: #000;
}

.item_news{position: relative;transition: all 300ms;border-radius: 3px;overflow: hidden;margin-bottom: 20px;}
.item_news .images{position: relative;}
.item_news .date{font-size: 13px;color: #fff;position: absolute;background: var(--color-main);padding: 10px;border-radius: 10px;top: 20px;left: 0px;text-align: center;z-index: 10;}
.item_news .date span{display: block;font-weight: bold;font-size: 25px;}
.item_news img{border-radius: 5px;}
.item_news h3{color: var(--color-main);font-weight: 900;font-size: 18px;transition: all 0.5s ease;font-family: "SVN-Gotham";}
.item_news .views{color: #006c6a;font-weight: 500;transition: all 0.5s ease;}
.item_news .views:hover{color:var(--color-red); padding-left: 15px;}
.item_news.news_nb h3{font-weight: bold;font-size: 18px;}
.item_news h3:hover{color:var(--color-main);}
.item_news p{color: #3e3e3e;}
.contact{background-color: rgb(255 255 255 / .5);background: rgb(0 93 74);background: -webkit-linear-gradient(180deg, rgb(0 93 74), rgb(0 93 75));background: linear-gradient(180deg, rgb(0 93 74), rgb(0 93 75));color: #fff;font-size: 20px;text-align: center;}
.contact-form{max-width: 400px; margin:auto;}
.contact-form .btn-default{height: 50px;}
.contact .title{font-weight: 900;background: rgb(255 239 149);background: -webkit-linear-gradient(180deg, rgb(255 239 149), rgb(217 178 1));background: linear-gradient(180deg, rgb(255 239 149), rgb(217 178 1));color: #ffed8d;font-size: 50px;letter-spacing: 0;line-height: 1.6;-webkit-background-clip: text;-webkit-text-fill-color: #fff0;text-transform: uppercase;font-family: "SVN-Gotham";}
.booking .modal-body{color:#fff;text-align: center;background: rgb(0 93 74);background: -webkit-linear-gradient(140deg, rgb(0 93 74), rgb(16 145 33));background: linear-gradient(333deg, #EC703D 10.1%, #A78263 33.48%, #459A97 69.93%, #2A6562 102.62%);border-radius: 5px;overflow: hidden;}
.booking .modal-body .form-control{background: none;border-color: hsla(240,6%,90%,.2);min-height: 50px;color: #fff;}
.booking .modal-body .form-control::placeholder{color:#fff;}
.booking .modal-body .btn-default{height: 55px;}