* {
    font-family: 'Space Grotesk', sans-serif;
}

.signin a {
    color: black !important;
    font-weight: 700;
}

body {
    background-color: #050505;
}

h1, h2, h3, h4, h5, h6, p, a, span {

    color: white;
}

.container {
    max-width: 1185px;
}

a {
    color: white !important;
    text-decoration: none;
}

h1 {
    font-size: 80px;
    color: white;
}

/* header  */
header {
    position: absolute;
    width: 100%;
    z-index: 2;
    top: 0;
}

nav {
    font-size: 16px;
    font-weight: 400;
}

ul.navbar-nav {
    padding-left: 30px;
}

a.nav-link.active {
    font-weight: 800;
}

ul.navbar-nav {
    padding-left: 30px;
    gap: 15px;
}

a.nav-link.active {
    font-weight: 800;
}

a.nav-link.active:after {
    content: ".";
    font-size: 32px;
    color: red;
    position: absolute;
    bottom: -17px;
    left: 44%;
    right: 0;
}

li.nav-item {
    position: relative;
}

.signin {
    gap: 20px;
}

a.login {
    border: 1px solid;
    padding: 10px 23px;
    border-radius: 7px;
}

.main {
    min-height: 992px;
    z-index: 2;
    padding-top: 200px;
    padding-bottom: 100px;
}

.inner {
    min-height: 100vh;
}

.main span {
    font-size: 32px;
    color: #00ADE9;
    font-weight: bold;
}

.main .wrapper-content div:first-child {
    gap: 30px;
}

.wrapper-absolute {
    position: relative;
}

.backdrop div {
    max-width: 740px;
    display: flex;
    gap: 20px;
}

.flx-1 {
    flex: 0 0 55%;
}

.flx-2 img {
    width: 74px;
    height: 74px;
}

.flx-2 p {
    margin: 0;
}

.flx-2 {
    backdrop-filter: blur(10px);
    padding: 30px;
    flex: 0 0 56%;
    border-radius: 0% 80px 80px 0px !important;
}

.banner-video {
    width: 44%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    /*min-height: 100%;*/
}

audio::-webkit-media-controls-timeline,
video::-webkit-media-controls-timeline {
    display: none;
}

/* audio::-webkit-media-controls,
video::-webkit-media-controls {
    display: none;
} */
/* .banner-video video::after{
    background: url(../images/Group.png);
} */
.banner-video video[poster] {
    min-height: 992px;
    width: 100%;
    object-fit: cover;
}

.inner-vid video[poster] {
    min-height: 108vh;
}

.signin a {
    color: black !important;
    font-weight: 700 !important;
}

.wrapper-content.pt-5 {
    z-index: 1;
    position: relative;
}

.banner-form-wrapper label {
    background: white;
    padding: 9px 39px;
    border-radius: 10px 10px 0px 0px;
}

.banner-form-wrapper h4 {
    color: black;
    font-size: 16px;
}

.banner-form-wrapper form {
    background: white;
    padding: 20px 39px;
    max-width: 100%;
    border-radius: 0px 10px 10px 10px;
}

.banner-form-wrapper form select {
    border: 1px solid white;
    color: #737579;
    font-family: 'Space Grotesk';
    font-size: 16px;
    padding-left: 11px;
}

.banner-form-wrapper form select:focus {
    border: 1px solid white;
}

.banner-form-wrapper form input {
    border: none;
    font-size: 16px;
    font-family: 'Space Grotesk';
    color: #737579;
    padding-left: 15px;
}

input:focus {
    border: none;
    outline: none;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;

}

.banner-form-wrapper .form-feilds, .property {
    gap: 0 !important;
}

.banner-form-wrapper .property {
    padding-right: 13px;
    border-right: 1px solid gray;
}

.banner-form-wrapper .search {
    padding-left: 23px;
    border-right: 1px solid gray;
}

.banner-form-wrapper .date {
    padding-left: 13px;
    border-right: 1px solid gray;
}

.banner-form-wrapper .price {
    padding-left: 13px;
}

.banner-form-wrapper button {
    background: #E30840;
    color: white;
    font-family: 'Space Grotesk';
    border: none;
    outline: none;
    padding: 10px 30px;
    border-radius: 10px;
}

.marq {
    background-color: #E30840;
}

