/*!
 * fullPage 2.8.1
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */.fp-enabled body,html.fp-enabled{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:transparent}#superContainer{height:100%;position:relative;-ms-touch-action:none}.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fp-slide{float:left}.fp-slide,.fp-slidesContainer{height:100%;display:block}.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%}.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}.fp-slidesContainer{float:left;position:relative}.fp-controlArrow{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}.fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}.fp-scrollable{overflow:hidden;position:relative}.iScrollIndicator{border:0!important}.fp-notransition{-webkit-transition:none!important;transition:none!important}#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translate3d(0,0,0)}#fp-nav.right{right:17px}#fp-nav.left{left:17px}.fp-slidesNav{position:absolute;z-index:4;left:50%;opacity:1}.fp-slidesNav.bottom{bottom:17px}.fp-slidesNav.top{top:17px}#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}.fp-slidesNav ul li{display:inline-block}#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%}#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#333;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px}#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer}#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}#fp-nav ul li .fp-tooltip.right{right:20px}#fp-nav ul li .fp-tooltip.left{left:20px}.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section{height:auto!important}.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell,.fp-responsive .fp-auto-height-responsive.fp-section{height:auto!important}/* Custom fonts removed - using system fonts as fallback */body,html{position:relative;height:100%;background:#000;color:#fff;font-size:1em;line-height:1.4em;font-family:Arial,sans-serif;overflow-x:hidden;width:100%}.content-wrapper{position:relative;float:left;height:100%;width:100%}.turnDeviceNotification{position:fixed;top:0;left:0;height:100%;width:100%;display:none;background:#2f2f2f center center no-repeat;background-size:cover;z-index:9999}.logo-wrapper{position:fixed;top:0;left:0;width:100%;height:75px;z-index:100}a.logo{position:absolute;top:20px;left:50px;width:auto;height:40px;border:0}a.logo>img{width:auto;height:48px}.down-arrow{position:absolute;bottom:20px;left:50px;width:36px;height:28px;background:transparent 0 0 no-repeat;z-index:100}.down-arrow:hover{background-position:-36px 0}.section{position:relative;float:left;width:100%;min-height:100%;overflow:visible}.section .text{position:absolute;top:0;left:0;right:580px;bottom:0;width:580px;z-index:10}.section .illustration{position:absolute;top:0;left:580px;right:0;bottom:0}.section .text>.text-wrapper{position:absolute;top:50%;left:50px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.section .text>.text-wrapper:before{content:' ';position:absolute;top:-30px;width:44px;height:1px;background:#767676;left:2px}.section .text>.text-wrapper:after{content:' ';position:absolute;bottom:-30px;width:44px;height:1px;background:#767676;left:2px}.section .text>.text-wrapper>h2{padding:0;margin:0;color:#fff;font-family:Acid,Arial,sans-serif;font-size:4em;line-height:1.2em;font-weight:400;text-transform:uppercase}.section .text>.text-wrapper>p{width:80%;padding:0;margin:0;color:#767676;font-family:LightRegular,Arial,sans-serif;font-size:1.4em;line-height:1.8em}.illu-wrapper{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2}.illu-rough-diamond{width:520px;height:454px}.illu-rough-diamond>img.rough-diamond{position:absolute;top:0;left:0;width:520px;height:454px;z-index:5}.illu-rough-diamond>img.light{position:absolute;top:-144px;left:-140px;width:800px;height:743px;z-index:4;animation:pulse 5s infinite}.illu-rough-diamond>img.bling-1{position:absolute;top:-68px;left:-61px;width:643px;height:591px;z-index:3;animation:float-x-small 10s infinite linear}.illu-rough-diamond>img.bling-2{position:absolute;top:-66px;left:-63px;width:647px;height:586px;z-index:2;animation:float-x-big 10s infinite linear}.illu-planning{width:520px;height:454px}.illu-planning>img.rough-diamond{position:absolute;top:0;left:0;width:520px;height:454px;z-index:4;opacity:1;transition:all .5s ease-out}.illu-planning>svg{position:absolute;top:46px;left:39px;width:441px;height:361px;z-index:5;opacity:0;transition:all .5s ease-out}.illu-implementation{width:482px;height:336px}.illu-implementation img.diamond-mobile{display:none}.illu-implementation>img.diamond{position:absolute;top:0;left:0;width:482px;height:336px;z-index:5}.illu-implementation>img.light{position:absolute;top:-144px;left:-140px;width:800px;height:743px;z-index:4;animation:pulse 5s infinite}.illu-implementation>img.bling-1{position:absolute;top:-68px;left:-61px;width:643px;height:591px;z-index:3;animation:float-x-small 10s infinite linear}.illu-implementation>img.bling-2{position:absolute;top:-66px;left:-63px;width:647px;height:586px;z-index:2;animation:float-x-big 10s infinite linear}.illu-implementation img[class^=cut]{position:absolute;top:50%;left:50%;opacity:0;z-index:4;transition:all 1s ease-in-out}.illu-implementation .cut-1{width:88px;height:72px}.illu-implementation .cut-2{width:70px;height:58px}.illu-implementation .cut-3{width:32px;height:30px}.illu-implementation .cut-4{width:49px;height:58px}.illu-implementation .cut-5{width:67px;height:68px}.illu-implementation .cut-6{width:96px;height:64px}.illu-implementation .cut-7{width:117px;height:99px}.illu-implementation .cut-8{width:42px;height:48px}.illu-implementation .cut-9{width:65px;height:76px}.illu-implementation .cut-10{width:54px;height:59px}.illu-implementation.positioned-cuts img[class^=cut]{opacity:1}.illu-implementation.positioned-cuts .cut-1{top:-70px;left:50px}.illu-implementation.positioned-cuts .cut-2{top:-75px;left:400px}.illu-implementation.positioned-cuts .cut-3{top:120px;left:540px}.illu-implementation.positioned-cuts .cut-4{top:200px;left:440px}.illu-implementation.positioned-cuts .cut-5{top:320px;left:450px}.illu-implementation.positioned-cuts .cut-6{top:400px;left:300px}.illu-implementation.positioned-cuts .cut-7{top:330px;left:100px}.illu-implementation.positioned-cuts .cut-8{top:430px;left:70px}.illu-implementation.positioned-cuts .cut-9{top:240px;left:-120px}.illu-implementation.positioned-cuts .cut-10{top:30px;left:-50px}.illu-polishing{width:509px;height:318px}.illu-polishing>img.diamond{position:absolute;top:0;left:0;width:509px;height:318px;z-index:5}.illu-polishing>img.light{position:absolute;top:-212px;left:-145px;width:800px;height:743px;z-index:4;animation:pulse 5s infinite}.illu-polishing>img.bling-1{position:absolute;top:-136px;left:-67px;width:643px;height:591px;z-index:3;animation:float-x-small 10s infinite linear}.illu-polishing>img.bling-2{position:absolute;top:-134px;left:-69px;width:647px;height:586px;z-index:2;animation:float-x-big 10s infinite linear}#section-5 .text{z-index:1}.illu-ipad{width:674px;height:459px;background:transparent top left no-repeat;background-size:100% auto}@media screen and (max-width:1280px){.illu-ipad{width:539px;height:367px}}@media screen and (max-width:555px){.illu-ipad{width:445px;height:303px}}@media screen and (max-width:460px){.illu-ipad{width:337px;height:230px}}@media screen and (max-width:360px){#section-5 .illu-wrapper{-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-webkit-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important}.illu-ipad{width:303px;height:207px}}.move-out{opacity:0;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);animation:move-out .5s ease-out}.move-in{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);animation:move-in 1s ease-out}@keyframes pulse{0%{transform:scale(.9);-webkit-transform:scale(.9);opacity:.6}50%{transform:scale(1.1);-webkit-transform:scale(1.1);opacity:.9}100%{transform:scale(.9);-webkit-transform:scale(.9);opacity:.6}}@keyframes float-x-small{0%{transform:translate(0,0);-webkit-transform:translate(0,0)}25%{transform:translate(-20px,10px);-webkit-transform:translate(-20px,10px)}75%{transform:translate(20px,-10px);-webkit-transform:translate(20px,-10px)}100%{transform:translate(0,0);-webkit-transform:translate(0,0)}}@keyframes float-x-big{0%{transform:translate(0,0);-webkit-transform:translate(0,0)}25%{transform:translate(-30px,20px);-webkit-transform:translate(-30px,20px)}75%{transform:translate(30px,-20px);-webkit-transform:translate(30px,-20px)}100%{transform:translate(0,0);-webkit-transform:translate(0,0)}}@keyframes move-out{0%{transform:translateX(0);-webkit-transform:translateX(0);opacity:1}100%{transform:translateX(-100%);-webkit-transform:translateX(-100%);opacity:0}}@keyframes move-in{0%{transform:translateX(-100%);-webkit-transform:translateX(-100%);opacity:0}100%{transform:translateX(0);-webkit-transform:translateX(0);opacity:1}}@media screen and (max-width:1280px){.section .text{width:450px;right:450px}.section .text>.text-wrapper>h2{font-size:2em}.section .text>.text-wrapper>p{font-size:1.2em}.section .illustration{left:450px}}@media screen and (max-width:1024px){.move-in,.move-out{opacity:1;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);animation:none}.section .text{width:100%;height:40%;top:60%;left:0;right:0;bottom:0}.section .text>.text-wrapper{left:15%;width:70%;z-index:4}.section .text>.text-wrapper>h2{width:100%;font-size:2em;text-align:center}.section .text>.text-wrapper>p{width:100%;font-size:1.2em;line-height:1.2em;text-align:center}.section .text>.text-wrapper:after,.section .text>.text-wrapper:before{left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.section .illustration{width:100%;height:40%;top:20%;left:0;right:0;bottom:50%}.illu-planning,.illu-planning>img.rough-diamond,.illu-rough-diamond,.illu-rough-diamond>img.rough-diamond{width:416px;height:363px}.illu-rough-diamond>img.light{top:-150px;left:-200px}.illu-planning svg{top:31px;left:33px;width:353px;height:289px}.illu-implementation{width:520px;height:460px}.illu-implementation .diamond,.illu-implementation img[class^=cut]{display:none}.illu-implementation img.diamond-mobile{display:block;width:520px;height:auto}.illu-polishing,.illu-polishing>img.diamond{width:407px;height:254px}.illu-polishing>img.light{top:-224px;left:-186px}}@media screen and (max-width:480px){img{animation:none!important}.section .text{width:100%;height:50%;top:50%}.section .text>.text-wrapper:after,.section .text>.text-wrapper:before{background:0 0}.section .illustration{width:100%;height:40%;top:10%;bottom:50%}.illu-planning,.illu-planning>img.rough-diamond,.illu-rough-diamond,.illu-rough-diamond>img.rough-diamond{width:208px;height:181px}.illu-implementation>img.light,.illu-rough-diamond>img.light{top:-100%;left:-100%;width:300%;height:auto;opacity:.5}.illu-implementation>img.bling-1,.illu-implementation>img.bling-2,.illu-rough-diamond>img.bling-1,.illu-rough-diamond>img.bling-2{top:-50%;left:-50%;width:200%;height:auto}.illu-planning svg{top:17px;left:17px;width:175px;height:auto}.illu-implementation{width:208px;height:181px}.illu-implementation .diamond,.illu-implementation img[class^=cut]{display:none}.illu-implementation img.diamond-mobile{display:block;width:320px;height:auto;left:-60px;top:-29px}.illu-polishing,.illu-polishing>img.diamond{width:240px;height:150px}.illu-polishing>img.light{top:-165%;left:-100%;width:300%;height:auto;opacity:.5}.illu-polishing>img.bling-1,.illu-polishing>img.bling-2{top:-20%;left:0;width:100%;height:auto}}@media screen and (max-width:320px){.down-arrow{display:none}a.logo{left:20px;height:28px}a.logo>img{height:28px}.illu-wrapper{transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none}.section .text>.text-wrapper{top:30%}.section .text>.text-wrapper p{font-size:.95em}.illu-implementation img.diamond-mobile{display:block;width:320px;height:auto;left:-60px;top:-60px}.illu-implementation,.illu-planning,.illu-planning>img.rough-diamond,.illu-rough-diamond,.illu-rough-diamond>img.rough-diamond{width:156px;height:136px}.illu-implementation,.illu-planning,.illu-rough-diamond{top:10%;left:83px}.illu-polishing{top:30%;left:83px}.illu-implementation>img.light,.illu-polishing>img.light,.illu-rough-diamond>img.light{top:-50%;left:-50%;width:200%;height:auto;opacity:.5}.illu-implementation>img.bling-1,.illu-implementation>img.bling-2,.illu-rough-diamond>img.bling-1,.illu-rough-diamond>img.bling-2{top:-25%;left:-25%;width:150%;height:auto}.illu-polishing>img.bling-1,.illu-polishing>img.bling-2{top:-50%;left:-25%;width:150%;height:auto}.illu-planning svg{top:14px;left:17px;width:125px;height:auto}.illu-implementation img.diamond-mobile{display:block;width:240px;height:auto;left:-50px;top:-20px}.illu-polishing,.illu-polishing>img.diamond{width:153px;height:95px}.illu-polishing>img.light{top:-165%;left:-100%;width:300%;height:auto;opacity:.5}}.text_contact{text-align:center;position:relative;width:100%}.text_contact:before{content:' ';position:absolute;top:-30px;width:44px;height:1px;background:#767676;left:0;right:0;margin:0 auto}.text_contact:after{content:' ';position:absolute;bottom:-30px;width:44px;height:1px;background:#767676;left:0;right:0;margin:0 auto}#section5 .wrap_big{position:absolute;top:110px;left:0;right:0;margin:0 auto}.contact_box{margin-top:70px;width:334px;margin-left:auto;margin-right:auto;color:#fff}.contact_box p{font-size:21px;font-family:LightRegular,helvetica;line-height:1}.contact_box input{width:300px;border:1px solid #2e2e2e;height:48px;vertical-align:center;padding-left:16px;padding-right:16px;margin-bottom:20px;background:#181818;color:#767676;font-size:21px;font-family:LightRegular,helvetica}.contact_box textarea{min-width:300px;max-width:300px;border:1px solid #2e2e2e;height:48px;vertical-align:center;padding-left:16px;padding-right:16px;margin-bottom:20px;background:#181818;color:#767676;font-size:21px;font-family:LightRegular,helvetica;min-height:122px;max-height:122px;padding-top:12px;padding-bottom:12px}input:focus,textarea:focus{outline:0;border-color:#fff;color:#fff}::-webkit-input-placeholder{font-family:LightRegular,helvetica;color:#767676}:-moz-placeholder{font-family:LightRegular,helvetica;color:#767676}::-moz-placeholder{font-family:LightRegular,helvetica;color:#767676}:-ms-input-placeholder{font-family:LightRegular,helvetica;color:#767676}.button{outline:0;font-size:28px;font-family:Acid,helvetica;color:#fff;border:1px solid #fff;padding:19px 24px;text-transform:uppercase;cursor:pointer;text-decoration:none;width:178px;margin:0 auto;margin-top:14px;font-weight:700;position:relative;z-index:10;text-align:center}.button:hover{color:#000;border:none;padding:20px 25px;background:#fff;cursor:pointer}.signature{margin-top:50px;text-align:center}.grey{color:#767676}.text_contact h2{padding:0;margin:0;color:#fff;font-family:Acid,Arial,sans-serif;font-size:3.2em;line-height:1.2em;font-weight:400;text-transform:uppercase}.input_error{border:1px solid #c00!important;background:#ffb7b4!important}.signature a{color:#767676}.signature a:hover{color:#fff}@media only screen and (min-width :320px) and (max-width :1366px){.text_contact h2{font-size:2.6em;max-width:86%;margin:0 auto}.text_contact:before{display:none}.text_contact:after{bottom:-3px}.text_contact{padding-bottom:30px}.contact_box{margin-top:40px}.signature{margin-top:30px}.button{font-size:24px;width:140px;padding:15px 19px;text-align:center}.button:hover{color:#000;border:none;padding:16px 20px;background:#fff;cursor:pointer}.contact_box input,.contact_box textarea{font-size:18px}.contact_box input{height:42px}.contact_box p{font-size:18px}.contact_box textarea{min-height:100px;max-height:100px}}@media only screen and (max-height :600px){.contact_box .signature{display:none}.text_contact:after{display:none}.text_contact:before{display:none}.contact_box{margin-top:10px}}@media only screen and (min-width :320px) and (max-width :1023px){.contact_box{margin-top:0}.button{margin-top:8px}.text_contact:after{display:none}}@media only screen and (min-width :320px) and (max-width :767px){.text_contact h2{font-size:2.1em}}@media only screen and (min-width :320px) and (max-width :370px){.contact_box input{width:70%;font-size:14px;height:34px;margin-left:auto;margin-right:auto;padding-left:10px;padding-right:10px;margin-bottom:10px}.contact_box{text-align:center;width:100%}.contact_box textarea{min-width:70%;max-width:70%;font-size:14px;height:34px;margin-left:auto;margin-right:auto;padding-left:10px;padding-right:10px;min-height:60px;max-height:60px;margin-bottom:6px}.button{font-size:20px;width:110px;padding:11px 13px}.text_contact{padding-bottom:20px;padding-top:10px}.text_contact h2{font-size:1.5em;margin:0 auto;max-width:78%}}@media only screen and (min-width :320px) and (max-height :600px){.section .text>.big_text_mob{top:43%}#section-5 .illustration{top:16%}.section .text>.big_text_mob>h2{font-size:24px}.signature p{margin:5px 0}.signature{margin-top:20px}}@media only screen and (min-width :320px) and (max-height :500px){.text_contact h2{display:none}.contact_box{margin-top:-45px}.section .text>.big_text_mob>h2{font-size:24px}.section .text>.big_text_mob{top:40%}.illu-ipad{width:256px;height:174px}.signature p{margin:5px 0}.signature{margin-top:20px}}@media only screen and (min-width :320px) and (max-height :460px){.illu-planning svg{top:0}}@media only screen and (min-width :320px) and (max-height :440px){.illu-planning svg{top:0}#section-5 .illustration{top:17%}}@media only screen and (min-width :320px) and (max-height :420px){.text_contact h2{display:none}.contact_box{margin-top:-45px}.section .illustration{top:16%}.section .text{top:65%}.signature{display:none}.down-arrow{display:none!important}#section-5 .illustration{top:20%}}.illu-ipad img{position:relative;z-index:11;left:50%;top:50%;-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:50%}.ipad{position:relative}#myBar,#myProgress{display:none}.contact_answer{padding:0;margin-bottom:80px;color:#767676;font-family:LightRegular,Arial,sans-serif;font-size:1em;line-height:1.8em;text-align:center;height:81px}
/* Fix for section-5 text overflow */
#section-5{padding-top:80px;padding-bottom:80px;box-sizing:border-box}
#section-5 .text{top:80px;bottom:80px;overflow:visible}
#section-5 .text>.text-wrapper{max-height:calc(100vh - 200px);top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);padding-top:20px;padding-bottom:20px}
#section-5 .text>.text-wrapper>h2{word-wrap:break-word;overflow-wrap:break-word}
#section-5 .text>.text-wrapper>h2{line-height:1.1em;font-size:3.5em}

