*{ box-sizing: border-box; margin: 0; padding: 0; } body{ font-family: 'Inter'; color: #4A5470; line-height: 140%; padding: 0; margin: 0; } /******** GENERAL *********/ .spo_cont_screen{width: 1160px; margin-left:auto; margin-right: auto; margin-bottom: 140px; max-width: 100%;} .styled_checkbox { opacity: 0.6; appearance: none; background-color: transparent; border: 2px solid #002AFF; border-radius: 2px; width: 20px; height: 20px; cursor: pointer; outline: none; } .styled_checkbox:focus{/*border: 2px solid #303153;*/ box-shadow: 0px 0px 5px rgba(0, 42, 255, 0.6);} .styled_checkbox:checked { opacity: 1;} .styled_checkbox:checked::after { content: '✔'; color: #002AFF; display: flex; justify-content: center; align-items: center; line-height: 18px;} .iti__search-input{height: 30px; outline: none;} .iti{width: 100%;} /***** FORM PRELOADER ****/ .form_lead_block { position: relative; } .form_lead_block .loaderblock { display: none; } .form_lead_block.formisblocked .loaderblock { display: block; width: 100%; height: 100%; background: rgba(255,255,255,0.9); position: absolute; z-index: 20; left: 0; top: 0; } .form_lead_block.formisblocked .loaderblock .preloader { display: block; width: 36px; height: 36px; position: absolute; z-index: 20; left: calc(50% - 18px); top: calc(50% - 18px); } /****** header ******/ #spo_header{position: fixed; top: 0; left: 0; width: 100%; z-index: 100; background-color: #FFF; } #spo_header_cont{width: 1160px; margin-left:auto; margin-right: auto; padding: 20px 0; border-bottom: 1px solid #525872; display: flex; justify-content: space-between; align-items: center;} #spo_logo{ text-decoration: none; display: flex; align-items: flex-end; padding-bottom: 4px; gap: 7px; color: #071035; font-family: "TikTok Sans"; font-size: 16px; font-style: italic; font-weight: 700; line-height: 100%; ;} .logo_img{ width: 28px; height: 27px; } #spo_header_top_nav{display: flex; gap: 16px;} .spo_header_top_nav_item{text-decoration: none; color: #525872; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 400; line-height: 130%; } #spo_header_right{display: flex; justify-content: space-between; align-items: center; gap: 20px;} #spo_header_right_contacts{} .spo_header_right_contacts_capton{ color: #525872; text-align: right; font-family: Inter; font-size: 10px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 4px;} #spo_header_right_contacts_phone{text-decoration: none; color: #071035; text-align: right; font-family: "TikTok Sans"; font-size: 14px; font-style: normal; font-weight: 500; line-height: 126%;} #spo_header_right_btn{ cursor: pointer; text-decoration: none; display: flex; background-color: #002AFF; padding: 12px 26px 14px 26px; justify-content: center; align-items: center; gap: 5px; border-radius: 100px; height: 43px; color: #FBFDFE; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.35px; transition: all 400ms; transform: translateZ(0); -webkit-transform: translateZ(0);} #spo_header_right_btn:hover{background-color: #071035;} #spo_header_right_btn::after{ content: ""; background-image: url(../images/arw_right_semibold.svg); background-repeat: no-repeat; background-size: cover; background-position: center; width: 24px; height: 17px; display: block;} #spo_header_right_menu_btn{display: none; cursor: pointer; width: 20px; height: 16px; background: url(../images/icon_burger.svg) center no-repeat;} #spo_header_right_menu_btn.opened{background-image: url(../images/icon_burger_close.svg); background-size: cover;} #spo_header_cont_mobile_wrap{display: none;} #spo_header_cont_mobile{ width: calc(100% - 40px); margin-left: auto; margin-right: auto; padding: 30px 0; } #spo_header_cont_mobile_top{display: flex; flex-direction: column; align-items: flex-start; gap: 30px; margin-bottom: 30px;} .spo_header_cont_mobile_top_contacts_capton{ color: #525872; font-family: Inter; font-size: 10px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 4px;} #spo_header_cont_mobile_top_btn{cursor: pointer; text-decoration: none; display: inline-flex; padding: 12px 26px 14px 26px; color: #FBFDFE; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.35px; border-radius: 100px; background: #002AFF; transition: all 400ms; transform: translateZ(0); -webkit-transform: translateZ(0);} #spo_header_cont_mobile_top_btn:hover{background-color: #071035;} #spo_header_cont_mobile_top_btn::after{ content: ""; background-image: url(../images/arw_right_semibold.svg); background-repeat: no-repeat; background-size: cover; background-position: center; width: 24px; height: 17px; display: block;} #spo_header_cont_mobile_nav{display: flex; flex-direction: column; gap: 16px;} #spo_header_cont_mobile_top_contacts_phone{text-decoration: none; color: #071035; font-family: "TikTok Sans"; font-size: 14px; font-style: normal; font-weight: 500; line-height: 126%; } /******* breadcrumbs ********/ #spo_breadcrump_wrap{padding-top: 83px; margin: 40px auto; width: 1160px; max-width: 100%; overflow-x: auto;} #spo_breadcrumb_list{list-style: none; display: flex; gap: 10px;} .spo_breadcrumb_item{display: inline-block; vertical-align: middle; white-space: nowrap; color: #4A5470; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 500; line-height: 120%; a{color: rgba(82, 88, 114, 0.70); text-decoration: none;}} .spo_breadcrumb_item::after{content: "»"; color: #525872; opacity: 0.7; font-weight: 400; line-height: 120%; display: inline-block; margin-left: 10px;} .spo_breadcrumb_item:last-child::after{content: none;} /********* footer ********/ #spo_footer{padding: 60px 0; width: 100%; background-image: url(../images/spo_footer_bg.png); background-repeat: no-repeat; background-size: cover; background-color: #071035; color: #FFF;} #spo_footer_cont{ width: 1160px; margin: 0 auto; max-width: 100%; padding: 40px; border-radius: 16px; background: rgba(255, 255, 255, 0.05);} #spo_footer_cont_top{display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 60px;} #spo_footer_cont_top_left{width: 768px; } #spo_footer_cont_top_left_logos{margin-bottom: 60px; display: flex; align-items: center; gap: 30px; } #spo_footer_logo_wrap{ text-decoration: none; display: flex; gap: 15px; align-items: center; .logo_img{width: 39px; height: 39px;} .logo_txt{ color: #FFF; font-family: "TikTok Sans"; font-size: 23.2px; font-style: normal; font-weight: 700; line-height: normal; span{color: #002AFF; font-size: 30.45px; font-style: italic;} } } #spo_footer_cont_top_left_logos_partner_info{ width: 385px; max-width: 100%; color: #FBFDFE; font-family: Inter; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%;} #spo_footer_cont_top_left_logos_partner_info::before{content: ""; height: 50px; width: 1px; background-color: #FBFDFE; display: block; margin-right: 30px; margin-top: 3px; float: left;} #spo_footer_cont_navigation_wrap{display: flex; align-items: flex-start; gap: 40px; } .spo_footer_cont_navigation_col{flex: 1 1 30%;} .spo_footer_cont_navigation_title{ color: #FBFDFE; font-family: "TikTok Sans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 120%; margin-bottom: 20px;} .spo_footer_cont_navigation_menu{list-style: none;} .spo_footer_cont_navigation_menu_item{margin-bottom: 10px; color: #FBFDFE; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%;} .spo_footer_cont_navigation_menu_item_link{text-decoration: none; color: #FBFDFE;} #spo_footer_cont_navigation_contacts{} .spo_footer_cont_navigation_contact_el{ margin-bottom: 10px; color: #FBFDFE; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; a{text-decoration: none; color: #FBFDFE;} } #spo_footer_cont_top_right{width: 257px; text-align: right;} #spo_footer_cont_top_right_licence{ color: rgba(255, 255, 255, 0.80); text-align: right; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 60px;} #spo_footer_cont_top_right_requisites{ color: rgba(255, 255, 255, 0.80); text-align: right; font-family: Inter; font-size: 10px; font-style: normal; font-weight: 400; line-height: normal;} #spo_footer_cont_top_right_requisites p{margin-bottom: 1em;} #spo_footer_cont_bottom{display: flex; justify-content: space-between; align-items: center; } #spo_footer_cont_bottom_documents{display: flex; gap: 40px; align-items: center;} .spo_footer_cont_bottom_document_link{min-width: 120px; text-decoration: none; color: rgba(255, 255, 255, 0.40); font-family: Inter; font-size: 10px; font-style: normal; font-weight: 400; line-height: normal;} #spo_footer_cont_bottom_socials{ display: flex; justify-content: flex-end; align-items: center; gap: 10px;} .spo_footer_cont_bottom_socials_item{ width: 30px; height: 30px; background-size: contain; border-radius: 50%; background-repeat: no-repeat; transition: all 500ms;} #spo_footer_cont_bottom_socials_item_tg{background-image: url(../images/messenger_tg.svg);} #spo_footer_cont_bottom_socials_item_tg:hover{background-image: url(../images/messenger_tg_hover.svg);} #spo_footer_cont_bottom_socials_item_max{background-image: url(../images/messenger_max.svg);} #spo_footer_cont_bottom_socials_item_max:hover{background-image: url(../images/messenger_max_hover.svg);} #spo_footer_cont_bottom_socials_item_vk{background-image: url(../images/messenger_vk.svg);} #spo_footer_cont_bottom_socials_item_vk:hover{background-image: url(../images/messenger_vk_hover.svg);} /****** fixed banner *******/ #spo_bottom_fixed_banner{position: fixed; z-index: 10; bottom: 0; left: 0; width: 100%; background-color: var(--bottom-banner-bg-color,#002AFF); background-image: var(--bottom-banner-bg-img, none); background-position: center; background-repeat: no-repeat; background-size: cover;} #spo_bottom_fixed_banner_cont{width: 1160px; margin-left:auto; margin-right: auto; padding: 20px 0; display: flex; justify-content: space-between; align-items: center; position: relative; } #spo_bottom_fixed_banner_cont_left{position: relative; z-index: 1;} #spo_bottom_fixed_banner_cont_title{ color: var(--bottom-banner-title-color,#FBFDFE); font-family: "TikTok Sans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 120%; margin-bottom: 10px;} #spo_bottom_fixed_banner_cont_text{ color: var(--bottom-banner-subtitle-color,rgba(251, 253, 254, 0.8));font-family: Inter; font-size: 12px; font-style: normal; font-weight: 400; line-height: 140%;} #spo_bottom_fixed_banner_cont_middle{width: 338px; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-35%); background-image: image-set(var(--bottom-banner-middle-img, url(../images/fixed_banner_middle_full.png)) 2x); background-position: top 40% center; background-repeat: no-repeat; background-size: 100%;} #spo_bottom_fixed_banner_right{position: relative; z-index: 1;} #spo_bottom_fixed_banner_cont_btn{cursor: pointer; display: flex; height: 54px; padding: 10px 40px 12px 40px; justify-content: center; align-items: center; gap: 10px; border-radius: 100px; background: var(--bottom-banner-btn-bg-color,#071035); color: var(--bottom-banner-btn-color,#FBFDFE); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.4px; transition: all 400ms;} #spo_bottom_fixed_banner_cont_btn:hover{background-color: #AFFF00; color: #071035;} #spo_bottom_fixed_banner_close_btn{cursor: pointer; width: 24px; height: 24px; position: absolute; top: 10px; right: -40px; background: url(../images/icon_close_white.svg) center no-repeat; background-size: contain;} /****** modal *******/ .spo_modal_overlay{display: none; position: fixed; z-index: 100; top: 0; left: 0; right: 0; bottom: 0; background: rgba(7, 16, 53, 0.30); backdrop-filter: blur(5px);} .spo_modal_close_btn{position: absolute; top: 40px; right: 40px; cursor: pointer; width: 43px; border-radius: 50%; height: 43px; background-color: #E6F3FA; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M0.353516 0.353577L10.253 10.2531' stroke='%23071035'/%3E%3Cpath d='M0.353516 10.2531L10.253 0.353617' stroke='%23071035'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; transition: all 400ms;} .spo_modal_close_btn:hover{background-color: #CEE5F2;} .spo_modal_form_wrap{display: none; position: fixed; z-index: 110; top:50%; left: 50%; transform: translate(-50%, -50%); max-width: calc(100% - 40px); padding: 30px 40px 40px 40px; border-radius: 16px; background: #FBFDFE; } #spo_modal_callback{width: 500px;} #spo_modal_callback_title{ color: #071035; font-family: "TikTok Sans"; font-size: 30px; font-style: normal; font-weight: 500; line-height: 140%; margin-bottom: 16px;} #spo_modal_callback_subtitle{ color: #4A5470; font-family: Inter; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; margin-bottom: 22px;} #spo_modal_callback_form_inputs_wrap{display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 30px;} .spo_modal_form_input_text{width: 100%; padding: 21px 20px; border-radius: 10px; border: 1px solid #E6F3FA; background: #FBFDFE; color: #071035; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; width: 100%; height: 64px; outline: none;} .spo_modal_form_input_text:focus{ border: 1px solid #303153;} .spo_modal_form_input_text::placeholder{color: #939B9F;} #spo_modal_callback_form_promo_agree{display: flex; gap: 12px; margin-bottom: 30px; align-items: center;} #spo_modal_callback_form_promo_agree_checkbox{} #spo_modal_callback_form_promo_agree label{ color: #939B9F; font-family: Inter; font-size: 10px; font-style: normal; font-weight: 400; line-height: normal; } #spo_modal_callback_form_submit{cursor: pointer; display: none; width: fit-content; height: 54px; padding: 16px 40px 12px 40px; border-radius: 100px; background:#002AFF; color: #FBFDFE; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.4px; margin-bottom: 30px; border: 0; transition: all 400ms; transform: translateZ(0); -webkit-transform: translateZ(0);} #spo_modal_callback_form_submit::after{ content: ""; background-image: url(../images/arw_right_semibold.svg); background-repeat: no-repeat; background-size: cover; background-position: center; width: 24px; height: 17px; display: inline-block; vertical-align: middle; margin-left: 3px;} #spo_modal_callback_form_submit_na{cursor: default; opacity: 0.5; width: fit-content; display: block; height: 54px; padding: 16px 40px 12px 40px; border-radius: 100px; background:#002AFF; color: #FBFDFE; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.4px; margin-bottom: 30px; border: 0; transition: all 400ms;} #spo_modal_callback_form_submit_na::after{ content: ""; background-image: url(../images/arw_right_semibold.svg); background-repeat: no-repeat; background-size: cover; background-position: center; width: 24px; height: 17px; display: inline-block; vertical-align: middle; margin-left: 3px;} #spo_modal_callback_form_submit:hover{background-color: #071035; } #spo_modal_callback_form_policy{ color: #939B9F; font-family: Inter; font-size: 10px; font-style: normal; font-weight: 400; line-height: normal; a{color: inherit;}} /****************************************/ /*************** MAIN *****************/ /****************************************/ /******************/ #spomain{padding-top: 83px;} .spomain_cont_screen{width: 1160px; margin-left:auto; margin-right: auto; margin-bottom: 140px; max-width: 100%;} /********************/ #spomain_cont_first_screen{margin-top: 80px;} #spomain_cont_first_screen_title{ color: #071035; text-align: center; font-family: "TikTok Sans"; font-size: 56px; font-style: normal; font-weight: 500; line-height: 110%; margin-top: 0; margin-bottom: 40px; span{ color: #1D25D0;} } #spomain_cont_first_screen_banner{ border-radius: 16px; background: image-set(url(../images/first_scr_left.png) 2x) left top 25% no-repeat, image-set(url(../images/first_scr_right.png) 2x) bottom right no-repeat, #E6F3FA; padding: 40px 50px;} #spomain_cont_first_screen_banner_title{ color: #071035; text-align: center; font-family: "TikTok Sans"; font-size: 30px; font-style: normal; font-weight: 500; line-height: 140%; margin-top: 0; margin-bottom: 30px; span{ color: #1D25D0;} } #spomain_cont_first_screen_banner_list_wrap{display: flex; gap: 20px; justify-content: center; margin-bottom: 30px;} .spomain_cont_first_screen_banner_list_item{display: flex; justify-content: flex-end;flex-direction: column; width: 204px; height: 240px; padding: 14px 16px 16px 16px; border-radius: 14px;} #spomain_cont_first_screen_banner_list_item_1{background: linear-gradient(180deg, rgba(31, 39, 81, 0.00) 75%, #1F2751 100%), url(../images/first_scr_card1.png) center no-repeat; background-size: cover; } #spomain_cont_first_screen_banner_list_item_2{background: linear-gradient(180deg, rgba(31, 39, 81, 0.00) 75%, #1F2751 100%), url(../images/first_scr_card2.png) center no-repeat; background-size: cover; } #spomain_cont_first_screen_banner_list_item_3{ justify-content: space-between; background: url(../images/first_scr_card3.png) center no-repeat #002AFF; background-size: contain; } .spomain_cont_first_screen_banner_list_item_title{ color: #FBFDFE; font-family: "TikTok Sans"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 126%; width: 131px;} .spomain_cont_first_screen_banner_list_item_title span{ display: inline-block; padding: 4px 6px; border-radius: 8px; background: #002AFF;} .spomain_cont_first_screen_banner_list_item_cont{padding: 12px 13px; border-radius: 10px; background: #FFF;} .spomain_cont_first_screen_banner_list_item_top{ color: #071035; font-family: "TikTok Sans"; font-size: 14px; font-style: normal; font-weight: 500; line-height: 126%;margin-bottom: 6px;} .spomain_cont_first_screen_banner_list_item_text{ color: #4A5470; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 400; line-height: 130%; } #spomain_cont_first_screen_banner_btn_wrap{display: flex; gap: 20px; justify-content: center;} #spomain_cont_first_screen_banner_btn_link{cursor:pointer; text-decoration: none; display: flex; height: 54px; padding: 10px 40px 12px 40px; justify-content: center; align-items: center; gap: 5px; border-radius: 100px; background: #071035; color: #FBFDFE; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.4px; transition: all 500ms; transform: translateZ(0); -webkit-transform: translateZ(0);} #spomain_cont_first_screen_banner_btn_link:hover{background-color: #002AFF;} #spomain_cont_first_screen_banner_btn_link::after{ content: ""; background-image: url(../images/arw_right_semibold.svg); background-repeat: no-repeat; background-size: cover; background-position: center; width: 24px; height: 17px; display: block;} /******* benefit screen ********/ #spomain_cont_benefit_screen_title{ color: #071035; text-align: center; font-family: "TikTok Sans"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 110%; margin-top: 0; margin-left: auto; margin-right: auto; margin-bottom: 70px; width: 520px; span{ color: #002AFF;} } #spomain_cont_benefit_wrapper{display: flex; gap: 20px; flex-wrap: wrap;} .spomain_cont_benefit_item{flex: 1 1 45%; padding: 30px; border-radius: 16px; border: 1px solid #BCC6CC; background: #FBFDFE;} .spomain_cont_benefit_title{ display: flex; gap: 20px; align-items: center; color: #071035; font-family: "TikTok Sans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 120%; margin-bottom: 20px;} .spomain_cont_benefit_title:before{ content: ""; flex-shrink: 0; background-image: url(../images/icon_circle_check.svg); background-size: contain; background-repeat: no-repeat; width: 24px; height: 24px; display: inline-block; vertical-align: middle; } .spomain_cont_benefit_desc{ color: #4A5470; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%;} #spomain_cont_benefit_partner{ flex: 1 1 45%; display: flex; gap: 20px; align-items: center; padding: 24px; border-radius: 16px; background: #E6F3FA;} .spomain_cont_benefit_partner_img_wrap{ width: 105px; height: 105px; flex: 0 0 105px; background-color: #FBFDFE; display: flex; align-items: center; justify-content: center; border-radius: 6px;} .spomain_cont_benefit_partner_img{max-width: 100%; } .spomain_cont_benefit_partner_content{} .spomain_cont_benefit_partner_name{ color: #071035; font-family: "TikTok Sans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 120%; margin-bottom: 10px;} .spomain_cont_benefit_partner_creds{ color: #4A5470; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%;} /*********** consult screen ************/ #spomain_cont_consult_screen{display: flex; gap: 20px; } #spomain_cont_consult_screen_left_col{flex: 1 1 50%; padding: 37px 50px; border-radius: 16px; background: var(--form1-img,url(../images/consult_left_bg.png)) bottom center no-repeat#071035; background-size: contain;} #spomain_cont_consult_screen_left_col_title{ color: #FFF; font-family: "TikTok Sans"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 110%; } #spomain_cont_consult_screen_form_wrap{flex: 1 1 50%; border-radius: 16px; background: #E6F3FA; padding: 40px;} #spomain_cont_consult_screen_form_title{ color: #071035; font-family: "TikTok Sans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 120%; margin-bottom: 22px;} #spomain_cont_consult_screen_form_inputs_wrap{display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 30px;} #spomain_cont_consult_screen_form_inputs_wrap > * {flex: 1 1 45%;} .spomain_cont_consult_screen_form_input_text{padding: 21px 20px; border-radius: 10px; border: 1px solid #E6F3FA; background: #FBFDFE; color: #071035; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; width: 100%; height: 64px; outline: none;} .spomain_cont_consult_screen_form_input_text:focus{ border: 1px solid #303153;} .spomain_cont_consult_screen_form_input_text::placeholder{color: #939B9F;} .spomain_cont_consult_screen_form_input_text.form_lead_block_input_txt_err{border: 1px solid #FF0A0A;} #spomain_cont_consult_screen_form_promo_agree{display: flex; gap: 12px; margin-bottom: 30px; align-items: center;} #spomain_cont_consult_screen_form_promo_agree_checkbox{width: 20px; height: 20px; margin: 0;} #spomain_cont_consult_screen_form_promo_agree label{ color: #939B9F; font-family: Inter; font-size: 10px; font-style: normal; font-weight: 400; line-height: normal; } #spomain_cont_consult_screen_form_submit{cursor: pointer; display: none; height: 54px; padding: 16px 40px 12px 40px; border-radius: 100px; background:#002AFF; color: #FBFDFE; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.4px; margin-bottom: 30px; border: 0; transition: all 400ms; width: fit-content;} #spomain_cont_consult_screen_form_submit::after{ content: ""; background-image: url(../images/arw_right_semibold.svg); background-repeat: no-repeat; background-size: cover; background-position: center; width: 24px; height: 17px; display: inline-block; vertical-align: middle; margin-left: 3px;} #spomain_cont_consult_screen_form_submit_na{cursor: default; opacity: 0.5; display: block; height: 54px; padding: 16px 40px 12px 40px; border-radius: 100px; background:#002AFF; color: #FBFDFE; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.4px; margin-bottom: 30px; border: 0; transition: all 400ms; width: fit-content; transform: translateZ(0); -webkit-transform: translateZ(0);} #spomain_cont_consult_screen_form_submit_na::after{ content: ""; background-image: url(../images/arw_right_semibold.svg); background-repeat: no-repeat; background-size: cover; background-position: center; width: 24px; height: 17px; display: inline-block; vertical-align: middle; margin-left: 3px;} #spomain_cont_consult_screen_form_submit:hover{background-color: #071035;} #spomain_cont_consult_screen_form_policy{ color: #939B9F; font-family: Inter; font-size: 10px; font-style: normal; font-weight: 400; line-height: normal; a{color: inherit;}} /******* popular ******/ #spomain_cont_popular_screen{ width: 1318px; max-width: 100%; border-radius: 16px; background: #071035; padding: 80px; } #spomain_cont_popular_main_title{ color: #FBFDFE; text-align: center; font-family: "TikTok Sans"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 110%; margin-bottom: 60px;} #spomain_cont_popular_grid{display: flex; gap: 20px; justify-content: space-between; overflow-x: auto;} .spomain_cont_popular_card{flex: 0 0 366px; width: 366px; border-radius: 16px; padding: 30px; background: var(--popular-card-img, none), linear-gradient(0deg, rgba(255, 255, 255, 0.80) 30%, rgba(255, 255, 255, 0.00) 221px), url(../images/popular_card_bg.png); background-size: cover, auto, cover; background-position: top center, bottom center, top center; background-repeat: no-repeat; background-color: #8FA4FB; } .spomain_cont_popular_card_header{ display: flex; justify-content: space-between; align-items: flex-start; height: 220px;} .spomain_cont_popular_card_duration{ height: 34px; color: #071035; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; padding: 6px 10px; border-radius: 10px; background: #FBFDFE;} .spomain_cont_popular_card_hit_badge{ height: 34px; color: #071035; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; padding: 6px 10px; border-radius: 10px; background: #AFFF00;} .spomain_cont_popular_card_info{height: 227px; overflow: hidden;} .spomain_cont_popular_card_title{ color: #071035; font-family: "TikTok Sans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 120%; margin-bottom: 20px;} .spomain_cont_popular_card_code{ color: #071035; font-family: "TikTok Sans"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 126%; margin-bottom: 20px;} .spomain_cont_popular_card_desc{ color: #4A5470; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; } .spomain_cont_popular_card_btn_wrap{display: flex; gap: 10px; } .spomain_cont_popular_card_btn_more{display: block; text-decoration: none; cursor: pointer; height: 43px; padding: 12px 26px 14px 26px; border-radius: 100px; background: #E6F3FA; color: #071035; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.35px; transition: all 400ms;} .spomain_cont_popular_card_btn_more:hover{color: #071035; background-color: #CEE5F2;} .spomain_cont_popular_card_request{display: block; text-decoration: none; cursor: pointer; height: 43px; padding: 12px 26px 14px 26px; border-radius: 100px; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.35px; color: #FBFDFE; background: #002AFF; transition: all 400ms;} .spomain_cont_popular_card_request:hover{color: #FBFDFE; background-color: #071035;} /******how_going_learning screen*/ #spomain_cont_how_going_learning_screen_title_wrap{display: flex; gap: 20px; justify-content: space-between;} #spomain_cont_how_going_learning_screen_title{ color: #071035; font-family: "TikTok Sans"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 110%; margin-bottom: 60px;} #spomain_cont_how_going_learning_slider_wrap{width: 100%; overflow-x: auto;} #spomain_cont_how_going_learning_slider{display: flex; gap: 30px;} .spomain_cont_how_going_learning_slider_item_wide{display: flex; flex-direction: column; justify-content: space-between; flex-shrink: 0; width: 760px; min-height: 400px; padding: 30px; border-radius: 16px; background-color: #E6F3FA;} .spomain_cont_how_going_learning_slider_item{ display: flex; flex-direction: column; justify-content: space-between; flex-shrink: 0; width: 360px; min-height: 400px; padding: 30px; border-radius: 16px; background-color: #E6F3FA;} .spomain_cont_how_going_learning_slider_item_title{ color: #071035; font-family: "TikTok Sans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 120%; margin-bottom: 20px;} .spomain_cont_how_going_learning_slider_item_descr{ color: #4A5470; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; } .spomain_cont_how_going_learning_slider_item_wide_images_wrap{display: flex; gap: 20px;} .spomain_cont_how_going_learning_slider_item_wide_img{display: block; max-width: 100%; border-radius: 8px;} .spomain_cont_how_going_learning_slider_item_img{display: block; max-width: 100%; border-radius: 8px;} .spomain_cont_how_going_learning_slider_item_img_bottom{display: block; margin: 0 -30px -30px -30px; object-fit: contain;} .spomain_cont_how_going_learning_slider_item_finish{ flex-shrink: 0; width: 360px; padding: 30px; min-height: 400px; border-radius: 16px; background-color: #002AFF; background-image: image-set(var(--diplom-slide-img, url(../images/slide_diplom.png)) 2x); background-position: right bottom; background-size: contain; background-repeat: no-repeat;} .spomain_cont_how_going_learning_slider_item_finish_title{ color: #FBFDFE; font-family: "TikTok Sans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 120%; } .spomain_cont_how_going_learning_slider_item_finish_title::before{ content: url(../images/icon_check_white_circle.svg); display: inline-block; vertical-align: middle; margin-right: 20px;} #spomain_cont_how_going_learning_slider_controls{ display: flex; gap: 20px; margin-top: 5px;} #spomain_cont_how_going_learning_slider_controls .owl-prev{cursor: pointer; width: 43px; height: 43px; background-color: #E6F3FA; color: transparent; border-radius: 50%; border:0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9' viewBox='0 0 10 9' fill='none'%3E%3Cpath d='M6.00594 8.624L2.32394 4.942H9.93994V3.682H2.32394L6.00594 0H4.31194L-5.91278e-05 4.312L4.31194 8.624H6.00594Z' fill='%23071035'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; transition: all 400ms;} #spomain_cont_how_going_learning_slider_controls .owl-next{cursor: pointer; width: 43px; height: 43px; background-color: #E6F3FA; color: transparent; border-radius: 50%; border:0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9' viewBox='0 0 10 9' fill='none'%3E%3Cpath d='M3.934 8.624L7.616 4.942H0V3.682H7.616L3.934 0H5.628L9.94 4.312L5.628 8.624H3.934Z' fill='%23071035'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; transition: all 400ms;} #spomain_cont_how_going_learning_slider_controls .owl-prev:hover{background-color: #CEE5F2;} #spomain_cont_how_going_learning_slider_controls .owl-next:hover{background-color: #CEE5F2;} /********* diplom screen *********/ #spomain_cont_diplom_screen{} #spomain_cont_diplom_screen_top{display: flex; gap: 50px; margin-bottom: 60px;} #spomain_cont_diplom_screen_left{flex: 0 0 570px;} #spomain_cont_diplom_screen_left_img{max-width: 100%; border-radius: 16px;} #spomain_cont_diplom_screen_right{} #spomain_cont_diplom_screen_title{ color: #071035; font-family: "TikTok Sans"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 110%; margin-bottom: 40px;} #spomain_cont_diplom_screen_text{ color: #4A5470; font-family: Inter; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%;} #spomain_cont_diplom_screen_grid{display: flex; gap: 20px;} .spomain_cont_diplom_screen_grid_item{ min-height: 164px; flex: 1 1 25%; display: flex; align-items: flex-start; padding: 16px; flex-direction: column; justify-content: space-between; border-radius: 16px; border: 1px solid #BCC6CC; background: #FBFDFE;} .spomain_cont_diplom_screen_grid_item_title{ color: #071035; font-family: "TikTok Sans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 120%;} .spomain_cont_diplom_screen_grid_item_accent{ min-height: 164px; flex: 1 1 25%; display: flex; padding: 16px; flex-direction: column; justify-content: space-between; border-radius: 16px; background-color: #002AFF;} .spomain_cont_diplom_screen_grid_item_accent_title{ color: #FBFDFE; font-family: "TikTok Sans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 120%; margin-bottom: 20px;} .spomain_cont_diplom_screen_grid_item_accent_title_text{ color: rgba(251, 253, 254, 0.8); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%;} /********* download_plan ***********/ #spomain_cont_download_plan_screen{padding: 40px 40px 40px 50px; border-radius: 16px; background: #AFFF00; display: flex; justify-content: space-between;} #spomain_cont_download_plan_screen_info{} #spomain_cont_download_plan_screen_title{ color: #071035; font-family: "TikTok Sans"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 110%; margin-bottom: 40px;} #spomain_cont_download_plan_screen_list{list-style: none;} .spomain_cont_download_plan_screen_list_item{display: flex; align-items: center; gap: 20px; color: #071035; font-family: "TikTok Sans"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 126%; margin-bottom: 20px;} .spomain_cont_download_plan_screen_list_item:before{content: ""; width: 24px; height: 24px; background: url(../images/icon-check_white.svg) left bottom no-repeat; background-size: contain; } #spomain_cont_download_plan_screen_form_wrap{flex: 0 0 530px; position: relative; z-index: 2; border-radius: 16px; background: #FBFDFE; padding: 30px;} #spomain_cont_download_plan_screen_form_wrap::before{content: ""; display: block; background: image-set(url(../images/download_img_middle.png) 2x) left bottom no-repeat; position: absolute; left: -186px; bottom: 0; width: 186px; height: 349px; z-index: -1; } #spomain_cont_download_plan_screen_form_inputs_wrap{display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 30px;} #spomain_cont_download_plan_screen_form_inputs_wrap > * {flex: 1 1 45%;} .spomain_cont_download_plan_screen_form_input_text{padding: 21px 20px; border-radius: 10px; border: 1px solid #EEF7FC; background: #EEF7FC; color: #071035; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; width: 100%; height: 64px; outline: none;} .spomain_cont_download_plan_screen_form_input_text:focus{ border: 1px solid #303153;} .spomain_cont_download_plan_screen_form_input_text::placeholder{color: #939B9F;} #spomain_cont_download_plan_screen_form_promo_agree{display: flex; gap: 12px; margin-bottom: 30px; align-items: center;} #spomain_cont_download_plan_screen_form_promo_agree label{ color: #939B9F; font-family: Inter; font-size: 10px; font-style: normal; font-weight: 400; line-height: normal; } #spomain_cont_download_plan_screen_form_policy{ color: #939B9F; font-family: Inter; font-size: 10px; font-style: normal; font-weight: 400; line-height: normal; a{color: inherit;}} #spomain_cont_download_plan_screen_form_submit{display: none; cursor: pointer; margin-bottom: 30px; height: 54px; padding: 12px 40px 12px 40px; gap: 10px; width: 100%; border-radius: 100px; background: #071035; color: #FBFDFE; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; border: 0; letter-spacing: -0.4px; transition: all 400ms;} #spomain_cont_download_plan_screen_form_submit_na{cursor: default; width: fit-content; opacity: 0.5; margin-bottom: 30px; display: block; height: 54px; padding: 16px 40px 12px 40px; gap: 10px; width: 100%; border-radius: 100px; background: #071035; color: #FBFDFE; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; border: 0; letter-spacing: -0.4px; transition: all 400ms; text-align: center;} #spomain_cont_download_plan_screen_form_submit:hover{background-color: #002AFF;} .spo_form_lead_block_download_file{ display: none; } /********* partners ***********/ #spomain_cont_partners_screen{display: flex; gap: 33px;} #spomain_cont_partners_screen_left{min-width: 262px;} #spomain_cont_partners_screen_title{ color: #071035; font-family: "TikTok Sans"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 110%; } #spomain_cont_partners_screen_right{} #spomain_cont_partners_screen_list{display: flex; flex-wrap: wrap; gap: 20px;} .spomain_cont_partners_screen_list_item{width: 275px; min-height: 226px; display: flex; flex-direction: column; justify-content: space-between; border-radius: 16px; background: #EEF7FC; padding: 20px;} .spomain_cont_partners_screen_list_item_img_wrap{ width: 100px; height: 100px; background-color: #FFF; border-radius: 10px; text-align: center;} .spomain_cont_partners_screen_list_item_img{max-width: 100%;} .spomain_cont_partners_screen_list_item_name{ color: #4A5470; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 400; line-height: 130%;} /********** spomain cont reviews ********/ #spomain_cont_reviews_screen{} #spomain_cont_reviews_screen_title_wrap{ display: flex; gap: 20px; justify-content: space-between; } #spomain_cont_reviews_screen_title{color: #071035; font-family: "TikTok Sans"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 110%; margin-bottom: 60px;} #spomain_cont_reviews_screen_title span{ color: #002AFF;} #spomain_cont_reviews_screen_slider_wrap{ width: 100%; overflow-x: auto;} #spomain_cont_reviews_screen_slider{ display: flex; gap: 22px;} .spomain_cont_reviews_screen_slider_item{flex-shrink: 0; display: flex; flex-direction: column; justify-content: space-between; gap: 20px; min-height: 382px; padding: 20px; width: 260px; border-radius: 16px; background: #E6F3FA;} .spomain_cont_reviews_screen_slider_item_video{flex-shrink: 0; position: relative; width: 260px; border-radius: 16px; overflow: hidden; height: 382px;} .spomain_cont_reviews_screen_slider_item_finish{flex-shrink: 0; display: flex; justify-content: center; width: 260px; border-radius: 16px; background: #002AFF; height: 382px;} .spomain_cont_reviews_screen_slider_item_finish_logo_wrap{display: flex; align-items: center; gap: 10px; } .spomain_cont_reviews_screen_slider_item_finish_logo_img{ width: 30px; height: 30px; } .spomain_cont_reviews_screen_slider_item_finish_logo_txt{ color: #FFF; font-family: "TikTok Sans"; font-size: 16.059px; font-style: normal; font-weight: 700; line-height: 100%; span{ display: block; font-style: italic;} } .spomain_cont_reviews_screen_slider_item_person_info{display: flex; align-items: center; gap: 16px; margin-bottom: 16px;} .spomain_cont_reviews_screen_slider_item_person_info_img{ width: 30px; height: 30px; object-fit: cover; border-radius: 50%;} .spomain_cont_reviews_screen_slider_item_person_info_name{ color: #071035; font-family: "TikTok Sans"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 126%; } .spomain_cont_reviews_screen_slider_item_text{ color: #4A5470; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; margin-bottom: 16px;} .spomain_cont_reviews_screen_slider_item_programm{ color: #071035; font-family: "TikTok Sans"; font-size: 14px; font-style: normal; font-weight: 500; line-height: 126%; } .spomain_cont_reviews_screen_slider_item_more_link{text-decoration: none; color: #071035; font-family: "TikTok Sans"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 126%; } .spomain_cont_reviews_screen_slider_item_more_link::after{ content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9' viewBox='0 0 10 9' fill='none'%3E%3Cpath d='M3.934 8.624L7.616 4.942H0V3.682H7.616L3.934 0H5.628L9.94 4.312L5.628 8.624H3.934Z' fill='%23071035'/%3E%3C/svg%3E"); display: inline-block; margin-left: 5px; } .spomain_cont_reviews_screen_slider_item_video_inner{position: relative; z-index: 2; height: 100%; padding: 20px; display: flex; flex-direction: column; justify-content: space-between;} .spomain_cont_reviews_screen_slider_item_video_programm{ color: #FBFDFE; font-family: "TikTok Sans"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 126%; } .spomain_cont_reviews_screen_slider_item_video_block{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 16px; } .spomain_cont_reviews_screen_slider_item_video_block::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 80px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.00) 100%); pointer-events: none;} .spomain_cont_reviews_screen_slider_item_video_block::after{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 110px; background: linear-gradient(180deg, rgba(31, 39, 81, 0.00) 0%, #1F2751 100%); border-radius: 0 0 16px 16px; pointer-events: none;} .spomain_cont_reviews_screen_slider_item_video_block_img{width: 100%; height: 100%; object-fit: cover; border-radius: inherit;} .spomain_cont_reviews_screen_slider_item_video_play_btn{position: absolute; z-index: 3; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; width: 50px; height: 50px; border-radius: 50%; background-color: #002AFF; background-image: url(../images/icon-play.svg); background-position: left 20px center; background-repeat: no-repeat; transition: background-color 400ms;} .spomain_cont_reviews_screen_slider_item_video_play_btn:hover{background-color: #071035;} .owl-carousel .owl-item .spomain_cont_reviews_screen_slider_item_person_info_img{width: 30px;} #spomain_cont_reviews_screen_slider_controls{ display: flex; gap: 20px; margin-top: 5px;} #spomain_cont_reviews_screen_slider_controls .owl-prev{cursor: pointer; width: 43px; height: 43px; background-color: #E6F3FA; color: transparent; border-radius: 50%; border:0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9' viewBox='0 0 10 9' fill='none'%3E%3Cpath d='M6.00594 8.624L2.32394 4.942H9.93994V3.682H2.32394L6.00594 0H4.31194L-5.91278e-05 4.312L4.31194 8.624H6.00594Z' fill='%23071035'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; transition: all 400ms;} #spomain_cont_reviews_screen_slider_controls .owl-next{cursor: pointer; width: 43px; height: 43px; background-color: #E6F3FA; color: transparent; border-radius: 50%; border:0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9' viewBox='0 0 10 9' fill='none'%3E%3Cpath d='M3.934 8.624L7.616 4.942H0V3.682H7.616L3.934 0H5.628L9.94 4.312L5.628 8.624H3.934Z' fill='%23071035'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; transition: all 400ms;} #spomain_cont_reviews_screen_slider_controls .owl-prev:hover{background-color: #CEE5F2;} #spomain_cont_reviews_screen_slider_controls .owl-next:hover{background-color: #CEE5F2;} /******** step screen *********/ #spomain_cont_step_screen{padding: 60px 50px; border-radius: 16px; background: #E6F3FA; } #spomain_cont_step_main_title{ color: #071035; text-align: center; font-family: "TikTok Sans"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 110%; margin-bottom: 60px;} #spomain_cont_step_grid{display: flex; flex-wrap: wrap; gap: 24px;} .spomain_cont_step_card{flex: 1 1 264px; padding: 30px; border-radius: 16px; background: #FBFDFE;} .spomain_cont_step_number{ color: #002AFF; font-family: "TikTok Sans"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 126%; margin-bottom: 20px;} .spomain_cont_step_title{ color: #071035; font-family: "TikTok Sans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 120%; margin-bottom: 20px;} .spomain_cont_step_desc{ color: #4A5470; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; } #spomain_cont_step1{ flex: 1 1 484px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; background-color: #071035; background-image: image-set(url(../images/step1.png) 2x); background-position: top right; background-repeat: no-repeat;} #spomain_cont_step1 .spomain_cont_step_number{color: #FBFDFE;} #spomain_cont_step1 .spomain_cont_step_title{color: #FBFDFE;} .spomain_cont_step_btn{text-decoration: none; cursor: pointer; display: inline-block; padding: 16px 40px; border-radius: 100px; border: 1px solid #FFF; background: #071035; color: #FBFDFE; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.4px;} #spomain_cont_step6{ flex: 1 1 484px; background-color: #002AFF; background-image: image-set(url(../images/step6.png) 2x); background-position: top right; background-repeat: no-repeat;} #spomain_cont_step6 .spomain_cont_step_number{color: #FBFDFE;} #spomain_cont_step6 .spomain_cont_step_title{color: #FBFDFE;} #spomain_cont_step6 .spomain_cont_step_desc{color: #FBFDFE;} /*********** help admission ************/ #spomain_cont_help_admission{display: flex; gap: 20px; } #spomain_cont_help_admission_left_col{flex: 1 1 50%; padding: 37px 50px; border-radius: 16px; background: var(--form2-img,url(../images/help_left.png)) bottom center no-repeat #071035; background-size: contain;} #spomain_cont_help_admission_left_col_title{ color: #FFF; font-family: "TikTok Sans"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 110%; } #spomain_cont_help_admission_form_wrap{flex: 1 1 50%; border-radius: 16px; background: #E6F3FA; padding: 40px;} #spomain_cont_help_admission_form_title{ color: #071035; font-family: "TikTok Sans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 120%; margin-bottom: 22px;} #spomain_cont_help_admission_form_inputs_wrap{display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 30px;} #spomain_cont_help_admission_form_inputs_wrap > * {flex: 1 1 45%;} .spomain_cont_help_admission_form_input_text{padding: 21px 20px; border-radius: 10px; border: 1px solid #E6F3FA; background: #FBFDFE; color: #071035; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; width: 100%; height: 64px; outline: none;} .spomain_cont_help_admission_form_input_text:focus{ border: 1px solid #303153;} .spomain_cont_help_admission_form_input_text::placeholder{color: #939B9F;} #spomain_cont_help_admission_form_promo_agree{display: flex; gap: 12px; margin-bottom: 30px; align-items: center;} #spomain_cont_help_admission_form_promo_agree_checkbox{width: 20px; height: 20px; margin: 0;} #spomain_cont_help_admission_form_promo_agree label{ color: #939B9F; font-family: Inter; font-size: 10px; font-style: normal; font-weight: 400; line-height: normal; } #spomain_cont_help_admission_form_submit{cursor: pointer; display: none; width: fit-content; height: 54px; padding: 16px 40px 12px 40px; border-radius: 100px; background:#002AFF; color: #FBFDFE; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.4px; margin-bottom: 30px; border: 0; transition: all 400ms; transform: translateZ(0); -webkit-transform: translateZ(0);} #spomain_cont_help_admission_form_submit::after{ content: ""; background-image: url(../images/arw_right_semibold.svg); background-repeat: no-repeat; background-size: cover; background-position: center; width: 24px; height: 17px; display: inline-block; vertical-align: middle; margin-left: 3px;} #spomain_cont_help_admission_form_submit_na{cursor: default; width: fit-content; opacity: 0.5; display: block; height: 54px; padding: 16px 40px 12px 40px; border-radius: 100px; background:#002AFF; color: #FBFDFE; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.4px; margin-bottom: 30px; border: 0; transition: all 400ms;} #spomain_cont_help_admission_form_submit_na::after{ content: ""; background-image: url(../images/arw_right_semibold.svg); background-repeat: no-repeat; background-size: cover; background-position: center; width: 24px; height: 17px; display: inline-block; vertical-align: middle; margin-left: 3px;} #spomain_cont_help_admission_form_submit:hover{background-color: #071035;} #spomain_cont_help_admission_form_policy{ color: #939B9F; font-family: Inter; font-size: 10px; font-style: normal; font-weight: 400; line-height: normal; a{color: inherit;}} /*********** faq ***********/ #spomain_cont_faq_screen{} #spomain_cont_faq_screen_title{ color: #071035; text-align: center; font-family: "TikTok Sans"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 110%; margin-bottom: 60px;} #spomain_cont_faq_screen_tabs_header{display: flex; justify-content: center; gap: 20px; margin-bottom: 30px;} .spomain_cont_faq_screen_tabs_header_item{ cursor: pointer; border-radius: 100px; padding: 12px 26px 14px 26px; color: #071035; background-color: #E6F3FA; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.35px; transition: all 400ms;} .spomain_cont_faq_screen_tabs_header_item:hover{ color: #FBFDFE; background-color: #071035;} .spomain_cont_faq_screen_tabs_header_item.active{ color: #FBFDFE; background-color: #071035;} .spomain_cont_faq_screen_tabs_content{ display: none; height: 0;} .spomain_cont_faq_screen_tabs_content.active{ display: block; height: auto;} .spomain_cont_faq_screen_tabs_content_list_item{ position: relative; border-radius: 16px; background: #FBFDFE;} .spomain_cont_faq_screen_tabs_content_list_item_question{cursor: pointer; padding: 30px; color: #071035; font-family: "TikTok Sans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 120%; width: calc(100% - 73px); } .spomain_cont_faq_screen_tabs_content_list_item_answer{ display: none; height: 0; width: 870px; max-width: 100%; color: #4A5470; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; padding: 0 30px 30px 30px; transition: all 400ms; } .spomain_cont_faq_screen_tabs_content_list_item.opened .spomain_cont_faq_screen_tabs_content_list_item_answer{display: block; height: auto;} .spomain_cont_faq_screen_tabs_content_list_item_btn{position: absolute; top: 30px; right: 30px; width: 43px; height: 43px; cursor: pointer; border-radius: 50%; background-color: #E6F3FA; transition: all 400ms; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M7 0V14' stroke='%23071035'/%3E%3Cpath d='M0 7L14 7' stroke='%23071035'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center;} .spomain_cont_faq_screen_tabs_content_list_item.opened .spomain_cont_faq_screen_tabs_content_list_item_btn{ transform: rotate(225deg);} .spomain_cont_faq_screen_tabs_content_list_item_btn:hover{background-color: #CEE5F2;} /******* main_descriptoin ************/ #spomain_cont_main_description_screen{} #spomain_cont_main_description_screen_title{ color: #071035; font-family: "TikTok Sans"; font-size: 42px; font-style: normal; font-weight: 500; line-height: 110%; margin-bottom: 60px;} #spomain_cont_main_description_screen_text{ color: #4A5470; font-family: "TikTok Sans"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 126%; h2{color: #071035; font-family: "TikTok Sans"; font-size: 42px; font-style: normal; font-weight: 500; line-height: 110%; margin-bottom: 60px;} p{margin-bottom: 1em;} p:last-child{margin-bottom: 0;} } /****************************************/ /*************** DETAIL *****************/ /****************************************/ #spodetail{} .spodetail_cont_screen{width: 1160px; margin-left:auto; margin-right: auto; margin-bottom: 140px; max-width: 100%;} /********* detail first screen **********/ #spodetail_cont_first_screen{display: flex; gap: 40px;} #spodetail_cont_first_screen_info{} #spodetail_cont_first_screen_info_caption{ color: rgba(74, 84, 112, 0.70); font-family: Inter; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; margin-bottom: 20px;} #spodetail_cont_first_screen_info_title{ color: #071035; font-family: "TikTok Sans"; font-size: 50px; font-style: normal; font-weight: 600; line-height: 110%; margin-bottom: 20px; span{color: #002AFF; font-style: italic;}} #spodetail_cont_first_screen_info_descr{ color: #071035; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; margin-bottom: 40px;} #spodetail_cont_first_screen_info_general{display: flex; gap: 14px; margin-bottom: 40px;} .spodetail_cont_first_screen_info_general_item{padding: 20px 14px; border-radius: 16px; background: #F2F6F9; } .spodetail_cont_first_screen_info_general_item_caption{ color: #4A5470; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; margin-bottom: 5px;} .spodetail_cont_first_screen_info_general_item_val{ color: #0030FF; font-family: "TikTok Sans"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.3px;} #spodetail_cont_first_screen_info_btn_wrap{display: flex; gap: 40px;} #spodetail_cont_first_screen_info_btn_consult{ cursor: pointer; min-width: 259px; height: 54px; line-height: 54px; text-align: center; white-space: nowrap; border-radius: 100px; background: #002AFF; transition: all 400ms; color: #FFF; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: -0.4px;} #spodetail_cont_first_screen_info_btn_consult:hover{background-color: #071035;} #spodetail_cont_first_screen_info_btn_to_programm{cursor: pointer; min-width: 259px; height: 54px; line-height: 54px; text-align: center; white-space: nowrap; border-radius: 100px; background: #071035; transition: all 400ms; color: #FFF; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: -0.4px; transform: translateZ(0); -webkit-transform: translateZ(0);} #spodetail_cont_first_screen_info_btn_to_programm::after{ content: ""; background-image: url(../images/arw_right_semibold.svg); background-repeat: no-repeat; background-size: cover; background-position: center; width: 24px; height: 17px; display: inline-block; vertical-align: middle; margin-left: 3px;} #spodetail_cont_first_screen_info_btn_to_programm:hover{background-color: #002AFF;} #spodetail_cont_first_screen_img_wrap{flex: 0 0 460px; height: 440px; border-radius: 30px; background-color: #8FA4FB;} #spodetail_cont_first_screen_img{width: 100%; height: 100%; object-fit: cover;} /********* result doc screen **********/ #spodetail_cont_result_doc_screen{} #spodetail_cont_result_doc_banner{padding: 65px; border-radius: 16px; background: image-set(url(../images/res_doc_banner_left_bg.png) 2x) left top no-repeat, image-set(url(../images/res_doc_banner_right_bg.png) 2x) bottom right no-repeat, #E6F3FA;} #spodetail_cont_result_doc_banner_title{color: #071035; text-align: center; font-family: "TikTok Sans"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 110%; margin-bottom: 50px;} #spodetail_cont_result_doc_banner_list_wrap{display: flex; gap: 20px; justify-content: center;} .spodetail_cont_result_doc_banner_list_item{width: 240px; height: 340px; display: flex; flex-direction: column; justify-content: space-between; border-radius: 14px; padding-top: 24px; padding-left: 24px; } .spodetail_cont_result_doc_banner_list_item_img{max-width: 100%;} #spodetail_cont_result_doc_banner_list_item_1{padding-bottom: 16px; background-color: #002AFF; background-image: linear-gradient(0deg, rgb(0, 31, 191), 30%, rgba(0, 31, 191, 0) 100%);} #spodetail_cont_result_doc_banner_list_item_2{padding-bottom: 16px; background-color: #071035;} #spodetail_cont_result_doc_banner_list_item_3{padding-right: 24px; padding-bottom: 24px; background: url(../images/res_doc3_bg.png) bottom center no-repeat #35F; background-size: cover;} .spodetail_cont_result_doc_banner_list_item_title{ color: #FFF; font-family: "TikTok Sans"; font-size: 18px; font-style: normal; font-weight: 500; line-height: 120%; } .spodetail_cont_result_doc_banner_list_item_top{margin-bottom: 20px;} .spodetail_cont_result_doc_banner_list_item_logo{margin-bottom: 20px; max-width: 100%;} .spodetail_cont_result_doc_banner_list_item_text{color: #FFF; font-family: "TikTok Sans"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 126%;} .spodetail_cont_result_doc_banner_list_item_btn_more{ /*height: 54px; */padding: 17px 20px; text-align: center; border-radius: 100px; background: #071035; text-decoration: none; cursor: pointer; color: #FBFDFE; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.4px;} /********* two profession screen **********/ #spodetail_cont_two_profession_screen{} #spodetail_cont_two_profession_screen_title{ color: #071035; text-align: center; font-family: "TikTok Sans"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 110%; margin-bottom: 50px; span{color: #002AFF; font-style: italic; font-weight: 700;}} #spodetail_cont_two_profession_screen_grid{display: grid; gap: 20px; grid-template-columns: 1fr 1fr;} .spodetail_cont_two_profession_screen_grid_item{ border-radius: 16px; background-color: #F2F6F9; padding: 30px;} .spodetail_cont_two_profession_screen_grid_item_top{display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 20px; } .spodetail_cont_two_profession_screen_grid_item_img{display: block; width: 100px; height: 100px; border-radius: 16px;} .spodetail_cont_two_profession_screen_grid_item_sale{ border-radius: 10px; background: #AFFF00; padding: 6px 10px; color: #071035; font-family: "TikTok Sans"; font-size: 14px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.4px;} .spodetail_cont_two_profession_screen_grid_item_duration{ color: #4A5470; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 500; line-height: 120%; margin-bottom: 20px;} .spodetail_cont_two_profession_screen_grid_item_title{ color: #071035; font-family: "TikTok Sans"; font-size: 22px; font-style: normal; font-weight: 500; line-height: 120%; margin-bottom: 20px;} .spodetail_cont_two_profession_screen_grid_item_bottom{display: flex; justify-content: space-between; align-items: center;} .spodetail_cont_two_profession_screen_grid_item_bottom_price_wrap{} .spodetail_cont_two_profession_screen_grid_item_bottom_price_old{ color: rgba(74, 84, 112, 0.50); font-family: Inter; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; text-decoration-line: line-through; margin-bottom: 2px;} .spodetail_cont_two_profession_screen_grid_item_bottom_price{ color: #0030FF; font-family: "TikTok Sans"; font-size: 18px; font-style: normal; font-weight: 500; line-height: 120%; } .spodetail_cont_two_profession_screen_grid_item_btn_more{text-decoration: none; cursor: pointer; width: 126px; height: 38px; border-radius: 100px; background: #002AFF; color: #FFF; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 37px; text-align: center; transition: all 400ms;} .spodetail_cont_two_profession_screen_grid_item_btn_more:hover{background-color: #071035;} /*********** help admission ************/ #spodetail_cont_help_admission{display: flex; gap: 20px; } #spodetail_cont_help_admission_left_col{flex: 1 1 50%; padding: 37px 50px; border-radius: 16px; background: var(--form2-img,url(../images/help_left.png)) bottom center no-repeat #071035; background-size: contain;} #spodetail_cont_help_admission_left_col_title{ color: #FFF; font-family: "TikTok Sans"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 110%; } #spodetail_cont_help_admission_form_wrap{flex: 1 1 50%; border-radius: 16px; background: #E6F3FA; padding: 40px;} #spodetail_cont_help_admission_form_title{ color: #071035; font-family: "TikTok Sans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 120%; margin-bottom: 22px;} #spodetail_cont_help_admission_form_inputs_wrap{display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 30px;} #spodetail_cont_help_admission_form_inputs_wrap > * {flex: 1 1 45%;} .spodetail_cont_help_admission_form_input_text{padding: 21px 20px; border-radius: 10px; border: 1px solid #E6F3FA; background: #FBFDFE; color: #071035; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; width: 100%; height: 64px; outline: none;} .spodetail_cont_help_admission_form_input_text:focus{ border: 1px solid #303153;} .spodetail_cont_help_admission_form_input_text::placeholder{color: #939B9F;} #spodetail_cont_help_admission_form_promo_agree{display: flex; gap: 12px; margin-bottom: 30px; align-items: center;} #spodetail_cont_help_admission_form_promo_agree_checkbox{width: 20px; height: 20px; margin: 0;} #spodetail_cont_help_admission_form_promo_agree label{ color: #939B9F; font-family: Inter; font-size: 10px; font-style: normal; font-weight: 400; line-height: normal; } #spodetail_cont_help_admission_form_submit{cursor: pointer; display: none; width: fit-content; height: 54px; padding: 16px 40px 12px 40px; border-radius: 100px; background:#002AFF; color: #FBFDFE; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.4px; margin-bottom: 30px; border: 0; transition: all 400ms; transform: translateZ(0); -webkit-transform: translateZ(0);} #spodetail_cont_help_admission_form_submit::after{ content: ""; background-image: url(../images/arw_right_semibold.svg); background-repeat: no-repeat; background-size: cover; background-position: center; width: 24px; height: 17px; display: inline-block; vertical-align: middle; margin-left: 3px;} #spodetail_cont_help_admission_form_submit_na{cursor: default; width: fit-content; opacity: 0.5; display: block; height: 54px; padding: 16px 40px 12px 40px; border-radius: 100px; background:#002AFF; color: #FBFDFE; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.4px; margin-bottom: 30px; border: 0; transition: all 400ms;} #spodetail_cont_help_admission_form_submit_na::after{ content: ""; background-image: url(../images/arw_right_semibold.svg); background-repeat: no-repeat; background-size: cover; background-position: center; width: 24px; height: 17px; display: inline-block; vertical-align: middle; margin-left: 3px;} #spodetail_cont_help_admission_form_submit:hover{background-color: #071035;} #spodetail_cont_help_admission_form_policy{ color: #939B9F; font-family: Inter; font-size: 10px; font-style: normal; font-weight: 400; line-height: normal; a{color: inherit;}} /*********** can work ************/ #spodetail_cont_can_work_screen{} #spodetail_cont_can_work_screen_title_wrap{display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 50px;} #spodetail_cont_can_work_screen_title{ color: #071035; font-family: "TikTok Sans"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 110%; span{ color: #002AFF; font-style: italic; font-weight: 700; }} #spodetail_cont_can_work_screen_slider_controls{ display: flex; gap: 20px; margin-top: 5px;} #spodetail_cont_can_work_screen_slider_controls .owl-prev{cursor: pointer; width: 43px; height: 43px; background-color: #E6F3FA; color: transparent; border-radius: 50%; border:0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9' viewBox='0 0 10 9' fill='none'%3E%3Cpath d='M6.00594 8.624L2.32394 4.942H9.93994V3.682H2.32394L6.00594 0H4.31194L-5.91278e-05 4.312L4.31194 8.624H6.00594Z' fill='%23071035'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; transition: all 400ms;} #spodetail_cont_can_work_screen_slider_controls .owl-next{cursor: pointer; width: 43px; height: 43px; background-color: #E6F3FA; color: transparent; border-radius: 50%; border:0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9' viewBox='0 0 10 9' fill='none'%3E%3Cpath d='M3.934 8.624L7.616 4.942H0V3.682H7.616L3.934 0H5.628L9.94 4.312L5.628 8.624H3.934Z' fill='%23071035'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; transition: all 400ms;} #spodetail_cont_can_work_screen_slider_controls .owl-prev:hover{background-color: #CEE5F2;} #spodetail_cont_can_work_screen_slider_controls .owl-next:hover{background-color: #CEE5F2;} #spodetail_cont_can_work_screen_slider_wrap{width: 100%; overflow-x: auto;} #spodetail_cont_can_work_screen_slider{ display: flex; gap: 22px; } .spodetail_cont_can_work_screen_slider_item{ flex-shrink: 0; display: flex; flex-direction: column; justify-content: space-between; gap: 20px; min-height: 378px; padding: 30px; width: 300px; border-radius: 16px; background: #F2F6F9; } .spodetail_cont_can_work_screen_slider_item_top{} .spodetail_cont_can_work_screen_slider_item_title{ color: #071035; font-family: "TikTok Sans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 120%; margin-bottom: 10px;} .spodetail_cont_can_work_screen_slider_item_text{ color: rgba(7, 16, 53, 0.70); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 130%; } .spodetail_cont_can_work_screen_slider_item_bottom{} .spodetail_cont_can_work_screen_slider_item_consult_link{text-decoration: none; cursor: pointer; color: #002AFF; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 130%;} .spodetail_cont_can_work_screen_slider_item_consult_link::after{ content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9' viewBox='0 0 10 9' fill='none'%3E%3Cpath d='M3.934 8.624L7.616 4.942H0V3.682H7.616L3.934 0H5.628L9.94 4.312L5.628 8.624H3.934Z' fill='%23002AFF'/%3E%3C/svg%3E"); display: inline-block; margin-left: 5px; } .spodetail_cont_can_work_screen_slider_item_colorful{ flex-shrink: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 20px; min-height: 378px; padding: 16px; width: 300px; border-radius: 16px; position: relative; background-color: #071035; } .spodetail_cont_can_work_screen_slider_item_colorful::after{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 55%; background: linear-gradient(180deg, rgba(31, 39, 81, 0.00) 0%, rgba(31, 39, 81, 0.99) 90%); border-radius: 0 0 16px 16px; pointer-events: none;} .spodetail_cont_can_work_screen_slider_item_colorful_pic{position: absolute; z-index: 0; top:0; left: 0; border-radius: 16px; width: 100%; height: 100%; object-fit: cover;} .spodetail_cont_can_work_screen_slider_item_colorful_label{ padding: 6px 10px; border-radius: 10px; background-color: var(--work-label-color,#002AFF); color: #FFF; font-family: Inter; font-size: 12px; font-style: italic; font-weight: 500; line-height: 130%; z-index: 2;} .spodetail_cont_can_work_screen_slider_item_colorful_label_dark{ background-color: #071035;} .spodetail_cont_can_work_screen_slider_item_colorful_inner{z-index: 1;} .spodetail_cont_can_work_screen_slider_item_colorful_title{ color: #FFF; font-family: "TikTok Sans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 120%; margin-bottom: 10px;} .spodetail_cont_can_work_screen_slider_item_colorful_text{ color: rgba(255, 255, 255, 0.90); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 130%;} /*********** learn to screen ************/ #spodetail_cont_learn_to_screen{width: 1360px; max-width: calc(100% - 20px); margin-left: auto; margin-right: auto; margin-bottom: 140px; border-radius: 16px; background: #071035; padding: 65px 30px;} #spodetail_cont_learn_to_title{ color: #FFF; text-align: center; font-family: "TikTok Sans"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 110%; margin-bottom: 50px;} #spodetail_cont_learn_to_grid{display: flex; gap: 20px; flex-wrap: wrap; justify-content: center;} .spodetail_cont_learn_to_grid_item{width: 333px; padding: 30px; border-radius: 16px; background-color: #F2F6F9;} .spodetail_cont_learn_to_grid_item_dark{background: url(../images/learn_to_dark.png) center no-repeat; background-size: cover;} .spodetail_cont_learn_to_grid_item_blue{background: url(../images/learn_to_blue.png) center no-repeat; background-size: cover;} .spodetail_cont_learn_to_grid_item_light_blue{background: url(../images/learn_to_light_blue.png) center no-repeat; background-size: cover;} .spodetail_cont_learn_to_grid_item_icon{margin-bottom: 20px;} .spodetail_cont_learn_to_grid_item_title{ font-family: "TikTok Sans"; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; margin-bottom: 20px;} .spodetail_cont_learn_to_grid_item_text{ font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 130%;} .spodetail_cont_learn_to_grid_item_dark .spodetail_cont_learn_to_grid_item_title{color: #FFF;} .spodetail_cont_learn_to_grid_item_dark .spodetail_cont_learn_to_grid_item_text{color: rgba(255, 255, 255, 0.70);} .spodetail_cont_learn_to_grid_item_blue .spodetail_cont_learn_to_grid_item_title{color: #FFF;} .spodetail_cont_learn_to_grid_item_blue .spodetail_cont_learn_to_grid_item_text{color: rgba(255, 255, 255, 0.70);} .spodetail_cont_learn_to_grid_item_white .spodetail_cont_learn_to_grid_item_title{color: #071035;} .spodetail_cont_learn_to_grid_item_white .spodetail_cont_learn_to_grid_item_text{color: #4A5470;} .spodetail_cont_learn_to_grid_item_light_blue .spodetail_cont_learn_to_grid_item_title{color: #071035;} .spodetail_cont_learn_to_grid_item_light_blue .spodetail_cont_learn_to_grid_item_text{color: #4A5470;} /*********** educational_plan ************/ #spodetail_cont_educational_plan_screen{} #spodetail_cont_educational_plan_title{ color: #071035; font-family: "TikTok Sans"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 110%; text-align: center; margin-bottom: 50px;} #spodetail_cont_educational_plan_wrap{} .spodetail_cont_educational_plan_module{ border-radius: 16px; border: 1px solid rgba(146, 152, 169, 0.50); margin-bottom: 10px;} .spodetail_cont_educational_plan_module:last-child{margin-bottom: 0;} .spodetail_cont_educational_plan_module_top{ display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 25px 30px;} .spodetail_cont_educational_plan_module_title_wrap{ display: flex; align-items: center; gap: 10px; } .spodetail_cont_educational_plan_module_number{ color: #002AFF; font-family: "TikTok Sans"; font-size: 24px; font-style: italic; font-weight: 600; line-height: 120%; } .spodetail_cont_educational_plan_module_title{ color: #071035; font-family: "TikTok Sans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 120%; } .spodetail_cont_educational_plan_module_toggle_btn{ flex-shrink: 0; width: 43px; height: 43px; cursor: pointer; border-radius: 50%; background-color: #E6F3FA; transition: all 400ms; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M7 0V14' stroke='%23071035'/%3E%3Cpath d='M0 7L14 7' stroke='%23071035'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center;} .spodetail_cont_educational_plan_module_toggle_btn:hover{background-color: #CEE5F2;} .spodetail_cont_educational_plan_module.opened .spodetail_cont_educational_plan_module_toggle_btn{transform: rotate(225deg);} .spodetail_cont_educational_plan_module_inner{display: none; padding: 0 30px 30px 30px;} .spodetail_cont_educational_plan_module.opened .spodetail_cont_educational_plan_module_inner{ display: block; } .spodetail_cont_educational_plan_module_inner_list{ color: #071035; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 130%; counter-reset: section; list-style-type: none;} .spodetail_cont_educational_plan_module_inner_list ol { counter-reset: section; list-style-type: none; margin-left: 20px; } .spodetail_cont_educational_plan_module_inner_list li::before { counter-increment: section; content: counters(section, ".") ". ";} /*********** how is education going ************/ #spodetail_cont_how_is_education_going_screen{} #spodetail_cont_how_is_education_going_screen_title{ color: #071035; font-family: "TikTok Sans"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 110%; text-align: center; margin-bottom: 50px;} #spodetail_cont_how_is_education_going_list{display: flex; flex-wrap: wrap; gap: 20px;} #spodetail_cont_how_is_education_going_list_item_first{flex: 1 1 30%; padding: 24px 30px; min-height: 260px; border-radius: 16px; background: image-set(url(../images/how_is_education_going.png) 2x) bottom right no-repeat#F2F6F9;} .spodetail_cont_how_is_education_going_list_item_first_title{ color: #071035; font-family: "TikTok Sans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 120%; margin-bottom: 14px; span{ color: #002AFF; font-style: italic; font-weight: 700;}} .spodetail_cont_how_is_education_going_list_item_first_text{ color: #4A5470; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 130%; } .spodetail_cont_how_is_education_going_list_item{flex: 1 1 30%; min-height: 170px; display: flex; gap: 30px; padding: 30px; flex-direction: column; justify-content: space-between; border-radius: 16px; border: 1px solid #BCC6CC; background: #FBFDFE;} .spodetail_cont_how_is_education_going_list_item_wide{flex: 1 1 40%;} .spodetail_cont_how_is_education_going_list_item_title{ color: #071035; font-family: "TikTok Sans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 120%; position: relative; padding-left: 44px; } .spodetail_cont_how_is_education_going_list_item_title::before{ content: ""; width: 24px; height: 24px; display: block; margin-right: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect width='24' height='24' rx='12' fill='%23071035'/%3E%3Cpath d='M8 12L11.4286 15L16 9' stroke='%23FBFDFE' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; top: 0; left: 0; } .spodetail_cont_how_is_education_going_list_item_text{ color: #4A5470; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; } /*********** how get two professions ************/ #spodetail_cont_how_get_two_professions_screen{padding: 56px 20px; border-radius: 16px; background: #E6F3FA; margin-bottom: 70px;} #spodetail_cont_how_get_two_professions_screen_title{ color: #071035; text-align: center; font-family: "TikTok Sans"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 110%; margin-bottom: 10px; span{color: #002AFF; font-style: italic; font-weight: 700;}} #spodetail_cont_how_get_two_professions_screen_subtitle{ color: #071035; text-align: center; font-family: "TikTok Sans"; font-size: 36px; font-style: normal; font-weight: 500; line-height: 110%; margin-bottom: 30px;} #spodetail_cont_how_get_two_professions_screen_description{width: 600px; max-width: 100%; color: #071035; text-align: center; font-family: Inter; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; margin-bottom: 50px; margin-left: auto; margin-right: auto;} #spodetail_cont_how_get_two_professions_screen_documents{display: flex; gap: 20px; justify-content: center; margin-bottom: 50px;} .spodetail_cont_how_get_two_professions_screen_documents_item{ width: 420px; padding-top: 30px; border-radius: 16px; display: flex; flex-direction: column; justify-content: space-between;} #spodetail_cont_how_get_two_professions_screen_documents_item_college{background: #0030FF;} #spodetail_cont_how_get_two_professions_screen_documents_item_partner{background: #071035;} .spodetail_cont_how_get_two_professions_screen_documents_item_title{ padding-left: 30px; padding-right: 30px; color: #FFF; font-family: "TikTok Sans"; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; margin-bottom: 20px;} .spodetail_cont_how_get_two_professions_screen_documents_item_text{ padding-left: 30px; padding-right: 30px; color: rgba(255, 255, 255, 0.70); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 130%; margin-bottom: 17px;} .spodetail_cont_how_get_two_professions_screen_documents_img_wrap{position: relative;} .spodetail_cont_how_get_two_professions_screen_documents_item_img_doc{ display: block; width: 100%; height: 250px; object-fit: cover;} .spodetail_cont_how_get_two_professions_screen_documents_item_logo{ position: absolute; bottom: 30px; left: 30px; height: 30px; padding: 5px 6px; border-radius: 60px; background: #FFF;} #spodetail_cont_how_get_two_professions_screen_documents_item_logo_college{ width: 177px; color: #071035; text-align: center; font-family: "TikTok Sans"; font-size: 18px; font-style: normal; font-weight: 900; line-height: 100%; span{color: #002AFF; font-style: italic;}} #spodetail_cont_how_get_two_professions_screen_documents_item_logo_nadpo{ width: 100px; color: #001585; text-align: center; font-family: Inter; font-size: 18px; font-style: normal; font-weight: 900; line-height: 100%;} #spodetail_cont_how_get_two_professions_screen_btn_wrap{ display: flex; justify-content: center; } #spodetail_cont_how_get_two_professions_btn_choose{display: block; cursor: pointer; width: 360px; max-width: 100%; text-align: center; height: 54px; padding: 17px 22px 12px 22px; border-radius: 100px; background: #002AFF; color: #FFF; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.4px; transition: all 400ms;} #spodetail_cont_how_get_two_professions_btn_choose:hover{background-color: #071035;} /*********** two_diplom_benefits ************/ #spodetail_cont_two_diplom_benefits_screen{} #spodetail_cont_two_diplom_benefits_grid{ display: flex; flex-wrap: wrap; gap: 20px; } #spodetail_cont_two_diplom_benefits_grid_start{flex: 1 1 460px; display: flex; align-items: flex-end; border-radius: 16px; background: url(../images/two_diplom_benefits_start_bg.png) center bottom no-repeat #071035; background-size: cover; padding: 30px;} #spodetail_cont_two_diplom_benefits_grid_start_title{ color: #FFF; font-family: "TikTok Sans"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 120%; span{color: #002AFF; font-style: italic; font-weight: 700;}} .spodetail_cont_two_diplom_benefits_grid_item{flex: 1 1 330px; min-height: 260px; border-radius: 16px; border: 1px solid #9298A9; background: #FFF; padding: 30px;} .spodetail_cont_two_diplom_benefits_grid_item_number{ color: #0030FF; font-family: "TikTok Sans"; font-size: 16px; font-style: italic; font-weight: 600; line-height: 120%; margin-bottom: 20px;} .spodetail_cont_two_diplom_benefits_grid_item_title{ color: #071035; font-family: "TikTok Sans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 120%; margin-bottom: 20px;} .spodetail_cont_two_diplom_benefits_grid_item_text{ color: #4A5470; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 130%; } #spodetail_cont_two_diplom_benefits_grid_finish{flex: 1 1 460px; border-radius: 16px; background: url(../images/two_diplom_benefits_finish.png) center bottom no-repeat #002AFF; background-size: cover;} /*********** profitable_study ************/ #spodetail_cont_profitable_study_screen{display: flex; gap: 40px; align-items: flex-start; justify-content: space-between;} #spodetail_cont_profitable_study_screen_title_wrap{} #spodetail_cont_profitable_study_screen_title{ color: #071035; font-family: "TikTok Sans"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 120%; span{color: #0030FF; font-style: italic; font-weight: 700;}} #spodetail_cont_profitable_study_grid{display: flex; gap: 40px;} .spodetail_cont_profitable_study_grid_col{display: flex; flex-direction: column; gap: 40px;} .spodetail_cont_profitable_study_grid_col_item{width: 360px; min-height: 250px; padding: 30px; border-radius: 16px; background: #F2F6F9;} .spodetail_cont_profitable_study_grid_col_item_title{ color: #071035; font-family: "TikTok Sans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 120%; margin-bottom: 20px;} .spodetail_cont_profitable_study_grid_col_item_descr{ color: #4A5470; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 130%; } .spodetail_cont_profitable_study_grid_col_item_img{display: block; width: 100%; max-height: 170px; object-fit: contain;} .spodetail_cont_profitable_study_grid_col_item_img_bottom{display: block; width: 100%; max-height: 100px; object-fit: contain; margin-bottom: -30px; object-position: right; margin-top: 2px;} .spodetail_cont_profitable_study_grid_col_item_hint{ width: 113px; min-height: 30px; padding: 7px 10px; text-align: center; margin-bottom: 10px; border-radius: 10px; background: #CEE5F2; color: #071035; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 400; line-height: 140%; } /********* free_consult form ***********/ #spodetail_cont_free_consult_screen{padding: 40px 40px 40px 50px; border-radius: 16px; background: #AFFF00; display: flex; justify-content: space-between;} #spodetail_cont_free_consult_screen_info{} #spodetail_cont_free_consult_screen_title{ color: #071035; font-family: "TikTok Sans"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 110%; margin-bottom: 40px;} #spodetail_cont_free_consult_screen_descr{ color: #071035; font-family: "TikTok Sans"; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; width: 337px; max-width: 100%;} #spodetail_cont_free_consult_screen_form_wrap{flex: 0 0 530px; position: relative; z-index: 2; border-radius: 16px; background: #FBFDFE; padding: 30px;} #spodetail_cont_free_consult_screen_form_wrap::before{content: ""; display: block; background: image-set(url(../images/download_img_middle.png) 2x) left bottom no-repeat; position: absolute; left: -186px; bottom: 0; width: 186px; height: 349px; z-index: -1; } #spodetail_cont_free_consult_screen_form_inputs_wrap{display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 30px;} #spodetail_cont_free_consult_screen_form_inputs_wrap > * {flex: 1 1 45%;} .spodetail_cont_free_consult_screen_form_input_text{padding: 21px 20px; border-radius: 10px; border: 1px solid #EEF7FC; background: #EEF7FC; color: #071035; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; width: 100%; height: 64px; outline: none;} .spodetail_cont_free_consult_screen_form_input_text:focus{ border: 1px solid #303153;} .spodetail_cont_free_consult_screen_form_input_text::placeholder{color: #939B9F;} #spodetail_cont_free_consult_screen_form_promo_agree{display: flex; gap: 12px; margin-bottom: 30px; align-items: center;} #spodetail_cont_free_consult_screen_form_promo_agree label{ color: #939B9F; font-family: Inter; font-size: 10px; font-style: normal; font-weight: 400; line-height: normal; } #spodetail_cont_free_consult_screen_form_policy{ color: #939B9F; font-family: Inter; font-size: 10px; font-style: normal; font-weight: 400; line-height: normal; a{color: inherit;}} #spodetail_cont_free_consult_screen_form_submit{display: none; cursor: pointer; margin-bottom: 30px; height: 54px; padding: 12px 40px 12px 40px; gap: 10px; border-radius: 100px; background: #071035; color: #FBFDFE; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; border: 0; letter-spacing: -0.4px; transition: all 400ms;} #spodetail_cont_free_consult_screen_form_submit_na{cursor: default; width: fit-content; opacity: 0.5; margin-bottom: 30px; display: block; height: 54px; padding: 16px 40px 12px 40px; gap: 10px; border-radius: 100px; background: #071035; color: #FBFDFE; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; border: 0; letter-spacing: -0.4px; transition: all 400ms; text-align: center;} #spodetail_cont_free_consult_screen_form_submit:hover{background-color: #002AFF;} /********* perspectives ********/ #spodetail_cont_perspectives_screen{} #spodetail_cont_perspectives_container{display: flex; gap: 40px;} #spodetail_cont_perspectives_left{flex: 1 1 380px; padding: 30px; border-radius: 30px; background-image: url(../images/perspectives_left_bg.png); background-position: center top; background-repeat: no-repeat; background-size: cover; display: flex; gap: 20px; flex-direction: column; justify-content: space-between;} #spodetail_cont_perspectives_title{ color: #071035; font-family: "TikTok Sans"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 120%; span{ color: #002AFF; font-style: italic; font-weight: 700; } } #spodetail_cont_perspectives_description{ color: #071035; font-family: "TikTok Sans"; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; } #spodetail_cont_perspectives_right{display: flex; gap: 20px; } #spodetail_cont_perspectives_cards_grid{flex: 0 0 500px;} .spodetail_cont_perspectives_card{margin-bottom: 20px;} .spodetail_cont_perspectives_card:last-child{margin-bottom: 0;} .spodetail_cont_perspectives_card_top{ display: flex; gap: 10px; margin-bottom: 10px; align-items: center;} .spodetail_cont_perspectives_card_title{ padding: 2px 6px 4px 6px; border-radius: 8px; background: #002AFF; color: #FFF; font-family: "TikTok Sans"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 126%; } .spodetail_cont_perspectives_card_salary{ color: #4A5470; font-family: Inter; font-size: 16px; font-style: italic; font-weight: 500; line-height: 130%; } .spodetail_cont_perspectives_card_text{ padding: 20px; border-radius: 16px; background: #F2F6F9; color: #4A5470; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 500; line-height: 120%; } .spodetail_cont_perspectives_card:nth-of-type(1) .spodetail_cont_perspectives_card_text { width: 200px; } .spodetail_cont_perspectives_card:nth-of-type(2) .spodetail_cont_perspectives_card_text { width: 60%; } .spodetail_cont_perspectives_card:nth-of-type(3) .spodetail_cont_perspectives_card_text { width: 80%; } .spodetail_cont_perspectives_card:nth-of-type(4) .spodetail_cont_perspectives_card_text { width: 100%; } .spodetail_cont_perspectives_card_text ul{ list-style: none; } .spodetail_cont_perspectives_card_text li::before{content: "•"; margin-right: 5px;} #spodetail_cont_perspectives_stats{flex: 0 0 220px;} .spodetail_cont_perspectives_stat_item{ padding: 16px; border-radius: 16px; background-color: #002AFF; margin-bottom: 20px;} #spodetail_cont_perspectives_stat_item_money{background-color: #002AFF;} #spodetail_cont_perspectives_stat_item_vacancy{background-color: #071035;} .spodetail_cont_perspectives_stat_value{ color: #FFF; font-family: "TikTok Sans"; font-size: 20px; font-style: italic; font-weight: 700; line-height: 120%; margin-bottom: 10px;} .spodetail_cont_perspectives_stat_label{ color: rgba(255, 255, 255, 0.70); font-family: Inter; font-size: 12px; font-style: normal; font-weight: 500; line-height: 120%; } #spodetail_cont_perspectives_stat_picture_wrap{ border-radius: 16px; background: #CEE3FF;} .spodetail_cont_perspectives_stat_picture{ display: block; border-radius: 16px; max-width: 100%; } /********** detail reviews *********/ #spodetail_cont_reviews_screen{} #spodetail_cont_reviews_screen_title_wrap{ display: flex; gap: 20px; justify-content: space-between; } #spodetail_cont_reviews_screen_title{color: #071035; font-family: "TikTok Sans"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 110%; margin-bottom: 60px;} #spodetail_cont_reviews_screen_title span{ color: #002AFF; font-style: italic; font-weight: 700;} #spodetail_cont_reviews_screen_slider_wrap{ width: 100%; overflow-x: auto;} #spodetail_cont_reviews_screen_slider{ display: flex; gap: 22px;} .spodetail_cont_reviews_screen_slider_item{flex-shrink: 0; display: flex; flex-direction: column; justify-content: space-between; gap: 20px; min-height: 382px; padding: 20px; width: 260px; border-radius: 16px; background: #E6F3FA;} .spodetail_cont_reviews_screen_slider_item_video{flex-shrink: 0; position: relative; width: 260px; border-radius: 16px; overflow: hidden; height: 382px;} .spodetail_cont_reviews_screen_slider_item_finish{flex-shrink: 0; display: flex; justify-content: center; width: 260px; border-radius: 16px; background: #002AFF; height: 382px;} .spodetail_cont_reviews_screen_slider_item_finish_logo_wrap{display: flex; align-items: center; gap: 10px; } .spodetail_cont_reviews_screen_slider_item_finish_logo_img{ width: 30px; height: 30px; } .spodetail_cont_reviews_screen_slider_item_finish_logo_txt{ color: #FFF; font-family: "TikTok Sans"; font-size: 16.059px; font-style: normal; font-weight: 700; line-height: 100%; span{ display: block; font-style: italic;} } .spodetail_cont_reviews_screen_slider_item_person_info{display: flex; align-items: center; gap: 16px; margin-bottom: 16px;} .spodetail_cont_reviews_screen_slider_item_person_info_img{ width: 30px; height: 30px; object-fit: cover; border-radius: 50%;} .spodetail_cont_reviews_screen_slider_item_person_info_name{ color: #071035; font-family: "TikTok Sans"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 126%; } .spodetail_cont_reviews_screen_slider_item_text{ color: #4A5470; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; margin-bottom: 16px;} .spodetail_cont_reviews_screen_slider_item_programm{ color: #071035; font-family: "TikTok Sans"; font-size: 14px; font-style: normal; font-weight: 500; line-height: 126%; } .spodetail_cont_reviews_screen_slider_item_more_link{text-decoration: none; color: #071035; font-family: "TikTok Sans"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 126%; } .spodetail_cont_reviews_screen_slider_item_more_link::after{ content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9' viewBox='0 0 10 9' fill='none'%3E%3Cpath d='M3.934 8.624L7.616 4.942H0V3.682H7.616L3.934 0H5.628L9.94 4.312L5.628 8.624H3.934Z' fill='%23071035'/%3E%3C/svg%3E"); display: inline-block; margin-left: 5px; } .spodetail_cont_reviews_screen_slider_item_video_inner{position: relative; z-index: 2; height: 100%; padding: 20px; display: flex; flex-direction: column; justify-content: space-between;} .spodetail_cont_reviews_screen_slider_item_video_programm{ color: #FBFDFE; font-family: "TikTok Sans"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 126%; } .spodetail_cont_reviews_screen_slider_item_video_block{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 16px; } .spodetail_cont_reviews_screen_slider_item_video_block::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 80px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.00) 100%); pointer-events: none;} .spodetail_cont_reviews_screen_slider_item_video_block::after{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 110px; background: linear-gradient(180deg, rgba(31, 39, 81, 0.00) 0%, #1F2751 100%); border-radius: 0 0 16px 16px; pointer-events: none;} .spodetail_cont_reviews_screen_slider_item_video_block_img{width: 100%; height: 100%; object-fit: cover; border-radius: inherit;} .spodetail_cont_reviews_screen_slider_item_video_play_btn{position: absolute; z-index: 3; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; width: 50px; height: 50px; border-radius: 50%; background-color: #002AFF; background-image: url(../images/icon-play.svg); background-position: left 20px center; background-repeat: no-repeat; transition: background-color 400ms;} .spodetail_cont_reviews_screen_slider_item_video_play_btn:hover{background-color: #071035;} .owl-carousel .owl-item .spodetail_cont_reviews_screen_slider_item_person_info_img{width: 30px;} #spodetail_cont_reviews_screen_slider_controls{ display: flex; gap: 20px; margin-top: 5px;} #spodetail_cont_reviews_screen_slider_controls .owl-prev{cursor: pointer; width: 43px; height: 43px; background-color: #E6F3FA; color: transparent; border-radius: 50%; border:0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9' viewBox='0 0 10 9' fill='none'%3E%3Cpath d='M6.00594 8.624L2.32394 4.942H9.93994V3.682H2.32394L6.00594 0H4.31194L-5.91278e-05 4.312L4.31194 8.624H6.00594Z' fill='%23071035'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; transition: all 400ms;} #spodetail_cont_reviews_screen_slider_controls .owl-next{cursor: pointer; width: 43px; height: 43px; background-color: #E6F3FA; color: transparent; border-radius: 50%; border:0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9' viewBox='0 0 10 9' fill='none'%3E%3Cpath d='M3.934 8.624L7.616 4.942H0V3.682H7.616L3.934 0H5.628L9.94 4.312L5.628 8.624H3.934Z' fill='%23071035'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; transition: all 400ms;} #spodetail_cont_reviews_screen_slider_controls .owl-prev:hover{background-color: #CEE5F2;} #spodetail_cont_reviews_screen_slider_controls .owl-next:hover{background-color: #CEE5F2;} /*********** detail faq ***********/ #spodetail_cont_faq_screen{} #spodetail_cont_faq_screen_title{ color: #071035; text-align: center; font-family: "TikTok Sans"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 110%; margin-bottom: 60px;} #spodetail_cont_faq_screen_tabs_header{display: flex; justify-content: center; gap: 20px; margin-bottom: 30px;} .spodetail_cont_faq_screen_tabs_header_item{ cursor: pointer; border-radius: 100px; padding: 12px 26px 14px 26px; color: #071035; background-color: #E6F3FA; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.35px; transition: all 400ms;} .spodetail_cont_faq_screen_tabs_header_item:hover{ color: #FBFDFE; background-color: #071035;} .spodetail_cont_faq_screen_tabs_header_item.active{ color: #FBFDFE; background-color: #071035;} .spodetail_cont_faq_screen_tabs_content{ display: none; height: 0;} .spodetail_cont_faq_screen_tabs_content.active{ display: block; height: auto;} .spodetail_cont_faq_screen_tabs_content_list_item{ position: relative; border-radius: 16px; background: #FBFDFE;} .spodetail_cont_faq_screen_tabs_content_list_item_question{cursor: pointer; padding: 30px; color: #071035; font-family: "TikTok Sans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 120%; width: calc(100% - 73px); } .spodetail_cont_faq_screen_tabs_content_list_item_answer{ display: none; height: 0; width: 870px; max-width: 100%; color: #4A5470; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; padding: 0 30px 30px 30px; transition: all 400ms; } .spodetail_cont_faq_screen_tabs_content_list_item.opened .spodetail_cont_faq_screen_tabs_content_list_item_answer{display: block; height: auto; p{margin-bottom: 1em;} ul{list-style-position: inside;}} .spodetail_cont_faq_screen_tabs_content_list_item_btn{position: absolute; top: 30px; right: 30px; width: 43px; height: 43px; cursor: pointer; border-radius: 50%; background-color: #E6F3FA; transition: all 400ms; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M7 0V14' stroke='%23071035'/%3E%3Cpath d='M0 7L14 7' stroke='%23071035'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center;} .spodetail_cont_faq_screen_tabs_content_list_item.opened .spodetail_cont_faq_screen_tabs_content_list_item_btn{ transform: rotate(225deg);} .spodetail_cont_faq_screen_tabs_content_list_item_btn:hover{background-color: #CEE5F2;} /******* detail main_descriptoin ************/ #spodetail_cont_main_description_screen{} #spodetail_cont_main_description_screen_title{ color: #071035; font-family: "TikTok Sans"; font-size: 36px; font-style: normal; font-weight: 500; line-height: 110%; margin-bottom: 60px;} #spodetail_cont_main_description_screen_text{ color: #4A5470; font-family: "TikTok Sans"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 126%; h2{color: #071035; font-family: "TikTok Sans"; font-size: 36px; font-style: normal; font-weight: 500; line-height: 110%; margin-bottom: 60px;} p{margin-bottom: 1em;} p:last-child{margin-bottom: 0;} } /***************************/ /** poryadok-postypleniya **/ /***************************/ #spoincoming{ padding-top: 83px; } /**** incoming first ****/ #spoincoming_cont_first_screen{ margin-top: 80px; display: flex; align-items: center; justify-content: space-between; gap: 20px;} #spoincoming_cont_first_screen_info{height: 300px; display: flex; flex-direction: column; justify-content: space-between; gap: 20px;} #spoincoming_cont_first_screen_title{ color: #071035; font-family: "TikTok Sans"; font-size: 56px; font-style: normal; font-weight: 500; line-height: 110%;} #spoincoming_cont_first_screen_btn{cursor: pointer; height: 54px; width: fit-content; padding: 16px 40px 16px 40px; border-radius: 100px; background: #002AFF; color: #FBFDFE; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.4px; transition: all 400ms;} #spoincoming_cont_first_screen_btn::after{ content: ""; background-image: url(../images/arw_right_semibold.svg); background-repeat: no-repeat; background-size: cover; background-position: center; width: 24px; height: 17px; display: inline-block; vertical-align: middle; margin-left: 3px;} #spoincoming_cont_first_screen_btn:hover{background-color: #071035;} #spoincoming_cont_first_screen_picture{ width: 516px; } /**** incoming steps ****/ #spoincoming_cont_step_screen{} #spoincoming_cont_step_screen_grid{display: flex; flex-wrap: wrap; gap: 20px;} .spoincoming_cont_step_screen_grid_item{ padding: 30px; display: flex; justify-content: space-between; border-radius: 16px;} .spoincoming_cont_step_screen_grid_item_num{ font-family: "TikTok Sans"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 126%;} .spoincoming_cont_step_screen_grid_item_title{ font-family: "TikTok Sans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 120%;} .spoincoming_cont_step_screen_grid_item_btn{ cursor:pointer; text-decoration: none; height: 54px; padding: 16px 40px 12px 40px; border-radius: 100px; border: 1px solid #FFF; color: #FBFDFE; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.4px; width: 230px; text-align: center;} #spoincoming_cont_step_screen_grid_item1{ width: 100%; color: #FBFDFE; background-color: #160E2A; background-image: url(../images/incoming_first_step.png); background-position: center top 60%; background-repeat: no-repeat; background-size: 256px auto;} #spoincoming_cont_step_screen_grid_item1_left{display: flex; gap: 50px; .spoincoming_cont_step_screen_grid_item_num{ color: #AFFF00;} .spoincoming_cont_step_screen_grid_item_title{ width: 322px; max-width: 100%;} } #spoincoming_cont_step_screen_grid_item2{ flex-direction: column; flex: 1 1 30%; color: #071035; background-color: #E6F3FA; min-height: 200px; } #spoincoming_cont_step_screen_grid_item3{ flex-direction: column; flex: 1 1 30%; color: #071035; background-color: #AFFF00;} #spoincoming_cont_step_screen_grid_item4{ flex-direction: column; flex: 1 1 30%; color: #FBFDFE; background-color: #002AFF; background-image: image-set(url(../images/incoming_step_4.png) 2x); background-position: top right; background-repeat: no-repeat; } /**** docs for entry ****/ #spoincoming_docs_for_entry_screen{display: flex; justify-content: space-between;} #spoincoming_docs_for_entry_left{ flex: 1 1 50%;} #spoincoming_docs_for_entry_left_title{ color: #071035; font-family: "TikTok Sans"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 110%; margin-bottom: 40px;} #spoincoming_docs_for_entry_left_descr{ color: #4A5470; font-family: Inter; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; margin-bottom: 40px; width: 483px; max-width: 100%;} #spoincoming_docs_for_entry_left_img{display: block; max-height: 293px; max-width: 100%;} #spoincoming_docs_for_entry_right{ flex: 1 1 50%; padding: 36px 40px 40px 40px; border-radius: 16px; background: #EAF5FB;} #spoincoming_docs_for_entry_tabs_header{display: flex; gap: 20px; margin-bottom: 60px;} .spoincoming_docs_for_entry_tabs_header_item{ text-decoration: none; cursor: pointer; padding: 12px 26px 14px 26px; border-radius: 100px; background: #FBFDFE; color: #071035; font-family: "TikTok Sans"; font-size: 14px; font-style: normal; font-weight: 500; line-height: 126%; transition: all 400ms;} .spoincoming_docs_for_entry_tabs_header_item.active{ cursor:default; background: #071035; color: #FBFDFE; } .spoincoming_docs_for_entry_tabs_content{display: none;} .spoincoming_docs_for_entry_tabs_content.active{display: block; margin-bottom: 60px;} .spoincoming_docs_for_entry_tabs_content_list{ list-style: none; color: #071035; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; li{margin-bottom: 24px; position: relative; padding-left: 36px;} li:last-child{margin-bottom: 0;} li:before{ content: ""; display: block; width: 20px; height: 20px; position: absolute; top: 0; left: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect width='20' height='20' rx='10' fill='%23160E2A'/%3E%3Cpath d='M6 10L9.42857 13L14 7' stroke='%23FBFDFE' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; } } .spoincoming_docs_for_entry_bottom_text{ p{ color: #4A5470; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%;} } .spoincoming_docs_for_entry_tabs_content_subtitle{ color: #071035; font-family: "TikTok Sans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 120%; margin-bottom: 12px;} /**** payment methods ****/ #spoincoming_payment_methods_screen{} #spoincoming_payment_methods_screen_title{ color: #071035; font-family: "TikTok Sans"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 110%; margin-bottom: 60px;} #spoincoming_payment_methods_grid{display: flex; gap: 20px; } .spoincoming_payment_methods_grid_item{ flex: 1 1 31%; display: flex; flex-direction: column; justify-content: space-between; min-height: 260px; padding: 20px; border-radius: 16px; border: 1px solid #BCC6CC; background: #FBFDFE;} .spoincoming_payment_methods_grid_item_title{ color: #160E2A; font-family: "TikTok Sans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 120%; margin-bottom: 20px; } .spoincoming_payment_methods_grid_item_img{display: block; width: 81px;} .spoincoming_payment_methods_grid_item_final{flex: 1 1 31%; display: flex; flex-direction: column; justify-content: space-between; min-height: 260px; border-radius: 16px; background: #002AFF; padding: 20px;} .spoincoming_payment_methods_grid_item_final_title{ color: #FBFDFE; font-family: "TikTok Sans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 120%; margin-bottom: 20px;} .spoincoming_payment_methods_grid_item_final_btn{ display: block; text-decoration: none; border-radius: 100px; border: 1px solid #FFF; width: fit-content; height: 54px; padding: 16px 40px 12px 40px; color: #FBFDFE; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.4px; white-space: nowrap;} /***************************/ /******** o-college ********/ /***************************/ #spoabout{ padding-top: 83px; } /**** about first ****/ #spoabout_cont_first_screen{ margin-top: 80px; display: flex; align-items: center; justify-content: space-between; gap: 40px;} #spoabout_cont_first_screen_info{height: 320px; display: flex; flex-direction: column; justify-content: space-between; gap: 20px;} #spoabout_cont_first_screen_title{ color: #071035; font-family: "TikTok Sans"; font-size: 56px; font-style: normal; font-weight: 500; line-height: 110%;} #spoabout_cont_first_screen_text{ color: #4A5470; font-family: Inter; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%;} #spoabout_cont_first_screen_picture{ width: 529px; } /****** about benefits *****/ #spoabout_cont_benefits_screen{display: flex; flex-wrap: wrap; gap: 20px; } .spoabout_cont_benefits_item{ flex: 1 1 30%; padding: 30px; border-radius: 16px; background: #E6F3FA; } .spoabout_cont_benefits_item_icon{ display: block; width: 20px; margin-bottom: 20px;} .spoabout_cont_benefits_item_title{ color: #160E2A; font-family: "TikTok Sans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 120%; margin-bottom: 20px;} .spoabout_cont_benefits_item_text{ color: #4A5470; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; } .spoabout_cont_benefits_item_final{ flex: 1 1 30%; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; padding: 30px; border-radius: 16px; background: #002AFF;} .spoabout_cont_benefits_item_final_title{color: #FBFDFE; font-family: "TikTok Sans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 120%; margin-bottom: 20px;} .spoabout_cont_benefits_item_final_btn{ cursor: pointer; text-decoration: none; display: block; width: 230px; height: 54px; padding: 16px 40px 12px 40px; text-align: center; border-radius: 100px; border: 1px solid #FFF; color: #FBFDFE; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.4px;} /****** docs screen *****/ #spoabout_cont_docs_screen{} #spoabout_cont_docs_screen_title{ color: #071035; font-family: "TikTok Sans"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 110%; margin-bottom: 40px;} #spoabout_cont_docs_screen_descr{ color: #4A5470; font-family: Inter; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; width: 858px; max-width: 100%; margin-bottom: 60px;} #spoabout_cont_docs_screen_columns{ display: grid; grid-template-columns: 1fr 1fr; gap: 30px;} .spoabout_cont_docs_screen_columns_item{ display: flex; justify-content: space-between; padding: 20px; border-radius: 16px; border: 1px solid #BCC6CC; background: #FBFDFE;} .spoabout_cont_docs_screen_columns_item_info{ flex: 0 0 260px; } .spoabout_cont_docs_screen_columns_item_info_title{ color: #071035; font-family: "TikTok Sans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 120%; margin-bottom: 20px; } .spoabout_cont_docs_screen_columns_item_info_text{ color: #4A5470; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%;} .spoabout_cont_docs_screen_columns_item_img_wrap{ border-radius: 10px; /*background: #E6F3FA;*/ } .spoabout_cont_docs_screen_columns_item_img{ border-radius: 10px; max-width: 100%; max-height: 100%; display: block; } /****** partner screen *****/ #spoabout_cont_partner_screen{} #spoabout_cont_partner_screen_columns{ display: flex; gap: 50px; justify-content: space-between; margin-bottom: 40px; } #spoabout_cont_partner_screen_col_left{width: 50%;} #spoabout_cont_partner_screen_col_left_img{ display: block; max-width: 100%; border-radius: 16px; } #spoabout_cont_partner_screen_col_right{width: 50%;} #spoabout_cont_partner_screen_title{ color: #071035; font-family: "TikTok Sans"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 110%; margin-bottom: 40px;} #spoabout_cont_partner_screen_col_text{ color: #4A5470; font-family: Inter; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; p{margin-bottom: 1em;} p:last-child{ margin-bottom: 0; } } #spoabout_cont_partner_screen_bottom{height: 291px; padding: 30px; border-radius: 16px; background: #AFFF00; display: flex; background-image: image-set(url(../images/about_partner_nadpo.png) 2x); background-repeat: no-repeat; background-position: top -10px left 85%; } #spoabout_cont_partner_screen_bottom_info{width: 531px;} #spoabout_cont_partner_screen_bottom_title{ color: #160E2A; font-family: "TikTok Sans"; font-size: 30px; font-style: normal; font-weight: 500; line-height: 140%; margin-bottom: 20px;} #spoabout_cont_partner_screen_bottom_text{ color: #160E2A; font-family: Inter; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; } #spoabout_cont_partner_screen_bottom_img{height: 100%; object-fit: cover;} /****** perspectives screen *****/ #spoabout_cont_perspectives_screen{} #spoabout_cont_perspectives_screen_title{ color:#071035; font-family: "TikTok Sans"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 110%; margin-bottom: 60px;} #spoabout_cont_perspectives_columns{ display: flex; justify-content: space-between; gap: 30px; } .spoabout_cont_perspectives_columns_item{ flex: 1 1 45%; padding: 30px 30px 250px 30px; border-radius: 16px; background-color: #160E2A; background-repeat: no-repeat; background-position: center bottom; background-size: 90%; } #spoabout_cont_perspectives_columns_item_1{ background-image: url(../images/about_perspectives1.png);} #spoabout_cont_perspectives_columns_item_2{ background-color: #002AFF; background-image: url(../images/about_perspectives2.png); } .spoabout_cont_perspectives_columns_item_title{ color: #FBFDFE; font-family: "TikTok Sans"; font-size: 30px; font-style: normal; font-weight: 500; line-height: 140%; margin-bottom: 20px;} .spoabout_cont_perspectives_columns_item_text{ color: #FBFDFE; font-family: Inter; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; } /***************************/ /**** oplata-obychenia *****/ /***************************/ #spopay{ padding-top: 83px; } /**** pay first ****/ #spopay_cont_first_screen{ margin-top: 80px; display: flex; align-items: center; justify-content: space-between; gap: 40px;} #spopay_cont_first_screen_info{height: 300px; display: flex; flex-direction: column; justify-content: space-between; gap: 20px;} #spopay_cont_first_screen_title{ color: #071035; font-family: "TikTok Sans"; font-size: 56px; font-style: normal; font-weight: 500; line-height: 110%;} #spopay_cont_first_screen_btn{cursor: pointer; height: 54px; width: fit-content; padding: 16px 40px 16px 40px; border-radius: 100px; background: #002AFF; color: #FBFDFE; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.4px; transition: all 400ms;} #spopay_cont_first_screen_btn::after{ content: ""; background-image: url(../images/arw_right_semibold.svg); background-repeat: no-repeat; background-size: cover; background-position: center; width: 24px; height: 17px; display: inline-block; vertical-align: middle; margin-left: 3px;} #spopay_cont_first_screen_btn:hover{background-color: #071035;} #spopay_cont_first_screen_picture{ width: 529px; } /*** forms of payment ***/ #spopay_forms_of_payment_screen{} #spopay_forms_of_payment_title{ color: #071035; font-family: "TikTok Sans"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 110%; margin-bottom: 60px;} #spopay_forms_of_payment_grid{ display: flex; gap: 20px; margin-bottom: 20px; } .spopay_forms_of_payment_grid_item{ flex: 1 1 30%; padding: 30px; border-radius: 16px; } .spopay_forms_of_payment_grid_item_top{} .spopay_forms_of_payment_grid_item_title{ color: #160E2A; font-family: "TikTok Sans"; font-size: 29px; font-style: normal; font-weight: 500; line-height: 140%; letter-spacing: -0.33px; margin-bottom: 20px;} .spopay_forms_of_payment_grid_item_text{ color: #4A5470; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; p{ margin-bottom: 1em; } p:last-child{ margin-bottom: 0; } } #spopay_forms_of_payment_grid_item_full{ background-color: #E6F3FA; background-image: url(../images/pay_full_card.png); background-repeat: no-repeat; background-size: 85%; background-position: center bottom; } #spopay_forms_of_payment_grid_item_installment{ background-color: #AFFF00; } #spopay_forms_of_payment_grid_item_matcapital{ background-color: #160E2A; display: flex; flex-direction: column; justify-content: space-between; } #spopay_forms_of_payment_grid_item_matcapital .spopay_forms_of_payment_grid_item_title{ color: #FBFDFE;} #spopay_forms_of_payment_grid_item_matcapital .spopay_forms_of_payment_grid_item_text{ color: #FBFDFE; } #spopay_forms_of_payment_grid_item_matcapital_img{ display: block; width: 187px; } #spopay_forms_of_payment_grid_credit{ display: flex; gap: 40px; padding: 30px; border-radius: 16px; background: #002AFF; } #spopay_forms_of_payment_grid_credit_left{ flex: 0 0 330px; } #spopay_forms_of_payment_grid_credit_title{ color: #FBFDFE; font-family: "TikTok Sans"; font-size: 30px; font-style: normal; font-weight: 500; line-height: 140%; margin-bottom: 20px;} #spopay_forms_of_payment_grid_credit_text{ color: #FBFDFE; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; } #spopay_forms_of_payment_grid_credit_right{ display: flex; gap: 20px; } .spopay_forms_of_payment_grid_credit_right_card{ padding: 20px; border-radius: 16px; background: #FBFDFE; height: 320px; max-width: 370px; display: flex; flex-direction: column; justify-content: space-between; ul{ list-style: none; color: #4A5470; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; li{ margin-bottom: 20px; position: relative; padding-left: 36px; } li:before{ content: ""; display: block; width: 20px; height: 20px; position: absolute; top: 0; left: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect width='20' height='20' rx='10' fill='%23160E2A'/%3E%3Cpath d='M6 10L9.42857 13L14 7' stroke='%23FBFDFE' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; } li:last-child{ margin-bottom: 0px; } } } .spopay_forms_of_payment_grid_credit_right_card_title{ color: #071035; font-family: "TikTok Sans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 120%; } .spopay_forms_of_payment_grid_credit_right_card_list{ list-style: none; color: #4A5470; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; li{ margin-bottom: 20px; position: relative; padding-left: 36px; } li:before{ content: ""; display: block; width: 20px; height: 20px; position: absolute; top: 0; left: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect width='20' height='20' rx='10' fill='%23160E2A'/%3E%3Cpath d='M6 10L9.42857 13L14 7' stroke='%23FBFDFE' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; } li:last-child{ margin-bottom: 0px; } } /*** methods of payment ***/ #spopay_methods_of_payment_screen{} #spopay_methods_of_payment_screen_title{ color: #071035; font-family: "TikTok Sans"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 110%; margin-bottom: 60px;} #spopay_methods_of_payment_grid{ display: flex; gap: 20px; } .spopay_methods_of_payment_grid_item{ flex: 1 1 40%; display: flex; flex-direction: column; justify-content: space-between; min-height: 320px; padding: 20px; border-radius: 16px; border: 1px solid #BCC6CC; background: #FBFDFE; } .spopay_methods_of_payment_grid_item_title{ color: #160E2A; font-family: "TikTok Sans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 120%; margin-bottom: 20px; } .spopay_methods_of_payment_grid_item_text{ color: #4A5470; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; p{margin-bottom: 1em;} } .spopay_methods_of_payment_grid_item_img{ display: block; height: 72px; width: 81px; object-fit: contain;} /*** compensation ***/ #spopay_compensation_screen{} #spopay_compensation_screen_title{ color: #071035; font-family: "TikTok Sans"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 110%; margin-bottom: 40px; } #spopay_compensation_screen_description{ width: 933px; max-width: 100%; color: #4A5470; font-family: Inter; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; margin-bottom: 60px; } #spopay_compensation_columns{ display: grid; grid-template-columns: 2fr 3fr; gap: 20px; } .spopay_compensation_col{ border-radius: 16px; background: #E6F3FA; padding: 20px; } .spopay_compensation_col_title{ color: #160E2A; font-family: "TikTok Sans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 120%; margin-bottom: 40px; } .spopay_compensation_col_check_list{ display: flex; gap: 10px; } .spopay_compensation_col_check_list_li{ flex: 1 1 30%; border-radius: 6px; background: #FBFDFE; display: flex; padding: 16px; flex-direction: column; justify-content: space-between; align-items: flex-start; min-height: 182px; } .spopay_compensation_col_check_list_li_descr{ color: #4A5470; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; }