/*
Theme Name: Yotako
Author: Yotako team
Author URI: https://yotako.io/
Description: Design in Figma or AdobeXD. Publish in WordPress. The Figma/Adobe XD to WordPress plugin by Yotako is the fastest way of converting your beautiful design into a fully functional WordPress website in a few clicks without writing a single line of code! Get your custom domain, professional email, and world-class secure hosting, without the hassle.
Requires at least: 5.9
Tested up to: 5.9
Requires PHP: 5.6
Version: 2.0.0
License: © Yotako 2016-2024
License URI:  https://yotako.io/
Tags: figma-to-wordpress, adobe-xd-to-wordpress, xd-to-wordpress, design-to-code, seamless-transition, design-to-wordpress
Yotako WordPress Theme, (C) 2024 Yotako.io
*/
 @import url("https://amplitude.yotako.io/google?family=Inter:ital,wght@0,100,200,300,400,500,600,700,800,900;1,100,200,300,400,500,600,700,800,900&display=swap");
 @import url("https://amplitude.yotako.io/google?family=DM+Sans:ital,wght@0,100,200,300,400,500,600,700,800,900;1,100,200,300,400,500,600,700,800,900&display=swap");
 @import url("style-browsers-support.css");

 body,
 html {
   margin: 0;
   padding: 0;
 }

 * {
   box-sizing: border-box;
 }

 .centerlize {
   margin: 0 auto;
 }

 .relative {
   position: relative
 }

 p,
 a,
 h1,
 h2,
 h3 {
   margin: 0;
   color: unset;
   text-decoration: none;
 }

 button {
   background: none;
   color: inherit;
   border: none;
   padding: 0;
   font: inherit;
   cursor: pointer;
   outline: inherit;
 }

 .yk_post_content p {
   margin: revert;
 }

 .yk_input_wrapper {
   position: relative;
   width: 100%;
 }

 .yk_input_wrapper>div {
   /* position:relative; */
   /* height:100% */
 }

 .yk_input_wrapper>.block-editor-inner-blocks {
   position: absolute;
   top: 0
 }

 .has-text-align-right {
   text-align: right !important;
 }

 .has-text-align-left {
   text-align: left !important;
 }

 .has-text-align-center {
   text-align: center !important;
 }

 .has-background {
   padding: initial !important;
 }

 body .yk_input_wrapper input::placeholder {
   text-align: start;
 }

 body .yk_transparent {
   background: transparent !important;
 }

 body .yt_text_background {
   background-size: 100%;
   -webkit-background-clip: text;
   -moz-background-clip: text;
   -webkit-text-fill-color: transparent;
   -moz-text-fill-color: transparent;
 }

 body .yt_text_vertical_center {
   display: flex;
   align-items: center;
   flex-direction: column;
   word-wrap: anywhere;
 }

 body .yt_custom_select_arrow {
   background-position-x: 95% !important;
   -webkit-appearance: none;
   appearance: none;
   padding: 10px;
 }

 body .yt_cover_size {
   object-fit: cover;
   height: inherit;
 }

 .yt_full_size {
   width: 100%;
   height: 100%;
 }

 body .wp-block-video video {
   width: 100%;
 }

 [class^="container_"],
 [class*=" container_"],
 [class^="button_"],
 [class*=" button_"] {
   display: flex;
 }

 [class^="grid_"],
 [class*=" grid_"] {
   display: grid;
 }

 [class^="vp_"],
 [class*=" vp_"] {
   display: flex;
   flex-direction: column;
   /* align-items if needed */
 }

 *[onclick] {
   cursor: pointer;
 }

 input {
   padding: 0 10px;
 }

 .wp-block-image {
   margin: unset;
   padding: unset;
 }

 .wp-block-image img {
   vertical-align: top;
   border-radius: inherit;
   width: 100%;
 }

 .wp-block-yotako-block-input-text {
   position: relative;
   background: transparent;
   border: none;
 }

 .wp-block-image .components-resizable-box__container {
   max-width: unset !important;
 }

 .yt-post-template {
   justify-content: space-between !important;
 }

 body .yt-post-card {
   position: relative !important;
 }

 body .yt_fill_size {
   height: fit_content !important;
   min-height: 100vh !important;
 }

 :where(body .is-layout-flow)>* {
   margin-block-start: initial !important;
 }

 .wp-block-yotako-block-form {
   display: none
 }

 .yt-full-width {
   width: 100%
 }

 .imageview_abe767a8bc3a {
   width: 218px;
   height: 44px;
 }

 .container_9510c0cba0cd {
   width: 100%;
   height: fit-content;
   justify-content: flex-start;
   align-items: center;
   gap: normal 10.57px;
   flex-direction: row;
 }

 .text_8bbdceb7babd {
   width: 100%;
   line-height: 24px;
   word-wrap: break-word;
   opacity: 0.4000000059604645;
   font-family: 'Inter';
 }

 .text_ac78ddca099a {
   width: 100%;
   line-height: 56px;
   word-wrap: break-word;
   font-family: 'Inter';
 }

 .text_2ca8b0939232 {
   min-width: 290px;
   flex-grow: 1;
   flex-basis: 0px;
   line-height: 19.2px;
   word-wrap: break-word;
   opacity: 0.800000011920929;
   font-family: 'Inter';
 }

 .input_text_f365f5375fa8 {
   padding: 0 0 0 9.2px;
   width: 100%;
   height: fit-content;
   min-height: 48px;
   flex-grow: 1;
   flex-basis: 0px;
   z-index: 998;
   justify-content: flex-start;
   align-items: center;
   gap: normal 6.4px;
   flex-direction: row;
   color: #8d8d8d;
   font-family: 'Inter';
 }

 .wrapper_input_text_f365f5375fa8 {
   width: 100%;
   height: fit-content;
 }

 .input_text_f365f5375fa8::placeholder {
   min-width: 290px;
   flex-grow: 1;
   flex-basis: 0px;
   line-height: 19.2px;
   text-align: start;
   word-wrap: break-word;
   opacity: 0.800000011920929;
   color: #8d8d8d;
   font-family: 'Inter';
   letter-spacing: -0.5px;
 }

 .text_f8a3be33c18e {
   flex-grow: 1;
   flex-basis: 0px;
   line-height: 12.6px;
   word-wrap: break-word;
   font-family: 'Inter';
 }

 .button_174cd0f39056 {
   padding: 19.5px 9.2px 19.5px 25px;
   height: fit-content;
   min-width: 150px;
   min-height: 48px;
   max-width: 150px;
   flex-grow: 1;
   flex-basis: 0px;
   justify-content: center;
   align-items: center;
   gap: normal 6.4px;
   flex-direction: row;
   background: url("https://cdn.yotako.io/70cdebb7-5199-4be5-8011-8b92a4f169d4/6343:300.webp");
   background-size: cover;
   background-repeat: no-repeat;
   border-radius: 8px 8px 8px 8px;
 }

 .button_link_174cd0f39056 {
   display: flex;
   flex-direction: row;
   gap: normal 6.4px;
   align-items: center;
 }

 .container_2e9dc369dd9b {
   padding: 0 12px 0 25px;
   width: 100%;
   height: fit-content;
   min-height: 62px;
   max-width: 490px;
   border-top: #ffffffff solid 0.8px;
   border-right: #ffffffff solid 0.8px;
   border-bottom: #ffffffff solid 0.8px;
   border-left: #ffffffff solid 0.8px;
   justify-content: flex-start;
   align-items: center;
   flex-direction: row;
   background: #e7e7e7;
   border-radius: 8px 8px 8px 8px;
   backdrop-filter: blur(112px);
 }

 .container_nested_2e9dc369dd9b {
   padding: 0 12px 0 25px;
   width: 100%;
   height: fit-content;
   min-height: 62px;
   max-width: 490px;
   border-top: #ffffffff solid 0.8px;
   border-right: #ffffffff solid 0.8px;
   border-bottom: #ffffffff solid 0.8px;
   border-left: #ffffffff solid 0.8px;
   justify-content: flex-start;
   align-items: center;
   flex-direction: row;
   background: #e7e7e7;
   border-radius: 8px 8px 8px 8px;
   backdrop-filter: blur(112px);
 }

 .text_64925bc63837 {
   flex-grow: 1;
   flex-basis: 0px;
   line-height: 13px;
   word-wrap: break-word;
   font-family: 'DM Sans';
 }

 .text-7d4ef9d2557b_64925bc63837 {
   line-height: 13px;
   font-family: 'Inter';
 }

 .text-ceb9e0e02e66_64925bc63837 {
   line-height: 13px;
   font-family: 'Inter';
 }

 .text-7deb924d17da_64925bc63837 {
   line-height: 13px;
   font-family: 'Inter';
 }

 .container_197e05d13882 {
   width: 100%;
   height: fit-content;
   max-width: 407px;
   justify-content: flex-start;
   align-items: flex-start;
   gap: normal 18px;
   flex-direction: row;
 }

 .container_19e8b7a9613c {
   width: 100%;
   height: fit-content;
   max-width: 490px;
   align-items: flex-start;
   justify-content: flex-start;
   gap: 30px normal;
   flex-direction: column;
 }

 .text_af7a4e86f6e1 {
   width: 100%;
   line-height: 12.6px;
   word-wrap: break-word;
   font-family: 'Inter';
 }

 .viewport_a576d2f47b39 {
   padding: 51.5px 70px 52px 70px;
   width: 100%;
   height: 100%;
   align-items: flex-start;
   justify-content: center;
   gap: 100px normal;
   flex-direction: column;
   # background: url("https://cdn.yotako.io/70cdebb7-5199-4be5-8011-8b92a4f169d4/6343:263.webp");
   background-size: cover;
   background-repeat: no-repeat;
 }

 .imageview_ecf099603ab3 {
   width: 175px;
   height: 35px;
 }

 .container_ef0a518b991e {
   padding: 0 189px 0 6px;
   width: 100%;
   height: fit-content;
   align-items: flex-start;
   justify-content: flex-start;
   gap: 10px normal;
   flex-direction: column;
 }

 .text_b0dc6977fdfe {
   flex-grow: 1;
   flex-basis: 0px;
   line-height: 24px;
   word-wrap: break-word;
   opacity: 0.4000000059604645;
   font-family: 'Inter';
 }

 .container_b99455c836ac {
   padding: 0 6px 0 6px;
   width: 100%;
   height: fit-content;
   justify-content: center;
   align-items: center;
   gap: normal 10px;
   flex-direction: row;
 }

 .text_ad9fd1a8dcdc {
   width: 100%;
   line-height: 36px;
   word-wrap: break-word;
   font-family: 'Inter';
 }

 .text_e25f644557de {
   width: 100%;
   line-height: 36px;
   word-wrap: break-word;
   font-family: 'Inter';
 }

 .container_9197af204990 {
   padding: 0 6px 0 6px;
   width: 100%;
   height: fit-content;
   align-items: flex-start;
   justify-content: flex-start;
   flex-direction: column;
 }

 .text_b69efc0211c0 {
   flex-grow: 1;
   flex-basis: 0px;
   line-height: 19.2px;
   word-wrap: break-word;
   opacity: 0.800000011920929;
   font-family: 'Inter';
 }

 .input_text_24402dca1018 {
   padding: 0 8px 0 26.4px;
   width: 100%;
   height: 60.8px;
   z-index: 998;
   border-top: #ffffffff solid 0.8px;
   border-right: #ffffffff solid 0.8px;
   border-bottom: #ffffffff solid 0.8px;
   border-left: #ffffffff solid 0.8px;
   justify-content: flex-start;
   align-items: center;
   flex-direction: row;
   background: #e7e7e7;
   border-radius: 8px 8px 8px 8px;
   backdrop-filter: blur(112px);
   color: #8d8d8d;
   font-family: 'Inter';
 }

 .wrapper_input_text_24402dca1018 {
   width: 100%;
   height: 60.8px;
 }

 .input_text_24402dca1018::placeholder {
   flex-grow: 1;
   flex-basis: 0px;
   line-height: 19.2px;
   text-align: start;
   word-wrap: break-word;
   opacity: 0.800000011920929;
   color: #8d8d8d;
   font-family: 'Inter';
   letter-spacing: -0.5px;
 }

 .container_8410bac5d63d {
   padding: 0 6px 0 6px;
   width: 100%;
   height: fit-content;
   align-items: flex-start;
   justify-content: center;
   gap: 10px normal;
   flex-direction: column;
 }

 .text_3c3cd7302323 {
   width: fit-content;
   line-height: 14.7px;
   font-family: 'Inter';
 }

 .button_5f2a37ecbbc3 {
   width: 100%;
   height: 54px;
   justify-content: center;
   align-items: center;
   flex-direction: row;
   background: url("https://cdn.yotako.io/70cdebb7-5199-4be5-8011-8b92a4f169d4/10986:57.webp");
   background-size: cover;
   background-repeat: no-repeat;
 }

 .button_link_5f2a37ecbbc3 {
   display: flex;
   flex-direction: row;
   align-items: center;
 }

 .container_bc3dee245f82 {
   width: 100%;
   height: fit-content;
   align-items: flex-start;
   justify-content: flex-start;
   gap: 14px normal;
   flex-direction: column;
 }

 .text_b8eef13090ef {
   max-width: 327px;
   flex-grow: 1;
   flex-basis: 0px;
   line-height: 13px;
   word-wrap: break-word;
   font-family: 'DM Sans';
 }

 .text-9e0edb0df558_b8eef13090ef {
   line-height: 13px;
   font-family: 'Inter';
 }

 .text-3d0e34ed4e91_b8eef13090ef {
   line-height: 13px;
   font-family: 'Inter';
 }

 .text-8dfdf00de7d6_b8eef13090ef {
   line-height: 13px;
   font-family: 'Inter';
 }

 .container_635650e7b927 {
   padding: 0 0 0 8px;
   width: 100%;
   height: fit-content;
   min-height: 42px;
   justify-content: flex-start;
   align-items: flex-start;
   gap: normal 18px;
   flex-direction: row;
 }

 .container_9c184702fd32 {
   width: 100%;
   height: fit-content;
   align-items: flex-start;
   justify-content: flex-start;
   gap: 29px normal;
   flex-direction: column;
 }

 .container_6436a7200a2d {
   width: 100%;
   height: fit-content;
   align-items: flex-start;
   justify-content: flex-start;
   gap: 18px normal;
   flex-direction: column;
 }

 .container_60f37faf4067 {
   width: 100%;
   height: fit-content;
   align-items: flex-start;
   justify-content: flex-start;
   gap: 20px normal;
   flex-direction: column;
 }

 .text_b5bb223dddca {
   width: 100%;
   line-height: 12.6px;
   word-wrap: break-word;
   font-family: 'Inter';
 }

 .container_a14a51f90676 {
   height: fit-content;
   flex-grow: 1;
   flex-basis: 0px;
   align-items: center;
   justify-content: flex-start;
   gap: 269px normal;
   flex-direction: column;
 }

 .viewport_3a494a3984c6 {
   padding: 30px 16px 30.2px 16px;
   width: 100%;
   height: fit-content;
   justify-content: flex-start;
   align-items: center;
   gap: normal 10px;
   flex-direction: row;
   # background: url("https://cdn.yotako.io/70cdebb7-5199-4be5-8011-8b92a4f169d4/10986:45.webp");
   background-size: cover;
   background-repeat: no-repeat;
 }


 @media (max-width: 824px) {
   .Homepage .yotako-main {
     display: none !important;
   }

   .Homepage .vp_824 {
     display: flex !important;
   }
 }

 @media (min-width: 825px) {
   .Homepage .yotako-main {
     display: none !important;
   }

   .Homepage .vp_1440 {
     display: flex !important;
   }
 }