#footer{border-top: 0;} #index_index #page_main { overflow-x: hidden; margin-bottom: -1px } #index_index #page_main .hero { color: #fff;position: relative; min-height: 350px; text-align: center;} #index_index #page_main .hero picture img{min-height: 350px;object-fit: cover;} #index_index #page_main .hero .hero_content{position: absolute;top: 6vw;width: 100%;box-sizing: border-box;} #index_index #page_main .hero .hero_text { padding: 20px 0; } #index_index #page_main .hero .hero_text .hero_title { color: #fff; margin: 0 0 10px; font-size: var(--font-h3-size-bp-sm); line-height: var(--font-h3-line-height-bp-sm); letter-spacing: var(--font-h3-spacing-bp-sm); } #index_index #page_main .hero .hero_text .hero_desc { margin-bottom: 20px; max-width: 640px; font-size: var(--font-p-lg-size-bp-sm); line-height: var(--font-p-lg-line-height-bp-sm); letter-spacing: var(--font-p-lg-spacing-bp-sm); } #index_index #page_main .hero .test_button{box-sizing: border-box;vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; font-family: var(--font-family-text); font-weight: var(--font-btn-font-weight); text-decoration: none; text-wrap: balance; outline: 0; width: auto; border: 1px solid transparent; transition: all .2s ease-in-out; cursor: pointer; font-size: var(--font-btn-60-size); line-height: var(--font-btn-60-line-height); letter-spacing: var(--font-btn-60-spacing); height: 60px; padding: 14px 40px; gap: 10px; border-radius: 40px; background-color: #88619a; border-color: #88619a; color: #fff; } #index_index #page_main .hero .test_button .right_icon{ width: 18px; height: 18px; } #index_index #page_main .hero .test_button .right_icon path{ fill: #fff;} #index_index #page_main .hero .test_button:hover { background-color: #6c4d7b; border-color: #6c4d7b; } #index_index #page_main .hero .test_button:hover:hover .right_icon { animation: moveArrowRight .5s ease-in-out both; } #index_index #page_main .metrics { margin: 30px 15px 15px; display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; } #index_index #page_main .metrics .metric { text-align: center } #index_index #page_main .metrics .metric .metric_value{ font-family: var(--font-family-titles); font-weight: var(--font-titles-weight); font-size: var(--font-h1-size-bp-sm); line-height: var(--font-h1-line-height-bp-sm); letter-spacing: var(--font-h1-spacing-bp-sm); color: rgb(var(--rgb-blue)); } #index_index #page_main .metrics .metric .metric_value.text_yellow { color: rgb(var(--rgb-yellow)); } #index_index #page_main .metrics .metric .metric_value.text_blue { color: rgb(var(--rgb-blue)); } #index_index #page_main .metrics .metric .metric_value.text_green { color: rgb(var(--rgb-green)); } #index_index #page_main .metrics .metric .metric_value.text_purple { color: rgb(var(--rgb-purple)); } #index_index #page_main .metrics .metric .metric_label { font-size: var(--font-p-sm-size-bp-sm); line-height: var(--font-p-sm-line-height-bp-sm); letter-spacing: var(--font-p-sm-spacing-bp-sm); } #index_index #page_main .resource .resource_shape{ display: block; width: 100%; background-color: #fff; margin-top: 40px; transform: rotate(180deg); height: 11px; } #index_index #page_main .resource .resource_shape path { fill: #f6f6f7; } #index_index #page_main .resource .resource_shape.resource_shape--bottom{ height: 20px; transform: rotate(0deg); } #index_index #page_main .resource .resource_inner{ display: flex; flex-direction: column; align-items: center; margin-left: 15px; margin-right: 15px; padding: 25px 0; } #index_index #page_main .resource .resource_inner .resource_scene{ box-sizing: border-box;display: flex; align-items: center; justify-content: center; margin-bottom: 20px; margin-top: 0; max-width: 400px; } #index_index #page_main .resource .resource_inner .resource_scene img { width: 100%; height: auto; } #index_index #page_main .resource .resource_inner .resource_text{text-align: center;} #index_index #page_main .resource .resource_inner .resource_text .resource_tag{ margin: 0 0 8px; font-size: var(--font-p-tn-size-bp-sm); line-height: var(--font-p-tn-line-height-bp-sm); letter-spacing: var(--font-p-tn-spacing-bp-sm); font-weight: var(--font-text-bold-weight); text-transform: uppercase !important; } #index_index #page_main .resource .resource_inner .resource_text .resource_tag.text_green{ color: rgb(var(--rgb-green)); } #index_index #page_main .resource .resource_inner .resource_text .resource_title { margin: 0 0 40px; padding: 0; font-size: var(--font-h2-size-bp-sm); line-height: var(--font-h2-line-height-bp-sm); letter-spacing: var(--font-h2-spacing-bp-sm); margin-bottom: 10px; } #index_index #page_main .resource .resource_inner .resource_text .resource_subtitle { margin-bottom: 20px; font-size: var(--font-p-md-size-bp-sm); line-height: var(--font-p-md-line-height-bp-sm); letter-spacing: var(--font-p-md-spacing-bp-sm); } #index_index #page_main .resource .resource_inner .resource_text .resource_actions { display: flex; flex-direction: column; justify-content: center;align-items: center; } #index_index #page_main .resource .resource_inner .resource_text .resource_button{ box-sizing: border-box;color: #fff; border-radius: 40px; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; font-family: var(--font-family-text); font-weight: var(--font-btn-font-weight); text-decoration: none; text-wrap: balance; outline: 0; width: auto; border: 1px solid transparent; transition: all .2s ease-in-out; cursor: pointer; font-size: var(--font-btn-50-size); line-height: var(--font-btn-50-line-height); letter-spacing: var(--font-btn-50-spacing); height: 50px; padding: 10px 25px; gap: 8px; } #index_index #page_main .resource .resource_inner .resource_text .resource_button.button_green{ color: #fff; background-color: rgb(var(--rgb-green)); border-color: rgb(var(--rgb-green)); } #index_index #page_main .resource .resource_inner .resource_text .resource_button.button_green:hover{ background-color: #28835c; border-color: #28835c; } #index_index #page_main .resource .resource_inner .resource_text .resource_button.button_blue{ color: #fff; background-color: rgb(var(--rgb-blue)); border-color: rgb(var(--rgb-blue)); } #index_index #page_main .resource .resource_inner .resource_text .resource_button.button_blue:hover{ background-color: #347990; border-color: #347990; } #index_index #page_main .resource .resource_inner .resource_text .theory_button{ box-sizing: border-box;display: inline-flex; align-items: center; outline: 0; transition: all .2s ease-in-out, padding 0s, margin 0s, font-size 0s; -webkit-text-decoration-skip: none; text-underline-offset: .32em; color: rgb(var(--rgb-blue)); font-size: var(--font-caps-size); line-height: var(--font-caps-line-height); letter-spacing: var(--font-caps-spacing); font-weight: var(--font-caps-weight); text-transform: uppercase; text-decoration: underline; text-decoration-color: transparent; vertical-align: middle; gap: 6px; margin-top: 20px; } #index_index #page_main .resource .resource_inner .resource_text .theory_button .right_icon{ width: 14px; height: 14px; fill: rgb(var(--rgb-blue)); } #index_index #page_main .resource .resource_inner .resource_text .theory_button:hover{ text-decoration-color: var(--link-blue-underline-50); } #index_index #page_main .testimonials{ display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; padding-top: 30px; background-color: #f6f6f7; } #index_index #page_main .testimonials .resource_shape { display: block; width: 100%; height: 20px; background-color: #fff; transform: rotate(180deg) scaleX(-1); } #index_index #page_main .testimonials .resource_shape path { fill: #f6f6f7; } #index_index #page_main .testimonials .testimonials_quote{ display: flex; align-items: center; justify-content: center; clip-path: polygon(10% 19%, 54% 0, 96% 17%, 100% 83%, 54% 100%, 0 74%); width: 24px; height: 22px; } #index_index #page_main .testimonials .testimonials_quote.testimonials_quote--top{ margin: -30px 0 40px; width: 50px; height: 45px; background-color: #e4ae3a; } #index_index #page_main .testimonials .testimonials_quote.testimonials_quote--top svg { width: 20px; height: 20px; } #index_index #page_main .testimonials .testimonials_star { position: absolute; width: 12px; height: 12px; animation: pulse infinite ease-in-out; } #index_index #page_main .testimonials .testimonials_star.testimonials_star--1 { top: 30px; left: calc(50% - 46px); animation-delay: 1s; animation-duration: 2.9s; } #index_index #page_main .testimonials .testimonials_star.testimonials_star--1 path { fill: #8dc1d2; } #index_index #page_main .testimonials .testimonials_star.testimonials_star--2 { top: 0; left: calc(50% - 67px); animation-delay: .5s; animation-duration: 3.1s; } #index_index #page_main .testimonials .testimonials_star.testimonials_star--2 path { fill: #addac7; } #index_index #page_main .testimonials .testimonials_star.testimonials_star--3 { top: -10px; left: calc(50% - 40px); animation-duration: 2.75s; } #index_index #page_main .testimonials .testimonials_star.testimonials_star--3 path { fill: #e9be61; } #index_index #page_main .testimonials .testimonials_star.testimonials_star--4 { top: -3px; left: calc(50% + 55px); animation-delay: 1.2s; animation-duration: 2.6s; } #index_index #page_main .testimonials .testimonials_star.testimonials_star--4 path { fill: #b7a0c2; } #index_index #page_main .testimonials .testimonials_star.testimonials_star--5 { top: 6px; left: calc(50% + 31px); animation-delay: .6s; animation-duration: 2.7s; } #index_index #page_main .testimonials .testimonials_star.testimonials_star--5 path { fill: #f4deb0; } #index_index #page_main .testimonials .testimonials_star.testimonials_star--6 { top: 25px; left: calc(50% + 43px); animation-delay: .8s; animation-duration: 3s; } #index_index #page_main .testimonials .testimonials_star.testimonials_star--6 path { fill: #e9be61; } #index_index #page_main .testimonials .testimonials_star.testimonials_star--smaller { width: 10px; height: 10px; } #index_index #page_main .testimonials .testimonials_inner { margin-left: 15px; margin-right: 15px; display: flex; align-items: center; justify-content: center; flex-direction: column } #index_index #page_main .testimonials .testimonials_inner .testimonials_tag{ text-transform: uppercase !important; font-weight: var(--font-text-bold-weight); font-size: var(--font-p-tn-size-bp-sm); line-height: var(--font-p-tn-line-height-bp-sm); letter-spacing: var(--font-p-tn-spacing-bp-sm); color: rgb(var(--rgb-yellow)); margin: 0 0 5px; } #index_index #page_main .testimonials .testimonials_inner .testimonials_title{ font-family: var(--font-family-titles); font-weight: var(--font-titles-weight); font-stretch: var(--font-titles-stretch); color: #343c4b; margin: 0 0 40px; padding: 0; font-size: var(--font-h2-size-bp-sm); line-height: var(--font-h2-line-height-bp-sm); letter-spacing: var(--font-h2-spacing-bp-sm); text-wrap: balance; text-align: center; } #index_index #page_main .testimonials .testimonials_carousel{ width: 100%; } #index_index #page_main .testimonials .testimonials_carousel .carousel_swiper{ display: flex; cursor: grab; } #index_index #page_main .testimonials .testimonials_carousel .carousel_swiper .swiper-wrapper{ display: flex; padding-bottom: 50px; } #index_index #page_main .testimonials .testimonials_carousel .carousel_swiper .swiper-wrapper .swiper-slide { width: 100%; display: flex; justify-content: center; flex-direction: column; justify-content: space-between; gap: 10px; height: 100%;} #index_index #page_main .testimonials .testimonials_carousel .testimonial_card{ background-color: #fff; border-radius: 10px; border: solid 1px #dddfe2; transition: all .2s ease-in-out; position: relative; width: 100%; border: none; } #index_index #page_main .testimonials .testimonials_carousel .testimonial_card .card_line { margin: 0; border: none; transform: rotate(360deg); position: absolute; top: 0; left: 0; right: 0; clip-path: polygon(0 0, 100% 0, 100% 40%, 0 40%); height: 10px; width: auto; border-radius: 10px 10px 0 0; } #index_index #page_main .testimonials .testimonials_carousel .testimonial_card .card_body{ padding: 24px 20px 20px; } #index_index #page_main .testimonials .testimonials_carousel .testimonial_card .card_text{ font-size: var(--font-p-sm-size-bp-sm); line-height: var(--font-p-sm-line-height-bp-sm); letter-spacing: var(--font-p-sm-spacing-bp-sm); } #index_index #page_main .testimonials .testimonials_carousel .testimonial_card .user { display: flex; align-items: center; margin-bottom: 13px; gap: 20px; } #index_index #page_main .testimonials .testimonials_carousel .testimonial_card .user_photo { position: relative; flex-shrink: 0; } #index_index #page_main .testimonials .testimonials_carousel .testimonial_card .user_name{ font-family: var(--font-family-titles); font-weight: var(--font-titles-weight); font-size: var(--font-h7-size-bp-sm); line-height: var(--font-h7-line-height-bp-sm); letter-spacing: var(--font-h7-spacing-bp-sm); } #index_index #page_main .testimonials .testimonials_carousel .testimonial_card .user_personality_nice{ text-transform: uppercase !important; font-weight: var(--font-text-bold-weight) !important; font-size: var(--font-p-tn-size-bp-sm); line-height: var(--font-p-tn-line-height-bp-sm); letter-spacing: var(--font-p-tn-spacing-bp-sm); } #index_index #page_main .testimonials .testimonials_carousel .testimonial_card .user_personality_code{ font-size: var(--font-p-tn-size-bp-sm); line-height: var(--font-p-tn-line-height-bp-sm); letter-spacing: var(--font-p-tn-spacing-bp-sm); } #index_index #page_main .testimonials .testimonials_carousel .testimonial_card .testimonials_quote-wrapper { display: flex; align-items: center; justify-content: center; clip-path: polygon(10% 19%, 54% 0, 96% 17%, 100% 83%, 54% 100%, 0 74%); width: 30px; height: 28px; position: absolute; bottom: -1px; inset-inline-start: -8px; background-color: #fff; display: none; } #index_index #page_main .testimonials .testimonials_carousel .testimonial_card .user_photo img{border-radius: 999px;} /* #index_index #page_main .testimonials .testimonials_carousel .testimonial_card:nth-child(4n+1) .user_photo img { clip-path: polygon(56.25% 0%,10% 25%,0% 75%,47.5% 100%,100% 81.25%,93.75% 18.75%) } #index_index #page_main .testimonials .testimonials_carousel .testimonial_card:nth-child(4n+2) .user_photo img { clip-path: polygon(56.25% 0%,10% 12.5%,0% 68.75%,35% 100%,100% 81.25%,93.75% 18.75%) } #index_index #page_main .testimonials .testimonials_carousel .testimonial_card:nth-child(4n+3) .user_photo img { clip-path: polygon(43.75% 0%,0% 25%,6.25% 81.25%,60% 100%,100% 75%,93.75% 12.5%) } #index_index #page_main .testimonials .testimonials_carousel .testimonial_card:nth-child(4n+4) .user_photo img { clip-path: polygon(43.75% 0%,0% 31.25%,12.5% 87.5%,60% 100%,93.75% 87.5%,100% 31.25%,87.5% 12.5%) } */ #index_index #page_main .testimonials .testimonials_carousel .testimonial_card.card_blue .card_line{ background-color: #4298b4; } #index_index #page_main .testimonials .testimonials_carousel .testimonial_card.card_blue .testimonials_quote { background-color: #4298b4 } #index_index #page_main .testimonials .testimonials_carousel .testimonial_card.card_blue .user_personality, #index_index #page_main .testimonials .testimonials_carousel .testimonial_card.card_blue .user_code { color: rgb(var(--rgb-blue)) } #index_index #page_main .testimonials .testimonials_carousel .testimonial_card.card_green .card_line{ background-color: #33a474; } #index_index #page_main .testimonials .testimonials_carousel .testimonial_card.card_green .testimonials_quote { background-color: #33a474 } #index_index #page_main .testimonials .testimonials_carousel .testimonial_card.card_green .user_personality, #index_index #page_main .testimonials .testimonials_carousel .testimonial_card.card_green .user_code { color: rgb(var(--rgb-green)) } #index_index #page_main .testimonials .testimonials_carousel .testimonial_card.card_purple .card_line{ background-color: #88619a; } #index_index #page_main .testimonials .testimonials_carousel .testimonial_card.card_purple .testimonials_quote { background-color: #88619a } #index_index #page_main .testimonials .testimonials_carousel .testimonial_card.card_purple .user_personality, #index_index #page_main .testimonials .testimonials_carousel .testimonial_card.card_purple .user_code { color: rgb(var(--rgb-purple)) } #index_index #page_main .testimonials .testimonials_carousel .testimonial_card.card_yellow .card_line{ background-color: #e4ae3a; } #index_index #page_main .testimonials .testimonials_carousel .testimonial_card.card_yellow .testimonials_quote { background-color: #e4ae3a } #index_index #page_main .testimonials .testimonials_carousel .testimonial_card.card_yellow .user_personality, #index_index #page_main .testimonials .testimonials_carousel .testimonial_card.card_yellow .user_code { color: rgb(var(--rgb-yellow)) } #index_index #page_main .testimonials .testimonials_carousel .testimonial_card .common{ font-size: var(--font-p-sm-size-bp-sm); line-height: var(--font-p-sm-line-height-bp-sm); letter-spacing: var(--font-p-sm-spacing-bp-sm); } #index_index #page_main .testimonials .testimonials_carousel .carousel_arrows{ position: relative; z-index: 1; margin-bottom: 25px; margin-top: -30px; display: flex; align-items: center; justify-content: center; gap: 10px; } #index_index #page_main .testimonials .testimonials_carousel .carousel_arrows .carousel_arrows_button{ vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; font-family: var(--font-family-text); font-weight: var(--font-btn-font-weight); text-decoration: none; text-wrap: balance; outline: 0; transition: all .2s ease-in-out; cursor: pointer; font-size: var(--font-btn-40-size); line-height: var(--font-btn-40-line-height); letter-spacing: var(--font-btn-40-spacing); height: 40px; gap: 6px; border-radius: 100px; background-color: #fff; border: none; color: rgba(52, 60, 75, .5); width: 40px; padding: 0; } #index_index #page_main .testimonials .testimonials_carousel .carousel_arrows .carousel_arrows_button .size_inherit{ width: 18px; height: 18px; transition: .1s ease-in-out opacity, .1s ease-in-out transform; } #index_index #page_main .testimonials .testimonials_carousel .carousel_arrows .carousel_arrows_button .size_inherit path{ fill: rgba(52, 60, 75, .5); } #index_index #page_main .testimonials .testimonials_carousel .carousel_arrows .carousel_arrows_button-left .size_inherit{ transform: scaleX(1) rotate(90deg); } #index_index #page_main .testimonials .testimonials_carousel .carousel_arrows .carousel_arrows_button-right .size_inherit{ transform: scaleX(1) rotate(-90deg); } #index_index #page_main .testimonials .testimonials_carousel .carousel_arrows .carousel_arrows_button:hover{ background-color: #ebeced; color: #343c4b; } #index_index #page_main .testimonials .testimonials_carousel .carousel_arrows .carousel_arrows_button:hover .size_inherit path{ fill: #343c4b; } #index_index #page_main .testimonials .testimonials_carousel .carousel_arrows .carousel_arrows_button:disabled{ background-color: rgba(255, 255, 255, .5); pointer-events: none; } #index_index #page_main .testimonials .testimonials_carousel .carousel_arrows .carousel_arrows_button:disabled .size_inherit{ opacity: .5; } #index_index #page_main .cta { position: relative; min-height: 350px; text-align: center;} #index_index #page_main .cta picture img{min-height: 350px;object-fit: cover;} #index_index #page_main .cta .cta_content{position: absolute;bottom: 40px;width: 100%;box-sizing: border-box;} #index_index #page_main .cta .cta_content_inner{display: flex; flex-direction: column; align-items: center;} #index_index #page_main .cta .cta_title { text-align: center; color: #fff; margin: 20px 0; font-size: var(--font-h3-size-bp-sm); line-height: var(--font-h3-line-height-bp-sm); letter-spacing: var(--font-h3-spacing-bp-sm); font-family: var(--font-family-titles); font-weight: var(--font-titles-weight); font-stretch: var(--font-titles-stretch); } #index_index #page_main .cta .test_button{box-sizing: border-box;vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; font-family: var(--font-family-text); font-weight: var(--font-btn-font-weight); text-decoration: none; text-wrap: balance; outline: 0; width: auto; border: 1px solid transparent; transition: all .2s ease-in-out; cursor: pointer; font-size: var(--font-btn-60-size); line-height: var(--font-btn-60-line-height); letter-spacing: var(--font-btn-60-spacing); height: 60px; padding: 14px 40px; gap: 10px; border-radius: 40px; background-color: #88619a; border-color: #88619a; color: #fff; } #index_index #page_main .cta .test_button .right_icon{ width: 18px; height: 18px; } #index_index #page_main .cta .test_button .right_icon path{ fill: #fff; } #index_index #page_main .cta .test_button:hover { background-color: #6c4d7b; border-color: #6c4d7b; } #index_index #page_main .cta .test_button:hover:hover .right_icon { animation: moveArrowRight .5s ease-in-out both; } @keyframes pulse { 0%,to { opacity: 1 } 50% { opacity: 0 } } @keyframes moveArrowRight { 0%,to { transform: none } 50% { transform: translate(5px) } } @keyframes moveArrowLeft { 0%,to { transform: scaleX(-1) } 50% { transform: scaleX(-1) translate(5px) } } @media (min-width: 460px) { #index_index #page_main .resource .resource_inner .resource_text .resource_actions { flex-direction:row; align-items: center; gap: 20px } #index_index #page_main .resource .resource_inner .resource_text .theory_button { margin-top: 0 } } @media (min-width: 768px) { #index_index #page_main .hero .hero_content{top: 50px;} #index_index #page_main .hero .hero_text { padding: 30px 0; text-align: center; display: flex; align-items: center; flex-direction: column; } #index_index #page_main .hero .hero_text .hero_title { margin: 0 0 10px; font-size: var(--font-h2-size-bp-md); line-height: var(--font-h2-line-height-bp-md); letter-spacing: var(--font-h2-spacing-bp-md); } #index_index #page_main .hero .hero_text .hero_desc { margin-bottom: 15px; font-size: var(--font-p-lg-size-bp-md); line-height: var(--font-p-lg-line-height-bp-md); letter-spacing: var(--font-p-lg-spacing-bp-md); } #index_index #page_main .hero .test_button .right_icon{ width: 22px; height: 22px; } #index_index #page_main .metrics { margin: 50px 20px 60px; grid-template-columns: repeat(4,1fr); gap: 20px;} #index_index #page_main .metrics .metric .metric_value{ font-size: var(--font-h1-size-bp-md); line-height: var(--font-h1-line-height-bp-md); letter-spacing: var(--font-h1-spacing-bp-md); margin-bottom: 10px; } #index_index #page_main .metrics .metric .metric_label { font-size: var(--font-p-sm-size-bp-md); line-height: var(--font-p-sm-line-height-bp-md); letter-spacing: var(--font-p-sm-spacing-bp-md); } #index_index #page_main .resource .resource_shape{ margin-top: 60px; height: 24px; } #index_index #page_main .resource .resource_shape.resource_shape--bottom{ height: 32px; } #index_index #page_main .resource .resource_inner{ margin-left: 20px; margin-right: 20px; display: flex; align-items: center; flex-direction: row; justify-content: space-between; padding: 40px 0;} #index_index #page_main .resource .resource_inner.resource_inner--reverse{ flex-direction: row-reverse; } #index_index #page_main .resource .resource_inner .resource_scene{ margin-top: 9px; width: 480px; flex: 0 0 480px; height: 310px; max-width: none;} #index_index #page_main .resource .resource_inner .resource_scene.resource_scene--left { margin-inline-start: -146px; margin-inline-end: 40px; } #index_index #page_main .resource .resource_inner .resource_scene.resource_scene--right { margin-inline-start: 40px; margin-inline-end: -146px; } #index_index #page_main .resource .resource_inner .resource_text{text-align: left;} #index_index #page_main .resource .resource_inner .resource_text .resource_tag{ font-size: var(--font-p-tn-size-bp-md); line-height: var(--font-p-tn-line-height-bp-md); } #index_index #page_main .resource .resource_inner .resource_text .resource_title { font-size: var(--font-h2-size-bp-md); line-height: var(--font-h2-line-height-bp-md); letter-spacing: var(--font-h2-spacing-bp-md); } #index_index #page_main .resource .resource_inner .resource_text .resource_subtitle { margin-bottom: 30px; font-size: var(--font-p-md-size-bp-md); line-height: var(--font-p-md-line-height-bp-md); } #index_index #page_main .resource .resource_inner .resource_text .resource_actions{justify-content: flex-start;} #index_index #page_main .testimonials{ padding-top: 40px; } #index_index #page_main .testimonials .resource_shape { height: 44px; } #index_index #page_main .testimonials .testimonials_quote.testimonials_quote--top{ width: 100px; height: 90px; margin-top: -61px; } #index_index #page_main .testimonials .testimonials_quote.testimonials_quote--top svg { width: 40px; height: 40px; } #index_index #page_main .testimonials .testimonials_star { width: 16px; height: 16px; } #index_index #page_main .testimonials .testimonials_star.testimonials_star--1 { top: 64px; left: calc(50% - 95px); } #index_index #page_main .testimonials .testimonials_star.testimonials_star--2 { top: 4px; left: calc(50% - 125px); } #index_index #page_main .testimonials .testimonials_star.testimonials_star--3 { top: -17px; left: calc(50% - 69px); } #index_index #page_main .testimonials .testimonials_star.testimonials_star--4 { top: 0; left: calc(50% + 110px); } #index_index #page_main .testimonials .testimonials_star.testimonials_star--5 { top: 16px; left: calc(50% + 60px); } #index_index #page_main .testimonials .testimonials_star.testimonials_star--6 { top: 54px; left: calc(50% + 85px); } #index_index #page_main .testimonials .testimonials_star.testimonials_star--smaller { width: 12px; height: 12px; } #index_index #page_main .testimonials .testimonials_inner { margin-left: 20px; margin-right: 20px; display: flex; align-items: center; justify-content: space-between; margin-top: 0; } #index_index #page_main .testimonials .testimonials_inner .testimonials_tag{ font-size: var(--font-p-tn-size-bp-md); line-height: var(--font-p-tn-line-height-bp-md); } #index_index #page_main .testimonials .testimonials_inner .testimonials_title{ font-size: var(--font-h2-size-bp-md); line-height: var(--font-h2-line-height-bp-md); letter-spacing: var(--font-h2-spacing-bp-md); } #index_index #page_main .testimonials .testimonials_carousel .carousel_arrows{margin-bottom: 40px;} #index_index #page_main .testimonials .testimonials_carousel .carousel_swiper .swiper-wrapper .swiper-slide{width: 360px;gap: 15px;} #index_index #page_main .testimonials .testimonials_carousel .testimonial_card .card_text{ font-size: var(--font-p-sm-size-bp-md); line-height: var(--font-p-sm-line-height-bp-md); letter-spacing: var(--font-p-sm-spacing-bp-md); } #index_index #page_main .testimonials .testimonials_carousel .testimonial_card .user_name{ line-height: var(--font-h7-line-height-bp-md); } #index_index #page_main .testimonials .testimonials_carousel .testimonial_card .user_personality_nice{ font-size: var(--font-p-tn-size-bp-md); line-height: var(--font-p-tn-line-height-bp-md); } #index_index #page_main .testimonials .testimonials_carousel .testimonial_card .user_personality_code{ font-size: var(--font-p-tn-size-bp-md); line-height: var(--font-p-tn-line-height-bp-md); } #index_index #page_main .testimonials .testimonials_carousel .testimonial_card .common{ font-size: var(--font-p-sm-size-bp-md); line-height: var(--font-p-sm-line-height-bp-md); letter-spacing: var(--font-p-sm-spacing-bp-md); } #index_index #page_main .cta .cta_content{bottom: 60px;} #index_index #page_main .cta .cta_title { margin: 25px 0 40px; padding: 0 20px; font-size: var(--font-h3-size-bp-md); line-height: var(--font-h3-line-height-bp-md); letter-spacing: var(--font-h3-spacing-bp-md); } } @media (min-width: 1200px) { #index_index #page_main .hero .hero_content{top: 80px;} #index_index #page_main .hero .hero_text .hero_title { margin: 0 0 20px;} #index_index #page_main .hero .hero_text .hero_desc{ line-height: var(--font-p-lg-line-height-bp-lg); margin-bottom: 30px;} #index_index #page_main .hero .test_button{ font-size: var(--font-btn-80-size); line-height: var(--font-btn-80-line-height); letter-spacing: var(--font-btn-80-spacing); height: 80px; padding: 19px 50px; gap: 12px; } #index_index #page_main .metrics { margin: 60px auto 80px; max-width: 1300px; } #index_index #page_main .metrics .metric .metric_value{ font-size: var(--font-h1-size-bp-lg); line-height: var(--font-h1-line-height-bp-lg); letter-spacing: var(--font-h1-spacing-bp-lg); } #index_index #page_main .metrics .metric .metric_label { font-size: var(--font-p-sm-size-bp-md); line-height: var(--font-p-sm-line-height-bp-md); letter-spacing: var(--font-p-sm-spacing-bp-md); } #index_index #page_main .resource .resource_shape{ height: 60px; } #index_index #page_main .resource .resource_shape.resource_shape--bottom{ height: 80px; } #index_index #page_main .resource .resource_inner{padding: 60px 0;} #index_index #page_main .resource .resource_inner .resource_scene{ width: 620px; flex: 0 0 620px; height: 400px; } #index_index #page_main .resource .resource_inner .resource_scene.resource_scene--left { margin-inline-start: 0; margin-inline-end: 100px; } #index_index #page_main .resource .resource_inner .resource_scene.resource_scene--right { margin-inline-start: 100px; margin-inline-end: 0; } #index_index #page_main .resource .resource_inner .resource_text { max-width: 530px; } #index_index #page_main .resource .resource_inner .resource_text .resource_title { font-size: var(--font-h2-size-bp-lg); line-height: var(--font-h2-line-height-bp-lg); letter-spacing: var(--font-h2-spacing-bp-lg); } #index_index #page_main .resource .resource_inner .resource_text .resource_subtitle { margin-bottom: 30px; font-size: var(--font-p-md-size-bp-lg); line-height: var(--font-p-md-line-height-bp-lg); } #index_index #page_main .resource .resource_inner .resource_text .resource_button{ font-size: var(--font-btn-60-size); line-height: var(--font-btn-60-line-height); letter-spacing: var(--font-btn-60-spacing); height: 60px; padding: 14px 40px; gap: 10px; } #index_index #page_main .testimonials{ padding-top: 60px; } #index_index #page_main .testimonials .resource_shape { height: 110px; } #index_index #page_main .testimonials .testimonials_quote.testimonials_quote--top{ margin-top: -90px; } #index_index #page_main .testimonials .testimonials_star.testimonials_star--1 { top: 40px; } #index_index #page_main .testimonials .testimonials_star.testimonials_star--2 { top: 40px; } #index_index #page_main .testimonials .testimonials_star.testimonials_star--3 { top: 20px; } #index_index #page_main .testimonials .testimonials_star.testimonials_star--4 { top: 34px; } #index_index #page_main .testimonials .testimonials_star.testimonials_star--5 { top: 50px; } #index_index #page_main .testimonials .testimonials_star.testimonials_star--6 { top: 90px; } #index_index #page_main .testimonials .testimonials_inner .testimonials_title{ font-size: var(--font-h2-size-bp-lg); line-height: var(--font-h2-line-height-bp-lg); letter-spacing: var(--font-h2-spacing-bp-lg); } #index_index #page_main .testimonials .testimonials_carousel .testimonial_card .card_body{ padding: 34px 30px 30px; } #index_index #page_main .testimonials .testimonials_carousel .testimonial_card .user_name{ font-size: var(--font-h7-size-bp-lg); line-height: var(--font-h7-line-height-bp-lg); } #index_index #page_main .testimonials .testimonials_carousel .testimonial_card .user_personality{display: flex;gap: 5px;align-items: center;} #index_index #page_main .testimonials .testimonials_carousel .carousel_swiper .swiper-wrapper .swiper-slide{width: 410px;gap: 20px;} #index_index #page_main .cta .cta_content{bottom: 120px;} #index_index #page_main .cta .cta_title { margin: 20px 0 40px; padding: 0; font-size: var(--font-h3-size-bp-lg); line-height: var(--font-h3-line-height-bp-lg); letter-spacing: var(--font-h3-spacing-bp-lg); } #index_index #page_main .cta .test_button{ font-size: var(--font-btn-80-size); line-height: var(--font-btn-80-line-height); letter-spacing: var(--font-btn-80-spacing); height: 80px; padding: 19px 50px; gap: 12px; } #index_index #page_main .cta .test_button .right_icon{ width: 22px; height: 22px; } } @media (min-width: 1350px) { #index_index #page_main .resource .resource_inner{max-width: 1300px; margin-left: auto; margin-right: auto; } #index_index #page_main .testimonials .testimonials_carousel{ max-width: 1300px; margin-left: auto; margin-right: auto; } }