/*!********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/pricing-tabs/style.css ***!
  \********************************************************************************************************************************************************************************/
.wp-block-ayopajak-blocks-pricing-tabs .tabs-stage {
    margin-bottom: 71px;
}

.wp-block-ayopajak-blocks-pricing-tabs .tabs-stage img {
    height:450px;
    width:100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
    max-width: 100% !important;
    display: none;
}

.wp-block-ayopajak-blocks-pricing-tabs .tabs-stage img.active {
    display: block;
}

.wp-block-ayopajak-blocks-pricing-tabs > .tabs-header {
    display: flex;    
    justify-content: center;    
    gap:40px;
    flex-wrap: wrap;
}

.wp-block-ayopajak-blocks-pricing-tabs > .tabs-header > .tab-title {    
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    background-color: #FFFFFF;    
    border:1px solid #3565FC;
    text-align: center;
    padding:23px 47px;
    cursor: pointer;
    position: relative;                
    white-space: nowrap;
    color:#3565FC;
    border-radius: 50px;
    min-width: 230px;
    transition: all 0.2s ease 0s;
    display: flex;
    justify-content: center;
    gap:17px;
    box-sizing: border-box;
    transition:all 0.2s ease 0s;
}

.wp-block-ayopajak-blocks-pricing-tabs > .tabs-header > .tab-title.premium:after {
    content:'';
    /*background-image:url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%233565FC%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M17%2022H7C6.59%2022%206.25%2021.66%206.25%2021.25C6.25%2020.84%206.59%2020.5%207%2020.5H17C17.41%2020.5%2017.75%2020.84%2017.75%2021.25C17.75%2021.66%2017.41%2022%2017%2022Z%22%20fill%3D%22%233565FC%22%2F%3E %3Cpath%20d%3D%22M20.3502%205.51906L16.3502%208.37906C15.8202%208.75906%2015.0602%208.52906%2014.8302%207.91906L12.9402%202.87906C12.6202%202.00906%2011.3902%202.00906%2011.0702%202.87906L9.17022%207.90906C8.94022%208.52906%208.19022%208.75906%207.66022%208.36906L3.66022%205.50906C2.86022%204.94906%201.80022%205.73906%202.13022%206.66906L6.29022%2018.3191C6.43022%2018.7191%206.81022%2018.9791%207.23022%2018.9791H16.7602C17.1802%2018.9791%2017.5602%2018.7091%2017.7002%2018.3191L21.8602%206.66906C22.2002%205.73906%2021.1402%204.94906%2020.3502%205.51906ZM14.5002%2014.7491H9.50022C9.09022%2014.7491%208.75022%2014.4091%208.75022%2013.9991C8.75022%2013.5891%209.09022%2013.2491%209.50022%2013.2491H14.5002C14.9102%2013.2491%2015.2502%2013.5891%2015.2502%2013.9991C15.2502%2014.4091%2014.9102%2014.7491%2014.5002%2014.7491Z%22%20fill%3D%22%233565FC%22%2F%3E %3C%2Fsvg%3E");    */
    background-image:url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M17%2022H7C6.59%2022%206.25%2021.66%206.25%2021.25C6.25%2020.84%206.59%2020.5%207%2020.5H17C17.41%2020.5%2017.75%2020.84%2017.75%2021.25C17.75%2021.66%2017.41%2022%2017%2022Z%22%20fill%3D%22white%22%2F%3E %3Cpath%20d%3D%22M20.3502%205.51906L16.3502%208.37906C15.8202%208.75906%2015.0602%208.52906%2014.8302%207.91906L12.9402%202.87906C12.6202%202.00906%2011.3902%202.00906%2011.0702%202.87906L9.17022%207.90906C8.94022%208.52906%208.19022%208.75906%207.66022%208.36906L3.66022%205.50906C2.86022%204.94906%201.80022%205.73906%202.13022%206.66906L6.29022%2018.3191C6.43022%2018.7191%206.81022%2018.9791%207.23022%2018.9791H16.7602C17.1802%2018.9791%2017.5602%2018.7091%2017.7002%2018.3191L21.8602%206.66906C22.2002%205.73906%2021.1402%204.94906%2020.3502%205.51906ZM14.5002%2014.7491H9.50022C9.09022%2014.7491%208.75022%2014.4091%208.75022%2013.9991C8.75022%2013.5891%209.09022%2013.2491%209.50022%2013.2491H14.5002C14.9102%2013.2491%2015.2502%2013.5891%2015.2502%2013.9991C15.2502%2014.4091%2014.9102%2014.7491%2014.5002%2014.7491Z%22%20fill%3D%22white%22%2F%3E %3C%2Fsvg%3E");
    width:24px;
    height:24px;    
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    vertical-align: middle;
}

.wp-block-ayopajak-blocks-pricing-tabs > .tabs-header > .tab-title:hover,
.wp-block-ayopajak-blocks-pricing-tabs > .tabs-header > .tab-title:focus {
    background-color: rgba(255,255,255,0.6);    
}

