* {
    margin: 0px;
    font-family: 'Inter';
}

body {
    margin: 0;
    overflow-x: hidden;
}

img {
    max-width: 100%;
}

#property-header .navbar-nav li {
    position: relative;
    padding: 0.5rem 1rem;
}

.header-area .sticky-logo-img {
    display: none;
}

.sticky_header .sticky-logo-img {
    display: block;
}

.sticky_header .header-logo-img {
    display: none;
}


#property-header .nav-link {
    letter-spacing: 1px;
    display: flex;
    position: relative;
    z-index: 1;
    height: 100%;
    align-items: center;
    transition: 0.4s;
    text-transform: capitalize;
    color: #21211F;
    font-family: 'Inter';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 175%;
}

#property-header .navbar-dark .navbar-nav .nav-link:hover {
    /*color: #0071E3 !important;*/
    transition: all .3s linear;
}

#property-header .navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #21211F;
    transition: all .3s linear;
    border-bottom: 2px solid #21211F;
}

#property-header .dropdown-item.active,
.dropdown-item:active {
    color: #DEE1E3;
    text-decoration: none;
    background-color: #21211F;
}

#property-header .navbar-dark .navbar-nav .nav-link:hover.nav-link::before {
    opacity: 1;
    transition: all .3s linear;
}

#property-header .navbar-dark .navbar-nav .nav-link:hover:after {
    opacity: 1;
    transition: all .3s linear;
}

#property-header .dropdown-item:hover {
    color: #21211F;
    background-color: transparent;
}

#property-header .dropdown-item {
    color: #DEE1E3;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    font-family: 'Inter';
    letter-spacing: 1px;
    transition: 0.3s ease-out;
    padding: 0.6rem 1rem 0.6rem 1rem;
}

/* #property-header .nav-link.active {
    color: #0784C7 !important;
} */

#property-header .nav-link.active.nav-link::before {
    opacity: 1;
    transition: all .3s linear;
}

#property-header .navbar-collapse {
    flex-grow: 0 !important;
}

.bg_load {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: url(../images/loading_icon.gif) 50% 50% no-repeat #fff;
}

.bg-contact .navbar {
    background-color: #f6cabf !important;
    border-bottom: 0.063rem solid #f6beb1 !important;
}

.header {
    position: absolute;
    z-index: 1;
    width: 100%;
}

#property-header .navbar-light .navbar-nav .nav-link.active-menu {
    color: #21211F;
    border-bottom: 3px solid #21211F;
    width: fit-content;
}

.sticky_header {
    position: fixed !important;
    z-index: 9;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-animation-name: fadeInDown;
    animation-duration: 1s;

}

.header-area.sticky_header {
    background: #FAFAFA;
    width: 100%;
}

.scrollToTop {
    background-image: url(../images/apple-scroll-to-top.png);
    width: 46px;
    height: 40px;
    position: fixed;
    right: 82px;
    bottom: 63px;
    background-repeat: no-repeat;
    z-index: 99;
}

.navbar-collapse.collapse.show li.nav-item {
    color: #000;
}

/*----onscroll animation start-----*/
.in-view.anim-delay2 {
    -webkit-transition-delay: 0.4s !important;
}

.in-view.anim-delay3 {
    -webkit-transition-delay: 0.8s !important;
}

.in-view.anim-delay4 {
    -webkit-transition-delay: 1.2s !important;
}

.in-view.anim-delay5 {
    -webkit-transition-delay: 1.6s !important;
}

.in-view.anim-delay6 {
    -webkit-transition-delay: 2s !important;
}

.animation-element.slide-top {
    opacity: 0;
    transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    -moz-transform: translate3d(0px, -60px, 0px);
    -webkit-transform: translate3d(0px, -60px, 0px);
    -o-transform: translate(0px, -60px);
    -ms-transform: translate(0px, -60px);
    transform: translate3d(0px, -60px, 0px);
}

.animation-element.fadein {
    opacity: 0;
    transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
}

.animation-element.slide-bottom {
    opacity: 0;
    transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    -moz-transform: translate3d(0px, 60px, 0px);
    -webkit-transform: translate3d(0px, 60px, 0px);
    -o-transform: translate(0px, 60px);
    -ms-transform: translate(0px, 60px);
    transform: translate3d(0px, 60px, 0px);
}


