* {

    margin: 0%;

    padding: 0%;

    box-sizing: border-box;

    /* max-width: 100%; */

}





@font-face {

    font-family: gotham-light;

    src: url(./assets/fonts/Gotham/Gotham-Light/Gotham-Light.otf);

}



@font-face {

    font-family: gotham-extra-light;

    src: url(./assets/fonts/Gotham/Gotham-Extra-Light/Gotham-Extra-Light.otf);

}



@font-face {

    font-family: optima-regular;

    src: url(./assets/fonts/Optima-Font/OPTIMA.TTF);

}



.homepage {

    /* background-image: url('provident-deansgate-lp/image 12.png');

    background-repeat: no-repeat;

    color: white;

    height: 750px; */

}







.navbar {

    width: 100%;

}



.navbar img {

    width: 250px;



}



.navbar-menu ul,

li {

    display: inline-block;

    padding: 20px;

    font-size: 20px;

}



.provident-deansgate-logo img {

    width: 300px;

    padding: 10px;

}



.provident-title h1 {

    padding: 10px;

    font-size: 50px;

}



.provident-deansgate-logo {

    text-align: center;

}



.home-wrapper {

    width: 100%;

    position: relative;

    top: 30%;



}



.provident-title {

    margin-top: 50px;

    text-align: center;

}



.aboutus-wrapper {

    position: relative;



}



.aboutus-image img {

    width: 550px;

    height: 550px;

}



/* .aboutus {

    width: 50%;

    padding-top: 10%;

} */



.aboutus p {

    font-size: 18px;

    margin-top: 30px;

    word-spacing: 2px;

}



.aboutus h1 {

    font-size: 45px;

}



/* .aboutus-image {

    position: absolute;

    right: -5%;

    top: 20%;

} */



.explore-wrapper {

    position: relative;



}



.navtab {

    text-align: center;

    /* padding-top: 10%; */

}



.navtab h1 {

    font-size: 50px;

    padding-bottom: 30px;

}



.navtab button {

    padding: 20px;

    font-size: 25px;

    margin: 30px;

    background-color: white;

}



/* .navtab-image img {

    width: 650px;

    height: 300px;

    margin-right: 30px;

} */



.navtab-image {

    /* width: 40%;

    margin-left: 10%; */

    /* margin-top: 45px; */

}



.garden-content {

    background-color: rgb(238, 237, 237);

}



.garden-content h1 {

    font-size: 50px;

    /* padding: 30px;

    margin-left: 10px; */

}



.garden-content p {

    font-size: 20px;

    /* word-spacing: 2px;

    margin-left: 50px; */



}



/* .amenities-wrapper {

    margin: 10%;

} */



.amenities-wrapper h1 {

    font-size: 50px;

    padding: 30px;

}



.amenities-slider-wrapper {

    position: relative;

}



.amenities-slider-wrapper img {

    padding: 15px;

}



.owl-prev {

    background-image: url("provident-deansgate-lp/left-arrow.png");

    background-repeat: no-repeat;

    position: absolute;

    left: -5%;

    top: 40%;

    width: 100px;

    padding: 30px;

    color: transparent;

}



.owl-next {

    background-image: url("provident-deansgate-lp/right-arrow.png");

    background-repeat: no-repeat;

    position: absolute;

    right: -10%;

    top: 40%;

    width: 100px;

    padding: 30px;

    color: transparent;



}



.slider-title {

    background-color: rgb(238, 237, 237);

    display: inline-block;

    width: 210px;

    padding: 15px;

    text-align: center;

    position: absolute;

    z-index: 1;

    left: 30%;

    bottom: 0%;

}



.slider-title h4 {

    font-size: 12px;

}



.project-slider-wrapper {

    /* margin: 10%;

    padding-bottom: 2%; */

}



.project-wrapper {

    background-color: rgb(185, 184, 184)
}



.project-wrapper h1 {

    font-size: 50px;

    /* padding: 50px; */

}



.project-slider-wrapper .project-image img {

    width: 100px;

}



.project-image {

    padding: 30px;

    background-color: white;

    padding-bottom: 30px;

}



.project-image h4 {

    padding-top: 20px;

    text-align: center;

}



/* .accordion-wrapper {

    margin: 7%;

} */



.accordion-wrapper h1 {

    font-size: 50px;

    margin-bottom: 30px;

}



