/*!
Theme Name: InfinityBetwave
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: infinitybetwave
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

InfinityBetwave is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

#contactForm .iti__selected-flag{
  margin-bottom: 0;
  padding: 5px;
}
#contactForm .iti__flag-container,
#contactForm .iti__flag.iti__uz,
#contactForm .iti__arrow,
#contactForm .iti__flag-box, 
#contactForm .iti__country-name,
#contactForm .iti__flag{
  margin-bottom: 0;
}
#contactForm .iti--allow-dropdown{
  width: 100%;
}

.contact-form-item{
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
	gap: 10px;
}

.contact-form-item>.error,
.contact-form-phone>.error{
	width: 100%;
    font-weight: 400;
    padding: 5px;
    color: #fff;
    background-color: #eb162b;
    font-size: 12px;
	border-radius: 5px;
	display: none;
}

.contact-form-item>.error.active,
.contact-form-phone>.error.active{
	display: block;
}

.contact-form-item>input {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #1d1d1d;
    border: 2px solid transparent;
    border-radius: 10px;
    padding: 0 15px;
    color: #fff;
	transition: 0.25s;
}

.contact-form-item>input:focus,
.contact-form-phone>.iti--allow-dropdown>input:focus{
	outline: 0;
	border: 2px solid #2980b9;
	transition: 0.25s;
}

.contact-form-item>input.error-input,
.contact-form-phone>.iti--allow-dropdown>input.error-input{
	border: 2px solid #eb162b !important;
}

.contact-form-item>input.success-input,
.contact-form-phone>.iti--allow-dropdown>input.success-input{
	border: 2px solid #2ecc71 !important;
}

.contact-form-item>input.success-input:focus,
.contact-form-phone>.iti--allow-dropdown>input.success-input:focus{
	border: 2px solid #2ecc71 !important;
}

.contact-form-item>input.error-input:focus,
.contact-form-phone>.iti--allow-dropdown>input.error-input:focus{
	border: 2px solid #eb162b !important;
}

.contact-form-phone{
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
	gap: 10px;
}

.contact-form-phone>.iti--allow-dropdown>input{
	width: 100%;
    height: 50px;
    line-height: 50px;
    background: #1d1d1d;
    border: 2px solid transparent;
    border-radius: 10px;
    color: #fff;
    transition: 0.25s;
}

#contactForm .iti--separate-dial-code .iti__selected-dial-code{
	color: #fff;
}

#contactForm .iti__flag-container{
	left: 3px;
}

.contact-form-text>p{
    color: rgba(255, 255, 255, 0.6);
    font-weight: 700;
    font-size: 14px;
    background: #1d1d1d;
    padding: 10px;
    border-radius: 15px;
    margin-bottom: 15px;
}

.contact-form-text>p>span{
    font-size: 12px;
    text-align: center;
    margin-right: 7px;
}

.contact-form-btn{
	border-radius: 40px;
    padding: 0 40px;
    box-shadow: none;
    background-color: #FFD400;
    font-size: 17px;
    color: #1d1d1d;
    transition: all 0.3s;
    width: 100%;
    height: 50px;
    font-weight: 600;
    border: 0;
}

.privacy h1{
	font-size: 30px;
    text-align: center;
    margin-bottom: 15px;
    color: white;
}

.privacy p {
    color: #fff;
    line-height: 130%;
}

.privacy h2{
	font-size: 20px;
    color: white;
    margin-bottom: 15px;
}

.privacy h3{
	    font-size: 18px;
    color: white;
    margin-bottom: 15px;
}

.privacy ul{
	color: white;
    margin-bottom: 15px;
    list-style-type: decimal;
}

.home-toptitle, .home-title{
	font-size: 4.6rem;
	line-height: 1.05;
	font-weight: 500;
    text-transform: uppercase;
	margin-bottom: 0;
}

.home-toptitle{
	color: #FFD400;
}

.home-title{
	margin-bottom: 10px;
}

.como-h1{
	font-size: 4rem;
	line-height: 1.05;
	font-weight: 500;
    text-transform: uppercase;
	margin-bottom: 20px;
	color: #FFD400;
}

.home-h4{
	font-size: 2rem;
    margin-bottom: 4px;
    font-weight: 500;
	color: #fff;
	line-height: 1.05;
	text-transform: none;
}

.adv-h1{
	font-size: 4rem;
	line-height: 1.05;
	font-weight: 500;
    text-transform: uppercase;
	margin-bottom: 20px;
	color: #fff;
}

.adv-h1>span{
	color: #FFD400;
}

.faq{
	padding-bottom: 30px;
}

.faq-title {
    text-align: center;
	margin-bottom: 40px;
}

.faq-title>span{
	color: #FFD400;
}

.faq-block{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.faq-block__question{
	width: calc(50% - 10px);
	display: flex;
	flex-direction: column;
}

.faq-block__question-text{
	font-weight: 600;
    font-size: 20px;
    color: white;
    margin-bottom: 15px;
}

.cfooter{
	padding: 20px 0 30px;
	margin-top: 20px;
	background: #404040;
}

.cfooter-wrapper{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 40px;
}

.cfooter-btn{
	height: 46px;
	line-height: 46px;
	border: 0;
	border-radius: 40px;
	color: #1D1D1D;
	background: #FFD400;
	font-size: 18px;
	font-weight: 500;
	padding: 0 20px;
	text-decoration: none;
}

.cfooter-logo{
	margin-bottom: 40px;
	display: flex;
	align-items: center;
	gap: 5px;
	color: #fff;
	font-size: 25px;
	font-weight: 500;
	text-decoration: none;
}

.cfooter-logo>img{
	max-width: 45px;
}

.cfooter-links{
	display: flex;
	gap: 15px;
}

.cfooter-links>a{
	color: #ffffff;
	text-decoration: none;
}

.cfooter-links>a:hover{
	color: #FFD400;
}

.my-h1-privacy, .my-h1-terms {
    font-size: 30px;
    text-align: center;
    margin-bottom: 15px;
    color: white;
}

.my-h2-review, .my-h2-app, .my-h2-privacy, .my-h2-terms {
    font-size: 20px;
    color: white;
    margin-bottom: 15px;
}

.my-p-review, .my-p-app, .my-p-privacy, .my-p-terms {
    margin-bottom: 15px;
    color: white;
    font-size: 16px;
}

.my-h3-privacy, .my-h3-terms, .my-h3-review {
    font-size: 18px;
    color: white;
    margin-bottom: 15px;
}

.my-list-privacy, .my-list-terms {
    color: white;
    margin-bottom: 15px;
    list-style-type: decimal;
}

.privacy p{
    color: #fff;
    line-height: 130%;
}

.reg-h1{
	color: #1d1d1d;
    margin-bottom: 0;
	font-weight: 500;
    font-size: 4.6rem;
    text-transform: uppercase;
}

.home-city{
	font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    line-height: 100%;
}

.review-table{
	width: 100%;
	margin-bottom: 20px;
}

.review-table td, .review-table th {
  border: 1px solid #ddd;
  padding: 8px;
  color: #fff;
}

.review-list{
	color: #fff;
	margin-bottom: 20px;
}

.timer-block{
	width: 100%;
    background: #FFD400;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin-bottom: 9px;
    text-align: center;
    padding: 7px 12px;
}

.timer-block-box{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
}

.nav--header{
	align-items: center;
}

.langdrop-btn {
  color: #FFD400;
  border: none;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  display: flex;
  align-items: center;
  background: #333;
  gap: 4px;
  border-radius: 20px;
  padding: 0 10px;
  text-transform: uppercase !important;
}

.langdrop {
  position: relative;
  display: inline-block;
  margin-left: 20px;
}

.langdrop-content {
  display: none;
  position: absolute;
  min-width: 100%;
  z-index: 1;
  background-color: #333;
  padding: 5px 10px 10px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.langdrop-content a {
  color: rgba(255,255,255,0.6);
  text-decoration: none;
  display: block;
  text-align: center;
}

.langdrop-content a:hover {color: rgba(255,255,255,1);}

.langdrop-content.show{
  display: flex;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
}

.langdrop-btn.show{
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.langdrop-btn.show > img{
  transform: rotate(180deg);
}

.langdrop-poly {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.langdrop-poly>li>a {
    display: flex;
    align-items: center;
    font-size: 14px;
    text-transform: uppercase;
}

.ctimer-block{
	display: none;
}

@media (max-width: 991px) {
	.home-toptitle, .home-title{
		font-size: 2.8rem;
		display: inline;
	}
    .como-h1, .adv-h1{
		font-size: 2.6rem;
	}
	.faq-block{
		flex-direction: column;
		gap: 20px;
	}
	.faq-block__question{
		width: 100%;
	}
	.cfooter-wrapper{
		flex-direction: column;
		gap: 20px;
	}
	.cfooter-links{
		flex-direction: column;
		width: 100%;
	}
	.reg-h1{
		font-size: 2.8rem;
	}
	.timer-block {
		flex-direction: column;
		gap: 4px;
		margin-bottom: 9px;
		text-align: center;
		padding: 7px 12px;
	}
	.timer-block-box{
		font-size: 10px;
	}
	.timer-block-title{
		font-size: 10px;
	}
	.timer-block-icon{
		height: 13px;
	}
	.timer-block{
		margin: 0;
	}
	.header{
		padding: 6px 0 9px;
		margin: 0;
	}
	.header-logo{
		gap: 0;
	}
	.header-logo__img{
		height: 32px;
	}
	.stories__slider .swiper-feedback-bullets{
		left: calc(50% - 74px) !important;
		bottom: 64px;
		right: calc(50% - 74px) !important;
	}
	.steps__step-block:nth-child(1){
		background-image: url("./assets/images/step1_bg.png") !important;
	}
	.steps__step-block{
		background-size: cover;
        background-position: center;
	}
	.calculator__title{
		font-size: 23px;
    	margin-bottom: 20px;
	}
	.calculator__wrapper{
		flex-direction: column;
	}
	.calculator__left{
		width: 100%;
	}
	.calculator__output{
		flex-direction: column;
		gap: 0;
		align-items: flex-start;
	}
	.calculator__output-items{
		align-items: flex-start;
	}
	.calculator__right{
		width: 100%;
		height: 70px;
	}
	.langdrop {
		margin: 0 auto 15px;
	}
	.steps-timeline{
		display: none;
	}
	.calculator{
		margin-top: 40px;
	}
	.timer-block{
		display: none;
		opacity: 0;
	}
/* 	.timer-block.fixed{
		position: fixed;
		bottom: 0;
		left: 0;
		display: flex;
		transition: 0.5s;
		opacity: 1;
		z-index: 5;
	} */
	.cabout-way-time{
		display: none;
	}
	.header.fixed .nav.nav--header-mob{
		top: 86px;
	}
	.ctimer-block.fixed{
		display: flex;
		align-items: center;
		justify-content: space-between;
		background: rgb(120 120 120 / 81%);
		backdrop-filter: blur(2px);
		padding: 6px 18px;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 5;
		border-top: 1px solid #82f65e96;
	}
	.ctimer-block-timer{
		display: flex;
    	align-items: center;
    	gap: 8px;
	}
	.ctimer-block-timer>span{
		font-size: 16px;
		font-weight: 600;
		color: #fff;
	}
	.ctimer-block>a{
		height: 32px;
		line-height: 32px;
		padding: 0 30px;
		color: #000;
		font-size: 14px;
		border-radius: 40px;
		background: #FFD400;
		text-decoration: none;
		font-weight: 600;
	}
	.cfooter{
		padding-bottom: 70px;
	}
}