.results {
display: none;
}
* {
padding: 0px;
margin: 0px;
border: none;
}
*,
*::before,
*::after {
box-sizing: border-box;
} a, a:link, a:visited {
color: #fff;
text-decoration: none;
transition: color .2s;
border-bottom: 1px solid var(--q2-accent);
}
a:hover {
color: var(--q2-accent);
text-decoration: none;
outline: none;
} aside, nav, footer, header, section, main {
display: block;
}
h1, h2, h3, h4, h5, h6 {
font-size: inherit;
font-weight: 600;
}
p {
font-size: inherit;
font-weight: inherit;
}
ul, ul li {
list-style: none;
}
img {
vertical-align: top;
}
img, svg {
max-width: 100%;
height: auto;
}
address {
font-style: normal;
}
ol, ul {
padding-left: 0;
} input, textarea, button, select {
font-family: inherit;
font-size: inherit;
color: inherit;
background-color: transparent;
}
.input-error {
color: var(--red)!important;
}
.input-error::placeholder {
color: var(--red)!important;
}
.hidden {
display: none;
}
input::-ms-clear {
display: none;
}
button, input[type=submit] {
display: inline-block;
box-shadow: none;
background-color: transparent;
background: none;
cursor: pointer;
}
input:focus, input:active,
button:focus, button:active {
outline: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
label {
cursor: pointer;
}
legend {
display: block;
}
:root {
--dark: #0d192f;
--blue-bg: #1f2c44;
--blue-bg-light: #24375a;
--red: #ea0707;
--white: #fff;
--blue: #0253f0;
--grey: #aeaebf;
--light-blue: #25a3e1;
--main-font: "Manrope", sans-serif;
--second-font: "Gilroy", sans-serif;
--third-font: "Inter", sans-serif;
}
html {
overflow-x: hidden;
scroll-behavior: smooth;
font-size: 0.0694444444vw;
}
@media (max-width: 500px) {
html {
font-size: 0.2666666667vw;
}
}
.hidden-term {
display: none;
}
body {
overflow-x: hidden;
background-color: var(--dark);
color: var(--white);
font-family: var(--main-font);
font-size: 16rem;
}
h2 {
font-weight: 700;
color: var(--red);
font-family: var(--second-font);
}
.container {
max-width: 1200rem;
margin: 0 auto;
}
@media (max-width: 500px) {
.container {
padding: 0 16rem;
}
}
.header-tg-link {
cursor: pointer;
transition: .2s ease-in;
}
.container-sm {
max-width: 1153rem;
margin: 0 auto;
}
.lang-btn {
transition: .2s ease-in;
border-radius: 50rem;
}
.invert-lang-btn {
background-color: var(--dark)!important;
color: var(--white)!important;
z-index: 9999;
}
.round-btn {
width: 42rem;
height: 42rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50rem;
}
.ord-btn {
border-radius: 89rem;
}
.blue-bg {
background-color: var(--blue);
}
.red-bg {
background-color: var(--red);
}
.white-bg {
background-color: var(--white);
}
.blue-text {
color: var(--blue);
}
.dark-text {
color: var(--dark);
}
.red-text {
color: var(--red);
}
@media (max-width: 500px) {
.container-sm {
padding: 0 16rem;
}
}
@font-face {
font-family: "Gilroy";
src: url(//q2.team/wp-content/themes/Agency/assets/fonts/Gilroy-Light.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
} @font-face {
font-family: "Gilroy";
src: url(//q2.team/wp-content/themes/Agency/assets/fonts/Gilroy-ExtraBold.woff) format("woff");
font-weight: 800;
font-style: normal;
font-display: swap;
} .about {
margin-bottom: 120rem;
}
.about .about__content {
display: flex;
gap: 33rem;
}
.about .about__content .about__founder {
width: 549rem;
height: 614rem;
margin-top: 105rem;
flex-shrink: 0;
}
.about .about__content .about__descr h2 {
font-weight: 700;
font-size: 63rem;
color: var(--red);
margin-bottom: 35rem;
}
.about .about__content .about__descr .about__paragraph {
font-size: 18rem;
line-height: 150%;
margin-bottom: 40rem;
}
.about .about__content .about__descr .about__list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30rem;
}
.about .about__content .about__descr .about__list span {
display: block;
color: var(--blue);
font-weight: 600;
font-size: 32rem;
border-left: 1rem solid var(--blue);
padding-left: 10rem;
margin-bottom: 10rem;
}
.about .about__content .about__descr .about__list p {
color: var(--grey);
font-size: 18rem;
}
@media (max-width: 500px) {
.about {
margin-bottom: 70rem;
}
.about .about__content .about__founder {
display: none;
}
.about .about__content .about__descr h2 {
font-size: 28rem;
margin-bottom: 26rem;
}
.about .about__content .about__descr .about__paragraph {
font-size: 15rem;
}
.about .about__content .about__descr .about__list {
grid-template-columns: none;
gap: 16rem;
}
.about .about__content .about__descr .about__list li {
display: flex;
align-items: center;
justify-content: space-between;
}
.about .about__content .about__descr .about__list li span {
color: var(--white);
border-color: var(--white);
font-size: 20rem;
}
.about .about__content .about__descr .about__list li p {
font-size: 15rem;
max-width: 224rem;
}
}
.accordion {
display: flex;
flex-direction: column;
gap: 20rem;
}
.accordion-item {
border: none;
background-color: var(--blue-bg-light);
border-radius: 15rem;
border-radius: 15rem;
}
.accordion-item .ord-btn {
color: var(--white);
border: 1rem solid var(--white);
padding: 5rem 14rem;
width: fit-content;
margin-bottom: 20rem;
justify-self: center;
}
.accordion-button:not(.collapsed) {
background-color: var(--blue-bg-light);
color: var(--white);
box-shadow: none;
}
.accordion-body {
background-color: var(--blue-bg-light);
border-radius: 15rem;
display: grid;
}
.accordion-header {
font-size: 20rem;
font-family: var(--main-font);
}
.accordion-header button {
border-radius: 15rem;
padding-top: 20rem;
padding-bottom: 20rem;
width: 182rem;
background-color: var(--blue-bg-light);
color: var(--white);
font-size: 24rem;
display: flex;
gap: 6rem;
justify-content: center;
align-items: center;
}
.accordion-header button img {
width: 15rem;
height: 7rem;
}
.accordion-header button span {
font-weight: 500;
font-size: 16rem;
text-align: center;
}
.accordion-header button::after {
display: none;
}
.accordion-item:first-of-type {
border-top-right-radius: 15rem;
border-top-left-radius: 15rem;
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
border-top-left-radius: 15rem;
border-top-right-radius: 15rem;
}
.accordion-item:last-of-type {
border-bottom-right-radius: 15rem;
border-bottom-left-radius: 15rem;
}
@media (max-width: 500px) {
.accordion-header button {
margin: 0 auto;
}
.accordion-header button img {
display: none;
}
}
.blog__article {
padding: 30rem 30rem 40rem 30rem;
background-color: var(--blue-bg);
border-radius: 25rem;
}
.blog__article p {
margin-bottom: 20px;
}
.blog__article p:last-child {
margin-bottom: 0;
}
.blog__article ul, .blog__article ol {
list-style: inherit;
padding-left: 30px;
margin-top: 20px;
}
.blog__article li {
list-style: inherit;
}
.blog__article h2, .blog__article h3 {
margin: 30px 0 20px;
}
.q2-ecom ul li, .promo_seotext ul li {
list-style: disc;
}
.promo_seotext ul {
padding-left: 20rem;
}
.blog__article .article__head {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 30rem;
}
.blog__article .article__head .article__title {
font-weight: 600;
font-size: 32rem;
}
.blog__article .article__head .article__meta {
display: flex;
flex-direction: column;
gap: 21rem;
}
.blog__article .article__head .article__meta img {
width: 20rem;
height: 20rem;
}
.blog__article .article__head .article__meta span {
color: var(--grey);
}
.blog__article .article__head .article__meta div {
display: flex;
align-items: center;
gap: 10rem;
}
.blog__article .article__image {
width: 100%;
height: 568rem;
margin-bottom: 40rem;
}
.blog__article .article__image img {
border-radius: 23rem;
width: 100%;
height: 100%;
object-fit: cover;
}
.blog__article .article__content {
margin-bottom: 40rem;
}
.blog__article .article__content h4 {
font-weight: 600;
font-size: 22rem;
margin-bottom: 16rem;
}
.blog__article .article__content p {
color: var(--grey);
color: #fff;
}
.blog__article .article__footer {
display: flex;
justify-content: space-between;
align-items: center;
}
.blog__article .article__footer .article__author {
color: var(--grey);
}
.blog__article .article__footer .article__author a {
color: var(--grey);
transition: .2s ease-in;
}
.blog__article .article__footer .article__author a:hover {
color: var(--white);
}
.blog__article .article__footer .article__share {
border: 1rem solid var(--white);
padding: 8rem 18rem;
display: flex;
align-items: center;
gap: 8rem;
}
.blog__article .article__footer .article__share img {
width: 15rem;
height: 18rem;
}
.wp-block-table {
margin-bottom: 10px;
padding-bottom: 10px;
}
.wp-block-table:last-child {
margin-bottom: 0;
}
.wp-block-table table {
border-collapse: separate;
border-spacing: 0;
min-width: 600px;
}
.wp-block-table thead {
border-bottom: 0;
}
.wp-block-table thead td {
background: rgba(2, 83, 240, 0.5);
}
.wp-block-table tbody td {
background: rgba(131, 209, 214, 0.15);
}
.wp-block-table td {
border: none;
border-right: 1px solid #0249D3;
border-bottom: 1px solid #0249D3;
}
.wp-block-table thead td {
border-top: 1px solid #0249D3;
color: #A8B9FF;
}
.wp-block-table td:first-child {
border-left: 1px solid #0249D3;
}
.wp-block-table thead td:first-child {
border-top-left-radius: 4px;
}
.wp-block-table thead td:last-child {
border-top-right-radius: 4px
}
.wp-block-table tbody tr:last-child td:first-child {
border-bottom-left-radius: 4px
}
.wp-block-table tbody tr:last-child td:last-child {
border-bottom-right-radius: 4px
}
@media (max-width: 500px) {
.blog .article__page {
margin-top: 30rem;
}
.blog .article__page .blog__sidebar {
order: 2;
}
.blog .article__page .blog__sidebar .blog_sidebar-tg {
margin-top: 0;
}
.blog .article__page .blog__article {
padding: 16rem;
}
.blog .article__page .blog__article .article__head {
flex-direction: column;
align-items: start;
}
.blog .article__page .blog__article .article__head .article__title {
font-size: 24rem;
margin-bottom: 16rem;
}
.blog .article__page .blog__article .article__head .article__meta {
gap: 10rem;
}
.blog .article__page .blog__article .article__head .article__meta div {
gap: 8rem;
}
.blog .article__page .blog__article .article__head .article__meta img {
width: 18rem;
height: 18rem;
}
.blog .article__page .blog__article .article__head .article__meta span {
font-size: 15rem;
}
.blog .article__page .blog__article .article__image {
height: 176rem;
margin-bottom: 30rem;
}
.blog .article__page .blog__article .article__content {
margin-bottom: 20rem;
}
.blog .article__page .blog__article .article__content h4 {
font-size: 18rem;
}
.blog .article__page .blog__article .article__content .article__paragraph {
font-size: 15rem;
}
.blog .article__page .blog__article .article__footer .article__author {
font-size: 15rem;
}
.blog .article__page .blog__article .article__footer .article__share {
font-size: 15rem;
flex-shrink: 0;
}
.blog .article__page .blog__article .article__footer .article__share img {
width: 13rem;
height: 16rem;
}
}
.blog {
margin-bottom: 120rem;
}
.blog .blog__more-articles {
display: none;
}
.blog .blog__topics-mobile {
display: none;
}
.blog .page__content {
display: flex;
gap: 43rem;
}
.blog .blog__title {
font-weight: 700;
color: var(--red);
font-family: var(--second-font);
font-size: 66rem;
margin-bottom: 35rem;
}
.blog .blog__content {
max-width: 975rem;
}
.blog .blog__content .blog__categories {
display: flex;
gap: 15rem;
margin-bottom: 30rem;
}
.blog .blog__content .blog__categories li {
border: 1rem solid #fff;
border-radius: 89rem;
padding: 0;
width: 188rem;
text-align: center;
transition: .2s ease-in;
}
.blog .blog__content .blog__categories li button {
width: 100%;
padding: 8rem 18rem;
}
.blog .blog__content .blog__categories li button.active {
opacity: 0.6;
}
.blog .blog__content .blog__categories li:hover {
opacity: 0.6;
}
.blog__articles {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 30rem;
}
.blog__card {
display: flex;
flex-direction: column;
align-items: center;
gap: 16rem;
background-color: var(--blue-bg);
border-radius: 25rem;
padding: 20rem;
width: 305rem;
position: relative;
transition: .2s ease-in;
}
.blog__card:hover {
opacity: 0.7;
}
.card-full-link {
position: absolute;
inset: 0;
z-index: 1;
display: block;
}
.blog__card .blog__card-image {
width: 265rem;
width: 100%;
height: 265rem;
}
.blog__card .blog__card-image img {
border-radius: 23rem;
width: 100%;
height: 100%;
object-fit: cover;
}
.blog__card-content {
width: 100%;
}
.blog__card .blog__card-content .blog__card-title {
font-weight: 600;
font-size: 22rem;
margin-bottom: 12rem;
}
.blog__card .blog__card-content .blog__card-descr {
color: var(--grey);
}
.blog__card .blog__card-footer {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: auto;
}
.blog__card .blog__card-footer .blog__card-meta {
display: flex;
flex-direction: column;
gap: 12rem;
}
.blog__card .blog__card-footer .blog__card-meta div {
display: flex;
align-items: center;
gap: 10rem;
}
.blog__card .blog__card-footer .blog__card-meta span {
color: var(--grey);
}
.blog__card .blog__card-footer .blog__card-meta img {
width: 20rem;
height: 20rem;
flex-shrink: 0;
}
.blog__card .blog__card-footer .round-btn {
width: 40rem;
height: 40rem;
background-color: var(--white);
}
.blog__card .blog__card-footer .round-btn img {
width: 28rem;
height: 14rem;
}
.blog .blog__sidebar .blog__sidebar_topics {
border-radius: 18rem;
background-color: var(--blue-bg);
}
.blog .blog__sidebar .blog__sidebar_topics .blog__sidebar-title {
background-color: var(--red);
border-radius: 89rem;
padding: 8rem 18rem;
text-align: center;
}
.blog .blog__sidebar .blog__sidebar-list {
padding: 20rem;
display: flex;
flex-direction: column;
gap: 24rem;
}
.blog .blog__sidebar .blog__sidebar-list span {
font-weight: 700;
font-size: 12rem;
}
.blog .blog__sidebar .blog__sidebar-list button {
font-weight: 600;
font-size: 14rem;
border-radius: 30rem;
padding: 2rem 15rem;
border: 1rem solid var(--white);
}
.blog .blog__sidebar .blog__sidebar-list .blog__sidebar-item {
display: flex;
align-items: center;
gap: 10rem;
cursor: pointer;
transition: .2s ease-in;
}
.blog .blog__sidebar .blog__sidebar-list .blog__sidebar-item a {
transition: .2s ease-in;
}
.blog .blog__sidebar .blog__sidebar-list .blog__sidebar-item a:hover {
color: var(--grey);
}
.blog .blog__sidebar .blog__sidebar-list .blog__sidebar-item:hover {
color: var(--grey);
}
.blog .blog__sidebar .blog__sidebar-list .blog__sidebar-item a {
display: flex;
align-items: center;
color: var(--white);
gap: 10rem;
}
.blog .blog__sidebar .blog__sidebar-list .blog__sidebar-item.active {
color: var(--grey);
}
.blog .blog__sidebar .blog__sidebar-list .blog__sidebar-item img {
width: 18rem;
height: 18rem;
}
.blog .blog__sidebar .blog_sidebar-tg {
margin-top: 36rem;
border: 1rem solid var(--grey);
border-radius: 20rem;
padding: 20rem;
background-color: var(--blue-bg);
}
.blog .blog__sidebar .blog_sidebar-tg p {
font-weight: 600;
font-size: 17rem;
margin-bottom: 12rem;
}
.blog .blog__sidebar .blog_sidebar-tg .blog__sidebar-tg__span {
font-size: 13rem;
color: var(--grey);
}
.blog .blog__sidebar .blog_sidebar-tg .blog__sidebar-tg__span a {
display: inline-block;
width: fit-content;
margin-left: auto;
}
.blog .blog__sidebar .blog_sidebar-tg .sidebar-btn {
margin-top: 20rem;
display: flex;
gap: 8rem;
align-items: center;
background-color: var(--light-blue);
box-shadow: 0 4rem 30rem 0 rgba(37, 163, 225, 0.3);
color: var(--white);
padding: 9rem 14rem;
font-weight: 500;
font-size: 14rem;
}
.blog .blog__sidebar .blog_sidebar-tg .sidebar-btn img {
width: 16rem;
height: 14rem;
}
@media (max-width: 500px) {
.blog {
margin-bottom: 70rem;
}
.blog .blog__topics-mobile {
display: flex;
align-items: center;
gap: 20rem;
}
.blog .blog__topics-mobile img {
width: 22rem;
height: 22rem;
}
.blog .blog__more-articles {
display: inline-block;
margin-top: 30rem;
margin-left: auto;
box-shadow: 0 4rem 30rem 0 rgba(2, 83, 240, 0.45);
background-color: var(--blue);
padding: 8rem 20rem;
}
.blog .blog__head {
margin-top: 30rem;
display: flex;
justify-content: space-between;
align-items: baseline;
}
.blog .blog__title {
font-size: 28rem;
margin-bottom: 30rem;
}
.blog .page__content {
flex-direction: column;
gap: 30rem;
}
.blog .page__content .blog__content {
order: 2;
display: flex;
flex-direction: column;
}
.blog .page__content .blog__content .blog__categories {
display: none;
}
.blog .page__content .blog__content .blog__articles {
grid-template-columns: none;
gap: 20rem;
}
.blog__card {
width: 100%;
padding: 16rem;
gap: 20rem;
}
.blog__card .blog__card-image {
width: 311rem;
height: 176rem;
}
.blog__card .blog__card-content .blog__card-title {
font-size: 18rem;
}
.blog__card .blog__card-content .blog__card-descr {
font-size: 15rem;
}
.blog__card .blog__card-footer .blog__card-meta img {
width: 18rem;
height: 18rem;
}
.blog__card .blog__card-footer .blog__card-meta span {
font-size: 15rem;
}
.blog__card .blog__card-footer .blog__card-meta div {
gap: 8rem;
}
.blog__card .blog__card-footer .round-btn {
width: 38rem;
height: 38rem;
}
.blog__card .blog__card-footer .round-btn img {
width: 22rem;
}
}
.blog__sidebar .blog__sidebar_topics {
border-radius: 18rem;
background-color: var(--blue-bg);
}
.blog__sidebar .blog__sidebar_topics .blog__sidebar-title {
background-color: var(--red);
border-radius: 89rem;
padding: 8rem 18rem;
text-align: center;
}
.blog__sidebar .blog__sidebar-list {
padding: 20rem;
display: flex;
flex-direction: column;
gap: 24rem;
}
.blog__sidebar .blog__sidebar-list span {
font-weight: 700;
font-size: 12rem;
}
.blog__sidebar .blog__sidebar-list button {
font-weight: 600;
font-size: 14rem;
border-radius: 30rem;
padding: 2rem 15rem;
border: 1rem solid var(--white);
}
.blog__sidebar .blog__sidebar-list .blog__sidebar-item {
display: flex;
align-items: center;
gap: 10rem;
}
.blog__sidebar .blog__sidebar-list .blog__sidebar-item img {
width: 18rem;
height: 18rem;
}
.blog__sidebar .blog_sidebar-tg {
margin-top: 36rem;
border: 1rem solid var(--grey);
border-radius: 20rem;
padding: 20rem;
background-color: var(--blue-bg);
}
.blog__sidebar .blog_sidebar-tg p {
font-weight: 600;
font-size: 17rem;
margin-bottom: 12rem;
}
.blog__sidebar .blog_sidebar-tg .blog__sidebar-tg__span {
font-size: 13rem;
color: var(--grey);
}
.blog__sidebar .blog_sidebar-tg .sidebar-btn {
margin-top: 20rem;
display: flex;
gap: 8rem;
align-items: center;
background-color: var(--light-blue);
box-shadow: 0 4rem 30rem 0 rgba(37, 163, 225, 0.3);
color: var(--white);
padding: 9rem 14rem;
font-weight: 500;
font-size: 14rem;
}
.blog__sidebar .blog_sidebar-tg .sidebar-btn img {
width: 16rem;
height: 14rem;
}
@media (max-width: 500px) {
.blog__sidebar {
order: 1;
}
.blog__sidebar .blog__sidebar_topics {
display: none;
}
.blog__sidebar .blog_sidebar-tg {
margin-top: 0;
padding: 16rem;
background-color: transparent;
}
.blog__sidebar .blog_sidebar-tg p {
font-size: 18rem;
margin-bottom: 6rem;
}
.blog__sidebar .blog_sidebar-tg .blog__sidebar-tg__span {
font-size: 15rem;
}
.blog__sidebar .blog_sidebar-tg .sidebar-btn {
margin-top: 12rem;
margin-left: auto;
}
}
.blog__categories {
display: flex;
gap: 15rem;
margin-bottom: 30rem;
}
.blog__categories li {
border: 1rem solid #fff;
border-radius: 89rem;
padding: 8rem 18rem;
width: 188rem;
text-align: center;
}
@media (max-width: 500px) {
.blog__categories {
display: none;
}
}
.blog__article h2 {
color: #fff;
}
.blog__article a {
color:#fff;
text-decoration:none;
transition:color .2s;
border-bottom: 1px solid var(--q2-accent);
}
.blog__article a:hover,
.blog__article a:focus{
color:var(--q2-accent);
text-decoration:none;
outline:none;
}
.q2-ecom {
--q2-accent:#d40000;
--q2-text:#e6e9f0;
--q2-subtle:#a9b3c7;
--q2-surface:rgba(255,255,255,0.05);
}
.blog__article .q2-ecom {
margin-top: 40rem;
}
.q2-ecom_grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30rem;
margin-bottom: 30rem;
}
.q2-ecom_grid > div {
background-color: var(--blue-bg-light);
padding: 30rem;
border-radius: 30rem;
}
.q2-ecom p, .q2-ecom li{color:var(--q2-text); line-height:1.7;}
.q2-ecom ul, .q2-ecom ol{margin:12rem 0 22rem 24rem; list-style:disc;}
.q2-ecom li::marker{color:var(--q2-subtle);}
.q2-ecom .wp-block-heading{color:#fff; font-size:34rem; font-weight:800; margin: 0 0 30rem;}
.q2-ecom a{color:#fff; text-decoration:none;}
.q2-ecom a:hover{color:var(--q2-accent); text-decoration:none;} .q2-ecom .faq-accordion{
margin-bottom: 30rem;
height: 100%;
}
.q2-ecom .faq-item{border:1rem solid rgba(255,255,255,1); border-radius:10rem; margin:10rem 0; background:var(--q2-surface);}
.q2-ecom .faq-trigger{width:100%; text-align:left; padding:14rem 18rem; background:transparent; border:none; color:#fff; font-size:16rem; cursor:pointer; display:flex; justify-content:space-between; align-items:center;}
.q2-ecom .faq-trigger::after{content:"+"; color:var(--q2-subtle); font-weight:700; transition:transform .2s;}
.q2-ecom .faq-trigger[aria-expanded="true"]::after{content:"–"; color:var(--q2-accent);}
.q2-ecom .faq-panel{max-height:0; overflow:hidden; transition:max-height .28s ease; padding:0 18rem; color:var(--q2-text);}
.q2-ecom .faq-panel p{margin:12rem 0 16rem;}
.q2-ecom .faq-item.active{border-color: var(--q2-accent);}
.promo_faq {
padding: 130rem 0;
}
.promo_faq .faq-item {
border: 0;
background: var(--blue-bg);
}
.promo_faq .faq-trigger {
padding: 13rem 28rem;
}
.promo_faq .faq-trigger:after {
color: var(--blue);
font-size: 24rem;
line-height: 36rem;
text-align: center;
width: 40rem;
min-width: 40rem;
height: 40rem;
border-radius: 40rem;
border: 0.5rem solid #0253F0;
box-shadow: 0 0 20rem rgba(2, 83, 240, 0.3);
}
.promo_faq .faq-trigger[aria-expanded="true"] {
font-size: 20rem;
font-weight: 600;
}
.promo_faq .faq-trigger[aria-expanded="true"]:after{color: var(--blue);}
.promo_faq p, .promo_faq li {
color: var(--grey);
line-height: 1.5;
}
.promo_faq .faq-panel {
padding: 0 28rem;
color: var(--grey);
margin-top: 0;
transition: max-height,margin .28s ease;
}
.promo_faq .faq-trigger[aria-expanded="true"] + .faq-panel {
margin-top: -15rem;
}
.blog__li {
display: flex;
flex-direction: column;
gap: 20px;
}
.blog__li-item {
display: flex;
position: relative;
gap: 20px;
}
.blog__li-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0 !important;
}
.blog__li-image {
min-width: 120px;
width: 120px;
height: 90px;
}
.blog__li-image img {
width: 100%;
height: 100%;
object-fit: cover;
} .q2-ecom .useful-box_case {
height: 100%;
}
.q2-ecom .useful-box_blog {
background: var(--q2-surface);
border: 2rem solid #fff;
border-radius: 14rem;
padding: 18rem 20rem;
margin: 22rem 0;
box-shadow: 0 1rem 0 rgba(0,0,0,0.15) inset;
} .q2-ecom h2, .q2-ecom .useful-box h3 {
margin:0 0 20rem 0;
font-weight:600;
color:#fff;
font-size: 32rem;
line-height: 84%;
font-family: var(--second-font);
} .q2-ecom .useful-box ul{
margin:8rem 0 0 22rem;
padding:0;
list-style:disc;
}
.q2-ecom .useful-box li{
color:var(--q2-text);
line-height:1.7;
margin:8rem 0;
}
.q2-ecom .useful-box li::marker{
color:#fff; } .q2-ecom .useful-box a {
color:#fff;
text-decoration:none;
transition:color .2s;
border-bottom: 1px solid var(--q2-accent);
}
.q2-ecom .useful-box a:hover,
.q2-ecom .useful-box a:focus{
color:var(--q2-accent);
text-decoration:none;
outline:none;
} @media (max-width:640px){
.q2-ecom .useful-box{padding:16rem 16rem;}
}
@media (max-width: 500px) {
.q2-ecom_grid {
grid-template-columns: none;
gap: 20rem;
}
}
.breadcrumbs {
margin: 55rem 0 30rem;
font-size: 18rem;
line-height: 150%;
color: var(--white);
display: flex;
}
.breadcrumbs a {
color: var(--white);
transition: .2s ease-in;
}
.breadcrumbs a:hover {
opacity: 0.6;
}
@media (max-width: 500px) {
.breadcrumbs {
display: none;
}
}
.case-item h2 {
color: var(--white);
font-weight: 600;
font-size: 32rem;
line-height: 84%;
margin-bottom: 20rem;
}
.case-item p {
color: var(--grey);
}
.case-item .case-item__head {
margin-bottom: 30rem;
}
.case-item .case-item__head .case-item__title {
font-size: 66rem;
color: var(--red);
font-weight: 700;
font-size: 66rem;
font-family: var(--second-font);
}
.case-item .case-item__head .case-item__head-row {
margin-top: 10rem;
display: flex;
justify-content: space-between;
align-items: end;
}
.case-item .case-item__head .case-item__head-row .case-item__meta {
display: flex;
gap: 15rem;
}
.case-item .case-item__head .case-item__head-row .case-item__meta li {
border: 1rem solid var(--white);
border-radius: 89rem;
padding: 8rem 18rem;
}
.case-item__meta li span a:hover {
color: var(--red);
}
.case-item .case-item__client {
margin-bottom: 30rem;
height: 100%;
background-color: var(--blue-bg-light);
padding: 30rem;
border-radius: 30rem;
}
.case-item .case-item__targets {
background-color: var(--blue-bg-light);
}
.case-item .case-item-info {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30rem;
margin-bottom: 30rem;
}
.case-item .case-item-info div {
padding: 30rem; border-radius: 30rem;
}
.case-item .case-item-info div ul {
padding-left: 24rem;
color: var(--grey);
}
.case-item .case-item-info div ul li {
line-height: 150%;
list-style: outside;
}
.case-item .case-item__result { border-radius: 30rem;
padding: 30rem;
background-color: transparent;
border: 1rem solid var(--white);
border-radius: 30rem;
display: flex;
flex-direction: column;
gap: 30rem;
}
.case-item .case-item-solution {
background-color: transparent;
border: 1rem solid var(--white); 
}
.case-item .case-item__result .case-item__result-pic {
padding: 0;
width: 100%; }
.case-item .case-item__result .case-item__result-pic img {
width: 100%;
height: 100%;
object-fit: contain;
}
@media (max-width: 500px) {
.case-item h2 {
font-size: 18rem;
line-height: 150%;
margin-bottom: 12rem;
}
.case-item p {
font-size: 15rem;
}
.case-item .case-item__head {
margin-top: 30rem;
}
.case-item .case-item__head .case-item__title {
font-size: 28rem;
margin-bottom: 30rem;
}
.case-item .case-item__head .case-item__head-row .case-item__meta {
display: none;
}
.case-item .case-item__client {
padding: 16rem;
margin-bottom: 20rem;
}
.case-item .case-item-info {
grid-template-columns: none;
gap: 20rem;
}
.case-item .case-item-info div {
line-height: 160%;
padding: 16rem;
}
.case-item .case-item-info div ul {
font-size: 15rem;
}
.case-item .case-item__result {
grid-template-columns: none;
gap: 20rem;
margin-bottom: 70rem;
}
.case-item .case-item__result .case-item__result-pic {
width: 100%;
height: 177rem;
}
}
.case-item__tg {
padding: 14rem 25rem;
border: 1rem solid var(--white);
border-radius: 20rem;
display: flex;
align-items: center;
gap: 20rem;
}
.case-item__tg div {
display: flex;
flex-direction: column;
}
.case-item__tg div span {
font-weight: 600;
font-size: 18rem;
margin-bottom: 8rem;
}
.case-item__tg div p {
font-size: 13rem;
color: var(--grey);
}
.case-item__tg button {
padding: 8rem 18rem;
background-color: var(--light-blue);
display: flex;
align-items: center;
gap: 8rem;
}
.case-item__tg a {
width: fit-content;
margin-left: auto;
}
.case-item__tg button img {
width: 17rem;
height: 15rem;
}
.case-item__tg button span {
margin: 0;
font-size: 14rem;
color: var(--white);
}
@media (max-width: 500px) {
.case-item__tg {
width: 100%;
text-align: start;
padding: 16rem;
display: grid;
gap: 12rem;
}
.case-item__tg span {
margin-bottom: 6rem;
}
.case-item__tg button {
width: fit-content;
justify-self: end;
}
}
.cases {
margin-bottom: 120rem;
}
.cases .cases__head {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 30rem;
}
.cases .cases__more-articles {
display: none;
}
.cases .cases__topics-mobile {
display: none;
}
.cases .page__content {
display: flex;
gap: 17rem;
min-height: 1354rem;
}
.cases .cases__title {
font-weight: 700;
color: var(--red);
font-family: var(--second-font);
font-size: 66rem;
margin-bottom: 35rem;
}
.cases .cases__content .cases__categories {
display: flex;
gap: 15rem;
margin-bottom: 30rem;
}
.cases .cases__content .cases__categories li {
border: 1rem solid #fff;
border-radius: 89rem;
padding: 0;
width: 188rem;
text-align: center;
transition: .2s ease-in;
cursor: pointer;
}
.cases .cases__content .cases__categories li button {
width: 100%;
padding: 8rem 18rem;
}
.cases .cases__content .cases__categories li button.active {
opacity: 0.6;
}
.cases .cases__content .cases__categories li:hover {
opacity: 0.6;
}
.cases .cases__content .cases__articles {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 20rem;
}
.cases .cases__content .cases__articles .cases__card {
display: flex;
flex-direction: column;
align-items: center;
gap: 16rem;
background-color: var(--blue-bg);
border-radius: 20rem;
padding: 20rem;
width: 319rem;
position: relative;
transition: .2s ease-in;
}
.cases .cases__content .cases__articles .cases__card:hover {
opacity: 0.7;
}
.cases__card-content {
width: 100%;
}
.cases .cases__content .cases__articles .cases__card .cases__card-image {
width: 279rem;
height: 176rem;
}
.cases .cases__content .cases__articles .cases__card .cases__card-image img {
border-radius: 16rem;
width: 100%;
height: 100%;
object-fit: cover;
}
.cases .cases__content .cases__articles .cases__card .cases__card-content .cases__card-info {
margin-bottom: 20rem;
}
.cases .cases__content .cases__articles .cases__card .cases__card-content .cases__card-categories {
display: flex;
justify-content: space-between;
margin-bottom: 20rem;
gap: 10rem;
}
.cases .cases__content .cases__articles .cases__card .cases__card-content .cases__card-categories li {
border: 1rem solid var(--grey);
border-radius: 89rem;
font-size: 12rem;
font-weight: 500;
color: var(--grey);
}
.cases .cases__content .cases__articles .cases__card .cases__card-content .cases__card-categories li button,
.cases .cases__content .cases__articles .cases__card .cases__card-content .cases__card-categories li a, .cases__card-categories li a {
padding: 6rem 20rem;
width: 100%;
height: 100%;
display: block;
position: relative;
z-index: 5;
}
.cases .cases__content .cases__articles .cases__card .cases__card-content .cases__card-title {
font-weight: 600;
font-size: 22rem;
margin-bottom: 10rem;
}
.cases .cases__content .cases__articles .cases__card .cases__card-content .cases__card-descr {
color: var(--grey);
font-weight: 500;
font-size: 14rem;
}
.cases .cases__content .cases__articles .cases__card .cases__card-btn {
font-size: 14rem;
font-weight: 500;
margin-top: auto;
margin-left: auto;
background-color: var(--blue);
box-shadow: 0 4rem 30rem 0 rgba(2, 83, 240, 0.45);
}
.cases .cases__content .cases__articles .cases__card .cases__card-btn a {
color: var(--white);
padding: 8rem 18rem;
display: inline-block;
}
.cases .cases__content .cases__topics {
background-color: var(--blue-bg);
padding: 21rem;
border-radius: 30rem;
margin-bottom: 16rem;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20rem;
}
.cases .cases__content .cases__topics .cases__topics-item {
border-radius: 25rem;
background-color: var(--white);
cursor: pointer;
padding: 11rem 20rem;
display: flex;
justify-content: space-between;
transition: .2s ease-in;
}
.cases .cases__content .cases__topics .cases__topics-item:hover {
filter: brightness(0.9);
}
.cases .cases__content .cases__topics .cases__topics-item div {
display: flex;
flex-direction: column;
}
.cases .cases__content .cases__topics .cases__topics-item div .cases__topics-item__title {
font-weight: 600;
font-size: 24rem;
color: var(--dark);
}
.cases .cases__content .cases__topics .cases__topics-item div a {
margin-top: auto;
color: var(--red);
font-weight: 700;
font-size: 18rem;
line-height: 150%;
}
.cases .cases__content .cases__topics .cases__context img {
width: 136rem;
height: 138rem;
}
.cases .cases__content .cases__topics .cases__target img {
width: 145rem;
height: 138rem;
}
.cases .cases__content .cases__topics .cases__seo {
grid-column-start: 1;
grid-column-end: 3;
}
.cases .cases__content .cases__topics .cases__seo img {
width: 581rem;
height: 122rem;
}
.cases .cases__sidebar {
height: fit-content;
background-color: var(--blue-bg);
border-radius: 15rem;
}
.cases .cases__sidebar .cases__sidebar_topics {
border-radius: 18rem;
}
.cases .cases__sidebar .cases__sidebar_topics .cases__sidebar-title {
background-color: var(--red);
border-radius: 89rem;
padding: 8rem 18rem;
text-align: center;
}
.cases .cases__sidebar .cases__sidebar-list {
padding: 0 14rem 20rem 14rem;
display: flex;
flex-direction: column;
gap: 12rem;
}
.cases .cases__sidebar .cases__sidebar-list span {
font-weight: 700;
font-size: 12rem;
}
.cases .cases__sidebar .cases__sidebar-list .checkbox-text {
font-weight: 400;
color: var(--grey);
font-size: 14rem;
}
.cases .cases__sidebar .cases__sidebar-list button {
font-weight: 600;
font-size: 14rem;
border-radius: 30rem;
padding: 2rem 15rem;
border: 1rem solid var(--white);
}
.cases .cases__sidebar .cases__sidebar-list .cases__sidebar-item {
display: flex;
align-items: center;
gap: 10rem;
}
.cases .cases__sidebar .cases__sidebar-list .cases__sidebar-item img {
width: 18rem;
height: 18rem;
}
.cases .cases__sidebar .cases_sidebar-tg {
margin-top: 36rem;
border: 1rem solid var(--grey);
border-radius: 20rem;
padding: 20rem;
background-color: var(--blue-bg);
}
.cases .cases__sidebar .cases_sidebar-tg p {
font-weight: 600;
font-size: 17rem;
margin-bottom: 12rem;
}
.cases .cases__sidebar .cases_sidebar-tg .cases__sidebar-tg__span {
font-size: 13rem;
color: var(--grey);
}
.cases .cases__sidebar .cases_sidebar-tg .sidebar-btn {
margin-top: 20rem;
display: flex;
gap: 8rem;
align-items: center;
background-color: var(--light-blue);
box-shadow: 0 4rem 30rem 0 rgba(37, 163, 225, 0.3);
color: var(--white);
padding: 9rem 14rem;
font-weight: 500;
font-size: 14rem;
}
.cases .cases__sidebar .cases_sidebar-tg .sidebar-btn img {
width: 16rem;
height: 14rem;
}
@media (max-width: 500px) {
.cases {
margin-bottom: 70rem;
}
.cases .cases__more-articles {
display: inline-block;
margin-top: 30rem;
margin-left: auto;
box-shadow: 0 4rem 30rem 0 rgba(2, 83, 240, 0.45);
background-color: var(--blue);
padding: 8rem 20rem;
}
.cases .page__content {
min-height: auto;
display: flex;
flex-direction: column;
}
.cases .cases__head {
margin-top: 30rem;
flex-direction: column;
}
.cases .cases__head .cases__title {
font-size: 28rem;
margin-bottom: 30rem;
}
.cases .cases__content {
order: 2;
display: flex;
flex-direction: column;
}
.cases .cases__content .cases__categories {
display: none;
}
.cases .cases__content .cases__topics {
padding: 16rem;
grid-template-columns: none;
}
.cases .cases__content .cases__topics .cases__topics-item {
padding: 16rem;
}
.cases .cases__content .cases__topics .cases__topics-item div .cases__topics-item__title {
font-size: 18rem;
}
.cases .cases__content .cases__topics .cases__topics-item div a {
font-size: 15rem;
}
.cases .cases__content .cases__topics .cases__seo {
grid-column-end: 1;
}
.cases .cases__content .cases__topics .cases__seo img {
width: 113rem;
height: 109rem;
}
.cases .cases__content .cases__topics .cases__context img {
width: 105rem;
height: 107rem;
}
.cases .cases__content .cases__topics .cases__target img {
width: 112rem;
height: 107rem;
}
.cases .cases__content .cases__articles {
grid-template-columns: none;
}
.cases .cases__content .cases__articles .cases__card {
width: 100%;
gap: 0;
}
.cases .cases__content .cases__articles .cases__card .cases__card-image {
width: 100%;
margin-bottom: 12rem;
}
.cases .cases__content .cases__articles .cases__card .cases__card-content .cases__card-categories li button,
.cases .cases__content .cases__articles .cases__card .cases__card-content .cases__card-categories li a, .cases__card-categories li a  {
padding: 9rem 25rem;
}
.cases .cases__content .cases__articles .cases__card .cases__card-btn a {
font-size: 15rem;
}
}
.cases__sidebar .cases__sidebar_topics {
border-radius: 18rem;
background-color: var(--blue-bg);
}
.cases__sidebar .cases__sidebar_topics .cases__sidebar-title {
margin-bottom: 20rem;
background-color: var(--red);
border-radius: 89rem;
padding: 8rem 18rem;
text-align: center;
}
.cases__sidebar .cases__sidebar-list {
padding: 20rem;
display: flex;
flex-direction: column;
gap: 24rem;
}
.cases__sidebar .cases__sidebar-list span {
font-weight: 400;
font-size: 14rem;
}
.cases__sidebar .cases__sidebar-list button {
font-weight: 600;
font-size: 14rem;
border-radius: 30rem;
padding: 2rem 15rem;
border: 1rem solid var(--white);
}
.cases__sidebar .cases__sidebar-list .cases__sidebar-item {
display: flex;
align-items: center;
gap: 10rem;
}
.cases__sidebar .cases__sidebar-list .cases__sidebar-item img {
width: 18rem;
height: 18rem;
}
.cases__sidebar .cases__sidebar-list .checkbox-text {
font-size: 14rem;
}
.cases__sidebar .cases_sidebar-tg {
margin-top: 36rem;
border: 1rem solid var(--grey);
border-radius: 20rem;
padding: 20rem;
background-color: var(--blue-bg);
}
.cases__sidebar .cases_sidebar-tg p {
font-weight: 600;
font-size: 17rem;
margin-bottom: 12rem;
}
.cases__sidebar .cases_sidebar-tg .cases__sidebar-tg__span {
font-size: 13rem;
color: var(--grey);
}
.cases__sidebar .cases_sidebar-tg .sidebar-btn {
margin-top: 20rem;
display: flex;
gap: 8rem;
align-items: center;
background-color: var(--light-blue);
box-shadow: 0 4rem 30rem 0 rgba(37, 163, 225, 0.3);
color: var(--white);
padding: 9rem 14rem;
font-weight: 500;
font-size: 14rem;
}
.cases__sidebar .cases_sidebar-tg .sidebar-btn img {
width: 16rem;
height: 14rem;
}
@media (max-width: 500px) {
.cases__sidebar {
order: 1;
}
.cases__sidebar .cases_sidebar-tg {
margin-top: 0;
padding: 16rem;
background-color: transparent;
}
.cases__sidebar .cases_sidebar-tg p {
font-size: 18rem;
margin-bottom: 6rem;
}
.cases__sidebar .cases_sidebar-tg .cases__sidebar-tg__span {
font-size: 15rem;
}
.cases__sidebar .cases_sidebar-tg .sidebar-btn {
margin-top: 12rem;
margin-left: auto;
}
}
.cases__categories {
display: flex;
gap: 15rem;
margin-bottom: 30rem;
}
.cases__categories li {
border: 1rem solid #fff;
border-radius: 89rem;
padding: 8rem 18rem;
width: 188rem;
text-align: center;
}
@media (max-width: 500px) {
.cases__categories {
display: none;
}
}
.real-checkbox {
width: 0;
right: 0;
opacity: 0;
position: absolute;
z-index: -1;
}
.custom-checkbox {
display: inline-block;
width: 18rem;
height: 18rem;
border: 1rem solid var(--grey);
border-radius: 4rem;
vertical-align: sub;
margin-right: 8rem;
position: relative;
flex-shrink: 0;
}
.custom-checkbox::before {
content: "";
display: inline-block;
width: 14rem;
height: 14rem;
background-image: url(//q2.team/wp-content/themes/Agency/assets/img/checkbox.svg);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale(0);
transition: 0.2s ease-in;
}
.form-group label {
display: flex;
}
.real-checkbox:checked + .custom-checkbox::before {
transform: translate(-50%, -50%) scale(1);
}
.clients {
margin-bottom: 120rem;
}
.clients .clients__content {
display: flex;
gap: 99rem;
}
.clients .clients__content .clients__left .clients__title {
font-weight: 700;
font-size: 64rem;
margin-bottom: 35rem;
}
.clients .clients__content .clients__left .clients__paragraph {
font-weight: 600;
font-size: 32rem;
max-width: 426rem;
margin-bottom: 35rem;
}
.clients .clients__content .clients__left .ord-btn {
box-shadow: 0 4rem 30rem 0 rgba(234, 7, 7, 0.65);
background: var(--red);
padding: 10rem 18rem;
}
.clients .clients__content .clients__left .ord-btn:hover {
background-color: #C11212;
}
.clients .clients__content .clients__right img {
width: 610rem;
height: 543rem;
}
@media (max-width: 500px) {
.clients {
margin-top: 86rem;
margin-bottom: 70rem;
}
.clients .clients__content {
flex-direction: column;
gap: 26rem;
}
.clients .clients__content .clients__left .clients__title {
font-size: 28rem;
margin-bottom: 16rem;
}
.clients .clients__content .clients__left .clients__paragraph {
font-size: 18rem;
max-width: 264rem;
margin-bottom: 0;
}
.clients .clients__content .clients__left .ord-btn {
display: none;
}
.clients .clients__content .clients__right img {
width: 343rem;
height: 306rem;
}
}
.footer {
padding-bottom: 20rem;
position: relative;
}
.footer::before {
content: '';
display: block;
width: 100%;
height: 100%;
background-size: contain;
position: absolute;
transform: rotate(0deg);
background-repeat: no-repeat;
background-position: center;
background-image: url(//q2.team/wp-content/themes/Agency/assets/img/footer-light.png);
z-index: -1;
}
.footer .footer__title {
font-weight: 700;
font-size: 70rem;
text-align: center;
margin-bottom: 35rem;
}
.footer .footer__title span {
color: var(--white);
}
.footer .footer__offer {
color: var(--grey);
font-weight: 600;
font-size: 32rem;
display: block;
text-align: center;
width: 100%;
margin-bottom: 50rem;
}
.footer .footer__bottom {
margin-top: 200rem;
display: flex;
flex-direction: column;
align-items: center;
gap: 12rem;
}
.footer .footer__bottom .footer__copyright {
font-size: 20rem;
}
.footer .footer__bottom a {
color: var(--grey);
}
@media (max-width: 500px) {
.footer::before {
display: none;
}
.footer {
padding-bottom: 40rem;
}
.footer .footer__title {
margin: 0 auto;
font-size: 28rem;
max-width: 250rem;
margin-bottom: 26rem;
}
.footer .footer__offer {
display: none;
}
.footer .footer__bottom {
gap: 10rem;
margin-top: 70rem;
}
.footer .footer__bottom .footer__copyright {
font-size: 18rem;
}
.footer .footer__bottom .footer__policy {
font-size: 15rem;
}
}
.footer__form {
display: flex;
align-items: center;
width: 757rem;
margin: 0 auto;
border: 1rem solid var(--white);
border-radius: 100rem;
padding: 0rem 14rem 0rem 0;
}
.footer__form input {
color: var(--white);
padding: 24rem 0;
font-weight: 700;
}
.footer__form input::placeholder {
color: var(--white);
}
.footer__form #nameInput {
border-right: 1rem solid var(--white);
padding-left: 27rem;
padding-right: 14rem;
}
.footer__form #phoneInput {
padding-left: 50rem;
padding-right: 14rem;
flex-grow: 1;
width: 250rem;
}
.footer__form .ord-btn {
margin-left: auto;
box-shadow: 0 4rem 30rem 0 rgba(234, 7, 7, 0.65);
background-color: var(--red);
padding: 10rem 18rem;
font-weight: 500;
}
.footer__form .ord-btn:hover {
background-color: #C11212;
}
.footer__accept {
margin-top: 10rem;
font-size: 11rem;
display: block;
text-align: center;
}
.footer__accept a {
color: var(--grey);
}
@media (max-width: 500px) {
.footer__form {
flex-direction: column;
gap: 16rem;
width: auto;
border: none;
}
.footer__form input {
font-size: 15rem;
width: 100%;
border: 1rem solid var(--white);
border-radius: 100rem;
font-weight: 500;
}
.footer__form #nameInput {
padding: 9rem 26rem;
}
.footer__form #phoneInput {
padding: 9rem 26rem;
}
.footer__form .ord-btn {
width: 100%;
}
.footer__accept {
margin-top: 16rem;
font-size: 10rem;
}
}
.header a {
color: var(--white);
}
.header .header__row {
padding: 19rem 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.header .header__row .header__logo {
width: 160rem;
height: 44rem;
position: relative;
z-index: 9999;
}
.header .header__row .header__logo img {
width: 100%;
height: 100%;
}
.header__logo a {
position: absolute;
top: 0;
width: 100%;
height: 100%;
transition: .2s ease-in;
}
.menu-logo-hidden {
opacity: 0;
}
.header .header__row .header__nav {
display: flex;
border: 1rem solid var(--blue);
border-radius: 50rem;
}
.header .header__row .header__nav ul {
display: flex;
gap: 24rem;
}
.header .header__row .header__nav li, .header .header__row .header__nav span {
font-size: 16rem;
}
.header .header__row .header__nav .header__nav-list {
display: flex;
align-items: center;
padding: 10rem 20rem;
}
.header .header__row .header__nav .header__nav-list li {
transition: .2s ease-in;
}
.header .header__row .header__nav .header__nav-list li:hover {
opacity: 0.6;
}
.header .header__row .header__nav .header__nav-pages {
border-radius: 50rem;
display: flex;
align-items: center;
padding: 10rem 20rem;
background: linear-gradient(90deg, var(--blue) 31.66%, #0239a3 41.12%);
}
.header .header__row .header__nav .header__nav-pages li {
transition: .2s ease-in;
}
.header .header__row .header__nav .header__nav-pages li:hover {
opacity: 0.6;
}
.header .header__row .header__btns {
display: flex;
align-items: center;
gap: 30rem;
}
.header .header__row .header__btns .telegram-icon img {
width: 24rem;
height: 20rem;
}
.header .header__row .header__btns .ord-btn {
box-shadow: 0 4rem 30rem 0 rgba(2, 83, 240, 0.65);
padding: 7rem 11rem;
display: flex;
font-size: 16rem;
line-height: 29rem;
}
.header .header__row .header__btns .ord-btn img {
min-width: 28rem;
width: 28rem;
height: 28rem;
margin-right: 10rem;
}
.header .header__row .header__btns .ord-btn:hover {
opacity: 0.7;
}
.header .header__row .header__btns .sandwich {
display: none;
}
.keisfl {
display: flex;
align-items: center;
gap: 11px;
}
.keisnum {
color: var(--red);
font-size: 11rem;
line-height: 16rem;
width: 27rem;
height: 22rem;
border-radius: 5rem;
padding: 3rem;
text-align: center;
position: relative;
background: #fff;
}
.keisnum:after {
content: '';
position: absolute;
left: -5rem;
bottom: calc(50% - 5rem);
width: 0;
height: 0;
border-top: 5rem solid transparent;
border-bottom: 5rem solid transparent;
border-right: 6rem solid #ffffff;
}
@media (max-width: 500px) {
.header .header__row .header__logo {
width: 108rem;
height: 30rem;
}
.header .header__row .header__nav {
display: none;
}
.header .header__row .header__btns .ord-btn, .header .header__row .header__btns .telegram-icon {
display: none;
}
.header .header__row .header__btns .round-btn {
width: 30rem;
height: 30rem;
font-size: 12rem;
}
.header .header__row .header__btns .sandwich {
display: block;
width: 22rem;
height: 16rem;
}
}
.popup {
z-index: 999;
opacity: 0;
pointer-events: none;
background-color: rgba(0, 0, 0, 0.5019607843);
width: 100%;
height: 100%;
transition: all 0.4s ease-in-out;
position: fixed;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
}
.popup__content {
width: 373rem;
background-color: var(--white);
position: relative;
max-height: 90vh;
overflow: visible;
margin: 0 auto;
padding: 30rem;
border-radius: 20rem;
}
.popup__content .popup__head {
color: var(--blue);
font-weight: 700;
font-size: 31rem;
text-align: center;
margin-bottom: 30rem;
}
.popup__content .popupForm {
display: flex;
flex-direction: column;
gap: 22rem;
}
.popup__content .popupForm input {
height: 42rem;
border: 1rem solid var(--grey);
border-radius: 89rem;
padding: 8rem 30rem;
color: var(--dark);
font-weight: 600;
}
.popup__content .popupForm #popupPhoneInput {
padding-left: 50rem;
}
.popup__content .popupForm input::placeholder {
color: var(--grey);
font-weight: 600;
}
.popup__content .popupForm .form-info {
height: 43rem;
border: 1rem solid var(--grey);
border-radius: 89rem;
padding: 4rem 20rem 4rem 30rem;
display: flex;
gap: 8rem;
align-items: center;
}
.popup__content .popupForm .form-info span {
font-weight: 600;
color: var(--dark);
margin-right: auto;
}
.popup__content .popupForm .form-info .custom-checkbox::before {
display: none;
}
.popup__content .popupForm .form-info .round-btn {
width: 34rem;
height: 34rem;
background-color: var(--grey);
transition: 0.2s ease-in;
}
.popup__content .popupForm .form-info .round-btn:nth-of-type(1) img {
width: 21rem;
height: 18rem;
transform: translateX(-1rem);
}
.popup__content .popupForm .form-info .round-btn:nth-of-type(2) img {
width: 19.43rem;
height: 20.43rem;
transform: translate(0.5rem, -0.5rem);
}
.popup__content .popupForm .form-info .round-btn:hover {
background-color: var(--blue);
}
.popup__content .popupForm .form-info .round-btn.active {
background-color: var(--blue);
}
.popup__content .popupForm .ord-btn {
padding: 10rem 0;
width: 100%;
box-shadow: 0 4rem 30rem 0 rgba(234, 7, 7, 0.3);
background: var(--red);
}
.popup__content .popupForm .ord-btn:hover {
background-color: #C11212;
}
.popup__close {
cursor: pointer;
position: absolute;
width: 35rem;
height: 35rem;
top: 0;
right: -60rem;
z-index: 9;
transition: 0.2s ease-in;
}
.popup__close img {
width: 100%;
height: 100%;
}
.popup__close:hover {
opacity: 0.6;
}
@media (max-width: 500px) {
.popup__close {
width: 20rem;
height: 20rem;
top: 15rem;
right: 15rem;
}
.popup__content {
width: auto;
}
.popup__content .popup__head {
font-size: 28rem;
}
}
.promises {
position: relative;
}
.promises .promises__title {
font-size: 64rem;
text-align: center;
margin-bottom: 144rem;
}
.promises .promises__form-title {
font-size: 66rem;
text-align: center;
}
.promises .promises__form-subtitle {
font-weight: 600;
font-size: 32rem;
color: var(--grey);
text-align: center;
margin-bottom: 55rem;
}
.promises .promises__content {
position: relative;
margin: 0 47rem;
z-index: 9999;
height: 425rem;
border-radius: 30rem;
border: 1rem solid var(--white);
padding: 20rem 30rem;
background-color: var(--dark);
}
.promises__content-desktop .promises__hashtags {
display: flex;
gap: 10rem;
align-items: center;
margin-bottom: 20rem;
}
.promises__content-desktop .promises-swiper-desktop .swiper-slide {
display: flex;
justify-content: space-between;
gap: 78rem;
}
.promises__content-desktop .promises-swiper-target, #promises__buttons-target {
display: none;
}
.promises__content-desktop .promises-swiper-seo, #promises__buttons-seo {
display: none;
}
.promises__content-desktop .promises-swiper-desktop .promises__left {
width: 100%;
}
.promises__content-desktop .promises-swiper-desktop .promises__img {
width: 535rem;
height: 365rem;
}
.promises__content-desktop .promises-swiper-desktop .promises__img img {
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 28rem;
}
.promises__content-desktop .promises__hashtags div {
border: 1rem solid var(--white);
border-radius: 50rem;
padding: 7rem 16rem;
position: relative;
}
.promises__content-desktop .promises__hashtags div:hover {
box-shadow: 3px 3px 4px 1px rgba(255,255,255,0.3);
}
.promises__content-desktop .promises__hashtags div a {
color: var(--white);
}
.promises__content-desktop .promises__hashtags div a:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.promises__content-desktop .promises__info-list {
display: flex;
flex-direction: column;
gap: 12rem;
}
.promises__content-desktop .promises__info-list li {
display: flex;
align-items: baseline;
justify-content: space-between;
line-height: 200%;
}
.promises__content-desktop .promises__info-list li h4 {
font-weight: 600;
line-height: 200%;
color: var(--grey);
}
.promises__content-desktop .promises__info-list li span {
flex-grow: 1;
border: 1rem solid var(--grey);
margin: 0 5rem;
}
.promises__content-mobile {
display: none;
}
.promises .promises__buttons {
margin-bottom: 50rem;
margin-top: 31rem;
display: flex;
justify-content: center;
gap: 20rem;
}
.promises .promises__buttons button {
background-color: var(--white);
}
.promises .promises__buttons button img {
width: 28rem;
height: 18rem;
}
.promises__wrapper {
position: relative;
}
.promises__tabs li button {
position: absolute;
z-index: 999;
color: var(--dark);
display: flex;
align-items: center;
gap: 8rem;
font-size: 20rem;
transform: translate(22rem, 10rem);
}
.promises__tabs li button img {
width: 18rem;
height: 18rem;
}
.promises__tabs li {
pointer-events: none;
}
.promises__tabs li button {
pointer-events: all;
}
.promises__tabs li:nth-child(1) {
z-index: 999;
top: -54rem;
left: 48rem;
width: 1105rem;
height: 465rem;
}
.promises__tabs li:nth-child(2) {
z-index: 998;
width: 970rem;
top: -72rem;
height: 460rem;
left: 182rem;
}
.promises__tabs li:nth-child(2) button {
transform: translate(60rem, 10rem);
color: var(--white);
}
.promises__tabs li:nth-child(3) {
z-index: 997;
width: 831rem;
height: 460rem;
top: -89rem;
left: 321rem;
}
.promises__tabs li:nth-child(3) button {
transform: translate(50rem, 10rem);
color: var(--white);
}
.promises__tabs li button {
width: 100rem;
height: 40rem;
z-index: 99999;
}
.promises__tabs li button.active img {
transition: .1s ease-in;
opacity: 0;
}
.promises-desktop-swiper .swiper-slide {
display: flex;
}
@media (max-width: 500px) {
.promises__content-mobile {
display: block;
margin-bottom: 70rem;
} 
.promises .promises__title {
font-size: 28rem;
margin-bottom: 26rem;
}
.promises .promises__content {
gap: 30rem;
margin: 0 auto;
padding: 16rem;
flex-direction: column;
display: none;
}
.promises .promises__content .promises__descr {
width: 100%;
}
.promises .promises__content .promises__descr .promises__info h4, .promises .promises__content .promises__descr .promises__info p {
font-size: 15rem;
}
.promises .promises__content .promises__descr .promises__hastags {
font-size: 14rem;
}
.promises .promises__content .promises__img {
width: 309rem;
height: 212rem;
}
.promises .promises__content .promises__img .promises-swiper {
width: 309rem;
height: 212rem;
}
.promises .promises__content .promises__img .promises-swiper .swiper-slide {
width: 100%;
height: 100%;
}
.promises .promises__content .promises__img img {
border-radius: 28rem;
width: 100%;
height: 100%;
object-fit: cover;
}
.promises .promises__buttons {
display: none !important;
}
.promises .promises__buttons button img {
width: 23rem;
height: 14rem;
}
.promises .promises__form-title {
font-size: 28rem;
margin-bottom: 26rem;
}
.promises .promises__form-subtitle {
display: none;
}
.promises__tabs {
display: none;
}
.promises__hashtags-mobile {
display: flex;
gap: 16rem;
font-size: 14rem; 
margin-bottom: 20rem;
}
.promises__hashtags-mobile li {
border: 1rem solid var(--white);
padding: 7rem 15rem;
border-radius: 50rem;
color: var(--white);
}
.promises__list-mobile {
display: flex;
flex-direction: column;
gap: 16rem;
}
.promises__list-mobile li {
display: flex;
align-items: baseline;
}
.promises__list-mobile li h4 {
font-weight: 600;
font-size: 15rem;
color: var(--grey);
}
.promises__list-mobile li p {
font-size: 15rem;
color: var(--white);
}
.promises__list-mobile li span {
flex-grow: 1;
margin: 0 5rem;
border-bottom: 1rem solid var(--grey);
display: block;
}
.promises__img-mobile {
width: 309rem;
height: 212rem;
margin-top: 30rem;
}
.promises__img-mobile img {
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 22rem;
}
.promises__arrows-mobile {
display: flex;
align-items: center;
justify-content: center;
gap: 24rem;
margin-top: 20rem;
}
.promises__arrows-mobile button {
background-color: var(--white);
}
.promises__arrows-mobile button img {
width: 23rem;
height: 14rem;
}
}
.reason {
height: 1125rem;
position: relative;
}
.reason .container-sm {
margin-left: 166rem;
}
.reason .reason__bg {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
z-index: -1;
}
.reason .reason__bg img {
width: 100%;
height: 100%;
}
.reason .reason__content {
display: flex;
justify-content: space-between;
}
.reason .reason__content-left .reason__title {
font-size: 56rem;
line-height: 121%;
max-width: 460rem;
padding-top: 207rem;
margin-bottom: 50rem;
}
.reason .reason__content-left .reason__paragraph {
font-weight: 600;
font-size: 20rem;
margin-bottom: 35rem;
}
.reason .reason__content-left .ord-btn {
background-color: var(--red);
box-shadow: 0 4rem 30rem 0 rgba(234, 7, 7, 0.65);
padding: 10rem 18rem;
margin-top: 35rem;
}
.reason .reason__content-left .ord-btn:hover {
background-color: #C11212;
}
.reason .reason__content-left .reason__paragraph, .reason .reason__content-left .reason__offer {
max-width: 332rem;
}
.reason .reason__content-right .reason__list1 {
margin-top: 274rem;
transform: translateY(-5rem);
color: var(--dark);
margin-bottom: 46rem;
}
.reason .reason__content-right ul {
text-align: end;
display: flex;
flex-direction: column;
gap: 9rem;
font-size: 14rem;
}
.reason .reason__item {
position: absolute;
display: flex;
flex-direction: column;
align-items: center;
gap: 12rem;
}
.reason .reason__item span {
text-align: center;
font-weight: 700;
font-size: 14rem;
}
.reason .reason__boat {
top: 295rem;
left: 638rem;
}
.reason .reason__boat img {
width: 84rem;
height: 97rem;
}
.reason .reason__boat span {
color: var(--dark);
}
.reason .reason__submarine {
top: 763rem;
left: 620rem;
}
.reason .reason__submarine img {
width: 149rem;
height: 82rem;
}
@media (max-width: 500px) {
.reason {
height: 818rem;
}
.reason .container-sm {
margin: 0;
}
.reason .reason__bg {
top: 300rem;
}
.reason .reason__content {
flex-direction: column;
}
.reason .reason__content .reason__content-left .reason__title {
font-size: 28rem;
padding-top: 0;
margin-bottom: 16rem;
}
.reason .reason__content .reason__content-left .reason__paragraph {
font-size: 18rem;
margin-bottom: 16rem;
}
.reason .reason__content .reason__content-left .reason__offer {
color: var(--grey);
font-size: 15rem;
}
.reason .reason__content .reason__content-left .ord-btn {
position: absolute;
bottom: 0;
right: 16rem;
font-size: 15rem;
}
.reason .reason__content .reason__content-right ul {
font-weight: 500;
font-size: 12rem;
gap: 7rem;
}
.reason .reason__content .reason__content-right .reason__list1 {
margin-top: 80rem;
margin-bottom: 35rem;
}
.reason .reason__content .reason__content-right .reason__list2 li:nth-child(7), .reason .reason__content .reason__content-right .reason__list2 li:nth-child(8), .reason .reason__content .reason__content-right .reason__list2 li:nth-child(10), .reason .reason__content .reason__content-right .reason__list2 li:nth-child(11), .reason .reason__content .reason__content-right .reason__list2 li:nth-child(13), .reason .reason__content .reason__content-right .reason__list2 li:nth-child(14) {
display: none;
}
.reason .reason__boat, .reason .reason__submarine {
align-items: start;
left: 16rem;
gap: 30rem;
}
.reason .reason__boat span, .reason .reason__submarine span {
text-align: start;
font-size: 12rem;
}
.reason .reason__boat {
top: 372rem;
}
.reason .reason__boat img {
width: 41rem;
height: 48rem;
}
.reason .reason__boat span {
max-width: 109rem;
}
.reason .reason__submarine {
top: 635rem;
}
.reason .reason__submarine img {
width: 53rem;
height: 29rem;
}
.reason .reason__submarine span {
max-width: 150rem;
}
}
.results {
position: relative;
margin-bottom: 120rem;
}
.results .results__content {
display: flex;
justify-content: space-between;
}
.results .results__content .results__title {
font-weight: 700;
font-size: 66rem;
margin-bottom: 50rem;
}
.results .results__content .sertificates .sertificates__list .swiper-wrapper {
display: flex;
gap: 30rem;
}
.results .results__content .sertificates .sertificates__list .sertificates__item.swiper-slide:nth-child(n+3) {
display: none;
}
.results .results__content .sertificates .sertificates__list .sertificates__item {
width: 219rem;
}
.results .results__content .sertificates .sertificates__list .sertificates__item .sertificates__item-img {
width: 219rem;
height: 310rem;
margin-bottom: 20rem;
}
.results .results__content .sertificates .sertificates__list .sertificates__item .sertificates__item-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.results .results__content .sertificates .sertificates__list .sertificates__item .sertificates__item-bottom {
display: flex;
justify-content: space-between;
}
.results .results__content .sertificates .sertificates__list .sertificates__item .sertificates__item-bottom p {
max-width: 160rem;
}
.results .results__content .smi .smi__list {
display: flex;
flex-direction: column;
gap: 30rem;
}
.results .results__content .smi .smi__list .smi__item {
display: flex;
align-items: center;
gap: 37rem;
padding-bottom: 30rem;
}
.results .results__content .smi .smi__list .smi__item:not(:nth-child(3)) {
border-bottom: 1rem solid var(--blue);
}
.results .results__content .smi .smi__list .smi__item .smi__item-text {
max-width: 445rem;
}
.results .results__content .smi .smi__list .smi__item .smi__item-text .smi__item-title {
font-weight: 700;
font-size: 20rem;
margin-bottom: 20rem;
}
.results .results__content .smi .smi__list .smi__item .smi__item-text .smi__item-content {
font-size: 16rem;
color: var(--grey);
}
.results .round-btn {
background-color: var(--white);
}
.results .round-btn img {
width: 28rem;
height: 14rem;
}
.results:before {
left: 690rem;
content: "";
width: 1rem;
height: 100%;
background-color: var(--blue);
position: absolute;
}
@media (max-width: 500px) {
.results {
margin-bottom: 70rem;
}
.results .results__content {
flex-direction: column;
justify-content: initial;
gap: 70rem;
}
.results .results__content .results__title {
font-size: 28rem;
text-align: center;
margin-bottom: 26rem;
}
.results .results__content .sertificates .sertificates__list .swiper-wrapper {
gap: 0;
}
.results .results__content .sertificates .sertificates__list .sertificates__item.swiper-slide:nth-child(n+3) {
display: block;
}
.results .results__content .sertificates .sertificates__list .sertificates__item {
width: 163rem !important;
}
.results .results__content .sertificates .sertificates__list .sertificates__item .sertificates__item-img {
width: 100%;
height: 232rem;
}
.results .results__content .sertificates .sertificates__list .sertificates__item .round-btn {
display: none;
}
.results .results__content .sertificates .sertificates__list .sertificates__item .sertificates__item-bottom {
font-size: 15rem;
color: var(--grey);
}
.results .results__content .smi .smi__list {
gap: 26rem;
}
.results .results__content .smi .smi__list .smi__item {
position: relative;
padding-bottom: 27rem;
}
.results .results__content .smi .smi__list .smi__item .smi__item-text .smi__item-title {
font-size: 18rem;
margin-bottom: 12rem;
max-width: 273rem;
}
.results .results__content .smi .smi__list .smi__item .smi__item-text .smi__item-content {
font-size: 15rem;
}
.results .results__content .smi .smi__list .smi__item .round-btn {
position: absolute;
top: 18rem;
right: 0;
}
}
.steps {
padding: 120rem 0;
}
.steps .steps__title {
font-size: 64rem;
}
.steps .steps__paragraph {
font-weight: 600;
font-size: 32rem;
}
.steps .steps__content {
display: flex;
}
.steps .steps__content .steps__left {
max-width: 543rem;
}
.steps .steps__content .steps__right .content__list {
position: relative;
flex-direction: column;
display: flex;
align-items: start;
gap: 25rem;
}
.steps .steps__content .steps__right .content__list .content__item {
display: flex;
align-items: center;
gap: 20rem;
}
.steps .steps__content .steps__right .content__list .content__item span {
flex-shrink: 0;
border: 1rem solid var(--blue);
border-radius: 100%;
width: 58rem;
height: 58rem;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 36rem;
color: var(--blue);
box-shadow: 0 0 20rem 0 rgba(2, 83, 240, 0.3);
background-color: var(--dark);
transition: .2s ease-in;
}
.steps .steps__content .steps__right .content__list .content__item span:hover {
box-shadow: 0 0 40rem 10rem rgba(2, 83, 240, 2.3);
}
.steps .steps__content .steps__right .content__list .content__item p {
font-size: 18rem;
}
.steps .steps__content .steps__right .content__list:before {
content: "";
position: absolute;
width: 1rem;
height: 100%;
background-color: var(--blue);
left: 28rem;
z-index: -1;
}
@media (max-width: 500px) {
.steps {
padding: 70rem 0;
}
.steps .container {
display: flex;
flex-direction: column;
}
.steps .steps__content {
display: contents;
flex-direction: column;
}
.steps .steps__content .steps__left {
order: 1;
text-align: center;
}
.steps .steps__content .steps__left .steps__title {
font-size: 28rem;
margin-bottom: 16rem;
}
.steps .steps__content .steps__left .steps__paragraph {
font-size: 18rem;
}
.steps .steps__content .steps__right {
order: 3;
}
.steps .steps__content .steps__right .content__list {
gap: 18rem;
}
.steps .steps__content .steps__right .content__list .content__item span {
width: 40rem;
height: 40rem;
font-size: 24rem;
}
.steps .steps__content .steps__right .content__list .content__item p {
font-size: 15rem;
color: var(--grey);
}
.steps .steps__content .steps__right .content__list:before {
left: 21rem;
top: 4rem;
height: 97%;
}
}
.tabs {
position: relative;
}
.tabs__list {
border: 1rem solid var(--blue);
margin: 80rem 0 0 auto;
list-style-type: none;
display: flex;
align-items: center;
justify-content: end;
width: fit-content;
border-radius: 50rem;
}
.tabs__list li:nth-child(1) .tabs__btn {
border-top-left-radius: 25rem;
border-bottom-left-radius: 25rem;
}
.tabs__list li:nth-child(3) .tabs__btn {
border-top-right-radius: 25rem;
border-bottom-right-radius: 25rem;
}
.tabs__btn {
padding: 15rem 62rem;
border: none;
background-color: transparent;
color: var(--white);
cursor: pointer;
font-weight: 600;
font-size: 16rem;
line-height: 16rem;
text-align: center;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.tabs__btn:hover {
background-color: var(--blue);
color: var(--white);
}
.tabs__btn--active {
background-color: var(--blue);
pointer-events: none;
}
.tabs__content {
display: none;
}
.tabs__content--active {
display: block;
}
.content {
padding: 40rem 60rem;
}
.content__link {
padding: 14rem;
width: 200rem;
height: 120rem;
display: inline-block;
border-radius: 4rem;
background-color: #ebecf3;
background-repeat: no-repeat;
background-position: right bottom;
}
.content__text {
font-family: "Roboto", sans-serif;
font-weight: 500;
font-size: 14rem;
line-height: 16rem;
color: #a2a6c0;
}
@media (max-width: 500px) {
.content {
padding: 0;
}
.tabs__list {
order: 2;
margin: 0;
width: 100%;
flex-direction: column;
border: none;
gap: 16rem;
margin: 30rem 0;
}
.tabs__list li {
width: 100%;
}
.tabs__list li:nth-child(1) .tabs__btn, .tabs__list li:nth-child(2) .tabs__btn, .tabs__list li:nth-child(3) .tabs__btn {
padding: 9rem 0;
font-size: 15rem;
width: 100%;
border-radius: 61rem;
border: 1rem solid var(--blue);
}
}
.team .team__title {
font-weight: 700;
font-size: 66rem;
margin-bottom: 35rem;
}
.team .team__list { }
@media (min-width: 501px) {
.team .team__list {
padding: 0 158rem 0 24rem;
position: relative;
}
.team .team__list:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 24rem;
height: 100%;
background-color: var(--dark);
z-index: 1;
}
}
.team .team__list .swiper-wrapper {
box-sizing: border-box;
}
.team .team__list .team__item .team__item-img {
width: 234rem;
height: 234rem;
margin-bottom: 20rem;
}
.team .team__list .team__item .team__item-img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 300rem;
}
.team .team__list .team__item .team__item-content .team__item-name {
font-weight: 600;
font-size: 20rem;
margin-bottom: 12rem;
}
.team .team__list .team__item .team__item-content .team__item-role {
color: var(--grey);
font-weight: 500;
font-size: 16rem;
}
.team .team__list .team__item .team__item-content .team__item-descr {
margin-top: 6rem;
color: var(--grey);
font-weight: 400;
font-size: 15rem;
}
.team .team__buttons { }
.team .team__buttons button {
background-color: var(--white);
position: absolute;
top: 94rem;
z-index: 3;
width: 48rem;
height: 48rem;
background: rgba(217, 217, 217, 0.1);
box-shadow: inset 0rem -4rem 7.8rem rgba(2, 83, 240, 0.54);
backdrop-filter: blur(7.5px);
}
#team-left {
left: 0;
}
#team-right {
right: 0;
}
.team .team__buttons button img {
width: 13rem;
}
@media (max-width: 500px) {
.team .team__title {
font-size: 28rem;
margin-bottom: 26rem;
} .team .team__list .team__item .team__item-img {
width: 143rem;
height: 143rem;
margin-bottom: 12rem;
}
.team .team__list .team__item .team__item-content .team__item-name {
font-size: 18rem;
margin-bottom: 6rem;
}
.team .team__list .team__item .team__item-content .team__item-descr {
display: none;
}
.team .team__buttons {
margin-bottom: 0;
}
.team .team__list .team__item .team__item-content .team__item-role {
font-size: 15rem;
display: block;
line-height: 1.2;
}
}
.cases__pagination {
color: var(--red);
margin-top: 43rem;
font-weight: 600;
font-size: 20rem;
text-align: center;
display: flex;
gap: 18rem;
align-items: baseline;
justify-content: center;
}
.cases__pagination .prev, .cases__pagination .next {
display: inline-block;
width: 9rem;
height: 100%;
transform: translateY(-1.5rem);
}
.cases__pagination .prev, .cases__pagination .prev {
height: 100%;
}
.cases__pagination a {
color: var(--white);
}
.cases__pagination a {
color: var(--white);
}
.menu {
display: none;
width: 321rem;
height: 100%;
position: absolute;
background-color: var(--white);
z-index: 999;
top: 0;
bottom: 0;
transform: translateX(-100%);
transition: 0.3s ease-in;
}
.menu__content {
padding: 86rem 16rem 0;
}
.menu-opened {
transform: translateX(0);
}
.menu-logo {
display: none;
}
.menu__nav-list {
display: flex;
flex-direction: column;
gap: 25rem;
border-top: 1rem solid var(--grey);
border-bottom: 1rem solid var(--grey);
padding: 40rem 0
}
.menu__nav-list .menu__nav-item a {
color: var(--dark);
font-weight: 600;
font-size: 18rem;
}
.menu__content-footer {
margin-top: 40rem;
display: flex;
gap: 20rem;
align-items: center;
}
.menu__content-footer .ord-btn {
background-color: var(--blue);
box-shadow: 0 4rem 30rem 0 rgba(2, 83, 240, 0.45);
padding: 8rem 22rem;
}
@media (max-width: 500px) {
.cases__pagination {
display: none;
}
.menu {
display: block;
transition: 0.5s ease-in;
}
.menu-logo {
display: block;
position: absolute;
top: 34rem;
width: 105rem;
height: 22rem;
margin-left: 144rem;
}
.menu-logo img {
width: 100%;
height: 100%;
}
.menu {
transform: translateX(-100%);
}
.menu-opened {
transform: translateX(0);
}
}
.custom-shape {
pointer-events: none;
width: 100%;
height: 100%;
}
.bg-svg {
pointer-events: none;
} .promises__tabs li {
position: absolute;
}
svg { width: 100%;
height: 100%;
}
.promises__content-mobile .accordion-item .accordion-header button {
background-color: var(--dark);
width: 100%;
border: 1rem solid var(--blue);
border-radius: 50rem;
}
.promises__content-mobile .accordion-item:first-of-type > .accordion-header .accordion-button {
border-top-left-radius: 50rem;
border-top-right-radius: 50rem;
}
.promises__content-mobile .accordion-item {
background-color: transparent;
}
.promises__content-mobile .accordion {
gap: 16rem;
}
.promises__content-mobile .accordion-header button {
padding-top: 9rem;
padding-bottom: 9rem;
font-size: 15rem;
}
.promises__content-mobile .accordion-item:last-of-type>.accordion-header .accordion-button {
border-bottom-left-radius: 50rem;
border-bottom-right-radius: 50rem;
}
.promises__content-mobile .accordion-body {
margin-top: 21rem;
background-color: var(--dark);
border: 1rem solid var(--white);
border-radius: 30rem;
padding: 16rem;
font-size: 15rem;
}
.promises__content-mobile .accordion-item .accordion-header button:not(.collapsed) {
background-color: var(--blue);
}
.burger-container {
position: relative;
width: 40rem;
height: 40rem;
}
#burger-toggle {
display: none;
}
.burger {
display: flex;
flex-direction: column;
justify-content: center;
gap: 4rem;
width: 22rem;
height: 16rem;
cursor: pointer;
position: relative;
z-index: 1001;
}
.burger span {
display: block;
height: 2rem;
width: 100%;
background: #fff;
border-radius: 2rem;
transition: 0.3s ease;
transform-origin: center;
} #burger-toggle:checked + .burger span:nth-child(1) {
transform: rotate(45deg) translateY(8rem) translateX(1rem);
width: 25rem;
}
#burger-toggle:checked + .burger span:nth-child(2) {
opacity: 0;
}
#burger-toggle:checked + .burger span:nth-child(3) {
transform: rotate(-45deg) translateY(-8rem);
width: 25rem;
}
.popupForm .custom-checkbox {
display: inline-block;
width: 34rem;
border-radius: 50rem;
height: 34rem;
background-color: var(--grey);
position: relative;
transition: .2s ease-in;
}
.popupForm .custom-checkbox {
display: flex;
align-items: center;
justify-content: center;
}
.popupForm .custom-checkbox img {
width: 20rem;
height: 20rem;
}
.telegram-checkbox:checked + .custom-checkbox {
background-color: var(--blue);
}
.whatsapp-checkbox:checked + .custom-checkbox {
background-color: #25D366;
}
.popup-custom-checkbox {
border: none;
}
.promises-swiper-mobile {
max-width: 309rem!important;
}
.promises-swiper-mobile .swiper-slide {
width: 309rem!important;
display: flex;
flex-direction: column;
}
.send__bg {
position: absolute;  left: 0;
right: 0;
z-index: -1;
height: 100%;
}
.send__bg img {
width: 100%;
height: 100%;
}
.send__content {
position: absolute;
width: 100%;
height: 100%;
}
.send__content .container {
text-align: center;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.send__content .container h2 {
font-weight: 700;
font-size: 48rem;
margin-bottom: 40rem;
}
.send__content .container p {
max-width: 547rem;
font-weight: 600;
font-size: 22rem;
text-align: center;
margin-bottom: 40rem;
}
.send__content .container button {
box-shadow: 0 4rem 30rem 0 rgba(234, 7, 7, 0.65);
background: var(--red);
border-radius: 89rem;
padding: 8rem 18rem;
}
.blog__category-btn {
color: var(--white);
padding: 8rem 18rem;
display: inline-block;
}
button {
transition: .2s ease-in;
}
#reset-blog-filters {
border: none;
background: var(--red);
}
#reset-cases-filters {
border: none;
background: var(--red);
padding: 8rem 18rem;
margin-bottom: 13rem;
}
#reset-cases-filters:hover, #reset-blog-filters:hover {
background-color: #C11212;
}
#telegram-button:hover {
background-color: #0E85C0;
}
.round-btn:hover {
opacity: 0.6;
}
.author .author__content .author__head {
margin-top: 109rem;
padding: 30rem;
background-color: var(--blue-bg-light);
border-radius: 30rem;
}
.author .author__content .author__name {
font-weight: 600;
font-size: 38rem;
line-height: 84%;
margin-bottom: 20rem;
}
.author .author__content .author__description {
color: var(--grey);
}
.author .author__content .author__main {
display: flex;
gap: 30rem;
margin: 47rem 0;
}
.author .author__content .author__main .author__articles {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 34rem;
}
.author .author__tg {
padding: 20rem;
height: fit-content;
border-radius: 20rem;
border: 1rem solid var(--white);
background-color: var(--blue-bg-light);
}
.author .author__tg p {
font-size: 18rem;
margin-bottom: 12rem;
}
.author .author__tg-span {
color: var(--grey);
font-size: 13rem;
}
.author .author__tg .ord-btn {
margin-top: 20rem;
display: flex;
gap: 8rem;
align-items: center;
background-color: var(--light-blue);
box-shadow: 0 4rem 30rem 0 rgba(37, 163, 225, 0.3);
color: var(--white);
padding: 9rem 14rem;
font-weight: 500;
font-size: 14rem;
}
.author .author__tg .ord-btn img {
width: 16rem;
height: 14rem;   
}
@media (max-width: 500px) {
.author .author__content .author__main .author__articles {
grid-template-columns: none;
}
.author .author__content .author__name {
font-size: 24rem;
margin-bottom: 12rem;    
}
.author .author__content .author__description {
font-size: 15rem;
}
.author .author__content .author__main {
margin: 20rem 0;
}
.author .author__content .author__main .author__articles {
gap: 20rem;
}
.author .author__content .author__head {
margin-top: 30rem;
}
} .foot_new {
background: #0D192F;
padding-top: 180rem;
color: #fff;
font-size: 24rem;
line-height: 1.25;
font-weight: 300;
}
.foot_new svg {
width: 24rem;
}
.foot_new_flex {
display: flex;
gap: 80px;
}
.col4 {
width: 25%;
}
.foot_title {
font-weight: 600;
font-size: 36rem;
line-height: 1.36;
}
.col4 .foot_title {
border-bottom: 1px solid #ACACBD;
padding-bottom: 16rem;
margin-bottom: 45rem;
}
.footer_menu {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.footer_menu .menu-item-has-children {
position: relative;
}
.footer_menu .menu-item-has-children:after {
content: "";
position: absolute;
width: 40px;
height: 100%;
right: 0;
top: 0;
z-index: 3;
}
.footer_menu .menu-item-has-children a {
display: flex;
align-items: center;
}
.footer_menu .menu-item-has-children a:after {
content: "";
width: 12px;
height: 14px;
margin: 0 8rem;
background: url(//q2.team/wp-content/themes/Agency/assets/img/menu_arr.png) no-repeat center center;
}
@media (min-width: 501px) {
.footer_menu .sub-menu {
opacity: 0;
position: absolute;
left: 100%;
top: -20rem;
white-space: nowrap;
pointer-events: none;
z-index: 2;
transition: .2s ease-in;
}
.footer_menu .sub-menu .sub-menu {
padding-left: 10px;
}
}
.footer_menu .menu-item-has-children:hover > .sub-menu, .footer_menu .menu-item-has-children .sub-menu:hover {
opacity: 1;
transition: .2s ease-in;
pointer-events: inherit;
}
.footer_menu .sub-menu li + li {
margin-top: 7rem;
}
.footer_menu .sub-menu a {
font-size: 18rem;
line-height: 1.28;
color: #0D192F;
background: #FFFFFF;
border-radius: 5px;
padding: 4px 10px;
display: inline-block;
}
.footer_menu a {
color: #fff;
}
.col8 {
width: 50%;
}
.foot_soc {
width: 325rem;
margin: 0 auto;
position: relative;
z-index: 1;
}
.foot_soc .foot_title {
position: relative;
}
.foot_soc .foot_title:before {
content: "";
position: absolute;
top: 65%;
left: 33%;
width: 762rem;
height: 476rem;
background: url(//q2.team/wp-content/themes/Agency/assets/img/new_foot_ellipse.png) no-repeat center center  / contain;
transform: translate(-50%, -50%);
z-index: -2;
}
.foot_soc .foot_title:after {
content: "";
position: absolute;
top: 67rem;
right: 0;
width: 74rem;
height: 77rem;
background: url(//q2.team/wp-content/themes/Agency/assets/img/foot_arr.png) no-repeat center center  / contain;
z-index: -1;
}
.f_cont_lin {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.f_cont_lin > div + div {
margin-top: 20rem;
}
.f_cont_lin > div {
border: 1px solid #ACACBD;
border-radius: 9px;
padding: 11rem 19rem;
display: flex;
align-items: center;
position: relative;
gap: 15rem;
}
.f_cont_lin a {
color: #fff;
}
.f_cont_lin a:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.f_cont_lin > div:hover {
background: #fff;
color: #0D192F;
}
.f_cont_lin a:hover {
color: #0D192F;
}
.foot_new_bottom {
padding: 38rem 0;
background: #fff;
margin-top: 110rem;
color: #0D192F;
font-size: 18rem;
line-height: 1.39;
}
.fbt_flex {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.foot_new_copy {
display: flex;
gap: 30px;
}
.foot_new_copy a {
color: #0D192F;
}
.foot_new_soc {
display: flex;
align-items: center;
margin-top: 30rem;
margin-bottom: 60rem;
gap: 17px;
}
.tp-widget-wrapper .button {
padding: 7px 17px;
display: flex;
border: 1px solid #0D192F;
align-items: flex-end;
gap: 9px;
}
.foot_new_soc a {
color: #fff;
border-radius: 9px;
}
.foot_new_soc a:hover {
color: var(--blue);
}
.trustpilot-widget {
width: 258rem;
height: 40rem;
}
.contact {
margin-bottom: 80rem;
}
.contact h1 {
font-weight: 700;
color: var(--red);
font-family: var(--second-font);
font-size: 66rem;
margin-bottom: 35rem;
}
.contact_left strong {
display: block;
margin-bottom: 20rem;
}
.contact_left .f_cont_lin {
margin-top: 50rem;
}
.contact_left .foot_new_soc {
margin: 74rem 0 0;
}
.contact_left .f_cont_lin > div {
border: none;
padding: 0;
}
.lang-item {
list-style: none;
transition: .2s ease-in;
border-radius: 50rem;
}
.lang-item a {
width: 42rem;
height: 42rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50rem;
background-color: var(--white);
color: var(--dark);
text-transform: uppercase;
}
@media (min-width: 501px) {
.contact_flex {
display: flex;
}
.contact_left {
width: 35%;
padding: 50rem 30rem 50rem 0;
padding-left: calc(50% - 600rem);
background: #fff;
color: #0D192F;
font-size: 24rem;
line-height: 1.25;
}
.contact_left .f_cont_lin > div {
color: #0D192F;
}
.contact_left .f_cont_lin a {
color: #0D192F	;
}
.contact_left .f_cont_lin > div svg {
width: 21rem;
}
.contact_left .foot_new_soc a {
color: #0D192F;
}
.contact_left .foot_new_soc a:hover {
color: var(--blue);
}
.contact_map {
width: 65%;
}
.contact_map iframe {
height: 100%;
}
}
@media (max-width: 1599px) {
.foot_new_copy {
gap: 20px;
}
.foot_new_soc {
gap: 10px;
}
.foot_new_soc a svg {
width: 36rem;
}
.foot_new_soc a.trustpilot svg {
width: 84rem;
}
}
@media (max-width: 1199px) {
.foot_new_bottom {
font-size: 15rem;
line-height: 1.3;
margin-top: 60rem;
}
.foot_new_flex {
gap: 40px;
}
.footer_menu {
gap: 10px;
}
.trustpilot-widget {
height: 64rem;
}
}
@media (max-width: 500px) {
.foot_new {
padding-top: 30rem;
font-size: 17rem;
}
.foot_new_flex {
flex-wrap: wrap;
gap: 60px;
}
.foot_title {
font-size: 21rem;
}
.col4 .foot_title {
padding-bottom: 9rem;
margin-bottom: 26rem;
}
.col4 {
width: calc(50% - 30px);
}
.col8 {
width: 100%;
}
.foot_soc .foot_title {
font-size: 0;
}
.foot_soc .foot_title:before {
top: 100%;
left: 43%;
width: 200%;
height: 60vw;	
transform: translate(-50%, -20%);
}
.foot_soc .foot_title:after {
content: none;
}
.foot_new_soc {
justify-content: center;
margin-top: 23rem;
margin-bottom: 39rem;
gap: 12px;
}
.foot_new_soc a svg {
width: 33rem;
}
.f_cont_lin {
align-items: center;
}
.foot_new svg {
width: 16rem;
}
.f_cont_lin > div {
padding: 6rem 13rem;
gap: 11rem;
}
.f_cont_lin > div + div {
margin-top: 14rem;
}
.foot_new_bottom {
font-size: 13rem;
margin-top: 41rem;
}
.fbt_flex {
flex-direction: column;
gap: 17rem;
}
.foot_new_bottom {
padding: 38rem 0 15rem;
}
.foot_new_copy {
gap: 10px;
flex-direction: column;
align-items: center;
order: 1;
}
.foot_new_copy span {
order: 1;
}
.trustpilot-widget {
width: auto;
height: auto;
}
.contact h1 {
font-size: 47rem;
margin-bottom: 40rem;
margin-top: 25rem;
text-align: center;
}
.contact_left {
padding: 0 71rem;
}
.contact_left strong {
margin-bottom: 10rem;
}
.contact_left .f_cont_lin {
align-items: flex-start;
margin-top: 43rem;
}
.contact_left .f_cont_lin > div svg {
width: 16rem;
}
.contact_left .foot_new_soc {
margin: 40rem 0 66px;
justify-content: flex-start;
}
.contact_map iframe {
height: 364rem;
}
.footer_menu .sub-menu {
max-height: 0;
margin-top: 0;
overflow: hidden;
transition: .2s ease-in;
}
.footer_menu .menu-item-has-children a:after {
transform: rotate(90deg);
background-size: contain;
margin: 0 0 0 8rem;
width: 11px;
height: 11px;
}
.footer_menu .menu-item-has-children.active .sub-menu {
margin-top: 18rem;
max-height: 430rem;
}
.footer_menu .sub-menu a {
font-size: 15rem;
}
}
.page_def h3 {
margin: 30rem 0 20rem;
font-size: 21rem;
}
.page_def p {
margin: 0 0 20rem;
}
.page_def p:last-child {
margin: 0;
}
.sect_promo .container {
max-width: 1246rem;
}
.sect_promo h2 {
color: #fff;
}
.row_flex {
display: flex;
flex-wrap: wrap;
margin: 0 -10rem;
}
.row_flex > div {
padding-left: 10rem;
padding-right: 10rem;
}
.col8 {
width: 66.66666667%;
}
.col4 {
width: 33.33333333%;
}
.grey {
color: #6B7780;
}
.blue {
color: var(--blue);
}
.font60 {
font-size: 60rem;
line-height: 1.05;
font-family: var(--second-font);
}
.font32 {
font-size: 32rem;
line-height: 1;
font-family: var(--second-font);
}
.sect_promo h2 {
font-size: 80rem;
line-height: 1.05;
text-transform: uppercase;
font-weight: 800;
}
.sect_promo .breadcrumbs {
margin: 0 0 49rem;
}
.promo_shap {
padding: 40rem 20rem 280rem;
margin-bottom: -80rem;
text-align: center;
border-radius: 80rem 80rem 0 0;
position: relative;
background: var(--dark);
z-index: 1;
overflow: hidden;
}
.promo_shap:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(2, 83, 240, 0.3);
z-index: -2;
}
.promo_shap:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: url(//q2.team/wp-content/uploads/2025/09/shap_fon.png) no-repeat top center / cover;
mix-blend-mode: hue;
z-index: -2;
}
.promo_shap > .container {
max-width: 900rem;
position: relative;
}
.promo_shap h1 {
font-size: 128rem;
line-height: 100rem;
font-family: var(--second-font);
font-weight: 800;
}
.krug {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.krug span {
position: relative;
display: block;
}
.krug span:after {
content: "";
position: absolute;
width: 121rem;
height: 121rem;
top: -44rem;
left: 80%;
background: url(//q2.team/wp-content/uploads/2025/09/krug.png) no-repeat center center / contain;
z-index: -1;
animation: spin 16s infinite linear;
}
@keyframes spin {
from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}
.krug img {
display: block;
width: 100%;
height: 100%;
} .shap_but {
position: relative;
margin-top: 82rem;
}
.shap_but .ord-btn {
background: #FFFFFF;
box-shadow: 0 4em 30em rgba(234, 7, 7, 0.3);
padding: 29.5rem 79rem;
font-size: 32rem;
line-height: 44rem;
color: var(--blue);
transition: all 0.3s ease;
}
.shap_but .ord-btn:hover {
background: #FFFFFF;
box-shadow: 0px 0px 30px var(--blue), inset 0px 0px 14.1px var(--blue);
color: var(--blue);
}
.seo_gift {
position: absolute;
bottom: 8rem;
left: 27rem;
display: flex;
flex-direction: column;
align-items: center;
width: 182rem;
font-size: 32rem;
line-height: 1.1;
gap: 25rem;
}
.seo_gift img {
transform: scale(1);
transition: all 0.3s ease;
}
.seo_gift:hover img {
transform: scale(1.1);
}
.target_shap.promo_shap::after {
mix-blend-mode: hard-light;
}
.target_shap .shap_but {
margin-top: 122rem;
}
.target_shap .seo_gift {
width: 330rem;
font-size: 24rem;
left: -115rem;
bottom: 80rem;
gap: 5rem;
}
.target_shap .seo_gift img {
width: 110rem;
}
.promotions {
color: #0C182D;
padding: 42rem 20rem;
border-radius: 80rem 80rem 0 0;
background: #fff;
position: relative;
z-index: 1;
}
.promotions h2 {
color: #0C182D;
}
.promo_why_heads {
align-items: center;
margin-bottom: 8rem;
}
.why_heads8 {
width: 65.4%;
}
.why_heads4 {
width: 34.6%;
line-height: 1.375;
padding-top: 12rem;
}
.promo_preims {
margin-bottom: 46rem;
}
.promo_preims + .promises {
margin-top: 140rem;
}
.preim_item {
padding: 40rem 34rem 44rem;
background: #F3F3F4;
border-radius: 40rem;
height: 100%;
line-height: 1.375;
}
.preim_img {
margin-bottom: 42rem;
}
.preim_img img {
display: block;
margin: 0 auto;
}
.preim_title {
margin-bottom: 12rem;
font-size: 30rem;
line-height: 1;
font-weight: 600;
text-transform: uppercase;
font-family: var(--second-font);
}
.promo_preims .col12 {
margin-top: 20rem;
}
.promo_preims .col12 .preim_item {
display: flex;
align-items: center;
padding: 49rem 40rem 49rem;
}
.promo_preims .col12 .preim_img {
width: calc(33.33333333% + 29rem);
padding-right: 44rem;
margin: 0;
}
.promo_preims .col12 .preim_body {
width: calc(66.66666667% - 29rem);
}
.promo_price_sect {
padding: 40rem 0;
}
.price_zayv {
padding: 50rem 34rem 30rem;
background: linear-gradient(90deg, var(--blue) 0%, #01308A 100%);
box-shadow: inset 0rem 15rem 45.7rem var(--blue);
border-radius: 40rem;
position: relative;
color: #fff;
overflow: hidden;
}
.price_inf {
width: 469rem;
margin-bottom: 47rem;
}
.price_title {
margin-bottom: 46rem;
font-weight: bold;
}
.price_sum {
font-family: var(--second-font);
font-size: 60rem;
line-height: 38rem;
font-weight: 800;
text-transform: uppercase;
}
.price_sum span {
vertical-align: top;
font-weight: 400;
}
.price_dost {
color: #B3B3B3;
margin-top: 24rem;
font-weight: 400;
}
.price_but {
position: relative;
height: 99rem;
z-index: 3;
}
.price_but .ord-btn {
box-shadow: 0 4rem 30rem 0 rgba(234, 7, 7, 0.65);
background: var(--red);
padding: 10rem 18rem;
width: 400rem;
height: 100%;
font-size: 32rem;
transform: translateX(-50%);
position: absolute;
left: 50%;
transform: translateX(-0%);
left: 0%;
transition: all 0.3s ease;
}
.price_but .ord-btn:hover {
background-color: #C11212;
}
.price_img {
position: absolute;
top: -22rem;
left: 555rem;
width: calc(100% - 591rem);
z-index: 1;
transition: all 0.3s ease;
}
.price_img img {
display: block;
width: 100%;
}
.price_dop {
position: absolute;
right: 33rem;
top: 0;
width: 43.85%;
z-index: 1;
opacity: 0;
transition: all 0.3s ease;
}
.price_dop b {
display: block;
padding: 52rem 0 40rem;
}
.price_dop ul {
padding-left: 23rem;
line-height: 27rem;
}
.price_dop ul li {
list-style: disc;
}
.price_zayv:hover .price_but .ord-btn {
transform: translateX(-0%);
left: 0%;
}
.price_zayv:hover .price_img {
width: 240rem;
top: 40rem;
left: 422rem;
}
.price_zayv:hover .price_dop {
opacity: 1;
}
.pric_target_shap .price_zayv:hover .price_img {
width: 193rem;
top: 93rem;
left: 455rem;
}
.promo_ii_sect {
padding-top: 11rem;
}
.promo_ii_sect h2 {
line-height: 1;
}
.ii_wrap {
margin-top: 18rem;
padding: 40rem 0;
display: flex;
gap: 30rem;
}
.ii_item {
width: 20%;
padding: 14rem 20rem;
border-radius: 40rem;
background: #F3F3F4;
}
.ii_item:nth-child(2n+2) {
background: var(--blue);
}
.ii_item img {
display: block;
}
.promo_reason {
padding: 123rem 20rem 135rem;
position: relative;
}
.promo_reason:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 622rem;
background: linear-gradient(90deg, rgba(12, 24, 45, 0.49) 32.78%, rgba(2, 83, 240, 0.49) 100%);
backdrop-filter: blur(3.35px);
z-index: 1;
}
.promo_reason:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 622rem;
background: linear-gradient(180deg, rgba(12, 24, 45, 0) 35.9%, #0C182D 82.87%);
backdrop-filter: blur(3.35px);
z-index: 2;
}
.reason_flex {
display: flex;
}
.reason_flex > div {
width: 50%;
}
.reason_left {
padding-right: 9rem;
padding-top: 80rem;
position: relative;
z-index: 3;
}
.reason_left h2 {
font-size: 96rem;
}
.reason_right {
position: relative;
}
.reason_sub {
max-width: 332rem;
margin: 22rem 0 116rem;
font-size: 20rem;
line-height: 1.35;
font-weight: 600;
}
.reason_but .ord-btn {
box-shadow: 0 4rem 30rem var(--blue);
background: var(--blue);
color: #FFFFFF;
padding: 27.5rem 20rem;
width: 100%;
font-size: 32rem;
font-weight: 500;
transition: all 0.3s ease;
}
.reason_but .ord-btn:hover {
background-color: #0088FF;
}
.reason_img {
position: absolute;
top: 53.8rem;
left: 58rem;
width: 542rem;
height: 646rem;
z-index: 0;
}
.reason_img img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.reason_list {
width: 305rem;
height: 713rem;
margin: 0 0 0 auto;
padding: 44rem 2rem 52rem;
display: flex;
flex-direction: column;
justify-content: space-between;
z-index: 20;
position: relative;
}
.reason_list_item {
position: relative;
}
.ice_point {
position: relative;
padding-left: 51rem;
font-size: 14rem;
line-height: 34rem;
cursor: pointer;
}
.ice_list1 {
margin-bottom: 114rem;
}
.ice_point span {
width: 34rem;
height: 34rem;
border: 0.5rem solid #EA0707;
border-radius: 50rem;
position: absolute;
left: 0;
top: 0;
}
.ice_point span:before {
content: "";
width: 8rem;
height: 8rem;
background: #EA0707;
border-radius: 50rem;
position: absolute;
top: 13rem;
left: 13rem;
}
.ice_point span:after {
content: "";
width: 22rem;
height: 22rem;
border: 0.5px solid rgba(234, 7, 7, 0.5);
border-radius: 50rem;
position: absolute;
top: 6rem;
left: 6rem;
}
.ice_list {
opacity: 0;
position: absolute;
top: 45rem;
left: 51rem;
padding: 20rem;
pointer-events: none;
display: flex;
flex-direction: column;
gap: 10px;
width: 222rem;
background: rgba(255, 255, 255, 0.06);
border-radius: 20rem;
font-size: 14rem;
line-height: 1.357;
z-index: 3;
backdrop-filter: blur(3.35px);
}
.ice_point:hover + .ice_list {
opacity: 1;
pointer-events: auto;
}
.ice_point:hover span {
border-color: #fff;
}
.ice_point:hover span:before {
background: #fff;
}
.ice_point:hover span:after {
border-color: rgba(255, 255, 255, 0.5);
}
.ice_point span:before {
box-shadow: 0 0 5rem 5rem rgba(234, 7, 7, 0.5);
}
@media (min-width: 768px) {
.ice_point span:before {
animation: shadow 3s infinite linear;
}
.reason_list_item:nth-child(2) .ice_point span:before {
animation-delay: 0.45s;
}
.reason_list_item:nth-child(3) .ice_point span:before {
animation-delay: 0.9s;
}
.reason_list_item:nth-child(4) .ice_point span:before {
animation-delay: 1.35s;
}
.reason_list_item:nth-child(5) .ice_point span:before {
animation-delay: 1.8s;
}
@keyframes shadow {
0%{
box-shadow: 0 0 5rem 5rem rgba(234, 7, 7, 0.5);
}
60%{
box-shadow: 0 0 18rem 18rem rgba(234, 7, 7, 0.9);
}
100%{
box-shadow: 0 0 5rem 5rem rgba(234, 7, 7, 0.5);
}
}
}
.reason_lodka {
opacity: 0;
left: 47%;
position: absolute;
transition: .8s ease-in;
}
.anim .reason_lodka {
opacity: 1;
left: 87%;
}
.reason_lodka1 {
top: 129rem;
width: 84rem;
height: 97rem;
}
.reason_lodka2 {
top: 472rem;
width: 95rem;
height: 43rem;
}
.fog {
opacity: 0;
position: absolute;
width: 179rem;
height: 126rem;
padding: 10rem 30rem 25rem;
left: 2rem;
top: -130rem;
font-weight: 500;
font-size: 14rem;
line-height: 1;
text-align: center;
color: #B3B3B3;
background: url(//q2.team/wp-content/themes/Agency/assets/img/fog.png) no-repeat 0 0 / contain;
display: flex;
align-items: center;
justify-content: center;
transition: .2s ease-in;
}
.reason_lodka1 .fog {
left: 62rem;
top: -83rem;
}
.reason_temp_top {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100% - 622rem);
z-index: 1;
}
.reason_temp_bottom {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 622rem;
z-index: 1;
}
.reason_lodka.hover span {
opacity: 1;
}
.promo_clients {
padding: 90rem 20rem;
position: relative;
}
.promises-swiper-logo {
margin-top: 30rem;
margin-bottom: 30rem;
}
.promises-swiper-logo .swiper-wrapper {
display: flex;
align-items: center;
}
.promises-swiper-logo .swiper-slide {
padding: 10px;
width: auto !important;
}
.promises-swiper-logo .swiper-slide img {
display: block;
filter: grayscale(100%);
}
.promo_case {
color: #0C182D;
padding: 42rem 20rem;
border-radius: 80rem 80rem 0 0;
background: #fff;
position: relative;
z-index: 1;
overflow: hidden;
}
.promo_case h2 {
color: #0C182D;
margin-bottom: 45rem;
}
.promo_case h2 span {
display: block;
color: var(--blue);
font-size: 32rem;
font-weight: bold;
}
.swipe_card.swiper {
overflow: hidden;
}
.swipe_card .swiper-wrapper {
display: flex;
}
.swipe_card .swiper-slide {
width: calc(33.3333% - 33.3333px) !important;
height: auto;
}
.swipe_card .blog__card {
width: 100%;
height: 100%;
}
.swipe_control {
display: flex;
align-items: center;
justify-content: center;
color: #A2BBD7;
margin-top: 40rem;
}
.promo_cards .swiper-pagination {
position: static;
width: auto;
display: flex;
}
.promo_cards .swiper-pagination-bullet {
width: auto;
height: auto;
background: none;
opacity: 1;
font-size: 20rem;
font-weight: 500;
}
.promo_cards .swiper-pagination-bullet-active {
background: none;
color: var(--red);
}
.swipe_card .cases__card {
display: flex;
flex-direction: column;
align-items: center;
gap: 16rem;
background-color: var(--blue-bg);
border-radius: 20rem;
padding: 20rem;
width: 100%;
position: relative;
height: 100%;
transition: .2s ease-in;
}
.swipe_card .cases__card:hover {
opacity: 0.7;
}
.swipe_card .cases__card .cases__card-image {
width: 279rem;
height: 176rem;
}
.swipe_card .cases__card .cases__card-image img {
border-radius: 16rem;
width: 100%;
height: 100%;
object-fit: cover;
}
.swipe_card .cases__card .cases__card-content .cases__card-info {
margin-bottom: 20rem;
color: var(--grey);
}
.swipe_card .cases__card .cases__card-content .cases__card-categories {
display: flex;
justify-content: space-between;
margin-bottom: 20rem;
gap: 10rem;
}
.swipe_card .cases__card .cases__card-content .cases__card-categories li {
border: 1rem solid var(--grey);
border-radius: 89rem;
font-size: 12rem;
font-weight: 500;
color: var(--grey);
}
.swipe_card .cases__card .cases__card-content .cases__card-categories li button {
padding: 6rem 20rem;
width: 100%;
height: 100%;
}
.swipe_card .cases__card .cases__card-content .cases__card-title {
font-weight: 600;
font-size: 22rem;
margin-bottom: 10rem;
color: #fff;
}
.swipe_card .cases__card .cases__card-content .cases__card-descr {
color: var(--grey);
font-weight: 500;
font-size: 14rem;
}
.swipe_card .cases__card .cases__card-btn {
font-size: 14rem;
font-weight: 500;
margin-top: auto;
margin-left: auto;
background-color: var(--blue);
box-shadow: 0 4rem 30rem 0 rgba(2, 83, 240, 0.45);
}
.swipe_card .cases__card .cases__card-btn a {
color: var(--white);
padding: 8rem 18rem;
display: inline-block;
}
.promo_cards h2 {
margin-bottom: 45rem;
}
.promo_cards .blog__card-content .blog__card-title {
font-size: 22rem;
margin-bottom: 10rem;
}
.promo_form {
max-width: 679rem;
margin: 80rem auto 146rem;
text-align: center;
}
.promo_form h2 {
color: var(--red);
}
.promo_form .font32 {
color: var(--grey);
padding: 0 15rem;
}
.promoform {
display: flex;
flex-direction: column;
margin: 44rem 0 36rem;
gap: 36rem;
}
.promoform input {
height: 99rem;
border-radius: 89rem;
padding: 15rem 40rem;
color: var(--dark);
font-weight: 500;
background: #F3F3F4;
font-size: 32rem;
line-height: 1;
width: 100%;
}
.promoform #phonepromo {
padding-left: 50rem;
}
.promoform .ord-btn {
padding: 10rem 0;
width: 100%;
box-shadow: 0 4rem 30rem 0 rgba(234, 7, 7, 0.3);
background: var(--red);
font-size: 32rem;
line-height: 1;
color: #fff;
height: 99rem;
}
.etap {
padding: 90rem 20rem 88rem;
}
.blue_h2 h2 {
color: var(--blue);
}
.etap_head {
max-width: 729rem;
margin-bottom: 80rem;
}
.etap_item {
display: none;
align-items: flex-start;
margin-top: 13rem;
padding-bottom: 19rem;
border-bottom: 0.5rem solid var(--blue);
gap: 20rem;
}
.etap_item.active {
display: flex;
}
.etap_num {
display: flex;
justify-content: center;
align-items: center;
width: 58rem;
min-width: 58rem;
height: 58rem;
background: #0C182D;
border: 0.5rem solid var(--blue);
box-shadow: 0px 0px 20px rgba(2, 83, 240, 0.3);
border-radius: 29rem;
font-weight: 600;
font-size: 32rem;
line-height: 1;
color: var(--blue);
}
.etap_title {
font-size: 32rem;
flex: auto;
line-height: 1.375;
margin-top: 7rem;
opacity: 0;
transition: .3s all;
}
.etap_item.active .etap_title {
opacity: 1;
}
.etap_item.active + .etap_item:not(.active) .etap_title {
opacity: 0.3;
}
.etap_plus {
display: flex;
justify-content: center;
align-items: center;
width: 28rem;
min-width: 28rem;
height: 28rem;
background: #0C182D;
border: 0.5rem solid var(--blue);
box-shadow: 0px 0px 20px rgba(2, 83, 240, 0.3);
border-radius: 29rem;
font-weight: 600;
font-size: 21rem;
line-height: 1;
color: var(--blue);
margin-top: 15rem;
cursor: pointer;
}
.promo_seotext {
padding: 0 0 120rem;
}
.promo_seotext_wrap {
padding: 40rem 34rem 44rem;
background: #F3F3F4;
border-radius: 40rem;
}
.promo_seotext h2 {
margin-bottom: 20rem;
}
.promo_seotext p {
margin-bottom: 10rem;
}
.team_new {
padding: 40rem 20rem 40rem;
}
.team_new h2 {
margin-bottom: 80rem;
}
#shleif {
position:absolute;
width: 26px;
height: 26px;
background: var(--blue);
mix-blend-mode: normal;
filter: blur(9.9px);
z-index: 10;
}
.bubble{
position: absolute;
width: 26px;
height: 26px;
background: var(--blue);
mix-blend-mode: normal;
filter: blur(9.9px);
border-radius: 50%;
box-shadow: 0 0 0 0 var(--blue);
z-index: 10;
animation: leave 1s ease forwards;
}
@keyframes leave{
from{
width: 26px;
height: 26px;
}
to{
width: 0px;
height: 0px;
}
}
@media (max-width: 500px) {
.sect_promo h2 {
font-size: 32rem;
}
.font60 {
font-size: 32rem;
}
.font32 {
font-size: 16rem;
}
.promo_shap {
padding: 40rem 20rem 90rem;
margin-bottom: -40rem;
border-radius: 40rem 40rem 0 0;
}
.promo_shap h1 {
font-size: 45rem;
line-height: 1;
}
.promo_shap.target_shap h1 {
font-size: 36rem;
}
.seo_gift {
bottom: 16rem;
left: -20rem;
width: 64rem;
font-size: 12rem;
gap: 12rem;
}
.target_shap .seo_gift {
bottom: 66rem;
left: -27rem;
width: 130rem;
font-size: 12rem;
gap: 5rem;
}
.target_shap .seo_gift img {
width: 42rem;
}
.shap_but .ord-btn {
padding: 15rem 25rem;
font-size: 16rem;
line-height: 24rem;
}
.krug span:after {
width: 90rem;
height: 90rem;
top: -24rem;
right: 3rem;
}
.promotions {
padding: 30rem 0;
border-radius: 40rem 40rem 0 0;
}
.promo_why_heads {
flex-direction: column;
margin-bottom: 20rem;
}
.why_heads8, .why_heads4 {
width: 100%;
}
.col4 {
width: 100%;
}
.promo_preims {
margin-bottom: 40rem;
gap: 20rem;
}
.preim_item {
padding: 20rem 20rem 20rem;
border-radius: 20rem;
}
.preim_title {
margin-bottom: 10rem;
font-size: 21rem;
}
.preim_img {
margin-bottom: 25rem;
}
.promo_preims .col12 {
margin-top: 0;
}
.promo_preims .col12 .preim_item {
padding: 20rem;
flex-direction: column;
}
.promo_preims .col12 .preim_img {
width: 100%;
padding-right: 0;
margin: 0 0 25rem;
}
.promo_preims .col12 .preim_body {
width: 100%;
}
.promo_price_sect {
padding-top: 0;
}
.price_zayv {
padding: 30rem 30rem 30rem;
border-radius: 20rem;
}
.price_title {
margin-bottom: 30rem;
}
.price_inf {
width: 100%;
margin-bottom: 30rem;
}
.price_sum {
font-size: 32rem;
line-height: 1;
}
.price_dost {
margin-top: 10rem;
}
.price_but {
height: 50rem;
}
.price_but .ord-btn {
font-size: 16rem;
width: 100%;
}
.price_img {
top: 0;
left: auto;
width: 100rem;
right: 0;
}
.pric_target_shap .price_img {
top: 53rem;
}
.price_dop {
position: static;
width: 100%;
opacity: 1;
}
.price_dop b {
display: block;
padding: 40rem 0 20rem;
}
.ii_wrap {
flex-wrap: wrap;
justify-content: center;
margin-top: 0;
padding-bottom: 10rem;
gap: 20rem;
}
.ii_item {
width: 100%;
}
.promo_reason {
padding: 40rem 10rem 110rem;
}
.promo_reason:before, .promo_reason:after {
height: 566rem;
}
.reason_flex {
flex-direction: column;
}
.reason_flex > div {
width: 100%;
}
.reason_left {
padding-right: 0;
padding-top: 0;
}
.reason_left h2 {
font-size: 46rem;
}
.reason_sub {
margin: 22rem 0 40rem;
}
.reason_but .ord-btn {
padding: 20rem 20rem;
font-size: 16rem;
}
.reason_img {
top: 53.8rem;
left: -281rem;
width: 623rem;
height: 750rem;
}
.ice_list {
top: 33rem;
padding: 15rem;
gap: 8px;
width: 260rem;
border-radius: 15rem;
font-size: 12rem;
line-height: 1.2;
}
.ice_point.active + .ice_list {
opacity: 1;
} .anim .reason_lodka {
display: none;
}
.promo_clients {
padding: 40rem 10rem;
}
.promo_case {
padding: 30rem 10rem;
border-radius: 40rem 40rem 0 0;
}
.swipe_card .swiper-slide {
width: 100% !important;
}
.promo_cards h2 {
margin-bottom: 30rem;
}
.promo_form {
margin: 50rem auto 10rem;
}
.promoform {
margin: 30rem 0 30rem;
gap: 20rem;
}
.promoform .ord-btn {
font-size: 16rem;
height: 50rem;
}
.promoform input {
height: 50rem;
padding: 15rem 20rem;
font-size: 16rem;
}
.etap {
padding: 0 10rem 30rem;
}
.etap_head {
margin-bottom: 40rem;
}
.etap_head h2 {
margin-bottom: 20rem;
}
.etap_num {
width: 38rem;
min-width: 38rem;
height: 38rem;
font-size: 21rem;
}
.etap_title {
font-size: 16rem;
}
.team_new h2 {
margin-bottom: 40rem;
}
.promo_cards {
margin-bottom: 40rem;
}
.promo_preims + .promises {
margin-top: 60rem;
}
.promo_faq {
padding: 30rem 0;
}
.promo_faq .faq-trigger {
padding: 14rem 18rem;
}
.promo_faq .faq-trigger[aria-expanded="true"] {
font-size: 16rem;
}
.promo_faq .faq-panel {
padding: 0 18rem;
}
.promo_faq .faq-trigger[aria-expanded="true"] + .faq-panel {
margin-top: -10rem;
}
}
.mob_ice {
display: none;
}
@media (max-width: 500px) {
.pk_ice {
display: none;
}
.mob_ice {
display: block;
}
} .bonus {
background: #fff;
margin-bottom: 30rem;
}
.bonus .container {
display: flex;
max-width: 1404rem;
padding: 0 20rem;
}
.bonus_empty {
width: 50%;
}
.bonus__section {
width: 50%;
box-shadow: -109rem 0 44rem rgba(0, 0, 0, 0.01), -61rem 0 37rem rgba(0, 0, 0, 0.05), -27rem 0 27rem rgba(0, 0, 0, 0.09), -7rem 0 15rem rgba(0, 0, 0, 0.1);
border-radius: 30rem 0 0 30rem;
position: relative;
display: flex;
justify-content: flex-end;
align-items: center;
height: 694rem;
padding: 20rem 0;
}
.bonus__baraban {
position: absolute;
left: -327rem;
top: 20rem;
width: 654rem;
height: 654rem;
}
.bonus__baraban_krug {
transition: 5s ease-in-out;
}
.bonus__baraban img {
display: block;
width: 100%;
}
.bonus__baraban_arrow {
position: absolute;
top: calc(50% - 30rem);
right: 30rem;
width: 55rem;
}
.bonus__baraban_krug:not(.active) img {
animation: baraban_arrow 2s linear infinite;
}
@keyframes baraban_arrow {
0%{
transform: rotate(-3deg);
}
50%{
transform: rotate(3deg);
}
100%{
transform: rotate(-3deg);
}
}
.bonus__form_wrap {
width: 380rem;
color: #0C182D;
font-size: 16rem;
line-height: 1.375;
position: relative;
}
.bonus__form_wrap h1 {
font-family: var(--second-font);
font-style: normal;
font-weight: 800;
font-size: 38rem;
line-height: 1.2;
text-transform: uppercase;
color: #000000;
margin: 0 0 8rem;
}
.bonus__form {
width: 340rem;
}
.bonus__form-subtitle {
margin: 0 0 16rem;
}
.bonus__form input {
width: 100%;
height: 48rem;
background: #F3F3F4;
border-radius: 100rem;
font-weight: 500;
color: #AEAEBF;
margin: 0 0 8rem;
padding: 10rem 36rem;
}
.gift_val {
display: none;
width: 100%;
background: #F3F3F4;
border-radius: 100rem;
font-weight: 500;
color: #AEAEBF;
margin: 0 0 8rem;
padding: 10rem 36rem;
}
.bonus__form .bonus-btn {
text-align: center;
display: block;
margin-left: auto;
box-shadow: 0 4rem 10rem rgba(234, 7, 7, 0.65);
background-color: var(--red);
padding: 10rem 18rem;
font-weight: 500;
border-radius: 89rem;
transition: .2s ease-in;
color: #FFFFFF;
width: 100%;
}
.bonus__form .bonus-btn:hover {
background-color: #C11212;
}
.bonus__section.active .bonus-start {
pointer-events: none;
}
.bonus__form .bonus-btn_send {
display: none;
}
.bonus__section .footer__accept a {
color: #000;
}
@media (max-width: 500px) {
.bonus .container {
padding: 0 10rem;
flex-direction: column;
}
.bonus__section {
width: 100%;
border-radius: 0;
flex-direction: column;
box-shadow: none;
}
.bonus__baraban {
position: relative;
width: 354rem;
height: 354rem;
left: 0;
top: 0;
}
.bonus__baraban_arrow {
top: calc(50% - 22rem);
right: 12rem;
width: 40rem;
}
.bonus__form_wrap {
width: auto;
font-size: 12rem;
}
.bonus__form_wrap h1 {
font-size: 28rem;
margin: 0 0 4rem;
}
a.bonus-btn {
font-size: 16rem;
}
.bonus {
margin-bottom: 25rem;
}
} .spm-wrapper {
position: relative;
display: inline-block;
}
.spm-input {
padding-left: 35px;
}
.spm-flag-button {
position: absolute;
left: 10rem;
top: 50%;
transform: translateY(-50%);
}
.spm-flag-button--selectable {
cursor: pointer;
}
.spm-flag-button--non-selectable {
cursor: default;
}
.spm-flag-image {
width: 30rem;
height: 20rem;
object-fit: cover;
border-radius: 2px;
display: block;
}
.spm-dropdown {
display: none;
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
background-color: #fff;
border: 1px solid #ccc;
max-height: 200px;
overflow-y: auto;
width: 250px;
}
.spm-dropdown-option {
padding: 8px;
cursor: pointer;
display: flex;
align-items: center;
color: #000;
font-size: 11rem;
gap: 8px;
}
.spm-dropdown-option:hover {
background-color: #f0f0f0;
}
.spm-country-name {
flex-grow: 1;
}
.spm-country-code {
color: #666;
margin-left: auto;
}
@media (max-width: 500px) {
.team_new {
padding: 40rem 0rem 40rem;
}
.spm-wrapper {
width: 100%;
}
.footer__form .spm-wrapper #phoneInput {
padding-left: 50rem;
width: 100%;
}
}