.marq ul li {
    color: #101010;
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 700;
}

.marq ul {
    gap: 60px;
}

.marq2 ul {
    gap: 80px;
    list-style: none;
}

.content-wrapper span {
    color: #E30840;
    font-size: 24px;
    font-weight: bold;

}

.content-wrapper h2 {
    padding-top: 20px;
    font-size: 60px;
    font-weight: 400;
    padding-bottom: 20px;
}

.content-wrapper p {
    font-size: 18px;
    font-weight: 400;
}

.featured {
    background-image: url(../images/Featured.png);
    background-size: 72%;
    background-position: center right;
    background-repeat: no-repeat;
    background-color: #101010;
    padding: 85px 0px;
}

.client img {
    width: auto !important;
}

.carousel-comtent p {
    max-width: 79%;
    font-size: 18px;
    color: #B0B0B0;
    line-height: 30px;
    padding: 10px 0px;
}

.carousel-comtent h2 {
    font-size: 60px;
    font-weight: 400;
    margin-left: -163px;
}

.pad {
    padding-left: 30px;
}

.carousel-price span {
    font-size: 20px;
    padding-right: 20px;
    font-weight: 400;
}

.red {
    color: #E30840;
}

.linkable img {
    width: auto !important;
}

.linkable {
    margin-top: 53px;
    left: -75px;
    z-index: 1;
    position: relative;
}

.prperty-reviews .owl-nav {
    position: absolute;
    right: 30px;
    width: 100%;
    text-align: right !important;
    top: 40%;
}

.prperty-reviews button.owl-prev {
    display: none !important;
}

.prperty-reviews {
    background-color: #101010;
}

.experience {
    padding: 100px 0px;
    background-image: url(../images/ovel.png);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
}


.view a {
    border: 1px solid #00ADE9;
    padding: 11px 30px;
    border-radius: 10px;
}

.view {
    text-align: right;
}

.content-wrapper a {
    color: #00ADE9 !important;
    font-size: 24px;
}

.deep {
    padding-left: 20px;
}

.advante {
    background-color: #101010;
    padding: 80px 0px;
}

.box {
    background-color: #050505;
    padding: 20px;
    margin: 10px;
}

.box p {
    color: #B0B0B0;
    font-size: 18px;
}

.box h3 {
    font-size: 28px;
    padding: 10px 0px;
}

.testimonials {
    padding: 80px 0px;
}

.sec-carousel-img img {
    width: auto !important;
    padding: 20px 0px;
}

.sec-carousel-img span {
    font-weight: bold;
    font-size: 24px;

}

.sec-carousel-img h4 {
    font-size: 24px;
    font-weight: 400;
}

.sec-carousel-img h5 {
    font-size: 18px;
    font-weight: 400;
}

.sec-carousel-comtent p {
    font-size: 43px;
    font-weight: 300;
}

.testimonials {
    background-image: url(../images/testimonials.png);
    background-position: 100% 79%;
    background-repeat: no-repeat;
}

.testimonials .owl-nav {
    position: absolute;
    width: 78%;
    top: 35%;
    display: flex;
    justify-content: space-between;
    right: 25px;
}

.owl-nav button:hover {
    background: transparent !important;
}

.newsletter {
    background-color: #101010;
    padding: 80px 0px;

}

.newsletter h2 {
    font-size: 60px;
    text-transform: capitalize;
}

