b {
font-weight: 500;
color: var(--black);
}
a, .link-style {
color: var(--blue);
cursor: pointer;
text-decoration: none;
}
h1 {
margin-bottom: 15px;
margin-top: 20px;
font-size: var(--header-size-1);
font-weight: 540;
}
h2 {
margin-bottom: 15px;
margin-top: 35px;
font-size: var(--header-size-2);
font-weight: 550;
}
h2:first-child, h1:first-child{
margin-top: 0;
}
h3 {
margin-bottom: 12px;
margin-top: 30px;
font-size: var(--header-size-3);
font-weight: 540; }
.content-block > img {
border-radius: 12px;
max-width: 100%;
max-height: min-content;
width: auto;
border: 5px solid #f8f8f8;
margin-top: 10px;
margin-bottom: 10px;
}
.offer-url img {
border-radius: 5px;
margin-right: 5px;
}
.content-block ul {
list-style: none;
display: flex;
flex-direction: column;
gap: 6px;
margin: 25px 0;
}
.content-block li {
position: relative;
}
ul.dots {
margin-left: 20px;
}
ul.dots  li:before {
content: '';
width: 10px;
height: 10px;
background: #376de3;
border-radius: 3px;
position: absolute;
left: -20px;
top: 7px;
}
.point {
background-image: linear-gradient(43deg, #00fa23 0%, #45c337 46%, #379439 100%);
width: 30px;
height: 30px;
border-radius: 15px 6px 15px 6px;
left: 0;
top: 0;
position: absolute;
margin-top: -7px;
}
.text-logo {
font-weight: bold;
color: #DCDCF6;
font-size: 40px;
margin-left: 40px;
margin-top: -5px;
}
.double .description {
line-height: 1.5;
color: #989aa0;
margin-bottom: 25px;
font-size: 18px;
font-weight: 300;
max-width: 600px;
}
.logo {
position: relative;
}
.help-catalog-bar {
padding: 20px;
border-radius: 10px;
font-weight: 300;
min-width: 100%;
background: #f4f5fd;
color: #2e4c77;
}
.notice {
padding: 20px;
border-radius: 10px;
background: #f6f7ff;
color: #617297;
margin: 25px 0;
}
.double .button-registration {
min-width: 250px;
}
.help-catalog-bar a, .help-catalog-bar .link-style, #how-to-be a, #how-to-be .link-style {
border-bottom: 1px solid;
}
.offer-list-string:hover .button-color-yellow {
background: #ffd900;
color: var(--black);
}
.contacts {
align-items: center;
padding: 0;
gap: 20px;
font-weight: 350;
}
.contacts .telegram svg {
color: #7f81f5;
}
.contacts > div {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}
.contacts a {
text-decoration: none;
color: var(--black);
}
.header-white a:hover {
color: #0067dd;
}
.double {
justify-content: space-between;
gap: 50px;
}
.double .double-first-block {
gap: 25px;
width: 54%;
}
.left {
justify-content: flex-start;
}
.double .text {
font-size: 52px;
line-height: 1;
margin: 0;
font-weight: 560;
margin-bottom: -10px;
}
.double .text span {
-webkit-text-fill-color: transparent;
background: linear-gradient(46deg, #37cb37 0%, #69a548 100%);
-webkit-background-clip: text;
}
.country-text {
font-weight: 400;
font-size: 14px;
padding: 5px 6px;
border-radius: 5px;
color: #7a6b99;
background: #dbeeff;
}
.double .buttons {
align-items: center;
padding: 0;
gap: 30px;
width: 100%;
}
.button {
text-align: center;
font-family: "Inter", sans-serif;
font-weight: 360;
font-optical-sizing: auto;
cursor: pointer;
text-decoration: none;
transition: 0.03s linear;
user-select: none;
}
header .buttons {
gap: 20px;
}
header .buttons .button {
font-size: 16px;
padding: 1px 30px;
line-height: 42px;
border-radius: 8.5px;
}
.button-registration, .button-login {
padding: 0 32px;
line-height: 54px;
border-radius: 9px;
font-size: 17px;
min-width: 22%;
}
.goods .img {
background-image: url(//teoads.com/img/done.svg);
background-repeat: no-repeat;
min-width: 40px;
height: 40px;
}
.mobile-menu-button {
display: none;
font-size: 28px;
line-height: 24px;
}
.contacts-page-header {
font-size: 28px;
font-weight: 420;
}
.button-color-blue:hover {
background: #0067dd;
}
.buttons .button-login:hover {
background: #ffd900;
color: var(--black);
}
.review > div {
display: flex;
align-items: flex-start;
flex-direction: column;
}
.review .secondary-text {
line-height: 22px;
}
.reviews-section {
display: flex;
gap: 50px;
justify-content: space-between;
}
.emoji {
position: absolute;
top: 15px;
left: 25px;
width: 46px;
transform: rotate(340deg);
}
button {
cursor: pointer;
}
.secondary-text {
color: #989aa0;
font-weight: 320;
}
.w100 {
width: 100%;
}
#overlay {
position: fixed;
top: 0;
left: 0;
width: 102%;
height: 102%;
background: #ffffff4d;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
backdrop-filter: blur(40px);
-webkit-backdrop-filter: blur(40px);
transition: .1s;
border: 0;
overflow: hidden;
}
.window-registration {
border-radius: 14px;
filter: drop-shadow(0px 3px 7px rgba(0, 0, 0, 0.1));
min-height: 305px;
min-width: 650px;
overflow: hidden;
background: #fff;
}
.window-registration .regular-text {
font-size: 24px;
font-weight: 560;
margin-bottom: 4px;
color: #2b2933;
}
.window-registration .form {
gap: 10px;
margin: 22px 0;
}
.window-registration .form input {
min-width: 320px;
width: 100%;
transition: .1s;
height: 100%;
line-height: 20px;
padding: 10px 12px;
}
.window-registration button {
padding: 10px 20px;
height: 48px;
background: var(--blue);
border-radius: 7px;
color: #fff;
border: 0;
font-weight: 500;
font-family: "Inter", sans-serif;
font-size: var(--text-size-2);
min-width: 320px;
width: 100%;
}
input::-webkit-input-placeholder {
color: #9ca8c2;
}
.reg-form-start, .reg-form-end {
padding: 35px 40px;
display: flex;
flex-direction: column;
line-height: 21px;
min-width: 410px;
border-radius: inherit;
}
.reg-form-start {
justify-content: space-between;
}
.reg-form-end {
gap: 35px;
justify-content: flex-start;
}
.reg-form-banner {
justify-content: center;
width: 275px;
display: flex;
align-items: center;
background: linear-gradient(234deg, #3e58e8 .1%, #4f81f1 50.05%, #81b3ff);
color: #fff;
position: relative;
z-index: 1;
gap: 20px;
}
.back {
position: absolute;
right: 20px;
top: 15px;
font-size: var(--header-size-3);
opacity: 0.2;
cursor: pointer;
}
.show {
display: flex!important;
}
.window-registration .form input.wrong {
background: #ffefef;
outline: 1px solid rgb(255 0 0 / 15%);
box-shadow: inset 0 0 6px -6px #ff0000;
}
.window-registration button.regButtonLoading {
background: #dde5ed;
color: #9eacca;
}
.desktop-header-ul-list {
display: flex;
justify-content: space-evenly;
gap: 40px;
}
.desktop-header-ul-li {
list-style: none;
cursor: pointer;
position: relative;
}
.desktop-header-ul-link {
text-decoration: none;
color: var(--text-base);
font-weight: 350;
}
.cards-section, .collections-section {
display: grid;
justify-content: space-between;
grid-template-columns: repeat(4, auto);
grid-gap: 30px 0;
}
.cards-section .image {
border-radius: 10px;
width: calc(16px* 18);
height: calc(9px* 18);
position: relative;
overflow: hidden;
background-size: contain;
background-position: center;
}
.new-offer .sticker {
color: #000000;
font-size: var(--text-size-3);
padding: 0 10px;
background: #edff00;
border-radius: 5px;
line-height: 26px;
width: fit-content;
font-weight: 500;
}
.news-card.new-offer {
color: #ffffff;
font-size: 26px;
position: relative;
padding: 18px;
justify-content: space-between;
background-size: cover;
background-position: center;
background-color: #2a2a2a;
background-image: url(https://teoads.com/assets/img/bblurry.svg);
}
.new-offer:before {
backdrop-filter: blur(25px) brightness(100%);
-webkit-backdrop-filter: blur(25px) brightness(100%);
width: 102%;
height: 102%;
position: absolute;
content: '';
top: 0;
left: 0;
}
.new-offer:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
background-image: linear-gradient(to bottom, rgb(26 32 38 / 25%) 0%, #2a2a2a 100%);
top: 0;
left: 0;
}
.new-offer .tags {
display: flex;
gap: 10px;
font-size: var(--text-size-2);
z-index: 1;
}
.news-card .title, .news-card .read-more {
max-width: 280px;
font-weight: 500;
font-size: var(--text-size-1);
}
.new-offer .text {
gap: 6px;
line-height: 1.2;
z-index: 1;
}
.new-offer span {
font-size: 16px;
font-weight: 400;
max-width: 70%;
opacity: 0.5;
color: #f4e5db;
}
.news-card {
font-size: var(--header-size-3);
font-weight: 600;
background-image: linear-gradient(to top, #fdcbf100 0%, #fdcbf100 1%, #e6dee94a 100%);
border-radius: .8rem;
gap: 15px;
color: var(--black);
cursor: pointer;
transition: all .05s linear;
width: calc(16px* 18);
height: calc(9px* 18);
overflow: hidden;
}
.news-card:hover {
transform: scale(1.02);
}
.news-card:hover .read-more, .cards-section .image-and-text:hover .title {
color: var(--blue);
}
.collections {
color: #ffffff;
background: linear-gradient(57deg, #23224d 50%, #6258be 100%);
}
.collections .text {
justify-content: space-between;
flex-grow: 1;
padding: 20px;
}
.collections .text span {
font-size: var(--header-size-2);
}
.collections .image {
width: 100px;
height: 100px;
position: absolute;
background-size: contain;
transform: rotate(355deg);
top: -25px;
right: -20px;
}
.new-offer img {
position: absolute;
background-size: contain;
transform: rotate(5deg);
top: -30px;
right: -20px;
border-radius: 20px;
z-index: 1;
filter: drop-shadow(-1px 7px 2px rgba(0, 0, 0, 0.1));
outline: 1px solid #00000024;
}
footer .button {
width: calc(16px * 18);
}
.offers-section h2 {
font-size: 36px;
margin: 0;
}
.offers-section-wrapper {
display: grid;
justify-content: space-between;
gap: 22px;
grid-template-columns: repeat(4, auto);
}
.offers-section .single-wrapper {
width: calc(16px* 18);
cursor: pointer;
color: var(--black);
transition: all .06s linear;
}
.offers-section .offer-string-title-block:hover {
transform: scale(1.02);
}
.contacts svg {
width: 20px;
height: 20px;
color: #638aec;
}
.offer-title {
font-weight: 480;
font-size: 18px;
}
.offers-section .offer-info-block {
display: flex;
gap: 10px;
align-items: center;
}
.world-ico {
width: 18px;
}
.offer-price {
font-size: 16px;
margin-left: 8px;
font-weight: 400;
}
.offers-section .offer-goal img, .offer-list-string .offer-goal img, .current-language img {
border-radius: 4px;
background: #f6f6f6;
outline: 1px solid #ebecec;
}
.offer-goal img:not(:first-child) {
margin-left: -7px;
}
.popular-country-list img {
outline: 1px solid #ebecec;
}
.offer-type {
padding: 0 12px;
border-radius: 5px;
font-size: var(--text-size-4);
opacity: 0.85;
line-height: 24px;
min-width: 48px;
text-align: center;
color: #1967d2;
border: 1px solid #b1cef7;
}
.offer-type.RS {
color: #258614;
border: 1px solid #4eb147;
}
.button-color-lite:hover {
background: var(--blue);
color: #fff;
opacity: 1;
}
.button-color-yellow:hover {
background: rgb(242 174 0/1);
}
.offers-section .offer-type.rs {
color: var(--green);
border: 1px solid hsl(117.42deg 93.94% 38.82% / 65%);
}
.single-wrapper:hover .offer-type.rs {
background: var(--green);
color: #fff;
}
.offers-section .offer-tag {
padding: 1px 8px;
font-size: var(--text-size-4);
border-radius: 6px;
background: #eff1f7;
color: #3d6797ba;
}
.terms-description-block h1 {
font-size: 26px;
}
.single {
gap: 30px;
display: flex;
justify-content: space-between;
}
aside {
display: flex;
flex-direction: column;
gap: 30px;
}
.single-offers aside {
min-width: 300px;
}
aside {
min-width: calc(16px* 20);
}
.offers-catalog-sidebar {
min-width: 255px;
border-right: 1px solid #00000029;
border-right: 1px solid #0000001c;
padding-right: 30px;
}
.single .sidebar {
gap: 30px;
max-width: 400px;
}
aside .collections {
width: 195px;
font-size: initial;
height: auto;
}
aside .collections .text span {
font-size: 24px;
}
.sidebar-navigation .title, .content-navigation .title {
font-size: 21px;
font-weight: 500;
color: #fff;
}
.sidebar-navigation ol, .content-navigation ol {
margin-left: 25px;
gap: 10px;
color: #ffffff66;
line-height: 18px;
display: flex;
flex-direction: column;
}
.content-navigation ol {
gap: 10px;
color: #76b4dd;
font-weight: 320;
margin: 25px 0px;
padding: 23px 37px;
border-radius: 12px;
background: linear-gradient(65deg, #00b6ff21 1%, #00beff1a 50%, #00bdff17);
}
.sidebar-navigation a, .content-navigation a {
font-weight: 300;
}
.sidebar-navigation a:hover, .breadcrumb a:hover, .header-black a:hover {
color: var(--green);
}
.to-catalog-button {
padding: 0px 22px;
border-radius: 8px;
transition: .03s linear;
line-height: 40px;
user-select: none;
}
.button-color-yellow {
background: #ffd900;
color: var(--black);
}
.catalog-content {
}
.review {
align-items: center;
display: flex;
flex: 1;
}
input {
background: #fff;
border: 0;
outline: 1px solid #d8dbde;
border-radius: 6px;
font-family: inherit;
font-size: inherit;
font-weight: 320;
width: 100%;
transition: 0.03s linear;
}
input:hover, input:focus {
background: #fcfdfb;
outline: 1px solid #87e2b8;
}
.offers-search-form input {
padding: 11px 14px;
border-radius: 8px;
}
.offers-wrapper {
gap: 30px;
width: 100%;
}
.reviews-section .review .memoji {
background: #f1f1f1;
border-radius: 10px;
padding: 10px;
width: 70px;
margin-right: 25px;
}
.offer-card {
display: flex;
gap: 35px;
color: #fff;
}
.offer-card .offer-image {
border-radius: 16.33px;
}
.offer-card, .single-offers .sidebar-navigation {
min-height: 300px;
}
.single-offers .sidebar-navigation {
background: #ffffff05;
border-radius: 10px 10px 0px 0px;
}
.single-offers-container nav {
gap: 20px;
padding: 30px 25px;
color: #fff;
}
.single-offers-container nav a {
color: #fff;
}
.offers-backdrop-wrapper {
position: absolute;
height: 470px;
width: 100%;
top: 0;
left: 0;
background: #2a2a2a;
background-position: center;
background-size: cover;
z-index: -10;
}
.offers-backdrop-wrapper:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
background-image: linear-gradient(to bottom, rgb(42 42 42 / 85%) 10%, #2a2a2a 100%);
top: 0;
left: 0;
}
.offers-backdrop-wrapper:before {
backdrop-filter: blur(35px);
-webkit-backdrop-filter: blur(35px);
width: 100%;
height: 100%;
position: absolute;
content: '';
top: 0;
left: 0;
}
.offer-card-image .button-registration {
font-size: var(--text-size-2);
line-height: 46px;
width: 100%;
}
.sidebar .offer-card-image {
padding: 20px;
}
.offer-card-article-blocks {
height: 250px;
}
.offer-card .button-registration {
line-height: 44px;
font-size: 16px;
}
.checkbox {
width: 20px;
height: 20px;
border-radius: 4px;
transition: .035s linear;
outline: 1px solid #0000001a;
background: #F9F9FC;
}
.checkbox.active {
box-shadow: none;
background-color: var(--blue);
background-image: url(//teoads.com/assets/img/check.svg);
background-repeat: no-repeat;
background-position-x: 2.5px;
background-position-y: 2.5px;
outline: 0;
}
.checkbox-container {
display: flex;
gap: 8px;
align-items: flex-end;
cursor: pointer;
}
.model-list, .category-list {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 25px;
}
.filters-block .title-container {
display: flex;
justify-content: space-between;
align-items: center;
}
.all-offers-single {
display: flex;
align-items: center;
gap: 10px;
width: 190px;
font-weight: 500;
color: var(--black);
}
.all-offers-single .secondary-text {
font-size: 14px;
}
.all-offers-single img {
width: 38px;
height: 38px;
border-radius: 8px;
background: #ffffff0d;
outline: 1px solid #00000020;
outline-offset: -1px;
}
.all-offers-single .text {
display: flex;
flex-direction: column;
gap: 4px;
}
.op-half {
opacity: 0.35;
}
.all-offers-container {
display: flex;
flex-wrap: wrap;
gap: 24px 0;
justify-content: space-between;
border-top: 1px solid #0000001c;
padding-top: 70px;
}
.filters-block .reset {
font-size: var(--text-size-3);
font-weight: 320;
color: var(--blue);
border-bottom: 1px solid;
cursor: pointer ;
}
#how-to-be {
width: 84%;
}
.content h2 {
margin-top: 10px;
}
.collections-header {
padding: 35px;
margin-top: 30px;
border-radius: 10px;
background: linear-gradient(65deg, #4757c7 .1%, #4f81f1 50.05%, #4f89e1);
color: #fff;
margin-bottom: 15px;
}
.collections-header h1 {
margin-top: 0;
margin-bottom: 12px;
}
.collections-header .description {
margin-bottom: 5px;
font-weight: 360;
line-height: 24px;
color: #fff;
max-width: 950px;
}
.copyright-block {
font-weight: 300;
}
.single-offers-container, .offers-catalog-container, .collections-container, .single-container {
gap: 40px;
}
.pluses-and-minuses ul {
list-style: none;
gap: 10px;
width: 50%;
}
.pluses-and-minuses .content-container {
gap: 30px;
}
.pluses-and-minuses .content-container > div {
width: 75%;
}
p {
margin-bottom: 15px;
font-size: var(--text-size-2);
}
p:last-child {
margin-bottom: 0;
}
.title-block {
display: flex;
gap: 25px;
align-items: center;
}
.offer-card-image b {
color: var(--green);
}
.reg-form-banner.branding {
background-image: url(//teoads.com/assets/img/bg.jpg);
background-size: cover;
background-position: right;
}
.branding:after {
width: 100%;
height: 100%;
backdrop-filter: blur(40px) brightness(130%);
-webkit-backdrop-filter: blur(40px) brightness(130%);
color: #fff;
content: '';
top: 0;
left: 0;
position: absolute;
z-index: -1;
}
.reg-form-banner .text {
width: 80%;
text-align: center;
font-size: 18px;
line-height: 24px;
font-weight: 450;
}
.title-info {
display: flex;
align-items: center;
gap: 20px;
line-height: 18px;
font-size: 16px;
font-weight: 350;
margin-top: 8px;
}
.offer-card-content-string {
display: flex;
gap: 8px;
align-items: center;
height: 20px;
}
.offer-card-article-blocks > p {
color: #fff;
max-width: 700px;
}
p, .content-block {
line-height: 25px;
font-weight: 350;
color: var(--text-base);
}
.content-block {
max-width: 950px;
}
.terms-description-block {
padding: 25px;
border-radius: 10px;
margin-bottom: 20px;
box-shadow: -11px -11px 15px -5px rgba(0, 0, 0, 0.05);
}
.terms-example {
padding: 20px;
border-radius: 10px;
margin-bottom: 20px;
background: #fffaf5;
}
.breadcrumb {
list-style: none;
font-weight: 300;
gap: 15px;
}
.breadcrumb a {
text-decoration: none;
}
.breadcrumb-item, .breadcrumb a {
color: #989aa0;
}
.single-offers-container .breadcrumb-item, .single-offers-container .breadcrumb a {
color: #ffffff66;
}
.breadcrumb-item:nth-child(n+2)::before {
padding-right: 10px;
content: ">";
}
.breadcrumb-item:nth-last-child() {
color: #000;
}
.offer-card-article-blocks img {
border-radius: 3px;
}
.offer-card-content-info .title {
font-weight: 550;
}
.offer-card-content-info {
display: flex;
gap: 20px;
font-weight: 320;
}
.stars {
display: flex;
gap: 2px;
align-items: center;
}
.stars span {
font-size: var(--text-size-3);
}
.header-black .text-logo, .header-black a {
color: #ffffff;
border-color: #fff;
}
.offer-list-string {
display: flex;
gap: 20px;
align-items: center;
justify-content: space-between;
}
.contacts-page-blocks > div {
gap: 10px;
min-width: 300px;
}
.goods > div, .goods > a {
background: linear-gradient(90deg, rgba(136, 83, 255, 0.08), rgba(65, 221, 255, 0.08));
width: 30%;
border-radius: 12px;
padding: 25px;
}
.goods > div > div:first-child, .goods > a > div:first-child {
font-weight: 420;
font-size: 18px;
line-height: 21px;
color: var(--text-base);
}
.bottom-reg {
padding: 35px;
background: linear-gradient(90deg, rgba(136, 83, 255, 0.08), rgba(65, 221, 255, 0.08));
}
.goods span { }
.contacts-page-blocks svg {
width: 20px;
color: #766aff;
}
.contacts-page-blocks .title {
font-size: 18px;
font-weight: 500;
}
.contacts-page-blocks {
gap: 50px;
}
.offer-list-string .offer-string-content-block {
display: flex;
gap: 20px;
align-items: center;
line-height: 21px;
white-space: nowrap;
}
.offer-image {
border-radius: 12px;
background: #ffffff0d;
outline: 1px solid #00000020;
outline-offset: -1px;
}
section.offers-section .cards-section {
padding: 0;
min-width: unset;
margin-top: 10px;
}
.placeholder .label {
height: 17px;
width: 130px;
background: #f7f7f7;
}
.placeholder .offer-image {
background: #f9f9f9;
height: 56px;
width: 56px;
}
.placeholder .offer-title {
width: 150px;
background: #f9f9f9;
height: 24px;
border-radius: 5px;
}
.placeholder .source {
width: 100px;
height: 23px;
}
.placeholder .offer-button {
width: 150px;
height: 36px;
}
.offer-list-wrap {
gap: 20px;
}
.single-offers .offer-list-wrap {
margin-top: 22px;
gap: 18px;
}
.pluses-and-minuses li {
padding: 8px 15px;
border-radius: 6px;
display: flex;
gap: 6px;
align-items: center;
min-height: 36px;
}
.pluses-and-minuses .pluses li {
color: #fff;
background: #00b42c;
}
.pluses-and-minuses .minuses li {
color: #686868;
background: #ebebeb;
}
.catalog-bars {
display: flex;
gap: 12px;
justify-content: space-between;
}
.offer-list-string .offer-button {
padding: 8px 20px;
border-radius: 5px;
cursor: pointer;
}
.offer-string-title-block {
display: flex;
gap: 15px;
}
.button-color-lite {
background: #f4f5fd;
color: var(--blue);
}
.button-color-blue {
background: var(--blue);
color: #fff;
}
.button-color-green {
background: #43ad2d;
background: linear-gradient(46deg, #69a548 0%, #37cb37 100%);
color: #fff;
}
.button-color-green:hover {
background: linear-gradient(46deg, #37cb37 0%, #69a548 100%);
}
.offers-catalog {
gap: 30px;
display: flex;
}
.catalog-content {
margin-top: 50px;
}
.filters-block .sources-list {
gap: 13px;
list-style: none;
}
.filter-type {
gap: 20px;
}
.sources-line {
font-size: 16px;
display: flex;
gap: 12px 20px;
align-items: center;
flex-wrap: wrap;
font-weight: 300;
}
.left-text {
gap: 15px;
}
.sources-line > div {
display: flex;
gap: 25px;
}
.sources-line-title {
font-size: 19px;
font-weight: 450;
}
.sources-line > div > div {
padding: 10px 13px;
background: #fff;
box-shadow: -7px -7px 15px -5px rgba(0, 0, 0, 0.05);
border-radius: 8px;
color: var(--text-base);
position: relative;
display: flex;
align-items: center;
gap: 10px;
}
.filter-type.country input {
position: relative;
font-size: 15px;
padding: 8px 12px;
z-index: 1;
}
.filters-block {
gap: 40px;
user-select: none;
}
.filters-block .popular-country-container .title {
font-size: 14px;
color: #272829;
}
.filters-block .title, .filters-block label {
font-weight: 480;
color: #000;
}
.filters-block .label {
font-weight: 300;
color: var(--text-base);
font-size: 16px;
line-height: 18px;
}
.offer-string-info-container {
display: flex;
gap: 5px;
color: #a7a4b2;
font-size: var(--text-size-3);
}
.offer-string-info-container .stars {
background: radial-gradient(circle at top right, #e7f2ff 0, #fff 130%);
border-radius: 5px;
padding: 0 5px;
}
.offer-string-info-wrapper {
justify-content: center;
gap: 8px;
}
.country-datalist {
background-color: #ffffff;
border-radius: 0 0 5px 5px;
font-family: 'Inter', sans-serif;
width: 100%;
flex-direction: column;
font-size: var(--text-size-3);
border: 1px solid #ece9e9;
padding: 25px 5px 10px;
margin-top: -20px;
display: none;
max-height: 200px;
overflow: overlay;
}
.input-container {
position: relative;
}
.country-datalist > div {
display: flex;
align-items: center;
gap: 8px;
padding: 6px 12px;
}
.popular-country-container {
gap: 10px;
}
.popular-country-list {
display: flex;
gap: 15px;
flex-wrap: wrap;
}
.popular-country-list > div {
display: flex;
align-items: center;
gap: 5px;
font-size: var(--text-size-3);
cursor: pointer;
}
.popular-country-list > div > img {
border-radius: 4.33px;
}
.catalog-banner .title {
font-size: 42px;
font-weight: 540;
}
strong {
font-weight: 500;
}
.catalog-banner .button {
padding: 19px 0;
font-size: 16px;
border-radius: 10px;
background: #00000045;
color: #fff;
white-space: nowrap;
}
.catalog-banner .button:hover {
background: #00000055;
}
.catalog-banner {
max-height: 310px;
display: flex;
width: 50%;
overflow: hidden;
border-radius: 15px;
background: #3a4edc;
user-select: none;
}
.catalog-banner .text-container {
justify-content: space-between;
color: #fff;
padding: 30px 40px;
width: 52%;
}
.catalog-banner .image-container {
margin-top: -45px;
filter: blur(10px);
}
.image-line img {
border-radius: 20px;
}
img {
pointer-events: none;
}
.image-line:nth-child(even) {
margin-top: -25px;
}
.sources {
display: flex;
gap: 2px 10px;
flex-wrap: wrap;
font-size: 16px;
font-weight: 300;
color: #989aa0;
align-items: center;
line-height: 16px;
}
.source-svg {
background-image: url(//teoads.com/assets/img/check.svg);
background-repeat: no-repeat;
background-position-x: 2.5px;
background-position-y: 2.5px;
width: 20px;
height: 20px;
}
.source.restrict {
color: #f27171;
display: flex;
align-items: center;
}
.source.restrict > div {
text-align: center;
font-size: var(--text-size-3);
justify-content: center;
align-items: center;
line-height: 14px;
margin-right: 3px;
}
.offer-string-title-wrapper {
align-items: baseline;
gap: 8px;
}
.offer-id {
font-size: var(--text-size-3);
}
.country-datalist-option {
cursor: pointer;
}
.country-datalist-option span {
opacity: 0.5;
}
.country-datalist-option:hover {
background: #f0f7ff;
border-radius: 5px;
}
ol.numeric {
gap: 10px;
margin: 20px 0px;
position: relative;
}
#how-to-be .offer-logo {
width: 150px;
border-radius: 30px;
height: 150px;
right: 0;
top: -10px;
transform: rotate(356deg);
opacity: 0.25;
filter: blur(6px);
position: absolute;
z-index: -1;
}
ol.numeric li {
display: flex;
gap: 15px;
}
ol.numeric .number {
border-radius: 8px;
background: var(--blue);
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
color: #fff;
}
#how-to-be .text {
width: 80%;
}
.dialog-logo {
border-radius: 15px;
}
.offer-card-contact {
display: flex;
gap: 20px;
margin-top: auto;
align-items: center;
}
.offer-card-contact .job {
font-size: 90%;
font-weight: 300;
color: #ffffff65;
}
.offer-card-contact .job a {
color: #ffffff65;
}
.contact-card-links a {
padding: 3px;
background: #4575f4;
border-radius: 6px;
cursor: pointer;
color: #fff;
}
.contact-card-content {
gap: 4px;
}
.contact-card-links {
display: flex;
gap: 7px;
align-items: center;
line-height: 10px;
}
.offer-goals {
display: flex;
gap: 12px;
align-items: center;
}
.offer-goal {
display: flex;
align-items: center;
}
.all-offers h2 {
font-size: 34px;
}