.animation-element.slide-left {
    opacity: 0;
    transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    -moz-transform: translate3d(-50px, 0, 0);
    -webkit-transform: translate3d(-50px, 0, 0);
    -o-transform: translate(-50px, 0);
    -ms-transform: translate(-50px, 0);
    transform: translate3d(-50px, 0, 0);
}

.animation-element.slide-right {
    opacity: 0;
    transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    -moz-transform: translate3d(50px, 0, 0);
    -webkit-transform: translate3d(50px, 0, 0);
    -o-transform: translate(50px, 0);
    -ms-transform: translate(50px, 0);
    transform: translate3d(50px, 0, 0);
}

.animation-element.slide-left.in-view,
.animation-element.slide-top.in-view,
.animation-element.slide-right.in-view,
.animation-element.slide-bottom.in-view,
.animation-element.fadein.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}


.header-area {
    padding-top: 0px;
}

.navbar-dark .navbar-nav .nav-link {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .9px;
    line-height: 26px;
    text-transform: uppercase;
    color: #0784C7;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: #0071E3;
}

.navbar-dark .navbar-nav .nav-link:hover {
    /* color: #62CEC5 !important; */
    transition: all .3s linear;
}

.navbar-dark .navbar-nav .nav-link:hover:after {
    opacity: 1;
    transition: all .3s linear;
}

a.nav-link {
    position: relative;
}

.header-button {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 600;
    margin-left: 12rem;
    padding: 0.375rem 1.55rem;
    border-radius: 50px;
    background-color: #62CEC5;
}

.container {
    padding-right: 5vw !important;
    padding-left: 5vw !important;
    margin: unset !important;
    max-width: unset;
}

.navbar-dark .navbar-nav .nav-link {
    padding: 2px 0;
}

.navbar {
    padding-top: .8rem;
    padding-bottom: .8rem;
}

.navbar-expand-lg .navbar-collapse {
    justify-content: end;
}

.navbar-dark .navbar-nav .nav-link {
    position: relative;
}

.btn:focus {
    box-shadow: unset;
}

.header-area {
    position: absolute;
    width: 100%;
    z-index: 10;
    left: 0;
    top: 0;
    background: transparent;
}


.scrollToTop {
    background-image: url(../images/apple-scroll-to-top.png);
    width: 46px;
    height: 40px;
    position: fixed;
    right: 82px;
    bottom: 56px;
    background-repeat: no-repeat;
    z-index: 99;
}

.btn.btn-primary.border-0:active:focus,
.btn-primary:focus {
    background: #f36a3a !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: unset !important;
}

.sticky_header .top-header {
    display: none;
}

@media (max-width: 767px) {

    .top-header {
        padding: 0;
        background-color: transparent !important;
    }

    .header-btn .zoop-btn {
        padding: 0rem 0rem !important;
        font-weight: 400 !important;
        color: #000 !important;
    }

    .sticky-social {
        display: none;
    }

    .h-height {
        height: 156px;
    }

    .navbar-dark .navbar-toggler {
        color: unset !important;
        border-color: #fff !important;
        box-shadow: unset !important;
    }

    .scrollToTop {
        right: 20px;
    }

    .container {
        padding: 0px 15px !important;
    }

    .navbar-dark .navbar-nav .nav-link::before {
        content: unset;
    }

    .navbar-dark .navbar-nav .nav-link {
        color: #fff !important;
    }

    .navbar-nav {
        margin-top: 10px !important;
    }

    .scrollToTop {
        background-image: url(../images/apple-scroll-to-top.png);
        width: 46px;
        height: 40px;
        position: fixed;
        right: 27px;
        bottom: 20px;
        background-repeat: no-repeat;
        z-index: 99;
    }

    .header-area {
        background-color: #FAFAFA;
    }

    .header-button {
        margin-left: unset !important;
        padding: 8px 20px !important;
    }

    .navbar-dark .navbar-nav .nav-link:after {
        position: unset !important;
    }

    /* .navbar-brand img {
        width: 160px;
    } */
}

