html, body {
  overflow-x: hidden;
}

:root {
  --primary:#195aba;
  --primary-hover: #0d479c;
  --grey:#f8f9fa;
  
}
html, body {overflow-x:hidden}
body{ font-family: "Space Grotesk", sans-serif; color: black; line-height: 1.6; font-size: 16px; }
section{padding: 70px 0;}
.btn, button, .form-control { -webkit-border-radius:5px; border-radius:5px;}
a{color:black;-webkit-transition:all linear .3s 0; transition:all linear .3s 0; text-decoration: none; display: inline-block;}
a:hover{color:var(--primary); text-decoration:none}
a:focus, button:focus{text-decoration:none;outline:0}
.form-control:focus{outline:0;box-shadow:none; }
img{max-width: 100%; height: auto; }
@media (min-width:1800px) {
  .container-fluid {max-width: 1700px;}
  .testimonials-section .container-fluid{max-width: 100%;}
}

.clear{clear: both; overflow: hidden;}
.grey_bg{background: var(--grey);}
.light_bg{background-color:var(--light);}
.bg_light_pink {background: linear-gradient(180deg, #F3E6D6 19.67%, rgba(255, 255, 255, 0) 100%);}
.text-info {color: #000 !important;}
.bg-info{background-color: #000 !important; }
.btn-theme{background: #000; color: white;}
.btn-theme:hover, .btn-theme:focus{background:#000; color: white;}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,h6{font-weight: 700; line-height: 1.2;}
.btn_transparent { color: #fff!important; border:rgba(255,255,255,0.2) solid 1px; position: relative;}
.btn_transparent:before {content:""; background-color: rgba(255,255,255,0.1); position: absolute; left:0; top:0; right:0; bottom:0; filter: blur(4px); -webkit-transition: all linear 0.2s 0s; transition: all linear 0.2s 0s;}
.btn_transparent i {margin-right:5px;}
.btn_transparent:hover {color: #fff!important; border:rgba(255,255,255,0.2) solid 1px;}
.btn_transparent:hover:before {background-color: rgba(255,255,255,0.2);}

.btn_styled { padding: 14px 28px; font-weight: 700; font-size: 16px; white-space:nowrap; border-radius:10px; }

.btn-primary{color: white !important;background:black !important; border-color: black !important; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {color: white;background:black !important; border-color: black !important;}

.btn-light{color: black !important ;background: #FFFFFF  !important ; border-color: #FFFFFF  !important ; }
.btn-light:hover, .btn-light:focus, .btn-light:active {background: #e2e2e2 !important; border-color: #e2e2e2 !important;color: black !important;}


.btn-secondary {color:#000!important; background:#ddd!important; border-color:#ddd!important; }
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {background: var(--primary) !important; border-color: var(--primary) !important; color: #fff !important;}



.btn_transparent { color: #fff!important; border:rgba(255,255,255,0.2) solid 1px; position: relative;}
.btn_transparent:before {content:""; background-color: rgba(255,255,255,0.1); position: absolute; left:0; top:0; right:0; bottom:0; filter: blur(4px); -webkit-transition: all linear 0.2s 0s; transition: all linear 0.2s 0s;}
.btn_transparent i {margin-right:5px;}
.btn_transparent:hover {color: #fff!important; border:rgba(255,255,255,0.2) solid 1px;}
.btn_transparent:hover:before {background-color: rgba(255,255,255,0);}

.logo {font-size: 18px; font-weight: normal; letter-spacing: 0.1em; color: #fff; display: inline-block; padding:14px 20px; white-space: nowrap; border-radius:10px; border:rgba(255,255,255,0.3) solid 1px; position: relative;}
.logo:before {content:""; background-color: rgba(255,255,255,0.1); position: absolute; left:0; top:0; right:0; bottom:0; filter: blur(4px); -webkit-transition: all linear 0.2s 0s; transition: all linear 0.2s 0s;}
.logo img {width: 30px; display: inline-block; margin-right:5px; position: relative; top: -2px;}
.logo:hover {color: #fff!important; border:rgba(255,255,255,0.2) solid 1px; text-decoration: none;}
.logo:hover:before {background-color: rgba(255,255,255,0);}

.hero_wrapper {position: relative; background-repeat: no-repeat; background-size:cover; background-position: center center; padding: 80px 60px; color: white; height: 100vh;}
.hero_wrapper .hero_shadow {position: absolute; left:0; right:0; bottom:0;  top: 40%; background: #000; background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);}
.hero_wrapper .hero_contents {position: absolute; left:50%; bottom:5%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; max-width: 1700px; z-index: 2;}
.hero_wrapper .hero_contents h1 {font-size:100px; font-weight: 600;display: inline-block; text-transform: uppercase; text-shadow: rgba(0,0,0,0.7) 0 0 20px; z-index: 2; line-height: 100px; margin-bottom:0; }
.hero_wrapper .hero_contents h5 {font-weight: 400; line-height: 1.6; font-size: 24px; margin-bottom:0;}
.hero_buttons {text-align: center; position: absolute; left:50%; bottom:40px; transform: translateX(-50%);}


header {position: absolute; left: 0; top: 0; right: 0; z-index: 9;  padding:20px 0; color: #fff;  }


ul.top_header_right {list-style: none; margin: 0; padding: 0;}
ul.top_header_right li {display: inline-block; vertical-align: middle;}
ul.top_header_right li a {color: #000;}
ul.top_header_right li a i { font-size:18px;}
ul.top_header_right li:last-child i { font-size:16px;}
ul.top_header_right li+ li {margin-left: 12px;}
@keyframes menu_sticky {
  0%{margin-top:-240px}
  50%{margin-top:-90px}
  100%{margin-top:0}
}
header.sticky {position:fixed; top:0; left:0; padding:10px 0; width:100%; animation-name:menu_sticky; animation-duration:.6s; animation-timing-function:ease-out;
  -webkit-box-shadow:rgba(0,0,0,0.3) 0 0 10px; box-shadow:rgba(0,0,0,0.3) 0 0 10px; z-index:9; background-color: white; }
header.sticky .logo {color: #000!important;}
header.sticky .logo img {filter: invert(1);}
header.sticky .btn {color: #000!important;}
header.sticky .btn-light {background-color:black!important; color: #fff!important;}


.sticky_btns {position: fixed; right:40px; bottom:40px; width: 60px; z-index: 99;}
.sticky_btns a {position: relative; margin-top:10px; display: block; width: 60px; height: 60px; border-radius:10px; background-color: #fff; text-align: center; box-shadow: rgba(0,0,0,0.4) 0 0 10px;}
.sticky_btns a img {position: absolute; left:50%; top:50%; webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 33px; height: auto; display: inline-block;}


.heading{margin-bottom:15px;}
.heading h2{font-size: 48px; font-weight: 700;}
.heading a{color: black;  }

.dark-section {background-color: #000;color: white;padding: 3rem;}
.light-section {background-color: var(--grey);}
.light-section img{object-fit: cover; width: 200px; object-position: center;}


.more_link{text-decoration: underline; color: var(--primary);}
.more_link:hover, .more_link:focus{text-decoration:none;}

.plans_section {position: relative; text-align: center;}

ul.navs_list {list-style: none; padding:0; margin:0; display: block; text-align: center; margin-bottom:50px!important;}
ul.navs_list li {display: inline-block;}
ul.navs_list li a {padding: 7px 20px; -webkit-border-radius: 5px; border-radius: 5px; display: block;}
ul.navs_list li a:hover {color: var(--primary);}
ul.navs_list li button, ul.navs_list li a {color: #000; background-color: #ddd; text-decoration: none; margin:3px;}
ul.navs_list li button.active {background-color: var(--primary)!important; color: #fff;}

#groundfloor .container {max-width: 1101px; width: 100%; position: relative;}
#firstfloor .container {max-width: 1283px; width: 100%; position: relative;}
#secondfloor .container {max-width: 1283px; width: 100%; position: relative;}



#groundfloor .tab_container, #firstfloor .tab_container, #secondfloor .tab_container{width: 100%; position: relative; padding: 0 15px; margin: 0 auto;}

#groundfloor .tab_container {max-width: 1101px;}
#firstfloor .tab_container {max-width: 1283px;}
#secondfloor .tab_container {max-width: 1283px;}








.g_plan_wrapper img,
.f_plan_wrapper img,
.second_plan_wrapper img {width: 100%; height: auto; display: block;}
.plan_link {position: absolute; display: block; cursor: pointer; background: rgba(255,0,0,0); -webkit-transition: all linear 0.2s 0s; transition: all linear 0.2s 0s;}
.plan_link div {position: absolute; left:50%; top:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-size:14px; opacity: 0; transition: all linear 0.2s 0s; color: #fff; line-height: 1.2;}
.plan_link div.short_text {font-size:10px; line-height: 1;}
.plan_link div.short_text2 {font-size:8px; line-height: 1;}
.rotate_text {transform: translate(-50%,-50%) rotate(90deg)!important; white-space: nowrap; font-size:8px!important;}
.plan_link:hover {position: absolute; display: block; cursor: pointer; background: rgba(255,0,0,0.9)}
.plan_link:hover div {opacity: 1;}

.plan_link.plank_link_double:hover {background: rgba(255, 0, 0, 0) !important;}
.plan_link.plank_link_double:hover a{ background: rgba(255,0,0,0.9) !important;}
.plan_link.plank_link_double a.short_text{position: absolute; left:63%; top:50%;  font-size:14px; opacity: 0; transition: all linear 0.2s 0s; color: #fff; line-height: 1.2; font-size:14px; line-height: 1; font-weight: 400;}
.plan_link.plank_link_double:hover a.short_text{opacity: 1; background: transparent !important;}
.plan_link.plank_link_double a.short_text.small_text{font-size:10px; line-height: 1;}

.plan_link.lawn_box{background: rgba(255, 0, 0, 0) !important;}
.lawn_wrapper{position: absolute; display: block;  }
 .lawn_hover{display: none; position: absolute; left: 0;}
 .Lawn_head{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 14px; color: #fff; }
@media (max-width: 991px) {
    .lawn_hover { display: block !important; }
}


.video_section {text-align: center;}

.contact_section {background-color: #F4F0E9;}
.contact_section h2 {text-transform: uppercase; margin-bottom:30px; font-size: 50px; line-height: 50px;}
.contact_section h3 {text-transform: uppercase;}
.contact_section h6 {color: #999;}
.contact_form {background-color: #fff; padding:50px 30px; border-radius:10px;}
.contact_form input.form-control {height: auto; padding: 10px 15px;}
ul.contact_list{list-style:none;padding:0;margin:0}
ul.contact_list li{position:relative;color:var(--secondary);padding-left:35px; margin-top:13px}
ul.contact_list li a{color:var(--secondary); font-size: 17px;}
ul.contact_list li img{position:absolute;left:0;top:1px;width:23px;height:23px;object-fit:scale-down}
.map_wrapper iframe{width:100%; height:225px; margin-top:30px; border-radius:0; filter: grayscale(20);}


footer {position: relative; background-color: #F4F0E9;}
ul.footer_social {list-style: none; padding: 0; margin: 0;}
ul.footer_social li{display: inline-block; margin-right: 5px;}
ul.footer_social li a{width: 40px; height: 40px; border-radius: 100%; border: 1px solid rgb(116, 116, 116); position: relative; display: block;
  -webkit-transition: all linear 0.2s 0s; transition: all linear 0.2s 0s; background-color: #F4F0E9;}
ul.footer_social li a i {font-size:18px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
ul.footer_social li a:hover{background-color: var(--primary); color: #fff;}

.copyright_bar{border-top: 1px solid rgb(0,0,0,0.2); padding-top: 20px; padding-bottom:20px; display: block;}
.copyright_bar p{margin-bottom: 0;}






.inner_hero{height:50vh;min-height:400px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;background-repeat:no-repeat;padding: 130px 0px 30px 0 !important;}
.inner_hero .hero_contents{position:relative;left:auto;bottom:auto;transform:none;text-align:center;z-index:2}
.inner_hero .hero_shadow{top:0;background:#00000080}
.inner_hero .hero_contents h1{font-size:3.5rem;margin-bottom:.5rem;text-transform:uppercase;font-weight:700;text-shadow:2px 2px 4px #00000080}

.bg_grey_2{background-color:#636b72}
.bg_grey_3{background-color:#5c636a}

.tech_section{padding:60px 0;background-color:#fcfcfc}
.tech_category{margin-bottom:50px}

.tech_table_wrapper{box-shadow:0 5px 20px #0000000d;border-radius:12px;overflow: hidden; background:#fff;border:1px solid #eee}

.tech_table thead{color:#fff}
.tech_table th{padding:18px 20px;text-align:left;font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}
.tech_table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .2s ease}
.tech_table tbody tr:last-child{border-bottom:none}
.tech_table tbody tr:hover{background-color:#f8fbff}
.tech_table td{padding:16px 20px;vertical-align:top;color:#333;font-size:1rem;line-height:1.6}
.tech_table td:nth-child(1){font-weight:600;color:#333;width:20%;background-color:#fafafa}
.tech_table td:nth-child(2){width:25%;font-weight:500}
.table_scroll::-webkit-scrollbar{height:8px}
.table_scroll::-webkit-scrollbar-track{background:#f1f1f1}
.table_scroll::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}
.table_scroll::-webkit-scrollbar-thumb:hover{background:#a8a8a8}
.defult_cursor{cursor: default !important;}
ul.mobile_maps_link_wrapper{text-align: start; display: block; border: 1px solid #dee2e6;font-weight: 600;border-radius: 8px; overflow: hidden; list-style: none; margin: 0; padding: 0;}
ul.mobile_maps_link_wrapper .mobile_map_link{padding: 1rem 1.25rem; border-top: 1px solid #dee2e6; display: flex !important; justify-content: space-between; gap: 15px;}
ul.mobile_maps_link_wrapper .mobile_map_link span{font-size: 24px; line-height: 0;}
ul.mobile_maps_link_wrapper .mobile_map_link:active, .mobile_maps_link_wrapper .mobile_map_link:focus, .mobile_maps_link_wrapper .mobile_map_link:hover{ color: black !important;}
.mobile_map_link.active{background-color: rgba(196, 231, 255, 0.637); border-bottom: 1px solid #dee2e6;}
.active_link_body{padding: 1rem 1.25rem; }
.mobile_map{position: relative;}
ul.mobile_maps_link_wrapper li:first-child .mobile_map_link{border-top: none;}
.back_btn{display: none; color: white;}
.back_btn i{position: relative; top: 2px; }
.back_btn:hover , .back_btn:focus, .back_btn:active {color: white !important; text-decoration: none !important;}