.wp-block-ayopajak-blocks-pricing-tabs > .tabs-header > .tab-title.premium {
    border-color:#4880FF;
    background-color: #4880FF;
    color:#ffffff;  
    box-shadow: 0px 0px 21.2px 0px #4880FF;
}

.wp-block-ayopajak-blocks-pricing-tabs .tabs-contents .tab-content {
    padding:63px 0 24px;
    display: none;
}

.wp-block-ayopajak-blocks-pricing-tabs .tabs-contents .tab-content > .link-arrow:last-child {
    margin-top:37px;
}

.wp-block-ayopajak-blocks-pricing-tabs .tabs-contents .tab-content.active {
    display: block;
}

@media( max-width:767px ) {

    .wp-block-ayopajak-blocks-pricing-tabs .tabs-stage img  {
        height: auto;
    }
} 

.wp-block-cover .has-primary-background-color + .wp-block-cover__inner-container .wp-block-ayopajak-blocks-pricing-tabs .tab-title,
.wp-block-cover .has-brand-40-background-color + .wp-block-cover__inner-container .wp-block-ayopajak-blocks-pricing-tabs .tab-title,
.wp-block-cover .has-text-background-color + .wp-block-cover__inner-container .wp-block-ayopajak-blocks-pricing-tabs .tab-title,
.wp-block-cover .has-secondary-2-background-color + .wp-block-cover__inner-container .wp-block-ayopajak-blocks-pricing-tabs .tab-title,
.wp-block-cover .has-secondary-3-background-color + .wp-block-cover__inner-container .wp-block-ayopajak-blocks-pricing-tabs .tab-title,
.wp-block-cover .has-privy-background-color + .wp-block-cover__inner-container .wp-block-ayopajak-blocks-pricing-tabs .tab-title {

}

/* Normal */
.wp-block-cover.pricing-tabs-cover {    
    color:#868E96;
}

.wp-block-cover.pricing-tabs-cover h1,
.wp-block-cover.pricing-tabs-cover h2,
.wp-block-cover.pricing-tabs-cover h3,
.wp-block-cover.pricing-tabs-cover h4,
.wp-block-cover.pricing-tabs-cover h5,
.wp-block-cover.pricing-tabs-cover h6 {
    color:#212529;  
}

.wp-block-cover.pricing-tabs-cover .wp-block-cover__background {
    background-color: #ffffff !important;
}

/* Premium */
.wp-block-cover.pricing-tabs-cover.premium  {
    color:#ffffff;
}

.wp-block-cover.pricing-tabs-cover.premium h1,
.wp-block-cover.pricing-tabs-cover.premium h2,
.wp-block-cover.pricing-tabs-cover.premium h3,
.wp-block-cover.pricing-tabs-cover.premium h4,
.wp-block-cover.pricing-tabs-cover.premium h5,
.wp-block-cover.pricing-tabs-cover.premium h6 {
    color:#ffffff;  
}

.wp-block-cover.pricing-tabs-cover.premium .wp-block-cover__background {
    background-color: var(--wp--preset--color--brand-40) !important;
    opacity: 1;
}

.wp-block-cover.pricing-tabs-cover.premium .wp-block-ayopajak-blocks-pricing-tabs > .tabs-header > .tab-title {
    border-color:#ffffff;
}

.wp-block-cover.pricing-tabs-cover.premium .wp-block-ayopajak-blocks-pricing-tabs > .tabs-header > .tab-title.premium {    
    border-color:#ffffff;
    box-shadow: 0px 0px 21.2px 0px #ffffff;
}

.wp-block-cover.pricing-tabs-cover.premium .wp-block-ayopajak-blocks-tabs .tabs-header .tab-title.active {
    color:#ffffff;
}

.wp-block-cover.pricing-tabs-cover.premium .wp-block-ayopajak-blocks-tabs .tabs-header .tab-title.active:before {
    background-color: #EEF4FF;
}

.wp-block-cover.pricing-tabs-cover.premium .wp-block-ayopajak-blocks-tabs .tabs-header .tab-title:hover,
.wp-block-cover.pricing-tabs-cover.premium .wp-block-ayopajak-blocks-tabs .tabs-header .tab-title:focus {
    color:#ffffff;
}

.wp-block-cover.pricing-tabs-cover.premium .wp-block-ayopajak-blocks-tabs .tabs-header .tab-title:hover:before,
.wp-block-cover.pricing-tabs-cover.premium .wp-block-ayopajak-blocks-tabs .tabs-header .tab-title:focus:before {
    background-color: #EEF4FF;
}

.wp-block-cover.pricing-tabs-cover.premium .wp-block-buttons .wp-block-button .wp-block-button__link {
    border-color:#ffffff;
}

.wp-block-cover.pricing-tabs-cover.premium .wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link {
    border-color:#3565FC;
}





/*# sourceMappingURL=style-index.css.map*/