.accordion-wrapper span {



    background-color: rgb(6, 6, 64);

    width: 65px;

    color: white;

    padding: 20px;

    font-size: 20px;

}



.accordion-wrapper p {

    font-size: 20px;

}



.accordion-button:after {

    visibility: hidden;

}



.accordion-border {

    border: 0px;

}



.accordion-wrapper .plus-icon {

    width: 2%;

    text-align: right;

}



.accordion-wrapper button {

    font-size: 20px;

    color: black;

    background-color: rgb(238, 237, 237);

}



.accordion-wrapper p {

    margin-left: 40px;

    width: 100%;



}



.registration-wrapper {

    /* margin: 10%; */

    position: relative;

    /* margin-bottom: 20%; */

}



.registration-wrapper h1 {

    font-size: 50px;

    /* padding-top: 20px;

    width: 40%;

    margin-top: 10%; */

}



.input-field {

    width: 100%;

    padding: 15px;

}



.input-field2 {

    width: 100%;

    padding: 15px;

}



.input-no {

    width: 80px;

    padding: 15px;

}



.registration input {

    margin: 5px;

}



.radiobtn input {

    margin-left: 10px;



}



.radiobtn input[type='radio'] {

    height: 20px;

    width: 20px;

    margin-right: 10px;

    vertical-align: sub;

}



.input-checkbutton input[type='checkbox'] {

    height: 30px;

    width: 30px;

    margin-right: 20px;

    vertical-align: sub;

}



.input-checkbutton {

    margin-top: 40px;

    margin-left: 5px;

    padding: 5px;

}



.registration-form {

    /* position: absolute;

    right: 0%;

    top: 0%; */

    font-size: 20px;

}



.registration-form p {

    margin-top: 30px;

    margin-left: 5px;

}



.registration-form .submitbtn {

    background-color: rgb(6, 6, 67);

    width: 150px;

    padding: 15px;

    color: white;

    margin-top: 5%;

    margin-left: 10px;

}



.registration-form .right-arrow {

    background-color: rgb(6, 6, 67);

    padding: 15px;

    color: white;

    margin-top: 20px;

    width: 80px;



}



.footer-wrapper {

    background-color: rgb(185, 184, 184);

    color: white;

    /* position: relative; */

    /* margin-top: 25%; */



}



.footer {

    padding-top: 30px;

    /* width: 50%; */

    /* margin-top: 5%; */

}



.footer p {

    font-size: 20px;

    /* margin-left: 10%;

    padding: 10px; */

}



/* .address {

    margin-top: 10%;



} */



/* .address-wrapper {

    width: 50%;

    position: absolute;

    right: 0%;

    top: 0%;

    font-size: 20px;

} */



.copyright {

    /* margin-top: 5%; */

    font-size: 15px;

}



/* New styles */

form#contact_form label {

    display: block;

    position: absolute;

    font-size: 14px;

    margin-top: 0px;

    color: red;

}



.form_input_wrapper_1 {

    display: flex;

    gap: 10px;

    position: relative;

    width: 100%;

    margin-bottom: 0px;

}



.form_input_wrapper_2 {

    display: flex;

    gap: 10px;

    position: relative;

    width: 100%;

    margin-top: 30px;

}



label#contact-error,

label#privacy_policy-error {

    position: absolute;

    left: 15px;

    font-size: 14px;

    margin-top: 10px;

    color: red;

}



.input-field {

    width: 100%;

    padding: 15px;

    padding-left: 15px;

    /* margin-bottom: 20px !important; */

    height: 55px;

    position: relative;

}



.registration input {

    margin: 0;

}



.input-checkbutton {

    position: relative;

}



.radiobtn input {

    position: relative;

}



input#phone_input_field {

    height: 55px;

}



.submit_btn {

    position: relative;

}



.loading img {

    width: 30px;

    height: 30px;

    position: absolute;

    top: 45px;

    left: 150px;

}



.firstname_input,

.lastname_input,

.email_input,

.mobile_input {

    width: 100%;

}



.footer-wrapper {

    background-color: rgb(185, 184, 184);

    color: white;

    position: relative;

    display: flex;

    justify-content: space-around;

    align-items: center;

    margin-top: 50px;

    padding: 25px 0;

}



.address-wrapper {

    text-align: center;

}