.newsletter span {
    background: -webkit-linear-gradient(left, #E30840, #00ADE9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 41px;
    font-weight: bold;
    padding-right: 20px;
}

.newsletter input {
    background: transparent;
    border: none;
    color: white !important;
    width: 77%;
}

.newsletter input:focus {
    outline: none;
}

.newsletter button {
    background-color: #00ADE9;
    padding: 10px 20px;
    border: none;
    font-size: 18px;
    font-weight: 500;
}

.newsletter form {
    padding-bottom: 20px;
    border-bottom: 1px solid #E30840;
}

.items {
    padding-top: 80px;
}

.items ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.items ul li a {
    color: #B1B1B1 !important;
    font-size: 16px;
    font-weight: 400;

}

.items ul li {
    padding-bottom: 10px;
}

.items h6 {
    color: #F8F9F9;
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 10px;
}

.lnks {
    padding-left: 30px;
}

.custom {
    padding-bottom: 80px;
}

.items hr {
    color: #282828;
}

.social li a i {
    color: #00ADE9 !important;
}

.social {
    gap: 40px;
}

.about {
    padding: 65px 0px;
    background-color: #101010;
}

.abt h6 {
    font-size: 20px;
    text-transform: uppercase;
    width: fit-content;
    border-right: 1px solid #3B3A5D;
    padding: 0px 10px;
    border-left: 1px solid #3B3A5D;
}

.abt h3 {
    font-size: 45px;
    font-weight: bold;
}

.abt p {
    font-size: 20px;
    max-width: 700px;
}

.cont h4 {
    font-size: 25px;
    font-weight: 500;
}

.cont p {
    font-size: 20px;
    font-weight: 400;
    max-width: 450px;
}

.cont {
    padding-left: 30px;
}

.icnbox img {
    width: 100px;
}

.abt-custom h3 {
    font-size: 45px;
    font-weight: bold;
}

.about-for {
    background: url(../images/layers.png);
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 71px 0px 0px 10px;
}

.vid video[poster] {
    width: 100%;
    min-height: 480px;
    object-fit: cover;
}

.contact-form {
    padding: 60px 0px;
}

.contact-frm input {
    width: 100%;
    background: transparent;
    border: 1px solid #E0E0E0;
    padding: 12px;
    margin-bottom: 20px;
    border-radius: 9px;
}

.abt-right {
    padding-left: 50px;
}

.space {
    padding-top: 110px;
}

.new {
    padding-left: 19px;
    padding-right: 50px;
}

.new p {
    max-width: 100%;
}

.new p {
    font-size: 20px;
}

section.contact-form h3 {
    font-size: 54px;
    font-weight: bold;
    padding-bottom: 19px;
}

section.contact-form p {
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 20px;
}

.contact-form input {
    color: white;
}

section.contact-form button {
    color: white;
    border: none;
    width: 100%;
    background: #E30840;
    padding: 11px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 10px;
}

iframe {
    border-radius: 30px;

}

.if {
    padding-left: 50px;
}

.icn-img {
    padding-right: 10px;
}

.experience-pg {
    background-color: #101010;
    padding: 60px 0px;
}

.all-inner {
    background-color: #101010;
    padding: 60px 0px;
}

.revs .red {
    font-size: 24px;
    font-weight: bold;
}

.revs p {
    margin: 0;
    font-size: 20px;
}

.all-inner h2 {
    font-size: 48px;
    padding: 20px 0px;
    font-weight: 400;

}

.round-left {
    background-color: #101010;
    padding: 60px 0px;
    position: relative;
}

.round-left h5 {
    font-size: 30px;
    font-weight: 400;
    line-height: 45px;
}

.round-img {
    position: absolute;
    right: 0;
}

.round-img {
    /* bottom: 0; */
    position: absolute;
    right: 0;
    top: 31px;
}

.bg-drk {
    background-color: #101010;
}

.clr-change {
    background-color: #050505;
}

.featured-property h3 {
    font-size: 30px;
    padding: 20px 0px;
}

.featured-property p {
    font-size: 18px;
    /* padding: 20px 0px; */
    color: #B0B0B0;
    line-height: 30px;
}

.icn-box {
    background-color: #101010;
    padding: 7px 10px;
    border: 1px solid white;
    border-radius: 10px;
}

.dicn {
    padding-right: 10px;
    border-right: 1px solid #C8C8C8;
}

.dcont {
    padding-left: 10px;
}

.featured-property .carousel-price {
    padding: 10px 0px;
}

.load {
    background-color: #E30840;
    font-size: 18px;
    padding: 15px 40px;
    border-radius: 10px;
    color: white;
}

.mrg {
    padding-left: 30px !important;
}

.obj {
    object-fit: cover;
    height: 100% !important;
}

.collage-banner {
    margin-top: 130px;

}

.loc {
    padding-top: 38px;
}

.loc span {
    color: #8E8E8E;
    font-size: 20px;
}

.loc i {
    color: #E30840;
    font-size: 20px;
    padding-right: 10px;
}

.agent {
    padding: 40px;
    border: 1px solid white;
    background-color: #101010;
    border-radius: 10px;
}

.agent h3 {
    font-size: 25px;
    padding: 0;
}

.agent h4 {
    font-size: 20px;
    font-weight: 500;
}

.agent h5 {
    font-weight: 400;
}

.cont-inf a {
    font-size: 20px;
    font-weight: 400;
}

.cont-inf i {
    color: #E30840;
    padding-right: 10px;
}

.lft {
    padding-left: 102px;
    padding-top: 41px;
}

.cont-inf {
    padding-top: 22px;
}

.tbs {
    padding: 80px 0px;
}

.tab {
    display: flex;
    justify-content: space-between;
    padding-bottom: 55px;
    flex-wrap: wrap;
    row-gap: 22px;
}

.tbs .tablinks {
    background: #000;
    border: 1px solid #fff;
    padding: 9px 90px;
    font-size: 20px;
    color: white;
    border-radius: 12px;
    font-weight: bold;
    box-shadow: none !important;
}

.tbs .tablinks.active {
    background: #E30840;
    border:0;
}

.tbs .detail {
    justify-content: start !important;
    gap: 22px;
}

.tbs .detail span {
    font-size: 20px;
}

.place .loc {
    padding: 0;
}

.place h4 {
    font-size: 40px;
}

.place {
    padding-top: 40px;
}

.place p {
    font-size: 20px;
    font-weight: 400;
    color: #B0B0B0;
    max-width: 80%;
}

.loc-form input {
    width: 100%;
    background: #4E4E4E;
    color: white;
    padding: 10px 20px;
    border: 1px solid white;
    margin-bottom: 25px;
    border-radius: 9px;
}

.loc-form input.fifty {
    width: 48%;

}

.ri {
    margin-right: 24px;
}

.loc-form {
    padding: 41px;
    background: #101010;
    border: 1px solid white;
    border-radius: 15px;
}

.loc-form button {
    width: 100%;
}

.loc-form .red {
    font-size: 40px;
    font-weight: 700;
}

.loc-form p {
    font-size: 20px;
    padding-bottom: 10px;
}

.jsCalendar table {
    background-color: #101010 !important;
}

.jsCalendar-title-name {
    color: white;
    font-size: 12px !important;
}

.auto-jsCalendar.jsCalendar td {
    color: white !important;
    font-size: 12px;
}

.jsCalendar tbody td.jsCalendar-current {
    background-image: linear-gradient(359deg, #FF0000, #00ADE9) !important;
}

.jsCalendar tbody td:hover {
    background-image: linear-gradient(359deg, #FF0000, #00ADE9) !important;
}

.jsCalendar-nav-left {
    background: #050505;
    height: 26px !important;
    width: 26px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 81px;
}

.jsCalendar-nav-right {
    background: #050505;
    height: 26px !important;
    width: 26px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 81px;
}

span.navbar-toggler-icon {
    background: url(../images/ham.png) !important;
    background-repeat: no-repeat;
    background-size: contain !important;
}

section.marq2 {
    background: #101010;
}

.aut {
    width: auto !important;

}

select {
    background-color: rgb(255, 255, 255) !important;
}

input[type="date"] {
    background: white !important;
}

.wt a {
    color: white !important;
}

/* calender */
/* ul.days li {
    color: white;
    font-size: 12PX  !important;
}
.days li.active::before {
    background-image: linear-gradient(359deg, #FF0000, #00ADE9) !important;
}
.days li:not(.active):hover::before {
    background: linear-gradient(359deg, #FF0000, #00ADE9) !important;
}
p.current-date {
    color: #6B7897;
    font-size: 13px !IMPORTANT;
}
ul.weeks {
    padding: 0;
}
ul.weeks li {
    color: #FFFFFF;
    font-size: 12PX  !important;
}
.wrapper {
    width: 100%;
    background: #101010;
    border-radius: 10px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.12);
}
  .wrapper .cal{
    display: flex;
    align-items: center;
    padding: 25px 30px 10px;
    justify-content: space-between;
  }
.cal .icons{
    display: flex;
  }
  .cal .icons span{
    height: 38px;
    width: 38px;
    margin: 0 1px;
    cursor: pointer;
    color: #878787;
    text-align: center;
    line-height: 38px;
    font-size: 1.9rem;
    user-select: none;
    border-radius: 50%;
  }
  .icons span:last-child{
    margin-right: -10px;
  }
  .cal .icons span:hover{
    background: #f2f2f2;
  }
 .cal .current-date{
    font-size: 1.45rem;
    font-weight: 500;
  }
  .calendar{
    padding: 20px;
  }
  .calendar ul{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    text-align: center;
  }
  .calendar .days{
    margin-bottom: 20px;
  }
  .calendar li{
    color: #333;
    width: calc(100% / 7);
    font-size: 1.07rem;
  }
  .calendar .weeks li{
    font-weight: 500;
    cursor: default;
  }
  .calendar .days li{
    z-index: 1;
    cursor: pointer;
    position: relative;
    margin-top: 30px;
  }
  .days li.inactive{
    color: #aaa;
  }
  .days li.active{
    color: #fff;
  }
  .days li::before{
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    height: 40px;
    width: 40px;
    z-index: -1;
    border-radius: 50%;
    transform: translate(-50%, -50%);
  }
  .days li.active::before{
    background: #9B59B6;
  }
  .days li:not(.active):hover::before{
    background: #f2f2f2;
  }
  ul.days {
    padding-left: 0px;
}
p.current-date{
    color: ;
} */


@media (max-width: 1400px) {
    .flx-2 {
        flex: 0 0 50%;
    }

    .flx-1 {
        flex: 0 0 51%;
    }
}

@media (max-width: 1227px) {
    .carousel-comtent h2 {
        font-size: 44px;
    }

    .linkable {
        margin-top: 16px;
    }
}

@media (max-width: 1060px) {
    .banner-form-wrapper form {
        max-width: 100%;
    }

    h1 {
        font-size: 63px;
    }

    .carousel-comtent h2 {
        font-size: 44px;
    }

    .new {
        padding-left: 0px;
        padding-right: 30px;
    }

    .about-for {
        padding: 85px 0px 0px 10px
    }

    .abt-custom h3 {
        font-size: 30px;
    }

    .abt h3 {
        font-size: 29px;
        font-weight: bold;
    }

    .cont {
        padding-left: 13px;
    }
}

@media (max-width: 1024px) {
    .linkable img {
        width: 34px !important;
    }

    .detail {
        flex-wrap: wrap;
        row-gap: 20px;

    }

    .icn-box {
        flex: 0 0 48%;
    }

    .lft {
        padding: 30px 10px;
    }

    .loc-form {
        margin-top: 50px;
    }
}

@media (max-width: 922px) {
    .signin.d-flex.align-items-center {
        display: block !important;
        flex-direction: column;
        justify-content: start !important;
        align-items: start !important;
        padding-left: 32px;
        gap: 18px;
        padding-bottom: 28px;
    }

    .signin a {
        color: white !important;
        padding: 0;
        border: none;
        padding-top: 11px;
    }

    body .banner-form-wrapper .form-feilds {
        flex-wrap: wrap;
    }

    .form-feilds div {
        flex: 0 0 50%;
        padding-bottom: 10px;
    }

    .banner-form-wrapper .search {
        border: none;
    }

    .carousel-img img {
        height: 533px;
        object-fit: cover;
    }

    .content-wrapper h2 {
        padding-top: 20px;
        font-size: 50px;
    }

    .sec-carousel-comtent p {
        font-size: 28px;
        font-weight: 400;
    }

    .newsletter form {
        padding-top: 30px;
    }

    .newsletter input {
        width: 85%;
    }

    .wrapper-img {
        z-index: 1;
        position: relative;
    }

    div#navbarSupportedContent {
        background: black;
    }

    a.nav-link.active:after {
        display: none;
    }

    button.navbar-toggler {
        background: #E30840;
    }
}

@media (max-width: 767px) {
    .carousel-comtent h2 {
        margin: 0;
    }

    .tbs .detail span {
        font-size: 18px;
    }

    .mrg {
        padding: 0 !important;
        margin-top: 14px;
    }

    .cont-inf a {
        font-size: 17px;
        font-weight: 400;
    }

    .jsCalendar table {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .loc-form {
        padding: 19px;
    }

    .loc-form .red {
        font-size: 30px;
        font-weight: 700;
    }

    .tab {
        justify-content: center;
    }

    .carousel-comtent {
        padding: 30px 0px;
    }

    .linkable {
        margin-top: 20px;
        left: 0;
    }

    .linkable img {
        width: 50px !important;
    }

    .exp-img.text-end {
        text-align: left !important;
    }

    .exp-img {
        padding-top: 30px;
    }

    .rev {
        flex-direction: column-reverse;
    }

    .testimonials .owl-nav {
        position: static !important;
        width: auto !important;
        display: block !important;
    }

    .newsletter form {
        padding-top: 63px;
    }

    .row.align-items-top.custom div {
        padding-bottom: 42px;
    }

    .custom {
        padding-bottom: 17px;
    }

    .prperty-reviews .owl-nav {
        top: 60%;
    }

    .form-feilds div {
        flex: 0 0 100%;
    }

    h1 {
        font-size: 45px;
    }

    .main span {
        font-size: 25px;
    }

    .marq ul li {
        color: #101010;
        font-size: 18px;
    }

    .content-wrapper h2 {
        padding-top: 20px;
        font-size: 35px;
    }

    .carousel-comtent h2 {
        font-size: 32px;
    }

    .vid video[poster] {
        width: 100%;
    }

    .about-height {
        height: 100%;
        object-fit: cover;
    }

    .abt-right {
        padding: 50px 20px;
    }

    img.img-fluid.about-height {
        width: 100%;
    }

    .about-for {
        padding: 85px 0px 0px 0px;
    }

    .about {
        padding: 0px 0px 8px;
        background-color: #101010;
    }

    .cont {
        padding-left: 0;
    }

    .agent {
        padding: 20px;
    }

    .space {
        padding-top: 30px;
    }

    .pad {
        padding-left: 10px;
    }

    .row.align-items-center.space {
        flex-direction: column-reverse;
    }

    .testimonials {
        padding: 55px 0px;
    }

    .about-for .carousel-comtent p {
        max-width: 100%;
    }

    .if {
        padding-left: 10px;
        padding-top: 50px;
    }

    .contact-icn {
        padding-bottom: 20px;
    }

    .round-img {
        position: static;
        padding-top: 20px;
    }

    .featured-property h3 {
        font-size: 30px;
        padding: 0px 0px;
    }

    .cont-inf i.fa-envelope {
        padding-bottom: 13px;
    }

    .icn-box {
        flex: 0 0 44%;
        padding: 10px 7px;
        justify-content: center;
    }

    .loc span {
        color: #8E8E8E;
        font-size: 18px;
    }

    .res-p {
        padding: 0;
    }

    .place h4 {
        font-size: 30px;
    }

    .flx-1 {
        text-align: center;
    }

    section.contact-form h3 {
        font-size: 43px;
        font-weight: bold;
        padding-bottom: 6px;
    }

    .tbs .detail span {
        font-size: 16px;
    }

    .featured {
        padding: 17px 0px 57px 0px;
    }

    .carousel-img img {
        height: auto;
    }

    .view {
        text-align: left;
        margin-top: 20px;
    }

    .ex-all {
        padding: 58px 0px 0px !important;
    }

    .advante {
        background-color: #101010;
        padding: 50px 0px;
    }

    .box h3 {
        padding-top: 16px;
    }

    .sec-carousel-img {
        text-align: center;
    }

    .sec-carousel-img img {
        margin: 0 auto;
    }


    .clr-change {
        padding-top: 60px;
    }

}

@media (max-width: 600px) {

    .banner-video {
        display: none;
    }

    .revs .contact-icn {
        padding-top: 23px;
    }

    .thumbnail.pt-5 {
        padding: 11px 0px !important;
    }

    .all-inner {
        background-color: #101010;
        padding: 0px 0px;
    }

    .round-left h5 {
        font-size: 20px;
        font-weight: 400;
        line-height: 37px;
        padding-bottom: 20px;
    }

    .round-left {
        padding: 32px 0px;

    }

    .all-inner h2 {
        font-size: 35px;
    }

    .banner-form-wrapper form {
        display: block !important;
    }

    .form-feilds div {
        flex: 0 0 50%;
        border: none !important;
    }

    .banner-form-wrapper .search, .banner-form-wrapper .date, .banner-form-wrapper .price, .property {
        padding: 0;
        margin-bottom: 30px;
    }

    .testimonials {
        padding: 75px 0px;
    }

    .pad {
        padding-left: 0px;
    }

    .newsletter h2 {
        font-size: 32px;
    }

    .newsletter input {
        width: 60%;
    }

    .newsletter form {
        padding-top: 63px;
        display: flex;
        justify-content: space-between;
    }

    .flx-2 div {
        display: block !important;
        /* padding: 30px 0px !important; */
        margin: 0 !important;
    }

    .flx-2 {
        padding: 30px 0px;
    }

    .carousel-comtent {
        padding: 30px 20px 56px;
    }

    .carousel-price span {
        font-size: 18px;
        padding-right: 20px;
        font-weight: 400;
    }

    .sec-carousel-comtent p {
        font-size: 18px;
        font-weight: 400;
        padding-top: 20px;
        text-align: center;
    }

    .pad {
        padding: 0;
    }

    .newsletter h2 {
        padding-top: 10px;
    }

    .newsletter {
        background-color: #101010;
        padding: 37px 0px 50px;
    }

    .flx-2 p {
        padding-top: 13px;
    }

    .custom div {
        text-align: center;
    }

    ul.social.d-flex {
        justify-content: center;
        padding-top: 10px;
    }

    .social li a i {
        color: #00ADE9 !important;
        font-size: 21px;
    }

    .main .wrapper-content div:first-child {
        text-align: center;
    }

    .main h1 {
        padding-top: 10px;
    }

    section.newsletter div {
        text-align: center;
    }

    .container {
        padding: 0px 20px;
    }

    .carousel-img {
        padding: 0px 20px;
    }
}

@media (max-width: 355px) {
    h1 {
        font-size: 35px;
    }
}

.amenities {
    color: white;
}

.amenities del {
    color: red;
}

.the_space {
    color: white;
    padding: 7px;
}

.padding-20 {
    padding: 20px;
}

.display-off {
    display: none;
}

.loc-form-div {
    color: white;
    font-size: 20px;
    padding-bottom: 10px;
}

.price_table>tbody>tr:nth-of-type(even)>td:first-child{
    color:red;
}

.price_table>tbody>tr:nth-of-type(odd)>td:first-child{
    color:red;
}

/*.gal-img {*/
/*    width: 200px;*/
/*}*/

.view-all{
    position: relative;
}

.view-all span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    font-family: 'Space Grotesk', sans-serif !important;
}


.h-110px {
    height: 110px;
    object-fit: cover;
}

.slider-image-container {
    width: 100%;
    height: 500px;
    background-color: black;
    background-size: cover;
    background-position: center;
    position: relative;
    border-radius:5px;
}
button#save_btn {
    background: #E30840;
}
.cta-section {
    position: relative;
    background: url('https://miamibeachvacay.fun/public/new/images/miaminight.webp');
    background-size: cover;
    color: #fff;
    text-align: center;
    padding: 50px;
    background-position: center;
    border-radius: 10px;
    margin-top: -40px;
    animation:float infinite 3s;
}
.cta-section:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000091;
    left: 0;
    top: 0;
    z-index: -1;
    border-radius: 10px;
}
.cta-content a{
    position:relative;
}
/*.cta-content a:before {*/
/*    content: '➪';*/
/*    font-size: 100px;*/
/*    position: absolute;*/
/*    top: 64px;*/
/*    left: -80px;*/
/*    font-family: monospace;*/
/*    animation: float infinite 2s;*/
/*}*/