@media(min-width:768px) and (max-width:991px) {
    .navbar-dark .navbar-nav .nav-link::before {
        content: unset;
    }

    .navbar-dark .navbar-nav .nav-link {
        padding: .5rem 0rem;
    }

    .navbar-nav {
        margin-top: 10px !important;
    }

    .header-btn .zoop-btn {
        padding: 0rem 0rem;
    }

    .header-btn .zoop-btn {
        font-weight: 400;
        background: transparent !important;
        color: rgba(0, 0, 0, .7) !important;
        font-weight: 400 !important;
    }

    .header-btn .zoop-btn.btn-primary:hover {
        background: transparent !important;
    }

    .scrollToTop {
        background-image: url(../images/apple-scroll-to-top.png);
        width: 46px;
        height: 40px;
        position: fixed;
        right: 40px;
        bottom: 20px;
        background-repeat: no-repeat;
        z-index: 99;
    }

    .header-button {
        margin-left: unset !important;
    }
}

@media (max-width: 575px) {
    .scrollToTop {
        background-image: url(../images/apple-scroll-to-top.png);
        width: 46px;
        height: 40px;
        position: fixed;
        right: 20px;
        bottom: 20px;
        background-repeat: no-repeat;
        z-index: 99;
    }
}

/* css start  */

section.banner-sec {
    padding-top: 86px;
    background-image: url(../images/home-bnr.webp);
    background-size: cover;
    background-position: center;
    height: 700px;
    max-height: 100%;
    overflow: hidden;
}
span.sub-title {
    color: #5B595A;
    font-size: 16px;
    font-weight: 600;
    padding: 10px;
    background: #ECECEC;
    border-radius: 20px;
    line-height: 20px;
    display: inline-block;
}
h1 {
    font-size: 72px;
    font-weight: 600;
    line-height: 87px;
    padding: 20px 0 10px;
    font-family: 'Inter';
    color: #5B595A;
}
section#services img {
    width: 100%;
    height:430px;
    max-height:100%;
}
.banner-wrap {
    width: 50%;
}
span.font-yellow {
    color: #E4DD9B;
}
span.font-red {
    color: #DE2728;
}
.line {
    border: 1px solid #C7C7C7;
    margin-bottom: 40px;
    margin-top: 30px;
}
a.nav-link.btn1.contact-us-menu {
    background: #DE2728;
    color: #fff !important;
}
.banner-wrap h6 {
    font-size: 24px;
    color: #5B595A;
    font-weight: 600;
    line-height: 36px;
}
h2 {
    font-size: 42px;
    font-weight: 600;
    line-height: 50px;
    padding: 20px 0 10px;
    color: #5B595A;
}
.services-top-cont p {
    margin-bottom: 0;
}
p {
    color: #5B595A;
    line-height: 30px;
    font-size: 16px;
    font-family: 'Inter';
    font-weight: 400;
}
h3 {
    padding: 20px 0 5px;
    font-size: 24px;
    color: #5B595A;
    font-weight: 600;
}
section.services-sec {
    background: #f8f8f8;
    overflow: hidden;
}
section.about-sec {
    background-image: url(../images/about-bg.webp);
    background-size: cover;
    position: relative;
}
.single-project-box h3 {
    padding-bottom: 20px;
    text-transform:uppercase;
}
.about-wrap h2 {
    width: 70%;
}
.exp-num span {
    font-size: 150px;
    line-height: 150px;
    font-weight: 600;
    color: #DE2728;
}
.exp-num p {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
}
a.nav-link.btn1.contact-us-menu {
    padding: 8px 20px;
}
img.ps-abs {
    position: absolute;
    right: 10%;
    top: 0;
    height: 300px;
    max-height: 100%;
}
section.why-us {
    background: #F8F8F8;
}
.single-why-us-box {
    border: 1px solid #D2D2D2;
    padding: 20px;
    height: 283px;
    max-height: 100%;
    position: relative;
}
span.num-box {
    position: absolute;
    background: #fff;
    padding: 5px;
    right: 15px;
    top: -15px;
    border: 1px solid #D2D2D2;
    width: 30px;
    height: 30px;
    line-height: normal;
    color: #5B595A;
}
.single-why-us-box:hover .num-box {
    background: #DE2728;
    color: #fff;
}
.testimonial-top-cont {
    width: 60%;
}
.testimonials-sec {
    position: relative;
    background-image: url(../images/testimonial-bg.webp);
    background-size: cover;
}

