:root { --sasi-color-primary: #B9FB6A; --sasi-color-text-main: #696969; --sasi-color-white: #ffffff; --sasi-bg-color-white: #ffffff; --sasi-color-dark: #0E0E0E; --sasi-color-gray: #EEEEEE; --sasi-bg-color-gray: #EEEEEE; --sasi-bg-color-green: #F1FEE1; --sasi-font-main: Inter,sans-serif; --sasi-font-second: Plus Jakarta Sans,sans-serif; --sasi-body-font-family: var(--sasi-font-main); --sasi-body-font-size: 16px; --sasi-body-font-weight: 400; --sasi-body-line-height: 26px; --sasi-body-font-color: var(--sasi-color-text-main); --sasi-body-bg-color: #ffffff; --sasi-heading-font-family: var(--sasi-font-second); --sasi-heading-color: var(--sasi-color-dark); --sasi-heading-margin: 0 0 20px; --sasi-heading-font-weight-bold: bold; --sasi-heading-font-weight-600: 600; --sasi-h1-font-size: 85px; --sasi-h1-line-height: 92px; --sasi-h2-font-size: 48px; --sasi-h2-line-height: 55px; --sasi-h3-font-size: 22px; --sasi-h3-line-height: 44px; --sasi-h4-font-size: 20px; --sasi-h4-line-height: 40px; --sasi-h5-font-size: 24px; --sasi-h5-line-height: 36px; --sasi-h6-font-size: 18px; --sasi-h6-line-height: 32px; --sasi-color-sub-heading: var(--sasi-color-dark); --sasi-bg-sub-heading: var(--sasi-bg-color-green); --sasi-color-link: #696969; --sasi-color-text-input: #696969; --sasi-color-placeholder-input: #0e0e0e60; --sasi-border-color: #eeeeee; --sasi-border-color-input: #eeeeee; --sasi-border-focus-input: #0e0e0e80; --sasi-border-radius: 6px; --sasi-border-color-quote: #FFFFFF1A; --sasi-color-blockquote: var(--sasi-color-white); --sasi-bg-blockquote: var(--sasi-color-dark); --sasi-bg-dark-overlay: #0e0e0ed0; --sasi-arrow-menu-select: url("images/arrow-menu.svg") right 20px center no-repeat; --sasi-bgmenu-color-hover: var(--sasi-bg-color-gray); --sasi-bg-color-smenu: var(--sasi-bg-color-gray); --sasi-menu-color: var(--sasi-color-dark); --sasi-menu-color-hover: var(--sasi-color-dark); --sasi-arrow-color: var(--sasi-color-dark); --sasi-arrow-color-hover: var(--sasi-color-dark); --sasi-bgsmenu-color-hover: var(--sasi-color-white); --sasi-boxshadow-menu: #00000026; --sasi-btn-color: var(--sasi-color-dark); --sasi-btn-color-hover: var(--sasi-color-white); --sasi-color-btn-dark-hover: var(--sasi-color-dark); --sasi-btn-bg-color: var(--sasi-color-primary); --sasi-btn-border-width: 1px; --sasi-btn-border-color: var(--sasi-btn-bg-color); --sasi-btn-bg-color-hover: var(--sasi-color-dark); --sasi-btn-border-color-hover: var(--sasi-btn-bg-color-hover); --sasi-btn-padding-top: 16px; --sasi-btn-padding-right: 25px; --sasi-btn-padding-bottom: 16px; --sasi-btn-padding-left: 25px; --sasi-btn-line-height: 1; --sasi-btn-font-family: var(--sasi-font-second); --sasi-btn-font-size: 16px; --sasi-btn-rounded: 999px; --sasi-btn-font-weight: 600; --sasi-btn-icon-spacing: 10px; --sasi-btn-icon-size: 14px; --sasi-btn-icon-padding: 12px; --sasi-btn-icon-color: var(--sasi-color-white); --sasi-btn-icon-color-hover: var(--sasi-color-dark); --sasi-btn-icon-bg-color: var(--sasi-color-dark); --sasi-btn-icon-bg-color-hover: var(--sasi-color-white); --sasi-btn-icon-border-width: 1px; --sasi-btn-icon-border-color: var(--sasi-btn-icon-bg-color); --sasi-btn-icon-border-color-hover: var(--sasi-btn-icon-bg-color-hover); --sasi-color-discount: var(--sasi-color-dark); --sasi-color-empty-star: #0e0e0e15; --sasi-tag-color: var(--sasi-color-dark); --sasi-tag-hover-color: var(--sasi-color-dark); --sasi-bg-meta-post: var(--sasi-color-white); --sasi-social-color-hover: var(--sasi-color-dark); --sasi-color-input-csform: var(--sasi-color-white); --sasi-bg-csform: #ffffff05; --sasi-color-onsale: var(--sasi-color-dark); --sasi-bg-media-product: var(--sasi-color-white); --sasi-hover-btn-proceed: var(--sasi-color-dark); --sasi-color-border-search-startup: #0000001A; }
.dark-mode { --sasi-color-text-main: #FFFFFFA6; --sasi-color-dark: #ffffff; --sasi-color-white: #090D16; --sasi-body-bg-color: #090D16; --sasi-bg-color-white: #090D16; --sasi-color-gray: #FFFFFF1A; --sasi-bg-color-gray: #FFFFFF1A; --sasi-bg-color-green: #0E1421; --sasi-color-link: #FFFFFFA6; --sasi-color-placeholder-input: #ffffff60; --sasi-border-color: #FFFFFF1A; --sasi-border-color-input: #FFFFFF1A; --sasi-border-focus-input: #ffffff80; --sasi-color-blockquote: var(--sasi-color-dark); --sasi-bg-blockquote: var(--sasi-bg-color-green); --sasi-bg-dark-overlay: #0E1421d0; --sasi-arrow-menu-select: url("images/arrow-menu-dark.svg") right 20px center no-repeat; --sasi-bgmenu-color-hover: var(--sasi-color-primary); --sasi-menu-color: var(--sasi-color-dark); --sasi-menu-color-hover: var(--sasi-color-white); --sasi-arrow-color: var(--sasi-color-dark); --sasi-arrow-color-hover: var(--sasi-color-white); --sasi-bg-color-smenu: var(--sasi-bg-color-green); --sasi-bgsmenu-color-hover: #ffffff30; --sasi-boxshadow-menu: #ffffff26; --sasi-heading-color: var(--sasi-color-dark); --sasi-color-sub-heading: var(--sasi-color-dark); --sasi-color-btn-dark-hover: var(--sasi-color-white); --sasi-btn-bg-color: var(--sasi-color-primary); --sasi-btn-border-color: var(--sasi-btn-bg-color); --sasi-btn-color: var(--sasi-color-white); --sasi-btn-color-hover: var(--sasi-color-white); --sasi-btn-bg-color-hover: var(--sasi-color-dark); --sasi-btn-border-color-hover: var(--sasi-btn-bg-color-hover); --sasi-btn-icon-color: var(--sasi-color-dark); --sasi-btn-icon-color-hover: var(--sasi-color-dark); --sasi-btn-icon-bg-color: var(--sasi-color-white); --sasi-btn-icon-bg-color-hover: var(--sasi-color-white); --sasi-btn-icon-border-color-hover: var(--sasi-color-white); --sasi-color-discount: var(--sasi-color-white); --sasi-color-empty-star: #FFFFFF15; --sasi-tag-color: var(--sasi-color-dark); --sasi-bg-meta-post: #090D16a1; --sasi-color-input-csform: var(--sasi-color-dark); --sasi-social-color-hover: var(--sasi-color-white); --sasi-bg-csform: var(--sasi-bg-color-green); --sasi-color-onsale: var(--sasi-color-white); --sasi-bg-media-product: var(--sasi-bg-color-green); --sasi-hover-btn-proceed: var(--sasi-color-white); --sasi-color-border-search-startup: var(--sasi-color-gray); }
body { font-family: var(--sasi-body-font-family); font-size: var(--sasi-body-font-size); font-weight: var(--sasi-body-font-weight); color: var(--sasi-color-text-main); line-height: var(--sasi-body-line-height); background-color: var(--sasi-body-bg-color); overflow-wrap: break-word; padding: 0px; margin: 0px; overflow-x: hidden; text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-font-smoothing: antialiased; }
.site { overflow: clip; }
a { background-color: transparent; }
b, strong { font-weight: bold; }
img { border-style: none; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] { appearance: button; }
fieldset { padding: 0.35em 0.75em 0.625em; }
textarea { overflow: auto; }
h1, h2, h3, h4, h5, h6 { font-family: var(--sasi-font-second); margin: 0px 0px 20px; color: var(--sasi-heading-color); }
h1 { font-size: var(--sasi-h1-font-size); line-height: var(--sasi-h1-line-height); font-weight: var(--sasi-heading-font-weight-bold); }
h2 { font-size: var(--sasi-h2-font-size); line-height: var(--sasi-h2-line-height); font-weight: var(--sasi-heading-font-weight-bold); }
h3 { font-size: var(--sasi-h3-font-size); line-height: 1.3; font-weight: var(--sasi-heading-font-weight-600); }
h4 { font-size: var(--sasi-h4-font-size); line-height: 1.35; font-weight: var(--sasi-heading-font-weight-600); }
@media (min-width: 992px) and (max-width: 1199px) { h1 { --sasi-h1-font-size: 70px; --sasi-h1-line-height: 1.2; } }
@media (min-width: 768px) and (max-width: 991px) { h1 { --sasi-h1-font-size: 60px; --sasi-h1-line-height: 1.2; } h2 { --sasi-h2-font-size: 40px; --sasi-h2-line-height: 1.2; } }
@media (min-width: 576px) and (max-width: 767px) { h1 { --sasi-h1-font-size: 48px; --sasi-h1-line-height: 1.2; } h2 { --sasi-h2-font-size: 36px; --sasi-h2-line-height: 1.2; } }
@media (max-width: 575px) { h1 { --sasi-h1-font-size: 40px; --sasi-h1-line-height: 1.4; } h2 { --sasi-h2-font-size: 32px; --sasi-h2-line-height: 1.3; } }
p { margin: 0px 0px 20px; }
.no-bot { margin-bottom: 0px; }
dfn, cite, em, i { font-style: italic; }
.unstyle { list-style: none; padding-left: 0px; }
.e-con { scroll-margin-top: 101px; }
.sticky-header { transition: 0.3s !important; }
.site-overlay { cursor: url("/wp-content/themes/sasico/images/close.png") 16 16, default; background: var(--sasi-bg-dark-overlay); width: 100vw; height: calc(1px + 100vh); position: fixed; top: 0px; left: 0px; visibility: hidden; opacity: 0; transition: 0.3s linear; z-index: -1; }
.btn-close { display: inline-block; line-height: 1; transition: 0.3s; }
.sasi-icon svg path { fill: currentcolor; }
.sasi-icon { font-size: var(--sasi-btn-icon-size); padding: var(--sasi-btn-icon-padding); display: inline-block; line-height: 0; margin: 0px; cursor: pointer; color: var(--sasi-btn-icon-color); background-color: var(--sasi-btn-icon-bg-color); background-repeat: no-repeat; background-size: cover; background-position: center center; overflow: hidden; border-radius: 100%; transition: 0.3s; border: var(--sasi-btn-icon-border-width) solid var(--sasi-btn-icon-border-color); }
.sasi-icon i, .sasi-icon svg { display: inline-block; width: 1em; height: 1em; transition: 0.3s; }
*, ::before, ::after { box-sizing: border-box; }
html { box-sizing: border-box; }
ul, ol { margin: 0px 0px 20px; padding-left: 18px; }
ul { list-style: disc; }
ol { list-style: decimal; }
.none-style { list-style: none; padding-left: 0px; }
img { height: auto; max-width: 100%; }
button, input[type="button"], input[type="reset"], input[type="submit"], .button { font-family: var(--sasi-btn-font-family); font-size: var(--sasi-btn-font-size); color: var(--sasi-btn-color); background-color: var(--sasi-btn-bg-color); border: var(--sasi-btn-border-width) solid var(--sasi-btn-border-color); padding: var(--sasi-btn-padding-top) var(--sasi-btn-padding-right) var(--sasi-btn-padding-bottom) var(--sasi-btn-padding-left); line-height: var(--sasi-btn-line-height); border-radius: var(--sasi-btn-rounded); font-weight: var(--sasi-btn-font-weight); gap: var(--sasi-btn-icon-spacing); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; vertical-align: middle; letter-spacing: 0px; transition: 0.3s linear; }
.sasi-btn { font-family: var(--sasi-btn-font-family); font-size: var(--sasi-btn-font-size); color: var(--sasi-btn-color); background-color: var(--sasi-btn-bg-color); border: var(--sasi-btn-border-width) solid var(--sasi-btn-border-color); padding: var(--sasi-btn-padding-top) var(--sasi-btn-padding-right) var(--sasi-btn-padding-bottom) var(--sasi-btn-padding-left); line-height: var(--sasi-btn-line-height); border-radius: var(--sasi-btn-rounded); font-weight: var(--sasi-btn-font-weight); gap: var(--sasi-btn-icon-spacing); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; vertical-align: middle; letter-spacing: 0px; transition: 0.3s linear; }
.sasi-btn-icon { --sasi-btn-padding-top: 4px; --sasi-btn-padding-bottom: 4px; --sasi-btn-padding-right: 5px; }
.sasi-btn-primary { --sasi-btn-border-color: var(--sasi-btn-bg-color); --sasi-btn-border-color-hover: var(--sasi-btn-bg-color-hover); }
.sasi-btn-dark { --sasi-btn-color: var(--sasi-color-white); --sasi-btn-color-hover: var(--sasi-color-btn-dark-hover); --sasi-btn-bg-color: var(--sasi-color-dark); --sasi-btn-border-color: var(--sasi-btn-bg-color); --sasi-btn-bg-color-hover: var(--sasi-color-primary); --sasi-btn-border-color-hover: var(--sasi-btn-bg-color-hover); }
.sasi-btn-primary .sasi-icon { --sasi-btn-icon-border-color: var(--sasi-btn-icon-bg-color); }
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], select, textarea { background: var(--sasi-color-white); color: var(--sasi-color-dark); border: 1px solid var(--sasi-border-color-input); padding: 20px; box-sizing: border-box; max-width: 100%; appearance: none; outline: none; transition: 0.3s linear; border-radius: 14px; }
textarea { width: 100%; }
.sasi-cf-form .wpcf7-form-control-wrap { display: block; }
.sasi-cf-form .wpcf7-form-control-wrap input, .sasi-cf-form .wpcf7-form-control-wrap textarea { width: 100%; max-width: 100%; padding: 20px 30px; font-weight: 400; background: var(--sasi-bg-color-green); }
.sasi-cf-form .wpcf7-form-control-wrap textarea { height: 130px; vertical-align: top; }
.form-block { padding: 50px; border: 1px solid var(--sasi-color-gray); border-radius: 14px; }
.form-block .title-form { margin-bottom: 30px; }
.form-block .wpcf7-form-control-wrap input, .form-block .wpcf7-form-control-wrap textarea { background: var(--sasi-color-white); padding: 18px 20px; }
.wpcf7-form .row-grid { display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr); }
.wpcf7 form .wpcf7-response-output { border-radius: 10px; margin: 10px 0px 0px; padding: 10px 15px; color: var(--sasi-color-dark); }
@media (min-width: 768px) and (max-width: 991px) { .form-block { padding: 30px; } .wpcf7-form .row-grid { grid-template-columns: repeat(1, 2fr); } }
@media (max-width: 575px) { .form-block { padding: 30px; } .wpcf7-form .row-grid { grid-template-columns: repeat(1, 2fr); } }
a { color: var(--sasi-color-dark); text-decoration: none; transition: 0.3s linear; }
.main-navigation ul { list-style: none; padding-left: 0px; }
.site-header { position: relative; z-index: 999; }
.site-header.header-transparent { position: absolute; top: 0px; left: 0px; width: 100%; }
.main-navigation { position: relative; display: inline-block; vertical-align: middle; height: 100%; width: auto; }
.main-navigation a { font-family: var(--sasi-heading-font-family); font-size: 18px; font-weight: 500; color: var(--sasi-menu-color); }
.main-navigation > ul { position: relative; display: flex; width: 100%; vertical-align: middle; height: 100%; border: 1px solid var(--sasi-color-gray); background: var(--sasi-bg-color-white); border-radius: 30px; }
.main-navigation ul { list-style: none; margin: 0px; padding: 4px; }
.main-navigation > ul > li { margin: 0px; padding: 0px; float: left; position: relative; display: flex; -webkit-box-align: center; align-items: center; height: 100%; }
.main-navigation > ul > li > a { display: inline-block; padding: 8px 27px; line-height: 35px; text-decoration: none; text-align: center; outline: none; white-space: nowrap; transition: 0.2s ease-out; border-radius: 30px; }
embed, iframe, object { max-width: 100%; }
.sasi-heading { text-align: center; }
.sasi-heading__sub { display: inline-block; font-size: 16px; font-weight: 500; line-height: 1; color: var(--sasi-color-sub-heading); padding: 12px 28px; margin-bottom: 10px; border: 1px solid var(--sasi-border-color); background-color: var(--sasi-bg-color-green); border-radius: 999px; }
.sasi-heading__title { display: block; font-weight: bold; font-size: var(--sasi-h2-font-size); line-height: var(--sasi-h2-line-height); margin-bottom: 0px; }
@media (max-width: 767px) { .sasi-heading__sub { font-size: 14px; padding: 10px 20px; } .sasi-heading__title br { display: none; } }
.sasi-acc-item { position: relative; background-color: transparent; border: 1px solid var(--sasi-border-color); }
.sasi-acc-item__title { position: relative; padding: 24px 80px 24px 50px; font-size: 20px; font-weight: 600; font-family: var(--sasi-font-second); color: var(--sasi-color-dark); overflow: hidden; margin-bottom: 0px; line-height: inherit; cursor: pointer; transition: 0.3s linear; }
.sasi-acc-item__title .sasi-icon { --sasi-btn-icon-size: 13px; --sasi-btn-icon-padding: 10px; --sasi-btn-icon-color: var(--sasi-color-dark); --sasi-btn-icon-bg-color: var(--sasi-color-gray); --sasi-btn-icon-border-color: var(--sasi-color-gray); position: absolute; right: 30px; top: 50%; transform: translateY(-50%); }
.sasi-acc-item__title .sasi-icon.up { display: none; }
.sasi-acc-item__content { display: none; padding: 0px 80px 24px 50px; }
.sasi-acc-item__content p:last-child, .sasi-acc-item__content ul:last-child { margin-bottom: 0px; }
.has-distance .sasi-acc-item { border-radius: 10px; }
.has-distance .sasi-acc-item + .sasi-acc-item { margin-top: 15px; }
@media (max-width: 575px) { .sasi-acc-item__title .sasi-icon { right: 20px; padding: 8px; font-size: 12px; } }
.sasi-icon-list-wrapper ul { margin-bottom: 0px; }
.sasi-icon-list-wrapper .sasi-icon-list-item { display: flex; -webkit-box-align: center; align-items: center; line-height: 36px; word-break: normal; }
.sasi-icon-list-wrapper .sasi-icon-list-item a { color: currentcolor; }
.sasi-icon-list-wrapper .sasi-icon-list-item:last-child { margin-bottom: 0px; }
.sasi-icon-list-wrapper .sasi-icon-list-icon { display: inline-block; font-size: 16px; color: var(--sasi-color-dark); text-align: center; flex-shrink: 0; margin-right: 10px; line-height: 1; overflow: hidden; transition: 0.3s linear; }
.sasi-icon-list-wrapper .sasi-icon-list-icon + .sasi-icon-list-text { align-self: center; }
.sasi-icon-list-wrapper .sasi-icon-list-icon svg { display: block; width: 1em; height: 1em; fill: currentcolor; transition: 0.3s linear; }
@keyframes loadingP { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } }
.e-con-inner { --sasi-container-spacing: 15px; }
.elementor .e-con { --container-max-width: 1290px; --content-width: min(100%,var(--container-max-width,1290px)); --padding-top: var(--container-default-padding-top,0); --padding-right: var(--container-default-padding-right,0); --padding-bottom: var(--container-default-padding-bottom,0); --padding-left: var(--container-default-padding-left,0); }
.elementor .e-con > .e-con-inner { margin-inline: auto; }
.elementor .e-parent > .e-con-inner { --inner-padding-inline-start: var(--sasi-container-spacing); --inner-padding-inline-end: var(--sasi-container-spacing); padding-inline-start: var(--inner-padding-inline-start); padding-inline-end: var(--inner-padding-inline-end); max-width: calc(var(--content-width) + var(--sasi-container-spacing) * 2); }
.elementor .elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor .elementor-widget-icon-list .elementor-icon-list-item > a, .elementor .elementor-widget-text-editor { font-family: inherit; color: var(--sasi-color-text-main); }
.elementor .elementor-widget-text-editor p:last-child { margin-bottom: 0px; }
.elementor .elementor-widget-text-editor .elementor-widget-container > :first-child { margin-top: 0px; }
.elementor .elementor-widget-text-editor .elementor-widget-container > :last-child { margin-bottom: 0px; }
.elementor .elementor-widget-heading .elementor-heading-title { font-family: var(--sasi-font-second); color: var(--sasi-color-dark); }
.sasi-cta-header { position: relative; height: 100%; display: flex; align-items: center; }
:root { --sasi-admin-bar: 32px; }
.header-mobile { display: none; }
.mmenu-toggle button { cursor: pointer; padding: 0px; border-radius: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: none; color: var(--sasi-color-dark); font-size: 25px; height: 30px; transition: 0.3s linear; }
.mmenu-wrapper { position: fixed; top: 0px; bottom: 0px; right: 0px; width: 310px; height: 100vh; background: var(--sasi-color-white); overflow-x: hidden; z-index: 9999; transform: translateX(100%); transition: 0.3s linear; }
.mmenu-wrapper .mmenu-inner { top: 0px; height: 100%; padding: 25px 35px 65px; overflow: hidden auto; box-sizing: border-box; }
.mmenu-wrapper .mmenu-close { margin-bottom: 20px; color: var(--sasi-color-dark); }
.mmenu-wrapper .mmenu-close svg { width: 12px; fill: var(--sasi-color-dark); }
.mmenu-wrapper .mobile_mainmenu { margin: 0px; padding: 0px; }
.mmenu-wrapper .mobile-nav { min-width: 240px; }
.mmenu-wrapper .mobile_mainmenu li { position: relative; list-style: none; }
.mmenu-wrapper .mobile_mainmenu li a { padding: 12px 0px; display: flex; justify-content: space-between; align-items: center; font-size: 14px; font-family: var(--sasi-font-second); font-weight: 500; color: var(--sasi-color-dark); border-bottom: 1px solid var(--sasi-color-gray); }
@media (min-width: 992px) { .section-padd { padding-top: 130px !important; padding-bottom: 130px !important; } .section-padd-bot { padding-bottom: 130px !important; } }
@media (min-width: 768px) and (max-width: 991px) { .section-padd { padding-top: 90px !important; padding-bottom: 90px !important; } .section-padd-bot { padding-bottom: 90px !important; } }
@media (max-width: 991px) { .header-desktop { display: none; } .header-mobile { display: block; } .e-con { scroll-margin-top: 70px !important; } }
@media (max-width: 767px) { .section-padd, .section-padd-100 { padding-top: 75px !important; padding-bottom: 75px !important; } .section-padd-bot, .section-padd-bot100 { padding-bottom: 75px !important; } }