.gallery a img {
    height: 250px !important;
    object-fit: cover;
}
@keyframes float{
    0% { transform: translate(0px,  0px); }
    50%  { transform: translate(0px, 25px); }
    100%   { transform: translate(0px, -0px); }
}

.cta-info {
    text-align: left;
    font-family: 'Space Grotesk';
}

/*.cta-content {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-around;*/
/*    max-width: 100%;*/
    
/*}*/

.cta-content h2 {
    font-size: 2em;
    margin-bottom: 10px;
}

.cta-content p {
    font-size: 1.2em;
    margin-bottom: 20px;
}

.cta-button {
    display: inline-block;
    padding: 10px 20px;
    font-size: 1.2em;
    text-decoration: none;
    background-color: #E30840; /* Change to #000 if you want the other color */
    color: #fff;
    border-radius: 5px;
}
svg {
    fill: none;
    width: 95%;
    font-size: 54%;
    animation: spin 10s infinite linear;
    color: #fff;
    font-family: 'Space Grotesk', sans-serif;
}
@keyframes spin {
  100% {transform: rotate(360deg)}
}

.position-center {
    position: absolute;
    left: 11%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.view-all img {
    opacity: 0.5;
}

.view-all {
    /*background-color: rgb(24, 23, 23);*/
    color: #fff;
    font-weight: 700;
}

.cursor-pointer {
    cursor: pointer;
}

.help-btn {
    color: white;
    border: none;
    width: 26%;
    background: #E30840;
    padding: 11px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 10px;
}

.faq-btn {
    background-color: #00ADE9;
    padding: 10px 20px;
    border: none;
    font-size: 18px;
    font-weight: 500;
}

.contact-follow {
    background: none!important;
    -webkit-text-fill-color: white!important;
    margin-bottom: 20px;
}

.contact-facebook {
    color: blue;
    font-size: 53px;
}

.contact-instagram {
    color: purple;
    font-size: 53px;
}

.contact-youtube {
    color: red;
    font-size: 53px;
}

.faq-section {
    background: black;
    padding: 80px 62px;
}
.faq-section h3 {
    font-size: 30px;
}
.faq-section h6{
    color: #E30840 !important;
}

.faq-section hr {
    color: red;
}
section.featured-property .owl-nav {
    position: absolute;
    right: 32px;
    top: -83px;
}

section.featured-property .owl-nav button span {
    font-size: 35px;
    top: -4px;
    position: relative;
}

section.featured-property .owl-nav button {
    border: 2px solid #fff !important;
    width: 50px;
    height: 50px;
    border-radius: 50px !important;
    display: flex;
    align-items: center;
}
section.featured-property .owl-item.active {
    transform: scale(0.92);
    border: 0;
    margin:20px 0;
}
section.featured-property .owl-item.active.center {
    transform: scale(1);
    background: #e3084036;
    padding-top: 16px;
    border-radius:10px;
    
}
section.featured-property .prop-contetnt a img {
    border-radius: 10px;
}

.experience-specs .owl-nav ,.feature-yacht .owl-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    bottom: 100px;
}

