/* ===== exquisite-interior ===== */

.exquisite-interior {margin:0;padding: 80px 0;background: #EEF0F2;}

.exquisite-interior .itemrow {align-items: center;}

.exquisite-interior .itemcol {  }
.exquisite-interior .imgbox {margin: 0;padding: 0;}
.exquisite-interior .imgbox img {width: 100%;object-fit: cover;border-radius: 20px;}

.exquisite-interior .textbox {margin: 0;padding: 0 0 0 50px;}

.exquisite-interior .sectitle {margin: 0;padding: 0 0 50px 0;}

.exquisite-interior .shorttitle {  }

.exquisite-interior .shorttitle img {  }

.exquisite-interior .shorttitle p {  }

.exquisite-interior .shorttitle span {  }

.exquisite-interior .long_title {  }

.exquisite-interior .textbox p {margin: 0;padding: 0;font-family: Outfit;font-weight: 400;font-size: 18px;line-height: 28px;letter-spacing: 0%;color: #2B2F35;}

.exquisite-interior .textbox ul {margin: 0;padding: 30px 0 60px 0;display: flex;flex-wrap: wrap;}

.exquisite-interior .textbox ul li {margin: 0;padding: 15px 0 15px 28px;font-family: Outfit;font-weight: 500;font-size: 20px;line-height: 100%;letter-spacing: 0%;width: 50%;position: relative;}
.exquisite-interior .textbox ul li:after { content: "";  position: absolute; left: 0;
    top: 13px;  background: url(../media/icons/tic-icon.png); background-repeat: no-repeat;    background-position: left;
    width: 26px;  height: 26px; }

/*--exquisite-interior--*/


/*--recent_transformations--*/

.recent_transformations { margin:0; padding:80px 0;  }


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

.recent_transformations .top_block .item1_row { align-items:end;  }

.recent_transformations .top_block .top_para { font-family: Outfit;font-weight: 400; font-size: 18px; line-height:24px; 
    letter-spacing: 0%; margin:0; padding: 0 0 30px 0; }



.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--*/



/*--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 { }

.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--*/



/* ===== exquisite-interior ===== */

.service_ourprocess {margin:0;padding: 80px 0;background: #EEF0F2;}

.service_ourprocess .itemrow {align-items: center;}

.service_ourprocess .itemcol {  }
.service_ourprocess .imgbox {margin: 0;padding: 0;}
.service_ourprocess .imgbox img {width: 100%;object-fit: cover;border-radius: 20px;}

.service_ourprocess .textbox {margin: 0;padding: 0 0 0 50px;}

.service_ourprocess .sectitle {margin: 0;padding: 0 0 34px 0;}

.service_ourprocess .shorttitle {  }

.service_ourprocess .shorttitle img {  }

.service_ourprocess .shorttitle p {  }

.service_ourprocess .shorttitle span {  }

.service_ourprocess .long_title {  }
.service_ourprocess .textbox p {margin: 0;padding: 0;font-family: Outfit;font-weight: 400;font-size: 18px;line-height: 28px;letter-spacing: 0%;color: #2B2F35;}
.service_ourprocess .textbox ul {margin: 0;padding: 30px 0 60px 0;display: flex;flex-wrap: wrap;}



/* ===== Accordion Wrapper ===== */
.accordion01_wrapper {margin:0;padding: 40px 0 0 0;}

.accordion01_wrapper .accordion {margin: 0;padding: 0;}

.accordion01_wrapper .accordion-item {    margin: 0 0 10px 0;    padding: 0;    background: #CFDCED;
    border-radius: 20px;    backdrop-filter: blur(10px);    cursor: pointer; }


.accordion01_wrapper .accordion-header {margin: 0 0 0 0;padding: 20px;background: transparent;border-radius: 20px;}

.accordion01_wrapper .accordion-button {    margin: 0;    padding: 0;    background: transparent;    border: 0;    outline: 0;
    box-shadow: none;
    display: flex;
    align-items: center;
}


.accordion01_wrapper .accordion-button .title {    margin:0;    padding: 0 0 0 20px;    background: transparent;
    font-family: Outfit;    font-weight: 500;    font-size: 25px;    line-height: 31px;
    letter-spacing: 0%;    text-align: left;    color: #221803;    border: 0;    background: transparent; width: 80%;    }


.accordion01_wrapper .accordion-button.collapsed { background: transparent;}

.accordion01_wrapper .accordion-button:focus { border: 0; outline: 0; }

 
.accordion01_wrapper .accordion-button::after {}

.accordion01_wrapper .icons {margin: 0;padding: 0;width: 50px;height: 50px;background: #334155;border-radius: 50px;display: flex;align-items: center;justify-content: center;}

.accordion01_wrapper .icons img {}

.accordion01_wrapper .accordion-collapse { }

.accordion01_wrapper .accordion-body {  margin: 0;  padding: 0 20px 20px 20px; }

.accordion01_wrapper .accordion-body p {    margin: 0;    padding: 0;    font-family: Outfit;    font-weight: 400;    font-size: 18px;
    line-height: 24px;    letter-spacing: 0%;    color: #fff; }


.accordion01_wrapper .accordion-item:has(.accordion-button:not(.collapsed)) {  
    background: linear-gradient(121.25deg, #334155 43.44%, #78AAF1 98.37%); border-bottom: 2px solid #304768; }

.accordion01_wrapper .accordion-item:has(.accordion-button:not(.collapsed)) .icons {
   background-color: #fff; }

.accordion01_wrapper .accordion-item:has(.accordion-button:not(.collapsed)) .icons img { filter: brightness(0%) }
.accordion01_wrapper .accordion-item:has(.accordion-button:not(.collapsed)) .accordion-button .title {
    color: #fff; }


.accordion01_wrapper .accordion-button::after {
    content: "\f107 ";
    font-weight: 500;
    font-size: 31px;
    color: #334155;
    align-items: center;
    justify-content: center;
    background: 0 0;
    font-family: FontAwesome;
    position: relative;
    top: -15px;
}

.accordion01_wrapper .accordion-button:not(.collapsed)::after {
    content: "\f107";
    font-size: 31px;
    color: #fff;
    align-items: center;
    font-weight: 500;
    justify-content: center;
    font-family: FontAwesome;
    position: relative;
    top: 10px;
}
/*--exquisite-interior--*/



/* design_clarity */
.design_clarity {    margin: 0;    padding: 0 0 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*/


/*----*/
.contact_promise {  margin: 0; padding:0 0 80px 0; }
/*----*/



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

.whatwe_01offersec {  margin: 0;  padding: 0;    background: #000;    position: relative;    z-index: 1;
    overflow: hidden;    border-bottom: 1px solid #000; }
    
    
.whatwe_01offersec .top_block .item_row {
    align-items: end;
}

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

.whatwe_01offersec  .commercial_bgicon {    position: absolute;    left: 0;    top: 0;
    z-index: 1;    width: 100%;    height: 100%; }
.whatwe_01offersec  .commercial_bgicon .img01 {    position: absolute;    left: 0;    bottom:25px;    max-width: 54%;
    object-fit: contain;    z-index: 9; }
.whatwe_01offersec  .commercial_bgicon .img02 {    position: absolute;    right: 0;    top: 0;    max-width: 54%;
    object-fit: contain;    z-index: 9; }


.whatwe_01offersec: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%);  }

.whatwe_01offersec: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%); }

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

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

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

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

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

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

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

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

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

.whatwe_01offersec .residential_sliderwrap .service_bd .item .textsec {    
    width: 100%;    padding: 20px 12px 40px 12px;  transition: all 0.4s ease;   z-index: 2; }

.whatwe_01offersec .residential_sliderwrap .service_bd .item .textsec .title {display: flex; 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;}
.whatwe_01offersec .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;}
.whatwe_01offersec .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; }

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


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

.whatwe_01offersec .residential_sliderwrap .service_bd .item .itembox:hover .textsec {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 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%; }*/

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

.whatwe_01offersec .residential_sliderwrap {  }
.whatwe_01offersec .residential_sliderwrap .slick-dots { position:absolute;left: 50%;bottom: -3px; display: flex;
    align-items: center;  justify-content: center; }
.whatwe_01offersec .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; }

.whatwe_01offersec .residential_sliderwrap .slick-dots li { margin: 0 5px; width: 9px;height: 9px; }
.whatwe_01offersec .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; }
.whatwe_01offersec .residential_sliderwrap .slick-dots li.slick-active button {   width: 9px; height: 9px;
 background: #334155; border: 0; }

/*-- commercial_expertise --*/







/* mediaquery */

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



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


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

.exquisite-interior {  margin: 0;    padding: 60px 0; }
.recent_transformations { padding: 60px 0; }

.exquisite-interior .textbox {  padding: 20px 0 0 0; }
.exquisite-interior .sectitle {  padding: 0 0 30px 0; }
.whatwe_01offersec .residential_sliderwrap .service_bd .item .imgsec {
    width: 100%; height: 216px;  }



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

br { display:none; }

.recent_transformations .top_block .btnwrapper {
    display: none;
}
.recent_transformations .top_block {
    margin-bottom: 10px;
}
.service_ourprocess .textbox {
    margin: 0;
    padding: 20px 0 0 0;
}
.service_ourprocess .sectitle {
    margin: 0;
    padding: 0;
}
.service_ourprocess {
    margin: 0;
    padding: 60px 0;
    background: #EEF0F2;
}

.contact_promise { padding: 0 0 60px 0; }
.design_clarity {  padding: 0 0 60px 0; }

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

.contact_promise { padding: 0 0 50px 0; }
.design_clarity {  padding: 0 0 50px 0; }

.exquisite-interior .textbox ul li {    width: 100%; }

.exquisite-interior .textbox p { font-size: 16px; line-height: 26px; }
.exquisite-interior .sectitle {  padding: 0 0 10px 0; }
.exquisite-interior .textbox ul {  padding: 30px 0 30px 0; }
.recent_transformations {  padding: 50px 0; }

.accordion01_wrapper .accordion-button .title {
    font-size: 20px; line-height: 26px;  width: 80%; }




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

.design_clarity {  padding-top: 0 !important; }


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

/* mediaquery */