.container_banners_events{position:fixed;top:-80px;left:0;z-index:100;width:100%;height:80px;transition:top .3s cubic-bezier(0.65, 0.05, 0.36, 1)}.container_banners_events.animation_banners{transform-origin:center;transform-style:preserve-3d;animation:spinCubeRotateX 40s ease-in-out infinite}.container_banners_events.animation_banners:hover{animation-play-state:paused}.container_banners_events .container_banner_events{position:absolute;width:100%;height:100%;top:0;left:0;transition:1s all}.container_banners_events .container_banner_events:nth-child(1){transform:translateZ(40px)}.container_banners_events .container_banner_events:nth-child(2){transform:rotateX(-90deg) translateZ(40px)}.container_banners_events .container_banner_events:nth-child(3){transform:rotateX(-180deg) translateZ(40px)}.container_banners_events .container_banner_events:nth-child(4){transform:rotateY(0) rotateX(90deg) translateZ(40px)}.container_banners_events .container_banner_events:hover .picture_banner_events{opacity:0;visibility:hidden;z-index:1}.container_banners_events .container_banner_events:hover .picture_banner_events_hover{opacity:1;visibility:unset;z-index:2}.container_banners_events .container_banner_events .picture_banner_events,.container_banners_events .container_banner_events .picture_banner_events_hover{position:absolute;top:0;left:0;width:100%;height:100%}.container_banners_events .container_banner_events .picture_banner_events img,.container_banners_events .container_banner_events .picture_banner_events_hover img{width:100%;height:100%;object-fit:cover}.container_banners_events .container_banner_events .picture_banner_events{z-index:2}.container_banners_events .container_banner_events .picture_banner_events_hover{opacity:0;visibility:hidden;z-index:1}@media(min-width: 769px)and (max-width: 1536px){.container_banners_events{height:70px;top:-70px}.container_banners_events .container_banner_events:nth-child(1){transform:translateZ(35px)}.container_banners_events .container_banner_events:nth-child(2){transform:rotateX(-90deg) translateZ(35px)}.container_banners_events .container_banner_events:nth-child(3){transform:rotateX(-180deg) translateZ(35px)}.container_banners_events .container_banner_events:nth-child(4){transform:rotateY(0) rotateX(90deg) translateZ(35px)}}@media screen and (max-width: 768px){.container_banners_events{height:64px;top:-64px}.container_banners_events .container_banner_events:nth-child(1){transform:translateZ(32px)}.container_banners_events .container_banner_events:nth-child(2){transform:rotateX(-90deg) translateZ(32px)}.container_banners_events .container_banner_events:nth-child(3){transform:rotateX(-180deg) translateZ(32px)}.container_banners_events .container_banner_events:nth-child(4){transform:rotateY(0) rotateX(90deg) translateZ(32px)}}@keyframes spinCubeRotateX{0%,22%{transform:rotateX(0deg)}23%,24%{transform:rotateX(90deg)}25%,47%{transform:rotateX(90deg)}48%,49%{transform:rotateX(180deg)}50%,72%{transform:rotateX(180deg)}73%,74%{transform:rotateX(270deg)}75%,97%{transform:rotateX(270deg)}98%,100%{transform:rotateX(360deg)}}

