@charset "utf-8";
@import url('../fonts/fonts.css');
/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}.table-responsive {padding: 0 0 20px 0 !important;}table {border-collapse: collapse;border-spacing: 0;}body {overflow-x: hidden;scroll-behavior: smooth;position: relative;line-height: 1;font-family: 'Saol Display' !important;}input{font-weight: 500;position: relative;border-radius: 10px !important;height: 50px;color: black;font-size: 14px;margin: 0;padding: 0 15px;}input::placeholder,textarea:placeholder {color: #cccccc !important;text-transform: capitalize !important;}textarea{color: black;resize: none;}.form-control:focus {box-shadow: none;}img {object-fit: cover;object-position: center;transition: all .3s ease;} input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {-webkit-appearance:none;}input[type=number] {-moz-appearance:textfield;} button {background: transparent;border: 0;}video {width: 100%;object-fit: cover;object-position: center;}strong {font-weight: 900;}::selection {color: white;background: var(--py);}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display: none;}
/*hover end here*/
/* 


font-family: "elza",sans-serif; 
font-family: 'Saol Display';
font-family: 'PP Writer';
font-family: "Urbanist", sans-serif;

*/


/* default-css start */


:root {
    
    --py: #4F4D4A;
    --sy: #B7A295;
    --white: #ffffff;
    --black: #000;
	--heading:#AB9687;
    --bg:#DBD9D7;
    --bg2:#D8D3CD;
    --bg3:#232323;
    --sy-2: #303030;
}


.p-300{padding: 247px 0;}
.p-80{padding: 80px 0;}
.p-60{padding: 60px 0;}
.p-70{padding: 70px 0;}

h1 {font-size: 120px;}
h2 {font-size: 150px;line-height: 130px;color: var(--py);font-weight: 300;text-transform: capitalize;}
h3 {font-size: 60px;line-height: 70px;}
h4 {font-size: 40px;line-height: 60px;}
h5 {font-size: 30px;}
h6 {font-size: 24px;line-height: 33px;}
p {font-size: 18px;font-weight: 400;margin-top: 40px;line-height: 25px;color: var(--py);font-family:"elza",sans-serif;}
a {font-size: 18px;line-height: 25px;font-weight: 400;display: inline-block;-webkit-transition: all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition: all .2s ease-in-out;text-decoration: none !important;position: relative;color: var(--white);}
.container-fluid{padding: 0 50px;}
button{font-size: 24px;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;text-decoration: none !important;padding: 0;position: relative;}
a:hover{color: #cfcfcf;}
a span, button span {position: relative;z-index: 1;}

.py:hover {color: var(--white);}
.py{color: var(--py);}
.py-bg{background: var(--py);color: var(--white);}
.sy{color: var(--sy);}

.py-btn {cursor: pointer;border: 1px solid var(--white);background: transparent;padding: 8px 50px 10px 50px;border-radius: 10px;color: #ffffff;margin: 30px 0 0 0;font-weight: 300;text-transform: capitalize;font-size: 21px;font-style: italic;display: inline-flex;justify-content: center;align-items: center;}
.py-btn:hover,.py-btn:focus {color: var(--white);background: var(--py);}

.sy-btn {cursor: pointer;border: 1px solid #383838;background: transparent;padding: 8px 50px 10px 50px;border-radius: 10px;color: black;margin: 30px 0 0 0;text-transform: capitalize;display: inline-flex;justify-content: center;align-items: center;font-size: 22px;font-weight: 500;font-style: italic;font-family: 'Saol Display';}
.sy-btn:hover,.py-btn:focus {color: var(--white);background: var(--py);}

/*default-css end*/



/* header start */

/* menu start */
.menu .top a {
    font-size: 50px;
    line-height: 65px;
    margin: 0 0 10px 0;
    font-family: 'Saol Display';
    text-transform: uppercase;
    display: block;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.menu .top a:hover {
    color: #B6BBA7;
    text-transform: capitalize;
    -webkit-transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    transform: skewX(-15deg);
}

ul.company-info {
    margin: 40px 0 0 0;
}
.top-menu span.wishlist-count {
    font-size: 20px;
    margin: 0 0 0 10px;
    display: none;
}
a.logo-image {margin: 0px 0px 0 0;}

.color-changed.top-menu a.wish {color: black;}
.color-changed.top-menu {border-color: black;background: #ebebeb;box-shadow: 0 0 10px 0 rgb(0,0,0,.5);}

.color-changed .main-menu button {
    color: black;
}

.color-changed .main-menu button::before,.color-changed .main-menu button::after {
    background: black;
}

.color-changed img {
    filter: contrast(1) brightness(0);
}

.color-changed .main-menu::before {
    background: black;
}

.hide-menu {transform: translate(0px, -100%);}
.show-menu {transform: translate(0px, 0);}
.top-menu {padding: 20px 40px;border-bottom: 1px solid #DAD8D6;position: fixed;width: 100%;z-index: 99;transition: all .4s ease-in-out;}
.top-menu img {width: 40px;}
.top-menu a.wish {font-size: 25px;text-transform: uppercase;letter-spacing: 2px;color: #DAD8D6;display: flex;justify-content: center;align-items: center;position: relative;z-index: 9;}
.top-menu a.wish:hover {color: #b7b7b7;}
.main-menu button {color: #DAD8D6;text-transform: uppercase;font-weight: 300;position: relative;padding: 0 15px 20px 18px;font-size: 17px;}
.main-menu button:hover {color: #b7b7b7;}
.main-menu button::before,.main-menu button::after {position: absolute;content: '';background: #DAD8D6;left: 0;right: 0;width: 40px;height: 2px; margin: 0 auto;}
.main-menu button::before {bottom: 0;}
.main-menu button::after {bottom: 11px;}
.main-menu {position: relative;padding: 0 0 0 40px;}
.main-menu::before {position: absolute;content: '';left: 0;background: #DAD8D6;width: 1px;height: 94px;top: -33px;}
body.menu-overflow {overflow: hidden;}
.main-menu button:hover::before, .main-menu button:hover::after {background: #b7b7b7;}
.menu {background: #000000c4;height: 100vh;overflow-y: scroll;position: fixed;left: 0;top: 0;width: 100%;pointer-events: none;opacity: 0;visibility: hidden;z-index: 99999;transition: opacity .8s ease-in-out, visibility .8s ease-in-out, z-index 0s,transform .8s ease-in-out;transform: translate(50%, 0px);}
.menu.menu-open {opacity: 1;visibility: visible;z-index: 99999;pointer-events: auto;transition: opacity .3s ease-in-out, visibility .3s ease-in-out, z-index 0s,transform .8s ease-in-out;transform: translate(0%, 0px);}
.menu .right {display: flex;flex-direction: column;justify-content: space-between;position: relative;font-family: "elza",sans-serif;padding: 100px 70px 60px 60px;background: #303030;}
.close-menu button {color: var(--sy2);font-size: 18px;text-transform: capitalize;position: relative;display: flex;justify-content: center;align-items: center;}
.close-menu {position: absolute;top: 33px;right: 30px;}
.close-menu button {width: 40px;height: 45px;display: inline-block;}
.close-menu button::before,.close-menu button::after {position: absolute;content: '';height: 55px;width: 2px;background: white;top: -5px;left: 0;right: 0;margin: 0 auto;transition: all .3s ease-in-out;}
.close-menu button::before {rotate: -40deg;}
.close-menu button:hover::before, .close-menu button:hover::after {
    background: #B6BBA7;
}
.close-menu button::after {rotate: 40deg;}
.company-info li {color: #948D87;text-transform: capitalize;font-size: 16px;margin: 0 0 10px 0;}
.company-info li a {margin: 0 0 0px 0;text-transform: initial;color: white;}
.company-info li h6 {color: white;font-size: 16px;line-height: 20px;margin: 30px 0 0 0;}
.company-info li a:hover {color: #B6BBA7;}
.menu .right h5 {font-size: 16px;color: #948D87;text-transform: capitalize;}
ul.social {display: flex;justify-content: flex-end;}
.social li a {width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;margin: 0 20px 15px 0;color: white;border: 1px solid white;border-radius: 100%;}
.social li a:hover {color: #B6BBA7;border-color: #B6BBA7;}
.menu .left {height: 100vh;overflow-y: scroll;padding: 0 40px 60px 0;}
.menu .left::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 0px red;border-radius: 10px;background-color: transparent;}
.menu .left::-webkit-scrollbar{width: 4px;background-color: transparent;}
.menu .left::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #555;}
.menu .left a {font-size: 140px;line-height: 190px;margin: 20px 0;font-style: italic;text-transform: capitalize;color: #636363;}
.menu .left a:hover {color: black;}

/* menu end */

/* header end */


/* home-banner start */

.home-banner {padding: 300px 0 250px 0;min-height: 100vh;display: flex;justify-content: center;align-items: center;flex-direction: column;position: relative;overflow: hidden; background-size: cover;}
.home-banner h1 {color: white;font-weight: 700;text-transform: uppercase;}
.home-banner video {position: absolute;top: 0;}
.home-events {position: absolute;/* width: 100%; */height: 100vh;top: 0;opacity: 0;visibility: hidden;transition: opacity .3s ease-in-out, visibility .3s ease-in-out, z-index 0s .3s;min-height: 1;}
.home-events.open {opacity: 1;visibility: visible;z-index: 2;pointer-events: auto;transition: opacity .3s ease-in-out, visibility .3s ease-in-out, z-index 0s;}
.home-events .right:hover img, .home-events .left:hover img {opacity: 0;}
.home-events .left.open {transform: translate(0, 0);opacity: 1;}
.home-events .right.open {transform: translate(0, 0);opacity: 1;}
.home-events .right, .home-events .left{display: flex;justify-content: center;align-items: center;padding: 170px 0;min-height: 100vh;position: relative;transition: all 1.2s ease-in-out;z-index: 2;flex-direction: column;opacity: 0;}
.home-events .right{background: url('../images/image-2.png')no-repeat;transform: translate(100%, 0);background-size: cover;}
.home-events .left{background: url('../images/image-1.png') no-repeat;transform: translate(-100%, 0);background-size: cover;}
.home-events .right::before, .home-events .left::before {position: absolute;content: '';background: #0000009e;width: 100%;height: 100%;transition: all 1s ease-in-out;z-index: -1;}
.home-events .right:hover::before, .home-events .left:hover::before {background: #00000024;}
.home-events h2 {color: var(--white);text-transform: capitalize;position: relative;font-style: italic;transition: all .5s ease-in-out;}

.home-events .left .content p {margin: 70px auto 0px auto;}
.home-events .content p {width: 48%;margin: 30px auto 0px auto;color: var(--white);}
.home-events .content {opacity: 0;height: 0;visibility: hidden;transition: opacity .3s ease-in-out .8s, height .3s ease-in-out .8s, visibility .3s ease-in-out .8s;overflow: hidden;}
.home-events .right:hover .content,.home-events .left:hover .content {opacity: 1;height: auto;visibility: visible;}
.home-events a {border: 0;background: #ffffff63;color: white;font-style: normal;font-weight: 400;font-size: 18px;font-style: italic;}
.home-events img {position: absolute;width: 100px;}
.home-events .left img {bottom: 8%;right: 12%;}
.home-events .right img {bottom: 8%;left: 12%;}
.hide-sides{visibility: hidden; opacity: 0;}
.show-sides{visibility: visible; opacity: 1;}
ul.siders {position: fixed;right: -134px;z-index: 9999;width: 318px;height: 50px;background: var(--py);border: 1px solid white;top: 50%;display: flex;rotate: -90deg;align-items: center;justify-content: center;transition: visibility .4s ease-in-out,opacity .4s ease-in-out;}
ul.siders li {display: inline-flex;margin: 0 0;text-transform: capitalize;text-align: center;width: 160px;vertical-align: middle;}
ul.siders li a {padding: 10px;font-family: "elza",sans-serif; text-align: center;width: 100%;text-align: center;line-height: 28px;font-size: 16px;}
ul.siders li a:hover {background: #b5bda5;color: var(--sy-2);}
/* home-banner end */

/* who start */

.who ,.rental-top{background: var(--bg3);padding: 100px 0;overflow-x: hidden;}
.who .paralax {color: #AB9687;text-transform: capitalize;}
.who h2 ,.rental-top h2{font-size: 130px;color: var(--heading);font-style: italic;}
.who h3, .rental-top h4{color: white;margin: 100px 0 0 0;}
.who h3 {line-height: 80px;}
.circle-animation{margin: 90px auto;text-align: center;position: relative;}
.circle {animation: rotate-infinite linear 14s infinite;width: 120px;}
img.arrow-down {position: absolute;width: 20px;left: 0;right: 0;margin: 0 auto;top: 45px;animation: upDown 4s infinite;}
@keyframes rotate-infinite {to {transform: rotate(360deg);}}
@keyframes upDown {
    0% { transform: translateY(0); }
    50% { transform: translateY(20px); }
    100% { transform: translateY(0); }
}
.who video {height: 720px;}
.paralax{font-size: 130px;line-height: 130px;color: white;font-style: italic;font-family: 'Saol Display';width: 100%;white-space: nowrap;}
/* who end */

/* projects start */

.projects{background:var(--bg3);height: 100vh;overflow-x: hidden;}

.projects .left {display: flex;justify-content: center;align-items: center;flex-direction: column;height: 100vh;position: relative;z-index: 9;background: var(--bg3);padding: 0 50px;}
.projects h2 {color: #D3D3CF;text-transform: capitalize;font-style: italic;}
.projects .left a {position: absolute;bottom: 0;color: #787878;font-weight: 500;font-size: 30px;text-transform: capitalize;line-height: 35px;display: block;width: 100%;text-align: center;padding: 20px 0 30px 0;border-top: 1px solid #787878;transition: auto;}
.projects .left a img {margin: 0 0 0 10px;width: 37px;height: 20px;}
.projects .left a:hover {color: white;}
.project-slides{display: flex;flex-wrap: nowrap;position: relative;z-index: 2;}
.projects .slide{background-repeat: no-repeat;background-size: cover;background-position: center;height: 100vh;display: flex;justify-content: end;align-items: center;flex-direction: column;position: relative;width: 600px;padding: 0 0 50px 0;overflow: hidden;transition: auto;}
.projects .slide::after{position: absolute;content: '';width: 100%;height: 100%;z-index: -1;background-repeat: no-repeat;background-size: cover;background-position: center;top: 0;transition: all .3s ease-in-out;}
.projects .slide:hover::after {transform: scale(1.2);}
.projects .slide-1::after{background-image: url('../images/Project-1.png');}
.projects .slide-2::after{background-image: url('../images/Project-2.jpg');}
.projects .slide-3::after{background-image: url('../images/Project-3.jpg');}
.projects .slide-4::after{background-image: url('../images/Project-4.jpg');}
.projects .slide-5::after{background-image: url('../images/Project-5.jpg');}
.projects .slide-6::after{background-image: url('../images/Project-6.jpg');}
.projects .slide-7::after{background-image: url('../images/Project-7.jpg');}
.projects .slide-8::after{background-image: url('../images/big-sky.jpg');}
.projects .slide-9::after{background-image: url('../images/aspen.jpg');}
.projects .slide-10::after{background-image: url('../images/Project-8.jpg');}
.projects .slide-11::after{background-image: url('../images/Project-9.jpg');}
.projects .slide-12::after{background-image: url('../images/Project-10.jpg');}
.projects .slide-13::after{background-image: url('../images/Project-11.jpg');}
.projects .slide-14::after{background-image: url('../images/Project-12.jpg');}
.projects .slide-15::after{background-image: url('../images/Project-13.jpg');}
.projects .slide-16::after{background-image: url('../images/Project-14.jpg');}
.projects .slide-17::after{background-image: url('../images/Project-15.jpg');}
.slide::before {position: absolute;background: #000000;background: linear-gradient(0deg, rgb(0 0 0 / 62%) 0%, rgba(0, 0, 0, 0) 100%);content: '';width: 100%;height: 100%;left: 0;right: 0;bottom: 0;}
.projects .slide h3 {color: #D7D7D4;position: relative;font-style: italic;text-align: center;}
.projects .slide h6 {position: relative;margin: 20px 0 0 0;color: #b5bda5;font-family: "Urbanist", sans-serif;font-size: 17px;line-height: 21px;text-transform: uppercase;text-align: center;}

/* projects end */

/* service start */

.service h2 {text-transform: capitalize;margin: 9% 0 0 25%;font-style: normal;}
.service h3 {font-size: 130px;font-style: italic; color: var(--py);}
.service {padding: 100px 0 150px 0;position: relative;background: var(--bg);overflow: hidden;}
.service .content-box {padding: 30px 0 0 31%;width: 58%;}
.service .content-box p {color: var(--py);line-height: 28px;}
.service .paralax {color: #636363;}
.service .img-1 {position: relative;left: -70px;width: 500px;top: -270px;margin: 0 0 100px 0;}
.service .img-3 {position: absolute;right: 80px;bottom: 70px;}
.service .img-2 {position: absolute;left: 20%;bottom: 90px;height: 400px;z-index: 1;transition: unset;}
.service .img-4 {position: absolute;bottom: 450px;width: 310px;left: 33%;}

/* service end */

/* furniture start */
.furniture {background: var(--bg2);padding: 100px 0 300px 0;overflow-y: hidden;}
.furniture h2 {margin: 0 0 0 20%;}
.furniture .content {padding: 60px 0 0 170px;font-family: "elza", sans-serif;}
.furniture .content p {color: var(--py);margin: 30px 0 0 0;}
.furniture .content .flex-shrink-0 {width: 24%;}
.furniture .content a {display: inline-block;margin-left: 50px;}
.furniture .img-1 {margin: 100px 0 0 230px;width: 470px;}
.furniture .img-2 {position: absolute;top: 410px;right: 200px;}
.furniture .img-3 {position: absolute;bottom: 60px;right: 70px;z-index: 1;}
.furniture .img-4 {width: 500px;height: 600px;position: absolute;left: 39%;top: 450px;}

/* furniture end */

/* lighting start */
.lighting {background: var(--bg);padding: 100px 0 540px 0; overflow-y: hidden;}
.lighting h2 {margin: 0 0 0 350px;}
.lighting .content {width: 40%;margin: 100px 0 0 340px;}
.lighting .img-2 {position: absolute;bottom: 100px;margin: 0 0 0 -130px;z-index: 1;}
.lighting .img-3 {position: absolute;right: 140px;top: 400px;}
.lighting .img-1 {margin: 70px 0 0 0;}
.lighting .img-4 {position: absolute;bottom: 120px;right: 450px;height: 290px;}
/* lighting end */

/* decor start */
.decor {background: var(--bg2);padding: 100px 0;}
.decor span {margin: 0 0 0 120px;font-style: normal;}
.decor p {width: 50%;}
.decor .img-2 {position: relative;left: 340px;margin: 70px 0 0 0;z-index: 2;height: 630px;}
.decor h2 {margin: 0 0 60px 0;}
.decor .img-1 {position: relative;left: 190px;bottom: 170px;z-index: 2;height: 490px;}
.decor .img-3 {position: relative;left: -300px;z-index: 1;top: 110px;}
/* decor end */

/* insta start */
.insta {background: var(--bg);padding: 90px 0 20px 0;}
.insta a {margin: 0 0 90px 0;border-bottom: 2px solid black;display: inline-block;font-style: italic;font-size: 40px;line-height: 60px;color: black;}
.insta .slick-slide {margin: 2px;}
/* insta end */

/* footer start */

footer {background: var(--sy-2);background-repeat: no-repeat;background-position: bottom center;padding: 100px 0;min-height: 100vh;background-size: contain;position: relative;}
footer::after {background: url('https://squareup-dutchess.s3.eu-central-1.amazonaws.com/footer-shape-2.png');width: 100%;height: 144px;position: absolute;content: '';bottom: 0;background-repeat: no-repeat; background-size: contain; background-position: bottom center;}
footer .social-links a{width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;margin: 0px 20px 0 0;border-radius: 100%;border: 1px solid;}
footer a {color: var(--sy);font-weight: 400;font-family: "elza",sans-serif;text-transform: capitalize;margin: 0 0 5px 0;}
footer h1 {font-size: 200px;color: #C7C5C3;font-weight: 700;margin: 200px 0 50px 0;line-height: 200px;text-transform: uppercase;}
.location li:not(:first-child) {margin: 0 0 20px 0;}
.location li:nth-child(4) a, .location li:nth-child(5) a {border-bottom: 1px solid var(--sy);position: relative;}
.location li:nth-child(4) a:hover, .location li:nth-child(5) a:hover {border-color: white;}
.location li:nth-child(4) a:hover::after, .location li:nth-child(5) a:hover::after {background-color: white;}
/* footer end */

/*======================= process start here==============*/

.process {background: var(--bg);overflow: hidden;}
.process .paralax {margin: 110px 0 40px 0;color: #636363;text-transform: capitalize;}
.process-slider .img-div::before {top: 0;position: absolute;content: '';background: #0000004d;width: 100%;height: 100%;z-index: 1;left: 0;right: 0;}
.img-div {position: relative;}
.img-div img{width: 100%;}
.process .content {position: absolute;bottom: 0;left: 0;right: 0;z-index: 9;text-align: center;margin: 0 auto;bottom: 70px;line-height: 1;display: inline-block;vertical-align: bottom;}
.process-slider .item {position: relative;}
.process .content h2 {font-style: italic;color: white;}
.process .content h6 {color: white;font-weight: 600;}
.process .content p {color: white;width: 36%;margin: 40px auto 0 auto;}
.slick-next::before,.slick-prev::before {display: none;}
.slick-prev, .slick-next{z-index: 1;bottom: 0;top: unset;bottom: 170px;}
.slick-prev {left: 21%;}
.slick-next {right: 20%;}
/*======================= process end here==============*/

/*======================= hive start here==============*/

.custom-radio {
  display: block;
  position: relative;
  padding-left: 40px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.custom-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.custom-radio .checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: transparent;
  border-radius: 50%;
  border: 1px solid #828282;
}

.custom-radio:hover input ~ .checkmark {
}
.custom-radio input:checked ~ .checkmark {
  background-color: #dbd9d7;
}
.custom-radio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.custom-radio input:checked ~ .checkmark:after {
  display: block;
}
.custom-radio .checkmark:after {
 	top: 5px;
 	left: 5px;
 	width: 8px;
 	height: 8px;
 	border-radius: 50%;
 	background: black;
}
.the-hive {background: #DFDBD6;padding: 170px 0;overflow-x: hidden;}

.the-hive .paralax,.wishlist .paralax {
    color: #636363;
    text-transform: capitalize;
}

.the-hive h3 {
    margin: 110px 0 0 0;
    line-height: 85px;
}

section.team {
    background: var(--bg3);
}

.team .member-img {
    border: 1px solid #232323;
    position: relative;
}
.team .member-img img{width: 100%;}

.team .member-details {
    position: absolute;
    bottom: 0;
    padding: 30px;
}

.team .member-details h5 {
    color: #D3C7BA;
    font-weight: 600;
}

.team .member-details p {
    margin: 10px 0 0 0;
    font-style: italic;
    font-family: 'Saol Display';
    color: #D3C7BA;
    font-size: 20px;
}

.office {
    background: var(--bg3);
    padding: 200px 0 600px 0;
}

.office img.img-2,.office img.img-3 {
    position: absolute;
}

.office img.img-2 {
    right: 18%;
    bottom: 200px;
}

.office img.img-3 {
    top: 16%;
    right: 6%;
    /* width: 650px; */
}

.office .img-1 {
    position: relative;
    left: 6%;
}
.contact {
    background: var(--bg);
    padding: 100px 0;
    overflow-x: hidden;
}
.contact .container-fluid,.wishlist .container-fluid,.project-bottom .container-fluid{padding: 0 200px;}
.contact .paralax {
    color: #636363;
    text-transform: capitalize;
}
.service-label {
    border-top: 1px solid #ffffff4a;
    margin: 30px 0 0 0;
}

.date-label {
    border-top: 1px solid #ffffff4a;
    border-bottom: 1px solid #ffffff4a;
    margin: 30px 0 0 0;
    padding-bottom: 30px;
}

.contact-frm input[type="date"] {
    border: 1px solid #828282;
    width: 260px;
    background: transparent;
}

.contact-frm {
    border-radius: 20px;
    background: #CCCBCA;
    padding: 120px 180px;
    margin: 100px 0 0 0;
    box-shadow: 2px 0 10px 0 rgb(0,0,0,.2);
}

.contact-frm h3 {
    text-align: center;
    text-transform: capitalize;
    margin: 0 0 50px 0;
    color: black;
}

.contact-frm form {
    font-family: "Urbanist", sans-serif;
}

.contact-frm label {
    text-transform: capitalize;
    color: black;
    font-size: 21px;
    margin: 30px 0 10px 0;
    display: block;
    font-weight: 500;
}

.contact-frm h6 {
    font-size: 16px;
    color: black;
    line-height: 23px;
    font-weight: 500;
    margin-top: 5px;
}

label.custom-radio {
    line-height: 25px;
    font-size: 16px;
}

.contact-frm p {
    margin: 0 0 0 0;
    font-size: 14px;
    line-height: 19px;
    color: black;
}

.contact-frm select {
    margin: 20px 0 0 0;
}

.contact-frm button,.send-btn {
    font-family: 'Saol Display';
    padding: 10px 50px;
    font-size: 30px;
    line-height: 35px;
    background: #303030;
    color: #B6BCA6;
    margin: 70px 0 0 0;
}
.contact-frm textarea {
    height: 200px;
}
/*======================= hive end here==============*/

/*======================= wishlist start here==============*/

.wishlist {background: var(--bg2);padding: 200px 0;}
.wishlist-box {background: var(--bg2);border: 2px solid var(--bg2);position: relative;}
.wishlist-content {bottom: 0;padding: 20px;}
.wishlist-img img {object-fit: contain;height: 372px;}
.wishlist-img {padding: 10px;background: white;}
.wishlist-content h6 {font-family: "Urbanist", sans-serif;border: 2px solid black;border-radius: 8px;padding: 4px 10px;font-size: 20px;line-height: 25px;}
.wishlist-content button {font-style: italic;text-transform: capitalize;text-decoration: underline !important;color: black;}
.wishlist .paralax {
    margin: 0 0 100px 0;
}

.wishlist-modal .contact-frm {
    margin: 0;
    box-shadow: none;
    padding: 80px;
}

.wishlist-modal .modal-body {
    background: #CCCBCA;
}

.wishlist-modal .container-fluid {
    padding: 20px 350px;
}

.modal button.btn-close {
    position: absolute;
    right: 40px;
    top: 40px;
    z-index: 9;
}

.wishlist-modal .modal-content {padding: 10px;border-radius: 20px;background: #CCCBCA;box-shadow: 2px 0 10px 0 rgb(0,0,0,.2);}

.modal-backdrop.show {opacity: 1;background: #e5e1dcb5;}
/*======================= wishlist end here==============*/


/* project-details start  */
.project-top{background: url('../images/project-hero.png') no-repeat;background-size: cover;background-position: bottom center;padding: 200px 0 570px 0;background-color: var(--bg);}
.project-gallery {padding: 0 100px;}
.project-gallery .project-grid {display: grid;grid-template-columns: repeat(3, 1fr);grid-auto-rows: 500px;gap: 2px;}
.project-gallery .grid-item img {width: 100%;height: 100%;object-fit: cover;display: block;}
.gal-5 {
    grid-row: 2;
    grid-column: 1;
}

.gal-6 {
    grid-row: span 2;
    grid-column: span 2;
}

.gal-4 {
    grid-row: 3;
    grid-column: 1;
}
 
.grid-item.gal-13 {grid-row: 6;grid-column: span 2;}

.grid-item.gal-19 {
    grid-row: 8;
    grid-column: span 2;
}
 

.grid-item.gal-18 {
    grid-row: 8;
    grid-column: 1;
}

.grid-item.gal-20 {
    grid-row: 9;
    grid-column: span 2;
}
.project-top .paralax {
    font-size: 260px;
    line-height: 290px;
    text-transform: capitalize;
    color: #E0DAD3;
}

.project-top h6 {
    color: #E0DAD3;
    font-size: 40px;
    text-transform: uppercase;
    letter-spacing: 5px;
}

.project-bottom p {
    font-family: "Urbanist", sans-serif;
    margin: 0px 0 50px 0;
    color: black;
    font-weight: 400;
}

.project-bottom {
    background: #E0DAD3;
    padding: 150px 0 0 0;
}
.credits {
    margin: 200px 0 0 0;
}

.credits .row {
    border-color: #3a3a3a !important;
}

.credits .border-end {
    border-color: #3a3a3a !important;
    padding: 60px;
}

.credits h5 {
    text-transform: uppercase;
    font-weight: 700;
}

.credit-info {
    padding: 60px 40px 60px 240px;
    display: flex;
}

.credit-info ul {
    margin: 0 110px 0 0;
}

.credit-info ul li {
    color: #515151;
    font-size: 18px;
    line-height: 28px;
    font-family: "elza",sans-serif;
    /* word-break: break-word; */
}
.credit-info ul li a {color: #515151;}
.credit-info ul li a:hover {color: #9d9d9d;}
.slides-nav {
    display: flex;
    justify-content: space-between;
    /* background: #B5BDA5; */
}

.slides-nav button:hover {background: #a0a88e;}
.slides-nav button {
    width: 50%;
    padding: 70px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: capitalize;
    font-style: italic;
    font-size: 55px;
    border-left: 1px solid black;
    color: #303030;
    background: #b5bda5;
}

.slides-nav button img {
    filter: contrast(0) brightness(0);
    margin: 0  40px;
}
/* project-details end */

/* rental-collection start */

.rental-top .paralax{color: #B29D8E;margin: 50px 0 0 0;}
.rental-bottom .nav-link {font-size: 90px;line-height: 95px;text-transform: uppercase;font-weight: 600;color: #636363;display: block;width: 100%;text-align: start;padding: 20px 70px;border: 0;border-bottom: 1px solid #636363;}
.rental-bottom nav {padding: 0 30px;border: 0;}
.rental-bottom {background: #DFDAD6;padding: 80px 0 0 0;}
.rental-bottom .nav-link:hover {font-weight: 400;font-style: italic;border-bottom-color: #636363;text-transform: capitalize;}
.rental-bottom .nav-link.active {color: #636363;background: transparent;}
.inner-tabs .nav-link {
    font-size: 16px;
    line-height: 18px;
    font-family: "Urbanist", sans-serif;
    border: 0;
    padding: 0 20px;
    margin: 0;
    text-transform: uppercase;
    color: #DFDAD6;
    border-left: 1px solid #DFDAD6;
    border-radius: 0;
    letter-spacing: 3px;
    font-weight: 300;
}

.inner-tabs {
    justify-content: space-between;
    align-items: center;
    background: #303030;
    padding: 30px;
}

.inner-tabs .d-flex li.nav-item {
}

.inner-tabs button.py-btn {
    margin: 0;
    margin-right: 50px;
}
.inner-tabs h6 img {
    width: 18px;
    margin: 0 0 -2px 15px;
}
.inner-tabs h6 {
    font-size: 50px;
    color: #DFDAD6;
    font-style: italic;
    text-transform: capitalize;
    line-height: 65px;
    margin: 0 0 5px 0;
}

.inner-tabs .nav-link:hover,.inner-tabs .nav-link.active {
    color: #DFDAD6;
    padding: 0 20px;
    font-style: normal;
    font-weight: 400 !important;
    text-transform: uppercase;
}

.inner-tabs .nav-item:first-child .nav-link {
    border: 0;
}
.rc-left {
    background: white;
}

.rc-box {
    text-align: center;
    border: 1px solid #f3f3f3;
    width: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.rc-box button {
    font-size: 18px;
    text-transform: capitalize;
    font-family: "Urbanist", sans-serif;
    color: var(--py);
    border: 1px solid var(--py);
    border-radius: 13px;
    padding: 12px;
    min-width: unset;
}

.rc-box button:hover {
    background: var(--py);
    color: white;
}
.rc-box img {
    width: 174px;
    display: block;
    margin: 0 auto;
}


.rc-slider, .rc-slider .slick-list, .rc-slider .slick-track, .rc-slider img {
    height: 100%;
}

.inner-tabs button.py-btn::before {
    position: absolute;
    content: '';
    width: 40px;
    height: 76px;
    background: url('../images/arrow-left.png');
    bottom: 100px;
    rotate: 90deg;
    filter: grayscale(0) brightness(0.5);
    z-index: 999;
}
.rental-modal .modal-dialog {
    max-width: 600px;
}

.rental-modal .modal-content {background: #D7D5D3;border: 0;border-radius: 20px;font-family: "Urbanist", sans-serif;padding: 0 0 10px 0;}
.rental-modal  h5 {font-family: 'Saol Display' !important;font-size: 37px;margin: 10px 0;}
.rental-modal-slider {margin: 30px 0 0 0;}
.rental-modal img.img-fluid {
    width: 300px;
    display: block;
    margin: 0 auto;
}

.rental-modal .slick-next img,.rental-modal .slick-prev img {
    filter: grayscale(0) brightness(0.5);
    width: 15px;
    position: absolute;
    top: 50px;
}

.rental-modal .slick-next img {
    right: -80px;
}

.rental-modal .slick-prev img {
    left: -80px;
}

.rental-modal button.py-btn {
    background: var(--py);
    margin: 20px 0;
    padding: 12px 40px;
    font-style: normal;
}

.rental-modal  p {
    margin: 4px 0 0 0;
    font-size: 15px;
    line-height: 18px;
}

.rental-modal h6 {
    margin: 20px 0 0 0;
    font-size: 14px;
}

.rental-modal button.btn-close {
    top: 20px;
    right: 20px;
}


.rc-box h6 {
    margin: 10px 0 30px 0;
}

/* rental-collection end */


/* hey */
/*======================= responsive start here==============*/
@media (max-width: 1660px) 
{
	.home-banner {padding: 100px 0;}
	.office img.img-3 {
    width: 650px;
    right: 10%;
}

.office .img-1 {
    height: 800px;
    left: 10%;
}

.office img.img-2 {
    width: 800px;
    bottom: 270px;
    right: 14%;
}
	.furniture .img-4 {
    left: 38%;
    width: 350px;
    height: auto;
    top: 420px;
}
    .top-menu {
    padding: 20px 40px;
}
    .menu .right {padding: 100px 30px 30px 40px;}
	.decor {padding: 100px 0 0px 0;}

footer {
}

    .decor p {
    width: 71%;
}
	footer h1 {
    font-size: 170px;
    line-height: 120px;
    vertical-align: baseline;
    margin: 200px 0 70px 0;
}
	 .furniture {
    padding: 100px 0 200px 0;
}



.decor .img-1 {height: 330px;}

.decor .img-3 {
    width: 560px;
    top: 20px;
}
    .home-events h2 {
    font-size: 80px;
    line-height: 86px;
}

.projects h2 {
    font-size: 120px;
    line-height: 120px;
}

.service .img-1 {
    width: 450px;
}

.service h2 {
    margin: 9% 0 0 16%;
}

.service .content-box {
    width: 65%;
}

.service .img-3 {
    width: 460px;
    bottom: 150px;
}

 

.furniture .img-1 {
    margin: 50px 0 0 170px;
    width: 370px;
}

.furniture .content .flex-shrink-0 {
    width: 34%;
}

.furniture .content {
    padding: 60px 0 0 50px;
}

.furniture .img-2 {
    right: 100px;
    width: 220px;
}

.furniture .img-3 {
    width: 520px;
    bottom: 50px;
    right: 200px;
}

.lighting .content {
    margin: 100px 0 0 200px;
    width: 40%;
}

.lighting h2 {
    margin: 0 0 0 200px;
}
.lighting {padding: 100px 0 170px 0;}
.lighting .img-3 {
    width: 400px;
    right: 240px;
}

.lighting .img-1 {
    width: 800px;
}

.lighting .img-2 {
    width: 260px;
    bottom: 70px !important;
    margin: 0 0 0 -40px;
    bottom: 0;
}

.lighting .img-4 {
    bottom: 100px;
    right: 380px;
    height: 210px;
}

.decor .img-2 {
    height: 540px;
    margin: 0;
    left: 250px;
}
	 
}
@media (max-width: 1440px) 
{
	.rental-modal .slick-next img {right: -60px;}
.rental-modal .slick-prev img {left: -60px;}
    .project-top {padding: 200px 0 370px 0;}
	.project-gallery .project-grid {grid-auto-rows: 400px;}
    .credit-info {padding: 60px 40px 60px 180px;}
    .wishlist-modal .container-fluid {padding: 20px 250px;}
	.wishlist-modal .contact-frm {
    padding: 40px;
}

.contact-frm h3 {
    margin: 20px 0 20px 0;
}
	.wishlist {
    padding: 120px 0;
}

.wishlist .paralax {
    margin: 0 0 50px 0;
}

	.wishlist-img img {height: 300px;}
	.office .img-1 {
    height: 700px;
    left: 10%;
}

.office img.img-3 {
    width: 550px;
    top: 21%;
}

.office img.img-2 {
    width: 650px;
    bottom: 180px;
}

.office {
    padding: 200px 0 400px 0;
}
    .process .content p {width: 42%;}
    .slick-prev {left: 14%;}
    .slick-next {right: 15%;}
    
	.furniture .img-1 {
    margin: 70px 0 0 110px;
}

.furniture .img-3 {
    right: 120px;
}
	.home-events h2 {
    font-size: 80px;
    line-height: 85px;
}
.who h4{font-size: 40px;line-height: 60px;}
.rental-top h4 {
    font-size: 30px;
    line-height: 50px;
}
.decor .img-3 {
    width: 500px;
    top: 20px;
    left: -160px;
}

.decor .img-2 {
    height: 500px;
    left: 300px;
}

footer h1 {
    margin-top: 130px;
}
    .lighting {padding: 100px 0 280px 0;}
.lighting .img-3 {
    width: 410px;
    /* height: 400px; */
    right: 240px;
}

.lighting .img-1 {
    width: 600px;
}

.lighting .img-2 {
    width: 260px;
    bottom: 110px !important;
    left: 600px;
}

.lighting .img-4 {
    bottom: 130px;
    right: 460px;
    height: 150px;
}
 
}
@media (max-width: 1366px) {

	.wishlist-img img {
    height: 270px;
}
.office .img-1 {
    
    left: 6%;
}
	 .lighting .img-2 {
    left: 560px;
}

.lighting .img-4 {
    right: 450px;
    bottom: 150px;
}

.decor .img-2 {
    left: 240px;
}

.decor .img-1 {
    left: 140px;
}

.decor .img-3 {
    left: -230px;
}
	.lighting .content {
    width: 35%;
}

.lighting .img-3 {right: 120px;}

.lighting .img-2 {
    left: 550px;
}
}
@media (max-width: 1280px) {
	.inner-tabs h6 img {
    margin: 0 0 -9px 15px;
}
	.inner-tabs h6 {font-size: 30px;}
.inner-tabs .nav-link,.inner-tabs .nav-link:hover, .inner-tabs .nav-link.active {
    padding: 0 10px;
}

.inner-tabs {
    padding: 30px 10px;
}
	.project-gallery .project-grid {grid-auto-rows: 300px;}
	.the-hive h3 {font-size: 50px;line-height: 75px;margin: 90px 0 0 0;}

.the-hive {
    padding: 140px 0 90px 0;
}

.office .img-1 {height: 650px;}

.office img.img-3 {
    width: 500px;
}

.office img.img-2 {
    width: 550px;
    right: 20%;
    bottom: 130px;
}

.office {
    padding: 200px 0 270px 0;
}

.contact-frm h3 {
    font-size: 45px;
}

.contact-frm label {
    font-size: 18px;
}

.contact-frm {
    padding: 80px 110px;
}
	.service .img-3 {width: 370px;}
.service .img-1 {left: -120px;}
.service .img-2 {height: 350px;}
.service .img-4 {left: 36%;bottom: 370px;}
.furniture .img-1 {margin: 70px 0 0 50px;}
	.service {
    padding: 100px 0;
}
.lighting .img-2 {
    left: 570px;
}

.lighting .img-4 {
    right: 350px;
}

.decor .img-1 {
    bottom: 100px;
}

.decor .img-2 {
    top: 80px;
}

.decor .img-3 {
    top: 80px;
}

footer h1 {
    font-size: 140px;
    line-height: 150px;
    margin: 60px 0 45px 0;
}
    .lighting .content {
    width: 40%;
}
	 
}

@media (max-width: 1050px) {
	.who h3 {font-size: 40px;line-height: 54px;}
	.project-gallery {padding: 0 60px;}
	footer h1 {font-size: 120px;line-height: 130px;margin: 60px 0 0 0;}
	footer::after {background-size: cover;height: 100px;}
	.insta a {
    margin: 0 0 70px 0;
}
    .credits {
    margin: 50px 0 0 0;
}
	.credit-info {
    padding: 60px 40px 60px 40px;
}

.slides-nav button {
    flex-direction: column;
    font-size: 30px;
    padding: 40px 10px;
}

.slides-nav button img {
    width: 20px;
    margin: 0 0 20px 0;
}

.slides-nav button + button {
    flex-direction: column-reverse;
}

.credit-info ul {
    margin: 0 50px 0 0;
}
    .project-bottom {
    padding: 50px 0 0 0;
}
	.project-top .paralax {font-size: 120px;line-height: 140px;}
	.project-top {
    padding: 150px 0 270px 0;
}

.contact .container-fluid, .wishlist .container-fluid, .project-bottom .container-fluid {padding: 0 100px;}
	.furniture .img-1 {
    width: 300px;
}

.furniture .img-4 {
    width: 270px;
    top: 480px;
}

.furniture .img-3 {
    width: 350px;
}
.service .img-4 {
    width: 210px;
}

.service .img-3 {
    width: 300px;
    bottom: 50px;
}

.service .img-2 {
    height: 260px;
    bottom: 150px;
}

.service .img-1 {
    width: 400px;
}
	 .paralax {
    font-size: 80px;
    line-height: 85px;
}

.who ,.rental-top {
    padding: 50px 0;
}

.who video {
    height: 500px;
}

.service .content-box {
    width: 75%;
    padding: 30px 0 0 36%;
}

.service {
    padding: 50px 0;
}

.service h2 {
    margin: 9% 0 0 25%;
}

h2 {
    font-size: 100px;
    line-height: 126px;
}

.furniture .content {
    padding: 10px 0 0 50px;
}

.furniture .content .flex-shrink-0 {
    width: 45%;
}

.lighting .img-1 {
    width: 480px;
}

.lighting .img-3 {
    width: 330px;
    top: 230px;
}

.lighting .content {
    margin: 40px 0 0 120px;
}

.lighting h2 {
    margin: 0 0 0 110px;
}

.lighting .img-2 {
    left: 460px;
    width: 220px;
    bottom: 40px !important;
}

.lighting {
    padding: 50px 0 100px 0;
}

.lighting .img-4 {
    right: 27%;
    bottom: 90px;
    height: 120px;
}

.decor .img-2 {
    left: 100px;
}

.decor .img-1 {
    left: 30px;
    height: 230px;
    bottom: 40px;
}

.decor .img-3 {
    top: 20px;
}

.decor {
    padding: 50px 0 30px 0;
}

.insta {
    padding: 50px 0 20px 0;
}

 
}
@media (min-width: 768px) and (max-width: 991px) {
	.inner-tabs .nav-link {padding: 10px 0 0px 20px !important;
    margin: 10px 0 0px 0;
    font-size: 25px;
    width: 100%;
    display: block;
    border-left: 0;
    border-top: 1px solid white;
}

	footer h1 {font-size: 90px;line-height: 100px;}
	.insta a {
    margin: 0 0 60px 0;
}
.rc-right img {
    height: 600px;
    object-position: bottom;
}
	.rental-bottom .nav-link {
    font-size: 60px;
    line-height: 60px;
    padding: 20px 20px;
}

.rental-bottom nav {
    padding: 0 15px;
}

.rental-bottom {
    padding: 30px 0 0 0;
}
	.service .img-2 {
    bottom: 90px;
}

.service .img-4 {
    bottom: 300px;
    left: 34%;
}
	.furniture {
    padding: 100px 0 250px 0;
}
	 .menu .top a {
    font-size: 35px;
    line-height: 40px;
}

.home-events .content p {
    width: 75%;
}

.home-events h2 {
    font-size: 60px;
    line-height: 65px;
}

.circle-animation {
    margin: 20px auto 30px auto;
}

.projects .left h2 {font-size: 80px;line-height: 102px;}

.projects .slide {
    width: 450px;
}

.service .img-3 {
    width: 320px;
}

.service h2 {
    margin: 5% 0 0 30%;
}

.service .content-box {
    padding: 0px 0 0 36%;
}

.service {
    padding: 50px 0 0px 0;
}

.furniture .img-3 {
    bottom: 30px;
}

.lighting .img-3 {
    top: 260px;
}

.lighting .img-4 {
    bottom: 50px;
    right: 22%;
    height: 150px;
}
.who video {
    height: 400px;
}

.decor {
    padding: 50px 0 60px 0;
}
.furniture .content .flex-shrink-0 {
    width: 50%;
}

.decor p {
    width: 90%;
}
.projects .left {
    padding: 0 30px;
}

.projects .left a {
    font-size: 25px;
    line-height: 30px;
}

.projects .left a img {
    width: 25px;
    margin: 0 0 0 5px;
}
.home-events .right img,.home-events .left img {
    width: 60px;
}
}

@media (max-width: 767px) {
    .inner-tabs button.py-btn {
        margin-right: 0;
    }


.inner-tabs .nav-link {padding: 10px 0 0px 20px !important;
    margin: 10px 0 0px 0;
    font-size: 25px;
    width: 100%;
    display: block;
    border-left: 0;
    border-top: 1px solid white;
}

footer::after {height: 70px;}
footer {padding: 100px 0 75px 0; }
.insta a {
    margin: 0 0 60px 0;
}

	.rental-bottom .nav-link {
    font-size: 30px;
    line-height: 35px;
    padding: 20px 10px;
}

.rental-bottom nav {
    padding: 0 15px;
}

.rental-bottom {
    padding: 30px 0 0 0;
}
	.service .img-2 {
    bottom: 90px;
}


    .rc-right img {
    height: 600px;
    object-position: bottom;
}
	.service .img-4,.service .img-2,.furniture .img-4 {display: none;}
.projects-container{overflow-x: hidden;}
	.service .img-2 {
    bottom: 90px;
}

.service .img-4 {
    bottom: 300px;
    left: 34%;
}
.furniture {
    padding: 100px 0 250px 0;
}
    footer .social-links {
    margin: 30px 0;
}
	.furniture .img-1 {
    width: 250px;
    height: 500px;
}

.furniture .img-2 {
    width: 180px;
    top: 470px;
}

.lighting .img-3 {
    width: 210px;
    height: 380px;
    right: 60px;
    top: 120px;
}

.lighting .content {
    margin: 40px 0 0 40px;
    width: 52%;
}

.lighting h2 {
    margin: 0 0 0 40px;
}

footer h1 {
    font-size: 80px;
    line-height: 85px;
}

 

.decor .img-2 {
    height: 320px;
    margin: 0 auto;
    left: 0;
    top: 0;
}

.decor .img-1 {position: absolute;bottom: 0;left: 28%;margin: 0 auto;height: 170px;}

.decor .img-3 {
    display: none;
}

.decor p,.decor a {
    margin: 30px 0 0 30px;
}
.home-events .right img,.home-events .left img {
    width: 60px;
}
     .menu .top a {
    font-size: 30px;
    line-height: 30px;
    margin: 0 0 20px 0;
}

.home-events .content p {
    width: 75%;
    margin: 30px auto 0px auto !important;
}

.home-events h2 {
    font-size: 60px;
    line-height: 65px;
}

.circle-animation {
    margin: 20px auto 30px auto;
}

.projects .left h2 {font-size: 60px;line-height: 72px;}

.projects .slide {
    width: 450px;
}

.service .img-3 {
    width: 250px;
    bottom: 50px;
}

.service h2 {
    margin: 5% 0 0 27%;
}
.service .content-box p {
    margin: 40px 0 0 0;
}
.service .content-box {
    padding: 0px 0 0 33%;
    width: 90%;
}

.service {
    padding: 50px 30px 400px 30px;
}

.furniture .img-3 {
    bottom: 60px;
    width: 350px;
}

.lighting .img-3 {
    top: 260px;
}

.lighting .img-4 {display: none;}
.who video {
    height: 300px;
    margin: 20px 0 0 0;
}

.decor {
    padding: 50px 0 60px 0;
}
.furniture .content .flex-shrink-0 {
    width: 50%;
}

.decor p {
    width: 87%;
}
	 .projects .left {
    padding: 0 30px;
}

.projects .left a {
    font-size: 25px;
    line-height: 30px;
}

.projects .left a img {
    width: 25px;
    margin: 0 0 0 5px;
}
	.who h4,.rental-top h4 {
    font-size: 25px;
    line-height: 40px;
    margin: 50px 0 0 0;
}

.circle {
    width: 120px;
}
img.arrow-down {
    width: 20px;
    top: 30px;
}

.service .img-1 {
    width: 350px;
    top: 270px;
    position: absolute;
    margin: 0;
}
}
@media (max-width: 576px) {
	
	.rental-modal img.img-fluid {width: 230px;}
	.rental-modal .slick-next img, .rental-modal .slick-prev img {top: 0;}
	.rental-top h4 {padding: 0 20px;}
	.who h3 {margin: 50px 0 50px 0;font-size: 35px;line-height: 50px;padding: 0 20px;}
	.project-gallery {padding: 0 20px;}
	.project-top .paralax {font-size: 60px;line-height: 75px;}
	.project-gallery .project-grid {grid-auto-rows: 240px;}
    .rc-right{display: none;}
	.inner-tabs .nav-link {
    padding: 5px 0 0px 20px !important;
    margin: 5px 0 0px 0;
    font-size: 18px;
    width: 100%;
    display: block;
    border-left: 0;
    border-top: 1px solid white;
}

	.rental-modal .slick-next img {right: -40px;}
.rental-modal .slick-prev img {left: -40px;}
	footer::after {height: 46px;}
	.home-events .content {opacity: 1;height: auto;visibility: visible;}
	.insta {padding: 15px 0 20px 0;}
.insta a {margin: 0 0 30px 0;}
	.home-events .content a {margin-bottom: 10px;}
	.home-events .content p {width: 85%;}
	footer a {font-weight: 100;line-height: 30px;}
 .home-events .left {transform: translate(0,-100%);}
.home-events .right {transform: translate(0,100%);}
    .projects-container {
    position: relative;
}
	.wishlist-content {
    padding: 10px;
}

.wishlist-content button {
    font-size: 20px;
    line-height: 25px;
}

.wishlist-content h6 {
    padding: 2px 10px;
    font-size: 16px;
    line-height: 22px;
}
    .contact-frm textarea {
    height: 120px;
}
	.contact {
    padding: 50px 0;
}
	.team .member-details h5,.team .member-details p {
    font-size: 16px;
    line-height: 20px;
}

.team .member-details {
    padding: 15px 10px;
}

.contact-frm h3 {
    font-size: 38px;
}

.contact-frm button {
    margin: 30px 0 0 0;
}
.rc-box button {
    min-width: 100%;
    padding: 12px 0;
    width: 100%;
    font-size: 16px;
}

.rc-box {
    padding: 15px;

}
	.rental-top .circle-animation {
    margin: 50px auto 0 auto;
}

    .rental-bottom {
    padding: 0;
}
    .process .content h2 {
    font-size: 45px;
    line-height: 45px;
}
    .slides-nav button {
    font-size: 26px;
    padding: 30px 10px;
}
	.credit-info ul li {
    font-size: 14px;
    line-height: 24px;
}

.credits h5 {
    font-size: 16px;
}
	.rc-box h6 br {
    display: none;
    line-height: 21px;
}
	.wishlist-modal .contact-frm {padding: 20px 0;}
	.wishlist .container-fluid {padding: 0 10px !important;}
.send-btn {margin: 0 0 0 0;}
.wishlist {padding: 90px 0 50px 0;}
	.office img.img-3 {
    top: 10%;
    right: 15%;
    width: 180px !important;
    height: 120px !important;
}

.office {
    padding: 200px 0 120px 0;
}

.office .img-1 {
    top: 0px;
    left: 0;
    height: 200px !important;
    width: 150px !important;
    z-index: 9;
}

.office img.img-2 {
    right: 11%;
    bottom: 70px;
}
	.the-hive h3 {
    font-size: 30px;
    line-height: 45px;
    margin: 40px 0 0 0;
    padding: 0 20px;
}

.paralax {
    font-size: 60px;
    line-height: 65px;
}

.the-hive {
    padding: 80px 0 40px 0;
}

.office img {
    width: 180px !important;
    height: 120px !important;
}

.contact-frm {
    padding: 15px;
    margin: 50px 0 0 0;
}
	.project-top h6 {font-size: 22px;margin: 0 0 5px 0;}
	.credits .border-end {text-align: center !important;padding: 40px 0 0;}
.credit-info {padding: 35px 40px 60px 20px;}
.credit-info ul {margin: 0 20px 0 0;}
.gal-6 {
    grid-area: 2 / 1 / 4 / 4;
}

.gal-5 {
    grid-row: 4;
    grid-column: 1;
}

.grid-item.gal-13 {grid-column-start: 1;grid-column-end: 4;}

.grid-item.gal-19 {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row: 9;
}

.grid-item.gal-20 {grid-row: 10;grid-column: span 3;}

.grid-item.gal-21 {
    display: none;
}
	.project-bottom p {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
}

.contact .container-fluid, .wishlist .container-fluid, .project-bottom .container-fluid {
    padding: 0 30px;
}
	.process-slider .item, .img-div,.img-div img {
    min-height: 600px;
}

.slick-next img, .slick-prev img {
    height: 30px;
}

.process .content p {
    width: 80%;
    font-size: 20px;
    line-height: 26px;
    font-weight: 100;
}

.slick-next , .slick-prev {
    top: 47%;
}

.slick-next {
    right: 10%;
}

.slick-prev {
    left: 10%;
}

.process .slick-dots {
    bottom: 20px;
}

.slick-dotted.slick-slider {
    margin: 0;
}

.slick-dots li.slick-active button:before {
    background: white;
    content: '';
    border-radius: 5px;
    height: 10px;
    width: 20px;
}

.slick-dots li button:before {
    content: '';
    width: 10px;
    height: 10px;
    background: white;
    border-radius: 100px;
}
	
	.decor .img-2 {
    order: 2;
}
.decor img {
    position: initial !important;
    width: 47.7% !important;
    height: 300px !important;
    margin: 0 !important;
}
	.decor {
    padding: 50px 30px 60px 30px;
}

.decor p {
    margin: 40px 0 0 0;
    width: 100%;
}

 
	.lighting .img-1,.decor-img img.img-3 {
    order: 4;
    width: 98.5% !important;
    height: 270px !important;
}


.lighting .img-2 {
    order: 2;
}
	.fur-imgs, .light-img,.decor-img {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.furniture img, .lighting img, .lighting .img-2, .lighting .img-3, .lighting .img-2, .lighting .img-4 {
    position: initial !important;
    width: 30.8% !important;
    height: 205px !important;
    margin: 0 !important;
}

.fur-parent,.light-parent {
    padding: 0 30px;
    display: flex;
    flex-direction: column-reverse;
}

.furniture img.img-2 {
    order: 2;
}
	.parent-service {
    display: flex;
    flex-direction: column-reverse;
}

.service {
    padding: 50px 30px;
}
	.service img {
    position: initial !important;
    width: 33.33%;
}

.service .img-4, .service .img-2, .furniture .img-4 {
    display: block;
    width: 32.33%;
    height: 206px;
}

img.img-1 {}

.service .img-4 {}

.service .img-3 {
    width: 97.5%;
    height: 270px;
    object-position: bottom;
    order: 4;
    margin: 0 !important;
}

.service-img-box {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.service .img-2 {
    order: 3;
}
	.menu .right {
    padding: 80px 10px 80px 20px;
}

.close-menu button {
    width: 22px;
    height: 30px;
}

.close-menu button::before, .close-menu button::after {
    height: 30px;
    top: 0;
}

.close-menu {
    top: 25px;
    right: 20px;
}

.social li a {
    width: 30px;
    height: 30px;
    font-size: 14px;
    margin: 0 10px 15px 0;
}

ul.company-info {
    width: 240px;
}
.main-menu button {
    padding: 0 5px 20px 0;
    font-size: 14px;
}

.top-menu .d-flex.align-items-center.justify-content-between {
    position: relative;
    width: 100%;
}

.company-info li h6 {
    margin: 50px 0 0 0;
}
	.home-banner h1{text-transform:capitalize;font-size: 50px;line-height: 50px;}
footer .container-fluid {
    padding: 0 20px;
}

.service h2 {
    margin: 30px   0 20px;
    text-align: right;
}

.service .content-box {
    padding: 0;
    width: 100%;
}

.service .img-1 {width: 28.33%;}

.service .img-3 {
    left: 0;
    right: 0;
    margin: 0 auto;
}

.furniture {
    padding: 50px 0 50px 0;
}

.furniture h2 {
    margin: 0 0 30px 20px;
}

.furniture .content .flex-shrink-0 {width: 85%;}

.furniture .content {
    padding: 0;
    display: block !important;
}

.furniture .content a, .parent-service a, .light-parent a,.decor a {
    margin-left: 0;
    width: 100%;
    text-align: center;
    padding: 16px 16px 19px 16px;
    font-size: 23px;
    line-height: 26px;
}

.furniture .img-3 {order: 4;width: 98.5% !important;height: 270px !important;}

.furniture .img-2 {
    right: 70px;
    top: 520px;
}

.lighting h2 {
    margin: 0 0 30px 20px;
}

.lighting .content {
    margin: 0;
    width: 100%;
}

.lighting .content p,.furniture .content p {
    margin: 40px 0 0 0;
}

.lighting .img-1, .lighting .img-4 {display: block;}

.lighting .img-3 {order: 2;}

.lighting .img-2 {width: 120px;object-position: top;}

.lighting {
    padding: 50px 0 100px 0;
}

.decor .img-1 {order: 1;object-position: top;}

footer {
    padding: 30px 0;
    background: linear-gradient(to bottom, var(--sy-2) 94%, transparent 70%), url('../images/footer.png');
    background-size: contain;
    min-height: auto;
}

footer h1 {
    margin: 0px 0 15px 0;
    font-size: 40px;
    line-height: 50px;
}
.top-menu {
    padding: 15px 10px;
    border: 0;
}

a.logo-image {margin: 0;position: absolute;text-align: center;left: 10px;right: 0;top: 0;}

.main-menu {
    padding: 0 0px 0 0;
}

.main-menu::before {
    height: 86px;
    display: none;
}

.main-menu button::before, .main-menu button::after {
    width: 50px;
    left: unset;
    right: 0;
}
 
.home-events .right, .home-events .left {
    min-height: 400px;
    height: auto;
    padding: 70px 0px;
}

.home-banner {
    overflow: visible;
    height: auto;
    padding: 0;
    min-height: 100vh;
}

.home-events .left img,.home-events .right img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: none;
}

.home-events {
    height: auto;
}

 .top-menu a.wish {
    font-size: 14px;
    line-height: 18px;
}

.top-menu img {
    width: 35px;
}

.projects .slide {
    width: 400px;
    height: 500px;
}

.projects .left {
    height: auto;
    position: absolute;
    width: 100%;
    top: 50px;
    margin: 0;
}
 

.projects .left a {
    position: initial;
    margin: 30px 0 0 0;
}

.project-slides {
    margin: 230px 0 0 0;
}
}
@media (min-width: 0px) and (max-width: 991px) {
	
	
	.home-events .right:hover::before, .home-events .left:hover::before {background: #0000009e;}
	.home-events .right:hover, .home-events .left:hover h2 {transform: translateY(0px);}
    .inner-tabs {
    flex-direction: column;
    position: relative;
    align-items: flex-start;
    padding: 0px 10px 20px 10px;
}

.inner-tabs .d-flex {
    flex-direction: column;
    width: 100%;
}

.inner-tabs li.nav-item button.py-btn {padding: 0;border: 0;}

.inner-tabs li.nav-item h6 {
    display: none;
}

.inner-tabs button.py-btn {
    position: absolute;
    top: 14px;
    right: 50px;
    font-size: 0;
    z-index: 999;
}

.inner-tabs button.py-btn::before {
    bottom: 15px;
    width: 21px;
}
 

.inner-tabs .nav-link:hover,.inner-tabs .nav-link.active {
    padding: 0;
    color: #B5BDA5;
    font-weight: 700 !important;
}
	 ul.siders li a {
    font-size: 14px;
    line-height: 19px;
    padding: 8px;
}

ul.siders {
    height: 35px;
    width: 240px;
    right: -103px;
    display: none;
}
 
    h1 {font-size: 64px;line-height: 75px;}
    h2 {font-size: 60px;line-height: 67px;}
    h4,.insta a {font-size: 32px;}
    h5 {font-size: 20px;}
    h6 {font-size: 18px}  
	
     

}

.rc-box {
    height: 100%;
    justify-content: flex-start;
}

.rc-box .wishlist-modal-open {
    margin-top: auto;
}

/*======================= responsive end here==============*/

 @media (min-width: 1920px) {
    footer {
        min-height: auto;
    }
}

@media(min-width: 1280px) {
    .product-list {
        max-height: 650px;
        overflow-y: scroll;
        --sb-track-color: transparent;
        --sb-thumb-color: #303030;
        --sb-size: 5px;
    }

    .product-list::-webkit-scrollbar {
        width: var(--sb-size)
    }

    .product-list::-webkit-scrollbar-track {
        background: var(--sb-track-color);
        border-radius: 10px;
    }

    .product-list::-webkit-scrollbar-thumb {
        background: var(--sb-thumb-color);
        border-radius: 10px;
    }

    @supports not selector(::-webkit-scrollbar) {
        .product-list {
            scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
        }
    }
}