:root {
    --golden: #DDA74F;
}

.about img {
    margin-top: 5rem;
}

.section-luxury {
    position: relative;
}

.luxury {
    padding-top: 4rem;
    padding-bottom: 3rem;
}

.luxury h1 {
    color: var(--golden);
    font-size: 55px;
}

.luxury h2 {
    color: #fff;
}

.remax {
    background-image: url(../images/about/Remax.PNG);
    background-size: cover;
    background-repeat: no-repeat;
}

.remax-one {
    border-top: 1px solid var(--golden);
    border-bottom: 1px solid var(--golden);
}

.remax-p {
    background-color: #000000;
    opacity: .8;
    border-top: 1px solid #cccccc8f;
    border-bottom: 1px solid #cccccc8f;
}

.remax-text {
    padding: 6rem 2rem 6rem 2rem;
}

.remax-text p {
    padding-bottom:2rem
}

.remax-text ul {
    padding-bottom:4rem
}

.logo {
    text-align: center;
}

.logo img {
    position: relative;
    top: 13px;
    right: 2.5px;
}

.story {
    border-top: 2px solid var(--golden);
}

.right-b {
    border-right: 2px solid #DDA74F;
}

.youtube {
    padding-top: 5px;
    padding-bottom: 5rem;
}

.story-text {
    padding: 3rem 0rem 4rem 4rem;
    color: #fff;
}

.mission-remax {
    border-top: 2px solid var(--golden);
}

.mission-remax img {
    padding-bottom: 5rem;
}

.mission-text p {
    padding: 2rem 2rem 2rem 2rem;
    color: #fff;
    font-size: 18px;
}

.values-remax {
    border-top: 2px solid var(--golden);
}

.values-remax img {
    padding-bottom: 7rem;
}

.values-text {
    padding: 2rem 0rem 1rem 1rem;
    font-size: 15px;
}

.values-text p {
    color: #fff;
}

.values-text p span {
    color: var(--golden);
}

.text-from p {
    color: #fff;
    font-size: 16px;
    padding: 2rem 2rem 2rem 2rem;
}

.text-from h1 {
    color: var(--golden);
    font-size: 30px;
    padding-left: 2rem;
    padding-top: 7rem;
}

.text-from h1 span {
    color: #fff;
    font-size: 20px;
}

.team h1 {
    color: var(--golden);
    padding-top: 5rem;
    padding-bottom: 4rem;
    font-size: 3rem;
}

.item {
    background-color: #111010;
    border: 1px solid var(--golden);
    position: relative;
}

.item-body h4 {
    color: #fff;
    font-size: 25px;
    padding-top: 10px;
}

.item-body h5 {
    color: #ccc;
    font-size: 14px;
}

.item-body a {
    font-size: 23px;
    color: var(--golden);
    text-decoration: none;
    position: relative;
    top: 1rem;
    background-color: #111010;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

#item-three {
    padding-bottom: 3px;
}

.owl-carousel {
    width: 80% !important;
    display: block;
    margin: auto;
}

.owl-stage {
    height: 600px;
}

.owl-dots {
    display: none !important;
}

.owl-nav.disabled {
    display: block !important;
    color: #fff;
    font-size: 3rem;
}

button.owl-prev {
    position: absolute;
    left: -7rem;
    top: 12rem;
}

button.owl-next {
    position: absolute;
    right: -10rem;
    top: 12rem;
}

.owl-nav.disabled span {
    font-size: 20px;
    bottom: 4px;
    position: relative;
}

button.owl-next span {
    color: var(--golden);
    position: relative;
    right: 5rem;
}

i.fas.fa-long-arrow-alt-left {
    font-size: 25px;
}

i.fas.fa-long-arrow-alt-right {
    font-size: 25px;
    color: var(--golden);
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent !important;
}

.members {
    padding-top: 3rem;
}

button.btn.btn-outline-succes {
    font-size: 25px;
    color: var(--golden);
    border: 1px solid var(--golden);
    border-radius: 0;
}

