@charset "utf-8";

/*~-~-~-~-~-~-~-~-~-~ Custom fonts ~-~-~-~-~-~-~-~-~-~*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ephesis&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');
.ephesis-regular {
  font-family: 'Ephesis', cursive;
  font-weight: 400;
  font-style: normal;
}



@font-face {
    font-family: 'CFHallcyraCalligraDEMO-Italic';
    src: url('../fonts/CFHallcyraCalligraDEMO-Italic.eot');
    src: url('../fonts/CFHallcyraCalligraDEMO-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CFHallcyraCalligraDEMO-Italic.woff2') format('woff2'),
        url('../fonts/CFHallcyraCalligraDEMO-Italic.woff') format('woff'),
        url('../fonts/CFHallcyraCalligraDEMO-Italic.ttf') format('truetype'),
        url('../fonts/CFHallcyraCalligraDEMO-Italic.svg#CFHallcyraCalligraDEMO-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SilkSerif-Light';
    src: url('../fonts/SilkSerif-Light.eot');
    src: url('../fonts/SilkSerif-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SilkSerif-Light.woff2') format('woff2'),
        url('../fonts/SilkSerif-Light.woff') format('woff'),
        url('../fonts/SilkSerif-Light.ttf') format('truetype'),
        url('../fonts/SilkSerif-Light.svg#SilkSerif-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SilkSerif-Regular';
    src: url('../fonts/SilkSerif-Regular.eot');
    src: url('../fonts/SilkSerif-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SilkSerif-Regular.woff2') format('woff2'),
        url('../fonts/SilkSerif-Regular.woff') format('woff'),
        url('../fonts/SilkSerif-Regular.ttf') format('truetype'),
        url('../fonts/SilkSerif-Regular.svg#SilkSerif-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SilkSerif-Medium';
    src: url('../fonts/SilkSerif-Medium.eot');
    src: url('../fonts/SilkSerif-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SilkSerif-Medium.woff2') format('woff2'),
        url('../fonts/SilkSerif-Medium.woff') format('woff'),
        url('../fonts/SilkSerif-Medium.ttf') format('truetype'),
        url('../fonts/SilkSerif-Medium.svg#SilkSerif-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'NebulaMirthfulDEMO';
    src: url('../fonts/NebulaMirthfulDEMO.eot');
    src: url('../fonts/NebulaMirthfulDEMO.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NebulaMirthfulDEMO.woff2') format('woff2'),
        url('../fonts/NebulaMirthfulDEMO.woff') format('woff'),
        url('../fonts/NebulaMirthfulDEMO.ttf') format('truetype'),
        url('../fonts/NebulaMirthfulDEMO.svg#NebulaMirthfulDEMO') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*~-~-~-~-~-~-~-~-~-~ Custom fonts ~-~-~-~-~-~-~-~-~-~*/
    
/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */

:root {

    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */
    --body-font: "Plus Jakarta Sans";
    --heading-font: 'Lora', serif /*'SilkSerif-Regular'*/;
    --heading-font-md: 'Lora', serif /*'SilkSerif-Regular'*/;
    --heading-font-rg: 'Lora', serif; /*'SilkSerif-Regular'*/;
    --heading-font-NMD: 'NebulaMirthfulDEMO';
    --heading-font-span: 'Ephesis', cursive/*'CFHallcyraCalligraDEMO-Italic'*/;

    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-XXXL: 70px;
    --f-size-XXL: 55px;    
    --f-size-XL: 48px;    
    --f-size-L: 42px;    
    --f-size-M:34px;
    --f-size-S: 24px;
    --f-size-Sm: 20px;
    --f-size-Body: 16px;
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */

    /* ~-~-~-~-~ common transition ~-~-~-~-~ */
    --common-transition: all 0.8s ease;
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */

    /* ~-~-~-~-~ colors ~-~-~-~-~ */
    --clr-yellow:#E2B97C;
    --clr-white: #fff;
    --clr-black-primary: #000000;
    --clr-blue: #1D493F;
    --clr-violet: #C391FF;
    --clr-gray-four: #F4F4F4;
    --clr-blue: #172C57;
    --clr-light-blue: #D5E3FF;
    --clr-light-yellow: #E2D9C6;
    --clr-light-yellow-two: #F9F6F0;
    
    
    --clr-black-one: #191519;
    --clr-black-two: #1E1E1E;
    --clr-black-three: #13201C;
    --clr-black-four: #222222;
    --clr-grey-primary: #CCCCCC;
    --clr-grey-one: #777777;
    --clr-grey-two: #D1D1D1;
    --clr-grey-three: #ADADAD;
    
    /* ~-~-~-~-~ colors ~-~-~-~-~ */
}


/* html { overflow-x: hidden; } */
body { font-size: var(--f-size-Body);margin: 0; padding: 0; font-family: var(--body-font); line-height: 1.2; font-weight: 400; color: var(--clr-black-four); transition: var(--common-transition); }
h1, h2, h3, h4, h5, h6 { font-family: var(--heading-font) ; margin: 0 0 20px; padding: 0; line-height: 1.1; font-weight: 300; color: var(--clr-blue); }

h1 {font-size: var(--f-size-XXXL);}
h2 {font-size: var(--f-size-XXL); color: var(--clr-blue); text-transform: uppercase;}
h3 {font-size: var(--f-size-L); }
h4 {font-size: var(--f-size-L);font-family: var(--heading-font-md); font-weight: 500; text-transform: uppercase;}
h5 {font-size: var(--f-size-M);}
h6 {font-size: var(--f-size-S);}
  
p{ margin: 0 0 20px; padding: 0; line-height: 1.5; font-size: var(--f-size-Body); } 

img { max-width: 100%; }
a, img { border: 0; text-decoration: none; outline: none; }
a, a:link, a:visited, a:focus, a:hover { color: var(--heading); outline: none; text-decoration: none; transition: var(--common-transition); }
a:hover{  text-decoration: none; transition: var(--common-transition); }

textarea, select, .form-control, input { font-size: 16px; padding:13px 30px; background-color:var(--clr-white); width: 100%; border-radius: 30px; margin-bottom: 15px; border: 1px solid var(--primary-brown); outline: none !important; box-shadow: none !important; color: var(--clr-black-primary); }
textarea { padding: 18.5px 20px; min-height: 100px !important; resize: none;border-radius: 20px !important; }
input[type="submit"] { font-weight: 700; transition: all 0.3s ease 0s; outline: none; letter-spacing: normal; }
textarea:focus, select:focus, .form-control:focus, .form-select:focus { outline: none !important; box-shadow: inherit!important; border-color: var(--primary-brown); }

