/*--banner--*/

.home_banner {
    position: relative;
    width: 100%;
    height: 896px;
    min-height: 100vh;
    overflow: hidden;
}

.home_banner .slider_wrapper {  position: relative;   }

 
 .home_banner .video_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
 
.home_banner .slider_wrapper .video { height: 100%; width: 100%; } 


.home_banner .slider_wrapper,
.home_banner .video_wrapper,
.home_banner .video_wrapper video {
    width: 100%;
    height: 1200px;
}

.home_banner .video_wrapper video { object-fit: cover; }




/*---------*/



.home_banner .item {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 1200px;
    display: flex;
    align-items: center;
    background: rgba(0,0,0,0.5); /* overlay */
}

.home_banner .slider_wrapper .item .item_banner {  margin: 0;  padding: 0;  background-repeat: no-repeat !important;
    background-size: cover !important;   background-position: top center !important;    width: 100%;    height: 100%; }


.home_banner .banr_text {
    display: flex;
    align-items: center;
    min-height: 100vh;
    padding: 0;
}

.home_banner .slider_wrapper .item .item_banner .banr_text .textbd {margin: 0;padding: 200px 0 0 0;max-width: 830px;}
.home_banner .slider_wrapper .item .item_banner .banr_text .textbd .toptitle {margin: 0;padding: 10px 20px;backdrop-filter: blur(10px);background: #FFFFFF4D;font-family: Outfit;font-weight: 400;font-size: 20px;line-height: 100%;letter-spacing: 0%;color: #fff;border-radius: 40px;display: inline-flex;align-items: center;}
.home_banner .slider_wrapper .item .item_banner .banr_text .textbd .toptitle img { padding-right:6px; }

.home_banner .slider_wrapper .item .item_banner .banr_text .textbd .btnwrapper { margin-top:30px;  }
.home_banner .slider_wrapper .item .item_banner .banr_text .textbd .btnwrapper .allbtn01_style { transition:all 0.3s; }
.home_banner .slider_wrapper .item .item_banner .banr_text .textbd .btnwrapper .allbtn01_style:hover { color:#fff !important; } 

.home_banner .slider_wrapper .item .item_banner .banr_text .textbd .btnwrapper .allbtn01_style span { transition:all 0.3s; }
.home_banner .slider_wrapper .item .item_banner .banr_text .textbd .btnwrapper .allbtn01_style span img {  }

.home_banner .slider_wrapper .item .item_banner .banr_text .title_sec {margin:0;padding: 20px 0;font-family: Outfit;font-weight: 500;font-size: 80px;line-height: 80px;color: #fff;}





.home_banner .slider_wrapper .item .item_banner .banr_text p {margin:0;padding:0;font-family: Outfit;font-weight: 400;font-size: 20px;line-height: 27px;color: #fff;}

.home_banner .slider_wrapper .item .item_banner .banr_text .innovative {margin: 20px 0 0 0;padding: 30px;background: #FFFFFF33;backdrop-filter: blur(10px);border-radius: 20px;display: flex;}
.home_banner .slider_wrapper .item .item_banner .banr_text .innovative .itemsec {margin:0;padding:0;display: flex;width: 50%;align-items: center;flex-wrap: wrap;}
.home_banner .slider_wrapper .item .item_banner .banr_text .innovative .itemsec .icon {margin: 0;padding:0;width: 50px;height: 50px;background: #fff;display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.home_banner .slider_wrapper .item .item_banner .banr_text .innovative .itemsec .icon icon { margin:0; padding:0; }
.home_banner .slider_wrapper .item .item_banner .banr_text .innovative p {margin:0;padding: 0 0 0 20px;font-family: Outfit;font-weight: 500;font-size: 25px;line-height: 34px;color: #fff;width: 78%;}

.home_banner .slider_wrapper {  }
.home_banner .slider_wrapper .slick-dots { position:absolute;left: 50%;bottom: -3px; display: flex;
    align-items: center;  justify-content: center; }
.home_banner .slider_wrapper .slick-dots {    position: absolute;    left: 50%;    bottom: 26px;    display: flex;
    align-items: center;    justify-content: center;    transform:translateX(-50%);    padding: 10px;
    backdrop-filter: blur(10px);    background: #FFFFFF33;    border-radius: 50px;     }
.home_banner .slider_wrapper .slick-dots li { margin: 0 5px; width: 9px;height: 9px; }
.home_banner .slider_wrapper .slick-dots li button {    margin: 0;    padding: 0;    display: block;
    background:#fff;    border-radius:50px;    font-size: 0;    border:0;    width: 9px;    height: 9px; }
.home_banner .slider_wrapper .slick-dots li.slick-active button {   width: 9px; height: 9px;
 background: #334155; border: 0; }
 
 /*----*/

/*--Wrapper--*/

.home_banner .rotate_consultation {    margin: 0 20px 0 0;    padding: 0;    position: absolute;    right: 59px;
    top: 194px;    transition: all 0.3s;    z-index: 99; }

.home_banner .rotate_consultation  .circle-wrapper {position: relative;width: 156px;height: 156px; 
  backdrop-filter: blur(7.639202117919922px);background: #FFFFFF33;border-radius: 100px; transition:all 0.3s;  }
.home_banner .rotate_consultation  .circle-text { width: 100%;  height: 100%;  animation: rotate 10s linear infinite; transition:all 0.3s;  }
.home_banner .rotate_consultation  .circle-text .textwrap .textPath { color: #fff;  fill: #fff; font-size: 20px;
  font-weight: 400; transition:all 0.3s;  }

.home_banner .rotate_consultation  .center-btn {  position: absolute;  top: 50%;  left: 50%;
  width:50px;  height:50px;  background: #2c3e50;  border-radius: 50%;
  transform: translate(-50%, -50%);  display: flex;
  justify-content: center;  align-items: center;
  color: #fff;  font-size: 22px; transition:all 0.3s;  }
  
  
  
.home_banner .rotate_consultation  .center-btn a {  transition:all 0.3s; }
.home_banner .rotate_consultation:hover .center-btn a img { transition:all 0.3s; transform: rotate(45deg); }

/* Animation */
@keyframes rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
/*--banner--*/


/*--h_aboutsec--*/
    
    .h_aboutsec { margin:0; padding:80px 0; background: #EEF0F2; }
    .h_aboutsec .textsec {margin: 0;padding: 0;padding-right: 60px;}

    .h_aboutsec .textsec .sectitle { padding-bottom:40px; }
    .h_aboutsec .textsec .sectitle .shorttitle {  }
    .h_aboutsec .textsec .sectitle .long_title {  }


    .h_aboutsec .textsec .top_para {margin:0; padding:7px 0;font-family: Outfit;font-weight: 400;font-size: 18px;line-height: 24px;letter-spacing: 0%;color: #2B2F35;}

    .h_aboutsec .textsec .item_list {margin:0;padding: 30px 0;display: flex;}


    .h_aboutsec .textsec .item_list li {  margin: 0;    padding: 0 0 0 28px;    font-family: Outfit;    font-weight: 500;
    font-size: 20px;    line-height: 26px;    letter-spacing: 0%;    color: #334155;
    width: 50%;    position: relative; }

    .h_aboutsec .textsec .item_list li:after { content: "";    position: absolute;    left: 0;
    top: 0;    background: url(../media/icons/tic-icon.png);    background-repeat: no-repeat;
    background-position: left;    width: 26px;    height: 26px; }

    .h_aboutsec .textsec .item_count {margin:0;padding: 30px 0;border-top: 1px solid #C1CBD9;}
    .h_aboutsec .textsec .item_count .item_count {margin:0;padding:0;display: flex;align-items: center;border: 0;}
    .h_aboutsec .textsec .item_count .item_count .number {margin: 0 10px 0 0;padding: 0;font-family: Outfit;font-weight: 500;font-size: 40px;line-height: 46px;letter-spacing: 0%;color: #9AA5B4;display: inline-block;min-width: 100px;}
    .h_aboutsec .textsec .item_count .item_count p {margin:0;padding:0;font-family: Outfit;font-weight: 400;font-size: 18px;line-height: 22px;letter-spacing: 0%;color: #2B2F35;}

    .h_aboutsec .textsec .service_location { margin:0; padding:0; }
    .h_aboutsec .textsec .service_location img { max-width:100%; object-fit:contain; }
    .h_aboutsec .textsec .service_location .sectitle {margin:0;padding: 0 0 20px 0;font-family: Outfit;font-weight: 500;font-size: 40px;line-height: 46px;letter-spacing: 0%;color: #9AA5B4;display: block;}
    .h_aboutsec .textsec .service_location ul {margin: 0;padding: 0;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
    .h_aboutsec .textsec .service_location ul li {margin:0;padding: 0 4px;font-family: Outfit;font-weight: 400;font-size: 18px;line-height: 24px;letter-spacing: 0%;color: #2B2F35;}

    .h_aboutsec .btnwrapper { margin-top: 50px; }
    .h_aboutsec .btnwrapper .allbtn01_style {  }

    .h_aboutsec .imgsec {margin:0;padding:0;width: 100%;}
    .h_aboutsec .imgsec img {width: 100%;}

    .h_aboutsec .imgsec .wonour {margin: 20px 0 0 0;padding: 20px 20px;display: flex;align-items: center;background: #334155;border-radius: 20px;}
    .h_aboutsec .imgsec .wonour .r_img { margin:0; padding:0; }
    .h_aboutsec .imgsec .wonour .r_img img { width:50px; max-width:100%; }
    .h_aboutsec .imgsec .wonour p {margin:0;padding: 0 0 0 20px;font-family: Outfit;font-weight: 500;font-size: 20px;line-height: 26px;letter-spacing: 0%;color: #fff;}

/*--h_aboutsec--*/

/*-- residential_living --*/


/* ===== residential_living ===== */

.residential_living {  margin:0;  padding:80px 0; background:#fff; }
.residential_living .item1_row {  align-items: end; }

/* ===== Top Block ===== */

.residential_living .top_block {margin-bottom: 0;}
.residential_living .top_block .sectitle { }
.residential_living .top_block .sectitle .shorttitle { }
.residential_living .top_block .sectitle .shorttitle p { }
.residential_living .top_block .sectitle .shorttitle span { }
.residential_living .top_block .sectitle .long_title { }

/* Right Content */

.residential_living .top_block .top_para {font-family: Outfit;font-weight: 400;font-size: 18px;line-height: 24px;color: #2B2F35;}
.residential_living .top_block .btnwrapper {margin-top: 30px;}
.residential_living .top_block .btnwrapper a { }

/* ===== Second Title ===== */

.residential_living .second_toptitle {}
.residential_living .second_toptitle .title_bd { }

.residential_living .residential_sliderwrap {margin:0;padding: 50px 0 0px 0;}
.residential_living .service_bd {margin:0;padding: 30px 0 0 0;}

.residential_living .service_bd .item {padding: 0 12px;}
.residential_living .service_bd .item .itembox {margin:0;padding: 0;width: 100%;height: 312px;border-radius: 10px;overflow: hidden;position: relative;display: block;}
.residential_living .service_bd .item .itembox:hover { }

.residential_living .service_bd .item .imgsec {margin:0;padding:0;width: 100%;height: 100%;}
.residential_living .service_bd .item .imgsec img {width: 100%;height: 100%;}

.residential_living .service_bd .item .textsec {margin: 0 0 0 0;padding: 10px 10px;position: absolute;left: 0;
    bottom: 0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 83.17%);
    display: flex;flex-direction: column;align-items: start;justify-content: end;padding-bottom: 67px;}

.residential_living .service_bd .item:hover .textsec { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 69.73%); }

.residential_living .service_bd .item .textsec .title {margin: 0 0 20px 0;padding: 0 0 20px 0;font-family: Outfit;font-weight: 500;font-size: 20px;line-height: 26px;letter-spacing: 0%;color: #fff;text-align: left;width: 100%;border-bottom: 0.5px solid #FFFFFF;}
.residential_living .service_bd .item .textsec p {    margin:0;    padding:0;    font-family: Outfit;
    font-weight: 400;    font-size: 18px;    line-height: 24px;    color: #fff;
    max-height: 0;    opacity: 0;    overflow: hidden;    transition: max-height 0.5s ease, opacity 0.4s ease; }
.residential_living .service_bd .item:hover .textsec p { max-height: 100px;  opacity: 1; }

.residential_living .service_bd .item .item_btn {margin:0;padding:0;width: 42px;height: 42px;background: #334155;display: flex;align-items: center;justify-content: center;border-radius: 50px;position: absolute;right: 10px;bottom: 10px;}
.residential_living .service_bd .item .item_btn img { width:12px; object-fit:contain; }
.residential_living .service_bd .item .itembox:hover .item_btn { }
.residential_living .service_bd .item .itembox:hover .item_btn img {  transition:all 0.3s; transform: rotate(45deg); }

.residential_living .residential_sliderwrap { }
.residential_living .residential_sliderwrap .slick-dots { position:absolute;left: 50%;bottom: -3px; display: flex;
    align-items: center;  justify-content: center; }

.residential_living .residential_sliderwrap .slick-dots {    position: absolute;    left: 50%;    bottom: -55px;
    display: flex;    align-items: center;    justify-content: center;    transform: translateX(-50%);
    padding: 10px;    backdrop-filter: blur(10px);    background: #FFFFFF33;    border-radius: 50px; }

.residential_living .residential_sliderwrap .slick-dots li { margin: 0 5px; width: 9px;height: 9px; }

.residential_living .residential_sliderwrap .slick-dots li button {    margin: 0;    padding: 0;    display: block;
    background: #BEC7D5;   border-radius:50px;    font-size: 0;    border:0;    width: 9px;    height: 9px; }

.residential_living .residential_sliderwrap .slick-dots li.slick-active button {   width: 9px; height: 9px;
 background: linear-gradient(270deg, #334155 0%, #0F172A 100%); border: 0; }

/*-- residential_living --*/

/*--recent_transformations--*/

.recent_transformations { margin:0; padding:0 0 80px 0;  }
.recent_transformations .second_toptitle { margin-bottom: 50px; }

.recent_transformations .second_toptitle .title_bd {  }
.recent_transformations .second_toptitle .title_bd img {  }
.recent_transformations .second_toptitle .title_bd p {  }
.recent_transformations .second_toptitle .title_bd span {  }

.recent_transformations .itembox { margin:0;padding:0;width: 100%;height: 362px;border-radius: 20px;overflow: hidden;position: relative; }

.recent_transformations .itembox .igmbox {margin:0;padding:0;width: 100%;height: 100%;}
.recent_transformations .itembox .igmbox img { width: 100%; height: 100%;  object-fit: cover; transition: transform 0.5s ease; }
.recent_transformations .itembox:hover .igmbox img { transform: scale(1.1); }

.recent_transformations .itembox .item_text {  margin:0;  padding:0; position: absolute;
    left: 0; top: 0;  width: 100%;  height: 100%;    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 80.77%);
    z-index: 10;    display: flex;    align-items: end;    justify-content: start;
    opacity: 0;    visibility: hidden;    transform: translateY(30px);   transition: all 0.4s ease;  }

.recent_transformations .itembox:hover .item_text {    opacity: 1;    visibility: visible;    transform: translateY(0);   }

.recent_transformations .itembox .item_text .text_bd {margin: 10px;padding: 20px;width: 100%;backdrop-filter: blur(10px);background: #FFFFFF4D;border-radius: 20px;}
.recent_transformations .itembox .item_text p {    margin: 0 0 0 0;    padding: 0 0 0 17px;    font-family: Outfit;    font-weight: 500;
    font-size: 20px;    line-height: 26px;  color: #fff; position: relative; }

.recent_transformations .itembox .item_text p:after {    content: " ";    display: block;    height: 9px;    width: 9px;
    border-radius: 50px;    margin-top: 0;    position: relative;    top: -17px;    left: -17px; background: #334155; }

.recent_transformations .itembox .item_text .item_btn {margin: 10px 0 0 0;padding:0; 
    display: inline-flex;width: 42px;height: 42px;background: #334155;
    align-items: center;justify-content: center;
    border-radius: 50px;float: right; }
.recent_transformations .itembox .item_text .item_btn img {width: 12px;object-fit: contain;}
.recent_transformations .itembox .item_text .text_bd:hover .item_btn img { transition:all 0.3s; transform: rotate(45deg); } 

.recent_transformations .allprojects_btn { margin: 0 auto;  padding: 50px 0 0 0; display: flex;
  align-items: center; justify-content: center; }

/*--recent_transformations--*/


/* ===== commercial_expertise ===== */

.commercial_expertise {  margin: 0;  padding: 0;    background: #000;    position: relative;    z-index: 1;
    overflow: hidden;    border-bottom: 1px solid #000; }

.commercial_expertise .commercial_bgicon { position:absolute; right:0; top:0; }
.commercial_expertise .commercial_bgicon img { max-width:100%; object-fit:contain;  }



.commercial_expertise  .commercial_bgicon {    position: absolute;    left: 0;    top: 0;
    z-index: 1;    width: 100%;    height: 100%; }

.commercial_expertise  .commercial_bgicon .img01 {    position: absolute;    left: 0;    bottom:25px;    max-width: 54%;
    object-fit: contain;    z-index: 9; }

.commercial_expertise  .commercial_bgicon .img02 {    position: absolute;    right: 0;    top: 0;    max-width: 54%;
    object-fit: contain;    z-index: 9; }



.commercial_expertise:after { content: " ";    display: block;   
    border-radius: 50px;    margin-top: 0;  position: relative; top: 0px; 
    left: 0px; background: #334155;  width: 1075px; height: 1075px; border-radius:100px;
background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.4) 0%, rgba(85, 85, 85, 0.4) 50%, rgba(0, 0, 0, 0.4) 100%);  }

.commercial_expertise:after {    content: " ";   display: block;
    margin-top: 0;    position: absolute;    top: -70%;    left: 50%;
    width: 1000px;    height: 1000px;    border-radius: 100px;
    background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.4) 0%, rgba(85, 85, 85, 0.4) 50%, rgba(0, 0, 0, 0.4) 100%);
    z-index: 1; transform: translatex(-50%); }

.commercial_expertise .commercial_bd { margin:0; padding:80px 0 120px 0;  position:relative; z-index:5; }

.commercial_expertise .top_block {margin-bottom: 50px;}
.commercial_expertise .top_block .sectitle { }
.commercial_expertise .top_block .sectitle .shorttitle { }

.commercial_expertise .top_block .sectitle .shorttitle p {color: #fff;}
.commercial_expertise .top_block .sectitle .shorttitle span { }
.commercial_expertise .top_block .sectitle .long_title { }
.commercial_expertise .top_block .top_para {font-family: Outfit;font-weight: 400;font-size: 18px;line-height: 24px;color: #ffffff;}
.commercial_expertise .top_block .btnwrapper {margin-top: 30px;}
.commercial_expertise .top_block .btnwrapper a { }

.commercial_expertise .second_toptitle {  }
.commercial_expertise .second_toptitle:after {  background: #272521 !important; }

.commercial_expertise .second_toptitle .title_bd img {  }
.commercial_expertise .second_toptitle .title_bd p { color:#fff; }
.commercial_expertise .second_toptitle .title_bd span {  }

.commercial_expertise .second_toptitle .title_bd { background:#000; }

.commercial_expertise .residential_sliderwrap { margin:0; padding: 0;}
.commercial_expertise .residential_sliderwrap .service_bd { margin:0; padding:30px 0 0 0;}

.commercial_expertise .residential_sliderwrap .service_bd .item {margin: 0 12px; padding:0;}
.commercial_expertise .residential_sliderwrap .service_bd .item .itembox {margin:0;padding:0;
 height:417px;border-radius: 10px;overflow: hidden;position: relative;background: #171717; display: block; }

.commercial_expertise .residential_sliderwrap .service_bd .item .imgsec {margin:0;padding:0;width: 100%;height: 185px;position: relative;  transition: all 0.4s ease;}
.commercial_expertise .residential_sliderwrap .service_bd .item .imgsec img {width: 100%;height: 100%;object-fit: cover;}

.commercial_expertise .residential_sliderwrap .service_bd .item .textsec {    position: absolute;    left: 0;    bottom: 0;
    width: 100%;    padding: 20px 12px 62px 12px;    background: #171717;    display: flex;
    flex-direction: column;    justify-content: end;    transform: translateY(0);    transition: all 0.4s ease;
    z-index: 2; }

.commercial_expertise .residential_sliderwrap .service_bd .item .textsec .title {display: flex;min-height: 73px;margin: 0 0 20px 0;padding: 0 0 20px 0;font-family: Outfit;font-weight: 500;font-size: 20px;line-height: 26px;letter-spacing: 0%;color: #fff;border-bottom: 0.5px solid #636363;align-items: end;}
.commercial_expertise .residential_sliderwrap .service_bd .item .textsec p {margin:0;padding:0;font-family: Outfit;font-weight: 400;font-size: 18px;line-height: 24px;letter-spacing: 0%;color: #fff;}
.commercial_expertise .residential_sliderwrap .service_bd .item .item_btn {   margin: 0;    padding: 0;    width: 42px;    height: 42px;
    background: #334155;    display: flex;    align-items: center;    justify-content: center;    border-radius: 50px;
    position: absolute;    right: 10px;    bottom: 10px; }

.commercial_expertise .residential_sliderwrap .service_bd .item .itembox .item_btn img {width:12px; object-fit:contain; }

.commercial_expertise .residential_sliderwrap .service_bd .item .itembox:hover .item_btn {  transition:all 0.3s; transform: rotate(45deg); }

.commercial_expertise .residential_sliderwrap .service_bd .item .itembox:hover .textsec { padding-bottom: 72px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 69.73%); height:100%; }

.commercial_expertise .residential_sliderwrap .service_bd .item .itembox:hover .imgsec { width:100%; height:100%; }
.commercial_expertise .residential_sliderwrap .service_bd .item .itembox:hover .imgsec img { width:100%; height:100%; }

.commercial_expertise .residential_sliderwrap .service_bd .item .itembox:hover .textsec .title { border-bottom: 0.5px solid #FFFFFF; }

.commercial_expertise .residential_sliderwrap {  }
.commercial_expertise .residential_sliderwrap .slick-dots { position:absolute;left: 50%;bottom: -3px; display: flex;
    align-items: center;  justify-content: center; }
.commercial_expertise .residential_sliderwrap .slick-dots {    position: absolute;    left: 50%;    bottom: -60px;
    display: flex;    align-items: center;    justify-content: center;    transform:translateX(-50%);
    padding: 10px;    backdrop-filter: blur(10px);    background: #FFFFFF33;    border-radius: 50px; }

.commercial_expertise .residential_sliderwrap .slick-dots li { margin: 0 5px; width: 9px;height: 9px; }
.commercial_expertise .residential_sliderwrap .slick-dots li button {    margin: 0;    padding: 0;    display: block;
    background:#fff;    border-radius:50px;    font-size: 0;    border:0;    width: 9px;    height: 9px; }
.commercial_expertise .residential_sliderwrap .slick-dots li.slick-active button {   width: 9px; height: 9px;
 background: #334155; border: 0; }

/*-- commercial_expertise --*/

/*----*/





/*--how_worksblock--*/

.how_worksblock { padding:0; margin: 0;background: #000000; position: relative; overflow:hidden; }

.how_worksblock:after {    content: " ";    display: block;    margin-top: 0;
    position: absolute;    top: -103%;    left: 50%;    width: 1000px;
    height: 1000px;  border-radius: 100px;
    background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.4) 0%, rgba(85, 85, 85, 0.4) 50%, rgba(0, 0, 0, 0.4) 100%);
    z-index: 1;  transform: translatex(-50%); }

.how_worksblock .sec_bgicon {  }
.how_worksblock .sec_bgicon .why_bg01 {    position: absolute;    right: 6px;    top: 104px;
    width: 314px;    object-fit: contain; z-index: 1; }
.how_worksblock .sec_bgicon .why_bg02 {    position: absolute;    left: 24px;   bottom: 0;    width: 239px;  z-index: 1; }
.how_worksblock .sec_bd { padding: 80px 0;margin: 0; position: relative; z-index:10; }


.how_worksblock .sectitle {padding-bottom: 50px;}

.how_worksblock .sectitle .shorttitle {justify-content: center;}

.how_worksblock .sectitle .shorttitle img { }
.how_worksblock .sectitle .shorttitle p {  color: #fff !important; }
.how_worksblock .sectitle .shorttitle span { }

.how_worksblock .sectitle .long_title {text-align: center;}

.how_worksblock .itemrow {  }

.how_worksblock .itemcol { }

.how_worksblock .item_col {margin: 0;padding: 0;background: #171717; 
    border-radius: 20px;padding: 20px 20px;min-height: 292px; 
    display: flex;align-items: center;flex-direction: column;justify-content: center;
    position: relative;}

.how_worksblock .item_col .num {margin: 0;padding: 20px 3px;position: absolute;left: 0;top: 0;font-family: Outfit;font-weight: 500;font-size: 75px;line-height: 90px;letter-spacing: 0%;}
.how_worksblock .item_col .icon { margin: 0 0 20px 0;padding: 0;width: 50px;height: 50px;border-radius: 50px;background: #334155;display: flex;align-items: center;justify-content: center;}

.how_worksblock .item_col .icon img { }
.how_worksblock .item_col .title {margin: 0;padding: 0 0 10px 0;color: #fff;font-family: Outfit;font-weight: 500;font-size: 25px;line-height: 32px;letter-spacing: 0%;text-align: center;}
.how_worksblock .item_col p {margin: 0;padding: 0;color: #fff;font-family: Outfit;font-weight: 400;font-size: 18px;line-height: 100%;letter-spacing: 0%;text-align: center;position: relative;z-index: 2;}

.how_worksblock .item_col .bg_icon {margin: 0;padding: 0;position: absolute;right: 16px;bottom: 11px;z-index: 1;}
.how_worksblock .item_col .bg_icon img {width: 54px;object-fit: contain;opacity: 0.5;}


/*--how_worksblock--*/




/*--contact_promise--*/

.contact_promise {margin: 0;padding:0 0 80px 0;}
.contact_promise .itembd { }
.contact_promise .item-lt {margin: 0;padding: 0 60px 0 0;}

.contact_promise .sectitle {padding-bottom: 50px;}
.contact_promise .shorttitle { }
.contact_promise .shorttitle img { }
.contact_promise .shorttitle p { }
.contact_promise .shorttitle span { }
.contact_promise .long_title { }


.contact_promise .item-lt .list { }
.contact_promise .item-lt .list ul { }
.contact_promise .item-lt .list ul li {margin: 0;padding: 0 0 20px 0;display: block;}
.contact_promise .item-lt .list ul li a {margin: 0;padding: 0;display: flex;font-family: Outfit;font-weight: 400;font-size: 18px;line-height: 24px;letter-spacing: 0%;color: #2B2F35;align-items: center;}
.contact_promise .item-lt .list ul li span {margin: 0 10px 0 0;padding: 0;width: 30px;height: 30px;display: inline-block;}
.contact_promise .item-lt .list ul li span img {max-width: 100%;object-fit: contain;}
.contact_promise .item-lt .list ul li p { }

.contact_promise .item-lt .mapblock {margin: 10px 0 0 0;padding: 0;width: 100%;height: 320px;border-radius: 10px;overflow: hidden;}
.contact_promise .item-lt .mapblock iframe { }

.contact_promise .item-rt {margin: 0;padding: 30px;background: #889CBA;border-bottom: 2px solid #334155;border-radius: 20px;}

.contact_promise .item-rt .secform { }
.contact_promise .item-rt .secform .item {margin: 0;padding: 0 0 20px 0;}
.contact_promise .item-rt .secform .item .iti { width:100%; }
.contact_promise .item-rt .secform label {margin: 0;padding: 0 0 5px 0;font-family: Outfit;font-weight: 500;font-size: 25px;line-height: 31px;letter-spacing: 0%;color: #fff;display: block;}
.contact_promise .iteminput {margin: 0;padding: 18px 20px;font-family: Outfit;font-weight: 400;font-size: 18px;line-height: 24px;letter-spacing: 0%;width: 100%;border-radius: 50px;border: 1px solid #ADB6C3;color: #797D82;}
.contact_promise .item-rt textarea {margin: 0;padding: 20px;font-family: Outfit;font-weight: 400;font-size: 18px;line-height: 24px;letter-spacing: 0%;height: 127px;border: 1px solid #ADB6C3;backdrop-filter: blur(10px);border-radius: 20px;}

.contact_promise .iti__search-input { width: 100%;  border-width: 0; border-radius: 3px;
    padding-left: 30px;  padding-right: 28px;  padding: 8px 31px; }



/* Submit */

.contact_promise .item-rt .item-submit {margin: 0;padding: 20px 0 0 0;}
.contact_promise .item-rt .item-submit .submit_btn {margin: 0;padding: 20px;width: 100%;background: #334155;border: 0;border-radius: 50px;font-family: Outfit;font-weight: 500;font-size: 20px;line-height: 26px;letter-spacing: 0%;color: #fff;}

.contact_promise .item-rt .item-submit .submit_btn img { width: 14px;  object-fit: contain; margin: -2px 0 0 8px; }
.contact_promise .item-rt .item-submit:hover img { transform:rotate(45deg); }

/*--contactform--*/


/* design_clarity */
.design_clarity {    margin: 0;    padding: 80px 0;} 
.design_clarity .container_wrapper { margin: 0; padding: 0 50px; }
.design_clarity .bd {    margin: 0;    padding: 60px 50px;    background: #889CBA;    border-radius: 20px;
    position: relative;    overflow: hidden; }

.design_clarity .bd:after {    content: " ";    display: block;    margin-top: 0;    position: absolute;
    top: -35px;    right: -24px;    width: 400px;    height: 400px;    border-radius: 100px;
    background: url(../media/icons/round-shape.png);    background-repeat:no-repeat;    background-size: contain;
        background-position:right top; }

.design_clarity .row {}
.design_clarity .text_bd {}

.design_clarity .title {    margin: 0;    padding: 0;    font-family: Outfit;    font-weight: 500;
    font-size: 65px;    line-height: 72px;    letter-spacing: 0%;    color: #fff; }
.design_clarity .title span { margin: 0;  padding: 0; display: inline; color: #334155; }
.design_clarity p {    margin: 0; padding: 30px 0;    font-family: Outfit;
    font-weight: 400;    font-size: 18px;    line-height: 24px;    letter-spacing: 0%;
    color: #2B2F35; }

.design_clarity .itemrow {position:relative;z-index: 10;}

.design_clarity .btnwrapper {}
.design_clarity .allbtn01_style {}
.design_clarity .allbtn01_style span {}
.design_clarity .allbtn01_style img {}

.design_clarity .item_rtbg { position: absolute; right: 0;  bottom: 0; z-index: 1;
 max-width: 55%; }
.design_clarity .item_rtbg img {max-width: 100%; object-fit: contain; }


/*design_clarity*/



/* mediaquery */

@media screen and (max-width:19200px) {
 



/*--*/
}
@media screen and (max-width:1399px) {
 


/*--*/
}
@media screen and (max-width:1199px) {
    
/*home_banner*/
.home_banner .slider_wrapper .item .item_banner .banr_text .textbd {   margin: 0; padding: 0;  max-width: 830px; }
.home_banner {    position: relative;    width: 100%;    height: 777px;    min-height: 100vh;
    overflow: hidden; }
    
    
/*home_banner*/


.home_banner .slider_wrapper .item .item_banner .banr_text .title_sec { font-size: 60px; line-height:70px; color: #fff; }
.home_banner .slider_wrapper .item .item_banner .banr_text {   margin: 0; 
    padding: 180px 0 100px 0; }

.home_banner .slider_wrapper .item .item_banner .banr_text .innovative p {
    font-size: 20px;  line-height:30px; width: 78%; }
.home_banner .rotate_consultation  .circle-wrapper { width: 123px; height: 123px;  }
.home_banner .rotate_consultation {  position: absolute; right: 59px;  top: 103px; }
.h_aboutsec .textsec .top_para { padding:2px 0;  font-size: 18px;  line-height: 24px; }
.h_aboutsec .textsec .item_list li { padding: 0 0 0 28px; font-size: 16px; line-height: 18px; width: 50%; }

.h_aboutsec .textsec .item_list { padding:0 0 15px 0; }
.h_aboutsec .textsec .item_count .item_count .number {
    margin: 0 10px 0 0; font-size: 30px; line-height: 46px; min-width: 75px; }
.h_aboutsec .textsec .item_count .item_count p { font-size: 16px;
    line-height: 19px; }
.h_aboutsec .textsec {  padding-right: 32px; }

.h_aboutsec .textsec .service_location ul li { font-size: 16px;
    line-height: 22px; }

.h_aboutsec .btnwrapper {  margin-top: 30px; }
.h_aboutsec { padding: 60px 0; }
.h_aboutsec .textsec .service_location .sectitle { padding: 0 0 20px 0;  font-size: 30px;
   line-height: 36px; }
.residential_living {  padding: 60px 0 100px 0; }

.residential_living .item1_row { align-items: start; }
.residential_living .residential_sliderwrap { padding: 40px 0 0px 0; }
.commercial_expertise .top_block {  margin-bottom: 40px; }


.whychooseus_sec .sec_bd { padding: 60px 0; }
.how_worksblock .sec_bd {  padding: 60px 0; }

.whychooseus_sec .item_col .title {  padding: 0 0 20px 0;  font-size: 22px;  line-height: 26px; }
.how_worksblock .item_col .num {  padding: 20px 3px;  position: absolute;
    left: 0; top: 0;  font-size: 40px; line-height: 50px; }
.how_worksblock .item_col .title {  padding: 0 0 10px 0;  font-size: 22px;  line-height: 27px; }

.how_worksblock .item_col { border-radius: 20px;  padding: 20px 20px;  min-height: 275px; }

.home_blog { padding:60px 0; }
.home_blog .itembox .imgsec { width: 100%;  height: auto; }
.home_blog .itembox .textbox .title {  font-size: 20px;  line-height: 26px; }
.our_testimonials .youtube_bd .img_sec img {    width: 100%;    height: 470px; }

.our_testimonials .youtube_bd .img_sec img {  width: 100%; height: 470px;  object-fit: cover; }
.our_testimonials .testimonial_bd {  margin: 0; padding:60px 0 120px 0; }

.design_clarity .title { font-size:40px; line-height: 57px;  }
.design_clarity .bd {  padding: 30px 50px;  }

.design_clarity p { padding: 20px 0;   font-size: 18px; line-height: 24px; }
.design_clarity { padding:60px 0; }

.contact_promise .item-rt .secform label { font-size: 20px; line-height: 28px; }
.contact_promise .iteminput { padding: 14px 20px;  font-size: 18px;  line-height: 24px; }

.contact_promise .item-rt .secform .item {  padding: 0 0 15px 0; }
.contact_promise {  margin: 0;   padding: 0 0 60px 0; }


.h_aboutsec .textsec .item_list {margin:0;padding: 20px 0;display: flex;}
.h_aboutsec .textsec .sectitle { padding-bottom:30px; }

/*--*/
}
@media screen and (max-width: 991px) {

.home_banner .slider_wrapper .item .item_banner .banr_text .title_sec {
    font-size: 45px;
    line-height:51px; }
.home_banner .slider_wrapper .item .item_banner .banr_text {  margin: 0;  padding: 153px 0 90px 0; }
.sectitle .long_title {  font-size: 35px;  line-height: 41px; }
.h_aboutsec .textsec .top_para { font-size: 18px;  line-height: 24px; }

.h_aboutsec .itemrow {  flex-direction: column-reverse; }
.h_aboutsec .textsec {   padding-right: 32px;  padding-top: 20px; }

.h_aboutsec .textsec .item_count {  padding: 30px 0 14px 0; }
.residential_living .top_block .top_para {  font-size: 16px;    line-height: 24px;  padding-top: 9px; }

.commercial_expertise .commercial_bd {  margin: 0;  padding: 60px 0 100px 0;  }


.our_testimonials .top_block .btnwrapper {  display: none; }
.commercial_expertise .top_block .btnwrapper { display: none; }
.residential_living .top_block .btnwrapper {  display: none; }


.our_testimonials .top_block .sectitle { text-align: center; }
.our_testimonials .top_block .sectitle .shorttitle {
    align-items: center; justify-content: center; }

.our_testimonials .top_block .sectitle .shorttitle p {
    color: #fff !important; }
.contact_promise .item-rt { margin: 30px 0 0 0; padding: 30px; }

.commercial_expertise:after {    content: " ";    display: block;    margin-top: 0;
    position: absolute;    top: -83%;    left: 50%;    width: 832px;
    height: 1000px;    border-radius: 100px; }

.our_testimonials:after { content: " ";  display: block;   margin-top: 0;
    position: absolute;  top: -78%;  left: 50%;  width: 1000px;  height: 1000px;  border-radius: 100px; }

.contact_promise .item-lt {  margin: 0;  padding: 0; }

.commercial_expertise .residential_sliderwrap .slick-dots {    position: absolute;    left: 50%;    bottom: -128px;
    display: flex;    align-items: center;    justify-content: center;    }
.residential_living .residential_sliderwrap .slick-dots {  position: absolute;    left: 50%;    bottom: -125px; }

.h_aboutsec .textsec .item_list {margin:0;padding:20px 0;display: flex;}
.h_aboutsec .textsec .sectitle { padding-bottom:25px; }

.h_aboutsec .textsec .service_location img {  max-width: 100%; object-fit: contain;  width: 16px; }


/*--*/
}
@media screen and (max-width: 767px) {

.home_banner .slider_wrapper .item .item_banner .banr_text .title_sec {  font-size: 28px;  line-height: 34px; }
.home_banner .slider_wrapper .item .item_banner .banr_text p { font-size: 16px; line-height: 23px; }

.home_banner .slider_wrapper .item .item_banner .banr_text .innovative {  display: none; }

.home_banner .rotate_consultation  .center-btn {
    position: absolute; top: 50%;  left: 50%;  width: 40px;  height: 40px;  background: #2c3e50;  }
.home_banner .rotate_consultation  .circle-wrapper {    width: 100px;    height: 100px; }
.home_banner .rotate_consultation  .circle-text .textwrap .textPath {
    font-size: 21px;  font-weight: 400; }

.home_banner .slider_wrapper .item .item_banner .banr_text {  margin: 0;  padding: 122px 0 90px 0; }
.home_banner .slider_wrapper .item .item_banner .banr_text {  margin: 0;  padding: 122px 0 90px 0; }

.h_aboutsec .textsec .top_para {   font-size: 16px;  line-height: 22px; }
.h_aboutsec .textsec .service_location .sectitle {   padding: 0 0 20px 0;    font-size: 26px;    line-height: 32px; }
.h_aboutsec .textsec .service_location ul li {  font-size: 16px;    line-height: 22px;    margin: 6px; }
.commercial_expertise .top_block .top_para {  font-size: 16px;  line-height: 24px;  padding-top: 10px; }

.design_clarity .bd {  padding: 20px 15px; }
.design_clarity .title {  font-size: 30px; line-height: 36px; }

.whychooseus_sec .sec_bd {  padding: 50px 0; }
.contact_promise {  margin: 0;  padding:0 0 50px 0; }
.design_clarity { padding:50px 0; }


.home_banner .slider_wrapper .item .item_banner .banr_text .textbd .toptitle {  padding: 8px 12px;  font-size: 15px !important; }

.home_banner {    position: relative;    width: 100%;    height: 777px;    max-height:100vh;    overflow: hidden; }


/*--*/
}
@media screen and (max-width: 576px) {

/*h-banner*/

.home_banner {    position: relative;    width: 100%;    height: 100vh;    max-height:100vh;    overflow: hidden; }
.home_banner .slider_wrapper .item .item_banner .banr_text .title_sec {  font-size: 38px;    line-height: 44px;}
.home_banner .slider_wrapper .item .item_banner .banr_text .textbd .toptitle {  padding: 10px 18px;  font-size: 18px !important; }
.home_banner .rotate_consultation {    position: absolute;    right: -4px;    top: 117px; }


.home_banner .slider_wrapper,
.home_banner .video_wrapper,
.home_banner .video_wrapper video {  width: 100%;    height:100vh; }
.home_banner .item {    position: relative;    z-index: 2;    width: 100%;    height: 100vh;
    display: flex;    align-items: center;    background: rgba(0,0,0,0.3); /* overlay */ }

.home_banner .slider_wrapper .item .item_banner .banr_text p {
    font-size: 20px;
    line-height: 26px;
}

/*h-banner*/

.home_banner .slider_wrapper .item .item_banner .banr_text { background: #00000078; }

.h_aboutsec .imgsec .wonour p {  padding: 0 0 0 20px;  font-size: 16px;  line-height: 24px; }

.h_aboutsec .imgsec .wonour {
    padding: 14px 20px; }


.h_aboutsec { padding: 50px 0; }

.h_aboutsec .textsec .item_list {    padding: 0 0 15px 0;    flex-wrap: wrap; }
.h_aboutsec .textsec .item_list li {    padding: 3px 0 11px 28px;    font-size: 16px;    line-height: 18px;
    width: 100%; }

.h_aboutsec .textsec .item_count { padding: 16px 0 14px 0; }
.h_aboutsec .textsec .service_location img {   max-width: 100%;  object-fit: contain;  width: 19px; }

.commercial_expertise .commercial_bd {  margin: 0;  padding: 60px 0 76px 0; }

.design_clarity .container_wrapper { margin: 0;  padding: 0 15px; }
.design_clarity .title {  font-size: 26px;  line-height: 36px; }
/*.home_banner .rotate_consultation {  position: absolute;  right: -4px;  top: 78px; }*/
/*.residential_living {  padding: 50px 0 100px 0; }*/
.residential_living {    padding: 50px 0; }


/* ---- */
/*--*/
}
/**/

/* mediaquery */