img.testimonial-model {
    position: absolute;
    bottom: 0;
    right: 5%;
    height: 460px;
}
.s-testimonial span {
    padding: 10px 0;
    display: block;
}
.single-why-us-box h3 {
    line-height: 36px;
}
.testimonial-cont-wrap {
    width: 50% !important;
}
.testimonials-sec button.owl-dot {
    width: 10px;
    height: 10px;
    background: #D9D9D9 !important;
    margin: 3px;
    border-radius: 50%;
    border: 1px solid #5B595A !important;
	margin-right: 10px !important;
}
.testimonials-sec button.owl-dot.active {
    background: #5B595A !important;
}
section.consultation-sec {
    background-image: url(../images/consultation-bg.webp);
    background-size: cover;
}
.consultation-wrap h2 {
    color: #fff;
}

.consultation-wrap p {
    color: #FFF8FB;
}

.consultation-wrap a {
    color: #fff;
    text-decoration: none;
    background: #DE2728;
    padding: 10px 20px;
}
.consultation-wrap {
    width: 60%;
    margin-inline: auto;
}
h4 {
    color: #5B595A;
    font-size: 22px;
    font-weight: 600;
}
form input,form textarea {
    border: none !important;
    border-bottom: 1px solid #B1B1B1 !important;
    border-radius: 0 !important;
}
a#form_submit {
    background: #DE2728;
    display: block;
    text-align: center;
    color: #fff;
    text-decoration: none;
    line-height: 36px;
        padding: 6px;
}
.s-contact a {
    text-decoration: none;
    color: #5B595A;
}

.s-contact {
    padding-bottom: 20px;
}
section.footer {
    background: #000;
}

section.footer a {
    color: #fff;
    text-decoration: none;
}
section.footer ul {
    list-style: none;
    padding-left: 0;
}

section.footer li {
    line-height: 30px;
}
section.footer p {
    color: #fff;
}

section.footer h3 {
    color: #fff;
}
.footer-s-media li {
    padding-right: 10px;
}
.btm-footer-wrap {
    border-top: 1px solid #414141;
}
.our-projects .owl-nav {
    position: absolute;
    right: 20px;
    top: -18%;
}
i.fa-solid.fa-arrow-left,i.fa-solid.fa-arrow-right {
    color: #5B595A;
    margin-right: 10px;
}
.single-why-us-box:hover img {
    filter: invert(1);
}

.single-why-us-box img {
    transition: all 0.5s ease-in-out;
}
.footer-menu li {
    padding: 10px 20px 10px 0;
}

@media screen and (max-width:767px) {
    .exp-num p {
    text-align: left;
}
    section.banner-sec {
        padding-top: 150px;
        background-image: url(../images/horizon-mobile-banner.webp);
    }
    section#services img{
        height:auto;
    }
    .banner-wrap {
        width: 100%;
    }
    
    section.services-sec {
        padding: 40px 0;
    }
    
    section.about-sec {
        padding: 40px 0;
		overflow:hidden;
    }
    
    section.why-us {
        padding: 40px 0;
		overflow:hidden;
    }
    
    .single-why-us-box {
        margin-bottom: 20px;
        height: auto;
    }
    
    section.our-projects {
        padding: 40px 0;
    }
    
    .testimonial-top-cont {
        width: 100%;
    }
    
    .consultation-wrap {
        width: 100%;
    }
    
    section.consultation-sec {
        padding: 40px 0;
    }
    
    section.contact-sec {
        padding: 40px 0;
    }
	h1 {
    font-size: 48px;
    line-height: 60px;
}

.single-service-wrap {
    padding-bottom: 20px;
}

img.ps-abs {
    display: none;
}

.about-wrap h2 {
    width: 100%;
}

h2 {
    font-size: 32px;
    line-height: 47px;
}

.exp-num.d-flex {
    flex-wrap: wrap;
    text-align: center;
}

.testimonial-cont-wrap {
     width: 100% !important;
     padding-bottom: 40px;
}
    img.testimonial-model {
    display: none;
}
.btm-footer {
    flex-wrap: wrap;
    justify-content: center !important;!i;!;
}
/* a.nav-link.btn1.contact-us-menu { */
    /* padding: 10px; */
/* } */
a.nav-link.btn1.contact-us-menu {
    display: inline-block !important;!i;!;
    padding: 10px 20px;
}
}