.first-screen-wrap {
background-image:url('../images/pervyy-ekran.png');
padding:clamp(20px, 10.29px + 2.59vw, 60px);
border-radius:10px;
background-repeat:no-repeat;
background-size:cover;
background-position:center;
height:clamp(335px, 236.21px + 26.34vw, 742px);
display:flex;
flex-direction:column;
/* align-items:center; */
justify-content:center;
}
.first-screen-title {
font-family: var(--font-family);
font-weight: 600;
text-transform: uppercase;
}
.first-screen-section-text {
font-family: var(--font-family);
font-weight: 400;
font-size:clamp(16px, 14.06px + 0.52vw, 24px);
transition:font-size 0.3s ease;
}
.first-screen-section-text-end {
font-size:clamp(28px, 23.15px + 1.29vw, 48px);
text-transform: uppercase;
font-family: var(--font-family);
font-weight: 600;
transition:font-size 0.3s ease;
}
.first-screen-section ul {
list-style:none;
padding:0;
margin:0;
display:flex;
flex-wrap:wrap;
gap:20px;
margin-top:60px;
}
/* Блок the studio */
.the-studio-screen-wrap {
position:relative;
}
.the-studio-bg-text {
display:block;
position:absolute;
top:61%;
left:33%;
font-size:clamp(18px, 6.46px + 3.08vw, 36px);
text-transform: uppercase;
color: #4f3c56;
font-family: var(--font-family);
font-weight: 400;
transform: rotate(-90deg);
}
.the-studio-screen-left {
width:clamp(390px, 229.74px + 42.74vw, 640px);
}
.the-studio-screen-title {
text-transform: uppercase;
font-family: var(--font-family);
font-weight: 600;
}
.the-studio-screen-text {
font-size:clamp(16px, 14.06px + 0.52vw, 24px);
}
.the-studio-screen-right {
width:clamp(430px, 173.59px + 68.38vw, 830px);
}
.the-studio-screen-gallery {
gap:10px;
align-items:flex-end;
}
.the-studio-screen-gallery div {
display:flex;
flex-direction:column;
gap:10px;
}
.img-gallery-1 {
width:clamp(100px, 40.38px + 15.90vw, 193px);
height:clamp(140px, 56.67px + 22.22vw, 270px);
object-fit:cover;
border-radius:10px;
}
.img-gallery-2 {
width:clamp(182px, 73.67px + 28.89vw, 351px);
height:clamp(252px, 102.00px + 40.00vw, 486px);
object-fit:cover;
border-radius:10px;
}
.img-gallery-3, .img-gallery-4 {
width:clamp(138px, 55.95px + 21.88vw, 266px);
height:clamp(115px, 46.41px + 18.29vw, 222px);
object-fit:cover;
border-radius:10px;
}
/* Блок заработать может каждый */
.earnings-screen-wrap {
background-image:url('../images/zarabotat-mozhet-kazhdyy.png');
padding:clamp(20px, 10.29px + 2.59vw, 60px);
border-radius:10px;
background-repeat:no-repeat;
background-size:cover;
background-position:center;
height:clamp(452px, 384.52px + 17.99vw, 730px);
display:flex;
flex-direction:column;
/* align-items:center; */
justify-content:center;
}
.earnings-screen-title {
font-family: var(--font-family);
font-weight: 600;
text-transform: uppercase;
}
.earnings-screen-text {
font-family: var(--font-family);
font-weight: 400;
font-size:clamp(16px, 14.06px + 0.52vw, 24px);
transition:font-size 0.3s ease;
}
.earnings-screen-list {
gap:clamp(35px, 28.45px + 1.75vw, 62px);
margin-top:clamp(20px, 15.15px + 1.29vw, 40px);
margin-bottom:clamp(35px, 32.57px + 0.65vw, 45px);
}
.earnings-screen-item {
width:clamp(91px, 85.17px + 1.55vw, 115px);
/* outline:1px solid red; */
text-align:center;
}
.earnings-screen-item-icon-clock {
width:clamp(54px, 39.19px + 3.95vw, 115px);
height:clamp(51px, 35.95px + 4.01vw, 113px);
background-size:contain;
background-repeat:no-repeat;
background-position:center;
background-image:url('data:image/svg+xml,');
}
.earnings-screen-item-icon-watch {
width:clamp(54px, 39.19px + 3.95vw, 115px);
height:clamp(51px, 35.95px + 4.01vw, 113px);
background-size:contain;
background-repeat:no-repeat;
background-position:center;
background-image:url('data:image/svg+xml,');
}
.earnings-screen-item-icon-calendar {
width:clamp(54px, 39.19px + 3.95vw, 115px);
height:clamp(51px, 35.95px + 4.01vw, 113px);
background-size:contain;
background-repeat:no-repeat;
background-position:center;
background-image:url('data:image/svg+xml,');
}
.earnings-screen-item-title {
font-family: var(--font-family);
font-weight: 700;
text-align: center;
color: var(--d430a7);
margin-top:20px;
}
.earnings-screen-item-text {
text-align: center;
color: #fff;
font-family: var(--font-family);
font-weight: 400;
font-size:clamp(10px, 9.03px + 0.26vw, 14px);
padding:0;
margin:0;
}
/* Блок предложение */
.offer-screen-title {
font-family: var(--font-family);
font-weight: 600;
text-transform: uppercase;
text-align: center;
}
.offer-screen-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 24px;
text-align: center;
font-size:clamp(16px, 14.06px + 0.52vw, 24px);
}
.offer-screen-list {
gap:20px;
}
.offer-screen-item {
width:clamp(343px, 241.79px + 26.99vw, 760px);
border: 1px solid rgba(255, 255, 255, 0.5);
background: linear-gradient(45deg, #29282f 0%, #494754 98.36%);
border-radius: 10px;
padding:clamp(20px, 15.15px + 1.29vw, 40px);
gap:clamp(16px, 14.30px + 0.45vw, 23px);
}
.offer-screen-item-title {
font-family: var(--font-family);
font-weight: 600;
color: #fff;
}
.offer-screen-item-text {
font-family: var(--second-family);
font-weight: 300;
font-size:clamp(14px, 13.51px + 0.13vw, 16px) ;
/* line-height: 162%; */
color: #c2c2c2;
width:clamp(217px, 152.92px + 17.09vw, 481px);
}
.offer-screen-item-icon-clock {
width:clamp(70px, 59.08px + 2.91vw, 115px);
height:clamp(74px, 64.53px + 2.52vw, 113px);
background-size:contain;
background-repeat:no-repeat;
background-position:center;
background-image:url('data:image/svg+xml,');
}
.offer-screen-item-icon-wallet {
width:clamp(72px, 55.50px + 4.40vw, 140px);
height:clamp(54px, 44.29px + 2.59vw, 94px);
background-size:contain;
background-repeat:no-repeat;
background-position:center;
background-image:url('data:image/svg+xml,');
}
.offer-screen-item-icon-height {
width:clamp(68px, 57.32px + 2.85vw, 112px);
height:clamp(66px, 51.68px + 3.82vw, 125px);
background-size:contain;
background-repeat:no-repeat;
background-position:center;
background-image:url('data:image/svg+xml,');
}
.offer-screen-item-icon-armchair {
width:clamp(70px, 54.47px + 4.14vw, 134px);
height:clamp(68px, 56.35px + 3.11vw, 116px);
background-size:contain;
background-repeat:no-repeat;
background-position:center;
background-image:url('data:image/svg+xml,');
}
.offer-screen-item-icon-wed-site {
width:clamp(70px, 60.29px + 2.59vw, 110px);
height:clamp(62px, 53.50px + 2.27vw, 97px);
background-size:contain;
background-repeat:no-repeat;
background-position:center;
background-image:url('data:image/svg+xml,');
}
.offer-screen-item-icon-studies {
width:clamp(70px, 53.74px + 4.34vw, 137px);
height:clamp(52px, 48.12px + 1.04vw, 68px);
background-size:contain;
background-repeat:no-repeat;
background-position:center;
background-image:url('data:image/svg+xml,');
}
.offer-screen-item-icon-office {
width:clamp(69px, 59.05px + 2.65vw, 110px);
height:clamp(64px, 52.11px + 3.17vw, 113px);
background-size:contain;
background-repeat:no-repeat;
background-position:center;
background-image:url('data:image/svg+xml,');
}
.offer-screen-item-icon-guarantee {
width:clamp(68px, 61.93px + 1.62vw, 93px);
height:clamp(70px, 60.29px + 2.59vw, 110px);
background-size:contain;
background-repeat:no-repeat;
background-position:center;
background-image:url('data:image/svg+xml,');
}
/* Блок что нужно для работы */
.needed-screen-list {
/* gap:clamp(20px, 15.15px + 1.29vw, 40px); */
padding-bottom:clamp(25px, 18.93px + 1.62vw, 50px);
border-bottom: 1px solid #37343e;
}
.needed-screen-title {
font-family: var(--font-family);
font-weight: 600;
text-transform: uppercase;
text-align: center;
}
.needed-screen-item {
width:clamp(162px, 81.90px + 21.36vw, 492px);
}
.needed-screen-item-icon {
width:clamp(114px, 96.77px + 4.60vw, 185px);
height:clamp(114px, 96.77px + 4.60vw, 185px);
border-radius:50%;
margin:0 auto;
position:relative;
top:50px;
}
.needed-screen-item-text {
width:100%;
height:clamp(167px, 154.62px + 3.30vw, 218px);
font-family: var(--font-family);
font-weight: 600;
font-size: clamp(14px, 11.57px + 0.65vw, 24px);
text-align: center;
color: #fff;
display:flex;
justify-content:center;
align-items:center;
background: #1c1a20;
border-radius:10px;
}
.needed-screen-item-text p {
width:clamp(143px, 85.72px + 15.28vw, 379px);
}
/* Блок как начать работать */
.begin-screen-title {
font-family: var(--font-family);
font-weight: 600;
text-transform: uppercase;
text-align: center;
}
.begin-screen-item {
width:clamp(162px, 129.23px + 8.74vw, 297px);
height:clamp(240px, 226.17px + 3.69vw, 297px);
border-radius: 10px;
fill: linear-gradient(180deg, #212127 0%, #2f2b33 100%);
background-size:100% 100%;
background-repeat:no-repeat;
background-position:center;
background-image:url('data:image/svg+xml,');
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
.begin-screen-item-icon {
width:clamp(134px, 130.84px + 0.84vw, 147px);
height:clamp(143px, 142.27px + 0.19vw, 146px);
border-radius: 10px;
background: #2f2c33;
}
.begin-screen-item-icon-user {
background-size:contain;
background-repeat:no-repeat;
background-position:center;
background-image:url('data:image/svg+xml,');
}
.begin-screen-item-icon-questionnaire {
background-size:clamp(45px, 37.23px + 2.07vw, 77px) clamp(62px, 51.32px + 2.85vw, 106px);
background-repeat:no-repeat;
background-position:center;
background-image:url('data:image/svg+xml,');
}
.begin-screen-item-icon-chat {
background-size:100px 109px;
background-repeat:no-repeat;
background-position:center;
background-image:url('data:image/svg+xml,');
}
.begin-screen-item-icon-communication {
background-size:101px 106px;
background-repeat:no-repeat;
background-position:center;
background-image:url('data:image/svg+xml,');
}
.begin-screen-item-icon-wallet {
background-size:clamp(97px, 92.63px + 1.17vw, 115px) clamp(87px, 83.12px + 1.04vw, 103px);
background-repeat:no-repeat;
background-position:center;
background-image:url('data:image/svg+xml,');
}
.begin-screen-item-text {
font-family: var(--font-family);
font-weight: 500;
font-size: clamp(14px, 12.54px + 0.39vw, 20px);
line-height: 130%;
text-align: center;
color: #fff;
width:clamp(118px, 89.12px + 7.70vw, 237px);
}
.the-content-wrap p {
font-family: var(--second-family);
font-weight: 300;
font-size: 16px;
line-height: 162%;
color: #fff;
}
.the-content-wrap ul {
font-family: var(--second-family);
font-weight: 300;
}
.custom-spisok {
margin-top:clamp(20px, 15.15px + 1.29vw, 40px);
margin-bottom:clamp(20px, 15.15px + 1.29vw, 40px);
}
.custom-spisok ul {
list-style:none;
padding:0px 0px 0px 29px;
margin:0;
position:relative;
}
.custom-spisok ul li {
margin-bottom:15px;
}
.custom-spisok ul li:last-child {
margin-bottom:0px;
}
.custom-spisok ul li:after {
content:"";
position:absolute;
left:0;
width:16px;
height:20px;
background-image:url('data:image/svg+xml,');
}
.custom-h3-title {
padding-top:clamp(15px, 11.36px + 0.97vw, 30px);
padding-bottom:clamp(15px, 11.36px + 0.97vw, 30px);
padding-left:38px;
border-top: 1px solid #424143;
border-bottom: 1px solid #424143;
margin-top:clamp(15px, 11.36px + 0.97vw, 30px);
margin-bottom:clamp(15px, 11.36px + 0.97vw, 30px);
position:relative;
font-family: var(--second-family);
font-weight: 300;
line-height: 100%;
color: #fff;
}
.custom-h3-title:after {
content:"";
position:absolute;
left:0;
width:30px;
height:27px;
background-image:url('data:image/svg+xml,');
}
.custom-spisok-two {
padding:0px 0px 0px 18px;
margin:0;
}
.custom-spisok-two li {
margin-bottom:15px;
}
.custom-spisok-two li:last-child {
margin-bottom:0px;
}
.custom-spisok-two li::marker {
color:#d430a7;
}
.custom-text-end {
font-size:clamp(18px, 16.54px + 0.39vw, 24px) !important;
font-family: var(--second-family);
font-weight: 300;
color: #fff;
margin-top:clamp(20px, 15.15px + 1.29vw, 40px);
}
/* Блок контакты */
.contact-screen-section {
height:clamp(426px, 395.66px + 8.09vw, 551px);
position:relative;
}
.social-link-icon {
width:clamp(38px, 27.81px + 2.72vw, 80px);
height:clamp(38px, 27.81px + 2.72vw, 80px);
display:flex;
justify-content:center;
align-items:center;
border-radius:50%;
background-color:#19181d;
}
.social-link-icon-tg:after {
content:"";
width:clamp(20px, 14.17px + 1.55vw, 44px);
height:clamp(17px, 12.39px + 1.23vw, 36px);
background-size:cover;
background-repeat:no-repeat;
background-position:center;
background-image:url('data:image/svg+xml,');
}
.social-link-icon-inst:after {
content:"";
width:clamp(20px, 14.42px + 1.49vw, 43px);
height:clamp(20px, 14.42px + 1.49vw, 43px);
background-size:cover;
background-repeat:no-repeat;
background-position:center;
background-image:url('data:image/svg+xml,');
}
.social-link-icon-wh:after {
content:"";
width:clamp(20px, 14.42px + 1.49vw, 43px);
height:clamp(20px, 14.42px + 1.49vw, 43px);
background-size:cover;
background-repeat:no-repeat;
background-position:center;
background-image:url('data:image/svg+xml,');
}
.social-link-item {
font-family: var(--second-family);
font-weight: 300;
font-size: clamp(14px, 11.57px + 0.65vw, 24px);
line-height: 108%;
text-align: center;
color: #fff;
align-items:center;
flex-wrap:wrap;
justify-content:center;
gap:5px;
}
.social-link {
gap:clamp(40px, 30.29px + 2.59vw, 80px);
}
.contact-screen-title {
text-transform:uppercase;
margin-bottom:clamp(20px, 17.57px + 0.65vw, 30px);
}
.contact-screen-girl {
width:clamp(290px, 207.23px + 22.07vw, 631px);
height:clamp(283px, 202.17px + 21.55vw, 616px);
background-image:url('../images/girls.png');
background-size:cover;
position:relative;
/* right:0; */
top:-53px;
}
.contact-screen-section:after {
content:"";
position:absolute;
width:clamp(236px, 233.00px + 0.31vw, 239px);
height:107px;
background-size:cover;
background-image:url('data:image/svg+xml,');
left:792px;
top:94px;
z-index:-1;
}
/* Блок категории */
.category-screen-title {
font-family: var(--font-family);
font-weight: 600;
text-transform: uppercase;
text-align: center;
color: #fff;
}
.category-screen-item-title {
font-family: var(--font-family);
font-weight: 500;
font-size: clamp(11px, 2.00px + 0.94vw, 20px);
line-height: 130%;
text-align: center;
color: #fff;
}
.category-screen-item {
width:clamp(137px, 47.00px + 9.38vw, 227px);
background: #1b1a20;
border-radius: clamp(6px, 2.00px + 0.42vw, 10px);
padding-top:clamp(20px, 5.00px + 1.56vw, 35px);
padding-bottom:clamp(20px, 5.00px + 1.56vw, 35px);
padding-left:clamp(6px, 1.00px + 0.52vw, 11px);
padding-right:clamp(6px, 1.00px + 0.52vw, 11px);
transition:all 0.5s;
}
.category-screen-item-icon {
width:clamp(124px, 43.00px + 8.44vw, 205px);
height:clamp(90px, 26.00px + 6.67vw, 154px);
display:flex;
justify-content:center;
align-items:center;
}
.category-screen-list {
margin-top:clamp(30px, 20.00px + 1.04vw, 40px);
}
.category-item-icon-news {
width:clamp(56px, 17.00px + 4.06vw, 95px);
height:clamp(63px, 19.00px + 4.58vw, 107px);
display:block;
transition:all 0.5s;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
background-image:url('data:image/svg+xml,');
}
.category-item-icon-story {
width:clamp(84px, 25.00px + 6.15vw, 143px);
height:clamp(63px, 19.00px + 4.58vw, 107px);
display:block;
transition:all 0.5s;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
background-image:url('data:image/svg+xml,');
}
.category-item-icon-video {
width:clamp(62px, 19.00px + 4.48vw, 105px);
height:clamp(64px, 19.00px + 4.69vw, 109px);
display:block;
transition:all 0.5s;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
background-image:url('data:image/svg+xml,');
}
.category-item-icon-articles {
width:clamp(45px, 13.00px + 3.33vw, 77px);
height:clamp(62px, 18.00px + 4.58vw, 106px);
display:block;
transition:all 0.5s;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
background-image:url('data:image/svg+xml,');
}
.category-item-icon-webcam {
width:clamp(63px, 19.00px + 4.58vw, 107px);
height:clamp(62px, 18.00px + 4.58vw, 106px);
display:block;
transition:all 0.5s;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
background-image:url('data:image/svg+xml,');
}
.category-item-icon-webcam2 {
width:clamp(84px, 25.00px + 6.15vw, 143px);
height:clamp(63px, 18.00px + 4.69vw, 108px);
display:block;
transition:all 0.5s;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
background-image:url('data:image/svg+xml,');
}
.category-screen-item:hover {
background: var(--d430a7);
}
.category-screen-item:hover .category-item-icon-news {
background-image: url('data:image/svg+xml,');
}
.category-screen-item:hover .category-item-icon-story {
background-image: url('data:image/svg+xml,');
}
.category-screen-item:hover .category-item-icon-video {
background-image: url('data:image/svg+xml,');
}
.category-screen-item:hover .category-item-icon-articles {
background-image: url('data:image/svg+xml,');
}
.category-screen-item:hover .category-item-icon-webcam {
background-image: url('data:image/svg+xml,');
}
.category-screen-item:hover .category-item-icon-webcam2 {
background-image: url('data:image/svg+xml,');
}
/* Блок популярные статьи */
.popular-articles-screen-title {
font-family: var(--font-family);
font-weight: 600;
text-transform: uppercase;
text-align: center;
color: #fff;
}
.popular-articles-item {
width:clamp(343px, 306.35px + 9.77vw, 494px);
background: #1b1a20;
display:block;
border-radius:10px;
}
.popular-articles-item__content {
padding-top:clamp(11px, 2.00px + 0.94vw, 20px);
padding-bottom:clamp(23px, 6.00px + 1.77vw, 40px);
padding-right:clamp(11px, 2.00px + 0.94vw, 20px);
padding-left:clamp(11px, 2.00px + 0.94vw, 20px);
background: #1b1a20;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
}
.popular-articles-item-date {
font-family: var(--second-family);
font-weight: 300;
font-size: 16px;
line-height: 162%;
color: var(--823c80);
}
.popular-articles-item-title {
font-family: var(--second-family);
font-weight: 400;
font-size: clamp(18px, 16.54px + 0.39vw, 24px);
color: var(--d430a7);
padding-top:4px;
padding-bottom:15px;
}
.popular-articles-item-content {
font-family: var(--second-family);
font-weight: 300;
font-size: clamp(12px, 11.03px + 0.26vw, 16px);
line-height: 162%;
color: #fff;
}
.popular-articles-item-image {
width:100%;
height:clamp(187px, 166.85px + 5.37vw, 270px);
padding-bottom:31px;
background-size:cover;
}
.popular-articles-button {
display:flex;
justify-content:center;
align-items:center;
}
.popular-articles-list {
padding-top:clamp(20px, 15.15px + 1.29vw, 40px);
padding-bottom:clamp(20px, 15.15px + 1.29vw, 40px);
}
/* Блок заявка */
.zayavka-screen-section {
width:100%;
padding-top:clamp(35px, 26.50px + 2.27vw, 70px);
/* padding-bottom:clamp(35px, 26.50px + 2.27vw, 70px); */
padding-left:clamp(45px, 34.08px + 2.91vw, 90px);
border:1px solid var(--d430a7);
border-radius:10px;
position:relative;
height:384px;
}
.zayavka-screen-wrap {
position:relative;
}
.zayavka-screen-title {
font-family: var(--font-family);
font-weight: 600;
text-transform: uppercase;
color: #fff;
padding-bottom:15px;
}
.zayavka-screen-section ul {
list-style:none;
padding:0;
margin:0;
display:flex;
gap:20px;
flex-wrap:wrap;
}
.decorative-element-1 {
width:clamp(323px, 237.56px + 22.78vw, 675px);
height:clamp(211px, 155.42px + 14.82vw, 440px);
position:absolute;
bottom:0;
right:0;
}
.decorative-element-2 {
position:absolute;
left:clamp(-111px, -222.00px + 11.56vw, 0px);
top:-49px;
z-index:-1;
}
.decorative-element-3 {
position:absolute;
width:clamp(145px, 71.00px + 7.71vw, 219px);
height:clamp(250px, 123.00px + 13.23vw, 377px);
right:0;
top:-30.56px;
z-index:2;
}
.decorative-element-4 {
position:absolute;
left:93px;
top:260px;
z-index:2;
}
.decorative-element-5 {
position:absolute;
right:625px;
top:295px;
z-index:2;
}
.decorative-element-6 {
position:absolute;
top:-85px;
right:380px;
z-index:2;
}
/* Вопрос ответ */
.faq-section {
/* padding: 40px 20px; */
color: #fff;
}
.faq-section h2 {
font-family: var(--font-family);
font-weight: 600;
text-transform: uppercase;
color: #fff;
padding-bottom:35px;
}
.faq-item {
background: linear-gradient(45deg, #29282f 0%, #494754 98.36%);
border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 10px;
margin-bottom: 15px;
overflow: hidden;
transition: all 0.3s ease;
}
.faq-question {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px;
font-size: 20px;
cursor: pointer;
}
.faq-question .icon {
background: #b3399b;
border-radius: 50%;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: bold;
margin-right: 15px;
font-size: 20px;
}
.faq-question span:nth-child(2) {
flex: 1;
}
.faq-question .toggle {
font-size: 30px;
color: #e00091;
}
.faq-question-title {
font-family: var(--font-family);
font-weight: 600;
font-size: clamp(16px, 14.06px + 0.52vw, 24px);
color: #fff;
}
.faq-answer {
padding: 0 20px 20px 70px;
line-height: 1.5;
font-family: var(--font-family);
font-weight: 400;
font-size: clamp(14px, 13.51px + 0.13vw, 16px);
color: #fff;
display: block;
}
.faq-item:not(.open) .faq-answer {
display: none;
}
.toggle {
position: relative;
width: 24px;
height: 24px;
margin-left: 15px;
transition: transform 0.3s ease;
}
.toggle::before,
.toggle::after {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 3px;
background-color: #e00091;
border-radius: 2px;
transition: transform 0.3s ease;
}
.toggle::before {
transform: translateY(-50%) rotate(0deg);
}
.toggle::after {
transform: translateY(-50%) rotate(90deg);
}
.faq-item.open .toggle::before {
transform: translateY(-50%) rotate(45deg);
}
.faq-item.open .toggle::after {
transform: translateY(-50%) rotate(-45deg);
}
@media (max-width: 767px) {
.wrap {
padding:0px;
}
.first-screen-section-text-end, .first-screen-section ul, .the-studio-screen-wrap {
display:none;
}
.first-screen-wrap {
background-image:url('../images/pervyy-ekran.png');
border-radius:0px;
justify-content:flex-end;
}
.earnings-screen-wrap {
background-image:none;
background-color:#141316;
margin-top:0px;
border-radius:0px;
}
.first-screen-title {
width:86%;
}
.d-none {
display:none;
}
.begin-screen-item-text {
overflow-wrap: break-word;
word-break: break-word;
}
.break-text {
/* display: inline; */
}
.begin-screen-item {
background-image:url('data:image/svg+xml,');
}
.page-template-main-page section {
padding:0px 10px;
}
.offer-screen-list {
justify-content:center;
}
.needed-screen-item-icon {
top:40px;
}
.earnings-screen-section {
text-align:center;
}
.earnings-screen-item-icon-clock, .earnings-screen-item-icon-watch, .earnings-screen-item-icon-calendar {
margin:0 auto;
}
.custom-h3-title:after {
top:20px;
}
.contact-screen-section:after, .category-screen-wrap {
display:none;
}
.popular-articles-item {
width:100%;
}
.zayavka-screen-section {
height:469px;
}
.contact-screen-girl {
top:0;
margin:0 auto;
}
.decorative-element-3, .decorative-element-2, .decorative-element-4 {
display:none;
}
.decorative-element-5 {
left:0;
top:360px;
}
.decorative-element-6 {
right:0;
top:240px;
width:110px;
height:110px;
}
.zayavka-screen-title {
text-align:center;
padding-top:15px;
}
.zayavka-screen-section ul li {
width:100%;
}
.zayavka-screen-section ul li .button-style {
width:100%;
text-align:center;
}
.zayavka-screen-section ul li .button-style-two {
width:100%;
text-align:center;
}
.popular-articles-list {
flex-wrap:nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
gap: 16px;
}
.popular-articles-item {
flex: 0 0 auto;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.wrap {
padding:0;
}
.first-screen-wrap {
background-size:100% 100%;
padding:20px;
background-image:url('../images/pervyy-ekran.png');
}
.first-screen-section-text {
width:50%;
}
.first-screen-section ul {
margin-top:20px;
}
.begin-screen-item {
width:175px;
background-image:url('data:image/svg+xml,')
}
.begin-screen-item-icon {
width: 79px;
height: 84px;
}
.begin-screen-item-icon-questionnaire {
background-size:45px 62px;
}
.begin-screen-item-icon-chat {
background-size:59px 64px;
}
.begin-screen-item-icon-communication {
background-size:59px 62px;
}
.begin-screen-item-icon-wallet {
background-size:67px 60px;
}
.begin-screen-item-text {
width:139px;
overflow-wrap: break-word;
word-break: break-word;
margin:11px 0px 0px 0px;
font-size:12px;
}
.offer-screen-item {
width:448px;
}
.contact-screen-section {
height:clamp(310px, 69.00px + 25.10vw, 551px);
}
.contact-screen-girl {
width:clamp(375px, 119.00px + 26.67vw, 631px);
height:clamp(366px, 116.00px + 26.04vw, 616px);
}
.contact-screen-section:after {
left:415px;
top:55px;
}
.popular-articles-item {
width:clamp(293px, 92.00px + 20.94vw, 494px);
}
.popular-articles-item-image {
height:clamp(160px, 50.00px + 11.46vw, 270px);
}
.decorative-element-1 {
width:clamp(388px, 101.00px + 29.90vw, 675px);
height:clamp(253px, 66.00px + 19.48vw, 440px);
}
.decorative-element-5 {
right:245px;
}
.decorative-element-6 {
top:-25px;
right:148px;
}
.the-studio-bg-text {
top:27%;
left:30%;
}
.the-studio-screen-right {
/* margin:0 auto; */
width:431px;
padding-right:10px;
}
.earnings-screen-item {
display:flex;
flex-direction:column;
align-items:center;
}
.the-studio-screen-left {
width:389px;
}
.img-gallery-1 {
width:100px;
height:140px;
}
.img-gallery-2 {
width:182px;
height:252px;
}
.img-gallery-3, .img-gallery-4 {
width:138px;
height:115px;
}
.offer-screen-list {
justify-content:center;
}
.the-studio-screen-wrap {
justify-content:space-around;
}
.needed-screen-section, .begin-screen-section, .calculator-screen-section, .the-content-section, .contact-screen-section, .category-screen-section, .popular-articles-screen-section, .faq-section-wrap {
padding:0 10px;
}
.zayavka-screen-section {
padding-top: clamp(35px, 26.50px + 2.27vw, 70px) !important;
/* padding-bottom: clamp(35px, 26.50px + 2.27vw, 70px); */
padding-left: clamp(45px, 34.08px + 2.91vw, 90px) !important;
}
.earnings-screen-text {
max-width:472px;
width:100%;
}
}