*, body {
    font-family: "Montserrat","SF Pro Text","Helvetica Neue","Helvetica","Arial",sans-serif !important;
    scrollbar-color: #696970 #ffffff00;
}
.t-popup {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}
.t-popup__container {
    border: 1px solid #303036;
}
@media screen and (max-width: 560px) {
    .t702 .t-popup__block-close {
        background: rgb(48 48 54 / 40%);
        backdrop-filter: blur(60px);
        -webkit-backdrop-filter: blur(60px);
    }
}



/* Jivo Desktop+Mob */
.__jivoMobileButton {
    z-index: 999 !important;
}
.__jivoMobileButton > jdiv[class^="container__"] {
    background: rgb(48 48 54 / 40%) !important;
    border-radius: 20px !important;
    border: 1px solid rgb(255 255 255 / 30%) !important;
    backdrop-filter: blur(60px) !important;
    -webkit-backdrop-filter: blur(60px) !important;
}
.__jivoMobileButton jdiv[class^="name__"],
.__jivoMobileButton jdiv[class^="text__"] {
    color: #fff !important;
}
@media (max-width: 1200px) {
    /* Jivo Mobile */
    .__jivoMobileButton {
        right: 0px !important;
        bottom: 80px !important;
    }
    .__jivoMobileButton > jdiv[class^="container__"] {
        max-width: 240px !important;
    }
    .__jivoMobileButton jdiv[class^="button__"] {
        background: rgb(48 48 54 / 40%) !important;
        border: 1px solid rgb(255 255 255 / 30%) !important;
        border-top: 1px solid rgb(255 255 255 / 40%) !important;
        border-bottom: 1px solid rgb(255 255 255 / 20%) !important;
        backdrop-filter: blur(60px) !important;
        -webkit-backdrop-filter: blur(60px) !important;
    }
    .__jivoMobileButton jdiv[class^="badge__"] {
        background-color: hsl(0deg 100% 50% / 60%) !important;
        backdrop-filter: blur(60px) !important;
        -webkit-backdrop-filter: blur(60px) !important;
    }
}



body {
    color: #fff;
    background: #000;
}
.header-margin {
    padding-top: 120px !important;
}
@media (max-width: 1200px) {
    .header-margin {
        padding-top: 80px !important;
    }
}
h1 {
    font-size: 4em;
}
@media (max-width: 1200px) {
    h1 {
        font-size: 2.2em;
        word-wrap: break-word;
    }
}
h2 {
    color: #fff;
    font-size: 3.2em;
    font-weight: 700;
}
@media (max-width: 1200px) {
    h2 {
        font-size: 1.8em;
    }
}
/*h2 br {*/
/*    display: none;*/
/*}*/
/*@media (max-width: 1200px) {*/
/*    h2 br {*/
/*        display: block;*/
/*    }*/
/*}*/
h3 {
    color: #f5f5f7;
    font-size: 1.3em;
    font-weight: 600;
}
p {
    color: #f5f5f7;
    font-size: 1em;
}
.container.cold {
    background: #1d1d1f;
}
.wrapper {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 40px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
@media (max-width: 1200px) {
    .wrapper {
        padding: 40px 20px;
    }
}
.primary-button {
    height: fit-content !important;
    text-align: center !important;
    padding: 18px 20px !important;
    border-radius: 14px !important;
    font-weight: 600 !important;
    font-size: 1em !important;
    color: #1d1d1f !important;
    background: #fff !important;
    text-decoration: none !important;
    transition: all 0.1s !important;
}
.primary-button:hover {
    opacity: 0.9;
}
.highlighted-text {
    color: #63AE12;
}
.mascot {
    position: absolute;
    bottom: 0;
    height: 280px;
    z-index: 99;
}
#hd-mascot {
    right: 48%;
    height: 320px;
}
#ba-mascot {
    height: 240px;
    left: auto;
    right: 0;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}
