@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* font-family: "Poppins", sans-serif; */
:root {
  --property-yellow: #eba505;
  --property-sky: #13cdcc;
  --property-pink: #fa4ef0;
  --property-green: #5bf1a9;
  --property-white: #fff;
  --property-black: #000;
  --property-cream: #fdefd2;
  --property-btn-blk: #260701;

}
*{margin:0; padding:0; transition:all 0.3 ease-in; -webkit-transition:all 0.3 ease-in; -moz-transition:all 0.3 ease-in; -o-transition:all 0.3 ease-in; -ms-transition:all 0.3 ease-in;box-sizing: border-box !important;}
html {scroll-behavior: smooth;height: 100%;}
body{font-style: normal;padding: 0;margin: 0;font-family: "Poppins", sans-serif;font-size: 15px;line-height: 1.3;color: var(--property-white);position: relative;overflow-x: hidden;font-weight: 400;background-repeat: no-repeat !important;background: var(--property-black);}
.container {max-width: 1450px;position:relative;}
.container-fluid{width: 90%;}
img{max-width:100%;}
.clearfix{clear:both;}
a:-webkit-any-link:focus-visible {outline: none;}
input:focus-visible {outline: none;}
a, button{color:var(--property-yellow);text-decoration:none;transition: all 0.3s ease-in-out 0s;font-family: "Poppins", sans-serif;}
a:hover{color: var(--property-yellow);text-decoration:none;}
ul, li{list-style-type:none; padding:0; margin:0;}
h1,h2,h3,h4,h5,h6, p, ul, li{font-family: "Poppins", sans-serif;margin:0;}
h1,h2,h3,h4,h5,h6 {padding-bottom: 15px;line-height: 1.3;font-weight: 700;}
p{padding:0 0 15px;font-family: "Poppins", sans-serif; font-weight: 400; line-height: 1.5;color: var(--property-cream);}
video {object-fit: fill;}
.secgap{padding: 80px 0px 80px;}
.secgapshort{padding: 50px 0px 50px;}
.img-fluid {width: 100%;}
.hyperlink {text-decoration: underline;text-underline-offset: 3px !important;}
.w-full{width: 100%;}