.project-image img {

    width: 100px !important;

}



.project-image h4 {

    font-size: 20px;

}



.bg_image {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 238px;

    left: 0;

    margin: 0;

    z-index: 1;

    visibility: hidden;

    opacity: 0;

    transition: all 0.6s ease;

}



.bg_image img {

    width: 100% !important;

    height: 100%;

    object-fit: cover;

}



.project-image:hover .bg_image {

    visibility: visible;

    opacity: 1;

    top: 0;

    transition: all 0.6s ease;

}



.amenities-wrapper {

    padding: 65px 0;

}



.project-wrapper {

    padding: 85px 0;

}



.project-wrapper h1 {

    margin-bottom: 50px;

}



.aboutus-image {

    text-align: center;

}



.aboutus-wrapper {

    padding: 90px 0;

}



.navtab button {

    padding: 20px;

    font-size: 25px;

    margin: 0px;

    background-color: white;

    margin-right: 20px;

}



.garden-content h1 {

    font-size: 50px;

    margin-bottom: 25px;

}



.garden-content {

    background-color: rgb(238, 237, 237);

    padding: 80px 85px;

}



.garden_villament {

    margin-top: 60px;

}



.no-container-row {

    margin-left: 0 !important;

    margin-right: 0 !important;

}



.no-container-row>[class*='col-'] {

    padding-left: 0 !important;

    padding-right: 0 !important;

}



.navtab-image img {

    width: 100%;

    height: 300px;

    margin-right: 0;

    object-fit: cover;

}



.navtab-image {

    margin-left: 80px;

}



.aboutus-image img {

    width: 100%;

    height: 100%;

}



button.villaments_btn.active {

    background-color: rgb(6, 6, 67);

    color: white;



}



/* .terrace_villament {

    display: none;

    visibility: hidden;

    opacity: 0;

} */



.terrace_villament {

    display: flex;

    visibility: visible;

    opacity: 1;

}



.navtab-image.right {

    margin-right: 80px;

    margin-left: 0;

}



.terrace_villament {

    margin-top: 60px;

}



.plus-icon {

    display: none;

}



.accordion-button:after {

    visibility: visible;

}



.accordion-button:not(.collapsed)::after {

    background: none;

    content: "-";

    font-size: 49px;

    top: 10px;

    position: absolute;

    right: 55px;

    transform: none !important;

    transition: none !important;

}



.accordion-button::after {

    background: none;

    content: "+";

    font-size: 49px;

    top: 10px;

    position: absolute;

    right: 60px;

    transform: none !important;

    transition: none !important;

}



.accordion-button:not(.collapsed) {

    background-color: rgb(238, 237, 237);

    box-shadow: none;

}



.accordion-button:focus {

    box-shadow: none;

}



.homepage {

    width: 100%;

    position: relative;

}



.homepage picture img {

    width: 100%;

}



.home-wrapper {

    width: 100%;

    position: absolute;

    top: 45%;

}



.navbar-menu ul,

li {

    display: inline-block;

    padding: 0px;

    font-size: 17px;

    margin-left: 50px;

    color: white;

    margin-bottom: 0;

    font-family: 'gotham-light', sans-serif;

}



header {

    background: transparent;

    position: absolute;

    width: 100%;

    padding: 0 30px;

}



.provident-title h1 {

    color: white;

    font-family: 'optima-regular', sans-serif;



}



.navbar {

    width: 100%;

    padding: 25px 0;

}



.provident-title {

    margin-top: 20px;

    text-align: center;

}



header.fixed-header {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    width: 100%;

    background: #fff;

    z-index: 999;

    box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0;

}



header.fixed-header .navbar-menu li {

    color: black;

}



.colored_logo img {

    display: none;

    visibility: hidden;

    opacity: 0;

}



header.fixed-header .colored_logo img {

    display: block;

    visibility: visible;

    opacity: 1;

    width: 200px;

    height: 100%;

}



header.fixed-header .white_logo {

    display: none;

    visibility: hidden;

    opacity: 0;

}



.aboutus h1 {

    font-size: 45px;

    font-family: 'optima-regular', sans-serif;

}



.aboutus p {

    font-family: 'gotham-light', sans-serif;

    font-weight: 600;

    font-size: 16px;

}