#cert-mascot {
    right: -30px;
    height: 260px;
}
#cta-mascot {
    right: 10px;
    bottom: 20px;
    height: 280px;
}
#faq-mascot {
    bottom: 40px;
    left: 20px;
    height: 220px;
    z-index: 999;
}
#works-mascot {
    right: 0;
    height: 380px;
}
@media (max-width: 1200px) {
    #hm-mascot {
        right: 20px;
    }
    #cert-mascot {
        right: -10px;
        height: 200px;
    }
    #ba-mascot {
        height: 200px;
        left: -50px;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1);
    }
    #cta-mascot {
        height: 200px;
    }
    #faq-mascot {
        left: 10px;
        height: 150px;
    }
    #works-mascot {
        left: 10px;
        bottom: 110px;
        height: 240px;
        -webkit-transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        transform: scaleX(-1);
    }
}



.wrapper.hero-desktop {
    padding: 120px 40px 0;
}
@media (max-width: 1200px) {
    .wrapper.hero-desktop {
        padding: 80px 20px 0;
    }
}
.hero-desktop .hero-container {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: visible;
    border-radius: 40px;
    border: 1px solid #303036;
}
.hero-desktop .hero-image {
    overflow: hidden;
}
.hero-desktop .hero-image .img-left,
.hero-desktop .hero-image .img-right {
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: center;
    display: block;
}
.hero-desktop .hero-image.image-left {
    transform: scaleX(-1);
}
.hero-desktop .hero-image.image-left .img-left {
    border-radius: 40px 0 0 40px;
    scale: 0.99;
}
.hero-desktop .hero-image.image-right .img-right {
    border-radius: 40px 0 0 40px; 
}
.hero-desktop .hero-overlay {
    padding: 40px;
    width: calc(50% - 80px);
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: 0 40px 40px 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(60px);
    -webkit-backdrop-filter: blur(60px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.hero-desktop .hero-head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
.hero-desktop h1.hero-title {
    font-size: 3.2em;
    line-height: 1;
}
.hero-desktop h2.hero-subtitle {
    font-size: 2em;
    font-weight: 600;
    color: hsl(0deg 0% 100% / 70%);
}
@media (min-width: 767px) and (max-width: 1200px) {
    .hero-desktop .hero-overlay {
        padding: 20px;
    }
    .main-logo {
        display: none;
    }
    .hero-desktop .hero-container {
        border-radius: 20px;
    }
    .hero-desktop .hero-image.image-left .img-left,
    .hero-desktop .hero-image.image-right .img-right {
        border-radius: 20px 0 0 20px;
    }
    .hero-desktop .hero-overlay {
        width: calc(50% - 40px);
        border-radius: 0 20px 20px 0;
    }
    .hero-desktop h1.hero-title {
        font-size: 4vw;
    }
    .hero-desktop h2.hero-subtitle {
        font-size: 2.5vw;
        margin-top: 8px;
    }
}
@media (max-width: 767px) {
    .hero-desktop {
        display: none;
    }
}



.hero-mobile {
    position: relative;
}
.hero-mobile .hero-head {
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.4));
}
.hero-cta.mob {
    padding: 20px 20px 0;
}
.hero-mobile .hero-overlay {
    position: absolute;
    top: 12%;
    left: 0;
    right: 0;
    bottom: auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 14px;
    align-items: flex-start;
}
.hero-mobile h1.hero-title {
    font-size: 10vw;
    white-space: nowrap;
    font-weight: 700;
    line-height: 1;
    color: #fff;
}
.hero-mobile h2.hero-subtitle {
    font-size: 6vw;
    white-space: nowrap;
    font-weight: 600;
    color: #fff;
    margin-top: 8px;
    ccolor: hsl(0deg 0% 100% / 70%);
}
.hero-mobile .hero-bg img {
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: center;
    display: block;
}
#hm-logo,
#hd-logo {
    position: absolute;
    bottom: 20px;
    left: 20px;
}
@media (min-width: 767px) {
    .hero-mob {
        display: none;
    }
}




