/*
Theme Name: GrammarGym
Text Domain: grammargym
Author: RedStone
Author Uri: http://redstone.media/
Version: 1.0
*/
.wpcf7-response-output, .screen-reader-response, .wpcf7-list-item-label{
	display: none !important;
}
.wpcf7-not-valid-tip{
	font-size: 0.75rem;
	line-height: 1.35em;
	font-weight: 400;
	color: var(--clr-red);
	margin-top: 0.375rem;
}
.wpcf7-form .ch-box-wrap{
	position: relative;
}
.wpcf7-form .ch-box-wrap .wpcf7-not-valid-tip{
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -16px;
}
.wpcf7-form .ch-box-wrap .wpcf7-not-valid-tip:after{
	display: none;
}
.input-error{
	text-align: left;
}
.h-links .current-menu-item a, .footer-links .current-menu-item a {
    color: var(--clr-primary);
}
.resend-code[disabled]{
	cursor: no-drop;
    opacity: 0.5;
}
.resend-code[disabled] .btn-link-icon{
	background-color: var(--clr-primary);
}
.form-informer-error::before{
	min-width: 1.25rem;
}
.photo-wrap.is-active .photo-btn {
    display: none;
}
.checkout-user-img .photo-change {
	--size: 5.25rem;
	position: relative;
	overflow: hidden;
	width: var(--size);
	height: var(--size);
	flex-shrink: 0;
	border-radius: 1.25rem;
}
.checkout-user-img .photo-change img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.checkout-user-img .photo-change img::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("./img/icons/icon-avatar-empty.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.tariff-card .form-informer {
	position: relative;
	gap: 0.625rem;
	display: flex;
	align-items: center;
	border-radius: 0.75rem;
	font-size: var(--text-sm);
	line-height: 1.35em;
	font-weight: 400;
	text-align: left;
	padding: 0.625rem 0.875rem;
	margin-bottom: 10px;
}
.tariff-card .form-informer-error {
	color: var(--clr-red);
	background-color: #FCDDDF;
}
.tariff-card .form-informer-error::before {
	content: "!";
	display: inline-block;
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 100%;
	background-color: var(--clr-red);
	font-size: 0.875rem;
	line-height: 1.25rem;
	font-weight: 500;
	color: var(--clr-white);
	text-align: center;
}
.footer-logo-text picture{
	font-size: 100%;
}
.editor-section + .units-section{
	margin-top: 0;
}
.level-basic{
	--grd-static: linear-gradient(180deg, #FFF 0%, #9DC62F 100%);
    --bg-static: #F0F7E0;
}
.level-intermediate{
    --grd-static: linear-gradient(180deg, #FFF 0%, #EFDD14 100%);
    --bg-static: #FCF8D0;
}
.level-advanced{
	--grd-static: linear-gradient(180deg, #FFF 0%, #FF0000 100%);
    --bg-static: #FFCCCC;
}
.content-level-basic{
    border-color: #9DC62F;
    background-color: #F0F7E0;
}
.content-level-intermediate{
    border-color: #EFDD14;
    background-color: #FCF8D0;
}
.content-level-advanced{
	border-color: #FF0000;
	background-color: #FFCCCC;
}
.nsl-container, .nsl-container .text{
	margin-top: calc(var(--sp-xs) * 1.5);
}
@media (min-width: 1200px) {
    .nsl-container .text{
        margin-top: var(--sp-sm);
    }
}
@media (max-width: 1380px) and (min-width: 1200px){
	.wpcf7-form .ch-box-wrap .wpcf7-not-valid-tip{
		bottom: -12px;
	}
}
@media (max-width: 991px) {
	.checkout-user-img .photo-change {
    	--size: 4rem;
    }
}

.drag-word.is-error{
	border: 0.125rem solid var(--clr-red);
}

.unit-det-card_blocked{
    --grd-static: linear-gradient(180deg, #FFFFFF 0%, #ECECEC 100%);
    --bg-static: linear-gradient(180deg, #F4F4F4 0%, #FEFEFE 100%);
    /*pointer-events: none;*/
}

.unit-det-card_blocked::after {
     content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 8.33464V6.66797C5 3.90964 5.83333 1.66797 10 1.66797C14.1667 1.66797 15 3.90964 15 6.66797V8.33464' stroke='%23DBE0E3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.0013 15.4167C11.1519 15.4167 12.0846 14.4839 12.0846 13.3333C12.0846 12.1827 11.1519 11.25 10.0013 11.25C8.85071 11.25 7.91797 12.1827 7.91797 13.3333C7.91797 14.4839 8.85071 15.4167 10.0013 15.4167Z' stroke='%23DBE0E3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.168 18.332H5.83464C2.5013 18.332 1.66797 17.4987 1.66797 14.1654V12.4987C1.66797 9.16536 2.5013 8.33203 5.83464 8.33203H14.168C17.5013 8.33203 18.3346 9.16536 18.3346 12.4987V14.1654C18.3346 17.4987 17.5013 18.332 14.168 18.332Z' stroke='%23DBE0E3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.unit-det-card_blocked b {
    opacity: 0;
    visibility: hidden;
}

.task-dropdown.is-error [type="checkbox"],
.task-dropdown.is-error [type="radio"]{
	border-color: var(--clr-red);
}

.ti-review-item{margin-top:0;}

:where(.section.editor-section:last-child) {
    margin-bottom:0;
}

@media (min-width: 1200px) {
    .chp-card {
        background-color: #E8F1FB;
    }
    .chp-card:hover {
        background-color: #E8F1FB;
    }
    .footer-grid{
    	--gap-grid: 10vw;
	    --gap-el: 1.5rem;
	    grid-template-columns: auto max-content;
	    justify-content: space-between;
    }
}


.contact-items{
	display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1em;
}

.text .wp-google-list .wp-google-url {
    display: block;
    margin: 1em auto !important;
    text-align: center !important;
}

.text .wp-google-list .wp-google-url {
    --btn-icon: 1.5em;
    --btn-height: 4.25rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    overflow: clip;
    text-decoration: none;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    transition: var(--transition-1);
    gap: 0.75rem;
    align-items: center;
    justify-content: center;
    min-height: var(--btn-height);
    border-radius: 4.5rem;
    font-family: var(--ff-bold);
    font-size: 1rem;
    line-height: normal;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    text-align: center;
    padding-block: 0.5em;
    padding-inline: 2.75em;
    color: #FAFDF6 !important;
    display: flex;
  width: max-content;
  margin-inline: auto;
}

.text .wp-google-list .wp-google-url {
    background: linear-gradient(180deg, #9ED250 0%, #7CB236 100%);
    color: #FAFDF6;
}

.text .wp-google-list .wp-google-url::before {
    content: "";
    z-index: -1;
    position: absolute;
    inset: 0.1875rem;
    border-radius: inherit;
    transition: var(--transition-1);
    background-color: var(--clr-primary);
}
.text .wp-google-list .wp-google-url::before {
    background-color: var(--clr-primary);
}

@media (min-width: 1200px) {
    .text .wp-google-list .wp-google-url:hover::before {
        opacity: 0;
    }
    .exr-wrap {
        --items: 3;
    }
}

.section.no-text-content + .section{
	margin-top:0;
}

.ch-box a{color: #000000}

.accordion-inner span{
    color: var(--clr-text);
}

.lr-img iframe{
    width: 100%;
    height: 100%;
}

.footer-logo img{
    width: auto!important;
    max-width: none!important;
}

.exr-img {
    /* width: 100%; */
    /* aspect-ratio: 1 / 1; */
    /* border-radius: 0; */
    border: none;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100px;
}

.exr-img img{
    max-width: 100px;
    width: 100px;
    height: 100px;
    position: relative;
}

.h-menu .left-side{
    display: flex;
    gap: 2.5rem;
    justify-content: center;
    align-items: center;
}

@media(max-width: 1200px){
    .h-menu .left-side{
        flex-direction: column;
    }
}

/* Advantages New */
.adn-wrap{
	--items: 1;
	--gap: 1.25rem;
	gap: var(--gap);
	display: grid;
	grid-template-columns: repeat(var(--items), 1fr);
}
.adn-card{
	--pd: 1.5rem;
	position: relative;
	width: 100%;
	gap: 1rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	border-radius: 1.5rem;
	background-color: var(--clr-white);
	text-align: left;
	padding: var(--pd);
}
.adn-icon{
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 4rem;
	height: 4rem;
	flex-shrink: 0;
	border-radius: 1rem;
	background-color: var(--clr-secondary);
}
.adn-icon img{
	width: 2.5rem;
	height: 2.5rem;
	-o-object-fit: contain;
	object-fit: contain;
}
@media (min-width: 576px){
	.adn-wrap{
		--items: 2;
	}
}
@media (min-width: 1200px){
	.adn-wrap{
		--items: 4;
		--gap: 1.5rem;
	}
	.adn-card{
		--pd: 2rem;
		border-radius: 2.125rem;
	}
}

/* Pricing */
.prc-label{
	position: relative;
	display: block;
	font-size: var(--text-sm);
	font-weight: 500;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--clr-text);
	margin-bottom: 0.75rem;
	padding-left: 1.25rem;
}
.prc-label::before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 0.875rem;
	height: 0.0625rem;
	transform: translateY(-50%);
	background-color: var(--clr-primary);
}
.prc-group-title{
	margin-top: var(--sp-md);
	margin-bottom: 1.25rem;
}
.prc-wrap{
	--items: 1;
	--gap: 1.25rem;
	gap: var(--gap);
	display: grid;
	grid-template-columns: repeat(var(--items), 1fr);
}
.prc-card{
	--pd: 1.5rem;
	position: relative;
	width: 100%;
	gap: 1rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	border-radius: 1.5rem;
	background-color: #E8F1FB;
	text-align: left;
	padding: var(--pd);
}
.prc-card_featured{
	--clr-title: #FFF;
	--clr-text: rgba(255, 255, 255, 0.7);
	background-color: var(--bg-dark);
}
.prc-badge{
	display: inline-block;
	border-radius: 6.25rem;
	background-color: var(--clr-primary);
	font-size: var(--text-sm);
	font-weight: 500;
	color: var(--clr-black);
	padding: 0.375rem 0.875rem;
}
.prc-price{
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 0.375rem;
}
.prc-price-note{
	font-size: var(--text-sm);
	color: var(--clr-text);
}
.prc-price-value{
	font-family: var(--ff-bold);
	font-size: var(--h4);
	line-height: 1.1em;
	color: var(--clr-title);
}
.prc-price-currency{
	font-size: var(--text-lg);
	color: var(--clr-title);
}
.prc-meta{
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.prc-meta div{
	margin-top: 0px;
}
.prc-btn{
	margin-top: auto;
}
@media (min-width: 768px){
	.prc-wrap{
		--items: 2;
	}
}
@media (min-width: 1200px){
	.prc-wrap{
		--items: 3;
		--gap: 1.5rem;
	}
	.prc-card{
		--pd: 2rem;
		border-radius: 2.125rem;
	}
}