.header{position:fixed;z-index:92;top:0;right:0;left:0;height:113px;border-bottom:1px solid #505259;background:#f4f4f4;backdrop-filter:blur(20px);padding:10px 48px 10px 48px;width:100%;display:flex;align-items:center}.header.fixed{background:rgba(250,250,250,.85)}.header .logo_block_header{width:calc(260px + (268 - 260)*(100vw - 1920px)/(2560 - 1920));margin-right:15px}.header .logo_block_header .header-logo-link{width:100%}.header .logo_block_header .header-logo-link .header-logo{width:100%}.header .wrapper_menu_btn_link{padding:0 24px;border-left:1px solid #e6e6e6}.header .wrapper_menu_btn_link .menu_btn_link{padding:12px 20px;display:flex;align-items:center;gap:12px;color:#1a1a1a;font-family:Onest,serif;font-size:18px;font-weight:600;line-height:144.444%;letter-spacing:-0.18px;transition:.3s;border-radius:8px}.header .wrapper_menu_btn_link .menu_btn_link:hover{background:#fafafa}.header .wrapper_menu_btn_link .menu_btn_link .teaching_icon{width:24px}.header .inner_header{display:flex;max-width:clamp(1824px,93.75vw,2400px);margin:0 auto;width:100%;justify-content:space-between;align-items:center}.header .mega-menu{font-size:16px;font-weight:500}.header .mega-menu>ul{min-width:740px}.header .header-buttons{display:flex;align-items:center}.header .header-buttons .btn{display:flex;height:60px;padding:20px 32px;justify-content:center;align-items:center;font-family:Articulat CF,sans-serif;font-weight:600;font-size:calc(18px + 2*(100vw - 1920px)/640);font-weight:600;line-height:120%}.header .header-buttons .btn-auth{border-radius:8px;border:1px solid #505259;background:#fefefe;box-shadow:2px 2px 0px 0px #45494d;transition:.3s}.header .header-buttons .btn-auth:hover{background:#f5f6fa;box-shadow:6px 6px 0px 0px #17181a;color:#17171a}.header .header-buttons .btn-reg{padding:12px 20px;display:flex;align-items:center;gap:12px;color:#1a1a1a;font-family:Onest,serif;font-size:18px;font-weight:600;line-height:144.444%;letter-spacing:-0.18px;transition:.3s;border-radius:8px}.header .header-buttons .btn-reg:hover{background:#fafafa}.header .header-buttons .btn-reg .user_icon{width:24px}.header .but-auth{display:none}.header .burger{display:none}.header-popup,.header-popup-bg{top:76px}@media all and (max-width: 768px){.header-popup,.header-popup-bg{top:50px}}body.admin-bar .header,body.admin-bar .header-popup,body.admin-bar .header-popup-bg{margin-top:32px}body.body_home_page_template{background:#f4f4f4}body.body_home_page_template .header{border-bottom:unset}.page-template-page-webdesigner-landing .header,.page-template-page-graphic-designer .header,.page-template-page-landing .header,.page-template-page-design-system-landing .header,.page-template-page-ux-research-landing .header,.page-template-page-portfolio-landing .header,.page-template-page-graphic-designer-course-free .header,.post-type-archive-courses .header{border-bottom:none}@media screen and (max-width: 1920px){.header .logo_block_header{width:calc(239px + (260 - 239)*(100vw - 1535px)/(1919 - 1535))}}@media all and (max-width: 1919px)and (min-width: 1025px){.header{height:96px}.header .inner{padding:18px 2.5013027619vw}.header .header-buttons .btn{font-size:calc(16px + 1*(100vw - 1025px)/894);line-height:150%}.header .header-buttons .btn-reg{padding:10px 16px;height:44px}.header .wrapper_menu_btn_link{padding:0 16px}.header .wrapper_menu_btn_link .menu_btn_link{padding:10px 16px;gap:12px;font-size:16px;font-weight:600;line-height:137.5%;letter-spacing:-0.16px}}@media screen and (max-width: 1536px){.header .logo_block_header{width:calc(207px + (239 - 207)*(100vw - 393px)/(1536 - 393))}}@media screen and (max-width: 1370px){.header .wrapper_menu_btn_link .menu_btn_link{font-size:14px;padding:10px 12px}.header .wrapper_menu_btn_link{padding:0 12px}.header .mega-menu>ul{padding:0 12px}.header .header-buttons .btn-reg{padding:10px 12px;font-size:14px}.header .header-buttons .btn-reg .user_icon{width:20px}.header .wrapper_menu_btn_link .menu_btn_link .teaching_icon{width:20px}}@media all and (max-width: 1260px)and (min-width: 1025px){.header .logo_title{display:none}.header .custom-logo{margin-right:0}}@media all and (max-width: 1150px)and (min-width: 1025px){.header .header-buttons .btn-reg{padding:16px 20px}.header .menu-btn{padding:0 20px}.header .menu-btn .arrow{display:none}}@media all and (max-width: 1780px)and (min-width: 1025px){.header .mega-menu>ul{min-width:0}}@media all and (max-width: 1130px)and (min-width: 1025px){.header .but-auth{display:block;padding:10px;transition:.3s}.header .but-auth img{width:24px}.header .but-auth:hover{background:#f5f6fa;border-radius:8px}.header .header-buttons .btn-reg{display:none}}@media all and (max-width: 1024px){.header{height:76px;padding:10px 20px 10px 20px}.header .inner{padding:16px}.header .header-buttons .btn-reg{gap:7px;padding:7px 8px}.header .header-buttons .btn-reg .user_icon{width:24px}.header .but-auth{display:none;width:24px}.header .burger{display:block;padding:6px 8px 6px 12px;margin-left:8px;border-left:1px solid #e6e6e6}.header .burger .menu_icon{width:24px}.header .menu-btn{padding:13px 16px;height:37px;margin-left:auto;margin-right:20px}.header .menu-btn .arrow{display:none}.mega-menu{display:none}.wrapper_menu_btn_link{display:none}}

.mega-menu{width:100%;flex:1;max-height:100%}.mega-menu:not(.ready) .sub-menu{display:none}.mega-menu ul{list-style:none}.mega-menu ul li.current-menu-item>a,.mega-menu ul li.current-menu-parent>a{position:relative}.mega-menu ul:not(.sub-menu)>li.current-menu-parent,.mega-menu ul:not(.sub-menu)>li.current-menu-item{border-radius:8px}.mega-menu ul:not(.sub-menu)>li.current-menu-parent:hover,.mega-menu ul:not(.sub-menu)>li.current-menu-item:hover{background:#f5f6fa}.mega-menu:not(.mega-menu_mobile) ul:not(.sub-menu)>li.current-menu-parent,.mega-menu:not(.mega-menu_mobile) ul:not(.sub-menu)>li.current-menu-item{background:#f0f2fc;border-radius:8px}.mega-menu:not(.mega-menu_mobile) ul:not(.sub-menu)>li.current-menu-parent:hover,.mega-menu:not(.mega-menu_mobile) ul:not(.sub-menu)>li.current-menu-item:hover{background:#f5f6fa}.mega-menu>ul{height:100%;display:inline-flex;justify-content:space-between;padding:0 24px;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;gap:8px}@media all and (max-width: 1919px){.mega-menu>ul{gap:6px;padding:0 16px}}.mega-menu>ul>li{position:static;border-radius:8px;transition:.3s}.mega-menu>ul>li>a{min-height:100%;padding:12px 20px;display:flex;justify-content:center;align-items:center;font-family:Onest,serif;font-weight:400;line-height:144.444%;letter-spacing:-0.18px;font-size:calc(18px + 2*(100vw - 1920px)/640);color:#17171a;text-align:center;transition:.3s}@media all and (max-width: 1919px)and (min-width: 1024px){.mega-menu>ul>li>a{padding:10px 16px;height:44px;font-size:16px;line-height:137.5%;letter-spacing:-0.16px}}.mega-menu>ul>li:hover{background:#fafafa}.mega-menu>ul>li:hover .sub-menu-wrap{transition:transform .25s linear}.mega-menu>ul>li:not(:hover) .sub-menu-wrap{visibility:hidden;opacity:0;transform:translateY(50px)}.mega-menu>ul>li.menu-item-28760:not(:hover) .sub-menu-wrap_1{visibility:hidden;opacity:0;transform:translateY(50px)}.mega-menu>ul>li.menu-item-28760 .sub-menu-wrap_1 .menu-item-1244{display:none}.mega-menu>ul>li.menu-item-28760 .sub-menu-wrap_1 a{position:relative}.mega-menu>ul>li.menu-item-28760 .sub-menu-wrap_1 a::after{content:"";position:absolute;width:0;left:0;height:1.5px;background:#17171a;bottom:-4px;transition:.3s}.mega-menu>ul>li.menu-item-28760 .sub-menu-wrap_1 a:hover{color:#17171a}.mega-menu>ul>li.menu-item-28760 .sub-menu-wrap_1 a:hover::after{width:100%}.mega-menu>ul>li.menu-item-28760 .sub-menu-wrap_1,.mega-menu>ul>li.menu-item-28760 .sub-menu-wrap_1 a:not(:hover){color:#000}.mega-menu>ul>li.menu-item-28760 .sub-menu-wrap_1>.sub-menu{margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between}.mega-menu>ul>li.menu-item-28760 .sub-menu-wrap_1>.sub-menu>li{width:100%;max-width:300px;min-width:20%}.mega-menu>ul>li.menu-item-28760 .sub-menu-wrap_1>.sub-menu>li.menu-item-has-children{width:auto;position:relative;margin-right:0;padding-left:48px}.mega-menu>ul>li.menu-item-28760 .sub-menu-wrap_1>.sub-menu>li.menu-item-has-children::before{content:"";position:absolute;width:32px;height:100%;top:0;left:0}.mega-menu>ul>li.menu-item-28760 .sub-menu-wrap_1>.sub-menu>li.menu-item-has-children:nth-of-type(1)::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/mega-menu/img/artist_palette.png) no-repeat;background-size:contain}.mega-menu>ul>li.menu-item-28760 .sub-menu-wrap_1>.sub-menu>li.menu-item-has-children:nth-of-type(2)::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/mega-menu/img/light_bulb.png) no-repeat;background-size:contain}.mega-menu>ul>li.menu-item-28760 .sub-menu-wrap_1>.sub-menu>li.menu-item-has-children:nth-of-type(3)::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/mega-menu/img/clapper_board.png) no-repeat;background-size:contain}.mega-menu>ul>li.menu-item-28760 .sub-menu-wrap_1>.sub-menu>li.menu-item-has-children:nth-of-type(4)::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/mega-menu/img/toolbox.png) no-repeat;background-size:contain}.mega-menu>ul>li.menu-item-28760 .sub-menu-wrap_1>.sub-menu>li.menu-item-has-children:nth-of-type(5)::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/mega-menu/img/books.png) no-repeat;background-size:contain}.mega-menu>ul>li.menu-item-28760 .sub-menu-wrap_1>.sub-menu>li.menu-item-has-children li{margin-bottom:16px}.mega-menu>ul>li.menu-item-28760 .sub-menu-wrap_1>.sub-menu>li.menu-item-has-children .sub-menu{margin-top:24px}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2{padding:0}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu{max-width:100%;display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-flow:column}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>.col_left_sub_menu_wrap_2{grid-row:1/span 3;padding:64px;background:#fcfbed;border-radius:16px 0px 0px 16px;margin-right:64px}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>.col_left_sub_menu_wrap_2>li{margin-bottom:48px}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>.col_left_sub_menu_wrap_2>li:nth-child(1) .sub-menu>li:nth-of-type(1)>a::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/mega-menu/img/service_icon_1.png) no-repeat center center;background-size:44px 44px}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>.col_left_sub_menu_wrap_2>li:nth-child(1) .sub-menu>li:nth-of-type(2)>a::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/mega-menu/img/service_icon_2.png) no-repeat center center;background-size:contain}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>.col_left_sub_menu_wrap_2>li:nth-child(1) .sub-menu>li:nth-of-type(3)>a::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/mega-menu/img/service_icon_3.png) no-repeat center center;background-size:contain}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>.col_left_sub_menu_wrap_2>li:nth-child(2) .sub-menu>li:nth-of-type(1)>a::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/mega-menu/img/files_icon_mega_menu.png) no-repeat center center;background-size:44px 44px}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>.col_left_sub_menu_wrap_2>li:last-child{margin-bottom:0}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>.col_left_sub_menu_wrap_2>li>a{font-family:"Articulat CF",sans-serif;font-size:calc(22px + 2*(100vw - 1920px)/640);font-style:normal;font-weight:600;line-height:133.333%;position:relative}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>.col_left_sub_menu_wrap_2>li>a:hover{color:#17171a}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>.col_left_sub_menu_wrap_2>li>a:hover::after{width:100%}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>.col_left_sub_menu_wrap_2>li>a::after{content:"";position:absolute;width:0;left:0;height:1px;background:#17171a;bottom:-4px;transition:.3s}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>.col_left_sub_menu_wrap_2>li>a .badge_new{color:#fefefe;font-feature-settings:"ss03" on;font-family:Mariupol,sans-serif;font-size:17px;font-weight:500;line-height:141.176%;border-radius:4px;padding:5px 8px;background:#0fa958;margin-left:16px}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>.col_left_sub_menu_wrap_2 .sub-menu{border-top:1px solid #505259;margin-top:16px;padding-top:16px}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>.col_left_sub_menu_wrap_2 .sub-menu>li{margin:0;position:relative;transition:.3s;border-radius:16px;box-shadow:2px 2px 0px 0px rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);cursor:pointer}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>.col_left_sub_menu_wrap_2 .sub-menu>li:hover{border:1px solid #505259;background:#fefefe;box-shadow:2px 2px 0px 0px #17181a}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>.col_left_sub_menu_wrap_2 .sub-menu>li>a{display:block;padding:22px 24px 22px 96px;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(18px + 2*(100vw - 1920px)/640);font-style:normal;font-weight:500;line-height:140%}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>.col_left_sub_menu_wrap_2 .sub-menu>li>a:hover::after{display:none}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>.col_left_sub_menu_wrap_2 .sub-menu>li>a span{display:inline-block;position:relative;color:#17171a}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>.col_left_sub_menu_wrap_2 .sub-menu>li>a p{font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(16px + 1*(100vw - 1920px)/640);font-weight:400;line-height:141.176%;margin-top:8px;color:#505259;cursor:pointer}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>.col_left_sub_menu_wrap_2 .sub-menu>li>a::before{content:"";position:absolute;width:48px;height:48px;top:22px;left:24px}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li.menu-item-has-children{margin:0}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li:nth-of-type(1)>a,.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li:nth-of-type(2)>a,.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li:nth-of-type(3)>a{position:relative}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li:nth-of-type(1)>a::before,.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li:nth-of-type(2)>a::before,.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li:nth-of-type(3)>a::before{content:"";position:absolute;width:32px;height:32px;top:0;left:-48px}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li:nth-of-type(1){padding-top:64px;padding-left:48px}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li:nth-of-type(1)>a::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/mega-menu/img/resourse_icon_1.png) no-repeat center center;background-size:contain}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li:nth-of-type(2){padding:64px 0 64px 48px}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li:nth-of-type(2)>a::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/mega-menu/img/resourse_icon_2.png) no-repeat center center;background-size:contain}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li:nth-of-type(3){margin-top:64px;padding-bottom:64px;grid-row:1/span 3;padding-left:48px}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li:nth-of-type(3)>a::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/mega-menu/img/resourse_icon_3.png) no-repeat center center;background-size:contain}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li>.sub-menu{margin-top:24px}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li>.sub-menu>li{margin-bottom:19px}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li>.sub-menu>li:last-of-type{margin-bottom:0}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li>.sub-menu>li>a{font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(18px + 2*(100vw - 1920px)/640);font-weight:400;line-height:140%;color:#505259;position:relative}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li>.sub-menu>li>a::after{content:"";position:absolute;width:0;left:0;height:1.5px;background:#505259;bottom:-4px;transition:.3s}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li>.sub-menu>li>a:hover{color:#505259}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li>.sub-menu>li>a:hover::after{width:100%}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3{padding:0}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu{max-width:100%;flex-wrap:nowrap}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>.sub-menu_left{padding:64px;border-radius:16px 0px 0px 16px;background:#fcfbed;width:564px;min-width:450px}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>.sub-menu_left>li{margin-bottom:64px;margin-left:48px}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>.sub-menu_left>li:last-of-type{margin-bottom:0}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>.sub-menu_left>li.menu-item-has-children{margin-right:0}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>.sub-menu_left>li>a{font-family:"Articulat CF",sans-serif;font-size:calc(22px + 2*(100vw - 1920px)/640);font-style:normal;font-weight:600;line-height:133.333%;position:relative}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>.sub-menu_left>li>a:hover{color:#17171a}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>.sub-menu_left>li>a:hover::after{width:100%}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>.sub-menu_left>li>a::after{content:"";position:absolute;width:0;left:0;height:1.5px;background:#17171a;bottom:-4px;transition:.3s}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>.sub-menu_left>li>a::before{content:"";position:absolute;width:32px;height:32px;top:0;left:-48px}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>.sub-menu_left>li:nth-of-type(1)>a::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/mega-menu/img/inspiration_icon_1.png) no-repeat center center;background-size:contain}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>.sub-menu_left>li:nth-of-type(2)>a::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/mega-menu/img/inspiration_icon_2.png) no-repeat center center;background-size:contain}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>.sub-menu_left>li>.sub-menu{margin-top:24px}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>.sub-menu_left>li>.sub-menu>li{margin-bottom:18px}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>.sub-menu_left>li>.sub-menu>li>a{color:#505259;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(18px + 2*(100vw - 1920px)/640);font-weight:400;line-height:140%;position:relative}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>.sub-menu_left>li>.sub-menu>li>a::after{content:"";position:absolute;width:0;left:0;height:1.5px;background:#505259;bottom:-4px;transition:.3s}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>.sub-menu_left>li>.sub-menu>li>a:hover{color:#505259}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>.sub-menu_left>li>.sub-menu>li>a:hover::after{width:100%}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>li,.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu .sub-menu_right{padding:64px;min-width:1310px;width:100%}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>li>a,.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu .sub-menu_right>a{font-family:"Articulat CF",sans-serif;font-size:calc(22px + 2*(100vw - 1920px)/640);font-weight:600;line-height:133.333%}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>li>.sub-menu,.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu .sub-menu_right>.sub-menu{display:flex;margin-top:24px}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>li>.sub-menu>li,.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu .sub-menu_right>.sub-menu>li{margin-bottom:0;margin-right:24px;padding-bottom:24px;border-bottom:1px solid #505259;width:33.3333333333%}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>li>.sub-menu>li:last-of-type,.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu .sub-menu_right>.sub-menu>li:last-of-type{margin-right:0}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>li>.sub-menu>li>a .image,.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu .sub-menu_right>.sub-menu>li>a .image{height:0;padding-bottom:56.25%;position:relative;overflow:hidden;margin-bottom:24px}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>li>.sub-menu>li>a .image2,.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu .sub-menu_right>.sub-menu>li>a .image2{position:absolute;width:100%;height:100%}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>li>.sub-menu>li>a img,.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>li>.sub-menu>li>a video,.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu .sub-menu_right>.sub-menu>li>a img,.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu .sub-menu_right>.sub-menu>li>a video{width:100%;border-radius:16px}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>li>.sub-menu>li>a span,.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu .sub-menu_right>.sub-menu>li>a span{display:block;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(18px + 2*(100vw - 1920px)/640);font-weight:500;line-height:140%}.mega-menu>ul>li.menu-item-433 .sub-menu-wrap_4{width:687px;padding:0}.mega-menu>ul>li.menu-item-433 .sub-menu-wrap_4>.sub-menu{display:grid;grid-template-columns:repeat(2, 1fr)}.mega-menu>ul>li.menu-item-433 .sub-menu-wrap_4>.sub-menu>li:nth-of-type(1){display:flex}.mega-menu>ul>li.menu-item-433 .sub-menu-wrap_4>.sub-menu>li:nth-of-type(1)>a{width:474px;padding:64px;border-radius:16px 0px 0px 16px;background:#fcfbed;grid-row:1/span 2}.mega-menu>ul>li.menu-item-433 .sub-menu-wrap_4>.sub-menu>li:nth-of-type(1)>a span span{position:relative}.mega-menu>ul>li.menu-item-433 .sub-menu-wrap_4>.sub-menu>li:nth-of-type(1)>a span span:hover{color:#17171a}.mega-menu>ul>li.menu-item-433 .sub-menu-wrap_4>.sub-menu>li:nth-of-type(1)>a span span:hover::after{width:100%}.mega-menu>ul>li.menu-item-433 .sub-menu-wrap_4>.sub-menu>li:nth-of-type(1)>a span span::after{content:"";position:absolute;width:0;left:0;height:1.5px;background:#17171a;bottom:-4px;transition:.3s}.mega-menu>ul>li.menu-item-433 .sub-menu-wrap_4>.sub-menu>li:nth-of-type(1)>a p{font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(16px + 1*(100vw - 1920px)/640);font-weight:400;line-height:141.176%;color:#505259;margin-top:4px}.mega-menu>ul>li.menu-item-433 .sub-menu-wrap_4>.sub-menu>li:nth-of-type(1)>a img{width:344px;margin-top:20px}.mega-menu>ul>li.menu-item-433 .sub-menu-wrap_4>.sub-menu>li:nth-of-type(1)>.sub-menu{padding:64px}.mega-menu>ul>li.menu-item-433 .sub-menu-wrap_4>.sub-menu>li:nth-of-type(1)>.sub-menu li{margin-bottom:16px}.mega-menu>ul>li.menu-item-433 .sub-menu-wrap_4>.sub-menu>li:nth-of-type(1)>.sub-menu li a{font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(18px + 2*(100vw - 1920px)/640);font-weight:400;line-height:140%;color:#505259;position:relative}.mega-menu>ul>li.menu-item-433 .sub-menu-wrap_4>.sub-menu>li:nth-of-type(1)>.sub-menu li a::after{content:"";position:absolute;width:0;left:0;height:1.5px;background:#505259;bottom:-4px;transition:.3s}.mega-menu>ul>li.menu-item-433 .sub-menu-wrap_4>.sub-menu>li:nth-of-type(1)>.sub-menu li a:hover{color:#505259}.mega-menu>ul>li.menu-item-433 .sub-menu-wrap_4>.sub-menu>li:nth-of-type(1)>.sub-menu li a:hover::after{width:100%}.mega-menu .sub-menu-wrap{position:absolute;z-index:99;top:calc(100% + 8px);right:0;left:0;padding:64px 64px 48px 64px;max-width:2400px;width:calc(100% - 160px);margin:0 auto;border-radius:16px;border:1px solid #505259;background:#fefefe;box-shadow:6px 6px 0px 0px #17181a}.mega-menu .sub-menu-wrap::before{content:"";position:absolute;width:100%;height:60px;top:-36px}.mega-menu .sub-menu-wrap,.mega-menu .sub-menu-wrap a:not(:hover){color:#000}.mega-menu .sub-menu-wrap>.sub-menu{margin:0 auto;display:flex;flex-wrap:wrap}.mega-menu .sub-menu-wrap>.sub-menu>li{width:100%}.mega-menu .sub-menu-wrap>.sub-menu>li.menu-item-has-children{width:auto}.mega-menu .sub-menu-wrap>.sub-menu>li.menu-item-has-children:not(:last-child){margin-right:10%}.mega-menu .sub-menu-wrap>.sub-menu>li.menu-item-has-children>a{font-family:"Articulat CF",sans-serif;font-size:calc(22px + 2*(100vw - 1920px)/640);font-style:normal;font-weight:600;line-height:133.333%;position:relative}.mega-menu .sub-menu-wrap>.sub-menu>li.menu-item-has-children>a:hover{color:#17171a}.mega-menu .sub-menu-wrap>.sub-menu>li.menu-item-has-children>a:hover::after{width:100%}.mega-menu .sub-menu-wrap>.sub-menu>li.menu-item-has-children>a::after{content:"";position:absolute;width:0;left:0;height:1.5px;background:#17171a;bottom:-4px;transition:.3s}.mega-menu .sub-menu-wrap>.sub-menu>li.menu-item-has-children>a li{margin-bottom:16px}.mega-menu .sub-menu-wrap>.sub-menu>li.menu-item-has-children>a .sub-menu{margin-top:24px}.mega-menu .sub-menu-wrap>.sub-menu>li.menu-item-has-children li:not(:last-child){margin-bottom:10px}.mega-menu .sub-menu-wrap>.sub-menu>li.menu-item-has-children li>a{color:#505259;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(18px + 2*(100vw - 1920px)/640);font-weight:400;line-height:140%}.mega-menu .sub-menu-wrap>.sub-menu>li.menu-item-has-children li .sub-menu{margin:10px 20px 15px 0}.mega-menu .sub-menu-wrap>.sub-menu>li.menu-item-has-children li .sub-menu li:not(:last-child){margin-bottom:3px}.mega-menu .sub-menu-wrap>.sub-menu>li:not(.menu-item-has-children):not(:last-child){margin-bottom:10px}.mega-menu .menu-item-1657 .sub-menu{display:none}@media all and (max-width: 1919px)and (min-width: 1025px){.mega-menu .sub-menu-wrap{width:100%;padding:48px}.mega-menu .sub-menu-wrap::before{top:-25px}.mega-menu .sub-menu-wrap>.sub-menu>li.menu-item-has-children>a{font-size:calc(17px + 3*(100vw - 1025px)/894);line-height:140%}.mega-menu .sub-menu-wrap>.sub-menu>li.menu-item-has-children li>a{font-size:calc(16px + 2*(100vw - 1025px)/894);line-height:150%}.mega-menu>ul>li.menu-item-28760 .sub-menu-wrap_1>.sub-menu{gap:32px 0}.mega-menu>ul>li.menu-item-28760 .sub-menu-wrap_1>.sub-menu>li{max-width:217px;min-width:217px}.mega-menu>ul>li.menu-item-28760 .sub-menu-wrap_1>.sub-menu>li.menu-item-has-children{padding-left:40px}.mega-menu>ul>li.menu-item-28760 .sub-menu-wrap_1>.sub-menu>li.menu-item-has-children::before{width:24px;left:6px}.mega-menu>ul>li.menu-item-28760 .sub-menu-wrap_1>.sub-menu>li.menu-item-has-children .sub-menu{margin-top:18px}.mega-menu>ul>li.menu-item-28760 .sub-menu-wrap_1>.sub-menu>li.menu-item-has-children li{margin-bottom:12px}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>.col_left_sub_menu_wrap_2{padding:48px;margin-right:48px}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>.col_left_sub_menu_wrap_2>li{margin-bottom:32px}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>.col_left_sub_menu_wrap_2>li>a{font-size:calc(17px + 3*(100vw - 1025px)/894);line-height:140%}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>.col_left_sub_menu_wrap_2>li>a .badge_new{font-size:14px;line-height:142.857%}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>.col_left_sub_menu_wrap_2 .sub-menu{padding-top:12px}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>.col_left_sub_menu_wrap_2 .sub-menu>li>a{padding:20px 20px 20px 88px;font-size:calc(16px + 2*(100vw - 1025px)/894);line-height:150%}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>.col_left_sub_menu_wrap_2 .sub-menu>li>a span::before{left:calc(100% + 10px);padding:2px 8px;font-size:calc(14px + 2*(100vw - 1025px)/894);line-height:150%}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>.col_left_sub_menu_wrap_2 .sub-menu>li>a p{margin-top:8px;font-size:calc(14px + 2*(100vw - 1025px)/894);line-height:142.857%}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>.col_left_sub_menu_wrap_2 .sub-menu>li>a::before{top:20px;left:20px}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li:nth-child(1){padding:48px;margin-right:48px}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li:nth-child(1)>.sub-menu{margin-top:20px}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li:nth-child(1)>.sub-menu>li>a{padding:20px 20px 20px 88px;font-size:calc(16px + 2*(100vw - 1025px)/894);line-height:150%}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li:nth-child(1)>.sub-menu>li>a span::before{left:calc(100% + 10px);padding:2px 8px;font-size:calc(14px + 2*(100vw - 1025px)/894);line-height:150%}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li:nth-child(1)>.sub-menu>li>a p{margin-top:8px;font-size:calc(14px + 2*(100vw - 1025px)/894);line-height:142.857%}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li:nth-child(1)>.sub-menu>li>a::before{top:20px;left:20px}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li:nth-of-type(2)>a,.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li:nth-of-type(3)>a,.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li:nth-of-type(4)>a{position:relative}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li:nth-of-type(2)>a::before,.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li:nth-of-type(3)>a::before,.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li:nth-of-type(4)>a::before{content:"";position:absolute;width:24px;height:24px;left:-40px}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li:nth-of-type(1){padding-top:48px;padding-left:40px}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li:nth-of-type(2){padding:48px 0 48px 40px}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li:nth-of-type(3){padding-bottom:48px;padding-left:40px;padding:0px 0 64px 48px}.mega-menu>ul>li.menu-item-1503 .sub-menu-wrap_2>.sub-menu>li>.sub-menu{margin-top:16px}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>.sub-menu_left{width:440px;min-width:360px;padding:48px}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>.sub-menu_left>li{margin-bottom:48px;margin-left:40px}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>.sub-menu_left>li>a{font-size:calc(17px + 3*(100vw - 1025px)/894);line-height:140%}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>.sub-menu_left>li>a::before{content:"";position:absolute;width:24px;height:24px;top:0;left:-40px}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>.sub-menu_left>li>.sub-menu{margin-top:16px}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>.sub-menu_left>li>.sub-menu>li{margin-bottom:14px}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>.sub-menu_left>li>.sub-menu>li>a{font-size:calc(16px + 2*(100vw - 1025px)/894);line-height:150%}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>li,.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu .sub-menu_right{min-width:680px;padding:48px}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>li>a,.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu .sub-menu_right>a{font-size:calc(17px + 3*(100vw - 1025px)/894);line-height:140%}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>li>.sub-menu,.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu .sub-menu_right>.sub-menu{margin-top:20px}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>li>.sub-menu>li,.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu .sub-menu_right>.sub-menu>li{margin-right:20px;padding-bottom:20px}}@media all and (max-width: 1919px)and (min-width: 1025px)and (max-width: 1600px)and (min-width: 1025px){.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>li>.sub-menu>li,.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu .sub-menu_right>.sub-menu>li{width:50%}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>li>.sub-menu>li>a .image,.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu .sub-menu_right>.sub-menu>li>a .image{margin-bottom:20px}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>li>.sub-menu>li>a img,.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>li>.sub-menu>li>a video,.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu .sub-menu_right>.sub-menu>li>a img,.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu .sub-menu_right>.sub-menu>li>a video{width:100%}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>li>.sub-menu>li>a span,.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu .sub-menu_right>.sub-menu>li>a span{font-size:calc(16px + 2*(100vw - 1025px)/894);line-height:150%}.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu>li>.sub-menu>li:last-of-type,.mega-menu>ul>li.menu-item-1320 .sub-menu-wrap_3>.sub-menu .sub-menu_right>.sub-menu>li:last-of-type{display:none}}@media all and (max-width: 1919px)and (min-width: 769px){.mega-menu>ul>li .sub-menu-wrap:not(.sub-menu-wrap_4){max-width:100%;top:100%;border-radius:0;box-shadow:none;border-width:1px 0}}@media all and (max-width: 1600px)and (min-width: 769px){.mega-menu>ul>li.menu-item-433 .sub-menu-wrap_4::before{top:-33px}.mega-menu>ul>li.menu-item-433 .sub-menu-wrap_4>.sub-menu>li:nth-of-type(1){display:flex}}@media screen and (max-width: 1370px){.mega-menu>ul>li>a{padding:10px 12px;font-size:14px}}

.breadcrumbs{margin-bottom:40px}@media all and (max-width: 1919px)and (min-width: 1025px){.category-container .posts{padding:0;margin-top:0}.category-container .category-wrap .page-top{margin-bottom:48px}.category-container .category-cards{margin-left:0}}@media all and (max-width: 1024px){.breadcrumbs svg{display:none}.headline2{margin-bottom:8px}}

.banner .banner_wrap{max-width:2368px;margin:0 auto;padding:88px 120px;border-radius:16px;border:1px solid #505259;box-shadow:6px 6px 0px 0px #45494d;display:flex;justify-content:space-between;align-items:center}.banner .banner_content{max-width:1310px}.banner .banner_title{font-family:"Articulat CF",sans-serif;font-size:68px;font-weight:600;line-height:76px;letter-spacing:-0.68px;margin-bottom:40px}.banner .banner_text{color:#505259;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:30px;font-weight:400;line-height:40px;letter-spacing:-0.3px;margin-bottom:60px}.banner .banner_btn{padding:8px 8px 8px 32px;border-radius:8px;border:1px solid #505259;background:#fff01f;box-shadow:2px 2px 0px 0px #45494d;display:inline-flex;justify-content:space-between;align-items:center;width:320px}.banner .banner_btn:hover{background:#ff3;box-shadow:6px 6px 0px 0px #17181a;color:#17171a}.banner .banner_btn:hover .card_btn::before{transform:translate(100%, -50%)}.banner .banner_btn:hover .card_btn::after{left:50%;transform:translate(-50%, -50%)}.banner .banner_btn span{font-family:"Articulat CF",sans-serif;font-size:20px;font-weight:600;line-height:24px;letter-spacing:-0.2px}.banner .banner_btn .card_btn{width:44px;height:44px;border-radius:4px;background:#17171a;position:relative;margin-left:30px}.banner .banner_btn .card_btn::before{content:"";position:absolute;width:24px;height:24px;top:50%;left:50%;transform:translate(-50%, -50%);background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/banner/img/banner_arrow.svg) no-repeat;background-size:contain}.banner .banner-feedback_wrap{background:#f0f2fc;padding:45px 94px 45px 120px}.banner .banner-feedback_wrap .banner_content{padding:100px 0}.banner .banner-invitation_wrap{background:#fcfbed;padding:20px 94px 12px 120px}.banner .banner-invitation_wrap .banner_content{padding:68px 0 75px}.banner .banner-share_wrap{padding:48px 64px;background:#f1ebff;max-width:1168px}.banner .banner-share_wrap .banner_content{max-width:600px}.banner .banner-share_wrap .banner_title{font-family:"Articulat CF",sans-serif;font-size:calc(34px + 6*(100vw - 1920px)/640);font-weight:600;line-height:120%;letter-spacing:-0.4px;margin-bottom:16px}.banner .banner-share_wrap .banner_text{color:#505259;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(18px + 2*(100vw - 1920px)/640);font-weight:400;line-height:140%;margin-bottom:40px}.banner .banner-share_wrap .social_links img{width:48px}.banner .banner-share_wrap .social_links img:not(:last-of-type){margin-right:16px}.banner.banner-subscription{margin-bottom:20px}.banner .banner-subscription_wrap{background:#f1ebff;position:relative;padding:120px 90px 140px 120px}.banner .banner-subscription_wrap .banner_text{margin-bottom:50px}.banner .banner-subscription_wrap .banner_image{position:absolute;top:50%;transform:translateY(-50%);right:90px;width:720px}.banner .banner-subscription_form{display:flex}.banner .banner-subscription_form .banner_btn{width:auto}.banner .banner-subscription_form .card_btn{margin-left:20px}.banner .banner_input{width:420px;height:60px;padding:16px 16px 16px 56px;border-radius:8px;border:1px solid #c4c5cc;background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/banner/img/mail.svg) no-repeat,#fefefe;background-size:24px 24px;background-position:16px 50%;margin-right:16px;transition:.3s}.banner .banner_input:hover,.banner .banner_input:focus{border:2px solid #737580}.banner .banner_form_message{margin-top:24px;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:17px;font-weight:400;line-height:24px}.banner .banner_form_message a{text-decoration-line:underline}.banner-bookmark_wrap{max-width:1168px;margin:0 auto}.banner-bookmark_wrap .banner_title{text-align:center}.banner-bookmark_wrap .banner_title strong{position:relative}.banner-bookmark_wrap .banner_title strong::after{content:"";position:absolute;width:436px;height:32px;right:-45px;bottom:-25px;background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/banner/img/decoration.png) no-repeat;background-size:cover}.banner-bookmark_wrap .banner_text{text-align:center;margin-bottom:48px}.banner-bookmark_wrap .banner_image{max-width:716px;margin:0 auto;position:relative}.banner-bookmark_wrap .banner-bookmark_message{position:absolute;bottom:70px;left:50%;transform:translateX(-50%) rotate(-3deg);font-family:"Articulat CF",sans-serif;font-size:44px;font-weight:700;line-height:48px;white-space:nowrap}.banner-container{padding:0 180px}.big-banner.subscription{background:#f1ebff;border-radius:16px;border-style:solid;border-color:#505259;border-width:1px;padding:80px 80px 80px 120px;display:flex;flex-direction:row;gap:64px 128px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative;box-shadow:6px 6px 0px 0px #45494d;overflow:hidden}.big-banner.subscription .content{display:flex;flex-direction:column;gap:48px;align-items:flex-start;justify-content:flex-start;flex:1;min-width:400px;position:relative}.big-banner.subscription .text{display:flex;flex-direction:column;gap:40px;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.big-banner.subscription .headline{color:#17171a;text-align:left;font-weight:400;font-size:68px;line-height:76px;font-family:"Articulat CF",sans-serif;letter-spacing:-0.54px;position:relative;align-self:stretch;transform-origin:0 0;transform:rotate(0deg) scale(1, 1)}.big-banner.subscription .subtitile{color:#505259;text-align:left;position:relative;align-self:stretch;display:flex;align-items:center;justify-content:flex-start}.big-banner.subscription .mail-subscription{display:flex;flex-direction:column;gap:24px;align-items:flex-start;justify-content:flex-end;align-self:stretch;flex-shrink:0;position:relative}.big-banner.subscription .inputs form{display:flex;flex-direction:row;gap:16px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.big-banner.subscription .inputs form .wpcf7-not-valid-tip{margin-top:8px}.big-banner.subscription input{color:#17171a;text-align:left;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(18px + 2*(100vw - 1920px)/640);line-height:140%;font-weight:500;position:relative;display:flex;align-items:center;justify-content:flex-start;width:100%}.big-banner.subscription .input-wrap{display:flex;position:relative}.big-banner.subscription .input-for-banners{background:#fefefe;border-radius:8px;border-style:solid;border-color:#c4c5cc;border-width:1px;padding:16px 56px 16px 56px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;max-width:400px;height:60px;font-weight:500;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;position:relative;transition:.3s}.big-banner.subscription .input-for-banners:hover{border-color:#17171a}.big-banner.subscription .input-for-banners:hover ::-webkit-input-placeholder{color:#17171a}.big-banner.subscription .input-for-banners:hover ::-moz-placeholder{color:#17171a}.big-banner.subscription .input-for-banners:hover :-ms-input-placeholder{color:#17171a}.big-banner.subscription .input-for-banners:hover :-moz-placeholder{color:#17171a}.big-banner.subscription .input-for-banners.wpcf7-not-valid{border-color:#f65931}.big-banner.subscription ::-webkit-input-placeholder{color:#505259;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(18px + 2*(100vw - 1920px)/640);font-weight:400;transition:.3s}.big-banner.subscription ::-moz-placeholder{color:#505259;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(18px + 2*(100vw - 1920px)/640);font-weight:400;transition:.3s}.big-banner.subscription :-ms-input-placeholder{color:#505259;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(18px + 2*(100vw - 1920px)/640);font-weight:400;transition:.3s}.big-banner.subscription :-moz-placeholder{color:#505259;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(18px + 2*(100vw - 1920px)/640);font-weight:400;transition:.3s}.big-banner.subscription .yellow-btn{padding:8px 8px 8px 20px;width:auto;min-width:335px;gap:20px}.big-banner.subscription .content2{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;flex-shrink:0;position:relative;width:100%}.big-banner.subscription .icons-mail{flex-shrink:0;width:24px;height:24px;overflow:hidden;position:absolute;left:16px;top:18px}.big-banner.subscription .clear-icon{position:absolute;width:24px;height:24px;top:18px;right:16px;display:none;cursor:pointer}.big-banner.subscription .elements{position:absolute;left:2px;top:3.5px;overflow:visible}.big-banner.subscription .text2{display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:center;flex-shrink:0;position:relative;width:calc(100% - 36px)}.big-banner.subscription .placeholder{color:#505259;text-align:left;font:400 20px/28px "Mariupol",sans-serif;position:relative;display:flex;align-items:center;justify-content:flex-start}.big-banner.subscription .right-icons{display:flex;flex-direction:row;gap:0px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;width:24px;height:24px;position:relative}.big-banner.subscription .button{background:#fff01f;border-radius:8px;border-style:solid;border-color:#505259;border-width:1px;padding:8px 8px 8px 32px;display:flex;flex-direction:row;gap:20px;align-items:center;justify-content:center;flex-shrink:0;position:relative;box-shadow:2px 2px 0px 0px #45494d}.big-banner.subscription .text3{color:#17171a;text-align:left;font-weight:400;font-size:calc(18px + 2*(100vw - 1920px)/640);line-height:120%;font-family:"Articulat CF",sans-serif;position:relative;display:flex;align-items:center;justify-content:flex-start}.big-banner.subscription .arrow-circle{background:#17171a;border-radius:4px;flex-shrink:0;width:44px;height:44px;position:relative;overflow:hidden}.big-banner.subscription .icons-arrows{width:24px;height:24px;position:absolute;left:10px;top:10px;overflow:hidden}.big-banner.subscription .arrow{position:absolute;left:3px;top:5px;transform:translate(-0.75px, -0.75px);overflow:visible}.big-banner.subscription .icons-arrows2{opacity:0;width:24px;height:24px;position:absolute;left:-24px;top:10px;overflow:hidden}.big-banner.subscription .arrow2{position:absolute;left:3px;top:5px;overflow:visible}.big-banner.subscription .text4{color:#17171a;text-align:left;font:400 17px/24px "Mariupol",sans-serif;position:relative;align-self:stretch;transform-origin:0 0;transform:rotate(0deg) scale(1, 1);display:flex;align-items:center;justify-content:flex-start}.big-banner.subscription .text-4-span2{text-decoration:underline}.big-banner.subscription .text-4-span4{text-decoration:underline}.big-banner.subscription .frame-11366{flex-shrink:0;width:600px;position:relative;margin:0 auto}.big-banner.subscription .big-llustration-1{width:600px;left:0px;top:7px}.big-banner.subscription .big-llustration-12{width:600px;position:absolute;left:0px;top:0px}.big-banner.invitation{background:#fcfbed;border-radius:16px;border-style:solid;border-color:#505259;border-width:1px;padding:80px 80px 80px 120px;display:flex;flex-direction:row;gap:64px 128px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative;box-shadow:6px 6px 0px 0px #45494d;overflow:hidden}.big-banner.invitation .content{display:flex;flex-direction:column;gap:48px;align-items:flex-start;justify-content:flex-start;flex:1;min-width:400px;position:relative}.big-banner.invitation .text{display:flex;flex-direction:column;gap:32px;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.big-banner.invitation .headline2{max-width:1100px}.big-banner.invitation .button{background:#fff01f;border-radius:8px;border-style:solid;border-color:#505259;border-width:1px;padding:8px 8px 8px 32px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-shrink:0;width:320px;position:relative;box-shadow:2px 2px 0px 0px #45494d}.big-banner.invitation .text2{text-align:left;font-weight:600;font-size:calc(18px + 2*(100vw - 1920px)/640);line-height:24px;font-family:"Articulat CF",sans-serif;position:relative;display:flex;align-items:center;justify-content:flex-start}.big-banner.invitation .arrow-circle{background:#17171a;border-radius:4px;flex-shrink:0;width:44px;height:44px;position:relative;overflow:hidden}.big-banner.invitation .icons-arrows{width:24px;height:24px;position:absolute;left:10px;top:10px;overflow:hidden}.big-banner.invitation .arrow{height:auto;position:absolute;right:29.17%;left:12.5%;width:58.33%;bottom:4.17%;top:20.83%;height:75%;transform:translate(-0.75px, -0.75px);overflow:visible}.big-banner.invitation .icons-arrows2{opacity:0;width:24px;height:24px;position:absolute;left:-24px;top:10px;overflow:hidden}.big-banner.invitation .arrow2{height:auto;position:absolute;right:29.17%;left:12.5%;width:58.33%;bottom:4.17%;top:20.83%;height:75%;overflow:visible}.big-banner.invitation .image{flex-shrink:0;width:600px;position:relative;overflow:hidden;margin:0 auto}.big-banner.feedback{background:#f0f2fc;border-radius:16px;border-style:solid;border-color:#505259;border-width:1px;padding:80px 80px 80px 120px;display:flex;flex-direction:row;gap:128px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative;box-shadow:6px 6px 0px 0px #45494d;overflow:hidden}.big-banner.feedback .content{display:flex;flex-direction:column;gap:48px;align-items:flex-start;justify-content:flex-start;flex:1;min-width:400px;position:relative}.big-banner.feedback .text{display:flex;flex-direction:column;gap:32px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.big-banner.feedback .button{background:#fff01f;border-radius:8px;border-style:solid;border-color:#505259;border-width:1px;padding:8px 8px 8px 32px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-shrink:0;width:320px;position:relative;box-shadow:2px 2px 0px 0px #45494d}.big-banner.feedback .text2{text-align:left;font-family:"Articulat CF",sans-serif;font-size:20px;line-height:24px;font-weight:600;position:relative;display:flex;align-items:center;justify-content:flex-start}.big-banner.feedback .arrow-circle{background:#17171a;border-radius:4px;flex-shrink:0;width:44px;height:44px;position:relative;overflow:hidden}.big-banner.feedback .icons-arrows{width:24px;height:24px;position:absolute;left:10px;top:10px;overflow:hidden}.big-banner.feedback .arrow{height:auto;position:absolute;right:29.17%;left:12.5%;width:58.33%;bottom:4.17%;top:20.83%;height:75%;transform:translate(-0.75px, -0.75px);overflow:visible}.big-banner.feedback .icons-arrows2{opacity:0;width:24px;height:24px;position:absolute;left:-24px;top:10px;overflow:hidden}.big-banner.feedback .arrow2{height:auto;position:absolute;right:29.17%;left:12.5%;width:58.33%;bottom:4.17%;top:20.83%;height:75%;overflow:visible}.big-banner.feedback .image{flex-shrink:0;width:600px;position:relative;overflow:hidden}.share-banner{background:#f1ebff;border-radius:16px;padding:48px 64px 48px 64px;display:flex;flex-direction:row;gap:80px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.share-banner .content-banner{display:flex;flex-direction:column;gap:40px;align-items:flex-start;justify-content:flex-start;flex:1;position:relative}.share-banner .text{display:flex;flex-direction:column;gap:16px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.share-banner .headline{text-align:left;font-family:"Articulat CF",sans-serif;font-size:calc(34px + 6*(100vw - 1920px)/640);line-height:120%;font-weight:600;position:relative;align-self:stretch;transform-origin:0 0;transform:rotate(0deg) scale(1, 1)}.share-banner .subtitile{color:#505259;text-align:left;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(18px + 2*(100vw - 1920px)/640);line-height:140%;font-weight:400;position:relative;align-self:stretch;display:flex;align-items:center;justify-content:flex-start}.share-banner .social-media{display:flex;flex-direction:row;gap:16px;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;flex-shrink:0;position:relative}.share-banner .social-media a{cursor:pointer}.share-banner .social-media img{width:48px;position:relative;top:0;transition:.3s}.share-banner .social-media img:hover{top:-10px}.share-banner .illustration{flex-shrink:0;max-width:360px;position:relative;overflow:hidden}.wpcf7-response-output{display:none !important}@media all and (max-width: 2560px)and (min-width: 1920px){.banner{padding:0 180px;max-width:100%}}@media all and (max-width: 1919px)and (min-width: 1025px){.banner{padding:0 3%;max-width:100%}.big-banner .headline{font:400 54px/60px "Articulat CF",sans-serif}.big-banner .text3{font-size:calc(16px + 1*(100vw - 1025px)/894);line-height:150%}.big-banner .text4{font:400 14px/20px "Mariupol",sans-serif}.banner .banner-share_wrap .banner_title{font-size:calc(26px + 6*(100vw - 1025px)/894);line-height:120%}.banner .banner-share_wrap .banner_text{font-size:calc(16px + 2*(100vw - 1025px)/894);line-height:140%}}@media all and (max-width: 2500px)and (min-width: 769px){.banner .banner_content{max-width:51.171875vw}.banner .banner_title{font-size:2.65625vw;line-height:2.96875vw;margin-bottom:1.5625vw}.banner .banner_text{margin-bottom:2.34375vw}.banner .banner-subscription_wrap{padding:4.6875vw 3.515625vw 5.46875vw 4.6875vw}.banner .banner-subscription_wrap .banner_image{right:3.515625vw;width:28.125vw}.banner.banner-share{padding:0}.banner .banner_input{height:60px;padding:16px 16px 16px 56px;border-radius:8px;border:1px solid #c4c5cc;background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/banner/img/mail.svg) no-repeat,#fefefe;background-size:24px 24px;background-position:16px 50%;margin-right:16px}.banner-bookmark .banner_title strong::after{width:17.03125vw;height:1.25vw;right:-1.7578125vw;bottom:-0.9765625vw}.banner-bookmark .banner-bookmark_message{bottom:2.734375vw;font-size:1.71875vw;line-height:1.875vw}.banner-bookmark_wrap{max-width:45.625vw}.banner-bookmark_wrap .banner_image{max-width:27.96875vw}}@media all and (max-width: 1919px)and (min-width: 1025px){.banner-container{padding:0 80px}.big-banner.subscription,.big-banner.invitation,.big-banner.feedback{border-radius:16px;padding:72px 72px 72px 80px;display:flex;flex-direction:row;gap:80px;align-items:flex-start;justify-content:center;flex:1;position:relative;overflow:hidden}.big-banner.subscription .content,.big-banner.invitation .content,.big-banner.feedback .content{display:flex;flex-direction:column;gap:40px;align-items:flex-start;justify-content:flex-start;flex:1;min-width:0;position:relative}.big-banner.subscription .text,.big-banner.invitation .text,.big-banner.feedback .text{display:flex;flex-direction:column;gap:28px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.big-banner.subscription .headline,.big-banner.invitation .headline,.big-banner.feedback .headline{text-align:left;font:400 54px/60px "Articulat CF",sans-serif;position:relative;align-self:stretch}.big-banner.subscription .subtitile,.big-banner.invitation .subtitile,.big-banner.feedback .subtitile{text-align:left;font:400 24px/32px "Mariupol",sans-serif;position:relative;align-self:stretch;display:flex;align-items:center;justify-content:flex-start}.big-banner.subscription .frame-11366,.big-banner.invitation .frame-11366,.big-banner.feedback .frame-11366{width:calc(50% - 40px);display:flex;justify-content:flex-end}.big-banner.subscription .mail-subscription,.big-banner.invitation .mail-subscription,.big-banner.feedback .mail-subscription{display:flex;flex-direction:column;gap:20px;align-items:flex-start;justify-content:flex-end;align-self:stretch;flex-shrink:0;position:relative}.big-banner.subscription .inputs,.big-banner.invitation .inputs,.big-banner.feedback .inputs{display:flex;flex-direction:row;gap:12px;align-items:flex-end;justify-content:flex-start;flex-wrap:wrap;align-self:stretch;flex-shrink:0;position:relative}.big-banner.subscription .input-for-banners,.big-banner.invitation .input-for-banners,.big-banner.feedback .input-for-banners{border-radius:8px;padding:12px 16px 12px 16px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex:1;height:56px;min-width:200px;max-width:400px;position:relative}.big-banner.subscription .content2,.big-banner.invitation .content2,.big-banner.feedback .content2{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;flex-shrink:0;position:relative}.big-banner.subscription .icons-mail,.big-banner.invitation .icons-mail,.big-banner.feedback .icons-mail{flex-shrink:0;width:24px;height:24px;position:relative;overflow:hidden}.big-banner.subscription .elements,.big-banner.invitation .elements,.big-banner.feedback .elements{position:absolute;left:2px;top:3.5px;overflow:visible}.big-banner.subscription .text2,.big-banner.invitation .text2,.big-banner.feedback .text2{display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:center;flex-shrink:0;position:relative}.big-banner.subscription .placeholder,.big-banner.invitation .placeholder,.big-banner.feedback .placeholder{text-align:left;font:400 16px/24px "Mariupol",sans-serif;position:relative;display:flex;align-items:center;justify-content:flex-start}.big-banner.subscription .right-icons,.big-banner.invitation .right-icons,.big-banner.feedback .right-icons{display:flex;flex-direction:row;gap:0px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;width:24px;height:24px;position:relative}.big-banner.subscription .button,.big-banner.invitation .button,.big-banner.feedback .button{border-radius:8px;padding:6px 6px 6px 28px;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:center;flex-shrink:0;position:relative;box-shadow:2px 2px 0px 0px #45494d}.big-banner.subscription .arrow-circle,.big-banner.invitation .arrow-circle,.big-banner.feedback .arrow-circle{border-radius:4px;flex-shrink:0;width:44px;height:44px;position:relative;overflow:hidden}.big-banner.subscription .icons-arrows,.big-banner.invitation .icons-arrows,.big-banner.feedback .icons-arrows{width:24px;height:24px;position:absolute;left:10px;top:10px;overflow:hidden}.big-banner.subscription .arrow,.big-banner.invitation .arrow,.big-banner.feedback .arrow{position:absolute;left:3px;top:5px;transform:translate(-0.75px, -0.75px);overflow:visible}.big-banner.subscription .icons-arrows2,.big-banner.invitation .icons-arrows2,.big-banner.feedback .icons-arrows2{opacity:0;width:24px;height:24px;position:absolute;left:-24px;top:10px;overflow:hidden}.big-banner.subscription .arrow2,.big-banner.invitation .arrow2,.big-banner.feedback .arrow2{position:absolute;left:3px;top:5px;overflow:visible}.big-banner.subscription .text4,.big-banner.invitation .text4,.big-banner.feedback .text4{text-align:left;font:400 14px/20px "Mariupol",sans-serif;position:relative;align-self:stretch;transform-origin:0 0;transform:rotate(0deg) scale(1, 1);display:flex;align-items:center;justify-content:flex-start}.big-banner.subscription .text-4-span,.big-banner.invitation .text-4-span,.big-banner.feedback .text-4-span{font:400 14px/20px "Mariupol",sans-serif}.big-banner.subscription .text-4-span2,.big-banner.invitation .text-4-span2,.big-banner.feedback .text-4-span2{font:400 14px/20px "Mariupol",sans-serif;text-decoration:underline}.big-banner.subscription .text-4-span3,.big-banner.invitation .text-4-span3,.big-banner.feedback .text-4-span3{font:400 14px/20px "Mariupol",sans-serif}.big-banner.subscription .text-4-span4,.big-banner.invitation .text-4-span4,.big-banner.feedback .text-4-span4{font:400 14px/20px "Mariupol",sans-serif;text-decoration:underline}.big-banner.subscription .text-4-span5,.big-banner.invitation .text-4-span5,.big-banner.feedback .text-4-span5{font:400 14px/20px "Mariupol",sans-serif}.big-banner.subscription .big-llustration-1,.big-banner.invitation .big-llustration-1,.big-banner.feedback .big-llustration-1{flex-shrink:0;width:100%;max-width:620px;position:relative}.big-banner.subscription .big-llustration-12,.big-banner.invitation .big-llustration-12,.big-banner.feedback .big-llustration-12{width:540px;position:absolute;left:calc(50% - 270px);top:calc(50% - 225px)}.big-banner.subscription .image,.big-banner.invitation .image,.big-banner.feedback .image{width:calc(50% - 40px)}.big-banner.subscription input{font-size:calc(16px + 2*(100vw - 1025px)/894);line-height:150%}}@media all and (max-width: 1919px)and (min-width: 1025px)and (max-width: 1750px)and (min-width: 1025px){.big-banner.subscription .inputs form{flex-wrap:wrap}}@media all and (max-width: 1919px)and (min-width: 1025px){.big-banner.subscription .yellow-btn{gap:16px}}@media all and (max-width: 1919px)and (min-width: 1025px)and (max-width: 1750px)and (min-width: 1025px){.big-banner.subscription .yellow-btn{min-width:360px}}@media all and (max-width: 1919px)and (min-width: 1025px){.big-banner.subscription .input-for-banners{min-width:273px;max-width:360px;height:56px;padding:12px 52px 12px 52px}.big-banner.subscription ::-webkit-input-placeholder{font-size:calc(16px + 2*(100vw - 1025px)/894)}.big-banner.subscription ::-moz-placeholder{font-size:calc(16px + 2*(100vw - 1025px)/894)}.big-banner.subscription :-ms-input-placeholder{font-size:calc(16px + 2*(100vw - 1025px)/894)}.big-banner.subscription :-moz-placeholder{font-size:calc(16px + 2*(100vw - 1025px)/894)}.big-banner.subscription .icons-mail{flex-shrink:0;width:24px;height:24px;overflow:hidden;position:absolute;left:16px;top:15px}.big-banner.subscription .clear-icon{top:15px}.share-banner{align-items:flex-start}.share-banner .content-banner{min-width:280px}.share-banner .illustration{flex:1;max-width:380px;position:relative;overflow:hidden;margin:0 auto}}@media all and (max-width: 1800px)and (min-width: 769px){.banner .banner_text{font-size:1.6666666667vw;line-height:2.2222222222vw}.banner .banner_input{width:23.3333333333vw;font-size:1.1111111111vw}.banner .banner_wrap{padding:4.8888888889vw 6.6666666667vw;border-radius:.8888888889vw}.banner .banner-feedback_wrap{padding:2.5vw 5.2222222222vw 2.5vw 6.6666666667vw}.banner .banner-feedback_wrap .banner_content{padding:3.7777777778vw 0 4.1666666667vw}.banner .banner-invitation_wrap{padding:20px 5.2222222222vw 12px 6.6666666667vw}.banner .banner-invitation_wrap .banner_content{padding:3.7777777778vw 0 4.1666666667vw}.banner .banner-subscription_wrap .banner_text{margin-bottom:2.7777777778vw}}@media all and (max-width: 1024px)and (min-width: 769px){.banner .banner_btn{padding:8px 8px 8px 16px;border-radius:4px;box-shadow:1px 1px 0px 0px #45494d;width:230px}.banner .banner_btn span{font-size:16px;line-height:20px}.banner .banner_btn .card_btn{width:28px;height:28px;border-radius:4px;margin-left:10px}.banner .banner_btn .card_btn::before{width:16px;height:16px}.banner .banner_wrap{box-shadow:3px 3px 0px 0px #45494d}.banner .banner_image{margin-left:20px}}@media all and (max-width: 1024px){.banner-container{padding:0 20px}.big-banner.subscription,.big-banner.invitation,.big-banner.feedback{border-radius:24px;padding:40px 20px 24px 20px;display:flex;flex-direction:row;gap:20px 80px;align-items:flex-start;justify-content:center;flex-wrap:wrap;flex:1;position:relative;overflow:hidden}.big-banner.subscription .content,.big-banner.invitation .content,.big-banner.feedback .content{display:flex;flex-direction:column;gap:24px;align-items:flex-start;justify-content:flex-start;flex:1;min-width:280px;max-width:600px;position:relative}.big-banner.subscription .text,.big-banner.invitation .text,.big-banner.feedback .text{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.big-banner.subscription .headline,.big-banner.invitation .headline,.big-banner.feedback .headline{text-align:left;font:400 28px/30px "Articulat CF",sans-serif;position:relative;align-self:stretch;transform-origin:0 0;transform:rotate(0deg) scale(1, 1)}.big-banner.subscription .subtitile,.big-banner.invitation .subtitile,.big-banner.feedback .subtitile{text-align:left;font:400 17px/24px "Mariupol",sans-serif;position:relative;align-self:stretch;display:flex;align-items:center;justify-content:flex-start}.big-banner.subscription .mail-subscription,.big-banner.invitation .mail-subscription,.big-banner.feedback .mail-subscription{display:flex;flex-direction:column;gap:24px;align-items:flex-start;justify-content:flex-end;align-self:stretch;flex-shrink:0;max-width:500px;position:relative}.big-banner.subscription .inputs,.big-banner.invitation .inputs,.big-banner.feedback .inputs{display:flex;flex-direction:column;gap:12px;align-items:flex-start;justify-content:flex-end;align-self:stretch;flex-shrink:0;position:relative}.big-banner.subscription .inputs form,.big-banner.invitation .inputs form,.big-banner.feedback .inputs form{display:flex;flex-direction:column;gap:12px;align-items:flex-start;justify-content:flex-end;align-self:stretch;flex-shrink:0;position:relative}.big-banner.subscription .input-for-banners,.big-banner.invitation .input-for-banners,.big-banner.feedback .input-for-banners{border-radius:8px;padding:14px 16px 14px 16px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;flex-shrink:0;position:relative;min-width:100%}.big-banner.subscription .content2,.big-banner.invitation .content2,.big-banner.feedback .content2{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;flex-shrink:0;position:relative}.big-banner.subscription .icons-mail,.big-banner.invitation .icons-mail,.big-banner.feedback .icons-mail{flex-shrink:0;width:24px;height:24px;position:relative;overflow:hidden}.big-banner.subscription .elements,.big-banner.invitation .elements,.big-banner.feedback .elements{position:absolute;left:2px;top:3.5px;overflow:visible}.big-banner.subscription .text2,.big-banner.invitation .text2,.big-banner.feedback .text2{display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:center;flex-shrink:0;position:relative}.big-banner.subscription .placeholder,.big-banner.invitation .placeholder,.big-banner.feedback .placeholder{text-align:left;font:400 15px/20px "Mariupol",sans-serif;position:relative;display:flex;align-items:center;justify-content:flex-start}.big-banner.subscription .right-icons,.big-banner.invitation .right-icons,.big-banner.feedback .right-icons{display:flex;flex-direction:row;gap:0px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;width:24px;height:24px;position:relative}.big-banner.subscription .button,.big-banner.invitation .button,.big-banner.feedback .button{border-radius:8px;padding:8px 8px 8px 24px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;flex-shrink:0;position:relative;box-shadow:2px 2px 0px 0px #45494d}.big-banner.subscription .text3,.big-banner.invitation .text3,.big-banner.feedback .text3{text-align:left;font-size:calc(15px + 1*(100vw - 360px)/664);line-height:120%;position:relative;display:flex;align-items:center;justify-content:flex-start}.big-banner.subscription .arrow-circle,.big-banner.invitation .arrow-circle,.big-banner.feedback .arrow-circle{border-radius:4px;flex-shrink:0;width:36px;height:36px;position:relative;overflow:hidden}.big-banner.subscription .icons-arrows,.big-banner.invitation .icons-arrows,.big-banner.feedback .icons-arrows{width:24px;height:24px;position:absolute;left:calc(50% - 12px);top:calc(50% - 12px);overflow:hidden}.big-banner.subscription .arrow,.big-banner.invitation .arrow,.big-banner.feedback .arrow{position:absolute;left:3px;top:5px;transform:translate(-0.75px, -0.75px);overflow:visible}.big-banner.subscription .icons-arrows2,.big-banner.invitation .icons-arrows2,.big-banner.feedback .icons-arrows2{opacity:0;width:24px;height:24px;position:absolute;left:calc(50% - 46px);top:calc(50% - 12px);overflow:hidden}.big-banner.subscription .arrow2,.big-banner.invitation .arrow2,.big-banner.feedback .arrow2{position:absolute;left:3px;top:5px;overflow:visible}.big-banner.subscription .text4,.big-banner.invitation .text4,.big-banner.feedback .text4{text-align:left;font:400 13px/18px "Mariupol",sans-serif;position:relative;align-self:stretch;height:54px;transform-origin:0 0;transform:rotate(0deg) scale(1, 1);display:flex;align-items:center;justify-content:flex-start}.big-banner.subscription .text-4-span,.big-banner.invitation .text-4-span,.big-banner.feedback .text-4-span{font:400 13px/18px "Mariupol",sans-serif}.big-banner.subscription .text-4-span2,.big-banner.invitation .text-4-span2,.big-banner.feedback .text-4-span2{font:400 13px/18px "Mariupol",sans-serif;text-decoration:underline}.big-banner.subscription .text-4-span3,.big-banner.invitation .text-4-span3,.big-banner.feedback .text-4-span3{font:400 13px/18px "Mariupol",sans-serif}.big-banner.subscription .text-4-span4,.big-banner.invitation .text-4-span4,.big-banner.feedback .text-4-span4{font:400 13px/18px "Mariupol",sans-serif;text-decoration:underline}.big-banner.subscription .text-4-span5,.big-banner.invitation .text-4-span5,.big-banner.feedback .text-4-span5{font:400 13px/18px "Mariupol",sans-serif}.big-banner.subscription .frame-11366,.big-banner.invitation .frame-11366,.big-banner.feedback .frame-11366{width:280px}.big-banner.subscription .big-llustration-1,.big-banner.invitation .big-llustration-1,.big-banner.feedback .big-llustration-1{width:280px}.big-banner.subscription .image,.big-banner.invitation .image,.big-banner.feedback .image{flex-shrink:0;width:280px;position:relative}.big-banner.subscription .wpcf7{width:100%}.big-banner.subscription .wpcf7-form-control-wrap{width:100%}.big-banner.subscription input{font-size:calc(15px + 1*(100vw - 360px)/664);line-height:133.333%}.big-banner.subscription .yellow-btn{gap:16px;width:100%;min-width:0;border-radius:8px}.big-banner.subscription .input-wrap{width:100%}.big-banner.subscription .input-for-banners{padding:14px 56px 14px 56px;max-width:100%;height:52px}.big-banner.subscription .icons-mail{flex-shrink:0;width:24px;height:24px;overflow:hidden;position:absolute;left:16px;top:14px}.big-banner.subscription .clear-icon{top:14px}.share-banner{border-radius:24px;padding:40px 20px 32px 20px;gap:32px;flex-wrap:wrap;overflow:hidden;align-items:flex-start}.share-banner .illustration{flex:1;min-width:240px;max-width:300px;position:relative;overflow:hidden;margin:0 auto}.share-banner .content-banner{gap:24px;min-width:240px}}@media all and (max-width: 1024px)and (max-width: 593px){.share-banner .content-banner{order:1}}@media all and (max-width: 1024px){.share-banner .headline{font-size:calc(20px + 4*(100vw - 360px)/664);line-height:110%}.share-banner .subtitile{font-size:calc(17px + 2*(100vw - 360px)/664);line-height:141.176%}.share-banner .social-media{overflow:hidden;gap:12px}.share-banner .social-media img{width:40px}.share-banner .social-media img:hover{top:0}.banner .banner-share_wrap .banner_title{font-size:calc(20px + 4*(100vw - 360px)/664);line-height:110%}.banner .banner-share_wrap .banner_text{font-size:calc(17px + 2*(100vw - 360px)/664);line-height:141.176%}.banner{padding:0 20px}.banner .banner_title{font-size:28px;line-height:30px;letter-spacing:-0.28px}.banner .banner_text{font-size:17px;line-height:24px;letter-spacing:-0.17px}.banner-bookmark_wrap .banner_title strong::after{width:174px;height:14px;right:-15px;bottom:-10px;background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/banner/img/decoration.png) no-repeat;background-size:contain}.banner-bookmark_wrap .banner_text{margin-bottom:24px}.banner-bookmark_wrap .banner-bookmark_message{bottom:15px;font-size:20px}}

.running-line{display:flex;align-items:center;justify-content:center;background-color:#17171a;padding:10px 0;height:126px;overflow:hidden}.running-line .running_line_inner{display:flex;align-items:center;font-family:"Articulat CF",sans-serif;font-size:calc(56px + 12*(100vw - 1920px)/640);font-weight:600;line-height:111.765%;letter-spacing:-0.68px;color:#fbfbfb;position:relative;white-space:nowrap;animation-name:running;animation-duration:60s;animation-iteration-count:infinite;animation-timing-function:linear}.running-line .running_line_inner div{display:flex;white-space:nowrap}.running-line .running_line_inner div p{padding:0 50px 10px;position:relative}.running-line .running_line_inner div p::after{content:"";position:absolute;width:46px;height:46px;top:50%;right:-23px;transform:translateY(-50%);background:url("/wp-content/themes/wemake-theme/modules/running-line/img/star.svg") no-repeat;background-size:contain}.running-line .running_line_inner div p strong{color:#fff01f}.running-line.running-line_main{transform:rotate(-1deg)}.running-line.running-line_main .running_line_inner{animation-duration:100s}.running-line.running-line_main .running_line_inner div p{padding:0 40px 10px}.running-line.running-line_stories{margin-top:-120px}.running-line.running-line_stories .running_line_inner{animation-duration:150s}.running-line.running-line_youtube .running_line_inner,.running-line.running-line_instagram .running_line_inner,.running-line.running-line_telegram .running_line_inner,.running-line.running-line_spotify .running_line_inner{animation-duration:150s}.running-line.running-line_youtube .running_line_inner div p::after,.running-line.running-line_instagram .running_line_inner div p::after,.running-line.running-line_telegram .running_line_inner div p::after,.running-line.running-line_spotify .running_line_inner div p::after{background:url("/wp-content/themes/wemake-theme/modules/running-line/img/arrow.svg") no-repeat}@keyframes running{0%{transform:translate(100%, 0)}50%{transform:translate(0, 0)}100%{transform:translate(-100%, 0)}}@media all and (max-width: 1919px)and (min-width: 1025px){.running-line{max-height:110px;height:auto;padding:18px 0}.running-line .running_line_inner{font-size:calc(40px + 14*(100vw - 1025px)/894);line-height:111.111%;letter-spacing:-0.54px}}@media all and (max-width: 1024px){.running-line{max-height:64px;height:64px}.running-line .running_line_inner{font-size:calc(28px + 8*(100vw - 360px)/664);font-weight:600;line-height:107.143%;letter-spacing:-0.28px}.running-line .running_line_inner div p{padding:0 32px 5px}.running-line .running_line_inner div p::after{width:32px;height:32px;right:-16px}.running-line.running-line_stories{margin-top:0}}

.popup-container{display:none}

.popup {
  position: absolute;
  transition: 0.5s;
  z-index: 101;
}
.popup.show {
  bottom: 0;
}
.popup .mobile- {
  display: none;
}

.popup-container {
  opacity: 1;
  position: fixed;
  bottom: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
  transition: all 0.6s ease-in-out;
  overflow: scroll;
}
.popup-container::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s ease-in-out, background-color 0.6s ease-in-out;
}
.popup-container.show {
  bottom: 0;
}
.popup-container.show::before {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.6);
  pointer-events: auto;
}

.popup-container::-webkit-scrollbar {
  display: none;
}

.popup-container {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.popup-max_height {
  max-height: calc(100% - 20px);
}

.exit {
  background: #f5f6fa;
  border-radius: 50%;
  padding: 3px;
  flex-direction: row;
  gap: 0px;
  flex-shrink: 0;
  position: absolute;
  top: 14px;
  right: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}
@media all and (min-width: 1025px) {
  .exit {
    display: none;
  }
}
.exit.mobile- {
  display: none;
}
.exit .icons-exit-small {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.exit-button {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  position: absolute;
  right: -18px;
  top: -18px;
}
.exit-button .bg {
  background: #17171a;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.exit-button .icons-exit-small {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 6px;
  top: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.exit-button .group-11214 {
  height: auto;
  position: absolute;
  left: 7px;
  top: 7px;
}

.popups-success-message-contact,
.popups-success-message-subscription,
.popups-success-message-error {
  background: #fefefe;
  border-radius: 16px;
  border-style: solid;
  border-color: #505259;
  border-width: 1px;
  padding: 64px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: center;
  justify-content: flex-start;
  width: 768px;
  min-width: 640px;
  max-width: 768px;
}
.popups-success-message-contact.message-error .success-icon,
.popups-success-message-subscription.message-error .success-icon,
.popups-success-message-error.message-error .success-icon {
  background: #f65931;
}
.popups-success-message-contact.message-error .check-icon-error,
.popups-success-message-subscription.message-error .check-icon-error,
.popups-success-message-error.message-error .check-icon-error {
  display: block;
}
.popups-success-message-contact.message-error .check-icon-success,
.popups-success-message-subscription.message-error .check-icon-success,
.popups-success-message-error.message-error .check-icon-success {
  display: none;
}
.popups-success-message-contact .text,
.popups-success-message-subscription .text,
.popups-success-message-error .text {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-success-message-contact .success-icon,
.popups-success-message-subscription .success-icon,
.popups-success-message-error .success-icon {
  background: #0fa958;
  border-radius: 100px;
  border-style: solid;
  border-color: #505259;
  border-width: 1px;
  padding: 16px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  box-shadow: 3px 3px 0px 0px rgb(23, 24, 26);
}
.popups-success-message-contact .check-icon,
.popups-success-message-subscription .check-icon,
.popups-success-message-error .check-icon {
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  position: relative;
  overflow: hidden;
}
.popups-success-message-contact .check-icon-error,
.popups-success-message-subscription .check-icon-error,
.popups-success-message-error .check-icon-error {
  display: none;
}
.popups-success-message-contact .rectangle-17871,
.popups-success-message-subscription .rectangle-17871,
.popups-success-message-error .rectangle-17871 {
  background: #fbfbfb;
  border-radius: 6px;
  width: 6px;
  height: 48px;
  position: absolute;
  left: 46.85px;
  top: 12.91px;
  transform-origin: 0 0;
  transform: rotate(45deg) scale(1, 1);
}
.popups-success-message-contact .rectangle-17872,
.popups-success-message-subscription .rectangle-17872,
.popups-success-message-error .rectangle-17872 {
  background: #fbfbfb;
  border-radius: 6px;
  width: 6px;
  height: 48px;
  position: absolute;
  left: 51.09px;
  top: 46.85px;
  transform-origin: 0 0;
  transform: rotate(135deg) scale(1, 1);
}
.popups-success-message-contact .text2,
.popups-success-message-subscription .text2,
.popups-success-message-error .text2 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-success-message-contact .headline-h3,
.popups-success-message-subscription .headline-h3,
.popups-success-message-error .headline-h3 {
  text-align: center;
  position: relative;
  align-self: stretch;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.popups-success-message-contact .description,
.popups-success-message-subscription .description,
.popups-success-message-error .description {
  color: #505259;
  text-align: center;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  line-height: 140%;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popups-success-message-contact .popup-close-icon,
.popups-success-message-subscription .popup-close-icon,
.popups-success-message-error .popup-close-icon {
  width: 12px;
  height: 12px;
}
.popups-success-message-contact .buttons,
.popups-success-message-subscription .buttons,
.popups-success-message-error .buttons {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-success-message-contact .button,
.popups-success-message-subscription .button,
.popups-success-message-error .button {
  background: #fff01f;
  border-radius: 8px;
  border-style: solid;
  border-color: #505259;
  border-width: 1px;
  padding: 20px 32px 20px 32px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  height: 60px;
  position: relative;
  box-shadow: 2px 2px 0px 0px rgb(69, 73, 77);
}
.popups-success-message-contact .button.button-back,
.popups-success-message-subscription .button.button-back,
.popups-success-message-error .button.button-back {
  background: #FEFEFE;
}
.popups-success-message-contact .text3,
.popups-success-message-subscription .text3,
.popups-success-message-error .text3 {
  text-align: left;
  font-family: "Articulat CF", sans-serif;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  line-height: 120%;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.popup-wrapper {
  position: relative;
  z-index: 99;
}

.popup-container-filters-resources .popups-filters.has-selected-items .buttons {
  display: flex;
}
.popup-container-filters-resources .popups-filters .buttons {
  display: none;
}

.popup-container-filters-websites .popups-filters.checked .destructive-action-link {
  display: flex;
}
.popup-container-filters-websites .popups-filters.checked .buttons {
  justify-content: space-between;
}
.popup-container-filters-websites .popups-filters .buttons {
  justify-content: flex-end;
}
.popup-container-filters-websites .popups-filters .destructive-action-link {
  display: none;
}
.popup-container-filters-websites .popups-filters .button {
  max-width: 50%;
}
.popup-container-filters-websites .popups-filters.popups-filters-resources .buttons {
  display: none;
}
.popup-container-filters-websites .popups-filters.popups-filters-resources.selected .container-popup-resources {
  padding-bottom: 92px;
}
.popup-container-filters-websites .popups-filters.popups-filters-resources.selected .buttons {
  display: block;
}

.popups-filters {
  background: #fefefe;
  border-radius: 24px 24px 0px 0px;
  padding: 48px 20px 40px 20px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  max-height: calc(100% - 60px);
  min-width: 100%;
  max-width: 100%;
  position: fixed;
  z-index: 100;
  overflow: scroll;
  transition: 0.3s;
}
.popups-filters.show .buttons {
  background: #fefefe;
  position: fixed;
  bottom: 40px;
  left: 20px;
  right: 20px;
}
.popups-filters.selected .container-popup-resources {
  padding-bottom: 92px;
}
.popups-filters.selected .buttons {
  display: block;
}
.popups-filters .container-popup-resources {
  width: 100%;
  overflow: scroll;
  padding-bottom: 0;
}
.popups-filters .headline {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  margin-bottom: 24px;
}
.popups-filters .headline2 {
  text-align: left;
  font-family: "Articulat CF", sans-serif;
  font-size: calc(20px + 4 * (100vw - 360px) / 664);
  line-height: 110%;
  font-weight: 600;
  position: relative;
  flex: 1;
}
.popups-filters .slider {
  flex-shrink: 0;
  width: 80px;
  height: 4px;
  position: absolute;
  left: calc(50% - 40px);
  top: 10px;
}
.popups-filters .slider2 {
  background: #c4c5cc;
  border-radius: 4px;
  position: absolute;
  right: 0%;
  left: 0%;
  width: 100%;
  bottom: 0%;
  top: 0%;
  height: 100%;
}
.popups-filters .filters {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow-y: auto;
}
.popups-filters .popups-elements-filters {
  border-style: solid;
  border-color: #505259;
  border-width: 1px 0px 0px 0px;
  padding: 20px 0px 20px 0px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-filters .head {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-filters .head.noactive .right-icons, .popups-filters .head.active .right-icons {
  transform: rotate(180deg);
}
.popups-filters .headline3 {
  text-align: left;
  font-family: "Articulat CF", sans-serif;
  font-size: calc(15px + 2 * (100vw - 360px) / 664);
  line-height: 113.333%;
  font-weight: 600;
  position: relative;
  flex: 1;
}
.popups-filters .right-icons {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  transition: 0.3s;
  top: 0;
  right: 0;
}
.popups-filters .icons-with-hover-universal-small {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.popups-filters .hover {
  background: #e9eaf0;
  border-radius: 50%;
  flex-shrink: 0;
  width: 0.1px;
  height: 0.1px;
  position: absolute;
  left: calc(50% + 1px);
  top: calc(50% - 1px);
  transform-origin: 0 0;
  transform: rotate(0deg) scale(-1, 1);
}
.popups-filters .icons-chevron-small {
  width: 24px;
  height: 24px;
  position: relative;
}
.popups-filters .popups-elements-sorting {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 100%;
}
.popups-filters .popups-elements-sorting.close {
  height: 0;
  overflow: hidden;
}
.popups-filters ul {
  width: 100%;
}
.popups-filters .menu-item {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.popups-filters .menu-item a {
  text-align: left;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(15px + 1 * (100vw - 360px) / 664);
  line-height: 133.333%;
  font-weight: 400;
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-radius: 8px;
  padding: 8px 12px 8px 12px;
}
.popups-filters .menu-item a.selected {
  background: #f0f2fc;
}
.popups-filters .icons-chevron-small2 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.popups-filters .buttons {
  border-style: solid;
  border-color: #505259;
  border-width: 1px 0px 0px 0px;
  padding: 24px 0px 0px 0px;
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-filters .destructive-action-link {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.popups-filters .destructive-action-link:hover .text2 {
  color: #F65931;
}
.popups-filters .destructive-action-link:hover .group-11214 {
  stroke: #F65931;
}
.popups-filters .icons-exit-small {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  cursor: pointer;
}
.popups-filters .group-11214 {
  height: auto;
  position: absolute;
  left: 7px;
  top: 7px;
  overflow: hidden;
  stroke: #505259;
}
.popups-filters .text2 {
  color: #505259;
  text-align: left;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(13px + 1 * (100vw - 360px) / 664);
  line-height: 138.462%;
  font-weight: 400;
  position: relative;
}
.popups-filters .button {
  background: #fff01f;
  border-radius: 8px;
  border-style: solid;
  border-color: #505259;
  border-width: 1px;
  padding: 20px 32px 20px 32px;
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: center;
  flex: 1;
  height: 44px;
  max-width: 600px;
  position: relative;
  box-shadow: 2px 2px 0px 0px rgb(69, 73, 77);
}
.popups-filters .text3 {
  text-align: left;
  font-family: "Articulat CF", sans-serif;
  font-size: calc(15px + 1 * (100vw - 360px) / 664);
  line-height: 120%;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.popups-filters-websites .container-popup-resources {
  padding-bottom: 70px;
}
.popups-filters-websites .popups-elements-filters {
  gap: 0;
}
.popups-filters-websites .checkboxes {
  padding: 12px 0 2px;
  border-radius: 0;
  border: 0;
  background: #fefefe;
  position: relative;
  top: auto;
  min-height: 0;
  height: 100%;
  visibility: visible;
  transition: 0.3s;
  z-index: 0;
}
.popups-filters-websites .checkboxes .close {
  height: 0;
  overflow: hidden;
  min-height: 0;
}
.popups-filters-websites .checkboxes .input {
  position: relative;
}
.popups-filters-websites .checkboxes .input.checked {
  background: #FFF01F;
  transition: 0.3s;
}
.popups-filters-websites .checkboxes .input.checked::before {
  visibility: visible;
}
.popups-filters-websites .checkboxes .input::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background: url(https://web-design.academy/wp-content/themes/wemake-theme/modules/popups/img/check_small.svg) no-repeat center center;
  background-size: contain;
  visibility: hidden;
  transition: 0.3s;
}
.popups-filters-websites .checkbox-text {
  border-radius: 4px;
  padding: 8px;
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-filters-websites .checkbox {
  background: #fefefe;
  border-radius: 4px;
  border-style: solid;
  border-color: #737580;
  border-width: 1px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.popups-filters-websites .icons-check-small {
  border-radius: 4px;
  opacity: 0;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}
.popups-filters-websites .popups-elements-filters2 {
  border-style: solid;
  border-color: #505259;
  border-width: 1px 0px 0px 0px;
  padding: 20px 0px 20px 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-filters-websites .popups-elements-filters2 .popups-elements-sorting {
  height: 0;
  overflow: hidden;
}
.popups-filters-websites .popups-elements-filters2 .popups-elements-sorting.open {
  height: 100%;
}
.popups-filters-websites .destructive-action-link .group-11214 {
  stroke: #505259;
}
.popups-filters-websites .destructive-action-link:hover .group-11214 {
  stroke: #F65931;
}

.popups-menu-personal-account {
  background: #fefefe;
  border-radius: 24px 24px 0px 0px;
  padding: 48px 20px 40px 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  position: relative;
}
.popups-menu-personal-account .links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex: 1;
  position: relative;
  gap: 16px;
}
.popups-menu-personal-account .links2 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-menu-personal-account .personality {
  border-style: solid;
  border-color: #505259;
  border-width: 0px 0px 1px 0px;
  padding: 8px 0px 24px 0px;
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-menu-personal-account .image {
  border-radius: 100px;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  position: relative;
  object-fit: cover;
}
.popups-menu-personal-account .text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.popups-menu-personal-account .name {
  text-align: left;
  font-family: "Articulat CF", sans-serif;
  font-size: calc(25px + 3 * (100vw - 1920px) / 640);
  line-height: 117.647%;
  font-weight: 600;
  position: relative;
  align-self: stretch;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.popups-menu-personal-account .mail {
  color: #505259;
  text-align: left;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  line-height: 133.333%;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.popups-menu-personal-account .edit-button {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}
.popups-menu-personal-account .bg {
  background: #fefefe;
  border-radius: 50%;
  border-style: solid;
  border-color: #505259;
  border-width: 1px;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0px;
  top: 0px;
  box-shadow: 2px 2px 0px 0px rgb(69, 73, 77);
}
.popups-menu-personal-account .icons-edit {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 8px;
  top: 8px;
  overflow: hidden;
}
.popups-menu-personal-account .pen {
  position: absolute;
  right: 12.5%;
  left: 12.5%;
  width: 75%;
  bottom: 12.5%;
  top: 12.5%;
  height: 75%;
}
.popups-menu-personal-account .links3 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-menu-personal-account .category {
  border-radius: 8px;
  padding: 12px 8px 12px 8px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-menu-personal-account .category.active {
  background: #f0f2fc;
}
.popups-menu-personal-account .menu {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-menu-personal-account .text2 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.popups-menu-personal-account .emodji {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
}
.popups-menu-personal-account .smiling-face-with-sunglasses {
  position: absolute;
  right: 0%;
  left: 0%;
  width: 100%;
  bottom: 0%;
  top: 0%;
  height: 100%;
  object-fit: cover;
}
.popups-menu-personal-account .headline {
  text-align: left;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  line-height: 133.333%;
  font-weight: 500;
  position: relative;
  flex: 1;
}
.popups-menu-personal-account .category2 {
  border-radius: 8px;
  padding: 12px 8px 12px 8px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-menu-personal-account .open-book,
.popups-menu-personal-account .card-index-dividers,
.popups-menu-personal-account .puzzle-piece {
  position: absolute;
  right: 0%;
  left: 0%;
  width: 100%;
  bottom: 0%;
  top: 0%;
  height: 100%;
  object-fit: cover;
}
.popups-menu-personal-account .category3 {
  border-radius: 8px;
  padding: 12px 8px 12px 8px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  height: 48px;
  position: relative;
}
.popups-menu-personal-account .check-mark-button {
  position: absolute;
  right: 5.55%;
  left: 5.56%;
  width: 88.89%;
  bottom: 5.55%;
  top: 5.56%;
  height: 88.89%;
  object-fit: cover;
}
.popups-menu-personal-account .buttons {
  border-style: solid;
  border-color: #505259;
  border-width: 1px 0px 0px 0px;
  padding: 16px 0px 0px 0px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-menu-personal-account .category4 {
  border-radius: 8px;
  padding: 12px 8px 12px 8px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  width: 320px;
  position: relative;
}
.popups-menu-personal-account .right-arrow {
  position: absolute;
  right: 0%;
  left: 0%;
  width: 100%;
  bottom: 0%;
  top: 0%;
  height: 100%;
  object-fit: cover;
}
.popups-menu-personal-account .headline2 {
  text-align: left;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  line-height: 133.333%;
  font-weight: 400;
  position: relative;
  flex: 1;
}

.popups-sign-up {
  background: #fefefe;
  border-radius: 16px;
  border-style: solid;
  border-color: #505259;
  border-width: 1px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 1200px;
  max-width: 1300px;
  position: relative;
}
@media all and (max-width: 1800px) and (min-width: 1025px) {
  .popups-sign-up {
    transform: scale(0.9);
  }
}
.popups-sign-up .sign-up {
  padding: 64px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  min-width: 700px;
  position: relative;
}
.popups-sign-up .content {
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-sign-up .text {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-sign-up .headline-h3 {
  text-align: center;
}
.popups-sign-up .sing-up {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: unset;
  justify-content: center;
  flex-wrap: wrap;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-sign-up .text2 {
  color: #505259;
  text-align: left;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  line-height: 140%;
  font-weight: 400;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.popups-sign-up .text-link {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.popups-sign-up .text3 {
  text-align: left;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  line-height: 100%;
  font-weight: 400;
  border-bottom: 1px solid #17171A;
  position: relative;
  cursor: pointer;
}
.popups-sign-up form {
  width: 100%;
}
.popups-sign-up .login {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-sign-up .inputs {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-sign-up .input-with-placeholder {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-self: stretch;
  flex-shrink: 0;
  height: 72px;
  position: relative;
}
.popups-sign-up .input-with-placeholder:hover {
  border-color: #737580;
}
.popups-sign-up .content2 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 100%;
}
.popups-sign-up .text4 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.popups-sign-up .button {
  background: #fff01f;
  border-radius: 8px;
  border-style: solid;
  border-color: #505259;
  border-width: 1px;
  padding: 20px 32px 20px 32px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  height: 60px;
  position: relative;
  box-shadow: 2px 2px 0px 0px rgb(69, 73, 77);
  cursor: pointer;
}
.popups-sign-up .button:hover {
  background: #FF3;
  box-shadow: 6px 6px 0px 0px #17181A;
  color: #17171A;
}
.popups-sign-up .text5 {
  text-align: left;
  font-family: "Articulat CF", sans-serif;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  line-height: 120%;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.popups-sign-up .divider {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-sign-up .line {
  border-style: solid;
  border-color: #505259;
  border-width: 1px 0 0 0;
  flex: 1;
  height: 0px;
  position: relative;
}
.popups-sign-up .text6 {
  text-align: center;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(15px + 1 * (100vw - 1920px) / 640);
  line-height: 150%;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.popups-sign-up .buttons {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-sign-up .button3 {
  width: 100%;
  border-radius: 8px;
}
.popups-sign-up .button2 {
  background: #fefefe;
  border-radius: 8px;
  border-style: solid;
  border-color: #505259;
  border-width: 1px;
  padding: 20px 32px 20px 32px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  flex: 1;
  height: 60px;
  position: relative;
  box-shadow: 2px 2px 0px 0px rgb(69, 73, 77);
  cursor: pointer;
}
.popups-sign-up .icons-social-media-login {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
}
.popups-sign-up .group,
.popups-sign-up .group2 {
  height: auto;
  position: absolute;
  right: 0%;
  left: 0%;
  width: 100%;
  bottom: 0%;
  top: 0%;
}
.popups-sign-up .info {
  background: #fcfbed;
  border-radius: 0px 16px 16px 0px;
  padding: 64px 64px 80px 64px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  max-width: 540px;
  position: relative;
  overflow: hidden;
}
.popups-sign-up .info.info_img {
  padding: 0;
}
.popups-sign-up .info.info_img img, .popups-sign-up .info.info_img picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.popups-sign-up .bg2 {
  flex-shrink: 0;
  width: 688px;
  height: 1187px;
  position: absolute;
  left: -4px;
  bottom: -272px;
}
.popups-sign-up .headline2 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-sign-up .image {
  flex-shrink: 0;
  width: 156px;
  height: 156px;
  position: relative;
  object-fit: cover;
}
.popups-sign-up .headline3 {
  text-align: center;
  font-family: "Articulat CF", sans-serif;
  font-size: calc(25px + 3 * (100vw - 1920px) / 640);
  line-height: 107.143%;
  font-weight: 600;
  position: relative;
  width: 100%;
  max-width: 450px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.popups-sign-up .list {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-sign-up .sign-up-list {
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-sign-up .illustrations-advantages-and-lists-small {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  position: relative;
}
.popups-sign-up .group-11221 {
  position: absolute;
  inset: 0;
}
.popups-sign-up .rectangle-17842 {
  background: #fefefe;
  border-radius: 4px;
  border-style: solid;
  border-color: #17171a;
  border-width: 1px;
  position: absolute;
  right: 8.33%;
  left: 8.33%;
  width: 83.33%;
  bottom: 12.5%;
  top: 12.5%;
  height: 75%;
  box-shadow: 2px 2px 0px 0px rgb(69, 73, 77);
}
.popups-sign-up .rectangle-2367 {
  background: #dfe0e5;
  border-radius: 2px;
  position: absolute;
  right: 20.83%;
  left: 20.83%;
  width: 58.33%;
  bottom: 59.38%;
  top: 32.29%;
  height: 8.33%;
}
.popups-sign-up .rectangle-2375 {
  background: #e9eaf0;
  border-radius: 2px;
  position: absolute;
  right: 29.17%;
  left: 20.83%;
  width: 50%;
  bottom: 42.71%;
  top: 53.12%;
  height: 4.17%;
}
.popups-sign-up .rectangle-2376 {
  background: #e9eaf0;
  border-radius: 2px;
  position: absolute;
  right: 29.17%;
  left: 20.83%;
  width: 50%;
  bottom: 32.29%;
  top: 63.54%;
  height: 4.17%;
}
.popups-sign-up .vector7 {
  border-radius: 0px;
  height: auto;
  position: absolute;
  right: -4.17%;
  left: 72.92%;
  width: 31.25%;
  bottom: 2.08%;
  top: 58.33%;
  height: 39.58%;
  overflow: visible;
}
.popups-sign-up .headline4 {
  color: #505259;
  text-align: left;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  line-height: 140%;
  font-weight: 400;
  position: relative;
  flex: 1;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.popups-sign-up .rectangle-178422 {
  background: #f1ebff;
  border-radius: 4px;
  border-style: solid;
  border-color: #17171a;
  border-width: 1px;
  position: absolute;
  right: 8.33%;
  left: 8.33%;
  width: 83.33%;
  bottom: 12.5%;
  top: 12.5%;
  height: 75%;
  box-shadow: 2px 2px 0px 0px rgb(69, 73, 77);
}
.popups-sign-up .group-11252 {
  width: 28px;
  height: 18.19px;
  position: absolute;
  right: 22.92%;
  left: 18.75%;
  width: 58.33%;
  bottom: 32.94%;
  top: 29.17%;
  height: 37.89%;
  overflow: visible;
}
.popups-sign-up .vector8 {
  border-radius: 0px;
  height: auto;
  position: absolute;
  right: -4.17%;
  left: 72.92%;
  width: 31.25%;
  bottom: 2.08%;
  top: 58.33%;
  height: 39.58%;
  overflow: visible;
}
.popups-sign-up .rectangle-23752 {
  background: #e9eaf0;
  border-radius: 2px;
  position: absolute;
  right: 25%;
  left: 25%;
  width: 50%;
  bottom: 52.08%;
  top: 27.08%;
  height: 20.83%;
}
.popups-sign-up .rectangle-23762 {
  background: #e9eaf0;
  border-radius: 2px;
  position: absolute;
  right: 25%;
  left: 25%;
  width: 50%;
  bottom: 27.08%;
  top: 52.08%;
  height: 20.83%;
}
.popups-sign-up .group-11195 {
  position: absolute;
  inset: 0;
}
.popups-sign-up .rectangle-2363 {
  background: #0fa958;
  border-radius: 40px;
  border-style: solid;
  border-color: #17171a;
  border-width: 1px;
  position: absolute;
  right: -4.17%;
  left: 58.33%;
  width: 45.83%;
  bottom: 0%;
  top: 54.17%;
  height: 45.83%;
}
.popups-sign-up .rectangle-2243 {
  background: #fefefe;
  border-radius: 40px;
  position: absolute;
  right: 6.25%;
  left: 68.75%;
  width: 25%;
  bottom: 20.83%;
  top: 75%;
  height: 4.17%;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.popups-sign-up .rectangle-2364 {
  background: #fefefe;
  border-radius: 40px;
  position: absolute;
  right: -8.33%;
  left: 83.33%;
  width: 25%;
  bottom: 31.25%;
  top: 64.58%;
  height: 4.17%;
  transform-origin: 0 0;
  transform: rotate(90deg) scale(1, 1);
}

.popups-log-in {
  background: #fefefe;
  border-radius: 16px;
  border-style: solid;
  border-color: #505259;
  border-width: 1px;
  padding: 64px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 768px;
  min-width: 640px;
  max-width: 768px;
  position: relative;
}
.popups-log-in form {
  width: 100%;
  margin-bottom: 24px;
}
.popups-log-in .text {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  margin-bottom: 48px;
}
.popups-log-in .headline-h3 {
  text-align: center;
}
.popups-log-in .sing-up {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: undefined;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-log-in .text2 {
  color: #505259;
  text-align: left;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  line-height: 140%;
  font-weight: 400;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.popups-log-in .text-link {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
}
.popups-log-in .text3 {
  color: #17171A;
  text-align: left;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  line-height: 100%;
  font-weight: 400;
  border-bottom: 1px solid #17171A;
  position: relative;
}
.popups-log-in .login {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-log-in .inputs {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-log-in .input-with-placeholder {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-self: stretch;
  flex-shrink: 0;
  height: 72px;
  position: relative;
}
.popups-log-in .content {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.popups-log-in .text4 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.popups-log-in .button {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
}
.popups-log-in .button2 {
  background: #fff01f;
  border-radius: 8px;
  border-style: solid;
  border-color: #505259;
  border-width: 1px;
  padding: 20px 32px 20px 32px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  height: 60px;
  position: relative;
  box-shadow: 2px 2px 0px 0px rgb(69, 73, 77);
  cursor: pointer;
  transition: 0.3s;
}
.popups-log-in .button2:hover {
  background: #FF3;
  box-shadow: 6px 6px 0px 0px #17181A;
  color: #17171A;
}
.popups-log-in .text5 {
  font-family: "Articulat CF", sans-serif;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  line-height: 100%;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popups-log-in .text-link2 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  margin-bottom: 48px;
}
.popups-log-in .text6 {
  text-align: left;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(16px + 1 * (100vw - 1920px) / 640);
  line-height: 100%;
  border-bottom: 1px solid #17171A;
  font-weight: 400;
  position: relative;
  cursor: pointer;
}
.popups-log-in .divider {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  margin-bottom: 48px;
}
.popups-log-in .line {
  border-style: solid;
  border-color: #505259;
  border-width: 1px 0 0 0;
  flex: 1;
  height: 0px;
  position: relative;
}
.popups-log-in .text7 {
  text-align: center;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(15px + 1 * (100vw - 1920px) / 640);
  line-height: 150%;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.popups-log-in .buttons {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-log-in .button3 {
  background: #fefefe;
  border-radius: 8px;
  border-style: solid;
  border-color: #505259;
  border-width: 1px;
  padding: 20px 32px 20px 32px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  flex: 1;
  height: 60px;
  position: relative;
  box-shadow: 2px 2px 0px 0px rgb(69, 73, 77);
  cursor: pointer;
}
.popups-log-in .icons-social-media-login {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
}
.popups-log-in .group, .popups-log-in .group2 {
  height: auto;
  position: absolute;
  right: 0%;
  left: 0%;
  width: 100%;
  bottom: 0%;
  top: 0%;
}
.popups-log-in .exit-button {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  position: absolute;
  right: -18px;
  top: -18px;
}
.popups-log-in .bg {
  background: #17171a;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.popups-log-in .icons-exit-small {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 6px;
  top: 6px;
}
.popups-log-in .group-11214 {
  height: auto;
  position: absolute;
  left: 7px;
  top: 7px;
}
.popups-log-in .exit.mobile- {
  display: none;
}

.popups-sing-up-last-step {
  background: #fefefe;
  border-radius: 16px;
  border-style: solid;
  border-color: #505259;
  border-width: 1px;
  padding: 64px 64px 48px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 640px;
  max-width: 768px;
  position: relative;
  transform: scale(0.9);
}
.popups-sing-up-last-step .text {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-sing-up-last-step .headline-h3 {
  text-align: center;
}
.popups-sing-up-last-step .subtitile {
  color: #505259;
  text-align: center;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  line-height: 140%;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popups-sing-up-last-step form {
  width: 100%;
  display: flex;
  gap: 48px;
  flex-direction: column;
}
.popups-sing-up-last-step .form-container {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.popups-sing-up-last-step .inputs {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-sing-up-last-step .line {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.popups-sing-up-last-step .input-with-placeholder {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-self: stretch;
  flex-shrink: 0;
  height: 72px;
  position: relative;
}
.popups-sing-up-last-step .content {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.popups-sing-up-last-step .text2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.popups-sing-up-last-step .dropdown-multiple-choice {
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 72px;
  min-width: 280px;
  position: relative;
  cursor: pointer;
}
.popups-sing-up-last-step .dropdown-multiple-choice.active .countries-list {
  display: flex;
}
.popups-sing-up-last-step .dropdown-multiple-choice .countries-list {
  max-height: 40vh;
  height: 615px;
  bottom: calc(100% + 10px);
  top: auto;
}
.popups-sing-up-last-step .field {
  border-style: solid;
  border-color: #c4c5cc;
  border-width: 0px 0px 1px 0px;
  padding: 0px 8px 12px 8px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-self: stretch;
  flex-shrink: 0;
  height: 72px;
  position: relative;
  transition: 0.3s;
  cursor: pointer;
}
.popups-sing-up-last-step .field::before {
  display: none;
}
.popups-sing-up-last-step .field:hover {
  border-color: #737580;
}
.popups-sing-up-last-step .placeholder2 {
  color: #737580;
  text-align: left;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(16px + 1 * (100vw - 1920px) / 640);
  line-height: 141.176%;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
.popups-sing-up-last-step .text3 {
  text-align: left;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  line-height: 140%;
  font-weight: 500;
  cursor: pointer;
}
.popups-sing-up-last-step .icons-with-hover-universal-small {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.popups-sing-up-last-step .hover {
  background: #e9eaf0;
  border-radius: 50%;
  flex-shrink: 0;
  width: 0.1px;
  height: 0.1px;
  position: absolute;
  left: calc(50% + 1px);
  top: calc(50% - 1px);
  transform-origin: 0 0;
  transform: rotate(0deg) scale(-1, 1);
}
.popups-sing-up-last-step .icons-chevron-small {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.popups-sing-up-last-step .text4 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.popups-sing-up-last-step .phone-number {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  border-style: solid;
  border-color: #c4c5cc;
  border-width: 0px 0px 1px 0px;
  padding: 0px 8px 12px 8px;
  width: 100%;
}
.popups-sing-up-last-step .countries {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.popups-sing-up-last-step .phone {
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.popups-sing-up-last-step .country {
  text-align: left;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  line-height: 140%;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.popups-sing-up-last-step .text5 {
  color: #737580;
  text-align: left;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  line-height: 140%;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.popups-sing-up-last-step .info-callout {
  background: #f0f2fc;
  border-radius: 8px;
  padding: 20px;
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-sing-up-last-step .icons-information {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}
.popups-sing-up-last-step .information {
  position: absolute;
  right: 8.33%;
  left: 8.33%;
  width: 83.33%;
  bottom: 8.33%;
  top: 8.33%;
  height: 83.33%;
}
.popups-sing-up-last-step .placeholder3 {
  text-align: left;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(16px + 1 * (100vw - 1920px) / 640);
  line-height: 141.176%;
  font-weight: 400;
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.popups-sing-up-last-step .checkbox-text {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-sing-up-last-step .checkbox-popup input {
  width: 24px;
  height: 24px;
  border: 1px solid #737580;
  background: #FEFEFE;
  border-radius: 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  transition: 0.3s;
  cursor: pointer;
}
.popups-sing-up-last-step .checkbox-popup input:hover {
  border: 1px solid #505259;
  box-shadow: 2px 2px 0px 0px #45494D;
}
.popups-sing-up-last-step .checkbox-popup input:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background: url(https://web-design.academy/wp-content/themes/wemake-theme/modules/popups/img/check_small.svg) no-repeat center center;
  background-size: contain;
  visibility: hidden;
}
.popups-sing-up-last-step .checkbox-popup input.checked {
  background: #FFF01F;
}
.popups-sing-up-last-step .checkbox-popup input.checked:before {
  visibility: visible;
}
.popups-sing-up-last-step .icons-check-small {
  border-radius: 4px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.popups-sing-up-last-step .text6 {
  text-align: left;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(16px + 1 * (100vw - 1920px) / 640);
  line-height: 141.176%;
  font-weight: 400;
  position: relative;
  flex: 1;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.popups-sing-up-last-step .button {
  background: #fff01f;
  border-radius: 8px;
  border-style: solid;
  border-color: #505259;
  border-width: 1px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  text-align: center !important;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  height: 54px;
  position: relative;
  box-shadow: 2px 2px 0px 0px rgb(69, 73, 77);
  transition: 0.3s;
  cursor: pointer;
}
.popups-sing-up-last-step .button:hover {
  background: #FF3;
  box-shadow: 6px 6px 0px 0px #17181A;
  color: #17171A;
}
.popups-sing-up-last-step .text7 {
  text-align: left;
  font-family: "Articulat CF", sans-serif;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  line-height: 120%;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popups-code-countdown {
  background: #fefefe;
  border-radius: 16px;
  border-style: solid;
  border-color: #505259;
  border-width: 1px;
  padding: 64px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: center;
  justify-content: flex-start;
  min-width: 640px;
  max-width: 768px;
  position: relative;
}
.popups-code-countdown .text {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-code-countdown .headline-h3 {
  text-align: center;
}
.popups-code-countdown .subtitle {
  display: flex;
  flex-direction: row;
  gap: 2px 8px;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-code-countdown .text2 {
  color: #505259;
  text-align: center;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  line-height: 140%;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popups-code-countdown .mail {
  color: #17171A;
  text-align: center;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  line-height: 140%;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popups-code-countdown .code {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.popups-code-countdown .code-input {
  width: 48px;
  height: 72px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.popups-code-countdown .code-input:hover label {
  color: #505259;
}
.popups-code-countdown .code-input:hover input {
  border-color: #505259;
}
.popups-code-countdown .code-input input {
  width: 100%;
  border: 0;
  height: 70px;
  padding: 0 8px 26px;
  text-align: center;
  border-style: solid;
  border-color: #c4c5cc;
  border-width: 0 0 1px 0;
  color: #c4c5cc;
  font-family: "Articulat CF", sans-serif;
  font-size: calc(34px + 6 * (100vw - 1920px) / 640);
  font-weight: 600;
  line-height: 100%;
  color: #17171A;
  transition: 0.3s;
  cursor: pointer;
}
.popups-code-countdown .code-input input:focus {
  border-color: #505259;
}
.popups-code-countdown .code-input input:focus + label {
  display: none;
}
.popups-code-countdown .code-input input:focus::-webkit-input-placeholder {
  color: transparent;
}
.popups-code-countdown .code-input input:focus:-moz-placeholder {
  color: transparent;
}
.popups-code-countdown .code-input input:focus::-moz-placeholder {
  color: transparent;
}
.popups-code-countdown .code-input input:focus:-ms-input-placeholder {
  color: transparent;
}
.popups-code-countdown .code-input input:hover::-webkit-input-placeholder, .popups-code-countdown .code-input input:hover:-moz-placeholder, .popups-code-countdown .code-input input:hover::-moz-placeholder, .popups-code-countdown .code-input input:hover:-ms-input-placeholder {
  color: #505259;
}
.popups-code-countdown .code-input input:focus:hover::-webkit-input-placeholder, .popups-code-countdown .code-input input:focus:hover:-moz-placeholder, .popups-code-countdown .code-input input:focus:hover::-moz-placeholder, .popups-code-countdown .code-input input:focus:hover:-ms-input-placeholder {
  color: transparent;
}
.popups-code-countdown label {
  font-family: "Articulat CF", sans-serif;
  font-size: calc(34px + 6 * (100vw - 1920px) / 640);
  font-weight: 600;
  line-height: 100%;
  color: #c4c5cc;
  position: absolute;
  bottom: 26px;
  transition: 0.3s;
}
.popups-code-countdown input::-webkit-input-placeholder {
  font-family: "Articulat CF", sans-serif;
  font-size: calc(34px + 6 * (100vw - 1920px) / 640);
  font-weight: 600;
  line-height: 100%;
  color: #c4c5cc;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.popups-code-countdown input:-moz-placeholder, .popups-code-countdown input::-moz-placeholder {
  font-family: "Articulat CF", sans-serif;
  font-size: calc(34px + 6 * (100vw - 1920px) / 640);
  font-weight: 600;
  line-height: 100%;
  color: #c4c5cc;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.popups-code-countdown input:-ms-input-placeholder {
  font-family: "Articulat CF", sans-serif;
  font-size: calc(34px + 6 * (100vw - 1920px) / 640);
  font-weight: 600;
  line-height: 100%;
  color: #c4c5cc;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.popups-code-countdown .buttons {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-code-countdown .button {
  background: #fff01f;
  border-radius: 8px;
  border-style: solid;
  border-color: #505259;
  border-width: 1px;
  padding: 20px 32px 20px 32px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  height: 54px;
  position: relative;
  box-shadow: 2px 2px 0px 0px rgb(69, 73, 77);
  cursor: pointer;
  transition: 0.3s;
}
.popups-code-countdown .button:hover {
  background: #FF3;
  box-shadow: 6px 6px 0px 0px #17181A;
  color: #17171A;
}
.popups-code-countdown .text4 {
  text-align: left;
  font-family: "Articulat CF", sans-serif;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  line-height: 120%;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.popups-code-countdown .text-link {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.popups-code-countdown .text5 {
  color: #505259;
  text-align: left;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  line-height: 100%;
  font-weight: 400;
  border-bottom: 1px solid #505259;
  position: relative;
  cursor: pointer;
}
.popups-code-countdown .timer {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-code-countdown .text6 {
  text-align: center;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  line-height: 140%;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popups-code-countdown .repeat-code {
  display: none;
  color: #17171A;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  font-weight: 400;
  line-height: 100%;
  border-bottom: 1px solid #17171A;
  cursor: pointer;
}
.popups-code-countdown .code-input-error {
  display: none;
  padding: 20px;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  border-radius: 8px;
  background: #FEEAE5;
}
.popups-code-countdown .code-input-error.show-error {
  display: flex;
}
.popups-code-countdown .code-input-error span {
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(16px + 1 * (100vw - 1920px) / 640);
  font-weight: 400;
  line-height: 141.176%;
}
.popups-code-countdown .code-input-error .code-input-error-icon {
  width: 24px;
  height: 24px;
  padding: 2.5px 2px;
  background: url(https://web-design.academy/wp-content/themes/wemake-theme/modules/popups/img/error_icon.svg) no-repeat;
  background-size: contain;
}

.bg-dark.courses {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  z-index: 100;
}
.bg-dark.courses.show {
  display: flex;
}

.popups-courses-registration {
  background: #fefefe;
  border-radius: 16px;
  border-style: solid;
  border-color: #505259;
  border-width: 1px;
  padding: 64px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 768px;
  min-width: 640px;
  max-width: 768px;
  position: relative;
}
.popups-courses-registration .intl-tel-input .selected-flag {
  top: -4px;
}
.popups-courses-registration .iti {
  top: -7.5px;
}
.popups-courses-registration form {
  display: flex;
  flex-direction: column;
  position: relative;
}
.popups-courses-registration .wpcf7-form-control-wrap {
  width: 100%;
  position: static;
}
.popups-courses-registration .text {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-courses-registration .headline {
  text-align: center;
  font-family: "Articulat CF", sans-serif;
  font-size: calc(34px + 6 * (100vw - 1920px) / 640);
  line-height: 120%;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.popups-courses-registration .subtitile {
  color: #505259;
  text-align: center;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  line-height: 140%;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popups-courses-registration .login {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-courses-registration .input-container {
  width: 100%;
  display: flex;
  position: relative;
  gap: 0;
}
.popups-courses-registration .inputs {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-courses-registration .input-with-placeholder {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  transition: 0.3s;
}
.popups-courses-registration .input-with-placeholder:hover input, .popups-courses-registration .input-with-placeholder:hover textarea {
  border-color: #737580;
  border-width: 0px 0px 1px 0px;
}
.popups-courses-registration .input-with-placeholder:hover input.error {
  border-color: #F65931;
}
.popups-courses-registration .input-with-placeholder2:hover input, .popups-courses-registration .input-with-placeholder2:hover textarea {
  border-color: #737580;
  border-width: 0px 0px 1px 0px;
}
.popups-courses-registration .input-with-placeholder:hover input.wpcf7-not-valid, .popups-courses-registration .input-with-placeholder:hover textarea.wpcf7-not-valid {
  border-color: #F65931;
}
.popups-courses-registration .input-with-placeholder2:hover input.wpcf7-not-valid, .popups-courses-registration .input-with-placeholder2:hover textarea.wpcf7-not-valid {
  border-color: #F65931;
}
.popups-courses-registration .input-with-placeholder:hover input.wpcf7-not-valid:hover, .popups-courses-registration .input-with-placeholder:hover textarea.wpcf7-not-valid:hover {
  border-color: #F65931;
}
.popups-courses-registration .input-with-placeholder2:hover input.wpcf7-not-valid:hover, .popups-courses-registration .input-with-placeholder2:hover textarea.wpcf7-not-valid:hover {
  border-color: #F65931;
}
.popups-courses-registration .placeholder {
  color: #505259;
  text-align: left;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  line-height: 140%;
  font-weight: 400;
  position: relative;
  top: 20px;
  left: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: 0.3s;
  height: 28px;
}
.popups-courses-registration .placeholder.active {
  top: 0;
  font-size: calc(16px + 1 * (100vw - 1920px) / 640);
  line-height: 141.176%;
}
.popups-courses-registration .placeholder_phone {
  color: #505259;
  text-align: left;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(16px + 1 * (100vw - 1920px) / 640);
  line-height: 141.176%;
  font-weight: 400;
  position: relative;
  top: -3px;
  left: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.popups-courses-registration input {
  border-style: solid;
  border-color: #c4c5cc;
  border-width: 0px 0px 1px 0px;
  padding: 0px 16px 12px 8px;
  width: 100%;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  font-weight: 500;
  line-height: 140%;
  transition: 0.3s;
}
.popups-courses-registration input.wpcf7-not-valid {
  border-color: #F65931;
}
.popups-courses-registration .info-callout {
  background: #f0f2fc;
  border-radius: 8px;
  padding: 20px;
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.popups-courses-registration .icons-information {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}
.popups-courses-registration .information {
  height: auto;
  position: absolute;
  right: 8.33%;
  left: 8.33%;
  width: 83.33%;
  bottom: 8.33%;
  top: 8.33%;
  height: 83.33%;
  overflow: visible;
}
.popups-courses-registration .placeholder2 {
  text-align: left;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(16px + 1 * (100vw - 1920px) / 640);
  line-height: 141.176%;
  font-weight: 400;
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.popups-courses-registration .input-with-placeholder2 {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  height: 120px;
  position: relative;
}
.popups-courses-registration textarea {
  border-style: solid;
  border-color: #c4c5cc;
  border-width: 0px 0px 1px 0px;
  padding: 0px 8px 12px 8px;
  width: 100%;
  height: 88px;
  transition: 0.3s;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  font-weight: 500;
  line-height: 140%;
}
.popups-courses-registration .button {
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  padding-top: 48px;
}
.popups-courses-registration .button2 {
  background: #fff01f;
  border-radius: 8px;
  border-style: solid;
  border-color: #505259;
  border-width: 1px;
  padding: 20px 32px 20px 32px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  height: 60px;
  position: relative;
  box-shadow: 2px 2px 0px 0px rgb(69, 73, 77);
  transition: 0.3s;
  text-align: center;
  cursor: pointer;
}
.popups-courses-registration .button2:hover {
  background: #FF3;
  box-shadow: 6px 6px 0px 0px #17181A;
  color: #17171A;
}
.popups-courses-registration .text3 {
  font-family: "Articulat CF", sans-serif;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  line-height: 100%;
  font-weight: 600;
  position: relative;
}
.popups-courses-registration .right-icons {
  top: -12px;
}
.popups-courses-registration .wpcf7-response-output, .popups-courses-registration .wpcf7-spinner {
  display: none;
}
.popups-courses-registration .input-error-info {
  display: none;
}
.popups-courses-registration .input-error-info.active {
  display: block;
}

.popup-password {
  min-height: 0;
}
.popup-password .text {
  margin-bottom: 48px;
}
.popup-password .subtitile {
  color: #505259;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  font-weight: 400;
  line-height: 140%;
  text-align: center;
}
.popup-password form {
  margin-bottom: 0;
}
.popup-password .login {
  margin-bottom: 48px;
}
.popup-password .button {
  margin-bottom: 24px;
}
.popup-password .text-link2 {
  margin-bottom: 0;
}
.popup-password .text-link2 .text6 {
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  line-height: 100%;
  font-weight: 400;
  border-bottom: 1px solid #17171A;
  text-align: center;
  cursor: pointer;
}

.countries-list {
  display: none;
  position: absolute;
  width: 100%;
  max-height: 615px;
  height: 54vh;
  top: calc(100% + 10px);
  left: 0;
  padding: 24px 16px;
  border-radius: 8px;
  border: 1px solid #505259;
  background: #FEFEFE;
  z-index: 3;
}

.countries-list_wrapper {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.countries-list_inner {
  width: 100%;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.countries-list1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.countries-list1 .headline {
  color: #737580;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(15px + 1 * (100vw - 1920px) / 640);
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.16px;
  text-transform: uppercase;
}

.popular {
  padding-bottom: 20px;
  border-bottom: 1px solid #E9EAF0;
}

.countries-list_item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 20px;
  border-radius: 4px;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  font-weight: 400;
  line-height: 140%;
  transition: 0.3s;
  cursor: pointer;
}
.countries-list_item:hover {
  background: #F5F6FA;
}
.countries-list_item.selected {
  background: #F0F2FC;
}

.phone-mask {
  color: #737580;
}
.phone-mask.focused {
  color: #17171A;
}
.phone-mask::-moz-placeholder {
  color: #737580;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  font-weight: 400;
  line-height: 140%;
}
.phone-mask::placeholder {
  color: #737580;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  font-weight: 400;
  line-height: 140%;
}
.phone-mask::-webkit-input-placeholder {
  color: #737580;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  font-weight: 400;
  line-height: 140%;
}
.phone-mask::-moz-placeholder {
  color: #737580;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  font-weight: 400;
  line-height: 140%;
}
.phone-mask:-moz-placeholder {
  color: #737580;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  font-weight: 400;
  line-height: 140%;
}
.phone-mask:-ms-input-placeholder {
  color: #737580;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  font-weight: 400;
  line-height: 140%;
}

.iti {
  width: 100%;
}

.iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code {
  color: #17171A;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  font-weight: 500;
  line-height: 140%;
  transition: 0.3s;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-dial-code {
  color: #3E52B2;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__arrow {
  background: url("https://web-design.academy/wp-content/themes/wemake-theme/modules/popups/img/Chevron_Small_hover.svg") no-repeat center center;
  background-size: contain;
}

.iti__arrow {
  width: 24px;
  height: 24px;
  background: url("https://web-design.academy/wp-content/themes/wemake-theme/modules/popups/img/Chevron_Small.svg") no-repeat center center;
  background-size: contain;
  transition: 0.3s;
}

.iti__arrow--up {
  transform: rotate(-180deg);
}

.iti__dial-code {
  display: none;
}

.iti__country-name {
  color: #17171A;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  font-weight: 400;
  line-height: 140%;
}

.iti__country.iti__highlight {
  background: #F0F2FC;
}

.popup-container-courses .iti input.iti__tel-input[type=tel],
.popups-sing-up-last-step .iti input.iti__tel-input[type=tel] {
  top: 7px;
}

.iti--show-selected-dial-code input.iti__tel-input[type=tel]::-webkit-input-placeholder {
  color: #737580;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  font-weight: 400;
  line-height: 140%;
}
.iti--show-selected-dial-code input.iti__tel-input[type=tel]:-moz-placeholder {
  color: #737580;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  font-weight: 400;
  line-height: 140%;
}
.iti--show-selected-dial-code input.iti__tel-input[type=tel]::-moz-placeholder {
  color: #737580;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  font-weight: 400;
  line-height: 140%;
}
.iti--show-selected-dial-code input.iti__tel-input[type=tel]:-ms-input-placeholder {
  color: #737580;
  font-family: Mariupol, sans-serif;
  font-feature-settings: "ss03" on;
  font-size: calc(18px + 2 * (100vw - 1920px) / 640);
  font-weight: 400;
  line-height: 140%;
}

#otp-input[type=number] {
  -moz-appearance: textfield;
}

@media all and (max-width: 1919px) and (min-width: 1025px) {
  .popups-success-message-contact,
  .popups-success-message-subscription,
  .popups-success-message-error {
    padding: 40px;
    gap: 32px;
    width: 640px;
    min-width: 560px;
    max-width: 640px;
  }
  .popups-success-message-contact .check-icon,
  .popups-success-message-subscription .check-icon,
  .popups-success-message-error .check-icon {
    width: 48px;
    height: 48px;
  }
  .popups-success-message-contact .rectangle-17871,
  .popups-success-message-subscription .rectangle-17871,
  .popups-success-message-error .rectangle-17871 {
    border-radius: 4.5px;
    width: 4.5px;
    height: 36px;
    position: absolute;
    left: 35.14px;
    top: 9.68px;
  }
  .popups-success-message-contact .rectangle-17872,
  .popups-success-message-subscription .rectangle-17872,
  .popups-success-message-error .rectangle-17872 {
    border-radius: 4.5px;
    width: 4.5px;
    height: 36px;
    position: absolute;
    left: 38.32px;
    top: 35.14px;
  }
  .popups-success-message-contact .text2,
  .popups-success-message-subscription .text2,
  .popups-success-message-error .text2 {
    gap: 12px;
  }
  .popups-success-message-contact .description,
  .popups-success-message-subscription .description,
  .popups-success-message-error .description {
    font-size: calc(16px + 2 * (100vw - 1025px) / 894);
    line-height: 150%;
  }
  .popups-success-message-contact .button,
  .popups-success-message-subscription .button,
  .popups-success-message-error .button {
    padding: 16px 28px 16px 28px;
    gap: 12px;
    height: 56px;
  }
  .popups-success-message-contact .text3,
  .popups-success-message-subscription .text3,
  .popups-success-message-error .text3 {
    font-size: calc(18px + 2 * (100vw - 1920px) / 640);
    line-height: 150%;
  }
  .popups-log-in {
    padding: 48px;
    min-width: 580px;
    max-width: 600px;
  }
  .popups-log-in .text {
    gap: 12px;
    margin-bottom: 32px;
  }
  .popups-log-in .text2 {
    font-size: calc(16px + 2 * (100vw - 1025px) / 894);
    line-height: 150%;
  }
  .popups-log-in .text3 {
    font-size: calc(16px + 2 * (100vw - 1025px) / 894);
  }
  .popups-log-in .inputs {
    gap: 24px;
  }
  .popups-log-in .input-with-placeholder {
    height: 60px;
  }
  .popups-log-in .content {
    gap: 12px;
  }
  .popups-log-in .button {
    gap: 24px;
  }
  .popups-log-in .button2 {
    padding: 16px 28px 16px 28px;
    gap: 12px;
    height: 56px;
  }
  .popups-log-in .text5 {
    font-size: calc(16px + 1 * (100vw - 1025px) / 894);
    line-height: 150%;
  }
  .popups-log-in .text6 {
    font-size: calc(14px + 2 * (100vw - 1025px) / 894);
  }
  .popups-log-in .text7 {
    font-size: calc(13px + 2 * (100vw - 1025px) / 894);
    line-height: 153.846%;
  }
  .popups-log-in .buttons {
    gap: 16px;
  }
  .popups-log-in .button3 {
    padding: 16px 28px 16px 28px;
    gap: 12px;
    height: 56px;
  }
  .popups-log-in .text-link2 {
    margin-bottom: 32px;
  }
  .popups-log-in .divider {
    margin-bottom: 32px;
  }
  .popups-log-in.no-log-in {
    transform: scale(0.9);
  }
  .popups-sign-up {
    min-width: 980px;
    max-width: 1000px;
  }
  .popups-sign-up .sign-up {
    padding: 48px;
    gap: 32px;
    min-width: 550px;
    max-width: 580px;
  }
  .popups-sign-up .content {
    gap: 32px;
  }
  .popups-sign-up .text {
    gap: 12px;
  }
  .popups-sign-up .sing-up {
    gap: 10px;
  }
  .popups-sign-up .text2 {
    font-size: calc(16px + 2 * (100vw - 1025px) / 894);
    line-height: 150%;
  }
  .popups-sign-up .text-link {
    gap: 10px;
  }
  .popups-sign-up .text3 {
    font-size: calc(16px + 2 * (100vw - 1025px) / 894);
  }
  .popups-sign-up .login {
    gap: 32px;
  }
  .popups-sign-up .inputs {
    gap: 24px;
  }
  .popups-sign-up .input-with-placeholder {
    height: 60px;
  }
  .popups-sign-up .content2 {
    gap: 12px;
  }
  .popups-sign-up .text4 {
    gap: 2px;
  }
  .popups-sign-up .content3 {
    gap: 16px;
  }
  .popups-sign-up .button {
    padding: 16px 28px 16px 28px;
    gap: 12px;
    height: 56px;
  }
  .popups-sign-up .text5 {
    font-size: calc(16px + 1 * (100vw - 1025px) / 894);
    line-height: 150%;
  }
  .popups-sign-up .divider {
    gap: 12px;
  }
  .popups-sign-up .text6 {
    font-size: calc(13px + 2 * (100vw - 1025px) / 894);
    line-height: 153.846%;
  }
  .popups-sign-up .buttons {
    gap: 16px;
  }
  .popups-sign-up .button2 {
    padding: 16px 28px 16px 28px;
    gap: 12px;
    height: 56px;
  }
  .popups-sign-up .info {
    padding: 48px;
    gap: 40px;
  }
  .popups-sign-up .bg2 {
    width: 508px;
    height: 1017px;
    right: -4px;
    bottom: -224px;
  }
  .popups-sign-up .headline2 {
    gap: 24px;
  }
  .popups-sign-up .image {
    width: 128px;
    height: 128px;
  }
  .popups-sign-up .headline3 {
    font-size: calc(20px + 4 * (100vw - 1025px) / 894);
    line-height: 117.647%;
  }
  .popups-sign-up .list {
    gap: 32px;
  }
  .popups-sign-up .sign-up-list {
    gap: 24px;
  }
  .popups-sign-up .headline4 {
    font-size: calc(16px + 2 * (100vw - 1025px) / 894);
    line-height: 150%;
  }
  .popups-sing-up-last-step {
    padding: 48px;
    gap: 32px;
    min-width: 580px;
    max-width: 600px;
    transform: scale(0.95);
  }
  .popups-sing-up-last-step .text {
    gap: 12px;
  }
  .popups-sing-up-last-step .subtitile {
    font-size: calc(16px + 2 * (100vw - 1025px) / 894);
    line-height: 150%;
  }
  .popups-sing-up-last-step form {
    gap: 32px;
  }
  .popups-sing-up-last-step .form-container {
    gap: 32px;
  }
  .popups-sing-up-last-step .inputs {
    gap: 24px;
  }
  .popups-sing-up-last-step .line {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
  }
  .popups-sing-up-last-step .input-with-placeholder {
    display: flex;
    justify-content: flex-end;
    height: 60px;
    position: relative;
  }
  .popups-sing-up-last-step .content {
    gap: 12px;
  }
  .popups-sing-up-last-step .placeholder2 {
    font-size: calc(14px + 2 * (100vw - 1025px) / 894);
    line-height: 142.857%;
  }
  .popups-sing-up-last-step .text3 {
    font-size: calc(16px + 2 * (100vw - 1025px) / 894);
    line-height: 150%;
  }
  .popups-sing-up-last-step .dropdown-multiple-choice {
    height: 60px;
    flex: 1;
    min-width: 0;
  }
  .popups-sing-up-last-step .dropdown-multiple-choice .countries-list {
    height: 510px;
    bottom: calc(100% + 6px);
  }
  .popups-sing-up-last-step .field {
    padding: 0px 6px 8px 6px;
    height: 60px;
  }
  .popups-sing-up-last-step .countries {
    width: 20px;
    height: 20px;
  }
  .popups-sing-up-last-step .phone {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
  }
  .popups-sing-up-last-step .country {
    font-size: calc(16px + 2 * (100vw - 1025px) / 894);
    line-height: 150%;
  }
  .popups-sing-up-last-step .text5 {
    font-size: calc(16px + 2 * (100vw - 1025px) / 894);
    line-height: 150%;
  }
  .popups-sing-up-last-step .info-callout {
    padding: 16px 20px 16px 20px;
    gap: 12px;
  }
  .popups-sing-up-last-step .placeholder3 {
    font-size: calc(14px + 2 * (100vw - 1025px) / 894);
    line-height: 142.857%;
  }
  .popups-sing-up-last-step .checkbox-text {
    gap: 12px;
  }
  .popups-sing-up-last-step .text6 {
    font-size: calc(14px + 2 * (100vw - 1025px) / 894);
    line-height: 142.857%;
  }
  .popups-sing-up-last-step .button {
    padding: 16px 28px 16px 28px;
    gap: 12px;
    height: 56px;
  }
  .popups-sing-up-last-step .text7 {
    font-size: calc(16px + 1 * (100vw - 1025px) / 894);
    line-height: 100%;
  }
  .popups-code-countdown {
    padding: 48px;
    gap: 32px;
    min-width: 580px;
    max-width: 600px;
  }
  .popups-code-countdown .text {
    gap: 12px;
  }
  .popups-code-countdown .text2 {
    font-size: calc(16px + 2 * (100vw - 1025px) / 894);
    line-height: 150%;
  }
  .popups-code-countdown .mail {
    font-size: calc(16px + 2 * (100vw - 1025px) / 894);
    line-height: 150%;
  }
  .popups-code-countdown .code {
    gap: 16px;
  }
  .popups-code-countdown .code-input {
    width: 48px;
    height: 60px;
  }
  .popups-code-countdown .code-input input {
    height: 58px;
    padding: 0 8px 20px;
    font-size: calc(26px + 6 * (100vw - 1025px) / 894);
  }
  .popups-code-countdown .code-input input::-webkit-input-placeholder {
    font-size: calc(26px + 6 * (100vw - 1025px) / 894);
  }
  .popups-code-countdown .code-input input:-moz-placeholder {
    font-size: calc(26px + 6 * (100vw - 1025px) / 894);
  }
  .popups-code-countdown .code-input input::-moz-placeholder {
    font-size: calc(26px + 6 * (100vw - 1025px) / 894);
  }
  .popups-code-countdown .code-input input:-ms-input-placeholder {
    font-size: calc(26px + 6 * (100vw - 1025px) / 894);
  }
  .popups-code-countdown .buttons {
    gap: 24px;
  }
  .popups-code-countdown .button {
    padding: 16px 28px 16px 28px;
    gap: 12px;
    height: 56px;
  }
  .popups-code-countdown .text4 {
    font-size: calc(16px + 1 * (100vw - 1025px) / 894);
    line-height: 150%;
  }
  .popups-code-countdown .text5 {
    font-size: calc(16px + 2 * (100vw - 1025px) / 894);
    line-height: 100%;
  }
  .popups-code-countdown .timer {
    gap: 8px;
  }
  .popups-code-countdown .text6 {
    font-size: calc(16px + 2 * (100vw - 1025px) / 894);
    line-height: 150%;
  }
  .popups-code-countdown .repeat-code {
    font-size: calc(16px + 2 * (100vw - 1025px) / 894);
    line-height: 100%;
  }
  .popups-code-countdown .code-input-error {
    padding: 16px;
  }
  .popups-code-countdown .code-input-error span {
    font-size: calc(14px + 2 * (100vw - 1025px) / 894);
    line-height: 142.857%;
  }
  .popups-courses-registration {
    padding: 40px;
    gap: 32px;
    width: 640px;
    min-width: 560px;
    max-width: 640px;
    transform: scale(0.95);
  }
  .popups-courses-registration .intl-tel-input .selected-flag {
    top: -3px;
  }
  .popups-courses-registration .iti {
    top: -5px;
  }
  .popups-courses-registration .text {
    gap: 12px;
  }
  .popups-courses-registration .headline {
    font-size: calc(26px + 6 * (100vw - 1025px) / 894);
    line-height: 125%;
  }
  .popups-courses-registration .subtitile {
    font-size: calc(16px + 2 * (100vw - 1025px) / 894);
    line-height: 150%;
  }
  .popups-courses-registration .placeholder {
    font-size: calc(16px + 2 * (100vw - 1025px) / 894);
    line-height: 150%;
    top: 8px;
    left: 6px;
    height: 26px;
  }
  .popups-courses-registration .placeholder.active {
    font-size: calc(14px + 2 * (100vw - 1025px) / 894);
    line-height: 142.857%;
  }
  .popups-courses-registration input {
    padding: 0px 6px 8px 6px;
    font-size: calc(16px + 2 * (100vw - 1025px) / 894);
    line-height: 150%;
  }
  .popups-courses-registration .info-callout {
    padding: 16px;
  }
  .popups-courses-registration .placeholder2 {
    font-size: calc(14px + 2 * (100vw - 1025px) / 894);
    line-height: 142.857%;
  }
  .popups-courses-registration .input-with-placeholder2 {
    height: 104px;
  }
  .popups-courses-registration textarea {
    padding: 0px 6px 8px 6px;
    height: 78px;
    font-size: calc(16px + 2 * (100vw - 1025px) / 894);
    line-height: 150%;
  }
  .popups-courses-registration .button {
    padding-top: 32px;
  }
  .popups-courses-registration .button2 {
    padding: 16px 28px;
    gap: 12px;
    height: 56px;
  }
  .popups-courses-registration .text3 {
    font-size: calc(16px + 1 * (100vw - 1025px) / 894);
  }
  .popups-courses-registration .right-icons {
    top: -12px;
  }
  .popup-password {
    width: 600px;
    min-width: 580px;
    max-width: 600px;
  }
  .popup-password .text {
    margin-bottom: 32px;
  }
  .popup-password .subtitile {
    font-size: calc(16px + 2 * (100vw - 1025px) / 894);
    line-height: 150%;
  }
  .popup-password .login {
    margin-bottom: 32px;
  }
  .popup-password .text-link2 {
    margin-bottom: 0;
  }
  .popup-password .text-link2 .text6 {
    font-size: calc(16px + 2 * (100vw - 1025px) / 894);
    line-height: 100%;
  }
  .countries-list {
    top: calc(100% + 6px);
    max-height: 525px;
  }
  .countries-list1 .headline {
    font-size: calc(13px + 2 * (100vw - 1025px) / 894);
    line-height: 153.846%;
    letter-spacing: 0.13px;
  }
  .popular {
    padding-bottom: 16px;
  }
  .countries-list_item {
    gap: 8px;
    padding: 6px 16px;
    font-size: calc(16px + 2 * (100vw - 1025px) / 894);
    line-height: 150%;
  }
  .iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code {
    font-size: calc(16px + 2 * (100vw - 1025px) / 894);
    line-height: 150%;
  }
  .popup-container-courses .iti input.iti__tel-input[type=tel],
  .popups-sing-up-last-step .iti input.iti__tel-input[type=tel] {
    top: 4.5px;
  }
  .iti--show-selected-dial-code input.iti__tel-input[type=tel]::-webkit-input-placeholder {
    font-size: calc(16px + 2 * (100vw - 1025px) / 894);
    line-height: 150%;
  }
  .iti--show-selected-dial-code input.iti__tel-input[type=tel]::-webkit-input-placeholder {
    font-size: calc(16px + 2 * (100vw - 1025px) / 894);
    line-height: 150%;
  }
  .iti--show-selected-dial-code input.iti__tel-input[type=tel]::-moz-placeholder {
    font-size: calc(16px + 2 * (100vw - 1025px) / 894);
    line-height: 150%;
  }
  .iti--show-selected-dial-code input.iti__tel-input[type=tel]:-ms-input-placeholder {
    font-size: calc(16px + 2 * (100vw - 1025px) / 894);
    line-height: 150%;
  }
  .iti__country-name {
    font-size: calc(16px + 2 * (100vw - 1025px) / 894);
    line-height: 150%;
  }
}
@media all and (max-width: 1024px) {
  .popup .desktop- {
    display: none;
  }
  .popup .mobile- {
    display: block;
  }
  .popup-container {
    align-items: flex-end;
    -webkit-align-items: flex-end;
    transition: 0.5s;
    z-index: 2000000001;
  }
  .popups-success-message-contact,
  .popups-success-message-subscription,
  .popups-success-message-error {
    border-radius: 24px 24px 0px 0px;
    padding: 48px 20px 40px 20px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    position: relative;
    border: 0;
  }
  .popups-success-message-contact .text,
  .popups-success-message-subscription .text,
  .popups-success-message-error .text {
    gap: 12px;
  }
  .popups-success-message-contact .success-icon,
  .popups-success-message-subscription .success-icon,
  .popups-success-message-error .success-icon {
    padding: 8px;
    gap: 10px;
  }
  .popups-success-message-contact .check-icon,
  .popups-success-message-subscription .check-icon,
  .popups-success-message-error .check-icon {
    width: 40px;
    height: 40px;
  }
  .popups-success-message-contact .rectangle-17871,
  .popups-success-message-subscription .rectangle-17871,
  .popups-success-message-error .rectangle-17871 {
    border-radius: 6px;
    width: 3.43px;
    height: 27.42px;
    position: absolute;
    left: 28.39px;
    top: 9px;
  }
  .popups-success-message-contact .rectangle-17872,
  .popups-success-message-subscription .rectangle-17872,
  .popups-success-message-error .rectangle-17872 {
    border-radius: 6px;
    width: 3.43px;
    height: 27.42px;
    position: absolute;
    left: 30.82px;
    top: 28.39px;
  }
  .popups-success-message-contact .text2,
  .popups-success-message-subscription .text2,
  .popups-success-message-error .text2 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
  }
  .popups-success-message-contact .description,
  .popups-success-message-subscription .description,
  .popups-success-message-error .description {
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
    line-height: 133.333%;
  }
  .popups-success-message-contact .slider,
  .popups-success-message-subscription .slider,
  .popups-success-message-error .slider {
    flex-shrink: 0;
    width: 80px;
    height: 4px;
    position: absolute;
    left: calc(50% - 40px);
    top: 10px;
  }
  .popups-success-message-contact .slider2,
  .popups-success-message-subscription .slider2,
  .popups-success-message-error .slider2 {
    background: #c4c5cc;
    border-radius: 4px;
    position: absolute;
    right: 0%;
    left: 0%;
    width: 100%;
    bottom: 0%;
    top: 0%;
    height: 100%;
  }
  .popups-success-message-contact .buttons,
  .popups-success-message-subscription .buttons,
  .popups-success-message-error .buttons {
    gap: 12px;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
  }
  .popups-success-message-contact .button,
  .popups-success-message-subscription .button,
  .popups-success-message-error .button {
    background: #fff01f;
    border-radius: 8px;
    border-style: solid;
    border-color: #505259;
    border-width: 1px;
    padding: 20px 32px 20px 32px;
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
    justify-content: center;
    height: 44px;
    min-width: 320px;
    position: relative;
    box-shadow: 2px 2px 0px 0px rgb(69, 73, 77);
  }
  .popups-success-message-contact .text3,
  .popups-success-message-subscription .text3,
  .popups-success-message-error .text3 {
    text-align: left;
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
    line-height: 120%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .popup-container-filters-websites.show .buttons {
    position: fixed;
    padding-bottom: 40px;
    bottom: 0;
    background: #fefefe;
    width: calc(100% - 40px);
  }
  .popups-filters-websites .icons-exit-small {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .popups-filters .icons-exit-small {
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .popups-filters .destructive-action-link .group-11214 {
    position: relative;
    top: 0;
    left: 0;
  }
  .popups-filters .text2 {
    top: 0.5px;
  }
  .popups-log-in {
    border-radius: 24px 24px 0px 0px;
    padding: 48px 20px 40px 20px;
    min-width: 100%;
    max-width: 100%;
    border: 0;
  }
  .popups-log-in form {
    margin-bottom: 16px;
  }
  .popups-log-in .text {
    gap: 12px;
    margin-bottom: 32px;
  }
  .popups-log-in .headline-h3 {
    text-align: center;
  }
  .popups-log-in .sing-up {
    gap: 6px;
  }
  .popups-log-in .text2 {
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
    line-height: 133.333%;
  }
  .popups-log-in .text3 {
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
  }
  .popups-log-in .form {
    gap: 24px;
  }
  .popups-log-in .login {
    gap: 24px;
  }
  .popups-log-in .inputs {
    gap: 8px;
  }
  .popups-log-in .inputs2 {
    gap: 8px;
  }
  .popups-log-in .input-with-placeholder {
    height: 64px;
  }
  .popups-log-in .content {
    gap: 16px;
  }
  .popups-log-in .button2 {
    padding: 0;
    gap: 12px;
    height: 44px;
  }
  .popups-log-in .text5 {
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
    line-height: 120%;
  }
  .popups-log-in .text6 {
    font-size: calc(13px + 1 * (100vw - 360px) / 664);
  }
  .popups-log-in .text7 {
    font-size: calc(12px + 1 * (100vw - 360px) / 664);
    line-height: 138.462%;
  }
  .popups-log-in .buttons {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
  }
  .popups-log-in .button2,
  .popups-log-in .button3 {
    padding: 0;
    gap: 12px;
    height: 44px;
  }
  .popups-log-in .button3 {
    max-width: 50%;
    min-width: calc(50% - 6px);
  }
  .popups-log-in .button3:hover {
    background: #fefefe !important;
    box-shadow: 2px 2px 0px 0px rgb(69, 73, 77) !important;
  }
  .popups-log-in .text-link2 {
    margin-bottom: 32px;
  }
  .popups-log-in .divider {
    margin-bottom: 32px;
  }
  .popups-log-in .exit-button.desktop {
    display: none;
  }
  .popups-log-in .exit.mobile- {
    display: flex;
  }
  .popups-sign-up {
    min-width: 100%;
    max-width: 100%;
    border-radius: 24px 24px 0px 0px;
    border: 0;
  }
  .popups-sign-up .sign-up {
    padding: 48px 20px 40px 20px;
    min-width: 100%;
    max-width: 100%;
    gap: 32px;
  }
  .popups-sign-up .sing-up {
    gap: 6px;
  }
  .popups-sign-up .content {
    gap: 32px;
  }
  .popups-sign-up .text {
    gap: 12px;
  }
  .popups-sign-up .text2 {
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
    line-height: 133.333%;
  }
  .popups-sign-up .text3 {
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
    width: auto;
  }
  .popups-sign-up .login {
    gap: 20px;
  }
  .popups-sign-up .inputs {
    gap: 4px;
  }
  .popups-sign-up .input-with-placeholder {
    height: 64px;
  }
  .popups-sign-up .content2 {
    gap: 16px;
  }
  .popups-sign-up .content3 {
    gap: 16px;
  }
  .popups-sign-up .placeholder2 {
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
    line-height: 133.333%;
  }
  .popups-sign-up .button {
    height: 44px;
    padding: 20px 32px;
    gap: 12px;
  }
  .popups-sign-up .text5 {
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
    line-height: 120%;
  }
  .popups-sign-up .text6 {
    font-size: calc(12px + 1 * (100vw - 360px) / 664);
    line-height: 138.462%;
  }
  .popups-sign-up .buttons {
    gap: 12px;
  }
  .popups-sign-up .button2 {
    height: 44px;
    padding: 20px 32px;
    gap: 12px;
    min-width: calc(50% - 6px);
  }
  .popups-sign-up .button2:hover {
    background: #fefefe !important;
    box-shadow: 2px 2px 0px 0px rgb(69, 73, 77) !important;
  }
  .popups-sign-up .info {
    display: none;
  }
  .popups-sing-up-last-step {
    border-radius: 24px 24px 0px 0px;
    padding: 48px 20px 40px 20px;
    gap: 32px;
    height: 660px;
    max-height: calc(100% - 60px);
    min-width: 100%;
    max-width: 100%;
    border: 0;
    overflow-y: auto;
    transform: scale(1);
  }
  .popups-sing-up-last-step .text {
    gap: 12px;
  }
  .popups-sing-up-last-step .subtitile {
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
    line-height: 133.333%;
  }
  .popups-sing-up-last-step form {
    gap: 32px;
    overflow-y: auto;
  }
  .popups-sing-up-last-step .form-container {
    gap: 32px;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .popups-sing-up-last-step .inputs {
    gap: 8px;
    flex: 1;
  }
  .popups-sing-up-last-step .line {
    gap: 8px;
  }
  .popups-sing-up-last-step .input-with-placeholder {
    display: flex;
    justify-content: flex-end;
    align-self: stretch;
    flex-shrink: 0;
    height: 64px;
    position: relative;
  }
  .popups-sing-up-last-step .content {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
  }
  .popups-sing-up-last-step .dropdown-multiple-choice {
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    height: 64px;
    position: relative;
  }
  .popups-sing-up-last-step .field {
    padding: 0px 8px 12px 8px;
    display: flex;
    height: 64px;
    position: relative;
  }
  .popups-sing-up-last-step .placeholder2 {
    font-size: calc(13px + 1 * (100vw - 360px) / 664);
    line-height: 138.462%;
  }
  .popups-sing-up-last-step .text3 {
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
    line-height: 133.333%;
  }
  .popups-sing-up-last-step .icons-with-hover-universal-small {
    gap: 10px;
  }
  .popups-sing-up-last-step .phone-number {
    gap: 8px;
  }
  .popups-sing-up-last-step .phone {
    gap: 2px;
  }
  .popups-sing-up-last-step .country {
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
    line-height: 133.333%;
  }
  .popups-sing-up-last-step .text5 {
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
    line-height: 133.333%;
  }
  .popups-sing-up-last-step .info-callout {
    padding: 16px;
    gap: 12px;
  }
  .popups-sing-up-last-step .placeholder3 {
    font-size: calc(13px + 1 * (100vw - 360px) / 664);
    line-height: 138.462%;
  }
  .popups-sing-up-last-step .checkbox-text {
    gap: 12px;
  }
  .popups-sing-up-last-step .text6 {
    font-size: calc(13px + 1 * (100vw - 360px) / 664);
    line-height: 138.462%;
  }
  .popups-sing-up-last-step .buttons {
    border-style: solid;
    border-color: #505259;
    border-width: 1px 0px 0px 0px;
    padding: 24px 0px 0px 0px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
  }
  .popups-sing-up-last-step .button-cont {
    padding: 24px 6px 6px 0;
    border-top: 1px solid #505259;
  }
  .popups-sing-up-last-step .button {
    gap: 12px;
    height: 44px;
  }
  .popups-sing-up-last-step .text7 {
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
    line-height: 120%;
  }
  .popups-code-countdown {
    border-radius: 24px 24px 0px 0px;
    padding: 48px 20px 40px 20px;
    gap: 32px;
    min-width: 100%;
    max-width: 100%;
    border: 0;
  }
  .popups-code-countdown .text {
    gap: 12px;
  }
  .popups-code-countdown .code {
    gap: 12px;
  }
  .popups-code-countdown .code-input {
    width: 36px;
    height: 34px;
  }
  .popups-code-countdown .code-input:hover input {
    border-color: #c4c5cc;
  }
  .popups-code-countdown .code-input:hover input:focus {
    border-color: #505259;
  }
  .popups-code-countdown .code-input input {
    height: 34px;
    padding: 0px 8px 8px 8px;
    font-size: calc(20px + 4 * (100vw - 360px) / 664);
  }
  .popups-code-countdown .code-input input::-webkit-input-placeholder {
    font-size: calc(20px + 4 * (100vw - 360px) / 664);
  }
  .popups-code-countdown .code-input input:-moz-placeholder {
    font-size: calc(20px + 4 * (100vw - 360px) / 664);
  }
  .popups-code-countdown .code-input input::-moz-placeholder {
    font-size: calc(20px + 4 * (100vw - 360px) / 664);
  }
  .popups-code-countdown .code-input input:-ms-input-placeholder {
    font-size: calc(20px + 4 * (100vw - 360px) / 664);
  }
  .popups-code-countdown .text2 {
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
    line-height: 133.333%;
  }
  .popups-code-countdown .buttons {
    gap: 24px;
  }
  .popups-code-countdown .buttons2 {
    gap: 16px;
  }
  .popups-code-countdown .button {
    padding: 20px 32px 20px 32px;
    gap: 12px;
    height: 44px;
  }
  .popups-code-countdown .text4 {
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
  }
  .popups-code-countdown .timer {
    gap: 8px;
  }
  .popups-code-countdown .text5 {
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
    line-height: 100%;
  }
  .popups-code-countdown .text6 {
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
    line-height: 133.333%;
  }
  .popups-code-countdown .repeat-code {
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
    line-height: 100%;
  }
  .popups-code-countdown .code-input-error {
    padding: 16px;
    align-items: flex-start;
  }
  .popups-code-countdown .code-input-error span {
    font-size: calc(13px + 1 * (100vw - 360px) / 664);
    line-height: 138.462%;
  }
  .popups-code-countdown .code-input-error .code-input-error-icon {
    width: 20px;
    height: 19px;
    padding: 2.5px 2px;
  }
  .popups-courses-registration {
    border-radius: 24px 24px 0px 0px;
    border-width: 1px 0px 0px 0px;
    padding: 48px 20px 40px;
    gap: 32px;
    width: 100%;
    max-height: calc(100% - 60px);
    min-width: 100%;
    max-width: 100%;
    min-height: 0;
    position: relative;
  }
  .popups-courses-registration .intl-tel-input .selected-flag {
    top: -5px;
  }
  .popups-courses-registration .iti {
    top: -7.5px;
  }
  .popups-courses-registration .wpcf7 {
    overflow-y: scroll;
    width: 100%;
  }
  .popups-courses-registration .wpcf7::-webkit-scrollbar {
    display: none;
  }
  .popups-courses-registration .wpcf7 {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .popups-courses-registration .text {
    gap: 12px;
  }
  .popups-courses-registration .headline {
    font-size: calc(20px + 4 * (100vw - 360px) / 664);
    line-height: 110%;
  }
  .popups-courses-registration .subtitile {
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
    line-height: 133.333%;
  }
  .popups-courses-registration .slider {
    flex-shrink: 0;
    width: 80px;
    height: 4px;
    position: absolute;
    left: calc(50% - 40px);
    top: 10px;
  }
  .popups-courses-registration .slider2 {
    background: #c4c5cc;
    border-radius: 4px;
    position: absolute;
    right: 0%;
    left: 0%;
    width: 100%;
    bottom: 0%;
    top: 0%;
    height: 100%;
  }
  .popups-courses-registration .login {
    gap: 16px;
  }
  .popups-courses-registration .line {
    gap: 8px;
    flex-wrap: wrap;
  }
  .popups-courses-registration .input-with-placeholder {
    padding: 0px 8px 4px 8px;
    min-width: 100%;
  }
  .popups-courses-registration .placeholder {
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
    line-height: 133.333%;
  }
  .popups-courses-registration .placeholder.active {
    top: 0;
    font-size: calc(13px + 1 * (100vw - 360px) / 664);
    line-height: 138.462%;
  }
  .popups-courses-registration .input-with-placeholder2 {
    padding: 0px 8px 4px 8px;
  }
  .popups-courses-registration .info-callout {
    padding: 16px;
    gap: 12px;
  }
  .popups-courses-registration .placeholder2 {
    font-size: calc(13px + 1 * (100vw - 360px) / 664);
    line-height: 138.462%;
  }
  .popups-courses-registration .button {
    padding: 40px 6px 0px 0px;
    gap: 16px;
  }
  .popups-courses-registration .button2 {
    padding: 0;
    gap: 12px;
    height: 44px;
  }
  .popups-courses-registration .text3 {
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
    color: #17171A;
  }
  .popups-courses-registration input,
  .popups-courses-registration textarea {
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
    line-height: 133.333%;
  }
  .popups-courses-registration .right-icons {
    top: -12px;
  }
  .popups-courses-registration .iti__flag {
    width: 20px;
    min-width: 20px;
    height: 20px !important;
  }
  .popup-password {
    height: auto;
  }
  .popup-password .subtitile {
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
    line-height: 133.333%;
  }
  .popup-password form {
    gap: 0;
    margin-bottom: 0;
  }
  .popup-password .login {
    margin-bottom: 24px;
  }
  .popup-password .button {
    border: 0;
    padding: 0;
    margin-bottom: 16px;
  }
  .popup-password .button2 {
    padding: 0;
  }
  .popup-password .text-link2 {
    margin-bottom: 0;
  }
  .popup-password .text-link2 .text6 {
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
    line-height: 100%;
  }
  .popup-create-selections {
    height: auto;
  }
  .popup-create-selections textarea {
    height: 72px;
  }
  .popup-create-selections .button {
    padding: 0;
    gap: 16px;
    border-top: 0;
  }
  .popups-add-to-bookmarks-universal {
    border-radius: 24px 24px 0px 0px;
    padding: 48px 20px 40px 20px;
    gap: 32px;
    width: 100%;
    min-width: 100%;
    max-height: calc(100% - 60px);
    border: 0;
  }
  .popups-add-to-bookmarks-universal .text {
    gap: 12px;
  }
  .popups-add-to-bookmarks-universal .subtitile {
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
    line-height: 133.333%;
  }
  .popups-add-to-bookmarks-universal .content {
    gap: 16px;
  }
  .popups-add-to-bookmarks-universal .list {
    padding: 16px 0px 16px 0px;
    gap: 4px;
    border-width: 1px 0px 0px 0px;
  }
  .popups-add-to-bookmarks-universal .popups-elements-selection {
    border-radius: 4px;
    padding: 12px 8px 12px 8px;
    gap: 16px;
  }
  .popups-add-to-bookmarks-universal .popups-elements-selection:hover {
    background: none;
  }
  .popups-add-to-bookmarks-universal .popups-elements-selection.selected:hover {
    background: #fcfbed;
  }
  .popups-add-to-bookmarks-universal .info {
    gap: 16px;
  }
  .popups-add-to-bookmarks-universal .data {
    display: none;
  }
  .popups-add-to-bookmarks-universal .image {
    width: 72px;
    height: 48px;
  }
  .popups-add-to-bookmarks-universal .article-previews2 {
    width: 72px;
    height: 48px;
  }
  .popups-add-to-bookmarks-universal .success-icon {
    padding: 6px;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
  }
  .popups-add-to-bookmarks-universal .check-icon {
    width: 20px;
    height: 20px;
  }
  .popups-add-to-bookmarks-universal .image-3 {
    border-radius: 4px;
    border-style: solid;
    border-color: #505259;
    border-width: 1px;
    position: absolute;
    right: 0%;
    left: 11.11%;
    width: 88.89%;
    bottom: 0%;
    top: 16.67%;
    height: 83.33%;
    object-fit: cover;
  }
  .popups-add-to-bookmarks-universal .image-2 {
    border-radius: 4px;
    border-style: solid;
    border-color: #505259;
    border-width: 1px;
    position: absolute;
    right: 5.56%;
    left: 5.56%;
    width: 88.89%;
    bottom: 8.33%;
    top: 8.33%;
    height: 83.33%;
    object-fit: cover;
  }
  .popups-add-to-bookmarks-universal .image-1 {
    border-radius: 4px;
    border-style: solid;
    border-color: #505259;
    border-width: 1px;
    position: absolute;
    right: 11.11%;
    left: 0%;
    width: 88.89%;
    bottom: 16.67%;
    top: 0%;
    height: 83.33%;
    object-fit: cover;
  }
  .popups-add-to-bookmarks-universal .text2 {
    gap: 6px;
  }
  .popups-add-to-bookmarks-universal .headline2 {
    font-size: calc(15px + 2 * (100vw - 360px) / 664);
    line-height: 113.333%;
  }
  .popups-add-to-bookmarks-universal .text3 {
    font-size: calc(13px + 1 * (100vw - 360px) / 664);
    line-height: 138.462%;
  }
  .popups-add-to-bookmarks-universal .image-32 {
    border-radius: 4px;
    position: absolute;
    right: 0%;
    left: 11.11%;
    width: 88.89%;
    bottom: 0%;
    top: 16.67%;
    height: 83.33%;
  }
  .popups-add-to-bookmarks-universal .popups-elements-sections2 {
    border-radius: 4px;
    padding: 12px 8px 12px 8px;
    gap: 16px;
  }
  .popups-add-to-bookmarks-universal .image-22 {
    border-radius: 4px;
    position: absolute;
    right: 5.56%;
    left: 5.56%;
    width: 88.89%;
    bottom: 8.33%;
    top: 8.33%;
    height: 83.33%;
  }
  .popups-add-to-bookmarks-universal .buttons {
    border-style: solid;
    border-color: #505259;
    border-width: 1px 0px 0px 0px;
    padding: 24px 0px 0px 0px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
  }
  .popups-add-to-bookmarks-universal .button {
    width: 100%;
    padding: 20px 32px 20px 32px;
    gap: 12px;
    height: 44px;
  }
  .popups-add-to-bookmarks-universal .text6 {
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
    line-height: 120%;
  }
  .popups-add-to-bookmarks-universal .button2 {
    width: 100%;
    padding: 20px 32px 20px 32px;
    gap: 12px;
    height: 44px;
  }
  .popups-add-to-bookmarks-resources .services-card {
    margin-left: 16px;
  }
  .popups-add-to-bookmarks-resources .services-card .success-icon {
    left: calc(50% - 47px);
    top: calc(50% - 15px);
    padding: 6px;
  }
  .popups-add-to-bookmarks-resources .services-card .check-icon {
    width: 15px;
    height: 15px;
  }
  .popups-add-to-bookmarks-resources .services-card .bg {
    margin: 0 0 0 -16px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
  }
  .popups-add-to-bookmarks-resources .services-card .bg-1 {
    left: calc(50% - 37px);
    top: calc(50% - 20px);
  }
  .popups-add-to-bookmarks-resources .services-card .image {
    margin: 0 0 0 -16px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
  }
  .popups-add-to-bookmarks-resources .services-card .bg-2 {
    left: calc(50% - 14px);
    top: calc(50% - 20px);
  }
  .popups-add-to-bookmarks-resources .services-card .bg-3 {
    left: calc(50% + 11px);
    top: calc(50% - 20px);
  }
  .iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code {
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
    line-height: 133.333%;
  }
  .iti__country-name {
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
    line-height: 133.333%;
  }
  .popup-container-courses .iti input.iti__tel-input[type=tel],
  .popups-sing-up-last-step .iti input.iti__tel-input[type=tel] {
    top: 6.5px;
  }
  .iti--show-selected-dial-code input.iti__tel-input[type=tel]::-webkit-input-placeholder {
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
    line-height: 133.333%;
  }
  .iti--show-selected-dial-code input.iti__tel-input[type=tel]:-moz-placeholder {
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
    line-height: 133.333%;
  }
  .iti--show-selected-dial-code input.iti__tel-input[type=tel]::-moz-placeholder {
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
    line-height: 133.333%;
  }
  .iti--show-selected-dial-code input.iti__tel-input[type=tel]:-ms-input-placeholder {
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
    line-height: 133.333%;
  }
  .popups-countries {
    padding: 40px 20px;
    border-radius: 24px 24px 0px 0px;
    background: #FEFEFE;
    width: 100%;
    max-height: calc(100% - 60px);
    height: auto;
    min-width: 100%;
    max-width: 100%;
    display: flex;
    position: relative;
  }
  .countries-list_inner2 {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .countries-list1 {
    gap: 12px;
    padding-bottom: 12px;
  }
  .countries-list1 .headline {
    font-size: calc(12px + 1 * (100vw - 360px) / 664);
    line-height: 138.462%;
  }
  .countries-list_wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .countries-list2 {
    width: 100%;
    overflow-y: auto;
  }
  .countries-list_item {
    padding: 8px 12px;
    gap: 12px;
    font-size: calc(15px + 1 * (100vw - 360px) / 664);
    line-height: 133.333%;
  }
}



.wrap-section-footer {
  width: 100%;
  background-color: #f4f4f4;
  padding: 48px 48px 48px 48px;
  font-family: "Onest", sans-serif;
}

footer.footer {
  max-width: clamp(1824px, 93.75vw, 2400px);
  margin: 0 auto;
  border-radius: 24px;
  background: #1A1A1A;
  padding: 80px 96px 0 96px;
  gap: 64px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  position: relative;
  overflow: hidden;
}
footer.footer.footer_without_banner .wrapper_footer .footer_row .footer-links {
  padding-top: 0;
  border-top: unset;
}
footer.footer .wrapper_footer {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  flex-direction: column;
  gap: 64px;
  width: 100%;
}
footer.footer .wrapper_footer .banner_footer {
  border-radius: 28px;
  overflow: hidden;
  position: relative;
}
footer.footer .wrapper_footer .banner_footer .link_banner_footer {
  position: absolute;
  bottom: 13%;
  left: 50%;
  transform: translateX(-50%);
  font-family: Onest, serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: -0.1px;
  border-radius: 12px;
  background: #1A1A1A;
  display: flex;
  padding: 20px 64px;
  min-width: 360px;
  min-height: 72px;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border: unset;
  transition: all 0.5s linear;
}
footer.footer .wrapper_footer .banner_footer .link_banner_footer .btn-text {
  position: relative;
  z-index: 2;
  transition: all 0.5s linear;
  color: #FFF;
}
footer.footer .wrapper_footer .banner_footer .link_banner_footer.hover_bubble_global .hover_bubble {
  background: #4362FF;
}
footer.footer .wrapper_footer .footer_row {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  flex-direction: column;
  width: 100%;
}
footer.footer .wrapper_footer .footer_row .logo {
  display: flex;
  flex-direction: row;
  gap: 15px;
  align-items: center;
  justify-content: flex-start;
}
footer.footer .wrapper_footer .footer_row .logo .logo_site {
  width: 327px;
  position: relative;
}
footer.footer .wrapper_footer .footer_row .footer-links {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  border-style: solid;
  border-color: #2e2f33;
  border-width: 1px 0;
  padding: 64px 0 48px 0;
  flex-direction: row;
  align-self: stretch;
  gap: 48px;
}
footer.footer .wrapper_footer .footer_row .footer-links .footer-links-contacts {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  flex-direction: column;
  gap: 48px;
  width: 38.1%;
}
footer.footer .wrapper_footer .footer_row .footer-links .footer-links-contacts .footer-contacts {
  display: flex;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
footer.footer .wrapper_footer .footer_row .footer-links .footer-links-contacts .footer-contacts .contact-link {
  border-color: #2e2f33;
  border-width: 1px 0 0;
  padding: 24px 0;
  gap: 20px;
  align-items: center;
  width: 100%;
  max-width: 380px;
  border-style: solid;
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
footer.footer .wrapper_footer .footer_row .footer-links .footer-links-contacts .footer-contacts .contact-link:last-child {
  border-bottom: 1px solid #2E2F33;
}
footer.footer .wrapper_footer .footer_row .footer-links .footer-links-contacts .footer-contacts .contact-link:hover .contact-mail-icon {
  border: 1px solid #FAFAFA;
  background: rgba(251, 251, 251, 0.8);
}
footer.footer .wrapper_footer .footer_row .footer-links .footer-links-contacts .footer-contacts .contact-link:hover .contact-mail-icon img {
  filter: brightness(0.3);
}
footer.footer .wrapper_footer .footer_row .footer-links .footer-links-contacts .footer-contacts .contact-link .contact-mail-icon {
  border-style: solid;
  display: flex;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  flex-direction: row;
  background: rgba(26, 26, 26, 0.01);
  border-radius: 16px;
  border-color: rgba(251, 251, 251, 0.05);
  border-width: 1px;
  padding: 15px;
  gap: 0;
  align-items: flex-start;
  transition: 0.5s all;
}
footer.footer .wrapper_footer .footer_row .footer-links .footer-links-contacts .footer-contacts .contact-link .contact-mail-icon .mail-open-01 {
  width: 32px;
  position: relative;
  overflow: hidden;
}
footer.footer .wrapper_footer .footer_row .footer-links .footer-links-contacts .footer-contacts .contact-link .contact-mail-icon img.icon_contact {
  transition: 0.5s all;
  width: 32px;
}
footer.footer .wrapper_footer .footer_row .footer-links .footer-links-contacts .footer-contacts .contact-link .contact-mail-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
footer.footer .wrapper_footer .footer_row .footer-links .footer-links-contacts .footer-contacts .contact-link .contact-mail-text .wrap_link_text {
  position: relative;
  align-self: stretch;
}
footer.footer .wrapper_footer .footer_row .footer-links .footer-links-contacts .footer-contacts .contact-link .contact-mail-text .wrap_link_text .link_text {
  color: #fafafa;
  font-size: 20px;
  line-height: 137.5%;
  letter-spacing: -0.16px;
  font-weight: 600;
  transition: color 0.3s linear;
}
footer.footer .wrapper_footer .footer_row .footer-links .footer-links-contacts .footer-contacts .contact-link .contact-mail-text .sub_title {
  position: relative;
  color: #808080;
  font-size: 16px;
  line-height: 137.5%;
  font-weight: 400;
  width: 100%;
  max-width: 360px;
  letter-spacing: -0.16px;
}
footer.footer .wrapper_footer .footer_row .footer-links .footer-links-contacts .social_icons {
  display: flex;
  align-items: center;
  gap: 16px;
}
footer.footer .wrapper_footer .footer_row .footer-links .footer-links-contacts .social_icons .social_item {
  width: 32px;
  transition: all 0.5s ease;
}
footer.footer .wrapper_footer .footer_row .footer-links .footer-links-contacts .social_icons .social_item:hover {
  margin-top: -6px;
}
footer.footer .wrapper_footer .footer_row .footer-links .footer-links-contacts .social_icons .social_item img {
  width: 100%;
}
footer.footer .wrapper_footer .footer_row .footer-links .footer-hyperlinks {
  flex: 1;
  width: 100%;
  display: flex;
  flex-direction: row;
  row-gap: 48px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  position: relative;
}
footer.footer .wrapper_footer .footer_row .footer-links .footer-hyperlinks .footer-hyperlinks-column {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  flex-direction: column;
  gap: 20px;
  width: 25%;
  padding-right: 20px;
}
footer.footer .wrapper_footer .footer_row .footer-links .footer-hyperlinks .footer-hyperlinks-column:last-child {
  padding-right: 0;
}
footer.footer .wrapper_footer .footer_row .footer-links .footer-hyperlinks .footer-hyperlinks-column .wrapper_title_menu {
  color: #fafafa;
  font-family: Onest, serif;
  font-size: 20px;
  line-height: 130%;
  font-weight: 600;
  letter-spacing: -0.2px;
  position: relative;
  align-self: stretch;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer.footer .wrapper_footer .footer_row .footer-links .footer-hyperlinks .footer-hyperlinks-column .wrapper_title_menu .title_col {
  color: #fafafa;
  font-family: Onest, serif;
  font-size: 20px;
  line-height: 130%;
  font-weight: 600;
  letter-spacing: -0.2px;
}
footer.footer .wrapper_footer .footer_row .footer-links .footer-hyperlinks .footer-hyperlinks-column .wrapper_title_menu .arrow_mob {
  display: none;
}
footer.footer .wrapper_footer .footer_row .footer-links .footer-hyperlinks .footer-hyperlinks-column .footer-hyperlinks-column-links {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
footer.footer .wrapper_footer .footer_row .footer-links .footer-hyperlinks .footer-hyperlinks-column .footer-hyperlinks-column-links .menu-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  gap: 2px;
}
footer.footer .wrapper_footer .footer_row .footer-links .footer-hyperlinks .footer-hyperlinks-column .footer-hyperlinks-column-links .menu-item .item-text {
  color: #cccccc;
  font-size: 16px;
  line-height: 137.5%;
  letter-spacing: -0.16px;
  font-weight: 400;
  position: relative;
}
footer.footer .wrapper_footer .footer_row .footer-foot {
  padding: 40px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  position: relative;
  gap: 48px;
}
footer.footer .wrapper_footer .footer_row .footer-foot .copyright {
  font-family: Onest, serif;
  color: #808080;
  font-size: 16px;
  line-height: 137.5%;
  letter-spacing: -0.16px;
  position: relative;
  width: 38.1%;
}
footer.footer .wrapper_footer .footer_row .footer-foot .footer-foot-menu {
  flex: 1;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 32px;
  row-gap: 20px;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
footer.footer .wrapper_footer .footer_row .footer-foot .footer-foot-menu .footer-foot-links {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
  gap: 40px;
  align-items: flex-start;
}
footer.footer .wrapper_footer .footer_row .footer-foot .footer-foot-menu .footer-foot-links .menu-item .item-text {
  color: #cccccc;
  font-size: 16px;
  line-height: 137.5%;
  font-weight: 400;
  position: relative;
  letter-spacing: -0.16px;
}
footer.footer .wrapper_footer .footer_row .footer-foot .little-button {
  border-radius: 8px;
  padding: 6px 12px 6px 16px;
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
  transition: 0.6s all;
  border: 1px solid transparent;
}
footer.footer .wrapper_footer .footer_row .footer-foot .little-button:hover {
  border: 1px solid rgba(251, 251, 251, 0.1);
  background: linear-gradient(289deg, rgba(251, 251, 251, 0.02) 0%, rgba(251, 251, 251, 0.04) 100%);
  backdrop-filter: blur(5px);
}
footer.footer .wrapper_footer .footer_row .footer-foot .little-button:hover .text_btn {
  color: #ccc;
}
footer.footer .wrapper_footer .footer_row .footer-foot .little-button:hover .arrow-turn-up-round {
  filter: saturate(0) brightness(1000%);
}
footer.footer .wrapper_footer .footer_row .footer-foot .little-button .text_btn {
  color: #808080;
  font-size: 16px;
  line-height: 22px;
  position: relative;
  transition: 0.6s all;
}
footer.footer .wrapper_footer .footer_row .footer-foot .little-button .arrow-turn-up-round {
  flex-shrink: 0;
  width: 12px;
  position: relative;
  overflow: hidden;
  transition: 0.6s all;
}

@media screen and (max-width: 1920px) and (min-width: 767px) {
  footer.footer {
    padding: 64px 64px 0 64px;
  }
  footer.footer .wrapper_footer .banner_footer .link_banner_footer {
    bottom: 15%;
  }
  footer.footer .wrapper_footer .footer_row .logo .logo_site {
    width: 283.5px;
  }
  footer.footer .wrapper_footer .footer_row .footer-links {
    gap: 80px;
  }
  footer.footer .wrapper_footer .footer_row .footer-links .footer-links-contacts {
    gap: 40px;
    width: 22.4%;
  }
  footer.footer .wrapper_footer .footer_row .footer-links .footer-links-contacts .footer-contacts .contact-link .contact-mail-text .wrap_link_text .link_text {
    font-size: 16px;
  }
  footer.footer .wrapper_footer .footer_row .footer-links .footer-hyperlinks .footer-hyperlinks-column .wrapper_title_menu .title_col {
    font-size: 18px;
    line-height: 133.333%;
    letter-spacing: -0.18px;
  }
  footer.footer .wrapper_footer .footer_row .footer-foot .footer-foot-menu {
    justify-content: flex-end;
    flex-wrap: wrap;
  }
  footer.footer .wrapper_footer .footer_row .footer-foot .footer-foot-menu .footer-foot-links {
    gap: 32px;
  }
  footer.footer .wrapper_footer .footer_row .footer-foot .copyright {
    width: auto;
  }
  .page-template-page-graphic-designer-course-free .wrap-section-footer {
    padding: 48px 80px;
  }
}
@media screen and (max-width: 1760px) and (min-width: 767px) {
  footer.footer .wrapper_footer .footer_row .footer-foot .copyright {
    width: 350px;
  }
  footer.footer .wrapper_footer .footer_row .footer-foot {
    align-items: flex-start;
  }
}
@media screen and (max-width: 1536px) and (min-width: 767px) {
  .wrap-section-footer {
    padding: 48px 40px 32px 40px;
  }
  footer.footer .wrapper_footer .banner_footer .link_banner_footer {
    bottom: 16%;
  }
  footer.footer .wrapper_footer .footer_row .footer-links .footer-links-contacts {
    width: 360px;
  }
  footer.footer .wrapper_footer .footer_row .footer-links {
    gap: 64px;
  }
  footer.footer .wrapper_footer .footer_row .footer-foot .copyright {
    width: 350px;
  }
  footer.footer .wrapper_footer .footer_row .footer-foot .footer-foot-menu .footer-foot-links {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .page-template-page-graphic-designer-course-free .wrap-section-footer {
    padding: 48px 64px 32px 64px;
  }
}
@media screen and (max-width: 1330px) and (min-width: 1025px) {
  footer.footer .wrapper_footer .footer_row .footer-links .footer-hyperlinks .footer-hyperlinks-column {
    width: 33.33333%;
  }
}
@media screen and (max-width: 1200px) and (min-width: 1025px) {
  footer.footer {
    padding: 32px 24px 0 24px;
  }
  footer.footer .wrapper_footer .footer_row .footer-links .footer-hyperlinks .footer-hyperlinks-column {
    width: 50%;
  }
  footer.footer .wrapper_footer .footer_row .footer-foot {
    flex-direction: column-reverse;
  }
  footer.footer .wrapper_footer .footer_row .footer-foot .footer-foot-menu {
    justify-content: flex-start;
  }
  footer.footer .wrapper_footer .footer_row .footer-foot .copyright {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .wrap-section-footer {
    padding: 24px 8px 8px 8px;
  }
  footer.footer {
    padding: 8px 8px 0 8px;
    border-radius: 20px;
  }
  footer.footer.footer_without_banner .wrapper_footer .footer_row .logo-footer {
    border-top: unset;
  }
  footer.footer .wrapper_footer {
    gap: 40px;
  }
  footer.footer .wrapper_footer .banner_footer {
    border-radius: 16px;
  }
  footer.footer .wrapper_footer .footer_row {
    padding: 0 16px;
  }
  footer.footer .wrapper_footer .footer_row .footer-links {
    flex-direction: column-reverse;
    padding: 0 0 24px 0;
    gap: 16px;
  }
  footer.footer .wrapper_footer .footer_row .footer-foot {
    flex-direction: column-reverse;
    padding: 40px 0 32px 0;
    gap: 0;
  }
  footer.footer .wrapper_footer .banner_footer .link_banner_footer {
    padding: 14px 16px;
    min-height: 52px;
    min-width: 84%;
    bottom: 24%;
  }
  footer.footer .wrapper_footer .footer_row .footer-links .footer-links-contacts {
    width: 100%;
    gap: 24px;
  }
  footer.footer .wrapper_footer .footer_row .footer-foot .footer-foot-menu .footer-foot-links .menu-item .item-text {
    margin: 3px 0;
    display: flex;
  }
  footer.footer .wrapper_footer .footer_row .logo-footer {
    width: 100%;
    border-top: 1px solid #2E2F33;
    padding: 24px 0;
  }
  footer.footer .wrapper_footer .footer_row .logo .logo_site {
    width: 218px;
  }
  footer.footer .wrapper_footer .footer_row .footer-links .footer-hyperlinks {
    flex-direction: column;
    gap: 20px;
  }
  footer.footer .wrapper_footer .footer_row .footer-links .footer-hyperlinks .footer-hyperlinks-column {
    width: 100%;
    padding-right: 0;
    border-bottom: 1px solid #2E2F33;
    padding-bottom: 20px;
    gap: 0;
  }
  footer.footer .wrapper_footer .footer_row .footer-links .footer-hyperlinks .footer-hyperlinks-column:first-child {
    padding-top: 20px;
  }
  footer.footer .wrapper_footer .footer_row .footer-links .footer-hyperlinks .footer-hyperlinks-column .footer-hyperlinks-column-links .menu-item {
    margin: 0 0 12px 0;
  }
  footer.footer .wrapper_footer .footer_row .footer-links .footer-hyperlinks .footer-hyperlinks-column .footer-hyperlinks-column-links .menu-item:first-child {
    padding-top: 20px;
  }
  footer.footer .wrapper_footer .footer_row .footer-links .footer-hyperlinks .footer-hyperlinks-column .footer-hyperlinks-column-links .menu-item:last-child {
    margin-bottom: 0;
  }
  footer.footer .wrapper_footer .footer_row .footer-links .footer-links-contacts .footer-contacts .contact-link {
    gap: 16px;
  }
  footer.footer .wrapper_footer .footer_row .footer-links .footer-links-contacts .footer-contacts .contact-link:first-child {
    border-top: unset;
  }
  footer.footer .wrapper_footer .footer_row .footer-links .footer-links-contacts .footer-contacts .contact-link .contact-mail-text .wrap_link_text .link_text {
    font-size: 16px;
    line-height: 137.5%;
    letter-spacing: -0.16px;
  }
  footer.footer .wrapper_footer .footer_row .footer-links .footer-links-contacts .footer-contacts .contact-link .contact-mail-text .sub_title {
    font-size: 15px;
    line-height: 133.333%;
    letter-spacing: -0.15px;
  }
  footer.footer .wrapper_footer .footer_row .footer-links .footer-hyperlinks .footer-hyperlinks-column .footer-hyperlinks-column-links {
    display: none;
  }
  footer.footer .wrapper_footer .footer_row .footer-links .footer-hyperlinks .footer-hyperlinks-column .wrapper_title_menu .title_col {
    font-size: 16px;
    line-height: 137.5%;
    letter-spacing: -0.16px;
  }
  footer.footer .wrapper_footer .footer_row .footer-links .footer-hyperlinks .footer-hyperlinks-column .wrapper_title_menu .arrow_mob {
    display: block;
    width: 24px;
    margin-left: 10px;
    transition: 0.6s all;
  }
  footer.footer .wrapper_footer .footer_row .footer-links .footer-hyperlinks .col_menu_footer.open img.arrow_mob {
    transform: rotate(180deg);
  }
  footer.footer .wrapper_footer .footer_row .footer-foot .footer-foot-menu {
    flex-direction: column;
    align-items: flex-start;
    border-bottom: 1px solid #2E2F33;
    padding-bottom: 24px;
    gap: 20px;
  }
  footer.footer .wrapper_footer .footer_row .footer-foot .footer-foot-menu .footer-foot-links {
    flex-direction: column;
    gap: 12px;
  }
  footer.footer .wrapper_footer .footer_row .footer-foot .copyright {
    padding-top: 32px;
    width: 80%;
    max-width: 300px;
    margin-right: auto;
  }
  footer.footer .wrapper_footer .footer_row .footer-foot .little-button {
    border: unset;
    background: unset;
    padding: 0;
  }
  footer.footer .wrapper_footer .footer_row .footer-foot .little-button:hover {
    border: unset;
    background: unset;
  }
  footer.footer .wrapper_footer .footer_row .footer-links .footer-links-contacts .footer-contacts .contact-link .contact-mail-icon img.icon_contact {
    width: 24px;
  }
  footer.footer .wrapper_footer .footer_row .footer-links .footer-links-contacts .footer-contacts .contact-link .contact-mail-icon .mail-open-01 {
    width: 24px;
  }
  footer.footer .wrapper_footer .footer_row .footer-links .footer-links-contacts .footer-contacts .contact-link .contact-mail-icon {
    padding: 11px;
  }
  footer.footer .wrapper_footer .footer_row .footer-links .footer-links-contacts .social_icons .social_item:hover {
    margin-top: 0;
  }
  footer.footer .wrapper_footer .footer_row .footer-links .footer-links-contacts .social_icons .social_item:active {
    margin-top: -6px;
  }
  .page-template-page-graphic-designer-course-free .wrap-section-footer {
    padding: 24px 8px 8px 8px;
  }
}
@media screen and (max-width: 540px) {
  .page-template-page-personal-area-home_empty .wrap-section-footer {
    background-color: #FCFCFC;
  }
}



.mega-menu.mega-menu_mobile{display:flex}.mega-menu.mega-menu_mobile .current-menu-item,.mega-menu.mega-menu_mobile .current-menu-parent{background:#f0f2fc}.mega-menu.mega-menu_mobile ul{display:flex;flex-direction:column;width:100%;padding:0;border:unset;gap:0}.mega-menu.mega-menu_mobile ul li{border-radius:8px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative;min-height:50px}.mega-menu.mega-menu_mobile ul li.menu-item-has-children>a::after{content:"";position:absolute;width:24px;height:24px;background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/mobile-menu/img/chevron.svg) no-repeat;background-size:contain;top:50%;transform:translateY(-50%) rotate(-90deg);right:8px;left:auto}.mega-menu.mega-menu_mobile ul li a{width:100%;display:flex;justify-content:flex-start;padding:12px 8px 12px 8px;text-align:left;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(15px + 1*(100vw - 360px)/664);line-height:133.333%;font-weight:400;position:relative;flex:1;border-radius:8px}.mega-menu.mega-menu_mobile ul li a:hover{background:none;border-radius:0}.mega-menu.mega-menu_mobile ul li .sub-menu-wrap{display:none;top:100%;width:100%;padding:0 0 100% 0;border:0;box-shadow:none;border-radius:0}.mega-menu.mega-menu_mobile ul li .sub-menu-wrap>.sub-menu{margin:12px auto 0}.mega-menu.mega-menu_mobile ul li .sub-menu-wrap>.sub-menu>li{max-width:100%;min-width:100%;width:100%;padding-left:40px}.mega-menu.mega-menu_mobile ul li .sub-menu-wrap>.sub-menu>li::before{width:24px;top:25%}.mega-menu.mega-menu_mobile ul li .sub-menu-wrap>.sub-menu>li>a{font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(15px + 1*(100vw - 360px)/664);line-height:133.333%;font-weight:400}.mega-menu.mega-menu_mobile ul li .sub-menu-wrap>.sub-menu>li>a::after{transform:translateY(-50%) rotate(0)}.mega-menu.mega-menu_mobile ul li .sub-menu-wrap>.sub-menu>li .sub-menu{max-height:0;overflow:hidden;margin:0}.popups-menu-main-menu-wrapper{align-items:flex-start;width:100%;height:fit-content;max-height:calc(100vh - 60px);min-width:100%;max-width:100%;z-index:100;transition:height .5s ease;background:#fefefe;border-radius:24px 24px 0px 0px}.popups-menu-main-menu{height:660px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;max-height:100vh;overflow-y:auto;transition:height .8s ease;touch-action:pan-down;opacity:0;pointer-events:none;padding:40px 20px 40px 20px;position:absolute;bottom:0;left:0}.popups-menu-main-menu.active{opacity:1;pointer-events:auto;position:relative}.popups-menu-main-menu.active .buttons2{background:#fefefe;position:fixed;bottom:0;left:20px;right:20px;padding-bottom:40px}.popups-menu-main-menu .title-link{width:100%}.popups-menu-main-menu .title{padding:0px 8px 12px 8px;border-bottom:1px solid #505259;font-family:"Articulat CF",sans-serif;font-size:calc(17px + 3*(100vw - 360px)/664);font-weight:600;line-height:117.647%;width:100%;margin-bottom:12px;display:flex;justify-content:space-between;letter-spacing:-0.01em}.popups-menu-main-menu .title .icons-chevron-small{transform:rotate(-90deg)}.popups-menu-main-menu .head{display:flex;flex-direction:row;gap:102px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative;margin-bottom:32px}.popups-menu-main-menu .head .back{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start;flex-shrink:0;position:relative}.popups-menu-main-menu .head .icons-chevron-small{transform:rotate(90deg)}.popups-menu-main-menu .head .text{text-align:right;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(15px + 1*(100vw - 360px)/664);line-height:133.333%;font-weight:400;position:relative;transform-origin:0 0;transform:rotate(0deg) scale(1, 1);display:flex;align-items:center;justify-content:flex-end}.popups-menu-main-menu .tag_soon{display:none !important;padding:4px 16px;justify-content:center;align-items:center;border-radius:4px;background:#e9eaf0;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:13px;font-weight:500;line-height:138.462%}.popups-menu-main-menu.popups-menu-main-menu-1{overflow:visible;height:520px}.popups-menu-main-menu.popups-menu-main-menu-1 .wrapper_menu_mobile_btn_link{width:100%;min-height:50px}.popups-menu-main-menu.popups-menu-main-menu-1 .wrapper_menu_mobile_btn_link .menu_mobile_btn_link{padding:12px 8px;display:flex;align-items:center;width:100%;height:100%;gap:6px;color:#17171a;font-family:"Mariupol",sans-serif;font-size:15px;font-weight:400;line-height:133.333%;transition:all .3s ease;border-radius:8px}.popups-menu-main-menu.popups-menu-main-menu-1 .wrapper_menu_mobile_btn_link .menu_mobile_btn_link span{margin-top:2px}.popups-menu-main-menu.popups-menu-main-menu-1 .wrapper_menu_mobile_btn_link .menu_mobile_btn_link.active{background:#f0f2fc}.popups-menu-main-menu.popups-menu-main-menu-1 .wrapper_menu_mobile_btn_link .teaching_icon{width:12px;margin-left:2px}.popups-menu-main-menu.popups-menu-main-menu-1 .links{padding-bottom:0}.popups-menu-main-menu.popups-menu-main-menu-1 .buttons2{background:#fefefe;padding:12px 2px 32px 0;border:unset;margin-top:0}.popups-menu-main-menu.popups-menu-main-menu-1 .links3{margin-bottom:24px}.popups-menu-main-menu.popups-menu-main-menu-1 .title{margin-bottom:12px}.popups-menu-main-menu.popups-menu-main-menu-1 .text2{letter-spacing:-0.15px}.popups-menu-main-menu.popups-menu-main-menu-1 .account{margin-top:2px}.popups-menu-main-menu.popups-menu-main-menu-1 .links{padding-right:0}.popups-menu-main-menu.popups-menu-main-menu-3 .links{padding-bottom:120px}.popups-menu-main-menu.popups-menu-main-menu-2 ul,.popups-menu-main-menu.popups-menu-main-menu-3 ul,.popups-menu-main-menu.popups-menu-main-menu-4 ul{display:flex;flex-direction:column;width:100%}.popups-menu-main-menu.popups-menu-main-menu-2 ul li,.popups-menu-main-menu.popups-menu-main-menu-3 ul li,.popups-menu-main-menu.popups-menu-main-menu-4 ul li{list-style:none}.popups-menu-main-menu.popups-menu-main-menu-2 ul li.active>a,.popups-menu-main-menu.popups-menu-main-menu-2 ul li.open>a,.popups-menu-main-menu.popups-menu-main-menu-3 ul li.active>a,.popups-menu-main-menu.popups-menu-main-menu-3 ul li.open>a,.popups-menu-main-menu.popups-menu-main-menu-4 ul li.active>a,.popups-menu-main-menu.popups-menu-main-menu-4 ul li.open>a{font-weight:500}.popups-menu-main-menu.popups-menu-main-menu-2 ul li.active>.sub-menu li a,.popups-menu-main-menu.popups-menu-main-menu-2 ul li.open>.sub-menu li a,.popups-menu-main-menu.popups-menu-main-menu-3 ul li.active>.sub-menu li a,.popups-menu-main-menu.popups-menu-main-menu-3 ul li.open>.sub-menu li a,.popups-menu-main-menu.popups-menu-main-menu-4 ul li.active>.sub-menu li a,.popups-menu-main-menu.popups-menu-main-menu-4 ul li.open>.sub-menu li a{color:#505259}.popups-menu-main-menu.popups-menu-main-menu-2 ul li a,.popups-menu-main-menu.popups-menu-main-menu-3 ul li a,.popups-menu-main-menu.popups-menu-main-menu-4 ul li a{width:100%;display:block;padding:12px 8px 12px 48px;text-align:left;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(15px + 1*(100vw - 360px)/664);line-height:133.333%;font-weight:400;position:relative;flex:1}.popups-menu-main-menu.popups-menu-main-menu-2 ul li a::before,.popups-menu-main-menu.popups-menu-main-menu-3 ul li a::before,.popups-menu-main-menu.popups-menu-main-menu-4 ul li a::before{content:"";display:block;position:absolute;width:24px;height:24px;top:50%;left:8px;transform:translateY(-50%)}.popups-menu-main-menu.popups-menu-main-menu-2 ul li:nth-of-type(1)>a::before,.popups-menu-main-menu.popups-menu-main-menu-3 ul li:nth-of-type(1)>a::before,.popups-menu-main-menu.popups-menu-main-menu-4 ul li:nth-of-type(1)>a::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/mobile-menu/img/knowledge_menu_1.png) no-repeat;background-size:contain}.popups-menu-main-menu.popups-menu-main-menu-2 ul li:nth-of-type(2)>a::before,.popups-menu-main-menu.popups-menu-main-menu-3 ul li:nth-of-type(2)>a::before,.popups-menu-main-menu.popups-menu-main-menu-4 ul li:nth-of-type(2)>a::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/mobile-menu/img/artist_palette.png) no-repeat;background-size:contain}.popups-menu-main-menu.popups-menu-main-menu-2 ul li:nth-of-type(3)>a::before,.popups-menu-main-menu.popups-menu-main-menu-3 ul li:nth-of-type(3)>a::before,.popups-menu-main-menu.popups-menu-main-menu-4 ul li:nth-of-type(3)>a::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/mobile-menu/img/light_bulb.png) no-repeat;background-size:contain}.popups-menu-main-menu.popups-menu-main-menu-2 ul li:nth-of-type(4)>a::before,.popups-menu-main-menu.popups-menu-main-menu-3 ul li:nth-of-type(4)>a::before,.popups-menu-main-menu.popups-menu-main-menu-4 ul li:nth-of-type(4)>a::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/mobile-menu/img/toolbox.png) no-repeat;background-size:contain}.popups-menu-main-menu.popups-menu-main-menu-2 ul li:nth-of-type(5)>a::before,.popups-menu-main-menu.popups-menu-main-menu-3 ul li:nth-of-type(5)>a::before,.popups-menu-main-menu.popups-menu-main-menu-4 ul li:nth-of-type(5)>a::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/mobile-menu/img/clapper_board.png) no-repeat;background-size:contain}.popups-menu-main-menu.popups-menu-main-menu-2 ul li:nth-of-type(6)>a::before,.popups-menu-main-menu.popups-menu-main-menu-3 ul li:nth-of-type(6)>a::before,.popups-menu-main-menu.popups-menu-main-menu-4 ul li:nth-of-type(6)>a::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/mobile-menu/img/books.png) no-repeat;background-size:contain}.popups-menu-main-menu.popups-menu-main-menu-2 ul li.menu-item-has-children>a::after,.popups-menu-main-menu.popups-menu-main-menu-3 ul li.menu-item-has-children>a::after,.popups-menu-main-menu.popups-menu-main-menu-4 ul li.menu-item-has-children>a::after{content:"";position:absolute;width:24px;height:24px;background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/mobile-menu/img/chevron.svg) no-repeat;background-size:contain;top:50%;transform:translateY(-50%);right:8px;left:auto;transition:.3s}.popups-menu-main-menu.popups-menu-main-menu-2 ul li.menu-item-has-children>.sub-menu,.popups-menu-main-menu.popups-menu-main-menu-3 ul li.menu-item-has-children>.sub-menu,.popups-menu-main-menu.popups-menu-main-menu-4 ul li.menu-item-has-children>.sub-menu{height:0;overflow:hidden;transition:all .5s cubic-bezier(0.68, -0.55, 0.27, 2);margin-left:20px}.popups-menu-main-menu.popups-menu-main-menu-2 ul li.menu-item-has-children>.sub-menu ul,.popups-menu-main-menu.popups-menu-main-menu-3 ul li.menu-item-has-children>.sub-menu ul,.popups-menu-main-menu.popups-menu-main-menu-4 ul li.menu-item-has-children>.sub-menu ul{margin-bottom:12px;border-left:1px solid #dfe0e5}.popups-menu-main-menu.popups-menu-main-menu-2 ul li.menu-item-has-children>.sub-menu li a,.popups-menu-main-menu.popups-menu-main-menu-3 ul li.menu-item-has-children>.sub-menu li a,.popups-menu-main-menu.popups-menu-main-menu-4 ul li.menu-item-has-children>.sub-menu li a{padding:12px 8px 12px 28px}.popups-menu-main-menu.popups-menu-main-menu-2 ul li.menu-item-has-children>.sub-menu li a::before,.popups-menu-main-menu.popups-menu-main-menu-3 ul li.menu-item-has-children>.sub-menu li a::before,.popups-menu-main-menu.popups-menu-main-menu-4 ul li.menu-item-has-children>.sub-menu li a::before{display:none}.popups-menu-main-menu.popups-menu-main-menu-2 ul li.menu-item-has-children.active>a::after,.popups-menu-main-menu.popups-menu-main-menu-2 ul li.menu-item-has-children.open>a::after,.popups-menu-main-menu.popups-menu-main-menu-3 ul li.menu-item-has-children.active>a::after,.popups-menu-main-menu.popups-menu-main-menu-3 ul li.menu-item-has-children.open>a::after,.popups-menu-main-menu.popups-menu-main-menu-4 ul li.menu-item-has-children.active>a::after,.popups-menu-main-menu.popups-menu-main-menu-4 ul li.menu-item-has-children.open>a::after{transform:translateY(-50%) rotate(180deg)}.popups-menu-main-menu.popups-menu-main-menu-2 ul li.menu-item-has-children.active>.sub-menu,.popups-menu-main-menu.popups-menu-main-menu-2 ul li.menu-item-has-children.open>.sub-menu,.popups-menu-main-menu.popups-menu-main-menu-3 ul li.menu-item-has-children.active>.sub-menu,.popups-menu-main-menu.popups-menu-main-menu-3 ul li.menu-item-has-children.open>.sub-menu,.popups-menu-main-menu.popups-menu-main-menu-4 ul li.menu-item-has-children.active>.sub-menu,.popups-menu-main-menu.popups-menu-main-menu-4 ul li.menu-item-has-children.open>.sub-menu{height:auto}.popups-menu-main-menu.popups-menu-main-menu-3{padding:0}.popups-menu-main-menu.popups-menu-main-menu-3 .head{padding:40px 20px 0 20px}.popups-menu-main-menu.popups-menu-main-menu-3 .links-menu{display:flex;flex-direction:column;gap:24px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex:1;position:relative;overflow-y:auto}.popups-menu-main-menu.popups-menu-main-menu-3 .links-menu .links2{background:#fcfbed;padding:24px 20px 20px 20px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.popups-menu-main-menu.popups-menu-main-menu-3 .links-menu .headline{border-style:solid;border-color:#505259;border-width:0px 0px 1px 0px;padding:0px 8px 12px 8px;display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.popups-menu-main-menu.popups-menu-main-menu-3 .links-menu .headline .icons-chevron-small{transform:rotate(-90deg)}.popups-menu-main-menu.popups-menu-main-menu-3 .links-menu .headline3{text-align:left;font-family:"Articulat CF",sans-serif;font-size:calc(17px + 3*(100vw - 360px)/664);line-height:117.647%;font-weight:600;position:relative;flex:1;transform-origin:0 0;transform:rotate(0deg) scale(1, 1)}.popups-menu-main-menu.popups-menu-main-menu-3 .links-menu .headline3 .badge_new{color:#fefefe;font-feature-settings:"ss03" on;font-family:Mariupol,sans-serif;font-size:13px;font-weight:500;line-height:138.462%;border-radius:4px;padding:5px 8px;background:#0fa958;margin-left:8px}.popups-menu-main-menu.popups-menu-main-menu-3 .links-menu .icons-chevron-small{flex-shrink:0;width:24px;height:24px;position:relative;overflow:hidden}.popups-menu-main-menu.popups-menu-main-menu-3 .links-menu .services{display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.popups-menu-main-menu.popups-menu-main-menu-3 .links-menu .services:nth-of-type(1) .service:nth-of-type(1)::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/mobile-menu/img/service_icon_1.png) no-repeat center center;background-size:contain}.popups-menu-main-menu.popups-menu-main-menu-3 .links-menu .services:nth-of-type(1) .service:nth-of-type(2)::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/mobile-menu/img/service_icon_2.png) no-repeat center center;background-size:contain}.popups-menu-main-menu.popups-menu-main-menu-3 .links-menu .services:nth-of-type(1) .service:nth-of-type(3)::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/mobile-menu/img/service_icon_3.png) no-repeat center center;background-size:contain}.popups-menu-main-menu.popups-menu-main-menu-3 .links-menu .services:nth-of-type(2) .service:nth-of-type(1)::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/mobile-menu/img/files_icon_mega_menu.png) no-repeat center center;background-size:contain}.popups-menu-main-menu.popups-menu-main-menu-3 .links-menu .service{border-radius:8px;padding:8px 0px 8px 44px;height:48px;display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.popups-menu-main-menu.popups-menu-main-menu-3 .links-menu .service::before{content:"";position:absolute;width:32px;height:32px;left:0;top:50%;transform:translateY(-50%)}.popups-menu-main-menu.popups-menu-main-menu-3 .links-menu .text{display:flex;flex-direction:column;gap:4px;align-items:flex-start;justify-content:flex-start;flex:1;position:relative}.popups-menu-main-menu.popups-menu-main-menu-3 .links-menu .text2{text-align:left;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(15px + 1*(100vw - 360px)/664);line-height:133.333%;font-weight:400;position:relative;align-self:stretch;display:flex;align-items:center;justify-content:flex-start}.popups-menu-main-menu.popups-menu-main-menu-3 .links-menu .text2 span{display:inline-block;position:relative}.popups-menu-main-menu.popups-menu-main-menu-3 .links-menu .links3{padding:0px 20px 0px 20px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.popups-menu-main-menu.popups-menu-main-menu-3 .links-menu .categories{display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.popups-menu-main-menu.popups-menu-main-menu-3 .links-menu ul li:nth-of-type(1)>a::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/mobile-menu/img/resourse_icon_3.png) no-repeat center center;background-size:contain}.popups-menu-main-menu.popups-menu-main-menu-3 .links-menu ul li:nth-of-type(2)>a::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/mobile-menu/img/resourse_icon_1.png) no-repeat center center;background-size:contain}.popups-menu-main-menu.popups-menu-main-menu-3 .links-menu ul li:nth-of-type(3)>a::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/mobile-menu/img/resourse_icon_2.png) no-repeat center center;background-size:contain}.popups-menu-main-menu.popups-menu-main-menu-4 .categories{display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.popups-menu-main-menu.popups-menu-main-menu-4 ul li:nth-of-type(1)>a::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/mobile-menu/img/inspiration_icon_1.png) no-repeat center center;background-size:contain}.popups-menu-main-menu.popups-menu-main-menu-4 ul li:nth-of-type(2)>a::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/mobile-menu/img/inspiration_icon_2.png) no-repeat center center;background-size:contain}.popups-menu-main-menu.popups-menu-main-menu-5{height:520px}.popups-menu-main-menu.popups-menu-main-menu-5 .categories{display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.popups-menu-main-menu.popups-menu-main-menu-5 .categories .category{border-radius:8px;padding:12px 8px 12px 8px;display:flex;flex-direction:column;gap:20px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.popups-menu-main-menu.popups-menu-main-menu-5 .categories .menu{display:flex;flex-direction:row;gap:24px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.popups-menu-main-menu.popups-menu-main-menu-5 .categories .text{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;flex:1;position:relative}.popups-menu-main-menu.popups-menu-main-menu-5 .categories .emodji{flex-shrink:0;width:24px;height:24px;position:relative}.popups-menu-main-menu.popups-menu-main-menu-5 .categories .large-yellow-circle{position:absolute;right:0%;left:0%;width:100%;bottom:0%;top:0%;height:100%}.popups-menu-main-menu.popups-menu-main-menu-5 .categories .headline{text-align:left;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(15px + 1*(100vw - 360px)/664);line-height:133.333%;font-weight:400;position:relative;flex:1}.popups-menu-main-menu.popups-menu-main-menu-5 .categories .memo{position:absolute;right:5.55%;left:5.56%;width:88.89%;bottom:5.55%;top:5.56%;height:88.89%}.popups-menu-main-menu.popups-menu-main-menu-5 .categories .envelope-with-arrow{position:absolute;right:0%;left:0%;width:100%;bottom:0%;top:0%;height:100%}.popups-menu-main-menu .links{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;align-self:stretch;flex:1;position:relative;overflow:auto;padding-bottom:94px;padding-right:6px}.popups-menu-main-menu .links2{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.popups-menu-main-menu .links3{display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0}.popups-menu-main-menu .category{border-radius:8px;padding:12px 8px 12px 8px;display:flex;flex-direction:column;gap:20px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.popups-menu-main-menu .menu{display:flex;flex-direction:row;gap:24px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.popups-menu-main-menu .text{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;flex:1;position:relative}.popups-menu-main-menu .headline{text-align:left;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(15px + 1*(100vw - 360px)/664);line-height:133.333%;font-weight:500;position:relative;flex:1}.popups-menu-main-menu .icons-chevron-small{flex-shrink:0;width:24px;height:24px;position:relative;overflow:hidden}.popups-menu-main-menu .category2{border-radius:8px;padding:12px 8px 12px 8px;display:flex;flex-direction:column;gap:20px;align-items:flex-start;justify-content:center;align-self:stretch;flex-shrink:0;height:48px;position:relative}.popups-menu-main-menu .account{background:#f0f2fc;border-radius:8px;padding:12px 16px;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.popups-menu-main-menu .account .personality{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;flex:1;position:relative}.popups-menu-main-menu .account .image{border-radius:100px;flex-shrink:0;width:40px;height:40px;position:relative;object-fit:cover;box-shadow:3px 3px 0px 0px #17181a;border:1px solid #505259}.popups-menu-main-menu .account .frame-11292{display:flex;flex-direction:column;gap:0px;align-items:flex-start;justify-content:flex-start;flex:1;position:relative}.popups-menu-main-menu .account .name{text-align:left;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(15px + 1*(100vw - 360px)/664);line-height:133.333%;font-weight:500;position:relative;align-self:stretch;display:flex;align-items:center;justify-content:flex-start;text-overflow:ellipsis;overflow:hidden}.popups-menu-main-menu .account .name2{color:#505259;text-align:left;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(13px + 1*(100vw - 360px)/664);line-height:138.462%;font-weight:400;position:relative;align-self:stretch;display:flex;align-items:center;justify-content:flex-start;text-overflow:ellipsis;overflow:hidden}.popups-menu-main-menu .account .icons-chevron-small{flex-shrink:0;width:24px;height:24px;position:relative;overflow:hidden}.popups-menu-main-menu .log-in{padding:24px 0px 2px 0px;display:flex;flex-direction:column;gap:24px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.popups-menu-main-menu .buttons{display:flex;flex-direction:row;gap:8px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative;padding-right:2px;color:#fefefe}.popups-menu-main-menu .button{background:#fefefe;color:#17171a;border-radius:8px;border-style:solid;border-color:#505259;border-width:1px;padding:20px 32px 20px 32px;display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:center;flex:1;height:44px;position:relative;box-shadow:2px 2px 0 0 #45494d;transition:.3s}.popups-menu-main-menu .button:active{box-shadow:6px 6px 0 0 #17181a}.popups-menu-main-menu .text2{text-align:left;font-family:"Articulat CF",sans-serif;font-size:calc(15px + 1*(100vw - 360px)/664);line-height:120%;font-weight:600;position:relative;display:flex;align-items:center;justify-content:flex-start}.popups-menu-main-menu .button2{background:#fefefe;color:#17171a;border-radius:8px;border-style:solid;border-color:#505259;border-width:1px;padding:20px 32px 20px 32px;display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:center;flex:1;height:44px;position:relative;box-shadow:2px 2px 0 0 #45494d;transition:.3s}.popups-menu-main-menu .button2:active{box-shadow:6px 6px 0 0 #17181a}.popups-menu-main-menu .info{background:#fcfbed;border-radius:8px;padding:16px;display:flex;flex-direction:row;gap:16px;align-items:flex-start;justify-content:center;align-self:stretch;flex-shrink:0;position:relative}.popups-menu-main-menu .image{flex-shrink:0;width:64px;height:64px;position:relative}.popups-menu-main-menu .text3{display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-content:flex-start;flex:1;position:relative}.popups-menu-main-menu .headline2{text-align:left;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(15px + 1*(100vw - 360px)/664);line-height:133.333%;font-weight:400;position:relative;align-self:stretch}.popups-menu-main-menu .text-link{display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.popups-menu-main-menu .text4{color:#5a75ff;text-align:left;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(15px + 1*(100vw - 360px)/664);line-height:133.333%;font-weight:400;text-decoration:underline;position:relative}.popups-menu-main-menu .buttons2{border-style:solid;border-color:#505259;border-width:1px 0px 0px 0px;padding:24px 2px 2px 0px;margin-top:24px;display:flex;flex-direction:row;gap:8px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative;z-index:102}.popups-menu-main-menu .button3{background:#fff01f;border-radius:8px;border-style:solid;border-color:#505259;border-width:1px;padding:20px 16px 20px 16px;display:flex;flex-direction:row;align-items:center;justify-content:center;flex:1;height:44px;position:relative;box-shadow:2px 2px 0 0 #45494d;transition:.3s}.popups-menu-main-menu .button3:active{box-shadow:6px 6px 0 0 #17181a}.popups-menu-main-menu .icons-arrows{display:none !important;flex-shrink:0;width:24px;height:24px;position:relative;overflow:hidden}.popups-menu-main-menu .arrow{height:auto;position:absolute;right:29.17%;left:12.5%;width:58.33%;bottom:4.17%;top:20.83%;height:75%;transform:translate(-0.75px, -0.75px);overflow:hidden}.popups-menu-main-menu .slider{flex-shrink:0;width:80px;height:4px;position:absolute;left:calc(50% - 40px);top:12px}.popups-menu-main-menu .slider2{background:#c4c5cc;border-radius:4px;position:absolute;right:0%;left:0%;width:100%;bottom:0%;top:0%;height:100%}

.wrapper_likes_dislike_fingers {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wrapper_likes_dislike_fingers .finger {
  display: flex;
  align-items: center;
  height: 48px;
  border-radius: 8px;
  background: #E9EAF0;
  cursor: pointer;
  transition: 0.1s all;
}
.wrapper_likes_dislike_fingers .finger.finger_up:hover {
  background: #0FA958;
}
.wrapper_likes_dislike_fingers .finger.finger_up:hover .finger_icon {
  filter: invert(100%) brightness(2);
}
.wrapper_likes_dislike_fingers .finger.finger_down:hover {
  background: #F65931;
}
.wrapper_likes_dislike_fingers .finger.finger_down:hover .finger_icon {
  filter: invert(100%) brightness(2);
}
.wrapper_likes_dislike_fingers .finger.active.finger_up {
  background: #0FA958;
}
.wrapper_likes_dislike_fingers .finger.active.finger_up:hover {
  background: #0E9950;
}
.wrapper_likes_dislike_fingers .finger.active.finger_up .finger_icon {
  filter: invert(100%) brightness(2);
}
.wrapper_likes_dislike_fingers .finger.active.finger_down {
  background: #F65931;
}
.wrapper_likes_dislike_fingers .finger.active.finger_down:hover {
  background: #D9380F;
}
.wrapper_likes_dislike_fingers .finger.active.finger_down .finger_icon {
  filter: invert(100%) brightness(2);
}
.wrapper_likes_dislike_fingers .finger.active .status {
  display: block;
}
.wrapper_likes_dislike_fingers .finger .status {
  display: none;
  padding: 0 16px 0 0;
  color: #FEFEFE;
  font-feature-settings: "ss03" on;
  text-overflow: ellipsis;
  font-family: Mariupol, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
}
.wrapper_likes_dislike_fingers .finger .picture_finger {
  width: 48px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrapper_likes_dislike_fingers .finger .picture_finger .finger_icon {
  width: 50%;
  transition: 0.1s all;
}

@media screen and (max-width: 768px) {
  .wrapper_likes_dislike_fingers .finger {
    height: 40px;
  }
  .wrapper_likes_dislike_fingers .finger.finger_up:hover {
    background: #E9EAF0;
  }
  .wrapper_likes_dislike_fingers .finger.finger_up:hover .finger_icon {
    filter: unset;
  }
  .wrapper_likes_dislike_fingers .finger.finger_down:hover {
    background: #E9EAF0;
  }
  .wrapper_likes_dislike_fingers .finger.finger_down:hover .finger_icon {
    filter: unset;
  }
  .wrapper_likes_dislike_fingers .finger.active.finger_up {
    background: #0FA958;
  }
  .wrapper_likes_dislike_fingers .finger.active.finger_up:hover {
    background: #0FA958;
  }
  .wrapper_likes_dislike_fingers .finger.active.finger_up .finger_icon {
    filter: invert(100%) brightness(2);
  }
  .wrapper_likes_dislike_fingers .finger.active.finger_down {
    background: #F65931;
  }
  .wrapper_likes_dislike_fingers .finger.active.finger_down:hover {
    background: #F65931;
  }
  .wrapper_likes_dislike_fingers .finger.active.finger_down .finger_icon {
    filter: invert(100%) brightness(2);
  }
  .wrapper_likes_dislike_fingers .finger.active .status {
    display: none;
  }
  .wrapper_likes_dislike_fingers .finger .picture_finger {
    width: 40px;
  }
  .wrapper_likes_dislike_fingers .finger .picture_finger .finger_icon {
    width: 60%;
  }
}



.progress_bar_line_wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.progress_bar_line_wrap .percent {
  position: relative;
  width: 100%;
  height: 100%;
}
.progress_bar_line_wrap .percent .percent_wrap .num {
  color: #17171A;
  font-feature-settings: "ss03" on;
  text-overflow: ellipsis;
  font-family: Mariupol, serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 137.5%;
}
.progress_bar_line_wrap .percent .percent_wrap .percent_text {
  color: #737580;
  font-feature-settings: "ss03" on;
  text-overflow: ellipsis;
  font-family: Mariupol, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 137.5%;
}
.progress_bar_line_wrap .container_line_progress {
  width: 100%;
  height: 10px;
  border-radius: 100px;
  background: #E9EAF0;
}
.progress_bar_line_wrap .container_line_progress .line_progress {
  border-radius: 50px;
  height: 100%;
  width: 0;
  background: #0FA958;
}
.progress_bar_line_wrap .container_line_progress .line_progress.animate {
  transition: 0.8s width;
}

@media screen and (max-width: 768px) {
  .progress_bar_line_wrap {
    flex-direction: row-reverse;
    align-items: center;
    gap: 16px;
  }
  .progress_bar_line_wrap .container_line_progress {
    height: 8px;
  }
  .progress_bar_line_wrap .percent {
    width: auto;
  }
  .progress_bar_line_wrap .percent .percent_wrap .percent_text {
    display: none;
  }
  .progress_bar_line_wrap .percent .percent_wrap .num {
    font-size: 15px;
  }
}



.progress_bar_round_wrap {
  width: 200px;
  height: 200px;
}
.progress_bar_round_wrap .percent {
  position: relative;
  width: 100%;
  height: 100%;
}
.progress_bar_round_wrap .percent .percent_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 50%;
}
.progress_bar_round_wrap .percent .percent_wrap .num {
  color: #17171A;
  font-feature-settings: "ss03" on, "ss04" on, "ss05" on;
  font-family: "Articulat CF", sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.4px;
}
.progress_bar_round_wrap .percent .percent_wrap .percent_text {
  color: #737580;
  font-feature-settings: "ss03" on;
  text-overflow: ellipsis;
  font-family: Mariupol, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
}
.progress_bar_round_wrap .percent svg {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  transform: rotate(115deg);
}
.progress_bar_round_wrap .percent svg circle {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: transparent;
  stroke-width: 14;
  stroke-linecap: round;
  transform: translate(7px, 7px);
}
.progress_bar_round_wrap .percent svg circle.animate {
  transition: 0.8s stroke-dashoffset;
}

@media screen and (max-width: 1920px) {
  .progress_bar_round_wrap {
    width: 184px;
    height: 184px;
  }
  .progress_bar_round_wrap .percent .percent_wrap .num {
    font-size: 32px;
    line-height: 125%;
    letter-spacing: -0.32px;
  }
  .progress_bar_round_wrap .percent .percent_wrap .percent_text {
    font-size: 16px;
    line-height: 137.5%;
  }
}



.side-menu{width:100%;max-width:540px;min-width:450px;margin-right:120px;padding:0 64px 0 64px;border-radius:0px 0px 16px 0px;border-right:1px solid #505259;border-bottom:1px solid #505259;background:#fefefe;position:relative}.side-menu .side-menu-inner{position:fixed;top:113px;bottom:0;width:495px;min-width:322px;overflow-y:scroll;overflow-x:hidden}.side-menu .side-menu-inner::-webkit-scrollbar{width:0}.side-menu .side-menu-inner.pos{position:absolute;bottom:0;top:auto}.side-menu .side-menu_wrap{padding-bottom:20px;padding-right:0;padding-top:64px}.side-menu h2{font-family:Articulat CF,sans-serif;font-size:calc(22px + 2*(100vw - 1920px)/640);font-weight:600;line-height:133.333%;padding-bottom:24px;margin-bottom:12px;border-bottom:1px solid #505259}.side-menu ul{display:flex;flex-direction:column;gap:2px}.side-menu li{list-style:none;position:relative}.side-menu li:not(.menu-item-has-children):hover{border-radius:8px;background:#f5f6fa}.side-menu li.menu-item-has-children>a{display:block;position:relative}.side-menu li.menu-item-has-children>a::after{content:"";position:absolute;width:24px;height:24px;top:50%;right:20px;background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/side-menu/img/chevron.svg) no-repeat;transition:.3s;transform:translateY(-50%)}.side-menu li.menu-item-has-children.active{margin-bottom:16px}.side-menu li.menu-item-has-children.active .sub-menu{max-height:100%}.side-menu li>a::before{content:"";position:absolute;width:24px;height:24px;top:50%;left:20px;transform:translateY(-50%)}.side-menu li .menu_item_icon{position:absolute;width:24px;height:24px;top:18px;left:20px;z-index:1}.side-menu li:nth-of-type(1)>a::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/side-menu/img/knowledge_menu_1.png) no-repeat;background-size:contain}.side-menu li:nth-of-type(2)>a::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/side-menu/img/light_bulb.png) no-repeat;background-size:contain}.side-menu li:nth-of-type(3)>a::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/side-menu/img/artist_palette.png) no-repeat;background-size:contain}.side-menu li:nth-of-type(4)>a::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/side-menu/img/toolbox.png) no-repeat;background-size:contain}.side-menu li:nth-of-type(5)>a::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/side-menu/img/clapper_board.png) no-repeat;background-size:contain}.side-menu li:nth-of-type(6)>a::before{background:url(https://web-design.academy/wp-content/themes/wemake-theme/modules/side-menu/img/books.png) no-repeat;background-size:contain}.side-menu li a{font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(18px + 2*(100vw - 1920px)/640);font-weight:400;line-height:140%;position:relative;padding:16px 20px;padding-left:56px;display:block}.side-menu li:last-of-type>a{margin-bottom:0}.side-menu li.current .sub-menu{max-height:100%}.side-menu li .sub-menu{max-height:0;overflow:hidden;padding-left:16px;margin-left:20px;padding-right:44px;border-left:1px solid #dfe0e5}.side-menu li .sub-menu>ul{display:flex;flex-direction:column;gap:2px}.side-menu li .sub-menu>ul>li{margin-left:0}.side-menu li .sub-menu>ul>li:last-of-type>a{margin-bottom:0}.side-menu li .sub-menu>ul>li>a{padding:8px 20px}.side-menu li .sub-menu>ul>li>a::before{display:none}.side-menu li:not(.all_publication).active>a{display:block;position:relative;margin-bottom:0;font-weight:500}.side-menu li:not(.all_publication).active>a::after{transform:translateY(-50%) rotate(180deg)}.side-menu li:not(.all_publication).active .sub-menu>ul>li>a{color:#505259}.side-menu li:not(.all_publication).active .sub-menu>ul>li.active a{color:#17171a;font-weight:400;border-radius:8px;background:#f0f2fc}.side-menu li.all_publication.active a{border-radius:8px;background:#f0f2fc;font-weight:500}.side-menu .services{margin-bottom:48px}.side-menu .services-menu li a{padding:8px 20px;margin-bottom:2px}.side-menu .services-menu li a::before,.side-menu .services-menu li a:after{display:none}.side-menu .services-menu li a:hover{background:none}@media all and (min-width: 1919px){.side-menu{max-width:21.09375vw}.side-menu .side-menu-inner{width:100%;max-width:calc(21% - 128px)}.side-menu .side-menu-inner.pos{max-width:calc(100% - 128px)}}.personal-area_container{background:#fbfbfb}.personal-area_container .side-menu{margin-right:80px;padding:0 32px 0 64px}@media all and (max-width: 1280px)and (min-width: 1025px){.personal-area_container .side-menu{display:flex}}.personal-area_container .side-menu .side-menu_wrap{padding-bottom:32px}.menu-account{background:#fefefe;border-radius:0px 0px 16px 0px;border-style:solid;border-color:#505259;border-width:0px 1px 1px 0px;padding:64px 32px 32px 64px;display:flex;flex-direction:column;gap:0px;align-items:flex-start;justify-content:flex-start;flex:1;position:relative}.menu-account .personality{border-style:solid;border-color:#505259;border-width:0px 0px 1px 0px;padding:0px 0px 40px 0px;display:flex;flex-direction:row;gap:32px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.menu-account .image{flex-shrink:0;width:96px;height:96px;position:relative;border-radius:50%;border-style:solid;border-color:#505259;border-width:1px;box-shadow:3px 3px 0px 0px #17181a;display:flex}.menu-account .picture-image2{width:100%;height:100%}.menu-account .image2{width:100%;height:100%;object-fit:cover;border-radius:50%}.menu-account .edit-button{width:40px;height:40px;position:absolute;right:0px;top:56px}.menu-account .edit-button.mobile-{display:none}.menu-account .edit-button:hover .bg{transform:scale(1.1)}.menu-account .bg{background:#fefefe;border-radius:50%;border-style:solid;border-color:#505259;border-width:1px;width:40px;height:40px;position:absolute;left:0px;top:0px;box-shadow:2px 2px 0px 0px #45494d;transition:.3s}.menu-account .icons-edit{width:24px;height:24px;position:absolute;left:8px;top:8px;overflow:hidden;display:flex;justify-content:center;align-items:center}.menu-account .pen{width:20px;height:20px}.menu-account .text{display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:flex-start;flex:1;position:relative;width:calc(100% - 128px)}.menu-account .name{text-align:left;font-family:"Articulat CF",sans-serif;font-size:calc(22px + 2*(100vw - 1920px)/640);line-height:133.333%;font-weight:600;position:relative;align-self:stretch;display:flex;flex-wrap:wrap;gap:0 6px;width:100%}.menu-account .name span{overflow:hidden;text-overflow:ellipsis;display:block}.menu-account .mail{color:#505259;text-align:left;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(18px + 2*(100vw - 1920px)/640);line-height:140%;font-weight:400;position:relative;align-self:stretch;width:100%;text-overflow:ellipsis;overflow:hidden}.menu-account .menu{padding:40px 0px 40px 0px;display:flex;flex-direction:column;gap:4px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex:1;position:relative;overflow-y:auto}.menu-account .category{border-radius:8px;padding:16px 0px 16px 0px;display:flex;flex-direction:column;gap:20px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative;transition:.3s;cursor:pointer}.menu-account .category.active{background:#f0f2fc}.menu-account .category.active .headline4{font-weight:500}.menu-account .category:hover{background:#f5f6fa}.menu-account .menu2{padding:0px 20px 0px 20px;display:flex;flex-direction:row;gap:24px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.menu-account .text2{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;flex:1;position:relative}.menu-account .emodji{flex-shrink:0;width:24px;height:24px;position:relative}.menu-account .smiling-face-with-sunglasses{position:absolute;right:0%;left:0%;width:100%;bottom:0%;top:0%;height:100%}.menu-account .headline{text-align:left;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(18px + 2*(100vw - 1920px)/640);line-height:140%;font-weight:500;position:relative;flex:1}.menu-account .unit{display:flex;flex-direction:column;gap:12px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.menu-account .headline6{border-style:solid;border-color:#505259;border-width:0px 0px 1px 0px;padding:0px 0px 24px 0px;display:flex;flex-direction:row;gap:0px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.menu-account .headline3{color:#737580;text-align:left;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(16px + 1*(100vw - 1920px)/640);line-height:150%;font-weight:500;text-transform:uppercase;position:relative;flex:1;transform-origin:0 0;transform:rotate(0deg) scale(1, 1)}.menu-account .menu3{display:flex;flex-direction:column;gap:4px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.menu-account .category2{border-radius:8px;padding:16px 0px 16px 0px;display:flex;flex-direction:column;gap:20px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.menu-account .open-book{position:absolute;right:0%;left:0%;width:100%;bottom:0%;top:0%;height:100%}.menu-account .headline4{text-align:left;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(18px + 2*(100vw - 1920px)/640);line-height:140%;font-weight:400;position:relative;flex:1}.menu-account .card-index-dividers,.menu-account .puzzle-piece{position:absolute;right:0%;left:0%;width:100%;bottom:0%;top:0%;height:100%}.menu-account .check-mark-button{position:absolute;right:5.55%;left:5.56%;width:88.89%;bottom:5.55%;top:5.56%;height:88.89%}.menu-account .menu-exit{border-style:solid;border-color:#505259;border-width:1px 0px 0px 0px;padding:12px 0px 0px 0px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.menu-account .right-arrow{position:absolute;right:0%;left:0%;width:100%;bottom:0%;top:0%;height:100%}@media all and (min-width: 1919px){.personal-area_container .category-container.page-with-side_menu .side-menu .side-menu-inner{max-width:calc(21% - 96px);min-width:354px}.personal-area_container .category-container.page-with-side_menu .side-menu .side-menu-inner.pos{max-width:calc(100% - 96px)}}@media all and (max-width: 1919px)and (min-width: 1025px){.side-menu{padding:0 32px 0 48px;max-width:21.875vw;min-width:360px;margin-right:80px}.side-menu h2{font-size:calc(17px + 3*(100vw - 1025px)/894);line-height:125%;padding-bottom:24px;margin-bottom:8px}.side-menu li.menu-item-has-children.active{margin-bottom:12px}.side-menu li a{font-size:calc(14px + 2*(100vw - 1025px)/894);line-height:150%;padding:12px 16px;padding-left:52px}.side-menu li a::before{left:16px}.side-menu li .sub-menu{padding-left:12px}.side-menu li .menu_item_icon{top:12px;left:16px}.side-menu .side-menu_wrap{padding-top:48px}.side-menu .side-menu-inner{top:96px;max-width:calc(21.2% - 70px);min-width:0}.side-menu .side-menu-inner.pos{max-width:calc(100% - 80px)}.personal-area_container .side-menu .side-menu-inner.pos{max-width:calc(100% - 80px)}.personal-area_container .side-menu{margin-right:64px;padding:0 32px 0 48px}.personal-area_container .side-menu .side-menu-inner{max-width:calc(22% - 80px)}.menu-account{padding:48px 32px 32px 48px;gap:32px}.menu-account .personality{padding:0px 0px 32px 0px;gap:24px}.menu-account .image{width:80px;height:80px}.menu-account .edit-button{right:-6px;top:46px}.menu-account .text{width:calc(100% - 104px)}.menu-account .name{font-size:calc(17px + 3*(100vw - 1025px)/894);line-height:140%}.menu-account .mail{font-size:calc(16px + 2*(100vw - 1025px)/894);line-height:150%}.menu-account .menu{gap:2px;padding:32px 0}.menu-account .category{padding:12px 0px 12px 0px;gap:16px}.menu-account .menu2{padding:0px 16px 0px 16px;gap:20px}.menu-account .text2{gap:12px}.menu-account .headline{font-size:calc(16px + 2*(100vw - 1025px)/894);line-height:150%}.menu-account .headline6{padding:0px 0px 20px 0px}.menu-account .headline3{font-size:calc(14px + 2*(100vw - 1025px)/894);line-height:153.846%}.menu-account .menu3{gap:2px}}@media all and (max-width: 1700px)and (min-width: 1025px){.side-menu{width:34vw}.side-menu .side-menu-inner{min-width:280px;width:19.5vw}}@media all and (max-width: 1280px)and (min-width: 1025px){.side-menu{display:none}}@media all and (max-width: 1024px){.side-menu{display:none}.menu-account{display:none}}

.course_expiration_timer_block .row_timer_block {
  display: flex;
  gap: 4px;
}
.course_expiration_timer_block .row_timer_block .col_time {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 72px;
  border: 1px solid rgba(251, 251, 251, 0.1);
  backdrop-filter: blur(5px);
  border-radius: 8px;
  background: #FFF;
  padding: 12px 6px;
}
.course_expiration_timer_block .row_timer_block .col_time .wrapper_num {
  position: relative;
  overflow: hidden;
  width: 100%;
  line-height: 111.111%;
  height: 20px;
}
.course_expiration_timer_block .row_timer_block .col_time .num {
  color: #17171A;
  text-align: center;
  font-feature-settings: "ss03" on, "ss04" on, "ss05" on;
  font-family: "Articulat CF", serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 111.111%;
  letter-spacing: -0.18px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.course_expiration_timer_block .row_timer_block .col_time .num picture {
  height: 100%;
}
.course_expiration_timer_block .row_timer_block .col_time .num picture .icon_loader_clock {
  max-width: 100%;
  max-height: 100%;
  animation: rotate 3s linear infinite;
}
.course_expiration_timer_block .row_timer_block .col_time .signature {
  color: #505259;
  text-align: center;
  font-feature-settings: "ss03" on;
  font-family: Mariupol, serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 133.333%;
}
.course_expiration_timer_block .row_timer_block .col_time .signature.--abbreviated {
  display: none;
}



.banner-course-card{padding:0 180px}.banner-course-card .banner-course-card-container{position:relative}.banner-course-card .link-banner-course-card:hover .img-box-banner-course-card img{box-shadow:6px 6px 0 0 #17181a}.banner-course-card .img-box-banner-course-card{width:100%;border-radius:16px}.banner-course-card .img-box-banner-course-card img{width:100%;height:auto;border-radius:16px;box-shadow:0px 0px 0px 0px #17181a;transition:all .3s linear}@media all and (max-width: 1919px)and (min-width: 1025px){.banner-course-card{padding:0 80px}}@media all and (max-width: 1024px){.banner-course-card{padding:0 20px}}@media all and (max-width: 768px){.banner-course-card .link-banner-course-card:hover .img-box-banner-course-card img{box-shadow:0 0 0 0 #17181a}.banner-course-card .link-banner-course-card:active .img-box-banner-course-card img{box-shadow:6px 6px 0 0 #17181a}}