@font-face {
    font-family: 'montserrat';
    src: url(../fonts/Montserrat-VariableFont_wght.ttf);
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    margin: 0;
    padding: 0;
    font-family: 'montserrat', sans-serif;
    line-height: normal;
}
a,a:hover,a:active,a:visited{
    text-decoration: none;
    color: inherit;
}
ul{
    list-style: none;
}
h1,h2,h3,h4,h5,h6,p,a,span,ul,li{
    margin: 0;
    padding: 0;
}
.vc_row {
    margin-left:auto !important;
    margin-right: auto !important;
}
.top_border{
    width: 100%;
    height: 5px;
    background: linear-gradient(to right, white 23%, #1f95d3 14.3%, #1f95d3 55.3%, #1fce31 10.6%, #1fce31 61.6%);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}
.header{
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
    transition: all 0.4s ease-in-out;
    background: linear-gradient(to bottom, rgba(0,0,0,0.5), transparent);
}
.header.is-sticky {
    position: fixed;
    background: #fff;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.2);
    padding: 8px 0;
    backdrop-filter: blur(10px);
    animation: slideDown 0.35s ease-out;
    left: 0;
}
.header.is-sticky.remove-header{
    left: 101%;
    transition: all .3s ease-in-out !important;
}
.hamberger-image{
    position: fixed;
    top: 15px;
    right: 20px;
    cursor: pointer;
    display: none;
    height: 30px;
    width: 30px;
    z-index: 2;
}
.header.is-sticky .icon_box i{
    border: 1px solid #1f95d3;
    color: #1f95d3;
}
.header.is-sticky .text_info p {
    color: #1f95d3;
}
.header.is-sticky .text_info p:last-child {
    color: #000;
}
.header_box{
    padding: 48px 70px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header.is-sticky .header_box{
    padding: 10px 70px;
}
.logo{
    width: 20%;
}
.header_right_box ul{
    gap: 40px;
}
.icon_box i{
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #fff;
}
.text_info{
    font-size: 15px;
    color: #fff;
}
.text_info p:first-child{
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
}

.text_info p:last-child{
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}
.social-bar{
    position: fixed;
    top: 80%;
    z-index: 9;
    right: 15px;
    transform: translateY(-50%);
}
/* full menu css */
.mobile_header_box{
    width: 100%;
    display: flex;
    padding: 15px 70px;
}
.menu_link_box{
    /* width: 25%; */
    width: 100%;
    max-width: 308px;
    border-right: 1px solid #898989;
    padding-right: 80px;
}
.menu_link_box li a{
    color: #929292;
    font-size: 25px;
    display: inline-block;
    position: relative;
    text-decoration: none;
    overflow: hidden;
    padding: 5px;
}
.menu_link_box li a:hover,
.link_box .current-menu-item a{
    color: #fff;
}
.menu_project_box{
    /* width: 30%; */
    width: 100%;
    max-width: 560px;
    padding-left: 80px;
}
.menu_project_box h4{
    color: #929292;
    font-size: 35px;
    margin-bottom: 15px;
}
.menu_project_box li a{
    font-size: 22px;
    font-weight: 500;
    color: #929292;
    padding: 10px 0;
    display: inline-block;
    position: relative;
}
.menu_project_box li{
    position: relative;
    padding-left: 25px;
}
.menu_project_box li::before{
    content: '';
    width: 9px;
    height: 9px;
    background: #74bb43;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.menu_projectimg_box{
    width: 100%;
    max-width: 554px;
    padding-left: 80px;
}
.menu-image-holder{
    height: 480px;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
}
.menu-image-holder img{
    width: 100%;
}
.menu_projectimg_box .social_icon_holder{
    padding: 15px 15px;
    width: 100%;
    border-right: 0;
}
/* home_banner_section css */
.home_banner_section{
    position: relative;
}
.home_banner_section .item{
/*    background: url(../images/slider1.webp) no-repeat center center/cover;*/
    /* height: calc(100vh - 5px); */
    height: 100vh;
    color: #fff;
}

.slider_text{
    height: 75vh;
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.slider_text p{
    font-size: 28px;
}
.slider_text h2{
    font-size: 70px;
    font-weight: 700;
    line-height: 1;
    text-shadow: 22px 8px 21px rgb(0,0,0,40%);
}
.owl-carousel.home_banner_slider .owl-item.active .slider_text p{
    animation: bounceInLeft; 
    animation-duration: 1.5s;
}
.owl-carousel.home_banner_slider .owl-item.active .slider_text h2{
    animation: fadeInUpBig; 
    animation-duration: 2s;
}
.owl-carousel.home_banner_slider .owl-nav.disabled{
    display: flex !important;
}
.home_banner_slider .owl-nav{
    position: absolute;
    bottom: 10%;
    right: 15%;
    width: 200px;
    display: flex !important;
    justify-content: space-between;
}

.home_banner_slider.owl-theme .owl-nav [class*=owl-]{
    width: 100%;
    padding: 10px !important;
}

.home_banner_slider .owl-prev{
    background: url(../images/arrow-left.webp) no-repeat center center/contain !important;
}
.home_banner_slider .owl-next{
    background: url(../images/arrow-left.webp) no-repeat center center/contain !important; 
    transform: rotate(180deg);
}
.home_banner_slider .owl-prev > span,
.home_banner_slider .owl-next > span{
    display: none;
}
.home_banner_slider.owl-theme .owl-nav [class*=owl-]:hover{
    background: transparent;
}
.home_banner_slider.owl-theme .owl-nav [class*=owl-]:hover{
    background: transparent;
}
.home_banner_slider.owl-theme .owl-nav .owl-prev:hover{
    background: url(../images/arrow-left-color.webp) no-repeat center center/contain !important;
}
.home_banner_slider.owl-theme .owl-nav .owl-next:hover{
    background: url(../images/arrow-left-color.webp) no-repeat center center/contain !important;
    transform: rotate(180deg);
}


.button_container {
    height: 27px;
    width: 35px;
    cursor: pointer;
    z-index: 100;
    transition: opacity 0.25s ease;
    position: relative;
    z-index: 999;
    margin-left: 50px;
  }
  .button_container:hover {
    opacity: 0.7;
  }
  .button_container.active .top {
    transform: translateY(11px) translateX(0) rotate(45deg);
    background: #fff;
    top: -5px;
  }
  .button_container.active .middle {
    opacity: 0;
    background: #fff;
  }
  .button_container.active .bottom {
    transform: translateY(-11px) translateX(0) rotate(-45deg);
    background: #fff;
  }
  .button_container.active .bottom-last {
    opacity: 0;
    background: #fff;
  }
  .button_container span {
    background: #76ba43;
    border: none;
    height: 3px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.35s ease;
    cursor: pointer;
    z-index: 999;
  }
  .button_container span:nth-of-type(2) {
    top: 8px;
  }
  .button_container span:nth-of-type(3) {
    top: 17px;
  }
  .button_container span:nth-of-type(4) {
    top: 25px;
  }
  .overlay {
    position: fixed;
    background: #000;
    top: 0px;
    left: 0;
    width: 100%;
    height: 0%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s, visibility 0.35s, height 0.35s;
    overflow: hidden;
  }
  .overlay.open {
    opacity: 1;
    visibility: visible;
    height: 100vh;
  }

  .overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
    width: 100%;
  }
  .overlay ul li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0%;
    transform: translateX(-50%);
    height: 2px;
    background: #fff;
    transition: 0.35s;
  }
  .header .overlay-menu .header_box{
    padding-top: 48px
  }
  .header.is-sticky .overlay.open .overlay-menu .header_box{
    padding-top: 25px;
  }
 /* .mouse_icon{
    position: absolute;
    bottom: 45px;
    left: 50%;
    transform: translateX(-50%);
    width: 25px;
    z-index: 5;
 }  */

 /* banner mouse animation */
 .scroll-down-wrap.no-border {
    position: absolute;
    bottom: 20px;
    left: 50%;
    width: 60px;
    margin-left: -30px;
    z-index: 5
}

.scroll-down-wrap.no-border .section-down-arrow {
    display: inline-block;
    width: 49px;
    height: 49px;
    color: #fff!important;
    border: 2px solid #fff;
    text-align: center;
    line-height: 50px;
    border-radius: 100px;
    font-size: 25px;
    -webkit-border-radius: 100px;
    transition: opacity .4s ease;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    overflow: hidden;
    margin-left: 0;
    left: 0;
    bottom: 16px;
    opacity: .6
}

.scroll-down-wrap.no-border .section-down-arrow {
    border: none!important;
    overflow: visible;
    text-align: center;
    opacity: 1;
    height: auto;
    bottom: 13px;
    -webkit-animation: nudgeMouse 2.4s cubic-bezier(.25,.46,.45,.94) infinite;
    animation: nudgeMouse 2.4s cubic-bezier(.25,.46,.45,.94) infinite
}

.nectar-scroll-icon {
    width: 25px;
    height: 38px;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 100
}

.scroll-down-wrap.no-border:hover .nectar-scroll-icon-path {
    stroke-dashoffset: 0;
    -webkit-animation: mouse-scroll-btn-roll-over .55s cubic-bezier(.5,.1,.07,1);
    animation: mouse-scroll-btn-roll-over .55s cubic-bezier(.5,.1,.07,1)
}

.nectar-scroll-icon-path {
    fill: transparent;
    stroke-width: 2px;
    stroke-dashoffset: 120;
    stroke-dasharray: 120;
    -webkit-animation: mouse-scroll-btn-roll-out .55s cubic-bezier(.5,.1,.07,1);
    animation: mouse-scroll-btn-roll-out .55s cubic-bezier(.5,.1,.07,1)
}

.scroll-down-wrap.no-border:hover .section-down-arrow:before {
    background-color: #fff
}

.scroll-down-wrap.no-border .section-down-arrow:before {
    position: absolute;
    content: '';
    display: block;
    left: 50%;
    margin-left: 0;
    top: 22px;
    background-color: rgba(255,255,255,.5);
    width: 1px;
    height: 6px;
    border-radius: 10px;
    -webkit-animation: trackBallSlide 2.4s cubic-bezier(0,0,.725,1) infinite;
    animation: trackBallSlide 2.4s cubic-bezier(0,0,.725,1) infinite
}

.scroll-down-wrap.no-border .section-down-arrow:after {
    content: "";
    position: absolute;
    top: 8px;
    left: 50%;
    display: block;
    width: 25px;
    height: 38px;
    margin-left: -12px;
    border: 2px solid rgba(255,255,255,.5);
    border-radius: 30px;
    box-sizing: border-box;
    z-index: 62
}

.scroll-down-wrap.no-border:hover .nectar-scroll-icon-path {
    stroke-dashoffset: 0;
    -webkit-animation: mouse-scroll-btn-roll-over .55s cubic-bezier(.5,.1,.07,1);
    animation: mouse-scroll-btn-roll-over .55s cubic-bezier(.5,.1,.07,1)
}

@-webkit-keyframes mouse-scroll-btn-roll-over {
    0% {
        stroke-dashoffset: 120
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes mouse-scroll-btn-roll-over {
    0% {
        stroke-dashoffset: 120
    }

    100% {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes mouse-scroll-btn-roll-out {
    0% {
        stroke-dashoffset: 0
    }

    100% {
        stroke-dashoffset: -120
    }
}

@keyframes mouse-scroll-btn-roll-out {
    0% {
        stroke-dashoffset: 0
    }

    100% {
        stroke-dashoffset: -120
    }
}

.scroll-down-wrap.no-border .section-down-arrow:before,.slider-down-arrow.no-border:before {
    position: absolute;
    content: '';
    display: block;
    left: 50%;
    margin-left: -1px;
    top: 22px;
    background-color: rgba(255,255,255,.5);
    width: 2px;
    height: 6px;
    border-radius: 10px;
    transition: background-color .55s cubic-bezier(.5,.1,.07,1);
    -webkit-animation: trackBallSlide 2.4s cubic-bezier(0,0,.725,1) infinite;
    animation: trackBallSlide 2.4s cubic-bezier(0,0,.725,1) infinite
}

@-webkit-keyframes trackBallSlide {
    0% {
        opacity: 1;
        -webkit-transform: scaleY(1) translateY(-10px);
        transform: scaleY(1) translateY(-10px)
    }

    45% {
        opacity: 0;
        -webkit-transform: scaleY(.5) translateY(13px);
        transform: scaleY(.5) translateY(13px)
    }

    46% {
        opacity: 0;
        -webkit-transform: scaleY(1) translateY(-10px);
        transform: scaleY(1) translateY(-10px)
    }

    100%,65% {
        opacity: 1;
        -webkit-transform: scaleY(1) translateY(-10px);
        transform: scaleY(1) translateY(-10px)
    }
}

@keyframes trackBallSlide {
    0% {
        opacity: 1;
        -webkit-transform: scaleY(1) translateY(-10px);
        transform: scaleY(1) translateY(-10px)
    }

    45% {
        opacity: 0;
        -webkit-transform: scaleY(.5) translateY(13px);
        transform: scaleY(.5) translateY(13px)
    }

    46% {
        opacity: 0;
        -webkit-transform: scaleY(1) translateY(-10px);
        transform: scaleY(1) translateY(-10px)
    }

    100%,65% {
        opacity: 1;
        -webkit-transform: scaleY(1) translateY(-10px);
        transform: scaleY(1) translateY(-10px)
    }
}

@keyframes nudgeMouse {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    45% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    100%,65% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes nudgeMouse {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    45% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    100%,65% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
/* about_section css */
.about_section{
    padding: 120px 0;
    background: #f8f9fa;
    position: relative;
    z-index: 1;
}
.about_left{
    width: 100%;
    max-width: 500px;
}
.about_left h4{
    font-size: 28px;
    color: #000
}
.about_left h1{
    font-size: 40px;
    color: #1f95d3;
}
.about_left h1 span{
    font-size: 48px;
    color: #76ba43;
}
.quote{
    font-size: 20px !important;
    color: #000 !important;
    margin: 20px 0 30px;
}
.about_left p{
    font-size: 16px;
    color: #656565;
    line-height: 1.6;
}
.my_btn{
    padding: 15px 30px;
    background: #1f95d3;
    color: #fff !important;
    font-size: 18px;
    border-radius: 10px;
    margin-top: 30px;
    display: inline-block;
    text-transform: uppercase;
}
.about_right{
    position: relative;
}
.about_section::after{
    content: '';
    width: 47%;
    height: 22%;
    background: #dfe0e1;
    position: absolute;
    top: 47%;
    right: 0;
    z-index: -1;
    transform: translateY(-50%);
}
.about_bottom{
    display: flex;
    gap: 20px;
    position: absolute;
    left: -100px;
    bottom: 0;
}
.vission_box{
    background: #1f95d3;
    width: 100%;
    max-width: 210px;
    height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 90px;
    cursor: pointer;
    transition: all 0.3s ease-in-out !important;
}
.vission_box:hover{
    box-shadow: -3px 3px 7px 0px #a49e9e;
    transform: scale(1.02) !important;
}
.vission_box:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(13%) saturate(7447%) hue-rotate(212deg) brightness(114%) contrast(111%);
}
.vission_box h4{
    font-size: 30px;
    color: #000;
    margin: 15px 0 20px;
}
.vission_box:hover h4{color: #fff;}

.vission_box img:last-child{
    transform: rotate(180deg);
}
.vission_box:hover img:last-child{
   filter: brightness(0) saturate(100%) invert(0%) sepia(34%) saturate(5967%) hue-rotate(145deg) brightness(97%) contrast(100%); 
}
.vission_box.mission_box{
    background: #76ba43;
}
/* project section css */
.project_section{
    padding: 120px 0;
}
.heading_box{
    margin-bottom: 30px;
    overflow: hidden;
    text-align: center;
}
.heading_box h2{
    font-size: 40px;
    color: #000;
    font-weight: 600;   
    text-align: center;
    text-transform: uppercase;
}
.heading_box p{
    font-size: 20px;
    color: #1f95d3;
    font-weight: 500;   
    text-align: center;
}
.project_tab .nav-link{
    color: #b4b4b4;
    font-size: 20px;
    border-radius: 0;
    transition: all .3s ease-in-out;
    border-bottom: 2px solid transparent;
    margin: 0 5px;
}
.project_tab .nav-link.active,
.project_tab .nav-link:hover{
    background: transparent;
    color: #000000 !important;
    border-bottom: 2px solid #1f95d3;
}

/* product list and grid view css */

.grid-view-filter {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.list-view-filter {
    display: block;
}
.filter-buttons div{
    color: #a5a5a5;
    cursor: pointer;
}
.filter-buttons div.active {
    color: #1f95d3;
}

.filter-buttons{
    display: flex;
    justify-content: end;
    gap: 15px;
}
.filter-buttons i{
    font-size: 30px;
}
.grid-view-filter,
.list{
    list-style: none;
    padding-left: 0;
}
.project_img{
    position: relative;
    z-index: 2;
}
.project_img img{
    filter: grayscale(100%);
    transition: all 0.4s ease-in-out;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center center;
}
.list-view-filter .project_img img{
    height: 200px;
    width: 300px;
    object-fit: cover;
    object-position: center;
}
.image_plus{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 50px;
    transition: all 0.4s ease-in-out;
    opacity: 0;
}
.project_img:hover img{
    filter: grayscale(0%);
}
.project_img:hover .image_plus{
    opacity: 1;
}
.project_info_holder{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin: 10px 0 15px;
}
.project_info_holder h4{
    font-size: 18px;
    color: #000
}
.project_info_holder p span{
    color: #df2500;
    font-size: 16px;
}
.project_info_holder p{
    color: #797979;
    font-size: 13px;
}
.project_info{
    display: flex;
    justify-content: space-between;
}
.bhk_location h4{
    font-size: 14px;
    color: #1f95d3;
    position: relative;
    top: -10px;
}

/* list view css */
.list.list-view-filter .project_box{
    display: flex    ;
    gap: 20px;
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
    position: relative;
}
.list.list-view-filter .project_info_holder {
    display: flex;
    margin: 10px 0 15px;
    flex-direction: column;
    justify-content: flex-start;
}
.list.list-view-filter .project_info{
    flex-direction: column;
}
.list.list-view-filter .bhk_location{
    margin-top: 15px
}

/* value_services css */
.value_services{
    padding: 120px 0;
    background: url(../images/value_added_bg.webp) no-repeat center center/cover;
    position: relative;
    background-attachment: fixed;
}
.value_box{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    height: 90%;
}
.value_items a{
    padding: 50px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    transition: all .3s ease-in-out;
}
.value_items{
    width: 25%;
    /* padding: 50px; */
    color: #fff;
    text-align: center;
    height: 100%;
    transition: all .3s ease-in-out;
}
.value_items a:hover{
    transform: scale(1.1);
}
.value_items:nth-child(odd){
    background: #000;
}
.value_items:nth-child(even){
    background: #e6e6e6;
}
.value_items p{
    font-size: 15px;
    margin: 30px 0;
}
.rotate_img{
    transform: rotate(180deg);
}

/* awards_section css */
.awards_section{
    padding: 120px 0;
}
.award_box{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    height: 85%;
}
.award_items{
    width: 25%;
    padding: 50px;
    text-align: center;
    height: 100%;
    border-right: 1px solid #979797;
    transition: all .3s ease-in-out;
}
.award_items:last-child{
    border-right: none;
}
.award_img{
    width: 200px;
    height: 200px;
    border:1px solid #71bf44;
    border-radius: 50%;
    margin: 0 auto 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease-in-out;
}
.award_img img{
    transition: all .3s ease-in-out;

}
.award_items:hover .award_img img{
    transform: scale(1.1);
}
.award_items h4{
    font-size: 20px;
}
.award_items p{
    color: #999999;
    font-size: 15px;
    margin-top: 10px
}
/* emi_calculator_section css */
.emi_calculator_section{
    padding: 120px 0 90px;
    background: url(../images/emi-calculator-bg.webp) no-repeat center center/cover;
    position: relative;
    z-index: 2;
    background-attachment: fixed;
}
.emi_calculator_section::before{
    content: '';
    width: 60%;
    height: 100%;
    background: #f2f2f2;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
/* emi calculator css */

.range-slider { width: 100%; appearance: none; height: 10px; border-radius: 5px; background: #4CAF50; outline: none; }
.range-slider::-webkit-slider-thumb { appearance: none; width: 20px; height: 20px; border-radius: 50%; background: #fff; cursor: pointer; border: 3px solid #1f95d3;}
.range-slider:focus::-webkit-slider-thumb{
    outline: 3px solid #fff; 
    background: #fff;
    box-shadow: 0 0 0px 4px #1f95d3;
} 
.slider-container{
    margin-bottom: 40px;
}
.slider-container label{
    display: flex;
    justify-content: space-between;
    font-size: 17px;
    color: #000;
    font-weight: 600;
    margin-bottom: 8px;
}
.slider-container label span{
    color: #1f95d3;
}
.bottom_label p{
    font-size: 15px;
    color: #787878;
    font-weight: 500;
}
#loanAmountLabel{
    font-weight: 700;
    font-size: 17px;
}
.emi_result{
    text-align: left;
}
.emi_result:nth-child(2),
.emi_result:nth-child(3){
    margin-top: 58px
}

.emi_result span{
    font-size: 20px;
    color: #000
}
.pie_chart_box{
    width: 100%;
    max-width: 35%;
    display: flex;
    align-items: center;
    margin: 20px 0;
    justify-content: space-between;
}
.dot{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 10px;
    display: inline-block;
}
.dot.blue{
    background: #1f95d3;
}
.dot.green{
    background: #71bf44;
}
.lagent h4{
    font-size: 20px;
    color: #000;
    display: flex;
    align-items: center;
    margin: 20px 0;
}
.chart_info li{
    padding: 15px;
    border: 2px solid #989898;
    border-radius: 10px;
    font-size: 16px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.chart_info li span{
    width: 25px;
    height: 25px;
    display: inline-block;
    border-radius: 5px;
}
.chart_info li span.total_principal_loan_amount{
    background: #1f95d3;
}
.chart_info li span.total_interest_amount{
    background: #71bf44;
}
/* .emi_calculator input{
    padding: 15px;
    border: 2px solid #989898;
    border-radius: 10px;
}
.input_holder{
    position: relative;
    z-index: 2;
}
.emi_calculator span{
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    font-size: 20px;
    color: #1f95d3;
    font-weight: 500;
    z-index: 1;
} */
/* chart css */
/* .apexcharts-legend.apexcharts-align-center.apx-legend-position-right{
    right: -100px !important;
}
.apexcharts-legend{
    overflow: unset !important;
}
.apexcharts-legend-series{
    align-items: center;
    border: 2px solid #ccc;
    padding: 15px;
    border-radius: 10px;
    width: 100%;
}
.apexcharts-legend-text{
    font-size: 18px !important;
} */
.btn-toggle {
    display: flex;
    border: 2px solid #989898;
    border-radius: 10px;
    overflow: hidden;
}
.btn-toggle button {
    flex: 1;
    border: none;
    padding: 15px 10px;
    font-size: 16px;
    cursor: pointer;
    background: white;
    transition: 0.3s;
}
.btn-toggle .active {
    background: #1994d2;
    color: white;
}
.emi_calculator form .row{
    margin: 20px -10px;
}
::placeholder{
    color: #626262;
    font-size: 20px;
}
.emi_result p{
    color: #000;
    font-weight: 500;
}
.emi_result #emi{
    font-size: 25px;
    color: #1994d2;
}
/* recent blog section css */
.recent_blog_section {
    padding: 110px 0;
}
.blog-title {
    font-weight: 600;
    font-size: 28px;
}
.blog-subtitle {
    color: #007bff;
    font-size: 16px;
    margin-bottom: 30px;
}
.blog-card img {
    width: 100%;
}
.blog-meta {
    color: #ff5a00 !important;
    font-weight: 600;
    display: flex;
    align-items: center;
    font-size: 16px;
}
.blog-meta img {
    width: 20px;
    margin-right: 5px;
}
.blog-content h5 {
    font-weight: 500;
    margin: 10px 0;
}
.blog-content p {
    font-size: 16px;
    color: #494949;
}

.blog-item > img {
    width: 200px;
    height: 124px;
    object-fit: cover;
}
.blog-list .blog-item {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}
.blog-info h6{
    font-size: 16px;
    color: #000;
    margin: 15px 0;
}
.blog-list .blog-info {
    text-align: left;
}
/* blog details css */
.blogdetails_single .post-content h2,
.blogdetails_single .post-content h3,
.blogdetails_single .post-content h4,
.blogdetails_single .post-content h5,
.blogdetails_single .post-content h6,
.blogdetails_single .post-content p,
.blogdetails_single .post-content li{
    margin-bottom: 15px;
}
.blogdetails_single .post-content p{
    line-height: 1.8;
}
.blogdetails_single .post-content li{
    line-height: 1.5;
}
.blogdetails_single .post-content h4{
    font-size: 20px;
}
.blogdetails_single .post-content h5{
    font-size: 18px;
}
.read-more {
    color: #1994d2 !important;
    font-size: 16px;
}
.scrollbar-custom {
    max-height: 700px;
    overflow-y: auto;
    padding-right: 10px;
}
.scrollbar-custom::-webkit-scrollbar {
    width: 12px;
}
.scrollbar-custom::-webkit-scrollbar-track {
    background: #b4b4b4;
    border-radius: 20px;
}
.scrollbar-custom::-webkit-scrollbar-thumb {
    background: #1994d2;
    border-radius: 20px;
}

/* testimonials_section css */
.testimonials_section{
    padding: 120px 0;
    background: url(../images/testimonials-bg.webp) no-repeat;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
}
.imgtext_box{
    background: rgba( 255, 255, 255, 1 );
    /* box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ); */
    backdrop-filter: blur( 2px );
    -webkit-backdrop-filter: blur( 2px );
    /* border-radius: 10px; */
    /* border: 1px solid rgba( 255, 255, 255, 0.45 ); */
    padding: 60px 60px;
    text-align: center;
}
.imgtext_box img{
    width: 100px !important;
    height: 100px;
    border-radius: 50%;
    border: 5px solid #1f95d3;
    margin: 0 auto 15px;
}
.imgtext_box p{
    font-style: italic;
} 
.testimonial_info{
    text-align: center;
    color: #fff;
    margin-top: 15px
}
.testimonial_info h5{
    font-weight: 400; 
    font-size: 15px;
}
.testimonial_info p{
    font-size: 15px;
    font-style: italic;
}
.testimonials_slider .owl-item{
    opacity: 0.5;
        filter: blur(2px);
}
.testimonials_slider .owl-item.center{
    opacity: 1;
    transform: translateY(-30px);
    filter: blur(0px);
}
.testimonials_slider .owl-stage-outer{
    padding-top: 50px;
}
.video_box{
    padding: 0;
}
.video_box iframe{
    width: 100%;
    height: 300px;
}

/* subscribe scetion css */
.newsletter-section {
    padding: 80px 0;
    text-align: center;
    position: relative;
    background: url(../images/subscribe-bg.webp) no-repeat center center;
    background-size: cover;
}
.newsletter_holder{
    display: flex    ;
    gap: 20px;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.text_box{
    text-align: left;
}
.text_box h4,
.text_box h2{
    color: white;
    text-transform: uppercase;
}
.text_box h2{
    font-weight: 600;
}
.newsletter-form>p {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 2;
    gap: 20px;
    flex-wrap: wrap;
}

.newsletter-input {
    width: 100%;
    width: 600px;
    padding: 15px;
    border: none;
    border-radius: 5px;
    color: #838282;
    font-style: italic;
    outline: none;
}
.newsletter-input::placeholder{
    font-size: 18px !important;
}
.newsletter-btn {
    background-color: transparent;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: 0.3s;
    position: relative;
    border: 1px solid #000;
    z-index: 1;
    overflow: hidden;
    transition: all .3s ease-in-out;
}
.newsletter-btn img{
    width: 100%;
    max-width: 40px;
}
.newsletter-btn::before{
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    transition: all .3s ease-in-out;
}
.newsletter-btn:hover::before {
    width: 0;
}
.newsletter-btn:hover img{
    filter: brightness(0) invert(1);
}
/* footer_section css */
.footer_section{
    padding: 115px 70px 0px;
    background: #000;
    color: #929292;
    border-bottom: 10px solid #1994d2;
}
.footer_top,
.footer_bottom{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #404040;
}
.logo_holder img{
    margin-bottom: 30px;
}
.logo_holder,
.social_icon_holder{
    width: 25%;
    padding-right: 25px;
    border-right: 1px solid #404040;
}
.logo_holder p{
    color: #6b6b6b;
    font-size: 16px;
    line-height: 21px;
}
.logo_holder a{
    color: #1f95d3;
    font-size: 15px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 40px;
    display: block;
}
.link_box,
.rights_box{
    width: 35%;
    padding: 0 25px;
    border-right: 1px solid #404040;
    display: flex;
    justify-content: space-between;
}
.link_box .list-unstyled a{
    padding: 5px 0;
    font-size: 18px;
    margin: 0px 0 10px;
    display: inline-block;
    font-weight: 500;
    transition: all .3s ease-in-out;
}
.link_box .list-unstyled a:hover{
    color: #fff;
}
.location_box,
.copy_box{
    width: 40%;
    padding: 0 25px
}
.location_box ul li{
    margin-bottom: 25px;
}
.location_box .text_info p{
    color: #cccccc;
    font-size: 18px;
    line-height: normal;
}
.location_box ul li i{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #1f95d3;
    color: #1f95d3;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
}
.location_box ul li:nth-child(2) p{
    color: #71bf44;
    font-size: 18px;
}
.location_box ul li:nth-child(3) p{
    color: #1f95d3;
    font-size: 18px;
    text-decoration: underline;
}
.footer_bottom{
    border-bottom: none;
}
.social_icon_holder,
.rights_box,
.copy_box{
    padding: 40px 15px;
}
.social_icon_holder h4{
    color: #b3b3b3;
    font-size: 18px;
}
.social-icons ul{
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
} 
.social-icons a,
.social-bar a{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 2px solid #b3b3b3;
    color: #b3b3b3;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}
.social-bar a {
    background: #fff;
    border: 1px solid #999;
    color: #000;
}
.social-icons a:hover{
    border: 2px solid #1f95d3;
    color: #1f95d3;
}
.social-bar a:hover{
    border: 1px solid #1f95d3;
    color: #1f95d3;
}

.social-bar li{
    margin: 5px 0;
}
.rights_box p{
    font-size: 18px;
    color: #b3b3b3;
    font-weight: 500;
}
.rights_box p a{
    color: #71bf44;
}
.copy_box p{
    font-size: 18px;
    color: #b3b3b3;
    font-weight: 500;
}
.copy_box p a{
    color: #d6d6d6;
    font-weight: 500;
}


/* css animation start */

.animate__bounce{
    animation: bounce; 
    animation-duration: 2s;
}

 /* mobile fixed social button  */
.sbuttons {
    bottom: 0%;
    position: fixed;
    margin: 1em;
    right: 0;
    z-index: 9;
    display: none;
}
.sbutton {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    color: white;
    margin: 20px auto 0;
    box-shadow: 0px 5px 11px -2px rgba(0, 0, 0, 0.18), 0px 4px 12px -7px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    position: relative;
}
.sbutton > i {
    font-size: 20px;
    line-height: 48x;
    transition: all .2s ease-in-out;
    transition-delay: 2s;
}
.sbutton:active,
.sbutton:focus,
.sbutton:hover {
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
}
.sbutton:not(:last-child) {
    width: 45px;
    height: 45px;
    margin: 20px auto 0;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sbutton:not(:last-child) > i {
    font-size: 18px;
    line-height: 18px;
    transition: all .3s ease-in-out;
    color: #fff;
}
.sbuttons:hover .sbutton:not(:last-child) {
    opacity: 1;
    width: 45px;
    height: 45px;
    margin: 8px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #92bd41;
}
.sbutton:nth-last-child(1) {
    -webkit-transition-delay: 25ms;
    transition-delay: 25ms;
}
.sbutton:not(:last-child):nth-last-child(2) {
    -webkit-transition-delay: 20ms;
    transition-delay: 20ms;
}
.sbutton:not(:last-child):nth-last-child(3) {
    -webkit-transition-delay: 40ms;
    transition-delay: 40ms;
}
.sbutton:not(:last-child):nth-last-child(4) {
    -webkit-transition-delay: 60ms;
    transition-delay: 60ms;
}
.sbutton:not(:last-child):nth-last-child(5) {
    -webkit-transition-delay: 80ms;
    transition-delay: 80ms;
}
.sbutton:not(:last-child):nth-last-child(6) {
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

[tooltip]:before {
    font-family: 'Roboto';
    font-weight: 600;
    border-radius: 2px;
    background-color: #585858;
    color: #fff;
    content: attr(tooltip);
    font-size: 12px;
    visibility: hidden;
    opacity: 0;
    padding: 5px 7px;
    margin-right: 10px;
    position: absolute;
    right: 100%;
    bottom: 20%;
    white-space: nowrap;
}

[tooltip]:hover:before,
[tooltip]:hover:after {
    visibility: visible;
    opacity: 1;
}
.sbutton.mainsbutton {
    background: #2ab1ce;
}

.sbutton.fb {
    background: #1877F2;
}
.sbutton.twitt {
    background: #1DA1F2;
} 
.sbutton.instagram {
    background: #D300C5;
} 
.sbutton.youtube {
    background: #FF0000;
} 
.sbutton.linkedin-in {
    background: #0077B5;
} 


.btnnew::before, .btnnew::after {
    position: absolute;
    content: "";
}
.btnnew {
  position: relative;
  display: inline-block;
  width: auto; height: auto;
  background-color: transparent;
  border: none;
  cursor: pointer;
  margin: 20px 0 0;
  min-width: 150px;
      padding: 0;
}
  .btnnew span {         
    position: relative;
    display: inline-block;
    font-size: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
    top: 0; left: 0;
    width: 100%;
    padding: 15px 30px;
    transition: 0.3s;
    border-radius: 10px;
  }
/*--- btn-1 ---*/
.btnnew::before {
  background-color: #1f95d3;
  transition: 0.3s ease-out;
  border-radius: 10px;
}
.btnnew span {
  color: rgb(255,255,255);
  border: 1px solid #1f95d3;
  transition: 0.2s 0.1s;
  line-height: 1.5;
}
.btnnew span:hover {
  color: #1f95d3;
  transition: 0.2s 0.1s;
}

/* 4. hover-filled-slide-right */
.btnnew.hover-filled-slide-right::before {
  top:0; bottom: 0; right: 0;
  height: 100%; width: 100%;
}
.btnnew.hover-filled-slide-right:hover::before {
  width: 0%;
}








@media (min-width:768px){
    [data-aos=background-translate]{
        -webkit-transform:scaleY(.1) translateY(0);
        -ms-transform:scaleY(.1) translateY(0);
        transform:scaleY(.1) translateY(0)
    }
    [data-aos=background-translate].aos-animate{
        -webkit-transform:scaleY(1) translateY(-110px);
        -ms-transform:scaleY(1) translateY(-110px);
        transform:scaleY(1) translateY(-110px)
    }
    [data-aos=fad-up-right]{
        opacity:0;
        overflow:hidden;
        -webkit-transform:translate(30%,0)!important;
        -ms-transform:translate(30%,0)!important;
        transform:translate(30%,0)!important;
        transition-delay:1.2s
    }
    [data-aos=fad-up-right].aos-animate{
        opacity:1;
        -webkit-transform:translate(20%,0)!important;
        -ms-transform:translate(20%,0)!important;
        transform:translate(20%,0)!important
    }
    [data-aos=fad-up-left]{
        opacity:0;
        -webkit-transform:translate(-125px,-80px)!important;
        -ms-transform:translate(-125px,-80px)!important;
        transform:translate(-125px,-80px)!important;
        transition-delay:1.2s
    }
    [data-aos=fad-up-left].aos-animate{
        opacity:1;
        -webkit-transform:translate(-70px,-80px)!important;
        -ms-transform:translate(-70px,-80px)!important;
        transform:translate(-70px,-80px)!important
    }
    [data-aos=fad-in]{
        opacity:0;
        transition:opacity 3s ease-out;
        transition-delay:1.2s
    }
    [data-aos=fad-in].aos-animate{
        opacity:1
    }
    [data-aos=blue-patch]{
        width:0;
        opacity:0
    }
    [data-aos=blue-patch].aos-animate{
        width:100%;
        opacity:1;
        -webkit-animation-duration:4s;
        animation-duration:4s;
        -webkit-animation-fill-mode:both;
        animation-fill-mode:both;
        -webkit-animation-play-state:running;
        animation-play-state:running;
        min-height:110px
    }
    [data-aos=animation-expand] .project-info__address{
        position:relative;
        padding:15px 70px 20px 25px
    }
    [data-aos=animation-expand] .project-info__address:after{
        height:100%;
        border:none;
        background-color:#76ba43;
        left:0;
        position:absolute;
        top:0;
        content:' ';
        z-index:-1;
        width:0;
        display:block;
        transition:-webkit-transform .8s cubic-bezier(.12,.75,.4,1);
        transition:transform .8s cubic-bezier(.12,.75,.4,1);
        transition:transform .8s cubic-bezier(.12,.75,.4,1),-webkit-transform .8s cubic-bezier(.12,.75,.4,1);
        -ms-transform:scale(0,1);
        transform:scale(0,1);
        -webkit-transform:scale(0,1);
        -webkit-transform-origin:left;
        -ms-transform-origin:left;
        transform-origin:left
    }
}
@media (min-width:768px) and (min-width:768px) and (max-width:991px){
    [data-aos=animation-expand] .project-info__address{
        padding:10px 45px 15px 20px
    }
}
@media (min-width:768px){
    [data-aos=animation-expand].aos-animate .project-info__address:after{
        -webkit-transform:scale(1,1);
        -ms-transform:scale(1,1);
        transform:scale(1,1);
        background:#76ba43;
        width:100%
    }
    [data-aos=animation-expand-yellow] .project-info__price{
        position:relative;
        padding:10px 25px
    }
    [data-aos=animation-expand-yellow] .project-info__price:after{
        height:100%;
        border:none;
        background-color:#f90;
        left:0;
        position:absolute;
        top:0;
        content:' ';
        z-index:-1;
        width:0;
        display:block;
        transition:-webkit-transform 1.2s cubic-bezier(.12,.75,.4,1);
        transition:transform 1.2s cubic-bezier(.12,.75,.4,1);
        transition:transform 1.2s cubic-bezier(.12,.75,.4,1),-webkit-transform 1.2s cubic-bezier(.12,.75,.4,1);
        -ms-transform:scale(0,1);
        transform:scale(0,1);
        -webkit-transform:scale(0,1);
        -webkit-transform-origin:left;
        -ms-transform-origin:left;
        transform-origin:left;
        opacity:0
    }
    [data-aos=animation-expand-yellow].aos-animate .project-info__price:after{
        -webkit-transform:scale(1,1);
        -ms-transform:scale(1,1);
        transform:scale(1,1);
        background:#f90;
        width:100%;
        opacity:1
    }
    [data-aos=background-expand]{
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex
    }
    [data-aos=background-expand] .text-bg__inner{
        position:relative;
        opacity:0;
        transition:opacity .1s ease-in 551ms,transform .4s cubic-bezier(.215,.61,.355,1) .7s,-webkit-transform .4s cubic-bezier(.215,.61,.355,1) .7s,color .6s;
        -webkit-transform:translateX(-20px);
        -ms-transform:translateX(-20px);
        transform:translateX(-20px);
        display:inline-block
    }
    [data-aos=background-expand].aos-animate{
        opacity:1;
        -webkit-animation-duration:2s;
        animation-duration:2s;
        -webkit-animation-fill-mode:both;
        animation-fill-mode:both;
        -webkit-animation-play-state:running;
        animation-play-state:running;
        position:relative
    }
    [data-aos=background-expand].aos-animate:before{
        width:100%;
        opacity:0;
        visibility:hidden;
        transition:width 450ms cubic-bezier(.55,.055,.675,.19) 0s,opacity 0s ease-in 551ms,visibility 0s ease-in 551ms,background .6s,padding 450ms cubic-bezier(.55,.055,.675,.19) 0s
    }
    [data-aos=background-expand].aos-animate:after{
        width:0;
        opacity:1;
        visibility:visible;
        padding:0;
        transition:width 450ms cubic-bezier(.215,.61,.355,1) 551ms,opacity 0s ease-in 551ms,visibility 0s ease-in 551ms,background .6s,padding 450ms cubic-bezier(.215,.61,.355,1) 0s
    }
    [data-aos=background-expand].aos-animate .text-bg__inner{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0);
        transition:opacity .1s ease-in 551ms,transform .4s cubic-bezier(.215,.61,.355,1) .7s,-webkit-transform .4s cubic-bezier(.215,.61,.355,1) .7s,color .6s
    }
    [data-aos=fad-in-fast]{
        opacity:0;
        transition:opacity 2s ease-out;
        transition-delay:.6s
    }
    [data-aos=fad-in-fast].aos-animate{
        opacity:1
    }
}
.text-bg{
    position:relative;
    display:inline-block
}
.text-bg:before{
    position:absolute;
    content:'';
    height:100%;
    top:0;
    left:0;
    width:0;
    padding:0;
    background-color:#fff;
    z-index:1;
    transition:width 450ms cubic-bezier(.55,.055,.675,.19) 551ms,opacity 0s ease-in 551ms,background .6s,padding 450ms cubic-bezier(.55,.055,.675,.19) 0s;
    opacity:1;
    box-sizing:content-box;
    visibility:visible
}
.text-bg:after{
    position:absolute;
    content:'';
    height:100%;
    top:0;
    right:0;
    width:100%;
    background-color:#fff;
    z-index:2;
    transition:width 450ms cubic-bezier(.215,.61,.355,1) 0s,opacity 0s ease-in 551ms,visibility 0s ease-in 551ms,background .6s,padding 450ms cubic-bezier(.215,.61,.355,1) 0s;
    opacity:0;
    box-sizing:content-box;
    visibility:hidden
}
.text-bg__blue-patch:before{
    background-color:#76ba43;
}
.text-bg__blue-patch:after{
    background-color:#76ba43;
}

.text-bg__green-patch:before{
    background-color:#1994d2;
}
.text-bg__green-patch:after{
    background-color:#1994d2;
}


@-webkit-keyframes slide-in{
    0%{
        opacity:0;
        -webkit-transform:translateY(-100%)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
}
@keyframes slide-in{
    0%{
        opacity:0;
        -webkit-transform:translateY(-100%);
        -ms-transform:translateY(-100%);
        transform:translateY(-100%)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
@-webkit-keyframes slide-out{
    0%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(100%)
    }
}
@keyframes slide-out{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(100%);
        -ms-transform:translateY(100%);
        transform:translateY(100%)
    }
}



 


.border-line{
    position: absolute;
    bottom: 0;
    height: 100%;
    top: -15px;
    border: 1px solid #e3e3e3;
    z-index: -1;
    opacity: 0;
    transition: all .5s;
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
}
.border-line--left2 {
    left: -20px;
    width: calc(100% - 30px);
    z-index: 0;
}
.blog-wrapper__left:hover .border-line {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}



.innerbanner_section .innerbg_img img {
    width: 100%;
}
.about_innersection {
    padding: 80px 0 0;
    position: relative;
    z-index: 1;
}
.about_innersection_text {
    padding-top: 15px;
    position: relative;
    z-index: 1;
}
.about_innersection_text p {
    padding-bottom: 14px;
        text-align: justify;
}
.about_topgreen {
    padding: 25px 20px;
    background: #8ab26c;
    color: #fff;
    font-size: 22px;
    font-weight: 500;
}
.about_topblue {
    background: #6da3bf;
}
.about_topblue ul {
    padding: 20px 25px;
}
.about_topblue ul li {
    color: #fff;
    border-bottom: 1px solid #ddd;
    padding-bottom: 14px;
    margin-bottom: 14px;
    font-size: 15px;
    font-weight: 500;
}
.about_topblue ul li:last-child{
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.about_vision_section {
    padding: 60px 0 ;
}

.about_vision_section {
    padding: 60px 0 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: stretch;
}
.aboutvison_aritcel {
    flex: 1;
    display: flex;
}

.article-padding{
    width: calc(1320px /2);
}
.aboutvison_aritcel:nth-of-type(1) {
    background-color: #7aa5bd;
    justify-content: flex-end;
}
.aboutvison_aritcel:nth-of-type(2) {
    background-color: #6e8daa;
    justify-content: flex-start;
}
.aboutvision_left {
    padding: 80px 50px 80px 0;
}
.aboutvision_right {
    padding: 80px 0px 80px 40px;
}
.about_inner_content .about_vi_img {
    padding-bottom: 15px;
}
.about_inner_content h3 {
    color: #fff;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 20px;
    text-transform: uppercase;
}


.about_member_section{
    background: url(../images/member_bg.jpg) repeat;
    padding: 60px 0;
    position: relative;
}
.about_member {
    margin-bottom: 30px;
    transition: all 0.3s ease-in-out !important;
}
.about_member .member_img {
    text-align: center;
    width: 160px;
    height: 160px;
    margin: 0 auto;
    position: relative;
    transition: all 0.3s ease-in-out !important;
    z-index: 1;
}
.about_member:hover .member_img{
    transform: scale(1.02) !important;
}
.about_member:hover .member_inner_info{
    transform: scale(1.02) !important;
    box-shadow: -3px 3px 7px 0px #a49e9e;
}
.about_member .member_img img {
    border: 10px solid #6da3bf;
    border-radius: 100px;
    height: 100%;
    width: 100%;
}
.about_member .member_img:before{
    content: "";
    background: url(../images/about_member_quote.png) no-repeat;
    position: absolute;
    left: -2px;
    top: 0;
    width: 53px;
    height: 73px;
    background-size: 50px;
}
.about_member .member_inner_info {
    border: 1px solid #53839d;
    border-radius: 10px;
    background: #fff;
    margin-top: -80px;
    padding: 100px 30px 30px 30px;
    transition: all 0.3s ease-in-out !important;
}
.about_member .member_inner_info h3 {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #1f95d3;
}
.about_member .member_inner_info h5 {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #494949;
}
.about_member  .member_descp {
    padding-top: 20px;
}
.about_member .member_descp p {
    text-align: justify;
    padding-bottom: 15px;
    color: #494949;
    font-size: 14px;
}



.about_progress_section {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: stretch;
}
.aboutprogress_aritcel {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    background: #ebeced;
}

.aboutprogress-padding{
    width: calc(1320px /2);
}
.about_progre_left {
    padding: 80px 30px;
    text-align: justify;
}
.about_progre_left h2 {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 25px;
}
.about_progre_left p {
    padding-bottom: 15px;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 400;
}
.about_pr_vido-inner {
    height: 100%;
    width: 100%;
}
.about_pr_vido-inner iframe {
    height: 100%;
    width: 100%;
}

/*.about_inner_content .about_vi_img{
    transition: all 0.3s ease-in-out !important;
}
.about_inner_content .about_vi_img:hover img{
    transform: scale(1.10);
}*/

/* project details page css */
.project_banner_section{
    /*background: url(../images/project_banner.webp) no-repeat center center;
    background-size: cover;*/
/*    padding: 100px 0;*/
    min-height: 500px;
}
.p-menu-container{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.p-menu-wrapper {
    width: 100%;
    max-width: 945px;
    /* margin: 0 auto; */
    height: 80px;
    background: #fff;
    position: relative;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    padding: 0 20px;
    z-index: 5;
    margin-top: -80px;
    /* left: 50%;
    transform: translateX(-50%); */
    transition: all .4s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sticky {
    position: sticky;
    top: 85px;
}
.p-menu-wrapper.sticky.top-0{
    top: 0px !important;
}
.top-160{
    top: 80px !important;
}
.p-menu__list{
    display: flex    ;
    align-items: center;
    justify-content: center;
}
.p-menu__link{
    font-size: 18px;
    color: #5b5b5b;
    margin: 0 15px;
    font-weight: 500;
}
.p-active {
    color: #1994d2;
}
.p-active a {
    color: #1994d2;
}

#p-overview{
    width: 100%;
    background: #f8f9fa;
    padding: 115px 0;
}
.sticky-container{
    max-width: 945px;
    margin: 0 auto;
    width: 96%;
}
.overview_left p{
    font-size: 18px;
    color: #5e5e5e;
    text-align: center;
    font-weight: 500;
}
.overview_left p span{
    color: #ff0000
}
.download_brochure_btn{
    padding: 10px 30px;
    border: 1px solid #ff0000;
    color: #ff0000;
    font-size: 15px;
    border-radius: 5px;
    transition: all .3s ease-in-out; 
    position: relative;
    z-index: 1;
    margin: 0 auto;
    text-transform: uppercase;
    display: inline-block;
}
.download_brochure_btn::before{
    content: '';
    width: 0%;
    height: 100%;
    background: #ff0000;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all .3s ease-in-out;
}
.download_brochure_btn:hover::before{
    width: 100%;
}
.download_brochure_btn:hover{
    color: #fff;
}
.overview_right p{
    color: #777;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 10px;
}
.overview_right ol li{
    margin-bottom: 10px;
}
.overview_right >  *:not(:first-child) {
  margin-top: 10px;
} 
#p-amenities{
    width: 100%;
    background: #fff;
    padding: 115px 0 0;
}
#p-amenities .col-md-2{
    width: 20% !important;
}
.amenity-item {
    margin-bottom: 30px;
    width: 100%;
    text-align: center;
    padding: 20px 0;
    border-radius: 10px;
    transition: all .3s ease-in-out;
}
.amenity-item:hover{
    box-shadow: 0 4px 20px -13px #000;
} 

.amenity-icon {
    width: 130px;
    height: 130px;
    border: 2px solid #1e90dd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
}

.amenity-icon img {
    max-width: 60px;
    height: auto;
}

.amenity-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    text-transform: uppercase;
    text-align: center;
}
.project_number{
    text-transform: uppercase;
    font-size: 16px !important;
    margin: 25px 0;
    border-top: 1px solid #808082;
    border-bottom: 1px solid #808082;
    padding: 15px 0;
    color: #3e3e3e;
}
.overview_right div{
    line-height: 1.4;
    text-align: justify;
}
.overview_info{
    display: flex;
    border-top: 1px solid #808082;
    border-bottom: 1px solid #808082;
    margin-top: 30px
}
.overview_info_box{
    padding: 20px 25px 15px;
    border-right: 1px solid #808082;
}
.overview_info_box:last-child{
    border-right: none;
}
.overview_info_box:first-child{
    padding-left: 0;
}
.overview_info_box h2{
    color: #1e90dd;
}
/* location section css */
#p-location{
    width: 100%;
    padding-top: 80px;
}
.location_holder{
    display: flex;
    justify-content: center;
    align-items: center;
}
.location_left{
    width: 40%;
    background: #6da3bf;
    padding: 100px 30px 100px 0;
    display: flex;
    justify-content: flex-end;
}
.location_right{
    width: 60%;
}
.content-box{
    width: 100%;
    max-width: 282px;
}
.map-container{
    overflow: hidden;
    height: 551px;
}
.location_right iframe{
    height:555px;
}
.location-block h4{
    color: #000;
    margin-bottom: 20px;
}
.location-block h4 i{
    font-size: 30px;
}

/* plans section css */
#p-plans{
    background: #f8f9fb;
}
#p-plans,
#p-site-plans{
    width: 100%;
    padding: 115px 0;
}
.plans_img_box{
    position: relative;
}
#p-plans .plans_box {
    width: 50%;
    margin: 0 auto;
}
.plans_img_box i{
    font-size: 40px;
    color: #1f95d3;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s ease-in-out;
}
.plans_box img{
    /* height: 250px; */
    object-fit: cover;
    object-position: center;
}
#p-site-plans .plans_box img{
    height: auto;
}
.plans_box p{
    font-size: 20px;
    color: #777;
    font-weight: 500;
    text-align: center;
    margin-top: 20px
}
.plans_slider.owl-theme .owl-nav [class*=owl-] {
    margin: 5px;
    padding: 4px 7px;
    display: inline-block;
    cursor: pointer;
    border-radius: 50%;
    width: 50px !important;
    height: 50px !important;
    border: 2px solid #4792ce !important;
    color: #4792ce !important;
    font-size: 25px !important;
    transition: all .3s ease-in-out
}
.plans_slider.owl-theme .owl-nav [class*=owl-]:hover {
    background: #4792ce;
    color: #FFF !important;
}
.plans_slider.owl-theme .owl-nav .owl-prev{
    position: absolute;
    left: -100px;
    top: 50%;
    transform: translateY(-50%);
}
.plans_slider.owl-theme .owl-nav .owl-next{
    position: absolute;
    right: -100px;
    top: 50%;
    transform: translateY(-50%);
}
/* gallery section css */
#p-gallery{
    padding: 115px 0 175px;
    /* background: #f8f9fa; */
    width: 100%;
}
.gallery_slider.owl-theme .owl-dots{
    position: absolute;
    left: 112%;
    transform: translateX(-50%);
    width: 100%;
    margin-top: 25px !important;
}
.gallery_slider.owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    margin: 5px 3px;
}
.gallery_slider.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background: #6da3bf;
}
.gallery_slider.owl-theme .owl-dots .owl-dot span{
    background: #adaeaf;
}
.gallery_video video{
    height: 334px;
    background: #000;
    margin-top: 15px;
}
.gallery_slider_box .plans_box{
    margin: 15px 0;
}
.gallery_slider_box .plans_box img{
    height: 152px;
    object-fit: cover;
    padding: 0 5px;
}
#p-testimonials{
    width: 100%;
}
.contact_section_form .wpcf7-form-control-wrap input, .contact_section_form .wpcf7-form-control-wrap textarea {
    width: 100%;
    margin-bottom: 9px;
}
.contact_section_form .wpcf7-form-control-wrap input {
    height: 40px;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 4px;
    box-shadow: none;
    border: 1px solid #ddd;
}
.contact_section_form .wpcf7-form-control-wrap textarea {
    height: 100px;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 4px;
    box-shadow: none;
    border: 1px solid #ddd;
}
.contact_section_form  ::placeholder {
  color: #999;
  font-size: 14px;
  opacity: 1; /* Firefox */
}

.contact_section_form ::-ms-input-placeholder { /* Edge 12-18 */
  color: #999;
  font-size: 14px;
}
.contact_section_form button.wpcf7-submit {
    background: #000;
    border: 1px solid transparent;
    height: 50px;
    padding: 15px 20px;
    color: #fff;
    border-radius: 7px;
}
.contact_section_form button.wpcf7-submit:hover{
    border: 1px solid #000;
    color: #000;
    background: #fff;
}
.contact_section_form button.wpcf7-submit img {
    max-width: 40px;
}
.blog-posts h2.card-title {
    font-size: 18px;
    font-weight: 600;
}
.blog-posts h2.card-title a {
    color: #1f95d3;
}
.blog-posts .post-excerpt {
    font-size: 13px;
    font-weight: 500;
}
.post-excerpt .btn-primary{
    background: #76ba43;
    border-color: #76ba43;
}
.blog-posts .pagination-wrapper .nav-links {
    display: flex
;
    justify-content: center;
    width: 100%;
}

.blog-posts .pagination-wrapper .nav-links .page-numbers {
    min-width: 30px;
    background: #eee;
    margin: 0 5px;
    text-align: center;
    border-radius: 20px;
    padding: 9px 16px;
}
.blog-posts .pagination-wrapper .nav-links .page-numbers.current, .blog-posts .pagination-wrapper .nav-links .page-numbers:hover {
    background: #76ba43;
    color: #fff;
}
.banner_individual_page {
    text-align: center;
    padding: 40px 0 20px;
    position: relative;
    margin-bottom: 20px;
}
.banner_individual_page:after {
    content: "";
    border-bottom: 1px solid #eee;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 80%;
        transform: translate(-50%, 0);
}
.banner_individual_page h4 {
    font-size: 15px;
}
.banner_individual_page h1 {
    color: #58C147;
    font-weight: 600;
    font-size: 34px;
}
.blogbanner_singleinner {
    height: 600px;
    overflow: hidden;
    margin-bottom: 30px;
}
.blogbanner_singleinner .innerbg_img img {
    object-fit: cover;
    height: 100%;
}
.blogdetails_single h1.post-title {
    font-size: 26px;
    font-weight: 600;
    color: #1f95d3;
}
.blogdetails_single .post-navigation {
    padding: 30px 0;
}
.blogdetails_single .post-navigation a {
    font-weight: 600;
    font-size: 18px;
    color: #1f95d3;
}
.blogdetails_single .post-navigation a:hover {
    color: #000;
}
.awsm-job-more {
    color: #c82e26 !important;
    font-weight: 700 !important;
}
a.awsm-job-item .awsm-job-specification-item {
    color: #4c4c4c;
    line-height: 2;
    font-weight: 500;
}
.single-awsm_job_openings header.header {
    position: relative;
    background: #f7f7f7;
}
.single-awsm_job_openings header.header .icon_box i {
    color: #000;
    border-color: #000;
}
.single-awsm_job_openings header.header .text_info {
    font-size: 15px;
    color: #000;
}

.awsm-job-single-content .backtojob {
    padding: 20px 0;
}
.awsm-job-single-content .backtojob a {
    background: #71bf44;
    color: #fff;
    padding: 12px 20px;
    display: inline-block;
    border-radius: 100px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0.5px;
}
.awsm-job-single-content .backtojob a:hover{
    background: #000;
    color: #fff;
}
h1.awsm-jobs-single-title {
    color: #1f95d3;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 15px;
}
.awsm-job-single-content .awsm-job-entry-content {
    line-height: 26px;
    font-size: 16px;
    padding-bottom: 20px;
    font-weight: 500;
}
.awsm-job-specifications-container.awsm_job_spec_below_content .awsm-job-specification-item {
    padding-bottom: 14px;
}
.awsm-job-specifications-container.awsm_job_spec_below_content .awsm-job-specification-item span.awsm-job-specification-term {
    font-weight: 600;
    color: #1f95d3;
}
.awsm-job-single-wrap {
    display: flex;
    flex-wrap: wrap;
}
.awsm-job-single-wrap .awsm-job-content, .awsm-job-single-wrap .awsm-job-form {
    width: 50%;
}
.awsm-job-form-inner {
    background: #f7f7f7;
    border: 1px solid #dddfe3;
    padding: 28px;
    border-radius: 6px;
}
.awsm-job-form-inner h2 {
    margin: 0 0 20px;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}
.awsm-job-form-group{
    margin-bottom: 10px;
    font-size: 14px;
}
.awsm-job-form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 10px;
}
.awsm-job-form-inner .awsm-job-form-control[type=file] {
    padding: 0;
}
.awsm-job-form-inner input#awsm-application-submit-btn {
    padding: 10px 20px;
    background: #000;
    border: none;
    color: #fff;
    border-radius: 8px;
}
.awsm-job-form-inner input#awsm-application-submit-btn:hover{
    background: #999;
    color: #000;
}
.awsm-job-container {
    padding: 20px 15px;
}
.awsm-job-single-wrap .awsm-job-form {
    padding: 0 20px;
}

section.error-404 {
    padding: 80px 0;
    text-align: center;
}
section.error-404 h2.not-found-text {
    font-size: 80px;
}
.error-404 a.goback.button-bin.btn {
    background: #71bf44;
    color: #fff;
    padding: 12px 20px;
    display: inline-block;
    border-radius: 100px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0.5px;
}
.error-404 a:hover{
    background: #000 !important;
    color: #fff !important;
}
.wpcf7-spinner{
    display: none;
}

/* enquery section css */
#p-enquiry{
    background: #1f95d3;
    padding: 115px 0;
    width: 100%;
}
.home-enquiry-form input, 
.home-enquiry-form select {
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    background-color: transparent;
    color: #fff;
    padding-left: 0;
    font-size: 16px;
      appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: none !important;
}
.home-enquiry-form .form-control::placeholder {
    color: #fff;
    opacity: 1;
    font-size: 16px;
}
.home-enquiry-form .form-select option {
    color: #000;
      appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: none !important;
}
.home-enquiry-form input:focus{
    background: transparent;
    box-shadow: none;
}
.home-enquiry-form .form-check-label {
    color: #fff;
}
.position-relative i{
    position: absolute;
    right: 15px;
    top: 50%;
    color: #fff;
    transform: translateY(-50%);
    font-size: 10px;
}