/*
Theme Name: Twenty Twenty-Five Child
Theme URI: https://example.com/twenty-twenty-five-child
Description: Child theme of the Twenty Twenty-Five theme.
Author: Your Name
Author URI: https://example.com
Template: twentytwentyfive
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive-child
*/

:root{
	--wp--style--global--wide-size: 1408px;
	--wp--style--global--content-size: 1408px;
	--wp--preset--spacing--50: 0px;
}
.light-green-section img, .light-green-section video{
		border-radius:2rem;
	}
@media only screen and (max-width:1750px){
:root{
	--wp--style--global--wide-size: 1300px;
	--wp--style--global--content-size: 1300px;
}
	html{
		font-size:15px;
	}
}
@media only screen and (max-width:1600px){
:root{
	--wp--style--global--wide-size: 1200px;
	--wp--style--global--content-size: 1200px;
}
	html{
		font-size:14px;
	}
}
@media only screen and (max-width:1440px){
:root{
	--wp--style--global--wide-size: 1100px;
	--wp--style--global--content-size: 1100px;
}
	html{
		font-size:13px;
	}
	.banner-section:after{
		left:34% !important;
	}
}
@media only screen and (min-width:960px) and (max-width:1240px){
:root{
	--wp--style--global--wide-size: 95%;
	--wp--style--global--content-size: 95%;
}
	html{
		font-size:12px;
	}
	 header .is-layout-constrained > .alignwide {
        padding: 0 30px;
    }
	.banner-section{
		padding-top: 11rem !important;
    padding-bottom: 8rem !important;
	}
	.banner-section:after{
		left:34% !important;
	}
	.second-section-1{
		padding-top: 4rem !important;
    padding-bottom: 1rem !important;
	}
	.light-green-section{
		padding: 7rem 0 !important;
	}
	.flip-bg{
		margin: 2rem 0 !important;
	}
}
.light-green-section h4{
	text-transform: uppercase;
    letter-spacing: 2px;
    color: #666;
    font-weight: 700 !important;
}
.disable-list span:before{
	display:none;
}
.wpcf7 {
	text-align:center;
}
#thank-you-message{
	text-align:center;
	vertical-align: middle;
    display: inline-block;
    padding: 6rem 1rem;
    font-size: 2rem;
}
.wpcf7 input{
background-color: #f1f1f1;
    border-style: solid;
    border-radius: 40px !important;
    border-width: 0px;
    border-color: #313131;
    padding: 15px;
    margin: 1px auto;
    font-family: 'Montserrat';
    font-size: 16px;
    line-height: 1.5;
    height: auto;
	text-align:center;	
	max-width: 90%;
}
.wpcf7 input[type="submit"]{
background-color: #ffb300 !important;
color:#000;
	font-weight:bold;
	font-size:1.5rem;
	width:100%;
	cursor:pointer;
}
a{
	outline:none;
}
.wp-block-heading{
	font-family: "Fira Sans Condensed", sans-serif;
	font-weight:600;
}
header{
	position: relative;
    top: 3rem;
    z-index: 1;
}
.wp-block-navigation ul{
	background: #fff;
    border-radius: 100px;
    padding: .65rem 2rem;
	gap:0px;
	margin-left:-4rem;
}
.wp-block-navigation ul a{
	font-family: "Fira Sans Condensed", sans-serif;
	text-transform:uppercase;
	line-height:160%;
	font-size:1rem;
	color: #666 !important;
    letter-spacing: 2px;
	outline:none;
	text-decoration:none;
	font-weight:500;
}
.wp-block-navigation ul li:first-child:after{
    content:'|';
	color:#666;
	position:relative;
	left:1rem;
	margin-right:2rem;
	font-weight:500;
	font-size: .9rem;
    top: 1px;
}
.wp-block-navigation ul .current-menu-item a{
	font-weight:600;
	color:#000 !important;
}
.wp-block-navigation ul a:hover{
	font-weight:600;
}
.banner-section{
	margin: -5.5rem 3rem 0 3rem !important;
	padding-top:15rem;
	padding-bottom:14rem;
	border-radius:2rem;
	background-position: center;
}
.banner-section:after{
	/*content:url('https://staybl.io/wp-content/uploads/2025/07/Group-11.png');*/
	content:url('https://staybl.io/wp-content/uploads/2025/08/globe-20.svg');
	position: absolute;
    bottom: -170px;
    left: 43%;
    width: auto;
    height: auto;
}
.banner-section img{ 
	display:none;
}
.banner-section h1{
color: #000;
leading-trim: both;
text-edge: cap;
font-family: "Fira Sans Condensed";
font-size: 4rem;
font-style: normal;
font-weight: 600;
line-height: 102%; /* 65.28px */
margin-bottom:4rem;
}
.banner-section p{
	color: #000;
leading-trim: both;
text-edge: cap;
font-family: "Fira Sans";
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 28px */
margin-bottom:3rem;
}
.wp-element-button{
border-radius: 2rem;
background: #FFB300;
color: #000;
leading-trim: both;
text-edge: cap;
font-family: Montserrat;
font-size: .875rem;
font-style: normal;
font-weight: 700;
line-height: 160%; /* 22.4px */
padding:.75rem 2rem;
transition:.2s;
}
.wp-element-button svg{
	margin-left:5px;
}
.wp-element-button:hover{
	transform:scale(1.05);
}
.footer-section{
	border-radius: 2rem;
background: var(--neutral-black-5, #F2F2F2);
	margin:3rem;
	padding:4rem 0;
}
.footer-section h3{
color: var(--neutral-black-40, #999);
font-size: .875rem;
font-style: normal;
font-weight: 500 !important;
line-height: 140%; /* 19.6px */
letter-spacing: 2.8px;
text-transform:uppercase;
}
.footer-section a, .footer-section p{
color: var(--neutral-black-100, #000);
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 130%; /* 20.8px */
text-decoration-line: underline;
}
.footer-section a{
margin-right:1.5rem;
margin-top:.5rem;
display:inline-block;
}
body{
	position:relative;
}
.light-green-section:before{
	content:'';
	background:url('https://staybl.io/wp-content/uploads/2025/07/miidle-sec-bg-lines.svg');
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-size:cover;
	background-repeat:repeat;
	background-attachment:fixed;
}
.second-section-1{
	margin-top:0px !important;
	margin-bottom:0px !important;
	padding-top:4rem !important;
	padding-bottom:3rem !important;
}
p{
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 32px */
}
.light-green-section{
background: linear-gradient(to bottom, #ffffff 0px, #F4FFF8 50px, #F4FFF8 97%, #fff 100%);
padding:10rem 0;
}
.light-green-section .wp-block-columns{
gap: 8.34%;
}
.merchant-skin{
	background: linear-gradient(to bottom, #ffffff 0px, #FFFAF2 50px, #FFFAF2 97%, #fff 100%);
}
.merchant-skin .flip-bg{
	background:url('https://staybl.io/wp-content/uploads/2025/07/Group-1000007024.png');
	padding-top:10rem;
}
h2{
font-size: 2.5rem;
font-weight: 700;
line-height: 120%; /* 48px */
}
.flip-bg{
	background-image:url('https://staybl.io/wp-content/uploads/2025/07/Group-1000007020.png');
	background-size:cover;
	padding:13rem 0;
	margin:6rem 0;
	background-repeat:no-repeat;
	background-size: 100% 100% !important;
}
details{
	padding: 0 1.25rem;
	position:relative;
	border-top: 1px solid var(--neutral-black-10, #E6E6E6);
border-bottom: 1px solid var(--neutral-black-10, #E6E6E6);
	margin:-1px !important;
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 28px */
transition:.5s;
}
summary{
padding:1.25rem 0;
font-size: 1.125rem;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 21.6px */
margin-left: -2.25rem;
}
details{
	transition:.5s;
}
details *{
	outline:none !important;
}
details[open]:after{
		rotate: 270deg;
	right: -7px;
	}
details p{
	margin-left: -1rem;
	margin-top: 0px !important;
    margin-bottom: 1rem !important;
}
.wp-block-details summary{
	width:108%;
	display:inline-block;
	padding-left: 1.2rem;
}
summary::marker{
	display:none !important;
	color:transparent;
}
details:after{
	content:url('https://staybl.io/wp-content/uploads/2025/07/chevron-right.svg');
	position:absolute;
	right:0px;
	width:auto;
	height:auto;
	top:1rem;
	transition:.3s;
	z-index:-1;
	rotate:90deg;
}
.faqs-section{
	padding-top:5rem;
	padding-bottom:2rem;
}
.join-waitlist{
display:none !important;
color: #000;
font-size: 1rem;
font-style: normal;
font-weight: 700;
line-height: 160%; /* 25.6px */
margin-top:12rem;
display:inline-block;
cursor:pointer;
}
.join-waitlist svg{
	margin-left:1.5rem !important;
}
.cf7sr-g-recaptcha{
	text-align: center;
    display: inline-block;
}
.wpcf7-response-output{
	max-width:300px;
	text-align: center;
    display: inline-block;
    margin-top: 0px !important;
}
#mailpoet-popup{
	display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
 background: white; padding: 1rem; box-shadow: 0 0 20px rgba(0,0,0,0.3); z-index: 9999; border-radius: 10px;min-width:300px; max-width:80%;
}
.close-pop{
	position: absolute; top: 10px; right: 15px; border: none; background: none; font-size: 18px;cursor:pointer;
}
#popup-overlay{
display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;
 background: rgba(0, 0, 0, 0.5); z-index: 9998;	
}
.merchant-carousal .item > div{
border-radius: 2rem;
background: var(--neutral-black-5, #F2F2F2);
padding:2rem;
text-align:center;
margin-bottom:2rem;
margin-top:2rem;
display:flex;
justify-content:center;
align-items:center;
}
.merchant-carousal .item p{
	margin:0px;
}
.merchant-carousal .item p strong{
font-size: 1.25rem;
line-height: 140%; /* 22.4px */
}
.merchant-carousal .single-box{
	min-height:14rem;
}
.owl-stage-outer{
	position:relative;
}
.owl-stage-outer:before, .owl-stage-outer:after{
position:absolute;
content:'';
top:0px;
left:0px;
width:40%;
height:100%;
background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0.00) 80%);
z-index:2;
}
.owl-stage-outer:after{
rotate: 180deg;
left:unset;
right:0px;
}
.owl-nav{
	position:absolute;
	width:94%;
	top:42%;
	left:3%;
}
.mer-car-sec{
	margin-top:0px;
	margin-bottom:3rem;
}
.mer-car-sec .owl-carousel .owl-nav button.owl-prev, .mer-car-sec .owl-carousel .owl-nav button.owl-next{
border-radius: 30px;
background: var(--neutral-white-100, #FFF);
box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.12);
padding:.65rem 1.25rem !important;
outline:none !important;
}
.owl-prev span, .owl-next span{
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='12' viewBox='0 0 48 12' fill='none'%3E%3Cpath d='M0 6L10 11.7735L10 0.226498L0 6ZM9 6L9 7L48 7L48 6L48 5L9 5L9 6Z' fill='black'/%3E%3C/svg%3E");
}
.owl-next span{
	rotate:180deg;
}
.owl-next{
	position:absolute;
	right:0rem;
}
.table-sec{
	padding:3rem 0;
}
.table-sec .wp-block-columns{
	gap:2rem;
}
.table-sec img{
	max-height: 42px;
    max-width: 60%;
	width:auto !important;
	height:auto !important;
}
.table-sec .wp-block-image, .table-sec p{
	text-align:center;
	margin-top: 2rem !important;
}
.table-sec p, .table-sec .wp-block-image{
	height: 4.25rem;
    margin: 0px !important;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
}
.table-sec .wp-block-columns .wp-block-column p:first-child{
	margin-top:2.5rem;
}
.table-sec .wp-block-column{
padding:2rem 0;
border-radius: 2rem;
border: 2px solid var(--neutral-black-10, #E6E6E6);
}
.table-sec .wp-block-column .wp-block-heading{
text-align: center;
font-size: .875rem;
font-weight: 700;
line-height: 125%; /* 17.5px */
letter-spacing: 1.4px;
text-transform: uppercase;
margin-bottom:1rem;
}
.table-sec p{
color: var(--neutral-black-70, #4D4D4D);
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 102%; /* 16.32px */
text-transform: uppercase;
}
.table-sec .stayble-row{
	background: var(--neutral-black-5, #F2F2F2);
	margin: 1rem 0rem !important;
	position:relative;
}
.stayble-row:after{
	content:'';
	background: var(--neutral-black-10, #E6E6E6);
	left: -2.2rem;
    position: absolute;
    top: .8rem;
    width: 2.1rem;
    height: 2.75rem;
}
.table-sec .wp-block-column:first-child .stayble-row:after{
	display:none;
}
.stayble-row img{
	height:30px;
}
.stayble-row{
	color:#000 !important;
	font-weight:700 !important;
}
.table-sec .wp-block-column .wp-block-heading small{
	color: var(--neutral-black-60, #666);
    font-size: .75rem;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 125%;
    letter-spacing: 0px;
    text-transform: initial;
}
@keyframes rotateBackAndForth {
      0% {
        transform: rotate(0deg);
      }
      50% {
        transform: rotate(180deg);
      }
      100% {
        transform: rotate(0deg);
      }
}
.banner-section:after{
	animation: rotateBackAndForth 20s ease-in-out infinite;
      transform-origin: center center;
}
@media only screen and (max-width:767px){
	.banner-section h1{
		font-size: 2.75rem;
		margin-bottom:2rem;
	}
}
@media only screen and (max-width:959px){
	.table-sec{
		padding-top: 0px;
    padding-bottom: 1.5rem;
	}
	.second-section-1{
		padding:4rem 0 !important;
	}
	.light-green-section{
		padding: 6rem 0 !important;
    margin-top: -2rem !important;
	}
	.light-green-section .wp-block-columns {
    gap: 3rem;
}
	.flip-bg{
		margin: -3rem 0;
		background-size:cover !important;
		background-position:center !important;
	}
	.faqs-section {
		padding-top: 1rem;
	}
	.join-waitlist{
		margin: 2rem 0 !important;
	}
	footer .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) p{
		width:100%;
		max-width:100%;
		margin:1rem !important;
	}
	footer .is-content-justification-space-between{
		gap:2rem;
	}
	footer p br{
		display:none;
	}
	.banner-section img{ 
	display:block;
	max-width: 111%;
    margin-left: -5.5%;
    margin-bottom: -3rem;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
}
	.banner-section{
		background-position:left;
		border-radius:2.5rem;
	}
	.banner-section:after{
		left: 0;
		scale:.85;
		display:none;
	}
	
	header .is-content-justification-center{
		justify-content: end;
	}
	.is-layout-constrained > .alignwide, .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 90%;
}
	header .is-layout-constrained > .alignwide{
		padding:0 30px;
	}
	.banner-section{
		padding-top:9rem;
		padding-bottom:3rem;
		margin: -5.5rem 2rem 0 2rem !important;
	}
	.footer-section{
		margin:2rem;
	}
	.table-sec .wp-block-columns{
		flex-wrap: nowrap !important;
        overflow: auto;
		border-radius: 2rem;
	}
	.table-sec .wp-block-columns .wp-block-column{
	flex-basis: 44% !important;
        min-width: 44%;
	}
	.table-sec .wp-block-columns .wp-block-column:first-child{
		position: sticky;
    left: 0px;
    background: #fff;
    z-index: 1;
	}
	.mer-car-sec .owl-carousel .owl-nav button.owl-prev, .mer-car-sec .owl-carousel .owl-nav button.owl-next{
		padding: .5rem .75rem !important;
        margin-top: .5rem;
	}
	.mer-car-sec .owl-carousel .owl-nav button.owl-prev span, .mer-car-sec .owl-carousel .owl-nav button.owl-next span{
		width:2rem;
	}
	.owl-stage-outer:before, .owl-stage-outer:after{
		width:20%;		
	}
	.light-green-section:before{
		display:none;
	}
}
@media only screen and (max-width:480px){
	.wp-block-details summary br{
		display:none;
	}
.wp-block-navigation ul li:first-child:after{
	display:none;
}
	.merchant-carousal .item > div{
		margin:2rem;
	}
	.wp-block-navigation__container{
	width: 90%;
    max-width: 90%;
    margin-left: 0px !important;
	}
}

@media only screen and (min-width:768px) and (max-width:1023px){
	.wp-block-navigation ul li:first-child:after{
		display:block;
	}
	.banner-section img{
		max-width: 111%;
        margin-top: 4rem;
        margin-left: -5.5%;
	}
	.table-sec .wp-block-columns .wp-block-column {
        flex-basis: 29.5% !important;
        min-width: 29.5%;
    }
}
@media only screen and (min-width:782px) and (max-width:959px){
	html{
		font-size:10px;
	}
	.banner-section img{
		display:none;
	}
	.banner-section{
		background-position:60%;
	}
	.light-green-section .wp-block-columns .wp-block-column{
		flex-basis:50% !important;
	}
	.light-green-section:before{
		display:none;
	}
	.flip-bg{
		margin: 1rem 0;
	}
}