select, .form-select { font-size: 16px; padding: 17px 20px; background-color: #FDFDFD; border-radius: 10px; border: 1px solid var(--primary-brown); background-image: url(../images/select-arrow.svg); background-repeat: no-repeat; background-position: 95% center; color: var(--clr-black-four); }
input:focus, input:focus-visible { border: none; outline: none; box-shadow: none; border: 1px solid var(--primary-brown); }
.btn-check:focus+.btn, .btn:focus { box-shadow: inherit;}
.field-group { margin-bottom: 30px; }


/* --- for placeholder color --- */
input::-moz-placeholder , .form-control::-moz-placeholder { color: var(--clr-black-four); opacity: 1; }
input:-ms-input-placeholder, .form-control:-ms-input-placeholder { color: var(--clr-black-four); }
input::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { color: var(--clr-black-four); }
/* --- for placeholder color --- */

label, .maxchar { margin-bottom: 11px; color: var(--clr-black-primary); font-weight: 500; font-size: var(--f-size-Body);} /* desktop size 18 and mobile size 15 */
  
.common-padding{ padding-top: 70px; padding-bottom: 70px; }
.common-small-padding{ padding-top: 55px; padding-bottom: 55px; } 

.btn, a.btn{ line-height: 1.3;background:var(--clr-yellow) ; color: var(--clr-blue); display: inline-block; border-radius: 50px; padding: 21px 36px; transition: var(--common-transition); font-weight: 600; text-transform: uppercase; }
.btn:hover{ background:var(--clr-blue) ; color: var(--clr-yellow);}
.btn i.fa-solid { margin-left: 5px;}
/* .btn.border { background: url(../images/btn-border-bg.svg); background-size: cover; border: none !important; background-repeat: no-repeat; padding: 14px 107px; } */
.btn.border { background: url(../images/btn-border-bg.svg); background-size: cover; border: none !important; background-repeat: no-repeat; padding: 14px 107px; height: 55px; width: 361px; display: flex; align-items: center; justify-content: center; }
.btn.border:hover { background: linear-gradient(89.43deg, #AE08A8 0.41%, #4B1A4F 56.08%, #3349AC 99.59%); color: #fff; }
.hdr-wrap .btn:hover { background: var(--clr-white);    color: var(--clr-yellow);}
/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */

/* -- Header -- */

.hdr-wrap { display: flex; align-items: center; }
.main-header { padding: 29px 0;position: absolute; left: 0; right: 0; top: 0; z-index: 9;  transition: var(--common-transition);}
.custom-header-wrap { display: flex; justify-content: space-between; }
.hdr-wrap ul { display: flex; align-items: center; padding: 0; list-style: none; margin: 0; }
.main-menu ul li { margin-right:40px; }
.main-menu ul li.current-menu-item a, .main-menu ul li:hover a {color: var(--clr-yellow);}
.main-menu ul li a {font-family: var(--body-font); color: var(--clr-white);font-size: var(--f-size-Body);font-weight: 500; text-transform: uppercase;}
.main-menu .hdr-btn{display: none;}

.main-header.no-banner, .single-portfolio .main-header, .no-inner-banner .main-header, body.privacy-policy .main-header, .page-id-236 .main-header{ background: var(--clr-blue); position: relative;}
.header-sticky .main-header, .header-sticky .main-header.no-banner { background: var(--clr-blue); left: 0; position: fixed; top: 0; width:100%; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; animation: slide-down 0.5s; -ms-animation: slide-down 0.5s; -webkit-animation: slide-down 0.5s; z-index: 99; box-shadow:0 0px 10px rgb(0 0 0 / 30%);}
.header-sticky .hdr-wrap .logo{width: 120px;}
.header-sticky .main-header { padding: 15px 0;}
.header-sticky .callnow strong { font-size: 14px;}
.header-sticky .btn{ padding: 14px 24px; font-size: 14px;}
.header-sticky .callnow span { width: 40px; height: 40px; font-size: 18px; }
/* body:has(.header-sticky) main{ padding-top: 134.5px;} */

.callnow { display: flex;    gap: 15px; align-items: center; } 
.callnow span { width: 60px; height: 60px; background:var(--clr-yellow); display: flex; align-items: center; justify-content: center; color: var(--clr-blue); border-radius: 50%; font-size: 24px; } 
.callnow p {    margin-bottom: 0;    color: #fff;} 
.callnow strong{font-size: var(--f-size-S); display: block;} 
.hdr-wrap .hdr-btn { display: flex; align-items: center; gap: 40px; }

/* dropdown */

li.menu-item-has-children{position: relative;display: inline-block;}
.main-menu ul li.menu-item-has-children a{margin-right: 15px;}
li.menu-item-has-children::after { position: absolute; content: "\f107"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 17px; margin-left: 15px; color: var(--clr-white); transition: 0.3s ease-in; top: 4px; right: -10px; }
.hdr-menu .main-menu ul li.menu-item-has-children a:hover::after{display: none;}
li.menu-item-has-children > ul.sub-menu {display: none;position: absolute;background: #FFF;box-shadow: 0px 0px 10px 0px rgba(46, 45, 45, 0.25);min-width: 230px; z-index: 1;margin-top: 0px;}
li.menu-item-has-children > ul.sub-menu li{margin-right: 0;}
li.menu-item-has-children > ul.sub-menu li:hover{background: #3349AC;}
li.menu-item-has-children > ul.sub-menu li:hover a{color: var(--clr-white) !important;}
li.menu-item-has-children ul.sub-menu a{display: block;color: var(--clr-black-primary);margin-right: 0;padding: 10px; border: none;}
li.menu-item-has-children > ul.sub-menu > li:hover > a{background-color: var(--yellow) !important;color: var(--black);border: none;}
li.menu-item-has-children:hover ul.sub-menu {display: block;}
li.menu-item-has-children:hover::after{transform: rotate(180deg);}
li.menu-item-has-children ul.sub-menu li{margin-right: 0;width: 100%;padding: 0;margin: 0;}
li.menu-item-has-children ul.sub-menu li:last-child{border: 0;margin: 0;}
.minus, .plus {display: none;}

/* dropdown */



/* @keyframes slide-down { 

0% {transform: translateY(-100%); 
-moz-transform: translateY(-100%); 
-webkit-transform: translateY(-100%); 
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%); } 
100% { 
transform: translateY(0); 
-moz-transform: translateY(0); 
-webkit-transform: translateY(0); 
-o-transform: translateY(0); 
-ms-transform: translateY(0); } 
} */

/* -- Header -- */

/* -- Banner -- */
.home-banner{ position: relative; background-color: transparent !important;}
.home-banner::before{ content: ""; background: var(--clr-black-primary); position: absolute; z-index: 1; inset: 0; opacity: 0.3;}
.home-banner-holder { display: flex; justify-content: center; align-items: center; min-height: calc(100vh - 130px); padding-top: 164px; padding-bottom: 60px; position: relative; z-index: 3;} 
.banner-cnt { position: relative;} 
.banner-cnt h1 {text-transform: uppercase; color: var(--clr-white);}
.home-banner .banner-cnt h1 span{ display: block;}
h1 span,  h2 span, h3 span {color: var(--clr-yellow); font-family: var(--heading-font-span); text-transform: capitalize;} 
.btn-wrapper p { color: var(--clr-white);} 
.btn-wrapper .goDown { display: flex; align-items: center; justify-content: center; border: solid 1px var(--clr-yellow); width: 75px; font-size: 30px; height: 75px; border-radius: 50%; color: var(--clr-yellow); } 
.btn-wrapper { max-width: 645px; position: absolute;left: 30%; top: 83%;} 
.estimation_holder { background: rgba(255, 255, 255, 0.1); padding: 35px 30px; border-radius: 30px; border: solid 2px rgba(255, 255, 255, 0.2); position: relative; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
.estimation_holder h3 { color: #fff;font-family: var(--heading-font-NMD); font-weight: 400; text-align: center; }
.estimation_holder .accordion-item {margin-bottom: 10px;padding: 20px 20px 20px 25px; border: 0 none;border-radius: 20px; background: var(--clr-yellow);}
.estimation_holder .accordion-button {padding: 0; box-shadow: 0 0 0;  background: var(--clr-yellow); font-size: var(--f-size-M);  font-size: 32px; border-radius: 30px !important;   text-transform: uppercase;color: var(--clr-blue);}
.estimation_holder .accordion-button:focus{box-shadow: 0 0 0; border: 0 none;}
.estimation_holder .accordion-button:not(.collapsed) { transition: all 0.3s ease; color: inherit; }
.estimation_holder .accordion-button.collapsed { transition: all 0.3s ease;}
.estimation_holder .accordion-item .accordion-body { padding: 10px 0; overflow-x: hidden;}
/* .estimation_holder .accordion-button { } */
.btm-contact p {color:var(--clr-white);    font-size: 18px;    margin-bottom: 5px;}
.btm-contact h5{margin-bottom: 0;}
.btm-contact h5 a {  color:var(--clr-white); text-decoration: underline;}
.estimation_holder label { display: block;}
.toggle_checkbox {gap: 10px;flex-wrap: wrap;}
.toggle_checkbox .btn { padding: 13px 25px; background: #FFDFB0; border: 0 none; border-radius: 30px !important;} 
.toggle_checkbox .btn-check:checked+.btn, .toggle_checkbox .btn.active, .toggle_checkbox .btn.show, .toggle_checkbox .btn:first-child:active, .toggle_checkbox :not(.btn-check)+.btn:active { color: var(--clr-white);  background-color: var(--clr-blue);  border-color: none;} 
.toggle_checkbox .btn-check+.btn:hover { background-color: var(--clr-blue); color: var(--clr-white);} 
.selectplan .btn { min-width: 126px;} .calculatebtn { width: 100%; background: var(--clr-blue); color: var(--clr-white); display: flex; justify-content: space-between; } .calculatebtn:hover {    background: var(--clr-black-primary);  color: var(--clr-white);} 
.btn:focus-visible { background-color: var(--clr-blue); border-color: transparent; outline: 0; box-shadow: 0 0 0; color: var(--clr-white); } 
.estimation_holder .accordion-button::after { width: 38px; height:38px; background-image:url(../images/ep_arrow-up.svg);background-size: 30px; background-position: right center;} 
.estimation_holder .accordion-button:not(.collapsed)::after { background-image:url(../images/ep_arrow-up.svg);} 
.calculateStep { background: var(--clr-yellow); border-radius: 30px; padding: 30px; } 
.calculateStep h6 { text-transform: uppercase; font-family: var(--heading-font-md); font-weight: 500; text-align: center; font-size: var(--f-size-Sm); } 
.totalvalue { text-align: center; margin: 50px 0; }
.totalvalue p{font-size: var(--f-size-Sm); font-weight: 600; color: var(--clr-blue); margin-bottom: 0;}
.totalvalue h3{font-size: var(--f-size-XL);  color: var(--clr-blue); margin-bottom: 0;}
.totalvalue h3 a {color: #246dff !important; }
.btn.btn-submit.send-request {  background: var(--clr-blue) url(../images/right-arrow-submit.svg);   color: var(--clr-white); background-repeat: no-repeat; background-position: 90% center;  text-align: left;}



/* -- Banner -- */


/*-- Interior Solutions --*/

.intr-yellow { background:var(--clr-light-yellow-two);}
.interior-Solutions ul.nav.nav-pills { justify-content: center; gap: 15px;}
.interior-Solutions ul.nav.nav-pills .nav-link { border: solid 2px var(--clr-blue); color: var(--clr-blue); padding: 19px 30px; border-radius: 30px; text-transform: uppercase; font-weight: 500; } 
.interior-Solutions ul.nav.nav-pills .nav-link:hover, .interior-Solutions .nav-pills .nav-link.active { border: solid 2px var(--clr-blue); color: var(--clr-yellow) !important; background: var(--clr-blue); } 
.int-solutions ul { padding: 0; margin: 0;    justify-content: center; list-style: none; display: flex; flex-wrap: wrap; row-gap: 50px;} 
.int-solutions ul li { width: 12%; text-align: center; position: relative; } 
.int-solutions ul li .icon-box {width: 58px; height: 58px; margin: 0 auto; }
.int-solutions ul li p { color: var(--clr-blue); margin: 30px 0 0 0; } 
.int-solutions ul li:after { height: 60px; right: 0; top: 10%; transform: translateX(-50%); content: ""; background: #E2D9C6; width: 1px; position: absolute; } 
.int-solutions ul li:nth-child(8):after, .int-solutions ul li:last-child:after { display: none; }
.int-solutions ul li img{ width: auto; height: 50px;}

/*-- Interior Solutions --*/

/*--  Custom Gallery -- */
.customgallery{ background: #F9F6F0; } 
.customgallery-holder{position: relative;} 
.customgallery-top{ display: flex; max-width: 1493px; margin: 0 auto; justify-content: space-between; } 
.customgallery-bottom {  max-width: 1498px; display: flex; margin: 70px -35px 0 35px; justify-content: space-between; } 
.customgallery-bottom .bottom-img-right { padding-top: 50px; } 
.maingallery { z-index: 9; position: absolute; top: 150px; left: 46%; transform: translateX(-50%); } 
.maingalleryinfo { max-width: 770px; margin-top: -200px; text-align: center; margin-left: 50%; transform: translateX(-55%); }
.top-img-left {max-width: 397px; width: 100%;}
.top-img-right {max-width: 700px; width: 100%;}
.bottom-img-left{max-width: 309px; width: 100%;}
.bottom-img-right{max-width: 380px; width: 100%;}
.maingallery-img { width: 900px;}
.customgallery-holder .top-img-left .image-wraper{ padding-bottom: 75%; width: 100%; position: relative;} 
.customgallery-holder .customgallery-top .image-wraper img, .maingallery-img .image-wraper img{ position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.customgallery-holder .top-img-right .image-wraper{ height: 100%; width: 100%; position: relative;} 
.maingallery-img .image-wraper { position: relative; padding-bottom: 50%; }
/*--  Custom Gallery -- */

/*--  Our Material -- */
.material-holder { display: flex; align-items: center; justify-content: space-around; } 
.ourMaterial h2{color: var(--clr-white);} 
.materialBrand ul { padding: 0; gap: 15px; margin: 0; list-style: none; display: flex; align-items: center; flex-wrap: wrap; } 
.materialBrand ul li { background: var(--clr-white); width: 143px; height: 82px; border-radius: 15px; display: flex; align-items: center; justify-content: center; }
.material-desc h3{color: var(--clr-white); text-transform: uppercase; font-size: var(--f-size-XL);}
.easy-Steps a.btn br { display: none;}
/*--  Our Material -- */

/*--  Interiors design -- */
.interiors-design {background: #F9F6F0;}
.interiorsDesign-slider { padding-bottom: 60px;}
.interiorsDesign-slider .interiorsDesign-item.slick-slide { transform: rotate(-7deg);}
.interiorsDesign-slider .interiorsDesign-item.slick-slide.slick-current.slick-active.slick-center{ transform:scale(1.1); z-index: 9;}
.interiorsDesign-slider .interiorsDesign-item.slick-slide .interiorsDesign-holder{ border: 7px solid #F9F6F0; border-radius: 30px; overflow: hidden; padding-bottom: 191%;}
.interiorsDesign-slider .interiorsDesign-item { position: relative; margin: 0 1px;}
.interiorsDesign-slider .interiorsDesign-item .userprofile-info{display: none;}
.interiorsDesign-slider .interiorsDesign-item.slick-slide.slick-current.slick-active.slick-center .userprofile-info { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; }
.interiorsDesign-slider .slick-list { padding-top: 50px !important; padding-bottom: 50px !important; } 
.userprofile-info .playbtn { width: 75px; height: 75px;position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; display: flex; align-items: center; font-size: 24px; justify-content: center; background: var(--clr-yellow); color: var(--clr-blue); border-radius: 50%; } 
.userprofile-info .sharebtn { width: 51px;position: absolute; top: 20px; right: 20px; color: var(--clr-white); height: 51px; display: flex; align-items: center; justify-content: center; background: rgb(255 255 255 / 30%); border-radius: 50%; } 
.userprofile-info .username { display: flex; column-gap: 15px; position: absolute; bottom: 20px; left: 20px; align-items: center; } 
.userprofile-info .username h5{margin-bottom: 0;  font-size: var(--f-size-XS); color: var(--clr-white);display: block; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;    max-width: 170px;} 
.interiorsDesign-slider .interiorsDesign-item .interiorsDesign-holder { position: relative;} 
.interiorsDesign-slider .interiorsDesign-item.slick-slide.slick-current.slick-active.slick-center .interiorsDesign-holder:before { background:rgb(34 34 34 / 70%); position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: "";  z-index: 10;} 
.interiorsDesign-slider .slick-prev { left: calc(50% - 90px); bottom: 0; top: auto; } 
.interiorsDesign-slider .slick-next { right: calc(50% - 90px); left: auto; bottom: 0; top: auto; } 
.interiorsDesign-slider .slick-prev, .interiorsDesign-slider .slick-next { width: 85px; height: 41px; display: flex; align-items: center; justify-content: center; bottom: 0; top: auto; border: 2px solid var(--clr-blue); border-radius: 100px; z-index: 1; opacity: 1; } 
.interiorsDesign-slider .slick-prev:hover, .interiorsDesign-slider .slick-next:hover { border: 2px solid var(--clr-blue); background: var(--clr-blue); } 
.interiorsDesign-slider .slick-prev:hover::before, .interiorsDesign-slider .slick-next:hover::before { filter: brightness(0) invert(1); } 
.interiorsDesign-slider .slick-next::before { content: ''; background: url(../images/line-right.svg); background-position: center; background-size: contain; background-repeat: no-repeat; position: absolute; height: 38px; width: 38px; opacity: 1; } 
.interiorsDesign-slider .slick-prev::before { content: ''; background: url(../images/line-left.svg); background-position: center; background-size: contain; background-repeat: no-repeat; position: absolute; height: 38px; width: 38px; opacity: 1; } 
#staticBackdrop .modal-body { padding: 0; }
#staticBackdrop button.btn-close { position: absolute; right: 15px; top: 15px; opacity: 1; z-index: 9; }
#staticBackdrop .modal-body video { border-radius: 8px; margin-bottom: -5px; margin-top: -1px; }
.interiorsDesign-holder img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.profile-photo { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; background: var(--clr-blue);} 
.profile-photo img { width: 100%; height: 100%; object-fit: cover;border-radius: 50%; }
/*--  Interiors design -- */


/* -- Brand slider -- */

.client-list-sec { background:#EDE7DC;}
.client-list-item .logo-box { display: flex; justify-content: center; align-items: center; border: solid 2px var(--clr-white); border-radius: 30px; min-height: 141px; margin: 0 10px; }
.client-list-item:hover .logo-box {background:var(--clr-white);}
.client-list-item .logo-box img { display: block; }
.slick-prev, .slick-next{width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;bottom: 0;top: 50%;border: 1px solid var(--clr-yellow);  border-radius: 50%;z-index: 1;opacity: 1;}
.slick-prev:hover, .slick-next:hover{border: 1px solid var(--clr-yellow); background: var(--clr-yellow);}
.slick-prev:hover::before, .slick-next:hover::before{filter: invert(1);}
.slick-prev{left: -70px;}
.slick-prev::before{content: '';background: url(../images/prev-icon.svg);background-position: center; background-size: contain;background-repeat: no-repeat;position: absolute;height:38px;width: 38px;opacity: 1;}
.slick-next{right:-70px;left: auto;}
.slick-next::before{content: '';background: url(../images/next-icon.svg);background-position: center; background-size: contain;background-repeat: no-repeat;position: absolute;height:38px;width: 38px;opacity: 1;}

/* -- Brand slider -- */

/* -- Portfolio -- */

.ourworkImg-holder { position: relative;}
.ourworkImg { max-width: 84%;}

.ourworkImgRight { position: absolute; right: 0; top: 150px; max-width: 518px;  border: solid 10px #F9F6F0;}
.title-stairs h2 .secondword { padding-left: 20%;}
.title-stairs h2 .thirdword { padding-left: 30%;}
/* .title-stairs h2 span { padding-left: 62%;} */
.title-holdder { display: flex;  align-items: flex-end;  justify-content: space-between;}
.title-holdder .text-end a.btn {  margin-top: -200px;}
/* .work-together-section .image-holder{ margin-bottom: 50px;} */
.work-together-section .ourworkImg { max-width: none; margin-right: -25%; position: relative; padding-bottom: 45%; }
.work-together-section .image-holder img{ position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.work-together-section .ourworkImgRight-outer{ margin-top: 150px;}
.work-together-section .ourworkImgRight { position: relative; z-index: 3; top: 0; padding-bottom: 100%; max-width: 100%;}
.work-together-section .info-holder { margin-top: -180px; position: relative; z-index: 4; }
.work-together-section .info-holder h2{ margin-bottom: 0;}

/* -- Portfolio -- */

/* -- Inner Banner -- */
.home-banner.innerBanner::before{ opacity: 0.5;}
.innerBanner .home-banner-holder { max-height: 530px; min-height: 470px; align-items: center;}
.innerBanner .banner-cnt { max-width: 780px;}
.innerBanner .banner-cnt p{ color: var(--clr-white);}
.home-banner.innerBanner .banner-cnt h1{ font-size: var(--f-size-L);}
.home-banner.innerBanner .banner-cnt h1 br{ display: none;}
.home-banner.innerBanner .banner-cnt h1 span{ display: inline; font-size: var(--f-size-XXXL);}

/* -- Inner Banner -- */

/* -- Portfolios page-- */

.portfolio-card { padding-bottom: 50px;} 
.portfolio-info h4 {    margin-top: 20px; font-size: var(--f-size-M); font-family: var(--heading-font); color: var(--clr-blue); font-weight: 300; text-transform: uppercase; } .portfolio-info p{color: var(--clr-black-four);} 
.navigation-holder { display: flex; align-items: center; justify-content: center; } 
.navigation-holder ul.pagination { gap: 10px;} 
.navigation-holder ul.pagination li.active span.page-link, .navigation-holder ul.pagination li:hover a.page-link {background: var(--clr-blue); color: var(--clr-white);} 
.navigation-holder ul.pagination li .page-link { width: 51px; height: 51px; background: var(--clr-gray-four); border: 0 none; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.navigation-holder ul.pagination li.active span.page-link { width: 51px; height: 51px; border: 0 none; display: flex; align-items: center; justify-content: center; border-radius: 50%; } 
.portfolioImg { position: relative; padding-bottom: 75%; max-height: 776px; } 
.portfolioImg img { width: 100%; position: absolute; top: 0; left: 0; right: 0; object-fit: cover; bottom: 0; height: 100%; }


/* -- Portfolios page-- */

/* -- Portfolios Details page-- */

.btn-holder-nxt-prev { display: flex; align-items: center; justify-content: space-between; } 
.btn-holder-nxt-prev a.btn { min-width: 270px; display: flex; align-items: center; justify-content: center; gap: 15px; }
.portfolio-slider .slick-slide img {width: 100%; height: 100%; object-fit: cover;}
.portfolio-slider .slick-slide { max-height: 500px;}

.portfolio-slider img, .portfolio-slider video {aspect-ratio: 16 / 9; width: 100%; object-fit: cover; }

/* -- Portfolios Details page-- */


/* -- Best interior Design-- */

.light-yellow{background: var(--clr-white); border-bottom: solid 1px #E2D9C6;}
.bestInterior-design{background: var(--clr-gray-four);}
.bestInterior-design .row { align-items: center; padding: 50px 0;}
.bestInterior-design .bestInterior-design-inner .row:nth-child(odd) .col-lg-6:last-child{ justify-content: start;}
.bestInterior-design .bestInterior-design-inner .row:nth-child(odd) .bestInterior-img{ margin-left: auto;}
.bestInterior-design .bestInterior-design-inner .row:nth-child(even) .col-lg-6:last-child{ display: flex; justify-content: end;}

.bestInterior-design-inner .bestInterior-img { max-width: 85%; }
.boxend { justify-content: flex-end;  display: flex;}
.bestInterior-info ul{padding: 0; margin: 0; list-style: none;}
.bestInterior-info ul li { position: relative; color:var(--clr-black-four); padding: 0 0 26px 30px; } 
.bestInterior-info p{color:var(--clr-black-four);} 
.bestInterior-info ul li:before { position: absolute; left: 0; content: ""; background: url(../images/tick-icon.svg); width: 24px; height: 24px; }
.bestInterior-img img { border: solid 10px var(--clr-white);}
.materialBrand ul li img {padding: 20px;}

/* -- Best interior Design-- */

/* -- Contact Us-- */

.our-location { border-radius: 15px; overflow: hidden; } 
.contact-form { padding: 40px; border-radius: 15px; background: var(--clr-gray-four); margin-left: 90px; } 
.contact-form .btn-submit { max-width: 300px; background: var(--clr-yellow) url(../images/submit-arrow.svg) no-repeat; background-position: 85% center; margin-bottom: 0; }
.contact-form .btn-submit:hover {  background: var(--clr-blue) url(../images/submit-arrow-1.svg) no-repeat; background-position: 85% 22px;}

/* -- Contact Us-- */

/* -- Blogs -- */

.blog-card-wrapper { position: relative; margin-bottom: 24px; }
.blog-img { display: block; position: relative; padding-bottom: 60%; margin-bottom: 20px; }
.blog-img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.blog-content p {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.meta-data ul { list-style: none; padding: 0; margin: 0 0 20px; }
.meta-data ul li { line-height: 1; }
.blog-content .read-more { color: var(--clr-yellow); font-weight: bold; text-transform: capitalize; transition: var(--common-transition); }
.blog-content .read-more svg {margin-left: 5px;transition: var(--common-transition);}
.blog-content .read-more:hover {color: var(--clr-blue);}
.blog-content .read-more:hover svg {margin-left: 10px;}

.portfolio-details-info .meta-data ul li:not(:last-child) { margin-right: 20px; }
.portfolio-details-info .meta-data ul { display: flex; align-items: center; }
.category { line-height: 1; background: var(--clr-yellow); color: var(--clr-blue); display: inline-block; border-radius: 50px; padding: 12px 30px; transition: var(--common-transition); font-weight: 600; text-transform: uppercase; font-size: 14px; margin-bottom: 3rem;}

.blog-details-img { position: relative; padding-bottom: 50%; }
.blog-details-img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: contain; }

.bestInterior-design.related-blog-sec .row { align-items: flex-start; justify-content: center; padding: 0; }

.blog-details-sec h1 { font-size: 60px; }
.blog-details-sec h2 { font-size: 50px; text-transform: none; }
.blog-details-sec h3 { font-size: 40px; }
.blog-details-sec h4 { font-size: 36px; }
.blog-details-sec h5 { font-size: 30px; }

/* -- Blogs -- */

/* -- Footer -- */

.main-footer{position: relative; background: var(--clr-blue); padding:70px 0 260px 0;}
.main-footer h5{color: var(--clr-white); text-transform: uppercase; margin-bottom: 30px;}
.main-footer p{color: var(--clr-white);}

ul#menu-footer-menu {gap: 20px 45px; flex-wrap: wrap;}

.ftr-menu ul{display: flex; column-gap: 30px; text-transform: uppercase; margin: 0;padding: 0;list-style: none;}
.ftr-menu ul li a{color: var(--clr-white);font-size: var(--f-size-body);}
.ftr-menu ul li:hover a{color: var(--clr-yellow);}
.ftr-menu ul.nocaps li{position: relative;}
.ftr-menu ul.nocaps li:first-child::after { content: ''; background: #fff; position: absolute; width: 1px; height: 14px;  right: -15px; top: 5px;}
.ftr-menu ul.nocaps { text-transform: lowercase !important;}
.ftr-menu h6 a {color:var(--clr-white);}
.ftr-menu h6:hover a {color: var(--clr-yellow);}
.ftr-menu.social .sociallinks ul{column-gap: 10px;}
.sociallinks ul li a { background: var(--clr-yellow); color: var(--clr-blue); display: flex; font-size: var(--f-size-Sm); align-items: center; justify-content: center; width: 51px; height: 51px; border-radius: 50%; } 
.sociallinks ul li:hover a{background:var(--clr-white);color: var(--clr-blue);} 
.ftr-menu.social li a {text-transform: capitalize; }
.footerbg { position: absolute; top: 70px; z-index: 1;opacity: 0.5; } 
.whatsapp { position: absolute; z-index: 10; width: 88px; height: 88px; box-shadow: 0px 15px 30px 0px #00000040; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--clr-white); right: 44px; top: -44px; }
.whatsapp img{ transform: scaleX(-1);}
.main-footer .container { z-index: 2; position: relative; }
/* -- Footer -- */

 .hdr-wrap .mobileview {display: none;}
 .mobile-shape-video {position: relative; aspect-ratio: 9/16; max-width: 375px; margin: 0 auto; box-shadow: 0 0 10px rgba(255, 255, 255, 0.5); border-radius: 10px; }

#videomodal {backdrop-filter: blur(10px); }
#videomodal .modal-content {background: none; border: 0; }

/*#videomodal .modal-body { height: 490px; padding: 0;  border-radius: 4px !important;    overflow: hidden;}*/
#videomodal .modal-body video {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; object-fit: cover; aspect-ratio: 9 / 16; width: auto; display: block; height: 100%; border-radius: 10px; }



#videomodal .btn-close { opacity: 1; color: #000; background-color: var(--clr-yellow); background-size: 10px; border-radius: 50%; width: 40px; height:40px; box-sizing: border-box; }
.form-control.wpcf7-not-valid {  border: solid 1px red;}
.wpcf7-not-valid-tip { display: none;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { display: inline-block;}
.common-pg-sec h2.wp-block-heading {  font-size: var(--f-size-M) !important;}
div#bookingcall .modal-body { padding: 0;}
.wpcf7-spinner { position: absolute;    margin: 0 auto; left: 0; right: 0;}

.modal-share {position: absolute; right: -50px; top: 0; z-index: 9; }

.share-icons {padding-top: 10px; position: relative; } 
.share-icons a.ic-share {background: var(--clr-yellow); width: 40px; height: 40px; border-radius: 30px; display: inline-flex; align-items: center; justify-content: center; } 
.share-btn-wrap span {display: block; font-size: 12px; color: #fff; padding-top: 5px; }
.share-icons ul.icon-list {margin: 0; padding: 10px 0 0; list-style: none; } 
.share-icons ul.icon-list li {margin: 0 0 10px; } 
.share-icons ul.icon-list li a {width: 40px; height: 40px; background: #fff; border-radius: 30px; display: inline-flex; align-items: center; justify-content: center; }
.share-icons ul.icon-list li a:hover { background: var(--clr-yellow); }

.mobile-shape-video .info {position: absolute; z-index: 3; right: 0; top: 0; left: 0; padding: 20px 20px; background: linear-gradient(180deg, #000, transparent); border-radius: 10px 10px 0 0; }
.mobile-shape-video .info .username {display: flex; align-items: center;     margin: 0 0 10px; }

.mobile-shape-video .info .username .profile-photo { margin-right: 12px;}
.mobile-shape-video .info h5.author {font-size: 16px; margin: 0 0 5px; color: var(--clr-white); } 
.mobile-shape-video .info p.description {margin: 0; font-size: 14px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; color: var(--clr-white); }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.ftr-menu h6.footer-phn-field a {position: relative;}
.ftr-menu h6.footer-phn-field a:not(:last-child) {
    padding-right: 20px;
}
.ftr-menu h6.footer-phn-field a:not(:last-child):after {
    content: '';
    background: #fff;
    position: absolute;
    width: 1px;
    height: 14px;
    right: 7px;
    top: 3px;
}



/* -- Body Adjustment -- */


/*Services Details Page*/

/* .testimonial-slider {} */
.testimonial-slider .testimonial-item {padding: 20px 15px 40px; height: auto;}
.testimonial-box {background: #F9F2E8; padding: 30px; transform: scale(0.85); height: 100%; border-radius: 15px;}
.testimonial-box .authr-top {margin: 0 auto; max-width: 310px; display: flex; align-items: center; } 
.testimonial-box .authr-top .authr-img {width: 80px; height: 80px; border-radius: 50%; background: #fff; } 
.testimonial-box .authr-top .authr-img img {width: 100%; height: 100%; object-fit: cover; border-radius: 50%; } 
.testimonial-box .authr-top .authr-info {width: calc(100% - 100px); padding-left: 15px; } 
.testimonial-box .authr-top .authr-info h4 {font-size: 22px; margin: 0 0 5px; } 
.testimonial-box .authr-top .authr-info p {margin: 0; color: var(--clr-blue); }
.testimonial-box .testimonial-main-info {padding-top: 30px; text-align: center; }
.testimonial-slider .testimonial-item.slick-active.slick-center .testimonial-box {background: var(--clr-yellow); padding: 40px 30px; box-shadow: 0px 10px 11px 0px #73593240; transform: scale(1.1); }
.testimonial-slider .slick-track {display: flex; }

.testimonial-slider .slick-prev { left: -40px; }
.testimonial-slider .slick-next { right: -40px; }

.faq-block {background: var(--clr-gray-four); }
.all-questions .accordion-item {border: 0; margin: 0 0 15px; background: none; }
.all-questions .accordion-item .accordion-button {background: var(--clr-yellow);border-radius: 10px !important;font-size: 20px; box-shadow: none;}
.all-questions .accordion-item .accordion-button::after {background-color: var(--clr-white); border-radius: 40px; width: 30px; height: 30px; background-position: center; background-size: 16px; }



/* **************Bikram**************** */
.festive-poster{padding-top: 60px;}
.festive-poster figure{margin: 0px;}
.festive-poster figure img{width: 100%; border-radius: 30px;}
.serv-left-bx h2{font-size: 60px; font-weight: 500; line-height: 1.3;}
.header-serv-area .top-sub{color: var(--clr-yellow); font-weight: 600; margin-bottom: 20px; display: block;}
.header-serv-area .date{color: var(--clr-black-primary); font-weight: 500;}
.header-serv-area{padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #a3a3a3;}
.community-bx{padding: 40px 30px; background-color:#e2b97c49; border-left: 4px solid var(--clr-yellow); margin: 30px 0px 30px;}
.serv-left-bx h3{font-size: 38px; line-height: 1.5;}
.interior-grid{display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); gap: 18px; margin: 30px 0px;}
.img-row-span{grid-row: span 2 / span 2;}
.interior-grid figure{margin: 0px; border-radius: 30px; overflow: hidden;}
.interior-grid figure img{width: 100%; height: 100%; object-fit: cover;}
.heading_small{margin-bottom: 10px;}
.descrep-common-img{border-radius: 30px; overflow: hidden; position: relative; padding-bottom:45%; margin: 30px 0px;}
.descrep-common-img img{width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0;}
.list-type-text{ list-style:none; padding: 0px; display: flex; flex-direction: column; gap: 20px;margin-bottom: 30px;}
.list-type-text li{position: relative;padding-left: 20px;}
.list-type-text li::before{ content: ''; width: 10px; height: 10px; position: absolute; left: 0px; top: 5px; border-radius: 10px; background-color: var(--clr-yellow); position: absolute; }
.final-words-bx{border: 4px solid var(--clr-yellow); padding: 20px; margin: 30px 0px;}
.final-words-bx .final-words-content{border: 1px solid var(--clr-yellow); padding: 25px; background-color:#e2b97c49;}
.custom-accordion-wrapper { margin:30px 0px; }
.custom-accordion { border: none; }
.custom-accordion-item { border-radius: 10px !important; border: 1px solid #172c5731 !important; margin-bottom: 20px; }
.custom-accordion-item.item-active,
.custom-accordion-item:hover{border-color: var(--clr-blue) !important;}
/* .custom-accordion-item.item-active .custom-accordion-button { color: #2d3748; } */

.custom-accordion-item.item-active .custom-accordion-icon { border-color:var(--clr-blue); transform: rotate(45deg); }

.custom-accordion-item.item-active .custom-accordion-icon::after { opacity: 0; }

.accordion-header { margin: 0; }
.accordion-header .accordion-button:not(.collapsed){ box-shadow: none !important; }

.custom-accordion-button { width: 100%; padding: 20px 24px; background: rgba(255, 255, 255, 0); border: none; text-align: left; font-size: 16px; font-weight: 500; color: #2d3748; cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: all 0.3s ease; line-height: 1.5; box-shadow: none; border-radius: 0; }

.custom-accordion-button:hover { background-color: #f7f8fc00; }

.custom-accordion-button:focus { box-shadow: none; border: none; }

.custom-accordion-button{ background-color: transparent !important; color: var(--clr-blue) !important; font-family: var(--body-font) !important; font-size: 16px; font-weight: 600; box-shadow: none; }
.accordion-header{ background-color: #f7f8fc00; box-shadow: none; }
.custom-accordion-button span{color: var(--clr-blue); font-family: var(--body-font) !important; font-size: 16px; font-weight: 600;}
.custom-accordion-button::after { display: none; }
.accordion{border-color:transparent !important;}
.custom-accordion-icon { width: 24px; height: 24px; border: 1px solid var(--clr-blue); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-left: 16px; transition: all 0.3s ease; position: relative; }

.custom-accordion-icon::before, .custom-accordion-icon::after { content: ''; position: absolute; background-color:var(--clr-blue); transition: all 0.3s ease; }

.custom-accordion-icon::before { width: 10px; height: 2px; }

.custom-accordion-icon::after { width: 2px; height: 10px; }

.custom-accordion-button:not(.collapsed) .custom-accordion-icon { border-color:var(--clr-blue); transform: rotate(0deg); }

.custom-accordion-button:not(.collapsed) .custom-accordion-icon::after { opacity: 0; }

.accordion-collapse { border: none; }

.custom-accordion-body { padding: 0 18px 18px 18px; line-height: 1.7; font-size: 15px; background-color: rgba(255, 255, 255, 0); }

.custom-accordion-item.item-active .custom-accordion-body { background-color: #f7f8fc00; }

.serv-right-bx{background-color:#e2b97c49; border-radius: 20px; border-top: 4px solid #61492B; padding:50px 40px;}
input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="url"], input[type="number"], input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"], input[type="week"],select,
select.form-select,textarea,textarea.form-control{ background-color: transparent !important; border-radius: 0px !important; border: none; border-bottom:1px solid #61492B;  padding-inline: 0px;}
.serv-right-bx .form-floating{margin-bottom: 25px;}
.form-floating label{color: #747171; padding-inline: 0px;}
.form-floating>.form-control:focus~label{color: #61492B;}
.form-floating>.form-control:focus~label::after{background-color:transparent;}
.serv-right-bx p{font-size:18px; font-weight: 600; color: var(--clr-black-primary); margin: 20px 0px;}
.serv-right-bx form button{box-shadow: none; outline: none;}
.serv-right-bx form [type="button"]{ line-height: 1.3;background:var(--clr-yellow) ; color: var(--clr-blue); display: inline-block; border-radius: 50px; padding: 21px 36px; transition: var(--common-transition); font-weight: 600; text-transform: uppercase; box-shadow: none; border: none;}
.serv-right-bx form [type="button"]:hover{ background:var(--clr-blue) ; color: var(--clr-yellow);}
.blog-card-wrapper { position: relative; margin-bottom: 24px; }
.blog-card-wrapper .meta-data ul{list-style: none; margin:0 0 20px; padding:0px;}
.blog-content .read-more { color: var(--clr-yellow); font-weight: bold; text-transform: capitalize; transition: var(--common-transition); }
.blog-content .read-more:hover { color: var(--clr-blue); }
.blog-content .read-more svg { margin-left: 5px; transition: var(--common-transition); }
.blog-content .read-more:hover svg { margin-left: 10px; }
.blog-img { display: block; position: relative; padding-bottom: 60%; margin-bottom: 20px; }
.blog-img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.sticky_form_bx{position: sticky; top: 110px; height: fit-content;}
@media screen and (max-width:1600px) {
  .serv-left-bx h2{font-size: var(--f-size-XL);}
  .serv-left-bx h3 { font-size: 30px; line-height: 1.4; }
}
@media screen and (max-width:1500px) {
  .serv-right-bx {padding: 26px;}
  .serv-right-bx .form-floating{margin-bottom: 10px;}
}
@media screen and (max-width:1200px) {
  .serv-left-bx h2{margin-bottom: 10px;}
  .interior-grid{gap: 10px;}
  .interior-grid figure{border-radius: 20px;}
  .descrep-common-img{border-radius: 20px;}
  .festive-poster figure img{border-radius: 20px;}
  .header-serv-area .top-sub{margin-bottom: 10px;}
  .header-serv-area{padding-bottom: 20px; margin-bottom: 20px;}
  .community-bx{padding: 30px 25px; margin: 20px 0px 20px;}
}
@media screen and (max-width:991px) {
  .inner-service-area-sec div.row{flex-direction: column-reverse;}
  .sticky_form_bx{position: static; margin-bottom: 30px;}
}
@media screen and (max-width:768px) {
  .descrep-common-img{border-radius: 14px; margin: 20px 0px;}
  .interior-grid{gap: 10px; margin: 20px 0px;}
  .interior-grid figure{border-radius: 14px;}
  .final-words-bx { padding: 14px; margin: 20px 0px; }
  .serv-left-bx h2{ margin-bottom: 0px;}
}
@media screen and (max-width:575px) {
  .interior-grid figure,.descrep-common-img{border-radius: 8px;}
  .final-words-bx { padding: 8px; margin: 10px 0px; }
  .final-words-bx .final-words-content {padding: 14px;}
  .serv-left-bx h3 { font-size: 25px; line-height: 1.2; margin-bottom: 10px; }
}
/* ************ bikram css end **************  */







@media only screen and (min-width:1699px){
   .container{max-width: 1600px;}
}

@media only screen and (max-width:1699px){
    
:root {
/* ~-~-~-~-~ declare font size ~-~-~-~-~ */
--f-size-XXXL: 65px;
--f-size-XXL: 50px;    
--f-size-XL: 42px;    
--f-size-L: 35px;    
--f-size-M:30px;
--f-size-S: 20px;
--f-size-Sm: 18px;
--f-size-Body: 16px;
/* ~-~-~-~-~ declare font size ~-~-~-~-~ */ 
}
.home-banner-holder { align-items: center;} 
.maingalleryinfo {max-width: 480px; transform: translateX(-54%);}
.customgallery {  padding-bottom: 120px;}  
.ourworkImgRight {  top: 80px; max-width: 400px;}  
.toggle_checkbox .btn { padding: 10px 15px; font-size: 14px;} 
.selectplan .btn { min-width: auto;}  
.btn-wrapper .goDown { width: 70px; font-size: 20px; height: 70px;}  
.interior-Solutions ul.nav.nav-pills .nav-link { padding: 14px 30px;} 
.main-footer { padding: 70px 0 200px 0;}
ul#menu-footer-menu{ gap: 15px 20px;}

.estimation_holder .accordion-button { font-size: 30px; }

.btn-wrapper { top: 95%; }
    
    
}

@media only screen and (max-width:1599px) {
.btn, a.btn { padding: 17px 25px;}
.callnow span { width: 52px; height: 52px; font-size: 20px;}  
/* .hdr-wrap .logo img {height: 65px;} */
.material-slider, .client-list-slider { margin: 0 50px;}
.material-img { max-width: 40%;}  
.main-footer { padding: 130px 0;} 
    
.home-banner-holder { min-height: calc(100vh - 123px); padding-top: 123px; }   

.btn-wrapper { max-width: inherit; position: static; }

.blog-details-sec h1 { font-size: 50px; }
.blog-details-sec h2 { font-size: 45px; }

.main-footer .mb-5{ margin-bottom: 35px !important;}
    
    
}
@media only screen and (max-width:1399px) {

.toggle_checkbox .btn { padding: 10px 15px; font-size: 10px;} 
.toggle_checkbox { gap: 5px;} 
textarea, select, .form-control, input { font-size: 14px;  padding: 10px 15px;}  
.btn, a.btn { padding: 13px 25px;    font-size: 14px;}
.customgallery-bottom { margin: 90px 0 0 0;}   
/* .maingalleryinfo { max-width: 350px;     transform: translateX(-59%);}   */
.customgallery-bottom .bottom-img-right { padding-top: 0;}   
.bottom-img-right { max-width: 330px;}
.maingallery-img .image-wraper { padding-bottom: 42%; }
.customgallery {padding-bottom: 200px;}   
.materialBrand ul li { width: 135px;  height: 82px;}   
.ourworkImgRight { max-width: 350px;}   
.sociallinks ul li a { width: 44px; height: 44px;} 
.main-footer { padding: 85px 0;}  

.blog-details-sec h1 { font-size: 45px; }
.blog-details-sec h2 { font-size: 40px; }
.blog-details-sec h3 { font-size: 35px; }
.blog-details-sec h4 { font-size: 32px; }
.blog-details-sec h5 { font-size: 28px; }
    
}


@media only screen and (max-width:1299px) {
.ourworkImgRight { max-width: 300px;}  
.contact-form { margin-left: 35px;} 
.portfolio-slider .slick-slide { max-height: 450px;}    
.main-footer { padding: 55px 0;}
}



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

  :root{
    --f-size-XXXL: 50px;
    --f-size-XXL: 40px;
    --f-size-XL: 35px;
    --f-size-L: 20px;
    --f-size-M: 18px;
    --f-size-S: 14px;
    --f-size-Body: 14px;
    
  }

p{font-size: 16px;}

.common-padding { padding-top: 40px; padding-bottom: 40px; }
.common-small-padding { padding-top: 40px; padding-bottom: 40px; }

.nav_btn { display: block; cursor: pointer;position: relative;}
/* .nav_close { display: block; position: absolute; top: 20px; right: 30px; z-index: 999; font-size: 30px;} */
.hdr-wrap ul { display: block;}
.main-header { padding: 15px 0; position: fixed; left: 0; right: 0; top: 0; z-index: 99999;}

.main-menu { position: fixed; transform:translateX(100%); right: -100%; top: 95px; bottom: 0; z-index: 999; max-width: 100%; background-color: var(--clr-blue); padding: 100px 10px; margin:0; display:block; width: 100%;  transition: 250ms ease-in;overflow: auto;height: 100vh;max-width: 300px;}
.main-menu>ul li { width: 100%; }
.main-menu ul li:not(:last-child) { margin-right: 0; }
.main-menu>ul>li a { display: block; padding: 10px;border-bottom: 1px solid var(--grey);color: var(--clr-white); }
.main-menu ul li.current-menu-item a, .main-menu ul li:hover a{color: var(--clr-yellow);}
.hdr-rt ul li a {color: var(--clr-white);padding: 10px;}
li.menu-item-has-children::after{content: none;}
.nav_btn::after { content: ""; position: absolute; width: 35px; height: 2px; background: var(--clr-white); right: 0; top: -7px; transition: ease-in-out 0.4s; }
.nav_btn::before { content: ""; position: absolute; width: 35px; height: 2px; background: var(--clr-white); top: 7px; right: 0;transition: ease-in-out 0.4s; }

.nav_btn.sidebar_active::after{transform: rotate(45deg);top: 0; }
.nav_btn.sidebar_active::before{transform: rotate(135deg);top: 0; }

.main-menu.sidebar-open { right: 0; }
.minus, .plus{display: block;position: absolute;right: 0;top: 5px;font-weight: 400;color: var(--clr-white);font-size: 30px;}
.minus{display: none;}

li.menu-item-has-children.open-sub > ul.sub-menu{display: block;}
li.menu-item-has-children:hover > ul.sub-menu{height: 0; overflow: hidden;}
li.menu-item-has-children.open-sub > ul.sub-menu{height: 100%; position: relative;}
.hdr-btn{margin-right: 60px;}
li.menu-item-has-children.open-sub .minus{display: block;}
li.menu-item-has-children.open-sub .plus{display: none;}
li.menu-item-has-children ul.sub-menu a{color: var(--clr-black-primary) !important;}

.main-menu ul li a {font-size: var(--f-size-L);padding-bottom: 20px;display: block;}
.maingallery { position: relative;top: 0;left: 0; transform: translateX(0);width: 100%;}
.maingallery-img, .maingallery-img img , .maingalleryinfo { max-width: 100%;}   
.maingalleryinfo { margin-top: 0; text-align: center; margin-left: 0; transform: none; }
.maingallery-img img{width: 100%;}
.customgallery-top {  gap: 24px;} 
.customgallery-top>*{ width: 100%; max-width: calc(50% - 12px);}
.customgallery-bottom { margin: 24px 0;}  
.customgallery-bottom .image-wraper{ height: 100%;}
.customgallery-bottom .image-wraper img{ width: 100%; height: 100%; object-fit: cover;}
.maingallery-img{ width: 100%;}
.maingallery-img .image-wraper { padding-bottom: 50%; }
  
.materialBrand ul li { width: 100px; height: 65px;  padding: 7px;}  
.int-solutions ul li {  width: 20%;}   
.estimation_holder .accordion-button::after {  width: 24px; height: 24px;  background-size: 100%;}  
.estimation_holder { padding: 20px;  border-radius: 20px;}    
.interiorsDesign-slider .interiorsDesign-item.slick-slide .interiorsDesign-holder { padding-bottom: 150%;}   
.userprofile-info .playbtn { width: 75px;  height: 75px;}   
.home-banner-holder { min-height: calc(100vh - 95px); padding-top:95px; }   
.portfolio-slider .slick-slide { max-height: 300px;}      
.int-solutions ul li:nth-child(5):after{display: none;} 

.estimation_holder .accordion-button { font-size: 20px; }
    
.customgallery-holder img { width: 100%; }
.bottom-img-left {max-width: calc(50% - 12px); width: 100%; }
.bottom-img-right {max-width: calc(50% - 12px); width: 100%; }


.testimonial-box { transform: none; padding: 20px; }
    
}

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

  :root{
    --f-size-XXXL: 40px;
    --f-size-XXL: 35px;
    --f-size-XL: 25px;
    --f-size-L: 20px;
    --f-size-M: 18px;
    --f-size-S: 14px;
    --f-size-Body: 14px;
  }

p{font-size: 16px;}
.btn, a.btn{padding: 12px 24px;}
.logo { max-width: 150px; }
.banner-sec-slider { margin-top: 72px; }
body.hdr-fixed{margin-top: 72px;}
.main-menu{top: 94px;}   
.btm-contact h5 { font-size: 24px;}
.logo-desc-wrap {margin-bottom: 30px;}
.materialBrand ul li { width: 75px; height: 50px; padding: 7px; border-radius: 10px; } 
.slick-prev, .slick-next { width: 45px; height: 45px; } 
.slick-next { right: -45px; } 
.slick-prev { left: -45px; } 
.whatsapp { width: 60px; height: 60px; right: 20px; top: -30px; } 
.home-banner-holder { min-height: auto; } 
.banner-cnt { padding-bottom: 50px;text-align: center; } 

.btn-wrapper .goDown{display: none;} 
.estimation_holder { max-width: 400px; margin: 0 auto; } 

.footerbg { top: auto;  bottom: 0;} 
.main-footer { padding: 60px 0; } 
body.fixed { overflow-y: hidden; } 
.innerBanner .home-banner-holder { min-height: 400px; } 
.boxend { justify-content: left;} 
.order-2 { order:inherit !important; } 
.bestInterior-design .row { padding:0 0 30px;} 
.bestInterior-design .row:nth-child(2) .bestInterior-img { margin-bottom:  2rem!important; } 
.bestInterior-design .row:last-child{ padding-bottom: 0;}
.bestInterior-design-inner .bestInterior-img{ max-width: 100%;}
.portfolioImg {  position: relative;  padding-bottom:0;  max-height: inherit;} 
.portfolioImg img { width: 100%; position: relative; top: 0; left: 0; right: 0; object-fit: cover; bottom: 0; height:auto; }
.portfolio-slider { margin: 0 60px;}
.portfolio-slider .slick-prev {left: -60px;}
.portfolio-slider .slick-next { right: -60px;}  
.contact-form { margin-left: 0;  margin-top: 30px;}   
.innerBanner .banner-cnt {  padding-bottom: 0;} 
#videomodal .modal-body {  border-radius: 4px !important;}


.work-together-section .ourworkImg{ margin-right: 0; margin-bottom: 0;}
.work-together-section .ourworkImgRight-outer{ max-width: 50%; margin: 25px 0 0 auto;}
.work-together-section .info-holder .inner-row { flex-wrap: wrap; gap: 25px; max-width: 50%; }
.work-together-section .info-holder .button-row{ width: 100%; text-align: left !important;}

/* Blogs */

.blog-details-sec h1 { font-size: 30px; }
.blog-details-sec h2 { font-size: 28px; }
.blog-details-sec h3 { font-size: 26px; }
.blog-details-sec h4 { font-size: 22px; }
.blog-details-sec h5 { font-size: 20px; }

.category {margin-bottom: 1.3rem;}
.blog-details-img  {padding-bottom: 60%;}

/* Blogs */

ul#menu-footer-menu {column-gap: 16px; }
    

}

@media only screen and (max-width:767px){
:root{
--f-size-XXXL: 30px;
--f-size-XXL: 28px;
--f-size-XL: 22px;
}
    
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { width: 95%;}
.hdr-wrap  .sidebar-open .mobileview { display: flex; padding-top: 120px; margin-right: 0; justify-content: center; align-items: center; }
.hdr-wrap .hdr-btn{display: none;}
.userprofile-info .playbtn { width: 60px; height: 60px; font-size: 20px;}
.btn-wrapper {  max-width: 96%; position: relative; left: 0; top: 0; right: 0;  margin: auto;}
.home-banner-holder { padding-top: 100px; height: auto;}
.home-banner {  padding-bottom: 50px;}
.int-solutions ul{ row-gap: 35px;}
.int-solutions ul li { width: 33%;}
.int-solutions ul li:nth-child(5):after{display: block;} 
.int-solutions ul li:nth-child(3):after, .int-solutions ul li:nth-child(6):after{display: none;} 
.int-solutions ul li img {height: 35px;}
.int-solutions ul li p { margin: 15px 0 0 0; font-size: 14px;}    
.top-img-left, .top-img-right, .bottom-img-left, .customgallery-bottom .bottom-img-right  { max-width: 100%; margin-bottom: 20px;}
.top-img-left img, .top-img-right img, .bottom-img-left img, .customgallery-bottom .bottom-img-right img  { width: 100%;} 
.customgallery-top , .customgallery-bottom { display: block;} 
.customgallery-bottom { margin: 20px 0;}   
.int-solutions ul li:after { height: 35px;}
.material-holder { display: block;text-align: center;}  
.material-img { max-width: 200px;  margin: 0 auto 20px;}
 .materialBrand ul li {  width: 60px;  height: 35px;  padding: 5px;  border-radius: 5px;}   
.materialBrand.mt-5 {  margin-top: 10px !important;}   
.material-desc {  margin-bottom: 30px;}
    
.logo-desc-wrap , .ftr-menu{ text-align: center;} 
.main-footer .mb-5 { margin-bottom: 25px !important; } 
.main-footer .logo-wrap{ margin: 0 auto;}
.ftr-menu ul { display: block;}  
.ftr-menu ul li a {  display: block; padding:  0 0 10px 0;}  
.ftr-menu.social .sociallinks ul {  column-gap: 10px; display: flex;  align-items: center;  justify-content: center;} 
 .ftr-menu.social .sociallinks ul li a  { width: 35px;  height: 35px;  padding: 0 !important;  display: flex !important;} 
.mb-5 {  margin-bottom: 1rem!important;}   
.ftr-menu p br { display: none;} 
.logo-desc-wrap .logo-wrap img { height: 70px;}  
.callnow span { width: 40px;  height: 40px;  font-size: 15px;}  
.wrapholder .callnow { margin-bottom: 20px;} 
.hdr-wrap ul {   text-align: center;}   
.main-menu ul li { margin-right: 0;} 
.interior-Solutions ul.nav.nav-pills .nav-link { padding: 10px 20px;}
ul#pills-tab { margin-bottom: 50px !important;} 
.interior-Solutions ul.nav.nav-pills { gap: 5px;}
.ourworkImg { max-width: 100%;margin-bottom: 20px;}
.ourworkImgRight { border: solid 5px #F9F6F0; position: relative;  right: 0; top: 0;  max-width: 100%;}
.title-holdder { display: block;}   
.title-holdder .text-end a.btn { margin-top: 0;} 
.estimation_holder .accordion-button:not(.collapsed) { font-size: 18px;}   
.mt-5 { margin-top: 2rem!important;}
.ftr-menu ul.nocaps li:first-child::after{display: none;}  
 .portfolio-slider .slick-slide { max-height:250px;}  
.userprofile-info .sharebtn { width: 40px; height: 40px;} 
.innerBanner .home-banner-holder { padding-top: 95px;  min-height: calc(500px - 95px);}
.materialBrand ul { justify-content: center; gap: 5px;}
.slick-next::before, .slick-prev::before { height: 25px;  width: 25px;}  
.slick-prev, .slick-next { width: 32px;  height: 32px;}
.portfolio-slider {margin: 0 30px;}
.portfolio-slider .slick-prev {left: -35px;}
.portfolio-slider .slick-next {right: -35px;} 
    
   
.interiorsDesign-slider .slick-prev::before, .interiorsDesign-slider .slick-next::before {height: 25px; width: 25px;} 
.interiorsDesign-slider .slick-prev {left: calc(50% - 65px);} 
.interiorsDesign-slider .slick-next {right: calc(50% - 65px);}   
.interiorsDesign-slider .slick-prev, .interiorsDesign-slider .slick-next { width: 60px;  height: 35px;}  
.main-menu { top: 65px;} 
.contact-form { padding: 25px;}  
.contact-form .btn-submit { background-size: 20px;} 
.navigation-holder ul.pagination li a.page-link, .navigation-holder ul.pagination li.active span.page-link { width: 35px;  height: 35px;}  
.calculateStep { border-radius: 20px; padding: 20px;} 
.estimation_holder .accordion-item { padding: 15px 15px 15px 20px; border-radius: 15px;}  
/* .hdr-wrap .logo img {height: 45px;} */
.main-header, .header-sticky .main-header { padding: 10px 0;}
.slick-next::before, .slick-prev::before { top: 53%;  transform: translateY(-50%);}  
.home-banner .btn-wrapper p { margin-bottom: 0;} 
.btn svg {padding-left: 5px;}   
.whatsapp { width: 50px;  height: 50px; right: 20px;  top: -25px;}  
#videomodal .modal-body { }
#videomodal .modal-body video { }
.client-list-item .logo-box { min-height: 123px;}
.calendly-inline-widget.calendly-mobile { height: 420px !important;}   
.home-banner.innerBanner { padding-bottom: 0;}  
.contactus-area h2 {text-align: center;}
.contactus-area hr br{ display: none;}

.modal-share { right: 10px; top: 10px; }
.mobile-shape-video .info { padding: 10px 40px 10px 10px; }

.portfolio-card {padding-bottom: 10px; }

/* blogs */

.blog-img {padding-bottom: 100%;}

/* blogs */
    
}

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

.main-menu { max-width: 100%;}
.btn, a.btn{font-size: 13px;}
}
@media only screen and (max-width:479px){
  .work-together-section .ourworkImgRight-outer{ max-width: 100%;}
  .work-together-section .info-holder{ margin-top: 25px;}
  .work-together-section .info-holder .inner-row { flex-wrap: wrap; justify-content: center !important; max-width: 100%; }
  .work-together-section .info-holder .inner-row .button-row{ text-align: center !important;}
}
@media only screen and (max-width:390px){

/* .hdr-wrap .logo img { height: 50px;} */
.home-banner-holder { padding-top: 130px;}   
.materialBrand ul { gap: 5px;}    
.materialBrand ul li { width: 45px;  height: 30px;  padding: 5px;  border-radius: 5px;}
.toggle_checkbox .btn {padding: 10px 10px;font-size: 10px;}
.interior-Solutions ul.nav.nav-pills { gap: 5px;}
span.wpcf7-form-control-wrap.recaptcha {display: flex; justify-content: center;}
span.wpcf7-form-control-wrap.recaptcha iframe { transform: scale(0.8);} 
.interior-Solutions ul.nav.nav-pills .nav-link { padding: 10px 10px;}   
.btn, a.btn { padding: 12px 30px;} 
    
}
@media only screen and (max-width:360px){
.materialBrand ul li { width: 60px;  height: 35px;}
    
}





.logo {width: 200px; transition: var(--common-transition);}
.logo img{ transition: var(--common-transition);}
.logo-wrap {width: 200px;}
.logo { width: 180px; }
@media only screen and (max-width:1399px){
  .main-menu ul li { margin-right: 35px; }
  .hdr-wrap .hdr-btn { gap: 30px; }
}