@import url('https://use.typekit.net/ieu3fqk.css');

.banner-video {
    width: 100%;
}
.pragmatica-300,.pragmatica-400,.pragmatica-700,.pragmatica-900{
    font-family: pragmatica,sans-serif;
    font-style: normal;
}
.abril-300,.abril-600,.abril-400,.abril-700,.abril-800,.abril-900{
    font-family: abril-display,sans-serif;
    font-style: normal;
}
.pragmatica-300{font-weight: 300;}
.abril-400,.pragmatica-400{font-weight: 400;}
.abril-600{font-weight: 600;}
.abril-700,.pragmatica-700{font-weight: 700;}
.abril-800{font-weight: 800;}
.abril-900,.pragmatica-900{font-weight: 900;}

.text-brown{
    color: #AD6B4E;
}
.text-blacked{
    color: #1C1C1C;
}
.text-slaty{
    color: #707070;
}

/* Image disclaimers on section images starts here  */
.img-disc {
    position: absolute;
    /* bottom: 115px; */
    bottom: 11%;
    /* top: 175%; */
    /* right: -49%; */
    right: -40px;
    z-index: 3;
    color: #fff !important;
    font-size: 6px !important;
    display: block;
    /* width: 100%; */
    /* background: rgb(0 0 0 / 47%); */
    padding: 5px 0;
    /* text-align: left; */
    transform: rotate(90deg);
}
.img-disc-black {
    position: absolute;
    bottom: 6%;
    right: 0px;
    z-index: 3;
    color: #000 !important;
    font-size: 6px !important;
    display: block;
    padding: 5px 0;
    transform: rotate(90deg);
}
.tc-disc{
    position: absolute;
    bottom: 5%;
    left: -20px;
    z-index: 3;
    color: #fff !important;
    font-size: 8px !important;
    display: block;
    padding: 5px 0;
    transform: rotate(90deg);
}
.img-disc2 {
    position: absolute;
    color: #fff !important;
    bottom: 60px;
    right: -42px;
    z-index: 3;
    font-size: 6px !important;
    display: block;
    padding: 5px 0;
    transform: rotate(90deg);
}
.img-disc2-a ,.img-disc2-b ,.img-disc2-c {
    position: absolute;
    color: #fff !important;
    bottom: 60px;
    z-index: 3;
    font-size: 6px !important;
    display: block;
    /* width: 100%; */
    /* background: rgb(0 0 0 / 19%); */
    padding: 5px 0;
    transform: rotate(90deg);
    /* text-align: left; */
}
.img-disc2-a{right: -42px;}
.img-disc2-b{right: -20px;bottom: 41px !important;}
.img-disc2-c{right: -20px;bottom: 41px !important;}
.img-disc3 {
    position: absolute;
    color: #000 !important;
    bottom: 8%;
    /* right: 10px; */
    left: 2%;
    z-index: 3;
    font-size: 10px !important;
    display: block;
    width: 100%;
    /* background: rgb(0 0 0 / 47%); */
    padding: 5px 0;
    text-align: left;
}

/* ends here  */

/* BANNER CHANGES STARTS HERE  */
.home-banner-cont{
    position: absolute;
    bottom: 14%;
    left: 53%;
    z-index: 3;
    opacity: 1;
    width: 1200px;
    transform: translateX(-50%);
}
.banner-title1{
    font-family: abril-display,sans-serif;
    font-size: 36px;
    line-height: 42px;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.banner-title2{
    font-family: pragmatica,sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 31px;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 0.8;
    margin-bottom: 5px;
}
.box1{
    display: block;
}
/* #panorama {
    width: 100%;
    height: 100vh;
    z-index: 10;
} */
.banner-btn1{
    background-color: #FFFFFF;
    color: #1C1C1C;
    font-size: 18px;
    line-height: 25px;
    border: 1px solid #FFFFFF;
    padding: 4px;
}
.banner-btn2{
    background:none;
    color: #FFFFFF;;
    font-size: 18px;
    line-height: 25px;
    padding: 4px;
    border: 1px solid #FFFFFF;
    margin-left: -5px;
}
.scroll {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 10px;
    text-align: center;
    z-index: 1;
    font-family: pragmatica;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    letter-spacing: 0.48px;
}
.scroll-img {
    display: block;
    margin: 0 auto;
}
.text-container{
    width: 100%;
    /* fon.banner-video {
    width: 100%;
}t-size: 40px; */
    /* height: 50px; */
    /* font-family: Montserrat; */
  }
.dynamic-text{
    /* list-style: none; */
    /* display: inline-block; */
    position: absolute;
    overflow: hidden;
    height: 110px;
    /* height: 50px; */
  }
.item{
    position: relative;
    top: 0;
    animation: move 10s infinite 1s;
  }
  
  @keyframes move{
    0%{top: 0px;}
    20%{top: -50px;}
    40%{top: -96px;}
    60%{top: -146px;}
    80%{top: -196px;}
  }

.banner-slider .slick-slide{
    margin: 18px 0;
}
.banner-slider .slick-track{
    margin: -18px 0;
}
/* ENDS HERE  */
/* section 1 overview changes starts */
.section-title{
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 1.92px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600 !important;
}
.section-title2{
    font-size: 52px;
    line-height: 58px;
    letter-spacing: 0px;
    text-transform: uppercase;
    text-align: center;
    opacity: 1;
}
.section-title3{
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.64px;
    opacity: 1;
}
.section2-title2{
    font-size: 42px;
    line-height: 47px;
    letter-spacing: 0px;
    opacity: 1;
}
#overview{
    background-color: #FFFFFF;
    padding-bottom: 0;
}
#LifeAtKtc{
    background: url('../images/section3-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 861px;
    width: 100%;
}
#location{
    background-color: #FFFFFF;
}
#about{
    /* background: url('../images/about-bg.jpg'); */
    background-color: #FFFFFF;
    background-size: 100% 100%;
    background-repeat: no-repeat;

    /* width: 100%; */
}
/* ends  */

