#root .contacts-section{color:var(--coNavLink);display:flex;background:url(/kokos-frontend/images/bg1-mobile.jpg) center/cover no-repeat;padding:4rem 0;overflow:visible;transition:opacity .5s ease;min-height:100vh}#root .contacts-section:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,#7ebcff99,#fffffff2);z-index:0;transition:opacity .5s ease}#root .contacts-section>*{position:relative;z-index:1}#root .contacts-section .container{max-width:1200px;margin:0 auto;padding:0 1rem}#root .contacts-section .section-header{text-align:center;margin-bottom:0rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}#root .contacts-section .section-header h2{font-size:2.5rem;color:var(--bgNavBar)}#root .contacts-section .section-header p{font-size:1.25rem;color:var(--coCust6);max-width:48rem;margin:0 auto}.error{color:#dc3545;text-align:center;font-size:1rem;margin-bottom:20px}.no-data{text-align:center;font-size:1.1rem;color:#6c757d;margin:20px 0}.contacts-table-wrapper{overflow-x:auto;box-shadow:0 4px 8px #0000001a;border-radius:8px}.contacts-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden}.contacts-table th,.contacts-table td{padding:15px;text-align:left;font-size:.95rem;color:#2c3e50}.contacts-table th{background-color:#007bff;color:#fff;font-weight:600;text-transform:uppercase}.contacts-table td{border-bottom:1px solid #dee2e6}.contacts-table tr:hover{background-color:#f1f3f5}@media (max-width: 768px){.contacts-table th,.contacts-table td{padding:10px;font-size:.9rem}.section-header h2.f-xl.f-bold{font-size:2rem}}@media (max-width: 576px){.contacts-table th,.contacts-table td{font-size:.85rem}.contacts-table td{word-break:break-word}}.contacts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:20px}.contact-card{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 4px 8px #0000001a;transition:transform .2s}.contact-card:hover{transform:translateY(-5px)}.contact-card h3{margin:0 0 10px;font-size:1.2rem;color:#2c3e50}.contact-card p{margin:5px 0;font-size:.95rem;color:#6c757d}.contact-card p strong{color:#2c3e50}@font-face{font-family:comfortaa;font-weight:400;src:url(/kokos-frontend/assets/Comfortaa-VariableFont-BH_kBfim.ttf)}@font-face{font-family:monserrat;font-weight:400;src:url(/kokos-frontend/assets/Montserrat-VariableFont-CiIa1Ne8.ttf)}@font-face{font-family:roboto;font-weight:400;src:url(/kokos-frontend/assets/Roboto-VariableFont-WOy3sDCz.ttf)}@font-face{font-family:caveat;font-weight:400;src:url(/kokos-frontend/assets/Caveat-VariableFont-Cd5oCIlo.ttf)}@font-face{font-family:indie flower;font-weight:400;src:url(/kokos-frontend/assets/IndieFlower-Regular-BeflUZG4.ttf)}@font-face{font-family:grape nuts;font-weight:400;src:url(/kokos-frontend/assets/GrapeNuts-Regular-m5etLjRg.ttf)}@font-face{font-family:bellefair;font-weight:400;src:url(/kokos-frontend/assets/Bellefair-Regular-CQcXBy5O.ttf)}@font-face{font-family:buda light;font-weight:400;src:url(/kokos-frontend/assets/Buda-Light-DVP8gXhK.ttf)}@font-face{font-family:cincel;font-weight:400;src:url(/kokos-frontend/assets/Cinzel-VariableFont-D2gzELga.ttf)}html{width:100%}body{background-color:var(--bgCont);font-family:var(--fBody);font-weight:var(--fWeightBody);font-size:var(--fSizeBody);width:100%;max-width:1200px;margin:0 auto}#root{width:100vw;margin:0 auto;max-width:1200px;padding:0;color:var(--coApp);background-color:var(--bgBody);overflow-x:hidden}#root *{margin:0;padding:0;box-sizing:border-box;font-size:1em}#root main{background-color:var(--bgCont);padding-top:0}#root div{padding:0}#root h1{padding:14px 3px 5px;font-size:1.8em}#root h2{padding:12px 3px 3px;font-size:1.5em}#root h3{padding:10px 3px 2px;font-size:1.3em}#root h4{padding:8px 3px 1px;font-size:1.1em}#root p{padding:3px;text-align:center}#root span{display:inline-block;width:auto}#root button,#root .btn{width:auto;padding:7px 10px;border-width:0;border-radius:5px;cursor:pointer;box-shadow:2px 2px 4px #00000080;transition:background-color .3s ease;text-decoration:none}#root button:hover,#root .btn:hover{background-color:var(--bgBtnHover)}#root *.primaryBtn{background-color:var(--bgCust1);color:var(--coCust1)}#root *.primaryBtn:hover{background-color:var(--bgCust2)}#root *.btn-outline{border:1px solid #fcbe03;color:#fcbe03;background-color:transparent}#root *.btn-outline:hover{background-color:var(--bgCust4);color:var(--bgCust2);transform:translateY(-3px)}#root input{width:100%;padding:5px 10px;border-width:0;border-radius:var(--borderRad);font-size:1em}#root label{width:auto;display:flex;justify-content:center;align-items:center;padding:0 5px;border-radius:var(--borderRad)}#root table{border-radius:var(--borderRad);overflow:hidden;border-collapse:separate;border-spacing:5px}#root table td,#root table th{padding:3px 8px;border:5px solid #00000000}#root table tr:nth-child(2n) td{background-color:#fff6}#root table tr:nth-child(odd) td{background-color:#0003}#root ul{list-style-position:inside;list-style-type:square}#root li{width:100%}#root img{width:100%;object-fit:cover;object-position:50% 50%;align-self:flex-start}#root select{padding:5px;border-radius:var(--borderRad);border-width:0}#root .boxHead{justify-content:flex-start;align-content:center;width:calc(100% - var(--gap));padding:var(--paddingHeader);border-radius:var(--borderRad);background-color:var(--bgHead);color:var(--coHead);font-family:var(--fHeader);font-weight:var(--fWeightHeader);font-size:var(--fSizeHeader)}#root .boxHead>img{width:var(--imgSize)}#root .boxHead>div{font-size:var(--fSizeHeader);display:inline-block;width:auto;align-content:center}#root .boxCont{width:calc(100% - var(--gap));padding:var(--gap);padding-bottom:15px;background-color:var(--bgCont);color:var(--coCont)}#root .boxCont h1,#root .boxCont h2,#root .boxCont h3,#root .boxCont h4{color:var(--bgHn)}#root .flexBox{display:flex;flex-direction:row;flex-wrap:nowrap;gap:2rem}#root .list{width:100%;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;gap:0}#root .list button{color:#1a1a7a;padding:0;height:28px;width:28px;margin:2px;border-radius:5px;border-width:0;background-color:var(--bgListBtn);cursor:pointer;box-shadow:2px 2px 2px #00000080;transition:background-color .3s ease}#root .list button:hover{background-color:var(--bgListBtnHover)}#root .list button>img{position:relative;top:2px;height:20px;width:20px;margin:0;padding:0}#root .navBar{background-color:var(--bgNavBar);padding:10px 0;position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:4px 10px 16px -1px #0006;width:100vw;height:60px}#root .navBar>.container{max-width:1200px;margin-left:auto;margin-right:auto;padding:0 1rem;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;margin-top:-20px}#root .navBar .logo{display:flex;align-items:center;text-decoration:none}#root .navBar .logo-img{height:80px;width:auto;margin:10px 0 0 20px;transition:transform .3s ease}#root .navBar .logo:hover .logo-img{transform:scale(1.05)}#root .navBar .desktop-nav{display:none}#root .navBar .nav-link{width:auto;color:var(--coNavLink);padding:8px 12px;margin:0 4px;font-size:.875em;font-weight:500;border-radius:4px;text-decoration:none;transition:color .3s ease}#root .navBar .nav-link:hover,#root .navBar .nav-link.selected{color:var(--coNavLinkHover);background-color:var(--bgNavBtnHover)}#root .navBar .mobile-nav{display:block}#root .navBar .menu-toggle{width:auto;padding:5px 8px 0;font-size:2.7rem;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:var(--coNavLink);cursor:pointer;transition:background .3s ease,transform .2s ease,box-shadow .3s ease;margin-right:20px;margin-top:-10px}#root .navBar .menu-toggle:hover{background-color:#ffffff1a;box-shadow:0 4px 12px #00000026}#root .navBar .menu-toggle:active{transform:scale(.95);color:var(--bgCust1)}#root .navBar .mobile-menu-overlay{position:fixed;inset:0;background:#01070e99;z-index:999;display:flex;justify-content:flex-end;padding-top:64px}#root .navBar .mobile-menu-items{margin-top:-5px;background:#6da3ff12;width:80%;max-width:300px;border-radius:12px;padding:16px 0;display:flex;flex-direction:column;box-shadow:0 4px 12px #0000004d;border:1px solid rgba(255,255,255,.15);animation:slideIn .3s ease forwards;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}#root .navBar .mobile-menu-items .mobile-nav-link.selected{color:var(--coNavLinkHover);background-color:#6da3ff12;border:1px solid rgba(255,255,255,.228);animation:slideLeft .5s ease forwards}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}#root .navBar .mobile-nav-link{width:auto;padding:16px;color:var(--coNavLink);border-radius:12px;font-size:1em;text-decoration:none;transition:background .3s ease,color .3s ease}#root .navBar .mobile-nav-link:hover,#root .navBar .mobile-nav-link.selected{color:var(--coNavLinkHover);background-color:#6da3ff12;border:1px solid rgba(255,255,255,.228);animation:slideLeft .5s ease forwards}#root .navBar .mobile-nav-link:active{animation:slideLeft .3s ease forwards}@keyframes slideLeft{0%{transform:translate(-10px);opacity:1}50%{transform:translate(20px);opacity:.3}85%{transform:translate(-5px);opacity:.8}to{transform:translate(0);opacity:1}}@media (min-width: 768px){#root .navBar .desktop-nav{display:flex;flex-direction:row;align-items:center}#root .navBar .mobile-nav{display:none}#root .navBar .logo-img{margin:15px 0 0 20px}}#root *.center{justify-content:center;text-align:center}#root *.left{justify-content:flex-start;text-align:left}#root *.right{justify-content:flex-end;text-align:right}#root *.justify{justify-content:space-between;text-align:justify}#root *.center *,#root *.left *,#root *.right *,#root *.justify *{justify-content:inherit;text-align:inherit}#root *.left button,#root *.right button{text-align:center}#root *.center ul,#root *.right ul{list-style-type:none}#root ul.left{list-style-type:square}#root ul.right,#root ul.center{list-style-type:none}#root img.vTop{align-self:flex-start}#root .boxCont.left{padding-left:calc(var(--gap) + 2px);padding-right:2px}#root .boxCont.right{padding-left:2px;padding-right:calc(var(--gap) + 2px)}#root div.left{padding-left:3px;padding-right:0}#root div.right{padding-left:0;padding-right:3px}#root *.vCenter{align-content:center}#root *.vTop{align-content:flex-start}#root *.vBottom{align-content:flex-end}#root *.vBetween{align-content:space-between}#root *.vAround{align-content:space-around}#root *.vEvenly{align-content:space-evenly}#root *.h-0{height:0}#root *.h-1{height:1px}#root *.h-2{height:2px}#root *.h-3{height:3px}#root *.h-4{height:4px}#root *.h-5{height:5px}#root *.h-10{height:10px}#root *.h-15{height:15px}#root *.h-20{height:20px}#root *.h-25{height:25px}#root *.h-30{height:30px}#root *.h-35{height:35px}#root *.h-40{height:40px}#root *.h-45{height:45px}#root *.h-50{height:50px}#root *.h-55{height:55px}#root *.h-60{height:60px}#root *.h-65{height:65px}#root *.h-70{height:70px}#root *.h-75{height:75px}#root *.h-80{height:80px}#root *.h-85{height:85px}#root *.h-90{height:90px}#root *.h-95{height:95px}#root *.h-100{height:100px}#root *.h-125{height:125px}#root *.h-150{height:150px}#root *.h-175{height:175px}#root *.h-200{height:200px}#root *.h-225{height:225px}#root *.h-250{height:250px}#root *.h-275{height:275px}#root *.h-300{height:300px}#root *.h-325{height:325px}#root *.h-350{height:350px}#root *.h-375{height:375px}#root *.h-400{height:400px}#root *.h-425{height:425px}#root *.h-450{height:450px}#root *.h-475{height:475px}#root *.h-500{height:500px}#root *.w-10{width:calc(10% - var(--gap))}#root *.w-15{width:calc(15% - var(--gap))}#root *.w-20{width:calc(20% - var(--gap))}#root *.w-25{width:calc(25% - var(--gap))}#root *.w-30{width:calc(30% - var(--gap))}#root *.w-33{width:calc(33.33% - var(--gap))}#root *.w-35{width:calc(35% - var(--gap))}#root *.w-40{width:calc(40% - var(--gap))}#root *.w-45{width:calc(45% - var(--gap))}#root *.w-50{width:calc(50% - var(--gap))}#root *.w-55{width:calc(55% - var(--gap))}#root *.w-60{width:calc(60% - var(--gap))}#root *.w-65{width:calc(65% - var(--gap))}#root *.w-70{width:calc(70% - var(--gap))}#root *.w-75{width:calc(75% - var(--gap))}#root *.w-80{width:calc(80% - var(--gap))}#root *.w-85{width:calc(85% - var(--gap))}#root *.w-90{width:calc(90% - var(--gap))}#root *.w-95{width:calc(95% - var(--gap))}#root *.w-100{width:calc(100% - var(--gap))}#root *.ar-9{aspect-ratio:9}#root *.ar-8{aspect-ratio:8}#root *.ar-7{aspect-ratio:7}#root *.ar-6{aspect-ratio:6}#root *.ar-5{aspect-ratio:5}#root *.ar-4{aspect-ratio:4}#root *.ar-3{aspect-ratio:3}#root *.ar-2{aspect-ratio:2}#root *.ar-1{aspect-ratio:1}#root *.ar-3-2{aspect-ratio:3/2}#root *.ar-3-4{aspect-ratio:3/4}#root *.ar-1-2{aspect-ratio:1/2}#root *.p-0{padding:0}#root *.p-1{padding:1px}#root *.p-2{padding:2px}#root *.p-3{padding:3px}#root *.p-4{padding:4px}#root *.p-5{padding:5px}#root *.p-10{padding:10px}#root *.p-15{padding:15px}#root *.p-20{padding:20px}#root *.p-25{padding:25px}#root *.p-30{padding:30px}#root *.p-35{padding:35px}#root *.p-40{padding:40px}#root *.p-45{padding:45px}#root *.p-50{padding:50px}#root *.pr-0{padding-right:0}#root *.pr-1{padding-right:1px}#root *.pr-2{padding-right:2px}#root *.pr-3{padding-right:3px}#root *.pr-4{padding-right:4px}#root *.pr-5{padding-right:5px}#root *.pr-10{padding-right:10px}#root *.pr-15{padding-right:15px}#root *.pr-20{padding-right:20px}#root *.pr-25{padding-right:25px}#root *.pr-30{padding-right:30px}#root *.pr-35{padding-right:35px}#root *.pr-40{padding-right:40px}#root *.pr-45{padding-right:45px}#root *.pr-50{padding-right:50px}#root *.pl-0{padding-left:0}#root *.pl-1{padding-left:1px}#root *.pl-2{padding-left:2px}#root *.pl-3{padding-left:3px}#root *.pl-4{padding-left:4px}#root *.pl-5{padding-left:5px}#root *.pl-10{padding-left:10px}#root *.pl-15{padding-left:15px}#root *.pl-20{padding-left:20px}#root *.pl-25{padding-left:25px}#root *.pl-30{padding-left:30px}#root *.pl-35{padding-left:35px}#root *.pl-40{padding-left:40px}#root *.pl-45{padding-left:45px}#root *.pl-50{padding-left:50px}#root *.pt-0{padding-top:0}#root *.pt-1{padding-top:1px}#root *.pt-2{padding-top:2px}#root *.pt-3{padding-top:3px}#root *.pt-4{padding-top:4px}#root *.pt-5{padding-top:5px}#root *.pt-10{padding-top:10px}#root *.pt-15{padding-top:15px}#root *.pt-20{padding-top:20px}#root *.pt-25{padding-top:25px}#root *.pt-30{padding-top:30px}#root *.pt-35{padding-top:35px}#root *.pt-40{padding-top:40px}#root *.pt-45{padding-top:45px}#root *.pt-50{padding-top:50px}#root *.pb-0{padding-bottom:0}#root *.pb-1{padding-bottom:1px}#root *.pb-2{padding-bottom:2px}#root *.pb-3{padding-bottom:3px}#root *.pb-4{padding-bottom:4px}#root *.pb-5{padding-bottom:5px}#root *.pb-10{padding-bottom:10px}#root *.pb-15{padding-bottom:15px}#root *.pb-20{padding-bottom:20px}#root *.pb-25{padding-bottom:25px}#root *.pb-30{padding-bottom:30px}#root *.pb-35{padding-bottom:35px}#root *.pb-40{padding-bottom:40px}#root *.pb-45{padding-bottom:45px}#root *.pb-50{padding-bottom:50px}#root *.m-0{margin:0}#root *.m-1{margin:1px}#root *.m-2{margin:2px}#root *.m-3{margin:3px}#root *.m-4{margin:4px}#root *.m-5{margin:5px}#root *.m-10{margin:10px}#root *.m-15{margin:15px}#root *.m-20{margin:20px}#root *.m-25{margin:25px}#root *.m-30{margin:30px}#root *.m-35{margin:35px}#root *.m-40{margin:40px}#root *.m-45{margin:45px}#root *.m-50{margin:50px}#root *.mr-0{margin-right:0}#root *.mr-1{margin-right:1px}#root *.mr-2{margin-right:2px}#root *.mr-3{margin-right:3px}#root *.mr-4{margin-right:4px}#root *.mr-5{margin-right:5px}#root *.mr-10{margin-right:10px}#root *.mr-15{margin-right:15px}#root *.mr-20{margin-right:20px}#root *.mr-25{margin-right:25px}#root *.mr-30{margin-right:30px}#root *.mr-35{margin-right:35px}#root *.mr-40{margin-right:40px}#root *.mr-45{margin-right:45px}#root *.mr-50{margin-right:50px}#root *.ml-0{margin-left:0}#root *.ml-1{margin-left:1px}#root *.ml-2{margin-left:2px}#root *.ml-3{margin-left:3px}#root *.ml-4{margin-left:4px}#root *.ml-5{margin-left:5px}#root *.ml-10{margin-left:10px}#root *.ml-15{margin-left:15px}#root *.ml-20{margin-left:20px}#root *.ml-25{margin-left:25px}#root *.ml-30{margin-left:30px}#root *.ml-35{margin-left:35px}#root *.ml-40{margin-left:40px}#root *.ml-45{margin-left:45px}#root *.ml-50{margin-left:50px}#root *.mt-0{margin-top:0}#root *.mt-1{margin-top:1px}#root *.mt-2{margin-top:2px}#root *.mt-3{margin-top:3px}#root *.mt-4{margin-top:4px}#root *.mt-5{margin-top:5px}#root *.mt-10{margin-top:10px}#root *.mt-15{margin-top:15px}#root *.mt--15{margin-top:-15px}#root *.mt-20{margin-top:20px}#root *.mt-25{margin-top:25px}#root *.mt-30{margin-top:30px}#root *.mt-35{margin-top:35px}#root *.mt--35{margin-top:-35px}#root *.mt-40{margin-top:40px}#root *.mt-45{margin-top:45px}#root *.mt-50{margin-top:50px}#root *.mb-0{margin-bottom:0}#root *.mb-1{margin-bottom:1px}#root *.mb-2{margin-bottom:2px}#root *.mb-3{margin-bottom:3px}#root *.mb-4{margin-bottom:4px}#root *.mb-5{margin-bottom:5px}#root *.mb-10{margin-bottom:10px}#root *.mb-15{margin-bottom:15px}#root *.mb-20{margin-bottom:20px}#root *.mb-25{margin-bottom:25px}#root *.mb-30{margin-bottom:30px}#root *.mb-35{margin-bottom:35px}#root *.mb-40{margin-bottom:40px}#root *.mb-45{margin-bottom:45px}#root *.mb-50{margin-bottom:50px}#root *.bg-t{background-color:#fff0}#root *.bg-tw{background-color:#ffffff40}#root *.bg-tb{background-color:#00000040}#root *.bg-1,#root .boxCont.bg-1{background-color:var(--bgCust1)}#root *.bg-2,#root .boxCont.bg-2{background-color:var(--bgCust2)}#root *.bg-3,#root .boxCont.bg-3{background-color:var(--bgCust3)}#root *.bg-4,#root .boxCont.bg-4{background-color:var(--bgCust4)}#root *.bg-5,#root .boxCont.bg-5{background-color:var(--bgCust5)}#root *.bg-6,#root .boxCont.bg-6{background-color:var(--bgCust6)}#root *.co-1,#root .boxCont.co-1 *{color:var(--coCust1)}#root *.co-2,#root .boxCont.co-2 *{color:var(--coCust2)}#root *.co-3,#root .boxCont.co-3 *{color:var(--coCust3)}#root *.co-4,#root .boxCont.co-4 *{color:var(--coCust4)}#root *.co-5,#root .boxCont.co-5 *{color:var(--coCust5)}#root *.co-6,#root .boxCont.co-6 *{color:var(--coCust6)}#root *.t-upper{text-transform:uppercase}#root *.t-lower{text-transform:lowercase}#root *.t-cap{text-transform:capitalize}#root *.t-hv{font-style:italic;font-weight:700}#root *.f-italic{font-style:italic}#root *.f-bold{font-weight:700}#root *.f-normal{font-size:1em}#root *.f-big{font-size:1.2em}#root *.f-bigest{font-size:1.4em}#root *.f-xl{font-size:1.8em}#root *.f-1{font-family:var(--fCust1)}#root *.f-2{font-family:var(--fCust2)}#root *.f-3{font-family:var(--fCust3)}#root *.f-4{font-family:var(--fCust4)}#root *.f-5{font-family:var(--fCust5)}#root *.f-6{font-family:var(--fCust6)}#root *.f-7{font-family:var(--fCust7)}#root *.f-8{font-family:var(--fCust8)}#root *.f-9{font-family:var(--fCust9)}#root *.f-1 select,#root *.f-2 select,#root *.f-3 select,#root *.f-4 select,#root *.f-5 select,#root *.f-6 select,#root *.f-7 select,#root *.f-8 select,#root *.f-9 select{font-family:inherit}#root select.f-1,#root select.f-2,#root select.f-3,#root select.f-4,#root select.f-5,#root select.f-6,#root select.f-7,#root select.f-8,#root select.f-9{font-family:initial}:root{--gap: 5px;--borderRad: 5px;--bgBody: rgb(187, 212, 245);--fBody: "comfortaa";--fWeightBody: normal;--fSizeBody: 1em;--bgHead: rgb(187, 149, 149);--coHead: rgb(1, 12, 22);--paddingHeader: 10px 10px 10px 10px;--imgSize: 50px;--fHeader: "comfortaa";--fWeightHeader: 100;--fSizeHeader: 28px;--bgApp: rgb(78, 78, 90);--coApp: aliceblue;--bgCont: #022D5E;--coCont: rgb(17, 3, 7);--bgListBtn: rgb(190, 191, 202);--bgListBtnHover: rgba(185, 207, 255, .842);--bgBtn: rgb(217, 221, 235);--bgBtnHover: rgba(160, 189, 207, .5);--coBtn: rgb(63, 12, 12);--bgHn: rgb(63, 45, 23);--bgNavBtn: rgb(209, 189, 163);--bgNavBtnHover: rgba(109, 163, 255, .1);--bgNavBtnActive: rgba(200, 186, 240, .658);--coBtn: rgb(13, 42, 68);--bgNavBar: #022D5E;--coNavLink: #FBFAFB;--coNavLinkHover: rgb(253, 136, 4);--fNavBar: "comfortaa";--fWeightNavBar: normal;--fSizeNavBar: 22px;--bgCust1: rgb(253, 136, 4);--bgCust2: rgb(229, 239, 255);--bgCust3: rgb(187, 212, 245);--bgCust4: rgb(2, 45, 94);--bgCust5: rgb(34, 47, 77);--bgCust6: rgb(35, 58, 47);--bgCust7: rgb(168, 184, 202);--bgCust8: rgb(181, 202, 191);--bgCust9: rgb(83, 52, 76);--coCust1: rgb(71, 47, 71);--coCust2: rgb(43, 39, 105);--coCust3: rgb(55, 71, 59);--coCust4: rgb(216, 203, 215);--coCust5: rgb(251, 250, 251);--coCust6: rgb(74, 85, 104);--coCust7: rgb(127, 141, 165);--coCust8: rgb(19, 30, 48);--coCust10: rgb(252, 215, 215);--coCust11: rgba(219, 219, 235);--coCust12: #FCBE03;--fCust1: "comfortaa";--fCust2: "monserrat";--fCust3: "roboto";--fCust4: "caveat";--fCust5: "indie flower";--fCust6: "grape nuts";--fCust7: "buda light";--fCust8: "cincel";--fCust9: "bellefair"}@font-face{font-family:comfortaa;font-weight:400;src:url(/kokos-frontend/assets/Comfortaa-VariableFont-BH_kBfim.ttf)}@font-face{font-family:monserrat;font-weight:400;src:url(/kokos-frontend/assets/Montserrat-VariableFont-CiIa1Ne8.ttf)}@font-face{font-family:roboto;font-weight:400;src:url(/kokos-frontend/assets/Roboto-VariableFont-WOy3sDCz.ttf)}@font-face{font-family:caveat;font-weight:400;src:url(/kokos-frontend/assets/Caveat-VariableFont-Cd5oCIlo.ttf)}@font-face{font-family:indie flower;font-weight:400;src:url(/kokos-frontend/assets/IndieFlower-Regular-BeflUZG4.ttf)}@font-face{font-family:grape nuts;font-weight:400;src:url(/kokos-frontend/assets/GrapeNuts-Regular-m5etLjRg.ttf)}@font-face{font-family:bellefair;font-weight:400;src:url(/kokos-frontend/assets/Bellefair-Regular-CQcXBy5O.ttf)}@font-face{font-family:buda light;font-weight:400;src:url(/kokos-frontend/assets/Buda-Light-DVP8gXhK.ttf)}@font-face{font-family:cincel;font-weight:400;src:url(/kokos-frontend/assets/Cinzel-VariableFont-D2gzELga.ttf)}#root .hero-section,#root .why-section,#root .how-section,#root .offer-section,#root .team-section,#root .contact-section{position:relative;min-height:100vh;width:100%;box-sizing:border-box;overflow:hidden;transition:background-image .3s ease,background-color .3s ease}#root .hero-section{color:var(--coNavLink);display:flex;background:url(/kokos-frontend/images/bg2-mobile2.jpg) center/cover no-repeat;padding:4rem 0;overflow:visible}#root .hero-section:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,#022d5ef2,#0f509be6);z-index:0;transition:opacity .5s ease}#root .hero-section>*{position:relative;z-index:1}#root .hero-section .container{max-width:1200px;margin:-1rem auto;padding:0 1rem;display:flex;flex-direction:column;justify-content:flex-start}#root .hero-section .hero-title-cont{display:flex;justify-content:center;align-items:center;text-align:center}#root .hero-section .hero-content{display:flex;flex-direction:column;align-items:center;gap:3rem;text-align:center;width:100%}#root .hero-section .hero-text-col{flex:1;max-width:600px}#root .hero-section .hero-video-col{flex:1;max-width:800px;width:100%;margin-top:-2rem}#root .hero-section .hero-title{font-size:2rem;margin:1rem 0;line-height:1.2;color:var(--coNavLink)}#root .hero-section .text-accent{color:var(--coNavLinkHover)}#root .hero-section .hero-text{font-size:1.1rem;margin-bottom:1.5rem;max-width:550px;margin-left:auto;margin-right:auto;color:var(--bgCust3)}#root .hero-section .hero-buttons{display:flex;flex-direction:column;gap:1.25rem;align-items:center;justify-content:center;margin-bottom:.5rem;gap:.5rem}@media (min-width: 768px){#root .hero-section{background:url(/kokos-frontend/images/bg2.jpg) center/cover no-repeat}#root .hero-section .hero-title{font-size:2.5rem;margin-top:1.5rem}#root .hero-section .hero-buttons{flex-direction:row;flex-wrap:nowrap;text-wrap:nowrap}}@media (min-width: 1024px){#root .hero-section .hero-content{flex-direction:row;text-align:left;align-items:center;justify-content:space-between;padding:0 1rem}#root .hero-section .hero-text-col{padding-right:2rem}#root .hero-section .hero-title{font-size:3rem;margin-top:3rem}#root .hero-section .hero-text{font-size:1.25rem;margin-left:0;margin-right:0}#root .hero-section .hero-video-col{margin-top:-0}}#root .why-section{color:var(--coNavLink);display:flex;background:url(/kokos-frontend/images/bg1-mobile.jpg) center/cover no-repeat;padding:4rem 0;overflow:visible}#root .why-section:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#7ebcffcc,#ffffffe6);z-index:0;transition:opacity .5s ease}#root .why-section>*{position:relative;z-index:1}#root .why-section .container{max-width:1200px;margin:-3rem auto;padding:0 1rem}#root .why-section .section-header{text-align:center;margin-bottom:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}#root .why-section .section-header h2{font-size:2rem;color:var(--bgNavBar)}#root .why-section .section-header p{font-size:1.1rem;color:#131e30}#root .why-section .features-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:4rem}#root .why-section .feature-card{background-color:#e8eff8e2;padding:1rem;border-radius:1rem;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;border-left:4px solid var(--coNavLinkHover)}#root .why-section .feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px #00000026}#root .why-section .feature-icon{width:4rem;height:4rem;background-color:#fd88041a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}#root .why-section .feature-icon span{font-size:2rem;color:var(--coNavLinkHover)}#root .why-section .feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--bgNavBar)}#root .why-section .feature-card p{color:var(--coCust6)}#root .why-section .stats-container{background-color:var(--bgNavBar);border-radius:1.5rem;padding:1.5rem 2rem;display:grid;grid-template-columns:1fr;gap:1rem;margin-top:-2.5rem}#root .why-section .stats-container hr{border:.5px solid rgba(255,255,255,.396);margin-top:1rem}#root .why-section .stat-item{text-align:center;color:var(--coNavLink)}#root .why-section .stat-number{font-size:2rem;font-weight:700;color:var(--coNavLinkHover);margin-bottom:.5rem}#root .why-section .stat-label{font-size:1.125rem;line-height:1.4}@media (min-width: 768px){#root .why-section{background:url(/kokos-frontend/images/bg1.jpg) center/cover no-repeat}#root .why-section .features-grid{grid-template-columns:repeat(2,1fr)}#root .why-section .stats-container{margin-top:0rem;padding:2.5rem 2rem;gap:2rem;grid-template-columns:repeat(3,1fr)}#root .why-section .section-header{margin-bottom:2rem;gap:2rem}#root .why-section .section-header h2{font-size:2.5rem}#root .why-section .section-header p{font-size:1.3rem}#root .why-section .stat-number{font-size:3rem}#root .why-section .stats-container hr{border:none}}@media (min-width: 1024px){#root .why-section .features-grid{grid-template-columns:repeat(3,1fr)}}#root .offer-section{color:var(--coNavLink);display:flex;background:url(/kokos-frontend/images/bg1-mobile.jpg) center/cover no-repeat;padding:4rem 0;overflow:visible}#root .offer-section:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,#7ebcffcc,#fffffff2);z-index:0;transition:opacity .5s ease}#root .offer-section>*{position:relative;z-index:1}#root .offer-section .container{max-width:1200px;margin:-3rem auto;padding:0 1rem;display:flex;flex-direction:column;justify-content:flex-start}#root .offer-section .section-header{text-align:center;margin-bottom:3rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}#root .offer-section .section-header h2{font-size:2rem;color:var(--bgNavBar)}#root .offer-section .section-header p{font-size:1.1rem;color:var(--coCust6);max-width:48rem;margin:0 auto}#root .offer-section .offer-content{display:grid;grid-template-columns:1fr;gap:3rem;margin-bottom:3rem}#root .offer-section .offer-features{display:flex;flex-direction:column;gap:2rem}#root .offer-section .feature-item{display:flex;gap:1.5rem;align-items:flex-start}#root .offer-section .feature-icon{width:3rem;height:3rem;background-color:#022d5e1a;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}#root .offer-section .feature-icon span{color:var(--coNavLinkHover);font-size:1.5rem}#root .offer-section .feature-text h3{font-size:1.25rem;margin-bottom:.3rem;color:var(--bgNavBar)}#root .offer-section .feature-text p{color:var(--coCust6);text-align:left}#root .offer-section .pricing-card{background-color:var(--bgNavBar);border-radius:1.5rem;padding:2.5rem;color:var(--coNavLink);text-align:center;box-shadow:0 8px 20px #0000004d}#root .offer-section .pricing-content h3{font-size:2rem;margin-bottom:1.5rem}#root .offer-section .price{font-size:5rem;font-weight:700;color:var(--coNavLinkHover);margin-bottom:.25rem}#root .offer-section .price-period{font-size:1.5rem;margin-bottom:2rem}#root .offer-section .price-features{text-align:left;margin-bottom:1.5rem}#root .offer-section .price-features li{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}#root .offer-section .price-features li span{font-size:1.25rem;color:var(--coNavLinkHover)}#root .offer-section .resources-section{text-align:center;padding-top:1rem}#root .offer-section .resources-section h3{font-size:2rem;color:var(--bgNavBar);margin-bottom:2rem}#root .offer-section .resources-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}#root .offer-section .resource-card{background-color:var(--bgCust2);padding:1.5rem;border-radius:1rem;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 2px 4px #0000000d}#root .offer-section .resource-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0000001a}#root .offer-section .resource-card .resource-icon{width:4rem;height:4rem;background-color:#022d5e1a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}#root .offer-section .resource-card .resource-icon span{font-size:2rem;color:var(--coNavLinkHover)}#root .offer-section .resource-card h4{font-size:1.25rem;color:var(--bgNavBar);margin-bottom:.5rem}#root .offer-section .resource-card p{color:var(--coCust6);font-size:.875rem;margin-bottom:1rem}@media (min-width: 768px){#root .offer-section{background:url(/kokos-frontend/images/bg1.jpg) center/cover no-repeat}#root .offer-section .section-header h2{font-size:2.5rem}#root .offer-section .resources-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){#root .offer-section .offer-content{grid-template-columns:1fr .8fr;align-items:start}#root .offer-section .offer-features{padding-right:2rem}}#root .how-section{color:var(--coNavLink);display:flex;background:url(/kokos-frontend/images/bg3-mobile.jpg) center/cover no-repeat;padding:4rem 0;overflow:visible}#root .how-section:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,#7ebcffcc,#fffffff2);z-index:0;transition:opacity .5s ease}#root .how-section>*{position:relative;z-index:1}#root .how-section .container{max-width:1200px;margin:-3rem auto;padding:0 1rem}#root .how-section .section-header{text-align:center;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}#root .how-section .section-header h2{font-size:2.3rem;color:var(--bgNavBar)}#root .how-section .section-header p{font-size:1.25rem;color:var(--coCust6);max-width:48rem;margin:-1rem auto 0}#root .how-section .timeline{position:relative;max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center}#root .how-section .timeline-line{position:absolute;left:50%;transform:translate(-50%);width:2px;height:100%;background-color:var(--coNavLinkHover);display:none}#root .how-section .timeline-item{display:flex;flex-direction:column;align-items:center;margin-bottom:3rem;position:relative}#root .how-section .timeline-content{padding:1rem;background-color:var(--coNavLink);border-radius:1rem;box-shadow:0 4px 10px #00000014;width:100%;max-width:350px;transition:transform .3s ease,box-shadow .3s ease}#root .how-section .timeline-content:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}#root .how-section .timeline-header{display:flex;gap:0}#root .how-section .timeline-content h3{font-size:1.5rem;margin-bottom:.75rem;color:var(--bgNavBar)}#root .how-section .timeline-content p{color:var(--coCust6)}#root .how-section .step-number{width:2.5rem;height:2.5rem;min-width:2.5rem;background-color:var(--coNavLinkHover);color:var(--coNavLink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:1rem;box-shadow:0 2px 5px #0003}#root .how-section .timeline-dot{width:1.5rem;height:1.5rem;background-color:var(--coNavLinkHover);border-radius:50%;border:4px solid var(--bgCust2);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;z-index:1;box-shadow:0 0 0 2px #0000001a}@media (min-width: 768px){#root .how-section{background:url(/kokos-frontend/images/bg3.jpg) center/cover no-repeat}#root .how-section .section-header h2{font-size:2.5rem}#root .how-section .timeline-content{padding:1.5rem}#root .how-section .timeline-header{display:flex;flex-direction:column}}@media (min-width: 1024px){#root .how-section .timeline-line,#root .how-section .timeline-dot{display:block}#root .how-section .timeline-item{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:4rem}#root .how-section .timeline-content{max-width:40%}#root .how-section .timeline-content.left{margin-right:auto;text-align:right;padding-right:2.5rem}#root .how-section .timeline-content.right{margin-left:auto;text-align:left;padding-left:2.5rem}#root .how-section .timeline-content.left .step-number{margin-left:auto}#root .how-section .timeline-content.right .step-number{margin-right:auto}}#root .how-section .timeline-header{justify-content:flex-start}@media (max-width: 1023px){#root .how-section .timeline-content{margin-right:auto;text-align:left;padding-left:1rem;padding-right:1rem}#root .how-section .timeline-content.right,#root .how-section .timeline-content.left{margin-left:0;margin-right:auto;text-align:left}#root .how-section .timeline-content.right .step-number,#root .how-section .timeline-content.left .step-number{margin-right:1rem;margin-left:0}}#root .team-section{color:var(--coNavLink);display:flex;background:url(/kokos-frontend/images/bg2-mobile2.jpg) center/cover no-repeat;padding:4rem 0;overflow:visible}#root .team-section:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,#011e40b3,#022f5fe6);z-index:0;transition:opacity .5s ease}#root .team-section>*{position:relative;z-index:1}#root .team-section .container{max-width:1200px;margin:-3rem auto;padding:0 1rem}#root .team-section .section-header{text-align:center;margin-bottom:2rem;display:flex;flex-flow:row wrap;gap:var(--gap);width:100%;justify-content:center;align-content:flex-start}#root .team-section .section-header h2{font-size:2.3rem;color:var(--coNavLink)}#root .team-section .section-header p{font-size:1.25rem;color:#7f8da5}#root .team-section .team-grid{display:grid;grid-template-columns:1fr;gap:2rem}#root .team-section .team-member{background-color:#e8eff8e2;padding:2rem;border-radius:1rem;display:flex;flex-direction:column;align-items:center;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 8px #00000014}#root .team-section .team-member:hover{transform:translateY(-5px);box-shadow:0 12px 20px #00000026}#root .team-section .member-photo{width:150px;height:150px;border-radius:50%;object-fit:cover;margin:0 auto 1.5rem;border:4px solid var(--coNavLinkHover)}#root .team-section .team-member h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--bgNavBar);text-wrap:nowrap}#root .team-section .member-role{color:var(--coNavLinkHover);font-weight:600;margin-bottom:1rem}#root .team-section .member-bio{color:var(--coCust6);font-size:.875rem}@media (min-width: 640px){#root .team-section .team-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){#root .team-section .section-header{margin-bottom:3rem}#root .team-section .section-header h2{font-size:2.5rem}#root .team-section{background:url(/kokos-frontend/images/bg2.jpg) center/cover no-repeat}}@media (min-width: 1024px){#root .team-section .team-grid{grid-template-columns:repeat(3,1fr)}}#root .faq-section{background-color:var(--bgCust2);padding:5rem 0}#root .faq-section .container{max-width:1200px;margin:-3rem auto;padding:0 1rem}#root .faq-section .section-header{text-align:center;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}#root .faq-section .section-header h2{font-size:2rem;color:var(--bgNavBar)}#root .faq-section .section-header p{font-size:1.25rem;color:var(--coCust6);max-width:48rem;margin:0 auto}#root .faq-section .faq-grid{display:grid;grid-template-columns:1fr;gap:1rem;max-width:60rem;margin:0 auto 3rem}#root .faq-section .faq-item{overflow:hidden}#root .faq-section .faq-question{padding:1.5rem;font-weight:600;font-size:1.125rem;color:var(--bgNavBar);cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:var(--coNavLink);border-left:5px solid var(--coNavLinkHover);border-radius:.5rem;box-shadow:0 2px 8px #00000014;transition:background-color .3s ease}#root .faq-section .faq-question:hover{background-color:var(--bgCust3)}#root .faq-section .faq-icon{font-size:1.8rem;font-weight:700;color:var(--coNavLinkHover)}#root .faq-section .faq-answer{padding:1rem 1.5rem 1.5rem;color:var(--coCust6);line-height:1.6;background:var(--coNavLink);border-radius:0 0 .5rem .5rem;max-height:0;opacity:0;transition:all .3s ease}#root .faq-section .faq-answer.active{max-height:200px;opacity:1;padding:1rem 1.5rem 1.5rem}#root .faq-section .faq-cta{text-align:center;margin-top:-2rem;display:flex;flex-direction:column;align-items:center}#root .faq-section .faq-cta p{font-size:1.125rem;margin-bottom:1.5rem;color:var(--coCust6)}#root .faq-section .faq-cta .btn{display:inline-flex;align-items:center;gap:.5rem}#root .faq-section .faq-cta .btn .material-symbols-outlined{font-size:1.4rem}@media (min-width: 768px){#root .faq-section .section-header{margin-bottom:3rem}#root .faq-section .section-header h2{font-size:2.5rem}#root .faq-section .faq-cta{margin-top:2rem;flex-direction:row;gap:5rem}#root .faq-section .faq-cta .btn{margin-top:-1rem}}#root .contact-section{color:var(--coNavLink);display:flex;background:url(/kokos-frontend/images/bg1-mobile.jpg) center/cover no-repeat;padding:4rem 0;overflow:visible;transition:opacity .5s ease}#root .contact-section:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,#7ebcff99,#fffffff2);z-index:0;transition:opacity .5s ease}#root .contact-section>*{position:relative;z-index:1}#root .contact-section .container{max-width:1200px;margin:-3rem auto;padding:0 1rem}#root .contact-section .section-header{text-align:center;margin-bottom:0rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}#root .contact-section .section-header h2{font-size:2.5rem;color:var(--bgNavBar)}#root .contact-section .section-header p{font-size:1.25rem;color:var(--coCust6);max-width:48rem;margin:0 auto}#root .contact-section .contact-content{display:flex;justify-content:center;align-items:center;margin-top:-4rem}#root .contact-section .contact-form{background-color:var(--bgNavBar);padding:2rem;border-radius:1rem;box-shadow:0 8px 20px #0003;display:flex;flex-direction:column;gap:1rem;width:100%;max-width:45rem}#root .contact-section .form-row{display:grid;grid-template-columns:1fr;gap:1.5rem}#root .contact-section .form-group{display:flex;flex-direction:column;gap:.5rem}#root .contact-section .form-group label{font-weight:600;color:var(--coNavLink);font-size:.95rem;display:block;margin-bottom:.5rem}#root .form-group input,#root .form-group textarea{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;background-color:#fff}#root .form-group textarea{resize:vertical}#root .contact-section .form-control{padding:.85rem 1rem;border-radius:.5rem;background-color:var(--bgCust2);border:1px solid var(--bgCust3);color:var(--bgNavBar);transition:border-color .3s ease,box-shadow .3s ease;font-size:1rem}#root .contact-section .form-control::placeholder{color:#022d5e99}#root .contact-section .form-control:focus{outline:none;border-color:var(--coNavLinkHover);box-shadow:0 0 0 3px #fd880433}#root .contact-section .toast{text-align:center;padding:1rem 2rem;margin:1rem auto 2rem;border-radius:10px;font-weight:700;max-width:600px}#root .contact-section .toast.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}#root .contact-section .toast.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}#root .contact-section .fade-enter-active,#root .contact-section .fade-leave-active{transition:opacity .5s ease}#root .contact-section .fade-enter-from,#root .contact-section .fade-leave-to{opacity:0}@media (min-width: 768px){#root .contact-section{background:url(/kokos-frontend/images/bg1.jpg) center/cover no-repeat}#root .contact-section .form-row{grid-template-columns:1fr 1fr}}#root .video-wrapper{border-radius:1rem;overflow:hidden;box-shadow:0 12px 40px #000000b3;max-width:100%;position:relative}#root .video-wrapper video{display:block}#root .video-overlay-text{font-size:1.1rem;margin-top:.5rem;text-align:center}#root .video-wrapper:hover{transform:scale(1.01);transition:transform .3s ease-in-out}#root .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;color:#fff;background:#00000080;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;z-index:10003;transition:transform .3s ease,opacity .3s ease;cursor:pointer}.custom-video-controls-wrapper{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);z-index:10003;transition:opacity .3s ease,visibility .3s ease;display:flex;gap:20px}.custom-video-controls{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#00000080;border-radius:50%;cursor:pointer;box-shadow:0 6px 20px #0006;transition:transform .3s ease,opacity .3s ease}.custom-video-controls:hover{transform:scale(1.1)}.custom-video-controls svg{pointer-events:none;width:60px;height:60px}.custom-video-controls-wrapper.hidden{opacity:0;visibility:hidden}.pause-icon,.play-icon{opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.custom-progress-bar{width:100%;height:8px;background:#fff3;border-radius:4px;cursor:pointer;margin-top:10px;position:relative;overflow:hidden}.video-time-container{display:flex;align-items:center;gap:10px;margin-top:10px;-webkit-user-select:none;user-select:none}.time-label{font-size:.9rem;color:#fff;min-width:40px;text-align:center}.custom-progress-bar{flex-grow:1;height:8px;background:#fff3;border-radius:4px;cursor:pointer;position:relative;overflow:hidden}.progress-filled{height:100%;background:#fd8804;transition:width .1s linear}.progress-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 0 4px #00000080;pointer-events:none}.custom-video-controls.mute-controls{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#00000080;border-radius:50%;cursor:pointer;box-shadow:0 4px 10px #0000004d;transition:transform .3s ease,opacity .3s ease}.custom-video-controls.mute-controls:hover{transform:scale(1.1)}.custom-video-controls.mute-controls svg{pointer-events:none;width:24px;height:24px}.mute-icon,.unmute-icon{opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease}#root .footer{background-color:var(--bgCust4);color:var(--coCust5);padding:4rem 0 0}#root .footer .container{max-width:1200px;margin:0 auto;padding:0 1rem}#root .footer .footer-grid{display:grid;grid-template-columns:1fr;gap:3rem;margin-bottom:3rem}#root .footer .footer-about{display:flex;flex-direction:column;gap:1.5rem}#root .footer .footer-logo{display:flex;align-items:center;gap:0}#root .footer .footer-logo .logo-img{height:5rem;width:auto;margin-top:-2.5rem;margin-left:-2rem}#root .footer .footer-logo:hover .logo-img{transform:translateY(-.1rem) scale(1.05);transition:all .3s ease-in-out}#root .footer .social-link-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none}#root .footer .social-link-wrapper:hover{transform:scale(1.1);transition:all .3s ease-in-out}#root .footer .social-icon{width:2.5rem;height:2.5rem;border-radius:50%;background-color:#ffffff1a;color:var(--coNavLinkHover);display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s ease}#root .footer .social-link-wrapper:hover .social-icon{background-color:var(--coNavLinkHover);color:var(--bgCust4)}#root .footer .footer-description{color:var(--coNavLink)}#root .footer .social-text{color:var(--coNavLink);margin-top:.5rem}#root .footer .footer-heading{font-size:1.25rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1);color:var(--coCust12)}#root .footer .footer-menu{list-style:none;display:flex;flex-direction:column;gap:.75rem;padding:0}#root .footer .footer-link{color:var(--coNavLink);display:flex;align-items:center;gap:.5rem;text-decoration:none;transition:color .3s ease}#root .footer .footer-link:hover,#root .footer .footer-link.selected{color:var(--coNavLinkHover)}#root .footer .footer-link span.material-symbols-outlined{font-size:1rem;color:var(--coNavLinkHover)}#root .footer .contact-info{list-style:none;display:flex;flex-direction:column;gap:1rem;padding:0}#root .footer .contact-info li{display:flex;align-items:flex-start;gap:.75rem;color:var(--coNavLink)}#root .footer .contact-info span.material-symbols-outlined{color:var(--coNavLinkHover);font-size:1.25rem}#root .footer .contact-link{color:var(--coNavLink);text-decoration:none}#root .footer .contact-link:hover{color:var(--coNavLinkHover)}#root .footer .newsletter-text{color:var(--coNavLink);margin-bottom:1.5rem}#root .footer .newsletter-form{display:flex;flex-direction:column;gap:1rem;width:100%}#root .footer .newsletter-input{padding:.75rem 1rem;border-radius:.5rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--coCust5);transition:border-color .3s ease,box-shadow .3s ease}#root .footer .newsletter-input::placeholder{color:#fff9}#root .footer .newsletter-input:focus{outline:none;border-color:var(--coNavLinkHover);box-shadow:0 0 0 3px #fd880433}#root .footer .newsletter-success{color:var(--coCust12);font-weight:600;margin-top:1rem;text-align:center;animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#root .footer .input-error{border:2px solid #ff4d4f}#root .footer .form-error{color:#ff4d4f;margin:.25rem 0 -.25rem;font-size:.9rem;text-align:center}#root .footer .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 2rem;border-radius:.5rem;font-weight:600;text-decoration:none;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease,transform .2s ease;cursor:pointer;border:none;line-height:1;background-color:var(--coNavLinkHover);color:var(--bgCust4);box-shadow:0 4px 8px #fd880433}#root .footer .btn-primary:hover{background-color:var(--coCust6);color:var(--bgCust4);box-shadow:0 6px 12px #fcbe034d;transform:translateY(-2px)}#root .footer .btn-primary:active{transform:translateY(0)}#root .footer .footer-bottom{padding:2rem 0;border-top:1px solid rgba(255,255,255,.1);text-align:center;margin-top:3rem}#root .footer .copyright{color:var(--coNavLink);margin-bottom:1rem}#root .footer .footer-legal{display:flex;justify-content:center;gap:1.5rem}#root .footer .legal-link{color:var(--coNavLink);transition:color .3s ease;text-decoration:none}#root .footer .legal-link:hover{color:var(--coNavLinkHover)}@media (min-width: 768px){#root .footer .footer-grid{grid-template-columns:repeat(2,1fr)}#root .footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;text-align:left}#root .footer .copyright{margin-bottom:0}}@media (min-width: 1024px){#root .footer .footer-grid{grid-template-columns:repeat(4,1fr)}}