.section-counter {
    background-image: url(../images/about/Group10230.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 340px;
    margin-top: 10rem;
}

.remax-counter {
    padding-top: 2rem;
    padding-bottom: 3.5rem;
}

.remax-counter h1 {
    color: #fff;
}

.remax-counter h3 {
    color: var(--golden);
}

.global-reach p {
    color: #fff;
    font-size: 15px;
    text-align: center;
    margin: 0;
}

.global-reach h2 {
    color: var(--golden);
    font-size: 35px;
}

.col-12.col-md-2,
.col-12.col-md-3 {
    width: 20% !important;
}

.partners {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.partners h2 {
    color: #fff;
}

.partners h4 {
    color: var(--golden);
}

.partners-row {
    padding-bottom: 4rem;
}

.partners-row div {
    text-align: center;
}

.partners-row img {
    border: 1px solid var(--golden);
    padding: 0px 10px 0px 10px;
}

.nakheel {
    padding: 10px 20px 10px 20px !important;
    height: 211px;
    width: 330px;
}

#tube {
    padding: 0;
}

@media (max-width: 1024px) {
    .item-body h4 {
        font-size: 20px;
    }
    .luxury h1 {
        font-size: 50px;
    }
    .remax-text {
        padding: 2rem 0rem 0rem 0rem;
    }
    .remax-text p {
        font-size: 15px;
    }
    .remax-text ul {
        padding-bottom: 2rem;
    }
    .remax-text h3 {
        font-size: 18px;
    }
    .youtube iframe {
        width: 465px;
        height: 250px;
    }
    button.btn.btn-outline-succes {
        font-size: 22px;
    }
    .global-reach p {
        height: 40px;
    }
    .global-reach h2 {
        font-size: 30px;
    }
    .owl-stage {
        height: 450px;
    }
    #five {
        width: 200px;
    }
    .partners-row img {
        width: 300px;
    }
    .nakheel {
        height: 191.41px;
    }
}

@media (max-width: 768px) {
    .about img {
        margin-top: 0rem;
    }
    .youtube iframe {
        width: 345px;
        height: 195px;
    }
    button.owl-prev {
        color: #fff !important;
        left: -5rem;
    }
    button.owl-next {
        right: -8rem;
    }
    i.fas.fa-long-arrow-alt-right {
        right: 16px;
        position: relative;
    }
    button.owl-next span {
        top: -4px;
    }
    button.owl-prev span {
        position: relative;
        top: -4px;
    }
    .members {
        padding-top: 0rem;
    }
    .partners-row img {
        width: 210px;
    }
    .nakheel {
        height: 130.05px;
    }
    #five {
        width: auto;
    }
    .global-reach p {
        padding-bottom: 5rem;
    }
    .global-reach h2 {
        font-size: 23px;
    }
    .home-page h1 {
        font-size: 30px;
    }
    .luxury h2 {
        font-size: 20px;
    }
    .owl-stage {
        height: 500px;
    }
}

@media (max-width: 426px) {
    .luxury h1 {
        font-size: 25px;
    }
    .home-page h1 {
        display: flex;
        justify-content: center;
        padding-left: 0 !important;
    }
    .end-section h1 {
        display: block !important;
        padding-left: 2rem !important;
    }
    .luxury h2 {
        font-size: 17px;
    }
    .remax-text {
        padding: 1rem 2rem 0rem 3rem;
    }
    .logo img {
        top: 0;
        right: 0;
    }
    .left h1 {
        padding-left: 0rem !important;
    }
    .right-b {
        border-right: none;
    }
    .story.col-12.col-md-6.right-b {
        padding: 0 !important;
    }
    .col-12.col-md-6.right-b.tube {
        padding-right:  calc(var(--bs-gutter-x) * .5) !important;
    }
    .youtube iframe {
        width: 100%;
        height: 215px;
    }
    .story-text {
        padding: 3rem 0rem 4rem 1rem;
    }
    .owl-stage {
        height: 600px;
    }
    button.owl-prev {
        left: -2rem;
    }
    button.owl-next {
        right: -5rem;
    }
    .section-counter {
        margin-top: 5rem;
        height: auto;
    }
    img.nakheel {
        width: 330px !important;
        height: 211.6px;
    }
    .partners-row img {
        margin-bottom: 10px;
        width: auto;
        height: auto;
    }
    .partners-row {
        padding-bottom: 0;
    }
    .remax-counter h1 {
        font-size: 25px;
    }
    .global-reach h4 {
        height: auto;
    }
    .col-12.col-md-2,
    .col-12.col-md-3 {
    width: 100% !important;
    }
    .global-reach p {
        padding-bottom: 0rem;
    }
    .global-reach {
        padding-bottom: 2rem;
    }
    .global-reach  h2 {
        font-size: 35px;
    }
    .global-reach h4 {
        font-size: 20px;
    }
    #partners {
        padding-bottom: 5rem;
    }
    .values-remax img {
        padding-bottom: 0rem;
    }
    .mission.one {
        display: block !important;
    }
    .mission {
        display: none;
    }
    .end-section.one {
        display: block !important;
    }
    .end-section {
        display: none;
    }
    .text-from h1 {
        padding-top: 4rem;
    }

}

@media (max-width: 320px) {
    img.nakheel {
        width: 280px !important;
    }
    .partners-row img {
        width: 280px;
    }
}