/* slider section 1 starts */
.Ovslider-text{
    position: absolute;
    bottom: 7%;
    left: 6%;
    font-family: abril-display,sans-serif;
    font-size: 40px;
    line-height: 44px;
    letter-spacing: 0px;
    color: #FFFFFF;
    z-index: 1;
}
.fslider-text{
    position: absolute;
    transform: translate(-50%,-50px);
    bottom: -5%;
    left: 50%;
    font-family: abril-display,sans-serif;
    color: #FFFFFF;
    z-index: 1;
    width: 100%;
    /* text-align: center; */
    /* background: #1C1C1C 0% 0% no-repeat padding-box;
    opacity: 0.54;
    width: 1147px; */
}
.fslider-text span:first-child{
    font-size: 42px;
    line-height: 47px;
    letter-spacing: 0px;
    opacity: 1;
}
.fslider-text span:last-child{
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.64px;
    opacity: 1;
}
.dragger-text{
    font-family: pragmatica;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.48px;
    color: #1C1C1C;
    opacity: 1;
    text-align: center;
}

/* features slider custom arrow design with counter starts here  */
.features-slider-wrapper .custom-arrow{
    display: inline-block;
    position: absolute;
    right: 19%;
    z-index: 2;
    bottom:-2%;
    transform: translateX(-50%);
    cursor: pointer;
}
.features-slider-wrapper .custom-arrow img{
    display: inline-block;
}
.features-slider-wrapper .custom-arrow img {
    margin: 0 20px;
}
.features-slider-wrapper .custom-arrow>span {
    margin: -2px -20px;
}
.features-slider-count {
    font-size: 12px;
    line-height: 26px;
    letter-spacing: 0.48px;
    position: absolute;
    /* top: 0px; */
    /* right: 0px; */
    color: #000;
}
/* ends here  */

/* dragger check features */
.slider-drag-btn-wrapper {
    width: 597px;
    height: 5px;
    display: inline-block;
    position: relative;
    z-index: 0;
}

.slider-drag-btn-wrapper::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    background-color: #707070;
    z-index: -1;
}
.slider-drag-btn{
    width: 250px;
    height: 5px;
    background-color: #000;
    z-index: 3;
}

.slider-drag-btn-wrapper {
    text-align: left;
}

.slider-drag-btn-wrapper .slider-drag-btn {
    z-index: 5;
}

/* ends here  */

/* new test starts */
.footer-slider-drag-btn-wrapper {
    width: 300px;
    height: 5px;
    display: inline-block;
    position: relative;
    z-index: 0;
    margin: auto;
    margin-bottom: 10px;
}

.footer-slider-drag-btn-wrapper::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    background-color: #FFFFFF;
    z-index: -1;
}
.footer-slider-drag-btn-wrapper p{
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.48px;
    color: #FFFFFF;
    font-family: pragmatica;
    font-weight: 400;
    text-align: center;
}
.footer-slider-drag-btn{
    width: 120px;
    height: 5px;
    background-color: #FFFFFF;
    z-index: 3;
}

.footer-slider-drag-btn-wrapper {
    text-align: left;
}

.footer-slider-drag-btn-wrapper .slider-drag-btn {
    z-index: 5;
}
/* ends here  */