/* Enhanced Send Button Design */
.button, .send_button {
    outline: 0;
    font-size: 28px;
    font-family: Acid, helvetica, Arial, sans-serif;
    color: #fff;
    border: 2px solid #fff;
    padding: 18px 40px;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
    width: auto;
    min-width: 180px;
    margin: 20px auto 0;
    font-weight: 700;
    position: relative;
    z-index: 10;
    text-align: center;
    display: inline-block;
    background: transparent;
    transition: all 0.3s ease;
    border-radius: 4px;
    letter-spacing: 1px;
    box-shadow: 0 2px 8px rgba(255, 255, 255, 0.1);
}

.button:hover, .send_button:hover {
    color: #000;
    background: #fff;
    border-color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(255, 255, 255, 0.3);
    padding: 18px 40px;
}

.button:active, .send_button:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2);
}

.button:focus, .send_button:focus {
    outline: 2px solid #fff;
    outline-offset: 4px;
}

.button:disabled, .send_button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.button:disabled:hover, .send_button:disabled:hover {
    transform: none;
    box-shadow: 0 2px 8px rgba(255, 255, 255, 0.1);
}


/* Responsive Button Styles */
@media only screen and (max-width: 768px) {
    .button, .send_button {
        font-size: 22px;
        padding: 16px 32px;
        min-width: 160px;
        margin-top: 16px;
    }
    
    .button:hover, .send_button:hover {
        padding: 16px 32px;
    }
}

