body {margin: 0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;width: 100%;overflow-x: hidden;}
 
.consults-boxes{position:absolute;top: -41%;right: 0%;width:40%;opacity: 0.3;z-index: 999;}

.ready-to-transform {color: var(--color-01);font-size: 15px;position: fixed;top: calc(100vh - 54px);left: 0;right: 0;margin: auto;width: max-content;z-index: 11;padding: 15px 40px;background: var(--color-02);transition:all 400ms ease-in-out;}
.ready-to-transform:before,
.ready-to-transform:after{content:"";position:absolute;top:calc(50% - 3px);width:6px;height:6px;background:var(--color-01);border-radius:100px}

.ready-to-transform:before{left:20px;}
.ready-to-transform:after{right:20px;}
.ready-to-transform p{margin-bottom:0px;}
.ready-to-transform.hidden{top:110vh;}

.btn-stripe{color: #ffffff;font-family: 'aleniaregular' !important;font-size: 12px;line-height: 1;letter-spacing: 1px;background: var(--color-06);position: absolute;z-index: 99;}
.btn-stripe span{display: inline-block;padding: 8px 16px 6px 15px;}

a.btn-stripe.bs-01{top: 51vh;left: 24%;transform: rotate(-10deg);}
a.btn-stripe.bs-02{top: 104vh;right: 28%;transform: rotate(10deg);}
a.btn-stripe.bs-03{top: 162vh;left: 28%;transform: rotate(-10deg);}

.box-stripe{position: absolute;z-index: 90;}
.box-stripe > div{font-size: 14px;line-height: 1;letter-spacing: 0px;text-align: left;max-width: 280px;min-height: 290px;padding: 60px 30px 40px 30px;z-index: 89;display: flex;flex-direction: column;justify-content: space-between;}
.box-stripe > div:after{content:"";position:absolute;top: 0;left:0;width:100%;height:0%;background: var(--color-05);transition: all 500ms ease-in-out;}
.box-stripe h3{font-size: 21px;position: relative;z-index: 9;opacity: 0;transition: all 500ms ease-in-out;}
.box-stripe p{margin-bottom: 0px;position: relative;z-index: 9;opacity: 0;transition: all 500ms ease-in-out;}

.box-stripe .bs-close{width:100%;/* height: 0; */transition:all 500ms ease-in-out;}
 
.box-stripe .bs-open{transition:all 500ms ease-in-out;}
.box-stripe .bs-open:after{height:100%;transition: all 500ms ease-in-out;}
.box-stripe .bs-open h3{position: relative;z-index: 9;opacity: 1;transition: all 500ms ease-in-out;}
.box-stripe .bs-open p{position: relative;z-index: 9;opacity: 1;transition: all 500ms ease-in-out;}

.box-stripe.bs-01{top: 53vh;left: 25%;}
.box-stripe.bs-02{top: 105vh;left: 69%;}
.box-stripe.bs-03{top: 164vh;left: 29%;}


section.design-sec-hero{padding: 25vh 0vh 0vh 0vh;position: relative;z-index: 1;} 
section.design-sec-hero h1{top:10vh;position:relative;display: flex;justify-content: center;}
section.design-sec-hero h1 .spo{display:inline-block !important;} 

section.design-sec-video{text-align: center;position: relative;z-index: 9;/* height: max-content; */min-height: 320vh;}
section.design-sec-video .sub-heading{font-family: "Inter", sans-serif !important;font-size: 24px;position:absolute;top: 20%;right: 15%;text-align: left;text-transform: uppercase;}
section.design-sec-video .sub-heading .spo{}

section.design-sec-video .fixed_BigImage{overflow: hidden;width: 20%;margin: auto;text-align: center;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;position: relative;border-radius: 8vh;z-index: 9;}
section.design-sec-video .f_img{object-fit: cover;transform: scale(1);position: relative;}
/*
section.design-sec-video.page_design:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:26vh;background: linear-gradient(to bottom, #e3e3e3 0%, #ffffff 100%);z-index: 11;filter: blur(3px);}
section.design-sec-video.page_build:after{content:"";position:absolute;bottom:0;left:0;width:100%;height: 37vh;background: linear-gradient(to bottom, #e9e9e900 0%, #ffffff 50%);z-index: 11; }
*/

section.design-sec-02 {padding: 0px 0px 100px 0px;position: relative;}
section.design-sec-02 p{}
section.design-sec-02 .focus-image{margin-top: 250px;}
section.design-sec-02 .focus-image .space-points{background: var(--color-06);padding: 7px 15px;position: absolute;min-width: 150px;z-index: -1;}
section.design-sec-02 .focus-image .space-points h4{color: var(--color-01);font-size: 13px;margin-bottom:0px;}
section.design-sec-02 .focus-image .space-points.sp-01{top: 52%;right: 81%;}
section.design-sec-02 .focus-image .space-points.sp-02{top: 37%;right: 81%;}
section.design-sec-02 .focus-image .space-points.sp-03{text-align: right;top: 34%;left: 80%;}
section.design-sec-02 .focus-image .space-points.sp-04{text-align: right;top: 46%;left: 80%;}
section.design-sec-02 ul.checklist{margin: 70px 0px 0px 0px;padding:0px;list-style-type:none;font-family: 'aleniaregular' !important;}
section.design-sec-02 ul.checklist li{color: var(--color-06);font-size: 21px;font-weight: 500;letter-spacing: 1px;padding: 20px 0px;}
section.design-sec-02 .pattern-box {width: 40vw;position: absolute;bottom: 8%;right: 0;opacity: .2;}

.bg-50vh{background:var(--color-02);width:100%;height: 39vh;position:absolute;left:0;bottom: -20px;z-index: 5;}

section.design-sec-slider{background:var(--color-02);padding:100px 0px} 
section.design-sec-slider .slider-for{margin-bottom: 60px;}
section.design-sec-slider .slider-for .photos{overflow:hidden;}
section.design-sec-slider .slider-for .photos img{transform:scale(1.3);transition:all 500ms ease-in-out;}
section.design-sec-slider .slider-for .slick-current .photos img{transform:scale(1);transition:all 500ms ease-in-out;}
section.design-sec-slider button.slick-arrow{}
section.design-sec-slider button.slick-prev.slick-arrow{}
section.design-sec-slider button.slick-next.slick-arrow{}

section.design-sec-slider .slider-nav{}
section.design-sec-slider .slider-nav .photos{}
section.design-sec-slider .slider-nav .photos img{transform:scale(1);transition:all 500ms ease-in-out;}
section.design-sec-slider .slider-nav button.slick-prev.slick-arrow{display:none !important;}
section.design-sec-slider .slider-nav button.slick-next.slick-arrow {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;color: transparent;border: transparent;outline: none;}

section.design-sec-slider ul.slick-dots{margin: 0px;padding: 0px;list-style-type: none;display: flex;flex-direction: row;align-items: flex-start;flex-wrap: nowrap;justify-content: flex-end;position: relative;bottom: -20px;}
section.design-sec-slider ul.slick-dots li{position: relative;height: 10px;}
section.design-sec-slider ul.slick-dots li button:before{content:"";position:absolute;top:0;right:0;width: 0%;height:100%;background: var(--color-06);z-index:5;transition:all 400ms ease-in-out;}
section.design-sec-slider ul.slick-dots li button{font-size: 0px;width: 20px;height: 10px;margin: 0px;border: none;outline:none;box-shadow:none;position:relative;z-index:1;transition:all 400ms ease-in-out;}
section.design-sec-slider ul.slick-dots li.slick-active{}
section.design-sec-slider ul.slick-dots li.slick-active{}
section.design-sec-slider ul.slick-dots li.slick-active button:before{width:100%;left:0;right:inherit;}
 
.cardStacking {overflow: hidden;padding: 200px 0px 50px 0px;background:var(--color-02);}
.cardStacking .stackCard {border-radius: 30px;position: relative;width: 100%;min-height: 600px;padding: 60px 0px;transform-origin: 50% -160%;}
 
.cardStacking .cardDesign {width: 300px;height: 450px;background: var(--color-01);padding: 30px;display: flex;flex-direction: column;justify-content: space-between;box-shadow: 1px -5px 0px 2px var(--color-02), -10px 10px 0px 0px var(--color-06);}
.cardStacking .cardDesign h3{}
.cardStacking .cardDesign p{}

.cardStacking .pin-spacer:nth-child(1) .cardDesign {transform: rotate(-15deg)}
.cardStacking .pin-spacer:nth-child(2) .cardDesign {transform: rotate(0deg) translate(64%,10%);}
.cardStacking .pin-spacer:nth-child(3) .cardDesign {transform: rotate(10deg) translate(120%, 6%);}