.cta-buttons {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 6px;
}
.primary-button.hero {
    flex: 1;
}

.button-desc {
    font-size: 1em;
    text-align: center;
    margin-top: 12px;
}
.hero-socials {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 55px;
    border-radius: 14px;
}
.hero-socials.wa {
    /*background: linear-gradient(53.16deg, #12A147 14.29%, #19DF63 85.73%);*/
    --c1: #12A147;
    --c2: #19DF63;
    background: linear-gradient(41deg, var(--c1, #12A147), var(--c2, #19DF63) 50%, var(--c1, #19DF63)) var(--x, 0) / 200%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.hero-socials.wa:hover {
    --x: 100%;
}
.hero-socials.tg {
    /*background: linear-gradient(53.14deg, #005999 14.29%, #00C4FE 85.7%);*/
    --c1: #005999;
    --c2: #00C4FE;
    background: linear-gradient(41deg, var(--c1, #005999), var(--c2, #00C4FE) 50%, var(--c1, #00C4FE)) var(--x, 0) / 200%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.hero-socials.tg:hover {
    --x: 100%;
}
@media (max-width: 767px) {
    .button-desc {
        font-size: 0.8em;
    }
}
.hero-opacity {
    color: #fff;
}
.main-logo {
    height: 80px;
}




.cards-wrapper {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: stretch;
    justify-content: center;
}
.card {
    flex: 1;
    display: flex;
    gap: 16px;
    background: #1d1d1f;
    padding: 14px;
    border-radius: 20px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
.card-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;
}
.card-desc {
    color: #E3E3E8;
}
.card-img {
    width: 100%;
    border-radius: 12px;
}
.card.row {
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 30px;
    margin-top: 6px;
    position: relative;
}
.card.row .card-title {
    font-size: 2.2em;
    font-weight: 700;
}
.card.row .card-desc {
    font-size: 1.2em;
    font-weight: 600;
    margin-right: 160px;
}
.rst-img {
    display: block;
    height: 60px;
    margin-top: 10px;
}
@media (max-width: 767px) {
    .cards-wrapper,
    .card.row {
        flex-direction: column;
    }
    .card.row .certificate-img {
        width: 100%;
    }
    .card.row .card-title {
        font-size: 1.3em;
        font-weight: 600;
    }
    .card.row .card-desc {
        font-size: 1em;
        font-weight: 400;
        margin-right: 0;
    }
    .rst-img {
        display: none;
    }
}



.cases-wrapper {
    display: flex;
    overflow-x: auto;
    padding: 0 40px 20px 0;
    gap: 20px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
/*.case-card {*/
/*    width: 340px;*/
/*    position: relative;*/
    /* width: 300px; */
    /* height: 100%; */
/*    border-radius: 22px;*/
/*    flex: 0 0 auto;*/
/*    border: 1px solid #303036;*/
/*    overflow-x: hidden;*/
/*}*/
/*.case-image-wrapper img {*/
/*    width: 100%;*/
    /* height: 100%; */
/*    display: block;*/
/*}*/
/*.case-reflection {*/
    /* width: 100%; */
    /* height: 100%; */
/*    transform: scaleY(-1);*/
/*}*/
/*.case-reflection img {*/
    /* width: 100%; */
    /* height: 100%; */
    /* filter: blur(10px); */
/*    border-radius: 20px 20px 0 0;*/
/*    scale: 0.99;*/
/*}*/
/*.case-content {*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    right: 0;*/
/*    left: 0;*/
/*    height: calc(50% - 30px);*/
/*    background: rgba(0, 0, 0, 0.6);*/
/*    backdrop-filter: blur(60px);*/
/*    -webkit-backdrop-filter: blur(60px);*/
/*    padding: 10px 20px 20px;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: space-between;*/
/*}*/
/*.case-info {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    gap: 14px;*/
/*    margin-bottom: 6px;*/
/*}*/
/*.case-info-label {*/
/*    color: #B0B0B5;*/
/*    font-size: 1em;*/
/*    font-weight: 400;*/
/*}*/
/*.case-info-number {*/
/*    color: #F5F5F7;*/
/*    font-size: 1.2em;*/
/*    font-weight: 500;*/
/*}*/
/*.primary-button.case {*/
/*    background: rgba(0, 0, 0, 0.5) !important;*/
/*    color: #fff !important;*/
/*}*/
.case-overlay {
    width: calc(100% - 40px);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 40px;
    padding: 0 20px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(60px);
    -webkit-backdrop-filter: blur(60px);
}
.case-card.last {
    background-image: url(https://static.tildacdn.com/tild3230-3735-4163-a362-313834383938/Frame_2071.jpg);
    background-size: cover;
    background-position: center center;
    align-items: center;
}
.primary-button.case.last {
    background: #fff !important;
    color: #1d1d1f !important;
}
.case-card {
	width: 340px;
	border-radius: 22px;
	position: relative;
	display: flex;
	flex-direction: column;
	flex: 0 0 auto;
	border: 1px solid #303036;
	overflow: hidden;
	transition: all 0.3s;
}
.case-card:hover {
    scale: 1.01;
}
.case-image-wrapper img {
	width: 100%;
	/* height: 100%; */
	display: block;
}
.case-content {
	position: relative;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 14px;
	padding: 20px;
}
.case-content .case-title,
.case-content .case-info,
.case-content .primary-button.case,
.case-content .case-cta {
	z-index: 2;
}
.case-cta {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.case-info {
	display: flex;
	flex-direction: row;
	gap: 16px;
}
.case-info-label {
	color: #B0B0B5;
	font-size: 1em;
	font-weight: 400;
}
.case-info-number {
	color: #F5F5F7;
	font-size: 1.2em;
	font-weight: 500;
}
.primary-button.case {
    background: rgba(0, 0, 0, 0.5) !important;
    color: #fff !important;
}
.case-blur {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(60px);
	-webkit-backdrop-filter: blur(60px);
	z-index: 1;
}
.case-reflection {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	transform: scaleY(-1);
	background-image: var(--bg-url);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
	border-radius: 22px 22px 0 0;
	scale: 0.98;
	z-index: 0;
}
@media (max-width: 1200px) {
    .wrapper.cases {
        padding: 40px 0;
    }
    .cases-wrapper {
        padding: 0 20px 20px;
    }
    .section-title.cases {
        margin: 0 20px;
    }
    .case-card {
        width: 310px;
    }
}


.works-page .case-card {
    width: 380px;
}
.works-page .case-content {
    padding: 20px;
}
.works-page .cases-wrapper {
    flex-wrap: wrap;
    overflow: hidden;
    justify-content: center;
    padding: 20px 0 20px 0;
}
@media (max-width: 768px) {
    .works-page .case-card {
        width: 100%;
    }
    .works-page .case-content {
        height: calc(50% - 40px);
    }
    .works-page .cases-wrapper {
        padding: 0 20px;
    }
}




.t-quiz__col {
    margin: 0 !important;
    /* padding: 20px !important; */
}
.wrapper.calculator {
    padding-bottom: 0;
}
.t-quiz__cover__side-container .t-quiz__cover__content-container {
    padding: 40px;
}
@media (max-width: 640px) {
    .t-quiz__col {
        padding: 20px !important;
    }
    .t-quiz__cover__side-container .t-quiz__cover__content-container {
        padding: 40px 20px;
    }
}



.wrapper.before-after {
    flex-direction: row;
    gap: 0;
}
.ba_col {
    width: 50%;
}
.ba_col.head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 40px;
}
.ba_slider-wrapper {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    max-width: 600px;
    margin: 0 auto;
    aspect-ratio: 3 / 2; /* Соотношение сторон — можно подогнать под фото */
    position: relative;
    /*overflow: hidden;*/
}
.ba_slider {
    position: relative;
    width: 100%;
    height: 100%;
}
.ba_slider img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}
.ba_slider img.ba_active {
    opacity: 1;
}
.ba_dots {
    position: relative;
    text-align: center;
    margin-top: 10px;
    z-index: 999;
    background: rgb(48 48 54 / 40%);
    backdrop-filter: blur(60px);
    -webkit-backdrop-filter: blur(60px);
    border-radius: 50em;
    padding: 4px;
}
.ba_dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background-color: #797986;
    border-radius: 50em;
    cursor: pointer;
    transition: all 0.3s;
}
.ba_dot.ba_active {
    width: 20px;
    background-color: #f5f5f7;
}
.ba-tags-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ba-tags-row {
    display: flex;
    gap: 10px;
}
.ba-tag {
    background: #000;
    border-radius: 14px;
    padding: 14px 20px;
    width: fit-content;
}
@media (max-width: 1200px) {
    .wrapper.before-after {
        flex-direction: column;
    }
    .ba_col {
        width: 100%;
        gap: 14px !important;
    }
    .ba_slider-wrapper {
        aspect-ratio: 1 / 1;
    }
}



.works-cta {
    position: relative;
    z-index: 999;
    margin-top: 30px;
}
.works-cta.desktop {
    display: block;
}
.works-cta.mobile {
    display: none;
}
@media (max-width: 1200px) {
    .works-cta.desktop {
        display: none;
    }
    .works-cta.mobile {
        display: block;
    }
}



.wrapper.cta-cards {
    flex-direction: row;
    gap: 20px;
}
.cta-card {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
    border-radius: 20px;
}
.cta-title {
    color: #000;
}
.primary-button.cta-black {
    background: #000 !important;
    color: #fff !important;
    z-index: 999;
}
.cta-card.reviews {
    background: #1d1d1f;
    gap: 20px;
}
.cta-card.cta {
    background: #63AE12;
    gap: 10px;
}
.cta-card.map {
    padding: 0;
    border-radius: 20px;
    overflow: hidden;
    aspect-ratio: 1.4 / 1;
}
.wrapper.cta-cards.faq {
    padding: 0;
}
.custom-yandex-widget {
    display: flex;
    gap: 10px;
    align-items: center;
    background-color: #f5f5f7;
    border-radius: 14px;
    padding: 20px;
    width: calc(100% - 40px);
    text-decoration: none !important;
}
.custom-yandex-widget img.ya-logo {
    height: calc(100% - 10px);
}
.custom-yandex-widget .ya-content {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}
.custom-yandex-widget .ya-rating {
    display: flex;
    flex-direction: row;
    gap: 10px;
    font-size: 2em;
    font-weight: bold;
    color: #1d1d1f;
}
.custom-yandex-widget .ya-stars {
    color: #fbbc04;
    font-size: 1em;
}
.custom-yandex-widget .ya-reviews {
    font-size: 1em;
    color: #7c7c83;
}
@media (max-width: 1200px) {
    .wrapper.cta-cards {
        flex-direction: column;
        gap: 20px;
    }
    .custom-yandex-widget .ya-rating {
        font-size: 1.6em;
    }
    .cta-card.cta {
        gap: 120px;
    }
}




.wrapper.mats {
    padding: 0 40px 80px;
}
.mats-head {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.mats-cont {
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.mat-card {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex: 1;
    /* align-items: center; */
}
.mat-img {
    width: 100%;
}
.mat-card-desc {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.mat-desc {
    /* text-align: center; */
    color: hsl(240 6% 80% / 1);
    font-size: 0.9em;
}
.mat-colors {
    display: flex;
    flex-direction: row;
    padding-left: 18px;
    margin-top: -6px;
    gap: 10px;
}
.mat-color {
    height: 20px;
    aspect-ratio: 1 / 1;
    border-radius: 50em;
    margin-left: -18px;
}
@media (max-width: 767px) {
    .wrapper.mats {
        padding: 20px 20px 40px;
    }
    .mats-cont {
        flex-direction: column;
        align-items: center;
        gap: 0;
    }
    .mat-card {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 0;
    }
    .mat-img {
        width: 50%;
    }
    .mat-card-desc {
        margin-left: -20px;
    }
}




.wrapper.partners {
    gap: 60px;
    align-items: center;
}
.partners-head {
    display: flex;
    flex-direction: column;
    gap: 14px;
    align-items: center;
    text-align: center;
}
.partners-logos {
    width: 60%;
}
@media (max-width: 1200px) {
    .wrapper.partners {
        gap: 40px;
        align-items: flex-start;
    }
    .partners-logos {
        width: 100%;
    }
}



.faq-container {
    width: 100%;
}
.faq-show-icon {
    display: block;
    margin-left: 15px;
}
.faq-hide-icon {
    display: none;
}
.faq-container .faq-item {
    margin-bottom: 16px;
    background: #1d1d1f;
    border-radius: 12px;
    border: 1px solid #303036;
}
.faq-container .faq-item .faq-heading {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    vertical-align: middle;
    align-content: center;
    font-weight: 600;
    padding: 20px;
}
.faq-container .faq-item .faq-content {
  padding: 20px;
  display: none;
  border-top: 1px solid #303036;
  background: #1d1d1f;
  border-radius: 0 0 12px 12px;
}
.faq-heading.accord_active .faq-show-icon {
  display: none;
}
.faq-heading.accord_active .faq-hide-icon {
  display: block;
  margin-left: 15px;
}
.faq-employee {
    display: flex;
    gap: 6px;
    align-items: center;
    margin-bottom: 14px;
}
.employee-pic {
    border: 0.5px solid #303036;
    width: 50px;
    border-radius: 999px;
}
.employee-grade {
    font-size: 0.9em;
    color: #696970;
    font-weight: 400;
}
.cards-wrapper.faq-cards {
    flex-direction: row;
    overflow-x: auto;
    gap: 10px;
    justify-content: start;
    padding: 10px 10px 10px 0;
}
.card.faq-card {
    background: #000;
    min-width: 200px;
}
.faq-item .card-title {
    font-size: 1em;
}
.faq-card .card-desc {
    font-size: 0.8em;
}
.cert-cards {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    gap: 10px;
    justify-content: start;
    padding: 0 0 10px;
}
.cert-card {
    flex: 1;
    max-width: 220px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
}
.certificate-img {
    width: 200px;
    border-radius: 10px;
}



.ty-bg-img {
    background-image: url(https://static.tildacdn.com/tild6634-6362-4264-b863-393564336566/8.jpg);
    background-size: cover;
    background-position: center center;
    height: 100vh;
}
.pnf-bg-img {
    background-image: url(https://static.tildacdn.com/tild6564-6131-4532-b234-373739363132/u8148515936_httpssmj.jpg);
    background-size: cover;
    background-position: center center;
    height: 100vh;
}
.ty-overlay,
.pnf-overlay {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    align-items: center;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2));
    text-align: left;
}
.ty-overlay h2,
.pnf-overlay h2 {
    color: #fff;
    font-size: 1.2em;
    font-weight: 600;
}
.ty-page-buttons,
.pnf-page-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}



.wrapper.policy {
    background: #1d1d1f;
    border-radius: 30px;
    padding: 40px;
    margin: 100px auto 40px;
    align-items: flex-start;
    word-break: break-word;
}
@media (max-width: 1200px) {
    .wrapper.policy {
        border-radius: 0;
        padding: 80px 20px 40px;
        margin: 0 auto;
        border-bottom: 1px solid #303036;
    }
}