.navtab h1 {

    font-size: 50px;

    padding-bottom: 30px;

    font-family: 'optima-regular', sans-serif;

}



.navtab h1 {

    font-size: 50px;

    padding-bottom: 30px;

    font-family: 'optima-regular', sans-serif;

}



.project-wrapper h1 {

    margin-bottom: 50px;

    font-family: 'optima-regular', sans-serif;

}



.accordion-wrapper h1 {

    font-size: 50px;

    margin-bottom: 30px;

    font-family: 'optima-regular', sans-serif;

}



.registration-wrapper h1 {

    font-size: 50px;

    font-family: 'optima-regular', sans-serif;

}



.amenities-wrapper h1 {

    font-size: 50px;

    font-family: 'optima-regular', sans-serif;

    padding: 30px;

}



.image-text {

    margin-bottom: 15px;

}



.garden-content p {

    font-family: 'gotham-light', sans-serif;

}



.slider-title h4 {

    font-size: 10px;

    margin-bottom: 0;

    font-family: 'gotham-light', sans-serif;

    font-weight: 600;

}



.slider-title {

    background-color: rgb(238, 237, 237);

    display: inline-block;

    width: 210px;

    padding: 15px;

    text-align: center;

    position: absolute;

    z-index: 1;

    left: 30%;

    bottom: 0%;

    display: flex;

    justify-content: center;

    align-items: center;

}



.accordion-wrapper p {

    margin-left: 40px;

    width: 100%;

    margin-bottom: 0;

    font-family: 'gotham-light', sans-serif;

}



.accordion-wrapper span {

    border-radius: 5px;

}



form#contact_form input {

    font-family: 'optima-regular', sans-serif;

}



.registration-form p {

    margin-top: 30px;

    margin-left: 5px;

    font-family: 'gotham-light', sans-serif;

}



.input-checkbutton {

    margin-top: 40px;

    margin-left: 5px;

    padding: 5px;

    font-family: 'gotham-light', sans-serif;

}



.copyright {

    font-size: 15px;

    font-family: 'gotham-light', sans-serif;

}



.privacy a {

    color: black;

    text-decoration: none;

    font-family: 'gotham-light', sans-serif;

}

.project-image h4 {

    font-size: 20px;

    font-family: 'gotham-light', sans-serif;

    font-weight: 600;

}

button.villaments_btn {

    font-family: 'optima-regular', sans-serif;

}

.navbar-menu li a {
    text-decoration: none;
    color: white;
}

section#faq_accordion {
    padding: 65px 0;
}

header.fixed-header .navbar-menu li a {
    color: black !important;
}

.owl-prev {
    display: flex;
    background-image: url(provident-deansgate-lp/left-arrow.png);
    background-repeat: no-repeat;
    position: absolute;
    left: -45px;
    top: 40%;
    width: 40px;
    height: 40px;
    padding: 0px;
    color: transparent;
    align-items: center;
    justify-content: center;
}

.owl-next {
    background-image: url(provident-deansgate-lp/right-arrow.png);
    background-repeat: no-repeat;
    position: absolute;
    right: -45px;
    top: 40%;
    width: 40px;
    height: 40px;
    padding: 0px;
    color: transparent;
}

.homepage picture img {
    width: 100%;
}

/* Header menu */

/* New styles */







.menu-social-media-container {}



.menu-social-media-container ul {

    margin-bottom: 0px;

}



.menu-social-media-container ul li {}



.menu-social-media-container ul li a {

    color: black;

}



.footer-wrapper p {

    color: black;

}



.footer-wrapper .privacy a {

    color: black;

    text-decoration: none;

}



.project-image {

    min-height: 250px;

}



.project-image .icon-img {

    position: absolute;

    left: 0;

    right: 0;

    padding: 13px;

    top: 0;

    bottom: 0;

    z-index: 9;

}



.project-image .icon-img svg {

    width: 82px;

    display: block;

    text-align: center;

    margin: auto;

    margin-top: 15px;

}



.project-image .icon-img h4 {

    font-size: 17px;

    margin-top: 0;

    padding-top: 18px;

}



.project-image {}



.project-image:hover .icon-img {

    color: white;

}



.project-image:hover svg path {

    fill: white;

}



.project-image:hover:before {

    content: '';

    position: absolute;

    background: black;

    width: 100%;

    height: 100%;

    z-index: 9;

    left: 0;

    top: 0;

    opacity: 0.3;

    transition: all 0.6s ease;

}