.test::after {
    content: "";
    background: transparent linear-gradient(180deg, #1C1C1C00 50%, #1C1C1C 95%) 0% 0% no-repeat padding-box;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
}
.test2::after {
    content: "";
    background: transparent linear-gradient(180deg, #1C1C1C00 80%, #1c1c1ca1 80%) 0% 0% no-repeat padding-box;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    opacity: 0.54;
}
.test3::after{
    content: '';
    position: absolute;
    /* background: transparent linear-gradient(180deg, #39393900 0%, #393939 130%) 0% 0% no-repeat padding-box; */
    /* opacity: 0.68; */
    background: transparent linear-gradient(180deg, #39393900 0%, #393939 100%) 0% 0% no-repeat padding-box;
    mix-blend-mode: multiply;
    opacity: 0.68;
    top: 0;
    left: 0;
    bottom: 4px;
    right: 0;
}
.test4 {
    position: absolute;
    /* z-index: 4; */
    top: -474px;
    left: -947px;
    bottom: 0;
    right: 0;
    background: transparent radial-gradient(closest-side at 50% 50%, #393939 7%, #39393900 38%) 0% 0% no-repeat padding-box;
    mix-blend-mode: multiply;
    opacity: 0.68;
}

.overview-slider-wrapper .custom-arrow{
    display: inline-block;
    position: absolute;
    right: 5%;
    z-index: 1;
    bottom: 8%;
    cursor: pointer;
}
.overview-slider-wrapper .custom-arrow img{
    display: inline-block;
}
/* .overview-slider-wrapper .custom-arrow img {
    margin: 0 20px;
} */
#overview-arrow-left{
    padding-right: 30px;
}
#overview-arrow-right{
    padding-left: 30px;
}
.overview-slider-wrapper .custom-arrow>span {
    margin: -2px -20px;
}
.overview-slider-count {
    font-size: 12px;
    line-height: 26px;
    letter-spacing: 0.48px;
    position: absolute;
    /* top: 0px; */
    /* right: 0px; */
    color: #FFFFFF;
}
/* ends here  */

/* section 2 features slider starts here */
.progress {
    /* position: absolute; */
    /* bottom: 12%; */
    /* transform: translateX(-50%); */
    /* left: 50%; */
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* width: 40%; */ /* enable for mobile check*/
    width: 597px;
    height: 4px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #999999;
    background-image: linear-gradient(to right, #000, #000);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size 0.4s ease-in-out;
    /* transform: translateX(-50%); */
  }

/* ends here  */
.bookexp-btn {
    background: #AD6B4E;
    border: 14px solid #AD6B4E;
    opacity: 1;
    font-weight: 700;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.24px;
    text-align: center;
    text-decoration: unset !important;
    color: #fff !important;
    width: 190px;
}
.req-mast-btn {
    background: #AD6B4E;
    border: 14px solid #AD6B4E;
    opacity: 1;
    font-weight: 700;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.24px;
    text-align: center;
    color: #fff;
    width: 208px !important;
}

/* location section and slider code begins here  */
/* .location-slider-wrapper img{
    margin-right: 20px;
} */
.location-slider .slick-list{
    padding-left: 0px!important;
}
.location-slider img{
    /* padding-right: 20px!important; */
    padding-right: 20px!important;
    /* width: 295px; */
    margin: auto;
    padding-bottom: 20px;
}
.location-slider .slick-slide{
    /* margin-left: 50px; */
    margin-left: 5px;
}
.location-slider .slick-slide p{
    font-family: pragmatica;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    margin-left: -28px;
    letter-spacing: 0.56px;
    color: #707070;
}

/* ends here   */

/* footer css starts from here  */
.footer-title{
    margin-top: 119px;
    margin-left: 40px;
    margin-bottom: 103px;
}
.footer-logo1{
    margin-top: 67px;
}
/* .footer-logo1 div img{
    padding-left: 1px;
} */
/* .footer-logo1 img:nth-child(1){
    margin-top: 10px;
}
.footer-logo1 img:nth-child(2){
    margin-top: 20px;
} */
/* .footer-logo2 img:last-child{
    margin-top: 30px;
} */

.footer-text{
    font-family: pragmatica;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.48px;
}
.footer-slider img{
    margin-bottom: 10px !important;
    padding-right: 15px;
}
.seprator{
    border: 1px solid #FFFFFF;
    opacity: 0.3;
    width: 100%;
}
.img-test{
    margin-left: -50px;
}

.features-slider .slick-dots{
    bottom: -89px;
}
.features-slider .slick-dots li{
    background: #999999;
    width: 150px;
    height: 2px;
    margin: 0px 0px;
}
.features-slider .slick-dots .slick-active{
    background: #1C1C1C;
    width: 150px;
    height: 4px;
    top: -1px;
}

/* ends here  */
.about-building{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.about-gradient::after{
    position: absolute;
    top: 0;
    left: 0;
    background: transparent linear-gradient(64deg, #FFFFFB 0%, #F6F7FB 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
}