@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

body{font-family: 'Poppins', sans-serif;;color: #000000;font-size: 14px;}
a,a:hover{text-decoration: none;}

.top-navbar{border: 1px solid rgb(182 182 182 / 20%);padding: 10px 0 !important}
.top-navbar a{color: rgb(0 0 0 / 50%);}
.top-navbar .media,.key-benefits .media{-ms-flex-align: center;align-items: center;}
.top-navbar .media i{font-size: 16px;color: rgb(0 0 0 / 50%);}
.social-media .list-inline-item:not(:last-child){margin-right: 2rem;}
.social-media a:hover path{fill: black;transition:  all 0.3s ease;}

.navbar{padding: .657rem 1rem;}
.navbar-dark .navbar-nav .nav-link {color: #000000;font-weight: 500;position: relative;padding: .5rem 0rem;margin: .5rem .7rem;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{color: #29235C;}
.nav-item .nav-link::before {
    position: absolute;content: '';display: inline-block;width: 0%;height: 2px;border-radius: 50px;background-color: #29235C;bottom: 0;left: 0;transition: 0.3s ease;
}
.nav-item:hover .nav-link::before {width: 100%;}
.dropdown-item{font-size: 14px;}
.dropdown-menu{top: 115%;border: 0;border-radius: 0;}
.dropdown-item:focus, .dropdown-item:hover,.dropdown-item.active, .dropdown-item:active {color: #F7B857;background-color: transparent;}
.navbar-dark .navbar-toggler {color: rgba(0,0,0,.5);border-color: rgba(0,0,0,.1);}
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
nav .readmore{padding: 10px 12px !important}
.navbar-dark .navbar-nav .active>.nav-link{color: #F7B857;}
.nav-item.active .nav-link::before{position: absolute;content: '';display: inline-block;width: 0%;height: 2px;border-radius: 50px;background-color: #29235C;bottom: 0;left: 0;transition: 0.3s ease;width: 30px;}
.nav-item .btn-primary,.nav-item .btn-primary:focus,.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled):active:focus{
    background-color: #F7B857;border-color: #F7B857;color: #29235C;font-weight: 600;box-shadow: none;border-radius: 4px;
}
.nav-item .btn-primary:hover,.nav-item .btn-primary:focus,.nav-item .btn-primary:not(:disabled):not(.disabled):active{background-color: #ffffff;color: #C51A1B;border-color: #C51A1B;}

.main-banner{background-image: url(../img/main-banner.png);background-size: cover;background-position: center bottom;color: white;margin-top: 20px;}
.main-banner .main-p{font-size: 24px;font-weight: 600;}
.main-banner h1{font-size: 64px;font-weight: 600;}
.main-banner p{font-size: 18px;font-weight: 300;}
.main-banner .readmore.get-a-quote{color: #00163D}
.main-banner .readmore.get-a-quote:hover{color: #ffffff}

.main-banner .btn-primary{
    background-color: transparent;border-color:#ffffff;color: #ffffff;font-size: 18px;padding: .657rem 1rem;font-weight: 600;box-shadow: none;
}
.main-banner .btn-primary:hover,.main-banner .btn-primary:focus,.main-banner .btn-primary:not(:disabled):not(.disabled):active{background-color: #ffffff;color: #C51A1B;border-color: #ffffff;}
.main-banner::before{content: '';position: absolute;width: 100%;height: 520px;top:0;background: linear-gradient(180deg, rgba(17, 13, 55, 0.59) 0%, rgba(0, 0, 0, 0.71) 100%);}

.inner-banner {
    background: url(../img/inner-banner.png);background-size: cover;background-position:bottom center;color: #ffffff;margin-top: 50px;position: relative}
.inner-banner::before{content: '';position: absolute;width: 100%;height: 100%;top:0;background: linear-gradient(180deg, rgba(17, 13, 55, 0.59) 0%, rgba(0, 0, 0, 0.71) 100%);}

section{padding: 50px 0;}

.two a{color: #000000;}
.two img{width: 100%;}
.two .text-block{position: absolute;bottom: -204px;transition: all 0.6s ease-in-out;}
.two .position-relative:hover .text-block{position: absolute;bottom: 0px;}
.two .position-relative:hover .yellow-block{opacity: 0;}
.two .text-block .yellow-block{background: #F8C06C;border-width: 0px 5px 0px 5px; border-style: solid; border-color: white;padding: 20px 20px;font-size: 24px;font-weight: 600;color: #110D37;transition: all 0.3s ease-in-out;}
.hover-details .main-title{font-size: 24px;font-weight: 600;}
/* .two .position-relative:hover .text-block p:first-child{background-color: #ffffff}
.two .position-relative:hover .text-block{width: 100%;background-color: #ffffff;transition: all 0.3s ease-in-out;}
.two .position-relative:hover .text-block .hover-details{display: block;transition: all 0.3s ease-in-out;}  */
.hover-details{width: 100%;background-color: rgb(255 255 255 / 90%);font-size: 12px;padding: 50px}

.why{background-color: #110D37;color: #ffffff;}
.main-title h2,.inner-banner h1{font-size: 36px;font-weight: 600;}
.title-other-c{color: #29235C;}
.main-title p{font-weight: 500;}
.font-weight p{font-weight: 300;}
.why-block{background: #FFFFFF;border-radius: 4px;padding: 30px 8px 15px;color: #110D37;transition: all 0.3s ease-in-out;}
.why-block:hover{transform: translateY(-10px);}
.why-block p:first-of-type{font-weight: 700;margin: 16px 0;font-size: 13px;}
.why-block-col .col{cursor: pointer;}
.why-block a{font-weight: 600;}

.modal-header{border-bottom:0px;padding: 1rem 1rem 0rem;}
.modal-main-div h5{font-weight: 600;font-size: 24px;}
.close {font-size: 2.5rem;font-weight: 400;opacity: 1;}

.virtual{background-color: #32CDA1;color: #ffffff;}
.virtual p:first-child{font-size: 18px;font-weight: 600;}
.virtual p{font-size: 14px;font-weight: 300;}
.virtual-img-block{position: relative;cursor: pointer;}
.virtual-img-block::before{position: absolute;content: '';background-color: rgb(17 13 55 / 50%);height: 100%;width: 100%;transition: all 0.3s ease-in-out;}
.round-cricle{background-color: #ffffff;height: 34px;width: 34px;border-radius: 50%;position: absolute;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.round-cricle svg{margin: 8px 8px;}
.virtual-img-block:hover:before {background-color: transparent;}
.virtual-img-block:hover .round-cricle{background-color: #F7B857;}
.virtual-img-block p{transition: all 0.3s ease-in-out;opacity: 0;position: absolute;bottom:0;background-color: rgb(17 13 55 / 50%);width: 100%;font-size: 14px;color: #fff;font-weight: 600;padding: 10px 30px;}
.virtual-img-block:hover p{opacity: 1;}

.main-title h3{font-size: 24px;font-weight: 600;}
.our-client h4{font-size: 24px;font-weight: 600;}
.our-client .city-name{color: #01C793;font-weight: 400;}
.our-client .text-center::after {content: url(../img/quest-top-s.png);position: absolute;left: -24%;bottom: 50px;}
.our-client .text-center::before{content: url(../img/quest-bottom-s.png);position: absolute;right: -24%;bottom: 0px}
.our-client .slick-next:before{content: url(../img/right-arrow.png);}
.our-client .slick-prev:before{content: url(../img/left-arrow.png);}
.our-client .slick-prev {left: 30px;}
.our-client .slick-next {right: 30px;}

.incentives{background-color: #F7B857;color: #1A1A2E;}
.incentives p:first-child{font-weight: 600;color: #110D37;}
.incentives p{font-size: 16px;}

.breadcrumb{background: transparent;}
.breadcrumb li{background: transparent;font-weight: 600;}
.breadcrumb a,.breadcrumb-item+.breadcrumb-item::before{color: #ffffff;}
.breadcrumb-item+.breadcrumb-item::before{color: #ffffff;font-weight: 400;}
.breadcrumb-item.active{color: #ffffff;}

.forms-document a{color: #29235C;}
.forms-document p{font-weight: 400;}
.forms-document h3{font-size: 24px;font-weight: 600;}
.download-file{padding: 19px 12px;box-shadow: 0px 4px 10px 5px rgba(0, 0, 0, 0.1);min-height: 86px;}
.forms-document .media{align-items:center;}
.forms-document .media p{font-size: 16px;font-weight: 600;}
.forms-document .media-body{max-width: 85%;margin-right: 14px;}
.download-icon p{font-size: 12px !important;font-weight: 300 !important;}
.document-block .download-file{margin-bottom: 30px;}

.features {margin-left: 50px;}

.floorplan h3{font-size: 18px;font-weight: 600;}
.floorplan li:not(:last-child){margin-bottom: 10px;}
.floorplan li{color: #121217;margin-left: 36px;}

.get-started p{font-size: 14px !important;font-weight: 300 !important;}
.get-started .btn-primary,.get-started .btn-primary:not(:disabled):not(.disabled):active{
    background-color: #ffffff;border-color:#ffffff;color: #121217;font-size: 18px;padding: .657rem 1rem;font-weight: 600;box-shadow: none;
}
.get-started .btn-primary:hover{background-color: transparent;border-color:#ffffff;color: #FFFFFF;}

.floorplan h3 span{font-size: 14px;font-weight: 500;}
.layout-block{background: #F7F7F7;padding: 18px 11px;margin-bottom: 30px;}
.layout-block h3{font-size: 18px;font-weight: 700;}
.layout-block .sf{font-size: 14px;font-weight: 700;}
.layout-block p{font-size: 14px;}
.layout-block .see-details,.layout-block .see-details:hover,.layout-block .btn-primary:not(:disabled):not(.disabled):active,
.layout-block .btn-primary:not(:disabled):not(.disabled):active:focus{
    font-size: 14px;font-weight: 600;background-color: #ffffff;border-color: #F7B857;color: #F7B857;
}

.model-main-div.floorplan h3,.model-main-div.floorplan p{color: #121217}
.model-main-div.floorplan .sf{font-size: 14px;font-weight: 600;}

.plan-images img{}
.th-images img{border: 1px solid #000;border-radius: 4px;padding: 5px;width: 150px;} img:hover {box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5)}

.box-images img{height: 150px;object-fit: cover;}
.box-images .virtual-img-block:hover:before{background-color: rgb(17 13 55 / 50%);}
.box-images .round-cricle{height: auto;width: 100%;border-radius:0px;background-color: transparent;color: #ffffff;font-weight: 600;font-size: 18px;opacity: 1;}
.box-images .virtual-img-block:hover .round-cricle{background-color: transparent;}

table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}

th, td {
  padding: 10px;
}

:target{border: 2px solid #F7B857;}
.faqs {
    background: #121217;
    padding: 20px;
    border-left: 22px solid #F7B857;
    color: #ffffff;
}

.contact_box_wrap .single_contact {padding: 20px;background: #fff;display: flex;align-items: center;box-shadow: -3px 20px 52px -17px rgb(159 152 152 / 68%);-webkit-box-shadow: -3px 20px 52px -17px rgb(159 152 152 / 68%);-moz-box-shadow: -3px 20px 52px -17px rgba(159,152,152,0.68);}
.contact_box_wrap .single_contact .contact_icon {background: #f8f8f8;font-size: 40px;text-align: center;line-height: 100px;width: 100px;height: 100px;margin-right: 20px;color: #000;}
.contact_box_wrap .single_contact .contact_text p {font-size: 15px;line-height: 25px;margin-bottom: 0;}
.mb-30 {margin-bottom: 30px;}


footer{background-color: #121217;padding: 100px 0 50px;color: #ffffff;}
footer h3{font-size: 18px;font-weight: 600;margin-bottom: 36px;}
.address-title,.media-body p:first-child{font-weight: 600;}
.address{font-weight: 300;}
footer a{color: #ffffff;}
footer a:hover{color: #F7B857;}
footer .list-unstyled li{font-weight: 600}
footer .list-unstyled li:not(:last-child){margin-bottom: 15px;}
footer .list-inline a {height: 40px;width: 40px;color: #ffffff;text-align: center;border-radius: 2px;transition: all 0.2s ease-in-out;}
footer .list-inline a:hover{transform: translateY(-4px);}
footer .list-inline a:hover i{color: #ffffff;}
footer .list-inline i{font-size: 24px;}
footer .list-inline li:nth-child(1) a{background: #1A73C5;}
footer .list-inline li:nth-child(2) a{background: #1C82BC;}
footer .list-inline li:nth-child(3) a{background: linear-gradient(139.22deg, #1F2DAC 3.47%, #EA5323 97.11%);}
footer .list-inline li:nth-child(4) a{background: #F43D4F;}
footer .join-text,.copy-right p{color: #E4E4E5;font-weight: 300;}
.footer-bottom{border-bottom: 1px solid rgb(248 248 248 / 20%);margin: 20px 0;}

footer .btn-primary,footer .btn-primary:not(:disabled):not(.disabled):active{
    background-color: transparent;border-color:rgb(255 255 255 / 30%);color: #F7B857;font-size: 14px;padding: .657rem 1rem;font-weight: 600;box-shadow: none;min-width: 178px;
}
footer .btn-primary:hover{background-color: #F7B857;border-color:#F7B857;color: #121217;}

#button {
    display: inline-block;background-color: rgba(247, 184, 87,0.5);width: 50px;height: 50px;text-align: center;
    border-radius: 50px;position: fixed;bottom: 30px;right: 30px;transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;visibility: hidden;z-index: 1000;
}
#button i{line-height: 46px;font-size: 20px;color: #000000;}
#button:hover {cursor: pointer;background-color: #F7B857;}
#button:active {background-color: #F7B857;}
#button.show {opacity: 1;visibility: visible;}

@media only screen and (max-width: 1600px) and (min-width: 1200px)  {
    .main-banner{height: 500px;}
}

@media only screen and (max-width: 1798px) and (min-width: 1289px)  {
    .two .text-block{bottom: -222px;}
}
@media only screen and (max-width: 1288px) and (min-width: 1011px)  {
    .two .text-block{bottom: -240px;}
}
@media only screen and (max-width: 1011px) and (min-width: 891px)  {
    .two .text-block{bottom: -175px;}
    .two .text-block .yellow-block,.hover-details .main-title{font-size: 20px;}
    .hover-details{padding: 20px;}
}
@media only screen and (max-width: 890px) and (min-width: 768px)  {
    .two .text-block{bottom: -192px;}
    .two .text-block .yellow-block,.hover-details .main-title{font-size: 20px;}
    .hover-details{padding: 20px;}
}

@media (min-width: 1200px) {
    .why .col:first-child{padding-left: 0;}
    .why .col:last-child{padding-right: 0;}
}
@media (max-width: 1199px) {
    nav .readmore {padding: 10px 10px !important;}
    .why-block-col [class*="col"]{max-width: 50%;flex-basis: unset;}
    .why-block-col [class*="col"]:not(:last-child){margin-bottom: 30px;}
/*    .why-block-col [class*="col"]:last-child{max-width: 100%;} */

    .forms-document .media p {font-size: 13px;}
    .inner-banner {padding: 200px 0 20px 0;}    
}
@media only screen and (max-width: 1199px) and (min-width: 991px)  {
    .main-banner{height: 600px;}    
    .main-banner h1{font-size: 50px;}
    .navbar-dark .navbar-nav .nav-link{margin: .5rem .4rem;font-size: 12px;}
}
@media (max-width: 991px) {
    .logo-w{width: 170px;}
    .navbar-dark .navbar-nav .nav-link{margin: .5rem .5rem;font-size: 14px;}
    nav .readmore {padding: 10px 18px !important;font-size: 14px !important;}

    .main-banner{height: 500px;}
    .main-banner .main-p{font-size: 20px;}
    .main-banner h1{font-size: 40px;}

    .our-client .text-center::after, .our-client .text-center::before{content: '';}
    .download-file{margin-bottom: 30px;min-height: unset;}    
}
@media (max-width: 767px){   
    .navbar-dark .navbar-nav .nav-link{margin: 0;}
    .main-banner .btn-primary, .main-banner .btn-primary:not(:disabled):not(.disabled):active{margin-bottom: 20px;font-size: 14px;}
    .main-banner p {font-size: 14px;}
    .why-block-col [class*="col"]{max-width: 100%;flex-basis: unset;}
    .virtual-img-block{max-width: 370px;margin: 0 auto;margin-bottom: 20px;}

    .two img{height: 400px;object-fit: cover;}    
    .two .text-block .yellow-block,.hover-details .main-title{font-size: 20px;}
    .hover-details{padding: 20px;}
    .main-title h2,.inner-banner h1 {font-size: 30px;}
}

@media only screen and (max-width: 767px) and (min-width: 585px)  {
    .two .text-block{bottom: -156px;}
}
@media (max-width: 584px){
    .two .text-block{bottom: -174px;}
}
@media only screen and (max-width: 445px) and (min-width: 378px)  {
    .two .text-block{bottom: -192px;}
}
@media only screen and (max-width: 379px) and (min-width: 320px)  {
    .two .text-block {bottom: -210px;}
}

@media (max-width: 575px){
    section{padding: 50px 0;}
    footer{padding: 50px 0;text-align: center;}
    footer .media{display: block;}
    footer .media img{margin-bottom: 10px;}
    .our-client .slick-prev,.our-client  .slick-next{top: 100%;}
    .our-client .slick-next {right: 50px;}
    footer h3{margin-bottom:20px;margin-top: 20px;}
    .copy-right p{text-align: center !important;}
}
@media (max-width: 405px){
    footer .btn-primary.mr-3{margin-right: 0 !important;}
}