/*
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://fonts.googleapis.com/css?display=swap&family=Merriweather+Sans:ital,wght@0,100,200,300,400,500,600,700,800,900;1,100,200,300,400,500,600,700,800,900");
 @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("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_35c90baba210 {
   width: 1467px;
   height: 1467px;
   position: absolute !important;
   left: -14px;
   top: 0px;
 }

 .imageview_1ffd0bdeeb2a {
   width: 1067px;
   height: 330px;
   z-index: 1;
   position: absolute !important;
   left: 200px;
   top: 433px;
 }

 .container_ced2cf925870 {
   width: 1440px;
   height: 114px;
   z-index: 1;
   position: absolute !important;
   left: 0px;
   top: 1353px;
   background: #ffffff;
 }

 .container_e026d49556a8 {
   width: 776px;
   height: 84px;
   z-index: 1;
   position: absolute !important;
   left: -31px;
   top: 955px;
   background: #00a8a8;
 }

 .text_8d2dbbfbe1fd {
   width: max-content;
   z-index: 2;
   position: absolute !important;
   left: 38px;
   top: 976px;
   line-height: 43.99px;
   font-family: 'Merriweather Sans';
 }

 .text_bbfe436bc6c2 {
   width: max-content;
   z-index: 2;
   position: absolute !important;
   left: 287px;
   top: 1388px;
   line-height: 43.99px;
   font-family: 'Merriweather Sans';
 }

 .text_09a0ac9ab150 {
   width: max-content;
   z-index: 1;
   position: absolute !important;
   left: 239px;
   top: 332px;
   line-height: 37.71px;
   font-family: 'Merriweather Sans';
 }

 .text_e9945ba6f827 {
   width: 1101px;
   height: 128px;
   position: absolute !important;
   left: 169px;
   top: 4013px;
   overflow-x: hidden;
   overflow-y: hidden;
   line-height: 31.42px;
   word-wrap: break-word;
   font-family: 'Merriweather Sans';
 }

 .text-dde76e86ee7f_e9945ba6f827 {
   line-height: 31.42px;
   font-family: 'Merriweather Sans';
 }

 .text-2c676b7ab38e_e9945ba6f827 {
   line-height: 31.42px;
   font-family: 'Merriweather Sans';
 }

 .text_fad78d24e265 {
   width: max-content;
   z-index: 1;
   position: absolute !important;
   left: 163px;
   top: 829px;
   line-height: 31.42px;
   font-family: 'Merriweather Sans';
 }

 .text_b7c764ecab67 {
   width: max-content;
   z-index: 2;
   position: absolute !important;
   left: 699px;
   top: 512px;
   line-height: 87.99px;
   font-family: 'Merriweather Sans';
 }

 .text_fd81a341febc {
   width: max-content;
   z-index: 2;
   position: absolute !important;
   left: 218px;
   top: 492px;
   line-height: 226.26px;
   font-family: 'Merriweather Sans';
 }

 .imageview_f2a16b671635 {
   width: 1440px;
   height: 1440px;
   position: absolute !important;
   left: 0px;
   top: 1467px;
 }

 .container_2c4750071e61 {
   width: 1572px;
   height: 292px;
   z-index: 1;
   position: absolute !important;
   left: -132px;
   top: -34px;
   background: #ffffff;
 }

 .imageview_a7765c685a8d {
   width: 218px;
   height: 184px;
   z-index: 2;
   position: absolute !important;
   left: 598px;
   top: 53px;
 }

 .text_7f31ac442d5c {
   width: 614px;
   height: 61px;
   position: absolute !important;
   left: 397px;
   top: 3278px;
   overflow-x: hidden;
   overflow-y: hidden;
   line-height: 43.99px;
   word-wrap: break-word;
   font-family: 'Merriweather Sans';
 }

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

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

 .input_text_c2319e6484ff {
   padding: 12px 16px 12px 16px;
   width: 100%;
   height: fit-content;
   min-width: 240px;
   z-index: 998;
   border-top: #d9d9d9ff solid 1px;
   border-right: #d9d9d9ff solid 1px;
   border-bottom: #d9d9d9ff solid 1px;
   border-left: #d9d9d9ff solid 1px;
   justify-content: flex-start;
   align-items: center;
   flex-direction: row;
   background: #ffffff;
   border-radius: 8px 8px 8px 8px;
   color: #b3b3b3;
   font-family: 'Inter';
 }

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

 .input_text_c2319e6484ff::placeholder {
   flex-grow: 1;
   flex-basis: 0px;
   line-height: 16px;
   text-align: start;
   word-wrap: break-word;
   color: #b3b3b3;
   font-family: 'Inter';
   letter-spacing: -0.5px;
 }

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

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

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

 .input_text_88e76bf70351 {
   padding: 12px 16px 12px 16px;
   width: 100%;
   height: fit-content;
   min-width: 240px;
   z-index: 998;
   border-top: #d9d9d9ff solid 1px;
   border-right: #d9d9d9ff solid 1px;
   border-bottom: #d9d9d9ff solid 1px;
   border-left: #d9d9d9ff solid 1px;
   justify-content: flex-start;
   align-items: center;
   flex-direction: row;
   background: #ffffff;
   border-radius: 8px 8px 8px 8px;
   color: #b3b3b3;
   font-family: 'Inter';
 }

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

 .input_text_88e76bf70351::placeholder {
   flex-grow: 1;
   flex-basis: 0px;
   line-height: 16px;
   text-align: start;
   word-wrap: break-word;
   color: #b3b3b3;
   font-family: 'Inter';
   letter-spacing: -0.5px;
 }

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

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

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

 .input_text_c1aed812cbc5 {
   padding: 12px 16px 12px 16px;
   width: 100%;
   height: fit-content;
   min-width: 240px;
   z-index: 998;
   border-top: #d9d9d9ff solid 1px;
   border-right: #d9d9d9ff solid 1px;
   border-bottom: #d9d9d9ff solid 1px;
   border-left: #d9d9d9ff solid 1px;
   justify-content: flex-start;
   align-items: center;
   flex-direction: row;
   background: #ffffff;
   border-radius: 8px 8px 8px 8px;
   color: #b3b3b3;
   font-family: 'Inter';
 }

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

 .input_text_c1aed812cbc5::placeholder {
   flex-grow: 1;
   flex-basis: 0px;
   line-height: 16px;
   text-align: start;
   word-wrap: break-word;
   color: #b3b3b3;
   font-family: 'Inter';
   letter-spacing: -0.5px;
 }

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

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

 .text_5d828f2e8a1f {
   width: 1008px;
   position: absolute !important;
   left: 16px;
   top: 12px;
   line-height: 22.4px;
   word-wrap: break-word;
   font-family: 'Inter';
 }

 .imageview_03d724985db4 {
   width: 7.33px;
   height: 7.33px;
   position: absolute !important;
   left: 1028.35px;
   top: 67.35px;
 }

 .input_text_9ccf337ccbc7 {
   width: 1040px;
   height: 80px;
   z-index: 998;
   border-top: #d9d9d9ff solid 1px;
   border-right: #d9d9d9ff solid 1px;
   border-bottom: #d9d9d9ff solid 1px;
   border-left: #d9d9d9ff solid 1px;
   background: #ffffff;
   border-radius: 8px 8px 8px 8px;
   color: #b3b3b3;
   font-family: 'Inter';
 }

 .wrapper_input_text_9ccf337ccbc7 {
   position: relative !important;
   width: 1040px;
   height: 80px;
 }

 .input_text_9ccf337ccbc7::placeholder {
   width: 1008px;
   line-height: 22.4px;
   text-align: start;
   word-wrap: break-word;
   color: #b3b3b3;
   font-family: 'Inter';
   letter-spacing: -0.5px;
 }

 .imageview_4b67f4ede384 {
   width: 7.33px;
   height: 7.33px;
   position: absolute !important;
   left: 1028.35px;
   top: 67.35px;
 }

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

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

 .container_85adc2a82e0a {
   padding: 12px 468px 12px 468px;
   height: fit-content;
   flex-grow: 1;
   flex-basis: 0px;
   border-top: #00c8b3ff solid 1px;
   border-right: #00c8b3ff solid 1px;
   border-bottom: #00c8b3ff solid 1px;
   border-left: #00c8b3ff solid 1px;
   justify-content: center;
   align-items: center;
   gap: normal 8px;
   flex-direction: row;
   background: #00c8b3;
   border-radius: 8px 8px 8px 8px;
 }

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

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

 .container_17b7375162b4 {
   padding: 24px 24px 64px 24px;
   width: 1088px;
   height: 544px;
   min-width: 320px;
   border-top: #d9d9d9ff solid 1px;
   border-right: #d9d9d9ff solid 1px;
   border-bottom: #d9d9d9ff solid 1px;
   border-left: #d9d9d9ff solid 1px;
   position: absolute !important;
   left: 169px;
   top: 3404px;
   align-items: flex-start;
   justify-content: flex-start;
   gap: 24px normal;
   flex-direction: column;
   background: #ffffff;
   border-radius: 8px 8px 8px 8px;
 }

 .container_nested_17b7375162b4 {
   padding: 24px 24px 64px 24px;
   width: 1088px;
   height: 544px;
   min-width: 320px;
   border-top: #d9d9d9ff solid 1px;
   border-right: #d9d9d9ff solid 1px;
   border-bottom: #d9d9d9ff solid 1px;
   border-left: #d9d9d9ff solid 1px;
   align-items: flex-start;
   justify-content: flex-start;
   gap: 24px normal;
   flex-direction: column;
   background: #ffffff;
   border-radius: 8px 8px 8px 8px;
 }

 .text_90a3ad495aab {
   width: 1313px;
   height: 44px;
   position: absolute !important;
   left: 51px;
   top: 2964px;
   overflow-x: hidden;
   overflow-y: hidden;
   line-height: 43.99px;
   word-wrap: break-word;
   font-family: 'Merriweather Sans';
 }

 .text_2e076d11a7a8 {
   width: 1365px;
   height: 171px;
   position: absolute !important;
   left: 37px;
   top: 3051px;
   overflow-x: hidden;
   overflow-y: hidden;
   line-height: 37.71px;
   word-wrap: break-word;
   font-family: 'Merriweather Sans';
 }

 .text-ad69ff30b682_2e076d11a7a8 {
   line-height: 37.71px;
   font-family: 'Merriweather Sans';
 }

 .text-8a18022b29a4_2e076d11a7a8 {
   line-height: 37.71px;
   font-family: 'Merriweather Sans';
 }

 .text-3b8e19ca70e4_2e076d11a7a8 {
   line-height: 37.71px;
   font-family: 'Merriweather Sans';
 }

 .text-cdfdf9f689ce_2e076d11a7a8 {
   line-height: 37.71px;
   font-family: 'Merriweather Sans';
 }

 .text-cacccf55ba3e_2e076d11a7a8 {
   line-height: 37.71px;
   font-family: 'Merriweather Sans';
 }

 .text-14a54be117db_2e076d11a7a8 {
   line-height: 37.71px;
   font-family: 'Merriweather Sans';
 }

 .text-ad522de8ebf4_2e076d11a7a8 {
   line-height: 37.71px;
   font-family: 'Merriweather Sans';
 }

 .text_cbe27cbc82ad {
   width: max-content;
   z-index: 1;
   position: absolute !important;
   left: 109px;
   top: 1076px;
   line-height: 37.71px;
   font-family: 'Merriweather Sans';
 }

 .text_9e83f1baa259 {
   width: max-content;
   z-index: 1;
   position: absolute !important;
   left: 97px;
   top: 1149px;
   line-height: 37.71px;
   font-family: 'Merriweather Sans';
 }

 .viewport_b145c93799d3 {
   width: 1440px;
   height: 4202px;
   overflow-x: hidden;
   overflow-y: hidden;
   background: #ffffff;
 }