@media only screen and (max-width: 480px) {
    .button, .send_button {
        font-size: 18px;
        padding: 14px 28px;
        min-width: 140px;
        margin-top: 14px;
        letter-spacing: 0.5px;
    }
    
    .button:hover, .send_button:hover {
        padding: 14px 28px;
    }
}


/* Mobile Fix: Prevent section-5 text from overlapping with previous sections */
@media screen and (max-width: 1024px) {
    #section-5 {
        position: relative;
        z-index: 20;
        background: #000;
        isolation: isolate;
    }
    
    #section-5 .text {
        z-index: 21;
        position: relative;
        background: #000;
    }
    
    #section-5 .text > .text-wrapper {
        position: relative;
        z-index: 22;
    }
    
    #section-5 .illustration {
        z-index: 19;
        position: relative;
    }
}

@media screen and (max-width: 480px) {
    #section-5 {
        z-index: 20;
        background: #000;
        min-height: 100vh;
        isolation: isolate;
    }
    
    #section-5 .text {
        z-index: 21;
        background: #000;
        position: absolute;
        width: 100%;
        height: 50%;
        top: 50%;
        left: 0;
        right: 0;
        bottom: 0;
    }
    
    #section-5 .text > .text-wrapper {
        z-index: 22;
        position: relative;
        top: 0;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        padding: 20px;
        max-height: 100%;
        overflow-y: auto;
    }
    
    #section-5 .text > .text-wrapper > h2 {
        font-size: 1.8em;
        line-height: 1.3em;
    }
    
    #section-5 .illustration {
        z-index: 19;
        position: absolute;
        width: 100%;
        height: 40%;
        top: 10%;
        left: 0;
        right: 0;
        bottom: 50%;
    }
}


/* Ensure all sections are properly isolated on mobile */
@media screen and (max-width: 1024px) {
    .section {
        position: relative;
        background: #000;
        isolation: isolate;
        overflow: hidden;
    }
    
    .section .text {
        background: #000;
        position: relative;
    }
    
    /* Ensure section-4 doesn't overlap with section-5 */
    #section-4 {
        z-index: 10;
    }
    
    #section-5 {
        z-index: 20;
    }
    
    #section-6 {
        z-index: 30;
    }
}

/* Additional mobile-specific fix for section-5 */
@media screen and (max-width: 480px) {
    /* Reset desktop padding for mobile */
    #section-5 {
        padding-top: 0;
        padding-bottom: 0;
    }
    
    #section-5 .text {
        top: 0;
        bottom: 0;
    }
}