.project-image:before {

    transition: all 0.6s ease;

}

.main-banner-wrapper img {

    max-height: 620px;

    object-fit: cover;

}

.accordion-wrapper {
    margin: 0;
}

.accordion-body {
    font-family: 'gotham-light', sans-serif;
}

@media only screen and (max-width: 650px) {
    .aboutus h1 {
        font-size: 34px;
    }

    .aboutus-wrapper {
        padding-top: 30px;
        padding-bottom: 40px;
    }

    .aboutus p {
        font-size: 14px;
        margin-top: 8px;
    }

    .navtab h1 {
        font-size: 34px;
    }

    .navtab button {
        padding: 9px;
        font-size: 14px;
        margin-right: 9px;
    }

    .navtab-image {}

    .navtab-image {
        margin-left: 1px;
    }

    .garden-content {
        padding: 18px;
    }

    img.image-text {
        max-width: 250px;
    }

    .amenities-wrapper {
        padding-top: 20px;
    }

    .amenities-wrapper h1 {
        font-size: 34px;
        text-align: center;
    }

    .slider-title {
        left: auto;
        right: 7px;
    }

    h1 {}

    .project-wrapper h1 {
        font-size: 34px;
    }

    .accordion-wrapper span {
        width: 20px;
        padding: 5px;
        font-size: 10px;
    }

    .accordion-wrapper p {
        font-size: 14px;
        margin-left: 9px;
    }

    .accordion-button::after {
        font-size: 31px;
        right: 15px;
    }

    ::after {}

    .accordion-button:not(.collapsed)::after {
        font-size: 31px;
        right: 15px;
    }

    .registration-wrapper h1 {
        font-size: 34px;
    }

    .form_input_wrapper_1,
    .form_input_wrapper_2 {
        flex-wrap: wrap;
    }

    .form_input_wrapper_2 {
        margin-top: 9px;
    }

    .input-checkbutton {
        font-size: 16px;
        display: flex;
        align-items: center;
    }

    .navtab-image.right {
        margin-right: 0px;
        margin-left: 0;
    }

    .menu_lists {
        display: none;
        position: absolute;
        top: 0;
        background: #1f407d;
        left: 0;
        width: 100%;
        z-index: 999;
    }

    .btn11 {
        position: relative;
        width: 30px;
        height: 40px;
        top: -10px;
        left: 20px;
        transition-duration: .5s;
        margin: auto;
        margin-right: 0;
    }

    .btn11 .icon-left {
        transition-duration: .5s;
        position: absolute;
        height: 4px;
        width: 15px;
        top: 30px;
        background-color: #212121
    }

    .btn11 .icon-left:before {
        transition-duration: .5s;
        position: absolute;
        width: 15px;
        height: 4px;
        background-color: #212121;
        content: "";
        top: -10px
    }

    .btn11 .icon-left:after {
        transition-duration: .5s;
        position: absolute;
        width: 15px;
        height: 4px;
        background-color: #212121;
        content: "";
        top: 10px
    }

    .btn11 .icon-left:hover {
        cursor: pointer
    }

    .btn11 .icon-right {
        transition-duration: .5s;
        position: absolute;
        height: 4px;
        width: 15px;
        top: 30px;
        background-color: #212121;
        left: 15px
    }

    .btn11 .icon-right:before {
        transition-duration: .5s;
        position: absolute;
        width: 15px;
        height: 4px;
        background-color: #212121;
        content: "";
        top: -10px
    }

    .btn11 .icon-right:after {
        transition-duration: .5s;
        position: absolute;
        width: 15px;
        height: 4px;
        background-color: #212121;
        content: "";
        top: 10px
    }

    .btn11.open .icon-left {
        transition-duration: .5s;
        background: 0 0
    }

    .btn11.open .icon-left:before {
        transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px)
    }

    .btn11.open .icon-left:after {
        transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px)
    }

    .btn11.open .icon-right {
        transition-duration: .5s;
        background: 0 0
    }

    .btn11.open .icon-right:before {
        transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px)
    }

    .btn11.open .icon-right:after {
        transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px)
    }

    .btn11:hover {
        cursor: pointer
    }
    .navbar-menu{
        display: none;
    }
}