@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');html {scroll-behavior: smooth;}body {display: flex;justify-content: center;margin: 0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-family: 'Montserrat', sans-serif;line-height: 1.2;letter-spacing: normal;font-weight: 400;color: var(--font-color-black);background-color: var(--background-color);}::-webkit-scrollbar {width: 5px;}::-webkit-scrollbar-track {background: var(--background-scrool-color);}::-webkit-scrollbar-thumb {background: var(--primary-color);border-radius: 8px;}::-webkit-scrollbar-thumb:hover {background: var(--color-hover-primary);}:root {--primary-color: #252525;--font-color-white: #fff;--font-color-black: #252525;--background-scrool-color: #f1f1f1;--background-color: #fff;--color-hover-primary: #666666;}* {box-sizing: border-box;}a {text-decoration: none;cursor: pointer;}img {-webkit-user-drag: none;object-fit: contain;width: 100%;}.container-area {display: flex;flex-direction: column;width: 100%;height: 100%;min-height: 1080px;}.container {display: flex;flex-direction: column;align-items: center;width: 100%;max-width: 1100px;margin: 0px 5%;height: 100%;}.button {display: flex;align-items: center;justify-content: center;gap: 8px;width: 100%;transition: all 0.3s;line-height: 1;&.main, &.section {max-width: 241px;min-height: 38px;background: var(--primary-color);color: var(--font-color-white);font-weight: 700;font-size: 18px;line-height: 1;text-transform: uppercase;&:hover {background: var(--color-hover-primary);}}}h1, h2, h3, h4, h5, h6, p {margin: 0px;}section, main, header, footer {display: flex;justify-content: center;width: 100%;}.area-1 {box-shadow: 0px 4px 4px 0px #0000002E;.container {flex-direction: row;justify-content: space-between;gap: 45px;min-height: 102px;.box-left {max-width: 80px;svg {max-width: 77px;}}nav {display: flex;justify-content: space-between;gap: 30px;width: 100%;max-width: 800px;@media screen and (max-width:960px) {justify-content: flex-end;}a {font-weight: 600;color: var(--font-color-black);text-transform: uppercase;border-bottom: 1px solid transparent;font-size: 14px;padding-bottom: 5px;margin-bottom: -5px;&:hover {border-color: var(--color-hover-primary);color: var(--color-hover-primary);}@media screen and (max-width:960px) {display: none;}}button {display: none;border: none;background: none;@media screen and (max-width:960px) {display: flex;}}}}}.area-2 {.container {flex-direction: row;gap: 45px;padding: 45px 0px;@media screen and (max-width:768px) {flex-direction: column-reverse;align-items: center;margin: 0px;padding-top: 0px;}.box-left {display: flex;flex-direction: column;align-items: center;justify-content: center;max-width: 50%;width: 100%;gap: 30px;@media screen and (max-width:768px) {max-width: 100%;}h1 {max-width: 205px;margin-bottom: 15px;}p {text-align: center;max-width: 295px;font-size: 20px;}}.box-right {display: flex;flex-direction: column;align-items: center;max-width: 50%;width: 100%;max-width: 525px;gap: 20px;@media screen and (max-width:768px) {max-width: 100%;}.wrapper {display: flex;width: 100%;overflow: hidden;img {width: 100%;aspect-ratio: 1/1;object-fit: cover;object-position: left 5px;transition: transform 0.8s ease-in-out;@media screen and (max-width:768px) {max-height: 560px;aspect-ratio: initial;object-position: center;min-width: 100vw;}}}.bar {min-height: 8px;max-width: 240px;background: #DaD7DB;position: relative;width: 100%;&::after {content: ' ';min-height: 8px;width: 100%;max-width: 50%;position: absolute;top: 0;left: 0%;z-index: 1;background: var(--primary-color);transition: left 0.8s ease-in-out;}&.last {&::after {left: 50%;}}}}}}.area-3 {.container {padding: 45px 0px;gap: 30px;h2 {font-size: 50px;text-align: center;font-weight: 700;line-height: 1.1;text-transform: uppercase;@media screen and (max-width:375px) {font-size: 36px;}}.list-box {display: flex;justify-content: space-around;width: 100%;max-width: 1000px;gap: 30px;counter-reset: step-count;margin-bottom: 15px;@media screen and (max-width:600px) {flex-direction: column;align-items: center;}.box {display: flex;flex-direction: column;align-items: center;width: 100%;max-width: 250px;gap: 20px;@media screen and (max-width:600px) {max-width: 335px;}.image {width: 100%;position: relative;align-items: center;display: flex;justify-content: center;@media screen and (max-width:600px) {max-width: 225px;}&::after {counter-increment: step-count;content: counter(step-count);min-height: 80px;min-width: 80px;max-width: 80px;max-height: 80px;width: 100%;border: 2px solid #FFFFFF;font-size: 75px;font-weight: 500;color: var(--font-color-white);text-align: center;display: flex;justify-content: center;align-items: center;position: absolute;bottom: 20px;border-radius: 50%;}}p {text-align: center;max-width: 225px;@media screen and (max-width:600px) {max-width: 335px;}}}}}}.area-4 {.container {padding: 45px 0px 45px;gap: 45px;h3 {font-weight: 700;text-align: center;font-size: 50px;text-transform: uppercase;line-height: 1.1;@media screen and (max-width:375px) {font-size: 36px;}}.list-box {display: flex;max-width: 1000px;justify-content: space-around;gap: 30px;width: 100%;@media screen and (max-width:600px) {flex-wrap: wrap;}.box {display: flex;flex-direction: column;max-width: 200px;align-items: center;gap: 30px;@media screen and (max-width:600px) {max-width: calc(50% - 15px);}svg {max-width: 140px;max-height: 120px;}p {font-size: 14px;text-align: center;max-width: 180px;}}}}}.area-5 {.container {flex-direction: row;align-items: flex-start;gap: 45px;@media screen and (max-width:768px) {flex-direction: column;align-items: center;}.box-left {display: flex;width: 100%;max-width: 500px;@media screen and (max-width:768px) {max-width: 300px;}}.box-right {display: flex;flex-direction: column;width: 100%;max-width: 500px;gap: 30px;@media screen and (max-width:768px) {max-width: 504px;}h4 {font-size: 50px;font-weight: 700;text-transform: uppercase;@media screen and (max-width:768px) {max-width: 100%;}@media screen and (max-width:375px) {font-size: 36px;max-width: 255px;}}p {line-height: 1.1;}.button {@media screen and (max-width:768px) {margin: 0 auto;}}}}}.area-faq {.container {padding: 45px 0px 50px;gap: 15px;h5 {font-weight: 700;font-size: 50px;line-height: 1.1;text-transform: uppercase;color: var(--primary-color);@media screen and (max-width:375px) {font-size: 36px;}}.faq-container {max-width: 960px;margin: 0 auto;display: flex;flex-direction: column;gap: 0rem;padding-top: 25px;padding-bottom: 20px;width: 100%;counter-reset: faq-count;.faq-item {border-radius: 0px;overflow: hidden;.faq-button {width: 100%;padding: 8px 0px;min-height: 60px;display: flex;justify-content: flex-start;background-color: #fff;align-items: center;border: none;cursor: pointer;text-align: left;gap: 10px;outline: none;box-shadow: none;&.active {border-bottom: none !important;}span {font-weight: 400 !important;color: var(--font-color-gray) !important;font-size: 24px !important;line-height: 1.1 !important;font-family: 'MontSerrat', sans-serif !important;@media screen and (max-width:600px) {font-size: 20px !important;}&::before {counter-increment: faq-count;content: '0' counter(faq-count)'.';font-size: 24px;font-weight: 700;line-height: 1.1;color: var(--font-color-black);}}.toggle-icon {transition: transform 0.5s;height: 20px;margin-right: 5px;margin-bottom: 5px;svg {width: 25px;height: 25px;}}}.answer {padding: 0px 0px 1rem;width: 100%;font-size: 18px !important;font-weight: 400 !important;color: var(--font-color-black) !important;font-family: 'MontSerrat', sans-serif !important;padding-left: 45px !important;@media screen and (max-width:600px) {font-size: 16px !important;}a, h1, h2, span, td, p {font-size: 14px !important;font-weight: 400 !important;color: var(--font-color-black) !important;font-family: 'MontSerrat', sans-serif !important;margin: 0px !important;padding: 0px !important;@media screen and (max-width:600px) {font-size: 16px !important;}}&.hidden {display: none;}}}}}}.area-6 {background: #F3F0F3;.container {padding: 120px 0px 80px;flex-direction: row;justify-content: space-between;@media screen and (max-width:768px) {justify-content: space-around;}@media screen and (max-width:600px) {flex-direction: column;gap: 30px;padding: 50px 0px;}.box-left {display: flex;width: 100%;max-width: 115px;}.box-right {display: flex;justify-content: center;width: 100%;max-width: 400px;a {min-height: 100px;display: flex;align-items: center;justify-content: center;width: 100%;max-width: 100px;@media screen and (max-width:600px) {max-width: 75px;min-height: 75px;}&:not(:last-child) {border-right: 1px solid #ACA9AD;}}}}}.area-footer {background: var(--primary-color);width: 100%;.box-footer {width: 100%;padding: 5px 0px;.store_name, .year {font-weight: 400 !important;}}}.overflow {height: 100vh;width: 100%;position: fixed;top: 0px;z-index: 1;background: #0000002b;visibility: hidden;&.active {visibility: visible;}.cnt-sidenav {height: 100%;width: 300px;position: fixed;z-index: 3;top: 0;right: 0;overflow-x: hidden;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;background: #fff;padding: 80px 25px 50px;display: flex;flex-direction: column;gap: 20px;transform: translateX(100%);a {display: none !important;border-bottom: 1px solid transparent;padding-bottom: 5px;}&.active {padding: 80px 25px 50px;width: 300px;transform: translateX(0);a {display: flex !important;text-decoration: none;text-transform: uppercase;&:hover {border-bottom: 1px solid var(--color-hover-primary);color: var(--color-hover-primary);}}}.link {text-decoration: none;color: var(--font-color-black);display: block;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;font-weight: 600;font-size: 18px;text-decoration: underline;&:hover {color: var(--primary-color-hover);}}.closebtn {position: absolute;top: 25px;right: 25px;font-size: 40px;margin-left: 50px;color: #000;cursor: pointer;svg {max-width: 20px;width: 14px;fill: #000;}&:hover {svg {fill: var(--primary-color-hover);}}}.button {color: var(--font-color-white) !important;padding-bottom: 0px !important;}}}