/* section style */
header {position: sticky;top: 0;left: 0;right: 0;width: 100%;z-index: 999;background-color: transparent;transition: .2s ease-in-out all;padding: 30px 0px;background-color: transparent;border-bottom: 1px solid rgba(255,255,255,0.15);}
.innerheader {width: 100%;display: flex;align-items: center;justify-content: space-between;}
header.scrolled {background: #242424e0;backdrop-filter: blur(10px);}
.shortlogo{display: none;}
/* button style */
.yellowbg {background: var(--property-yellow) !important;box-shadow: 0px 4px 0px rgb(129 90 0);}
.greenbg {background: var(--property-green) !important;box-shadow: 0px 4px 0px rgb(10 111 62);}
.skybg {background: var(--property-sky) !important;box-shadow: 0px 4px 0px rgb(12 103 102);}
.pinkbg {background: var(--property-pink) !important;box-shadow: 0px 4px 0px rgb(165 6 156);}
.whitebg {background: var(--property-white) !important;box-shadow: 0px 4px 0px rgb(157 157 157);}

.greentxt {color: var(--property-green) !important}
.skytxt {color: var(--property-sky) !important}
.pinktxt {color: var(--property-pink) !important}

.propertybtn {background: var(--property-yellow);color: var(--property-black) !important;display: inline-block;padding: 14px 32px;border-radius: 15px;font-weight: 600;}
.propertybigbtn {background: var(--property-yellow);color: var(--property-btn-blk) !important;display: block;padding: 14px 10px;border-radius: 15px;font-weight: 600;width: 100%;font-size: 18px;text-align: center;}
.link {font-size: 17px;display: block;text-align: center;}
.propertybtn:hover, .propertybigbtn:hover {box-shadow: none !important;}

.shortbtn {font-size: 14px;padding: 10px 16px;border-radius: 12px;}
/* button style */
h1 {font-size: 56px;color: var(--property-cream);}
h1 span {color: var(--property-yellow);}
h2 {font-size: 40px;color: var(--property-cream);}
h2 span {color: var(--property-yellow);}
.bannertext p {font-size: 18px;}
ul.commonlist {display: flex;flex-wrap: wrap;}
ul.commonlist li {font-size: 15px;border: 1px solid var(--property-cream);color: var(--property-cream);padding: 10px 25px;margin: 0px 15px 15px 0px;font-weight: 400;border-radius: 30px;}
.bannerboxes {display: flex;justify-content: space-between;}
.bannerbox {width: 33.33%;background: rgba(255,255,255,0.10);border: 2px solid rgba(255,255,255,0.3);margin-right: 25px;padding: 50px 20px 30px;border-radius: 15px;position: relative;backdrop-filter: blur(10px);transition: .3s ease-in-out all;}
.bannerbox:hover {border-color: var(--property-yellow);}
.bannerbox:nth-child(2):hover {border-color: var(--property-sky);}
.bannerbox:nth-child(3):hover {border-color: var(--property-pink);}
.bannerbox:nth-last-child(1) {margin-right: 0px;}
.bnrbox {padding-bottom: 25px;min-height: 180px;}
.bnrbtmbox {padding-bottom: 25px;}
.bannerbox h3 {font-size: 26px;color: var(--property-cream);font-weight: 600;}
.bannerbox p {font-size: 15px;display: block;padding: 0px;font-weight: 400;line-height: 1.6;}
.bannerbox h4 {font-size: 30px;color: var(--property-cream);font-weight: 600;padding-bottom: 25px;}
.bannerbox h3 sup {font-size: 16px;}
.bannerbox img {width: 100%;margin-bottom: 25px;border-radius: 15px;}
span.tag {position: absolute;top: -20px;right: -18px;color: #260700;font-size: 15px;font-weight: 600;background: var(--property-yellow);padding: 12px 26px;border-radius: 30px;text-transform: uppercase;box-shadow: none !important;}

.countsec {background-color: rgba(255,255,255,0.10);}
ul.count {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
li.countinner {font-size: 16px;line-height: 100%;color: var(--property-white);font-weight: 600;text-align: center;width: calc(25% - 30px);background: #101010;margin: 0px 15px;padding: 36px 30px;border-radius: 15px;}
li.countinner h3 {font-size: 42px;line-height: 1.4;font-weight: 700;color: var(--property-cream);padding: 0px 0px 10px;}
.datatable {border: 1px solid rgba(255,255,255,0.15);border-radius: 15px;overflow: hidden;}
.choosepathinner .propertybtn {margin-left: 6px;margin-bottom: 10px;}
.choosepathinner .propertybtn:nth-child(1) {margin-left: 0px;}
.datatable table {width: 100%;}
.datatable table th, .datatable table td {font-size: 14px;font-weight: 400;color: var(--property-white);padding: 15px 40px;white-space: nowrap;}
.datatable table th {color: var(--property-cream);font-weight: 600;}
.datatable table thead tr {background: #252221;}
.datatable table tbody tr:nth-child(even) {background: #131110;}

.servicesec {background: rgba(22, 20, 19, 0.6);}
.servicebox {background: #1c1918;padding: 20px;border-radius: 15px;margin-bottom: 20px;border: 1px solid rgba(255,255,255,0.15);position: relative;}
.servicebox img {width: 100%;border-radius: 15px;margin-bottom: 20px;}
.servicebox h3 {font-size: 20px;font-weight: 600;color: var(--property-cream);}
.servicebox h3 span {font-size: 13px;display: block;padding: 8px 0px 0px;font-weight: 400;}
.servicebox p {font-size: 14px;font-weight: 400;font-style: italic;padding: 0px;}
.ekowimg img {border-radius: 15px;}

.qandabox h3 {font-size: 18px;color: var(--property-cream);font-weight: 600;}
.qandabox {color: var(--property-cream);background: #242424ad;margin: 0px 0px 20px;padding: 20px;border-radius: 15px;line-height: 1.5;border: 1px solid rgba(255,255,255,0.15);min-height: 85%;}
.futuretenantinner {display: flex;align-items: center;justify-content: space-between;background: #242424ad;border-radius: 15px;padding: 40px;border: 1px solid rgba(255,255,255,0.15);position: relative;}
.buttonbox {width: 100%;max-width: 450px;}
span.smtext {display: block;font-size: 12px;line-height: 1.5;text-align: center;}
.futuretextbox h2 {font-size: 34px;}

.bulletlist li {color: var(--property-cream);padding: 0px 0px 10px;position: relative;padding-left: 22px;}
.bulletlist li::after {content: "";width: 6px;height: 6px;background: yellow;position: absolute;left: 0px;top: 7px;border-radius: 50%;}

.footersec {background: #242424ad;}
.footertext h3 {font-size: 25px;color: var(--property-white);}
ul.footerlist li {margin-bottom: 10px;}
ul.footerlist li a {font-size: 15px;color: var(--property-cream);}
.footerbottom {border-top: 1px solid rgba(255,255,255,0.15);}
.footerform form {display: flex;align-items: center;margin-bottom: 15px;}
.footerform .form-control {background: rgba(255,255,255,0.10);border: 0px;font-size: 14px;padding: 17px 22px;border-radius: 15px;color: var(--property-cream);}
.footerform .form-control::placeholder {color: var(--property-cream);opacity: .5;}
.footerform button {border: 0px;padding: 18px 26px;margin-left: 15px;}
ul.footerlist a:hover {color: #eba505;}

a.wapsupport {position: fixed;bottom: 40px;right: 40px;background: var(--property-green);color: var(--property-black);display: inline-block;padding: 14px 24px;border-radius: 15px;font-weight: 600;z-index: 999;}
a.wapsupport span {display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: #096b3b;margin-right: 6px;}
a.wapsupport img {display: none;}

.pricetogglebox {width: 100%;max-width: 450px;}
.toggle {display: inline-flex;background: #2f3336;padding: 6px;border-radius: 15px;border: 2px solid rgba(255,255,255,0.3);}
.toggle button {border: 0;background: transparent;padding: 8px 14px;cursor: pointer;color: #c9c9c9;font-weight: 600;border-radius: 10px;transition: .2s;font-size: 14px;}
.toggle button.active {background:#14d0d6;color:#002b2c;transform:translateY(-1px);}
.pricetogglecontent {display: flex;align-items: flex-start;justify-content: space-between;}

.pricebox h3 {font-size: 26px;color: var(--property-cream);font-weight: 600;padding: 0px 0px 5px;}
.pricebox span {font-size: 14px;color: var(--property-cream);}
.pricetogglebox {padding: 20px;border: 2px solid rgba(255,255,255,0.3);border-radius: 15px;background: #242424ad;}

.starttodaybox {color: var(--property-cream);background: #242424ad;margin: 0px 0px 15px;padding: 20px;border-radius: 15px;min-height: 95%;line-height: 1.5;border: 1px solid rgba(255,255,255,0.15);}
.starttodaybox h3 {font-size: 18px;color: var(--property-cream);font-weight: 600;}
.startyellow {border-color: var(--property-yellow);background: rgba(235, 165, 5, 0.1);}
.startsky {border-color: var(--property-sky);background: rgba(19, 205, 204, 0.1);}
.startpink {border-color: var(--property-pink);background: rgba(250, 78, 240, 0.1);}
.startoday {border-top: 1px solid rgba(255,255,255,0.15);}

.pricetopbarinner .pricetogglecontent {justify-content: flex-end;align-items: center;}
.pricetopbarinner .pricebox {display: flex;align-items: center;}
.pricetopbarinner .pricebox h3 {padding: 0px 10px 0px 0px;}
.pricelogoimg img {height: 50px;}
.pricetoggleinner {display: flex;justify-content: flex-start;align-items: center;}

.curriculamimg img {width: 100%;border-radius: 15px;}
span.subheading {display: inline-block;font-size: 14px;color: var(--property-cream);padding-bottom: 4px;}
.timetag {position: absolute;top: 15px;right: 15px;font-size: 12px;border: 1px solid var(--property-cream);padding: 7px 12px;border-radius: 30px;color: var(--property-cream);}
.servicehover h3 {max-width: 75%;}
.servicehover {height: 95%;transition: .3s ease-in-out all;}
.servicehover a {visibility: hidden;}
.servicehover:hover {border-color: var(--property-yellow);}
.servicehover:hover a {visibility: visible;}

.Closebtn {position: absolute;top: 15px;right: 15px;font-size: 12px;border: 1px solid rgba(255,255,255,0.5);padding: 7px 12px;border-radius: 8px;color: var(--property-cream);}
.Closebtn:hover {background-color: var(--property-yellow);color: var(--property-black);border-color: var(--property-yellow);}
.downloadbox {width: 100%;max-width: 450px;}
.downloadfile {display: flex;color: var(--property-cream);padding: 10px 24px;background: #000;border-radius: 15px;border: 1px solid rgba(255,255,255,0.5);}
.downloadfile div {display: inline-block;margin-left: auto;}
.downloadfile span {display: block;padding-top: 5px;font-size: 12px;}

.firststrateysec .futuretenantinner {height: 95%;align-items: flex-start;}
/***/
.datatable1 table {
  width: 100%;
}
.datatable1 table td table td{
  padding: 15px 20px;
}
.datatable1 table td table tr:nth-child(odd) td{
  background-color: #131110;
}
 
.datatable1 {
    border: 1px solid rgba(255,255,255,0.15);
    overflow: hidden;
    border-radius: 15px;
}
.datatable1 table td table tr th{
  background-color: #252221;
  padding: 15px 20px;
  color: #fdefd2;
}
.datatable1 table td{vertical-align: top;}
 
@media screen and (min-width: 320px) and (max-width: 767px) {
.datatable1 table td{vertical-align: top; white-space: nowrap;}
}