.experience-specs .owl-nav button, .feature-yacht .owl-nav button {
    border: 2px solid #fff !important;
    width: 50px;
    height: 50px;
    border-radius: 50px !important;
    font-size: 30px !important;
}

.experience-specs .owl-nav button span, .feature-yacht .owl-nav button span {
    position: relative;
    top: -2px;
}


.experience-specs button.owl-prev , .feature-yacht button.owl-prev {
    left: -10% !important;
    position: relative;
}

.experience-specs button.owl-next ,.feature-yacht button.owl-next {
    position: relative;
    right: -10%;
}
.experience-specs button.owl-dot.active span , .feature-yacht button.owl-dot.active span {
    background: #E30840 !important;
}

.experience-specs button.owl-dot span, .feature-yacht button.owl-dot span {
    background: #e308404a !important;
}

a.btn.btn-primary.page-global {
    background: #E30840;
    border: 0;
    padding: 12px 60px;
}


.your-custom-section {
    background-color: #000; /* Set your desired background color */
}

.services-offered {
    padding: 20px;
    background-color: #ffffff; /* Set your desired background color */
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); /* Add a subtle box shadow */
}

.services-offered h3 {
    color: #007bff; /* Set your desired heading color */
}

.services-offered ul {
    list-style-type: none;
    padding: 0;
}

.services-offered li {
    margin-bottom: 10px;
}

.image-carousel {
    /* Add your styles for the image carousel here */
    /* You may need to customize based on the specific carousel library or implementation you are using */
}

section.featured-property.blog-section {
    padding: 140px 0;
}
.blog-content h2 {
    font-size: 22px;
    padding: 20px 0;
}
a.btn.btn-blog {
    border: 2px solid;
}
.blog-wrapper {
    padding: 0 15px 15px 15px;
}

.blog-wrapper .blog-header img {
    border-radius: 7px;
}


/*guest service*/

section.events-section.guest-service .current-offer ul li b {
    font-size: 19px;
    border-bottom: 2px solid #E30840;
    border-radius: 1px;
    margin-right: 19px;
}

section.events-section.guest-service .current-offer ul li {
    padding: 13px;
}

.signin img.head_avatar {
    border-radius: 50%;
}

.signin a#dropdownMenuButton {
    color: #fff !important;
}
/*guest service end*/

/* Add any additional styles or adjustments as needed */