@font-face {
font-family: 'Almarai';
src: url(//new2.cyberx.world/wp-content/themes/cyberx/fonts/Almarai-Regular.woff2) format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Almarai';
src: url(//new2.cyberx.world/wp-content/themes/cyberx/fonts/Almarai-Bold.woff2) format('woff2');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Almarai';
src: url(//new2.cyberx.world/wp-content/themes/cyberx/fonts/Almarai-ExtraBold.woff2) format('woff2');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Almarai';
src: url(//new2.cyberx.world/wp-content/themes/cyberx/fonts/Almarai-Light.woff2) format('woff2');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Primus';
src: url(//new2.cyberx.world/wp-content/themes/cyberx/fonts/Primus-BoldItalic.woff2) format('woff2');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Primus';
src: url(//new2.cyberx.world/wp-content/themes/cyberx/fonts/Primus-SemiBoldItalic.woff2) format('woff2');
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Primus';
src: url(//new2.cyberx.world/wp-content/themes/cyberx/fonts/Primus-LightItalic.woff2) format('woff2');
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Primus';
src: url(//new2.cyberx.world/wp-content/themes/cyberx/fonts/Primus-Light.woff2) format('woff2');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Primus';
src: url(//new2.cyberx.world/wp-content/themes/cyberx/fonts/Primus-Regular.woff2) format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Primus';
src: url(//new2.cyberx.world/wp-content/themes/cyberx/fonts/Primus-SemiBold.woff2) format('woff2');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Primus';
src: url(//new2.cyberx.world/wp-content/themes/cyberx/fonts/Primus-RegularItalic.woff2) format('woff2');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Primus';
src: url(//new2.cyberx.world/wp-content/themes/cyberx/fonts/Primus-Bold.woff2) format('woff2');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'GE Flow';
src: url(//new2.cyberx.world/wp-content/themes/cyberx/fonts/GEFlow.eot);
src: url(//new2.cyberx.world/wp-content/themes/cyberx/fonts/GEFlow.eot?#iefix) format('embedded-opentype'),
url(//new2.cyberx.world/wp-content/themes/cyberx/fonts/GEFlow.woff2) format('woff2'),
url(//new2.cyberx.world/wp-content/themes/cyberx/fonts/GEFlow.woff) format('woff'),
url(//new2.cyberx.world/wp-content/themes/cyberx/fonts/GEFlow.ttf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'GE Flow';
src: url(//new2.cyberx.world/wp-content/themes/cyberx/fonts/GEFlow_1.eot);
src: url(//new2.cyberx.world/wp-content/themes/cyberx/fonts/GEFlow_1.eot?#iefix) format('embedded-opentype'),
url(//new2.cyberx.world/wp-content/themes/cyberx/fonts/GEFlow_1.woff2) format('woff2'),
url(//new2.cyberx.world/wp-content/themes/cyberx/fonts/GEFlow_1.woff) format('woff'),
url(//new2.cyberx.world/wp-content/themes/cyberx/fonts/GEFlow_1.ttf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'GE Flow';
src: url(//new2.cyberx.world/wp-content/themes/cyberx/fonts/GEFlow-Bold.eot);
src: url(//new2.cyberx.world/wp-content/themes/cyberx/fonts/GEFlow-Bold.eot?#iefix) format('embedded-opentype'),
url(//new2.cyberx.world/wp-content/themes/cyberx/fonts/GEFlow-Bold.woff2) format('woff2'),
url(//new2.cyberx.world/wp-content/themes/cyberx/fonts/GEFlow-Bold.woff) format('woff'),
url(//new2.cyberx.world/wp-content/themes/cyberx/fonts/GEFlow-Bold.ttf) format('truetype');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'GE Flow';
src: url(//new2.cyberx.world/wp-content/themes/cyberx/fonts/GEFlow-Italic.eot);
src: url(//new2.cyberx.world/wp-content/themes/cyberx/fonts/GEFlow-Italic.eot?#iefix) format('embedded-opentype'),
url(//new2.cyberx.world/wp-content/themes/cyberx/fonts/GEFlow-Italic.woff2) format('woff2'),
url(//new2.cyberx.world/wp-content/themes/cyberx/fonts/GEFlow-Italic.woff) format('woff'),
url(//new2.cyberx.world/wp-content/themes/cyberx/fonts/GEFlow-Italic.ttf) format('truetype');
font-weight: normal;
font-style: italic;
font-display: swap;
}
html,body {
margin: 0;
padding: 0;
font-family: 'Almarai';
font-size: 10px;
box-sizing: border-box;
}
* {
margin: 0;
padding: 0;  
box-sizing: border-box;
}
.wrapper {
width: 1280px;
margin: 0 auto;
}
header {
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 16px;
z-index: 999;
}
header > .wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
#main_menu {
padding: 15px 28px;
background: #fff;
border-radius: 22px;
box-shadow: 2px 14px 11px -5px #e3d5f2;
}
#main_menu > ul {
list-style: none;
display: flex;
align-items: center;
}
#main_menu > ul > li {
margin-right: 33px;
}
#main_menu > ul > li:last-child {
margin-right: 0px;
}
#main_menu > ul > li.menu-item-has-children {
position: relative;
}
#main_menu > ul > li.menu-item-has-children > a:after {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/arrow_menu.svg) no-repeat;
width: 11px;
height: 6px;
display: block;
margin-left: 8px;
transition: 0.5s;
}
#main_menu > ul > li > a {
font-size: 1.8rem;
font-weight: 700;
color: #0B1E3E;
display: flex;
align-items: center;
text-decoration: none;
transition: 0.5s;
opacity: 0.8;
}
#main_menu > ul > li.menu-item-has-children > ul > li.current-menu-item > a,
#main_menu > ul > li.current-menu-item > a,
#main_menu > ul > li > a:hover {
color: #671DB4;
opacity: 1;
}
#hero {
padding-top: 100px;
min-height: 742px;
background-size: cover;
background-position: 0 top;
position: relative;
overflow: hidden;
}
#main_menu > ul > li.menu-item-has-children > ul {
list-style: none;
box-shadow: 0px 2px 8px 0px rgb(124 34 217 / 20%);
border-radius: 22px;
position: absolute;
top: 48px;
background: #fff;
left: -31px;
min-width: 187px;
text-align: center;
opacity: 0;
visibility: hidden;
transition: 0.5s;
}
#main_menu > ul > li.menu-item-has-children > ul > li > a {
color: #0B1E3E;
padding: 14px 10px;
display: block;
text-decoration: none;
font-weight: bold;
font-size: 1.6rem;
border-bottom: 1px solid #f4f4f4;
margin: 0 10px;
transition: 0.5s;
opacity: 0.8;
}
#main_menu > ul > li.menu-item-has-children > ul > li > a:hover {
color: #671DB4;
opacity: 1;
}
#main_menu > ul > li.menu-item-has-children:hover > ul {
opacity: 1;
visibility: visible;
}
#main_menu > ul > li.menu-item-has-children:hover > a:after {
transform: rotate(180deg);
}
#hero > .wrapper {
position: absolute;
left: 0;
right: 0;
margin: auto;
width: 1280px;
}
#hero:before {
content: " ";
background: linear-gradient(270deg, rgba(242, 242, 242, 0) 0%, #F2F2F2 50%);
height: 747px;
width: 65%;
position: absolute;
left: 0;
top: 0;
bottom: 0;
z-index: 9;
background-size: cover;
}
#hero iframe {
position: absolute;
right: -20%;
width: 100%;
height: 710px;
}
.active_lang {
border: 1px solid #671DB4;
padding: 10px 15px;
border-radius: 22px;
display: flex;
align-items: center;
cursor: pointer;
font-weight: 700;
font-size: 16px;
color: #671DB4;
transition: 0.5s;
}
.active_lang:hover {
background: rgb(220 207 251 / 50%);
}
.active_lang:before {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/lang_ico.svg) no-repeat;
width: 20px;
height: 21px;
margin-right: 7px;
transition: 0.5s;
}
.active_lang:after {
content: " ";
margin-left: 7px;
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/lang_arrow.svg) no-repeat;
width: 11px;
height: 7px;
position: relative;
top: 1px;
transition: 0.5s;
}
#right_header {
display: flex;
align-items: center;
}
.login_link a {
background: linear-gradient(180deg, #671DB4 0%, #7F23DF 100%);
padding: 9px 22px;
border-radius: 22px;
color: #fff;
font-weight: bold;
text-decoration: none;
font-size: 18px;
margin-left: 16px;
display: flex;
align-items: center;
transition: 0.5s;
box-shadow: 0px 4px 10px -4px #7C22D9;
}
.login_link a:hover {
box-shadow: none;
}
.login_link a:before {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/key.svg) no-repeat;
width: 17px;
height: 17px;
display: block;
margin-right: 10px;
}
.language_swicher.active .list_lang {
opacity: 1;
visibility: visible;
}
.active_lang.active {
background: #671DB4;
color: #fff
}
.active_lang.active:before {
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/active_left.svg) no-repeat;
}
.active_lang.active:after {
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/active_right.svg) no-repeat;
}
#hero_description {
display: flex;
flex-direction: column;
padding-top: 120px;
width: fit-content;
position: relative;
z-index: 99;
}
#hero_description h1 {
font-size: 5.8rem;
font-family: 'Primus';
font-weight: bold;
color: #191919;
line-height: 1.3;
margin-bottom: 20px;
}
.form_block_wrap textarea{
font-family: 'Almarai';
}
.listing__show + a,
.listing_subgroup > a:first-child{
order: -2
}
.listing_subgroup a.active{
order: -1;
}
.language_swicher {
position: relative;
}
.language_swicher .list_lang {
list-style: none;
box-shadow: 0px 2px 8px 0px rgb(124 34 217 / 20%);
border-radius: 22px;
position: absolute;
top: 48px;
background: #fff;
left: -9px;
min-width: 120px;
text-align: center;
opacity: 1;
visibility: visible;
transition: 0.5s;
top: 57px;
opacity: 0;
visibility: hidden;
}
.language_swicher .list_lang > ul {
list-style: none;
}
.language_swicher .list_lang > ul > li > a {
font-size: 1.8rem;
font-weight: 700;
color: #191919;
text-decoration: none;
padding: 14px 10px;
display: block;
border-bottom: 1px solid #f4f4f4;
margin: 0 10px;
transition: 0.5s;
opacity: 0.8;
justify-content: center;
display: flex;
align-items: center;
}
.language_swicher .list_lang > ul > li > a:hover {
color: #671DB4;
opacity: 1;
}
.language_swicher .list_lang > ul > li.current-lang > a:before {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/active_lang.svg) no-repeat;
width: 17px;
height: 12px;
display: block;
margin-left: -10px;
margin-right: 10px;
}
#hero_description h1 span {
color: #671db4;
}
#hero_description p {
max-width: 510px;
font-size: 22px;
line-height: 1.1;
margin-bottom: 40px;
font-weight: 300;
}
.button {
background: linear-gradient(180deg, #671DB4 0%, #7F23DF 100%);
width: fit-content;
padding: 8px 26px;
font-weight: bold;
font-size: 2rem;
color: #fff;
text-decoration: none;
border-radius: 22px;
box-shadow: 0px 4px 10px -4px #7C22D9;
max-height: 46px;
transition: 0.5s;
position: relative;
overflow: hidden;
}
.button:before {
content: " ";
background: #671DB4;
position: absolute;
width: 100%;
height: 100%;
left: 0;
border-radius: 10px;
opacity: 0;
visibility: hidden;
transition: 0.5s;
}
.button span {
position: relative;
z-index: 2;
}
.button:hover {
box-shadow: 0px 0px 20px -5px #7C22D9;
}
.button:hover:before {
opacity: 1;
visibility: visible;
}
.button.button_arrow:after {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/button_arrow.svg) no-repeat;
width: 19px;
height: 16px;
display: block;
margin-left: 14px;
position: relative;
z-index: 2;
right: 0;
transition: 0.5s;
}
.button.button_arrow {
padding-right: 45px;
display: flex;
align-items: center;
}
.button.button_arrow:hover:after {
right: -5px
}
#numbers {
padding: 15px 28px;
background: #fff;
border-radius: 22px;
box-shadow: 2px 14px 11px -5px #e3d5f2;
margin: 0 auto;
max-width: 1000px;
margin-top: -60px;
margin-bottom: -75px;
position: relative;
z-index: 99;
}
.numbers_block {
display: flex;
justify-content: space-between;
}
.number_ico {
background: linear-gradient(180deg, #671DB4 0%, #A452FA 100%);
box-shadow: 0px 8px 12px 0px rgb(127 35 222 / 25%);
width: 72px;
height: 72px;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
margin-bottom: 10px;
margin-top: -51px;
}
.number_description {
font-size: 1.6rem;
color: #191919;
font-weight: bold;
max-width: 200px;
margin-left: auto;
margin-right: auto;
text-align: center;
line-height: 1.2;
}
.numbers_block > .number_block {
width: 25%;
position: relative;
}
.numbers_block > .number_block:after {
content: " ";
height: 110px;
width: 1px;
display: block;
background: #671DB4;
bottom: 0;
position: absolute;
right: 0;
min-width: 1px;
opacity: 0.3;
}
.number_main_block {
text-align: center;
margin-bottom: 6px;
}
.numbers_block > .number_block:last-child:after {
display: none;
}
#what_sets {
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/why_bg.png) no-repeat;
background-position: right 0;
padding-top: 210px;
}
#what_sets h2 {
font-family: 'Primus';
font-size: 4.6rem;
font-weight: bold;
margin-bottom: 20px;
font-weight: 600;
}
.title_str_values{
flex-wrap: wrap;
}
.title_str_values h2{
max-width: 100%;
min-width: 51%
}
.strategy_values .description_what{
margin-top: 15px
}
.strategy_values .description_what,
#what_sets .description_what {
font-size: 1.8rem;
color: #191919;
max-width: 580px;
line-height: 1.6;
width: 100%;
}
.listing_blocks_what {
margin-top: 60px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.listing_blocks_what .what_block {
box-shadow: 0px 6px 20px -11.63px rgb(22 52 80 / 47%);
padding: 30px;
width: 23%;
margin-bottom: 30px;
border-radius: 40px;
background: #fff;
}
.what_title {
font-size: 2.6rem;
color: #191919;
font-weight: 600;
line-height: 1.2;
margin-top: 10px;
opacity: 0.8;
}
.more_button_wrap {
display: flex;
justify-content: center;
margin-top: 30px;
}
.button_transparent {
border: 1px solid #7F23DF;
padding: 10px 26px;
font-size: 1.6rem;
color: #191919;
text-decoration: none;
font-weight: bold;
border-radius: 22px;
display: flex;
align-items: center;
transition: 0.5s;
}
.button_transparent:hover {
background: #6d1ebe;
color: #fff
}
.button_transparent:hover:after {
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/arrow_more_white.svg) no-repeat;  
}
.button_transparent:after {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/arrow_more.svg) no-repeat;
width: 17px;
height: 16px;
display: block;
margin-left: 14px;
transition: 0.5s;
}
#solutions {
background: linear-gradient(360deg, #FFFFFF 0%, #F8F8F8 100%);
margin-top: 80px;
margin-bottom: 140px;
padding-top: 60px;
}
.title_line {
text-align: center;
font-size: 4.6rem;
color: #191919;
text-transform: uppercase;
font-family: 'Primus';
font-weight: bold;
display: flex;
align-items: center;
margin-bottom: 70px;
font-weight: 600;
justify-content: center;
}
.title_line:before {
content: " ";
width: 35%;
display: block;
height: 1px;
background: linear-gradient(270deg, #FFFFFF 0%, #676767 100%);
transform: scale(-1);
}
.title_line:after {
content: " ";
width: 35%;
display: block;
height: 1px;
background: linear-gradient(270deg, #FFFFFF 0%, #676767 100%);
}
.title_line span {
white-space: nowrap;
margin: 0 40px;
}
.solution_block {
display: flex;
}
.solution_tabs_links {
width: 20%;
}
.solution_tabs_links ul {
list-style: none;
}
.solution_tabs_links ul li {
background: linear-gradient(90deg, rgba(103, 103, 103, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
padding: 1.5px;
border-radius: 19px 0 0 19px;
overflow: hidden;
margin-bottom: 5px;
transition: 0.5s;
}
.solution_tabs_links ul li:not(.active) img {
opacity: 0.8;
}
.solution_tabs_links ul li a {
display: block;
background: #fff;
border-radius: 16px 0 0 16px;
overflow: hidden;
padding: 20px;
padding-bottom: 14px;
margin-left: 1.5px;
}
.solution_tabs_content {
width: 80%;
}
.solution_tabs_links ul li.active {
background: linear-gradient(90deg, #671DB4 0%, #FFFFFF 100%);
box-shadow: -5px 5px 10px -6px rgb(127 35 223 / 41%);
margin-left: -20px;
}
.solution_tabs_content {
background: linear-gradient(90deg, rgba(103, 29, 180, 0.3) 0%, rgba(255, 255, 255, 0.3) 90%);
padding: 2px;
border-radius: 20px 0 0 20px;
overflow: hidden;
}
.solution_tabs_content .tab {
background: #fff;
padding: 30px;
border-radius: 20px 0 0 20px;
overflow: hidden;
}
.tab_content_title {
font-size: 2.2rem;
color: #191919;
white-space: nowrap;
}
.tab_title_before {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.line_tab {
height: 1px;
width: 100%;
background: #191919;
display: block;
margin: 0 10px;
position: relative;
top: 2px;
}
.logo_tab {
font-family: 'Primus';
font-size: 2.2rem;
}
.tab_title {
font-size: 3.2rem;
color: #671DB4;
font-weight: bold;
font-family: 'Primus';
margin-bottom: 18px;
}
.tab_description {
font-size: 16px;
color: #191919;
line-height: 1.3;
}
.tab_description:after {
content: " ";
background: linear-gradient(270deg, rgba(220, 207, 251, 0) 0%, #DCCFFB 100%);
height: 1px;
width: 100%;
display: block;
margin-top: 24px;
}
.tab_blocks_icons {
margin-top: 22px;
}
.tab_blocks_icons ul {
list-style: none;
display: flex;
flex-wrap: wrap;
max-width: 630px;
}
.tab_blocks_icons ul li {
width: 49%;
display: flex;
align-items: center;
margin-bottom: 19px;
}
.ico_tab {
display: flex;
align-items: center;
font-size: 1.6rem;
color: #020E1F;
width: 49px;
}
.ico_tab img {
margin-right: 15px;
}
.tab_blocks_icons ul li span {
font-size: 1.6rem;
color: #020E1F;
line-height: 1.3;
}
.tab_blocks_icons:after {
content: " ";
background: linear-gradient(270deg, rgba(220, 207, 251, 0) 0%, #DCCFFB 100%);
height: 1px;
width: 100%;
display: block;
margin-top: 0px;
}
.bottom_description_wrap {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 23px;
}
.left_description {
font-size: 1.6rem;
color: #020E1F;
line-height: 1.3;
max-width: 542px;
}
.solution_tabs_content > .tab {
display: none;
}
.solution_tabs_content > .tab.active {
display: block;
height: 100%
}
.img_slide img {
width: 100%;
max-width: 640px;
height: 427px;
object-fit: cover;
border-radius: 22px;
display: block;
transition: 0.5s;
}
.wrap_slide:hover .img_slide img {
opacity: 0.8;
}
#slider_resources .swiper-slide {
width: 640px;
transition: width 0.5s;
}
#slider_resources .swiper-slide.swiper-slide-visible {
width: 342px;
transition: width 0.5s;
}
#slider_resources .swiper-slide.swiper-slide-fully-visible.swiper-slide-active {
width: 640px;
}
.wrap_slide {
position: relative;
border-radius: 22px;
overflow: hidden;
}
.description_slide {
position: absolute;
bottom: 0px;
width: 99.9%;
padding: 0 20px;
background: linear-gradient(180deg, rgba(55, 69, 93, 0.05) 0%, rgba(11, 30, 62, 0.6) 100%);
border-radius: 0 0 22px 22px;
z-index: 2;
backdrop-filter: blur(8px);
padding-top: 11px;
overflow: hidden;
padding-bottom: 4px;
}
.description_slide a {
font-size: 2.2rem;
color: #fff;
text-decoration: none;
font-weight: bold;
margin-bottom: 7px;
display: block;
line-height: 1.3;
overflow-wrap: anywhere;
}
.text_slide {
font-size: 14px;
color: #fff;
}
.read_more_slide {
position: absolute;
top: 18px;
right: 15px;
display: flex;
align-items: center;
}
.read_more_slide a {
text-decoration: none;
display: flex;
align-items: center;
}
.read_more_slide a span {
color: rgb(255 255 255 / 70%);
text-decoration: none;
font-size: 1.4rem;
margin-right: 8px;
}
.button_more_slide {
border: 1px solid rgb(255 255 255 / 50%);
width: 38px;
height: 38px;
background: rgb(255 255 255 / 25%);
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
}
.button_more_slide:after {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/arrow_slider.svg) no-repeat;
width: 14px;
height: 14px;
display: block;
}
#slider_resources .swiper-slide.swiper-slide-prev {
}
#resources {
overflow: hidden;
margin-bottom: 120px;
}
.autoplay-progress {
background: rgb(242 242 242 / 30%);
height: 4px;
width: 100%;
margin-bottom: 12px;
margin-top: 15px;
border-radius: 110px;
}
.progress-bar {
height: 100%;
width: 0%;
background: white;
animation: progressAnimation 4s linear infinite;
}
@keyframes progressAnimation {
0%   { width: 0%; }
100% { width: 100%; }
}
#slider_resources .swiper-slide:not(.swiper-slide-active) .read_more_slide a span {
opacity: 0;
display: none;
}
#slider_resources .swiper-slide:not(.swiper-slide-active) .description_slide {
backdrop-filter: blur(0px);
}
#slider_resources .swiper-slide:not(.swiper-slide-active) .text_slide {
display: none;
}
#slider_resources .swiper-slide:not(.swiper-slide-active) .autoplay-progress {
display: none;
}
.bottom_description_wrap.description_other_block {
margin-top: 40px;
padding-bottom: 40px;
position: relative;
}
.bottom_description_wrap.description_other_block:after {
content: " ";
background: linear-gradient(90deg, #FFFFFF 0%, #676767 50%, #FFFFFF 100%);
height: 1px;
width: 100%;
display: block;
margin-top: 0px;
position: absolute;
bottom: 0;
}
#cta {
background: #f9f9f9 url(//new2.cyberx.world/wp-content/themes/cyberx/img/cta_bg.png) no-repeat;
background-size: cover;
width: 1280px;
margin: 0 auto;
text-align: center;
padding-top: 60px;
margin-bottom: 170px;
border-radius: 36px 36px 0 0;
padding-bottom: 20px;
background-size: cover;
background-position: center;
position: relative;
overflow: hidden;
background: linear-gradient(360deg, #FFFFFF 0%, #F8F8F8 100%);
}
#cta:before {
content: " ";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
background-size: cover;
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/cta_bg.png) no-repeat;
}
.title_cta {
font-size: 3.2rem;
font-weight: bold;
line-height: 1.2;
margin-bottom: 36px;
position: relative;
}
.description_cta {
font-size: 1.6rem;
color: #191919;
max-width: 552px;
margin-left: auto;
margin-right: auto;
line-height: 1.3;
margin-bottom: 28px;
position: relative;
}
.wrap_button_cta {
display: flex;
justify-content: center;
margin-bottom: 40px;
}
.wrap_button_cta .button.button_arrow {
padding-right: 26px;
}
.list_block_campaings {
display: flex;
justify-content: space-between;
}
.block_post {
border: 1px solid #F2F2F2;
border-radius: 22px;
overflow: hidden;
width: 32%;
}
.img_post {
position: relative;
transition: 0.5s;
}
.img_post:hover {
opacity: 0.8;
}
.img_post a {
text-decoration: none;
}
.img_post a img {
border-radius: 20px;
width: 100%;
object-fit: cover;
height: 304px;
display: block;
}
.title_post {
font-size: 2.2rem;
color: #191919;
text-decoration: none;
font-weight: bold;
line-height: 1.2;
transition: 0.5s;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.title_post:hover {
color: #671DB4;
}
.description_post {
padding: 14px 20px;
}
.text_post {
margin-top: 10px;
font-size: 1.4rem;
color: #191919;
line-height: 1.2;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 20px;
}
.date_post {
position: absolute;
bottom: 19px;
font-size: 1.4rem;
color: #fff;
font-family: 'Primus';
left: 28px;
z-index: 2;
}
.button_more_post a {
font-size: 1.6rem;
color: #671DB4;
font-weight: 700;
text-decoration: none;
display: flex;
align-items: center;
}
.button_more_post a:after {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/more_arrow.svg) no-repeat;
width: 17px;
height: 16px;
display: block;
margin-left: 11px;
transition: 0.5s;
position: relative;
left:0;
}
.button_more_post a:hover:after {
left: 10px;
} 
.top_description {
min-height: 90px;
}
.bottom_description_wrap.description_other_block .left_description {
color: rgb(25 25 25 / 70%);
}
#campaings {
margin-bottom: 120px;
}
.testimonial_wrap {
display: flex;
justify-content: space-between;
}
.text_testimonial {
max-width: 500px;
width: 40%;
}
.text_testimonial h2 {
text-align: center;
font-size: 4.6rem;
color: #191919;
font-family: 'Primus';
font-weight: bold;
display: flex;
align-items: center;
margin-bottom: 27px;
font-weight: 500;
}
.text_testimonial h3 {
color: #7F23DF;
font-size: 2.2rem;
font-weight: bold;
margin-bottom: 27px;
}
.text_testimonial p {
color: #191919;
font-size: 1.8rem;
max-width: 500px;
line-height: 1.2;
}
.text_testimonial a {
margin-top: 74px;
width: fit-content;
}
.slider_testimonial {
width: 47%;
display: flex;
justify-content: space-between;
}
#slider_testimonail {
height: 301px;
overflow: hidden;
}
.top_info_review {
display: flex;
align-items: center;
}
.img_review {
margin-right: 30px;
}
.title_review {
font-size: 2.2rem;
color: #191919;
font-weight: 700;
margin-bottom: 13px;
text-align: left;
}
.job_title_review {
font-size: 1.8rem;
color: #7F23DF;
font-weight: 700;
margin-bottom: 13px;
}
.full_description_review {
font-size: 1.8rem;
color: #191919;
line-height: 1.2;
border-top: 1px solid #DCCFFB;
margin-top: 27px;
padding-top: 20px;
max-width: 390px;
}
#trumbs_testimonial {
height: 223px;
position: relative;
padding-left: 80px;
overflow: hidden;
margin-left: 60px;
min-width: 160px;
}
#trumbs_testimonial:before {
content: "";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/line_testimonial.svg) no-repeat;
width: 45px;
height: 209px;
display: block;
position: absolute;
left: 0;
top: 0;
}
#trumbs_testimonial img {
width: 58px;
height: 58px;
display: block;
border: 2px solid transparent;
transition: 0.5s;
border-radius: 100px;
cursor: pointer;
font-weight: 500;
}
#trumbs_testimonial .swiper-slide-thumb-active img {
border: 2px solid #7F23DF;
}
#trumbs_testimonial .swiper-slide:before {
content: " ";
width: 13px;
height: 13px;
border-radius: 100px;
display: block;
position: absolute;
left: -44px;
top: 22px;
border: 1px solid #7F23DF;
background: #fff;
opacity: 0;
}
.line_built {
position: relative;
}
.line_built span:first-child {
width: 13px;
height: 13px;
border-radius: 100px;
display: block;
position: absolute;
left: -55px;
top: 41px;
border: 1px solid #7F23DF;
background: #fff;
display: block;
}
.line_built span:nth-child(2) {
width: 13px;
height: 13px;
border-radius: 100px;
display: block;
position: absolute;
left: -43px;
top: 101px;
border: 1px solid #7F23DF;
background: #fff;
display: block;
}
.line_built span:last-child {
width: 13px;
height: 13px;
border-radius: 100px;
display: block;
position: absolute;
left: -57px;
top: 162px;
border: 1px solid #7F23DF;
background: #fff;
display: block;
}
#trumbs_testimonial .swiper-slide.swiper-slide-active:before {
left: -56px;
top: 40px;
}
#trumbs_testimonial .swiper-slide.swiper-slide-next:before {
left: -43px;
top: 24px;
}
#trumbs_testimonial .swiper-slide.swiper-slide-next ~ .swiper-slide:before {
left: -58px;
top: 6px;
}
.line_built span.active {
background: #7F23DF;
}
#form:before {
content: " ";
width: 100%;
height: 1px;
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #676767 50%, rgba(255, 255, 255, 0) 100%);
display: block;
margin-bottom: 50px;  
}
#form {
margin-top: 120px;
}
.title_form {
font-size: 4.6rem;
color: #191919;
text-align: center;
font-family: 'Primus';
text-transform: uppercase;
margin-bottom: 20px;
font-weight: 500;
}
.description_form {
text-align: center;
font-size: 2rem;
color: #191919;
margin-bottom: 51px;
}
.form_block {
display: flex;
justify-content: center;
}
.form_block input[type="text"], .form_block input[type="tel"], .form_block input[type="email"] {
border: 1px solid #DCCFFB;
border-radius: 100px;
padding: 16px 18px;
margin-right: 20px;
max-height: 50px;
min-width: 274px;
font-size: 1.6rem;
border-radius: 22px;
max-width: 274px;
}
.wpcf7-not-valid-tip {
display: none !important;
}
input {
outline: none;
}
.form_block input.wpcf7-not-valid {
border: 1px solid red
}
.wpcf7-response-output {
display: none!important;
}
.form_block .button.button_arrow {
padding-right: 26px;
border: none;
cursor: pointer;
}
footer {
margin-top: 100px;
background: #F8F8F8;
padding-top: 34px;
}
#footer_top > .wrapper {
display: flex;
justify-content: space-between;
}
.footer_text {
font-size: 1.4rem;
color: #191919;
max-width: 203px;
opacity: 0.7;
margin-top: 30px;
line-height: 1.3;
}
.footer_column {
padding-left: 65px;
border-left: 1px solid rgb(127 35 223 / 30%);
}
.title_footer_column {
font-weight: bold;
color: #7F23DF;
font-size: 1.8rem;
margin-bottom: 20px;
}
.menu_block_footer ul {
list-style: none;
}
.menu_block_footer ul li {
margin-bottom: 12px;
}
.menu_block_footer ul li a {
color: #191919;
font-size: 1.6rem;
text-decoration: none;
display: flex;
align-items: center;
transition: 0.5s;
}
.menu_block_footer ul li a:hover {
color: #671DB4;
}
#footer_top > .wrapper > .footer_column:first-child {
border: none;
padding: 0;
}
#footer_top > .wrapper > .footer_column:last-child {
padding-left: 80px;
}
#footer_top > .wrapper > .footer_column:nth-child(2) ul li a:before {
content: " ";
background: #E0D4FD;
width: 7px;
height: 7px;
min-width: 7px;
display: block;
border-radius: 100px;
margin-right: 7px;
}
.footer_mail {
font-size: 1.6rem;
color: #191919;
text-decoration: none;
transition: 0.5s;
}
.footer_mail:hover {
color:#671DB4;
}
.form_subscribe {
margin-top: 28px;
}
.title_subscribe {
font-weight: 700;
font-size: 1.8rem;
color: #7F23DF;
margin-bottom: 20px;
}
.sub_form {
position: relative;
min-width: 310px;
}
.sub_form input {
border: 1px solid #DCCFFB;
padding: 16px 18px;
border-radius: 12px;
font-size: 1.6rem;
color: rgb(25 25 25 / 60%);
width: 100%;
min-height: 52px;
}
.sub_form button {
font-size: 0;
width: 62px;
height: 46px;
background: #7F23DF;
border: none;
border-radius: 12px;
position: absolute;
right: 3px;
top: 3px;
cursor: pointer;
border: none;
display: flex;
align-items: center;
justify-content: center;
transition: 0.5s;
}
.sub_form button:hover {
background: #000;
}
.sub_form button:after {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/sub_button.svg) no-repeat;
width: 22px;
height: 22px;
display: block;
}
.social_footer {
margin-top: 17px;
display: flex;
justify-content: space-between;
max-width: 296px;
}
.social_footer a {
text-decoration: none;
}
.social_footer a svg path {
transition: 0.5s;
}
.social_footer a:hover svg path {
fill: #671DB4
}
#footer_bottom {
background: #EBEBEB;
border-top: 1px solid rgb(127 35 223 / 30%);
margin-top: 42px;
padding: 12px 0;
}
#footer_bottom .footer_bottom_wrap {
display: flex;
justify-content: space-between;
align-items: center;
}
.copy {
font-size: 1.4rem;
color: #191919;
}
.links_footer a {
font-size: 1.4rem;
color: #191919;
text-decoration: none;
margin-left: 15px;
transition: 0.5s;
}
.links_footer a:hover {
color: #671DB4
}
#slider_resources:after {
content: " ";
position: absolute;
right: 0;
top: 124px;
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/bg_slider.svg) no-repeat;
width: 120px;
height: 431px;
z-index: 99;
background-size: cover;
}
#resources {
position: relative;
}
#slider_resources:before {
content: " ";
position: absolute;
right: auto;
left:0;
top: 124px;
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/bg_slider.svg) no-repeat;
width: 120px;
height: 431px;
z-index: 99;
transform: scaleX(-1);
background-size: cover;
}
#mobile_menu_toggle {
display: none;
}
.stars_review {
display: flex;
}
.star {
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/star.svg) no-repeat;
width: 24px;
height: 23px;
display: block;
margin-right: 2px;
}
.star.star_half {
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/star_half.svg) no-repeat;
background-size: 30px;
position: relative;
top: -1.5px;
width: 29px;
}
.star.star_empty {
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/star_empty.svg) no-repeat;
background-size: 30px;
position: relative;
top: -1.5px;
width: 29px;
height: 25px;
}
#hero_page {
padding-top: 100px;
}
.breadcrumbs a {
font-size: 1.6rem;
color: #191919;
text-decoration: none;
display: flex;
align-items: center;
}
.breadcrumbs a span {
font-weight: 400;
}
.breadcrumbs span {
font-size: 1.6rem;
color: #191919;
font-weight: bold;
}
.breadcrumbs span.sep {
margin: 0 10px;
font-weight: 400;
}
.wrap_page_hero {
padding-top: 55px;
display: flex;
justify-content: space-between;
max-width: 1040px;
margin: 0 auto;
align-items: center;
}
.description_hero_page h1 {
font-family: 'Primus';
font-size: 5.8rem;
font-weight: bold;
line-height: 1.2;
}
.description_hero_page p {
font-size: 2.2rem;
color: #191919;
line-height: 27px;
margin-top: 20px;
font-weight: 300;
}
.breadcrumbs span:first-child a:before {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/home_ico.svg) no-repeat;
width: 12px;
height: 12px;
display: block;
margin-right: 10px;
position: relative;
top: -1px;
}
.breadcrumbs {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.description_hero_page h1 span {
color: #671db4;
}
.description_hero_page {
max-width: 510px;
}
.form_block_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 1040px;
margin: 0 auto;
}
.form_block_wrap input[type="text"], .form_block_wrap input[type="tel"], .form_block_wrap input[type="email"] {
border: 1px solid #DCCFFB;
border-radius: 100px;
padding: 16px 18px;
margin-right: 20px;
max-height: 50px;
font-size: 1.6rem;
border-radius: 22px;
width: 100%;
}
.form_block_wrap textarea {
width: 100%;
margin-top: 26px;
border: 1px solid #DCCFFB;
border-radius: 22px;
padding: 18px;
min-height: 132px;
outline: none;
resize: none;
font-size: 1.6rem;
transition: 0.5s;
width: 100%;
}
.form_block_wrap .wpcf7-form-control-wrap {
position: relative;
width: 31%;
}
button {
cursor: pointer;
}
.form_block_wrap input.wpcf7-not-valid {
border: 1px solid red;
}
.form_block_wrap .wpcf7-form-control-wrap[data-name="message"] {
width: 100%
}
.form_block_wrap textarea:focus {
border: 1px solid #7F23DF;
}
.form_block_wrap textarea::placeholder {
font-size: 1.6rem;
}
.form_buttons_wrap {
width: 100%;
margin-top: 26px;
display: flex;
align-items: center;
justify-content: space-between;
}
.description_form_contact {
font-size: 1.2rem;
color: #191919;
opacity: 0.6;
width: 60%;
line-height: 1.2;
}
.button_form_contact {
width: 32%;
}
.button_form_contact .button.button_arrow {
padding-right: 45px;
display: flex;
align-items: center;
padding-right: 26px;
width: 100%;
justify-content: center;
border: none;
min-height: 46px;
}
.main_block_social_media {
padding-top: 50px;
background: linear-gradient(360deg, #FFFFFF 0%, #F8F8F8 100%);
padding-bottom: 30px;
border-radius: 36px 36px 0 0;
position: relative;
overflow: hidden;
}
.main_block_social_media:before {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/bg_social.png);
position: absolute;
width: 100%;
height: 100%;
background-size: cover;
}
.social_media_line {
position: relative;
}
#social_media {
margin-top: 100px;
}
#social_media h2 {
text-align: center;
color: #191919;
font-size: 4.6rem;
font-family: 'Primus';
text-transform: uppercase;
font-weight: 600;
margin-bottom: 30px;
}
.block_center_social_media {
border-bottom: 1px solid #DCCFFB;
max-width: 800px;
margin: 0 auto;
position: relative;
}
.img_ico {
width: 46px;
height: 46px;
background: #671DB4;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
margin-bottom: -23px;
position: relative;
z-index: 2;
}
.block_center_social_media:after {
content: " ";
width: 260px;
height: 3px;
position: absolute;
background: #671DB4;
top: 22px;
border-radius: 100px;
left: 0;
right: 0;
margin: auto;
}
.block_listing_social {
display: flex;
justify-content: space-between;
max-width: 1190px;
margin: 0 auto;
margin-top: 50px;
text-align: center;
}
.block_listing_social a {
text-decoration: none;
}
.title_social {
font-size: 1.8rem;
color: #191919;
transition: 0.5s;
}
.block_listing_social a:hover .title_social {
color: #671DB4;
}
.form_block_wrap input[type="email"] {
margin-right: 0;
}
#hero_page.resources_page .wrap_page_hero {
flex-direction: row-reverse;
}
.listing_category_resources {
display: flex;
align-items: center;
justify-content: center;
margin-top: 82px;
margin-bottom: 20px;
flex-wrap: wrap
}
.listing_category_resources > div {
margin-right: 14px;
margin-bottom: 10px
}
.listing_category_resources > div:last-child {
margin-right: 0;
}
.listing_category_resources > div a {
background: #F4F4F4;
display: flex;
align-items: center;
padding: 19px 35px;
border-radius: 14px;
text-decoration: none;
transition: 0.5s;
}
.listing_category_resources > div a:hover {
background: #DCCFFB;
}
.listing_category_resources > div a img {
max-width: 100%;
display: block;
min-width: 18px;
}
.listing_category_resources > div a span {
margin-left: 16px;
font-size: 2.2rem;
color: #191919;
font-weight: bold;
white-space: nowrap;
}
.listing_subgroup {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
transition: max-height .2s ease
}
.listing_subgroup > a {
border: 1px solid #671DB4;
background: #DCCFFB;
padding: 7px 16px;
border-radius: 16px;
font-size: 1.6rem;
color: #671DB4;
text-decoration: none;
font-weight: bold;
margin-right: 18px;
transition: 0.5s;
margin-bottom: 10px;
}
.listing_subgroup > a:hover {
background: #fff;
color: #191919;
} .button_subgroup {
display: none;
}
.button_category {
display: none;
}
#recent_article {
margin-top: 60px;
overflow: hidden;
position: relative;
}
.title_wrap {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 40px;
}
.title_wrap h2 {
font-size: 4.6rem;
font-family: 'Primus';
font-weight: 600;
}
.title_wrap .button_transparent {
color: #671DB4;
text-transform: uppercase;
}
.title_wrap .button_transparent:hover {
color: #fff
}
#recent_article:after {
content: " ";
width: 100%;
height: 1px;
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #676767 50%, rgba(255, 255, 255, 0) 100%);
display: block;
margin-top: 94px;
}
.play_video {
width: 78px;
height: 54px;
background: rgb(25 25 25 / 60%);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 12px;
transition: 0.5s;
display: flex;
align-items: center;
justify-content: center;
}
.sliders_main_block:before {
content: " ";
width: 100%;
height: 1px;
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #676767 50%, rgba(255, 255, 255, 0) 100%);
display: block;
margin-top: 94px;
margin-bottom: 60px;
}
.sliders_main_block {
overflow: hidden;
position: relative;
margin-bottom: 94px;
}
.latests_post_listing:before {
content: " ";
width: 100%;
height: 1px;
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #676767 50%, rgba(255, 255, 255, 0) 100%);
display: block;
margin-top: 94px;
margin-bottom: 60px;
}
.play_video:after {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/play_video.svg) no-repeat;
width: 21px;
height: 22px;
}
.play_video:hover {
background: #000;
}
#new_video {
margin-top: 60px;
}
#new_video:after {
content: " ";
width: 100%;
height: 1px;
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #676767 50%, rgba(255, 255, 255, 0) 100%);
display: block;
margin-top: 90px;
}
#new_video .block_post {
border: 1px solid #676767;
}
#press_coverage {
margin-top: 60px;
overflow: hidden;
position: relative;
}
#x_gen:before {
content: " ";
width: 100%;
height: 1px;
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #676767 50%, rgba(255, 255, 255, 0) 100%);
display: block;
margin-top: 90px;
margin-bottom: 60px;
}
.img_post a:after {
content: " ";
background: linear-gradient(360deg, #020E1F 0%, rgba(2, 14, 31, 0) 17.07%);
width: 100%;
height: 280px;
display: block;
bottom: 0px;
position: absolute;
border-radius: 0 0 20px 20px;
}
#x_gen .block_post {
border: 1px solid #676767;
}
#x_gen:after {
content: " ";
width: 100%;
height: 1px;
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #676767 50%, rgba(255, 255, 255, 0) 100%);
display: block;
margin-top: 90px;
}
#campaings.campaings_other_page .block_post {
border: 1px solid #676767;
}
#recent_article #slider_resources:before, #recent_article #slider_resources:after {
top: 97px
}
#press_coverage #slider_resources:before, #press_coverage #slider_resources:after {
top: 97px
}
#campaings.campaings_other_page {
padding-top: 60px;
}
#hero_page.resources_page.resources_inside h1 {
font-size: 5.8rem;
font-weight: bold;
font-family: 'Primus';
margin-top: 30px;
}
#hero_page.resources_page.resources_inside .listing_category_resources {
justify-content: flex-start;
margin-top: 30px;
}
#hero_page.resources_page.resources_inside .listing_subgroup {
justify-content: flex-start;
}
#hero_page.resources_page.resources_inside #resources_filter:after {
display: none;
}
#main_post {
display: flex;
margin-top: 70px;
align-items: center;
}
.big_post_img {
margin-right: 40px;
max-width: 620px;
position: relative;
width: 100%;
}
.big_post_img img {
border-radius: 20px;
width: 100%;
max-width: 100%;
max-height: 350px;
object-fit: cover;
}
.date_big_post {
color: #191919;
opacity: 0.6;
font-size: 1.4rem;
margin-bottom: 10px;
}
.title_big_post {
font-size: 2.2rem;
color: #191919;
text-decoration: none;
font-weight: bold;
line-height: 1.2;
margin-bottom: 10px;
display: block;
}
.description_big_post {
font-size: 18px;
color: #191919;
line-height: 1.2;
margin-bottom: 36px;
}
.author_post {
display: flex;
align-items: center;
justify-content: space-between;
}
.link_more_big_post {
width: fit-content;
margin-top: 45px;
}
.author:not(body) {
display: flex;
align-items: center;
}
.img_author {
margin-right: 10px;
}
.title_author {
font-size: 1.4rem;
color: #191919;
}
.name_author {
font-size: 1.4rem;
color: #191919;
}
.button_share {
font-size: 1.6rem;
font-weight: bold;
color: #191919;
display: flex;
align-items: center;
cursor: pointer;
transition: 0.5s;
}
.link_more_big_post .button_transparent {
text-transform: uppercase;
color: #671DB4;
}
.link_more_big_post .button_transparent:hover {
color: #fff
}
.label_post {
position: absolute;
top: 14px;
right: 14px;
background: #fff;
opacity: 0.6;
border-radius: 16px;
padding: 6px 12px;
font-size: 1.2rem;
color: #671DB4;
font-weight: bold;
}
.button_share:before {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/share.svg) no-repeat;
width: 14px;
height: 16px;
display: block;
margin-right: 10px;
position: relative;
top: -1px;
transition: 0.5s;
}
.button_share:hover {
color: #671DB4;
}
.button_share:hover:before {
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/button_share_hover.svg) no-repeat;
}
.button_share.active {
color: #671DB4;
}
.button_share.active:before {
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/button_share_hover.svg) no-repeat;
}
.share_wrap {
position: relative;
}
.share_list {
width: 160px;
position: absolute;
top: 37px;
background: #fff;
box-shadow: 0px 2px 6px 0px rgb(127 35 222 / 25%);
border-radius: 16px;
z-index: 99;
left: -37px;
right: 0;
opacity: 0;
visibility: hidden;
transition: 0.5s;
}
.share_list.active {
opacity: 1;
visibility: visible;
}
.share_list > ul {
list-style: none;
}
.share_list > ul > li > a {
display: flex;
align-items: center;
padding: 10px 16px;
text-decoration: none;
border-bottom: 1px solid rgb(25 25 25 / 10%);
}
.name_share {
font-size: 16px;
color: #191919CC;
margin-left: 10px;
transition: 0.5s;
}
.line_wrap {
content: " ";
width: 100%;
height: 1px;
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #676767 50%, rgba(255, 255, 255, 0) 100%);
display: block;
margin-top: 50px;
margin-bottom: 50px;
}
.ico_share {
position: relative;
top: 1px;
}
.ico_share svg path {
transition: 0.5s;
}
.share_list > ul > li > a:hover .ico_share svg path {
fill: #671DB4;
}
.share_list > ul > li > a .name_share:hover {
color: #671DB4;
}
.share_list:before {
content: " ";
width: 0;
height: 0;
position: absolute;
top: -10px;
left: 0;
right: 0;
width: 20px;
height: 10px;
margin: auto;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
box-shadow: 0px 2px 6px 0px rgb(127 35 222 / 25%);
background: #f3f3f3;
}
.other_posts {
display: flex;
flex-wrap: wrap;
}
.other_posts .block_post {
width: 24%;
margin-right: 1.3%;
border: 1px solid #676767;
margin-bottom: 30px;
}
.other_posts .block_post:nth-child(4n) {
margin-right: 0;
}
.other_posts .block_post .img_post a img {
height: 240px;
margin: 0;
}
.other_posts .block_post .title_post {
font-size: 2rem;
min-height: 40px;
min-height: 48px;
}
.other_posts .block_post .top_description {
min-height: 115px;
}
.pagination {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 60px;
}
.previous {
font-size: 16px;
font-weight: bold;
color: #671DB4;
background: #F8F8F8;
padding: 12px 20px;
border-radius: 12px;
display: flex;
align-items: center;
cursor: pointer;
text-decoration: none;
}
.previous.disabled {
opacity: 0.2;
pointer-events: none;
}
.previous:before {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/arrow_pagination.svg) no-repeat;
width: 17px;
height: 16px;
display: block;
margin-right: 12px;
transform: rotate(180deg);
}
.list_pagination ul {
list-style: none;
display: flex;
align-items: center;
}
.list_pagination ul li {
list-style: none;
display: flex;
align-items: center;
}
.list_pagination ul li a {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
text-decoration: none;
color: #191919;
font-weight: bold;
font-size: 1.6rem;
margin-right: 8px;
transition: 0.5s;
}
.next_pagination {
font-size: 16px;
font-weight: bold;
color: #671DB4;
background: #F8F8F8;
padding: 12px 20px;
border-radius: 12px;
display: flex;
align-items: center;
cursor: pointer;
text-decoration: none;
}
.next_pagination.disabled {
opacity: 0.2;
pointer-events: none;
}
.list_pagination ul li a.active {
background: #671DB4;
color: #fff;
}
.list_pagination ul li span {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
text-decoration: none;
color: #191919;
font-weight: bold;
font-size: 1.6rem;
margin-right: 8px;
transition: 0.5s;
background: #671DB4;
color: #fff;
}
.list_pagination ul li a:not(.active):hover {
color: #671DB4;
}
.next_pagination:after {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/arrow_pagination.svg) no-repeat;
width: 17px;
height: 16px;
display: block;
margin-left: 12px;
}
input[type="text"], input[type="tel"], input[type="email"] {
transition: 0.5s;
} 
input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus {
border: 1px solid #7F23DF;
} 
.spline-watermark {
display: none;
}
#hero:after {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/div-shadow-bottom.png) no-repeat;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 80px;
background-size: cover;
z-index: 9;
}
body.home:before {
content: " ";
background: #fff;
position: absolute;
top: 0;
left: auto;
right: 0;
width: 50%;
height: 95px;
display: block;
z-index: 9;
box-shadow: 1px 9px 18px 8px #fff;
}
.single_post .big_post_img {
margin-right: 0;
max-width: inherit;
margin-bottom: 30px;
width: 100%;
}
.single_post #main_post {
margin-top: 33px;
flex-wrap: wrap;
max-width: 920px;
margin-left: auto;
margin-right: auto;
}
.single_post .label_post {
left:14px; right: auto
}
.single_post .big_post_img img {
border-radius: 20px;
width: 100%;
max-width: 100%; max-height: none;
height: auto;
object-fit: cover;
}
#hero_page.resources_page.resources_inside.single_post h1 {
font-size: 4.2rem;
font-weight: bold;
font-family: 'Almarai';
margin-top: 0;
color: #191919;
}
.single_post .description_big_post {
font-size: 2.2rem;
color: #191919;
line-height: 1.4;
margin-bottom: 36px;
line-height: 30px;
font-weight: 300;
}
.single_post .description_big_post a {
font-weight: bold;
color: #671db4;
text-decoration: none;
transition: 0.5s;
}
.single_post .description_big_post a:hover {
color: #191919;
}
.single_post .date_big_post:before {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/time_ico.svg) no-repeat;
width: 18px;
height: 18px;
display: block;
margin-right: 10px;
position: relative;
top: -2px;
}
.single_post .date_big_post {
color: #191919;
opacity: 1;
font-size: 1.4rem;
margin-bottom: 0;
display: flex;
align-items: center;
margin-top: 20px;
}
.content_text_block {
max-width: 920px;
margin: 0 auto;
margin-top: 40px;
}
.content_text_block h2 {
font-size: 3.4rem;
color: #191919;
font-weight: bold;
line-height: 1.2;
margin-bottom: 18px;
}
.content_text_block h3 {
font-size: 2.8rem;
color: #191919;
font-weight: bold;
margin-bottom: 15px;
line-height: 1.2;
}
.content_text_block h4 {
font-size: 2.5rem;
line-height: 1.2;
}
.content_text_block p {
font-size: 2rem;
color: #191919;
line-height: 1.4;
margin-bottom: 18px;
font-weight: 300;
}
.content_text_block a {
font-weight: bold;
color: #671db4;
text-decoration: none;
transition: 0.5s;
}
.content_text_block a:hover {
color: #191919;
}
.content_text_block ul {
list-style: none;
}
.content_text_block ul li {
font-size: 2rem;
color: #191919;
line-height: 1.4;
margin-bottom: 18px;
align-items: flex-start;
font-weight: 300;
padding-left: 20px;
position: relative;
}
.content_text_block ul li:before {
content: " ";
width: 8px;
height: 8px;
display: block;
background: #671db4;
border-radius: 100px;
min-width: 8px;
position: relative;
top: 11px;
margin-right: 12px;
position: absolute;
left: 0;
top: 10px;
}
#cta.cta_newsletter {
text-align: left;
padding-bottom: 51px;
margin-top: 100px;
margin-bottom: 80px;
}
#cta.cta_newsletter .title_cta {
font-size: 4.6rem;
margin-bottom: 14px;
padding-left: 80px;
font-family: 'Primus';
font-weight: 600;
}
#cta.cta_newsletter .description_cta {
font-size: 2rem;
color: #191919;
opacity: 0.8;
padding-left: 80px;
margin-bottom: 30px;
margin-left: 0;
margin-right: auto;
line-height: 1.3;
}
#cta.cta_newsletter .sub_form {
margin-left: 80px;
max-width: 420px;
}
#similiar_articles:before {
content: " ";
width: 100%;
height: 1px;
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #676767 50%, rgba(255, 255, 255, 0) 100%);
display: block;
margin-top: 94px;
margin-bottom: 40px;
}
.img_hero_page img {
max-width: 100%;
}
.hero_solution:before {
content: " ";
background: radial-gradient(50% 50% at 50% 50%, #DBCAFE 0%, rgba(219, 202, 254, 0) 100%);
width: 740px;
height: 740px;
position: absolute;
left: -15%;
top: -24%;
background-size: cover;
}
.hero_solution:after {
content: " ";
width: 740px;
height: 740px;
position: absolute;
right: -15%;
bottom: -60%;
background-size: cover;
background: radial-gradient(50% 50% at 50% 50%, #DBCAFE 0%, rgba(219, 202, 254, 0) 100%);
}
#hero_page.hero_solution {
position: relative;
background: #F8F8F8;
border-radius: 0 0 36px 36px;
overflow: hidden;
padding-bottom: 90px;
}
#hero_page.hero_solution > .wrapper {
position: relative;
z-index: 2;
}
.tab_blocks_icons.third_columns ul {
max-width: inherit;
}
.tab_blocks_icons.third_columns ul li span {
max-width: 245px;
}
.tab_blocks_icons.third_columns ul li {
width: 33%;
}
#creative_content {
position: relative;
overflow: hidden;
padding-top: 120px;
}
#creative_content:before {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/solution_bg_right.png) no-repeat;
width: 499px;
height: 377px;
display: block;
position: absolute;
top: -150px;
right: 0;
}
#creative_content:after {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/solution_bg_bottom.png) no-repeat;
width: 642px;
height: 377px;
position: absolute;
bottom: 0;
left: 0;
}
.creative_content_list {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
position: relative;
z-index: 2;
}
.main_block_description_careative {
padding: 30px;
max-width: 590px;
}
h2.title_creative {
font-size: 4.6rem;
font-family: 'Primus';
text-transform: uppercase;
margin-bottom: 13px;
}
.description_creative {
font-size: 1.8rem;
color: #191919;
line-height: 1.6;
margin-bottom: 22px;
}
.simple_block_creative {
box-shadow: 8.05px 24.15px 89.45px -11.63px #1634501A;
padding: 30px;
border-radius: 40px;
max-width: 300px;
margin-left: 30px;
margin-bottom: 40px;
background: #fff;
}
.title_creative_list {
font-size: 2rem;
color: #191919;
font-weight: bold;
opacity: 0.8;
margin-bottom: 18px;
line-height: 1.2;
}
.description_creative_list {
font-size: 1.8rem;
color: #191919;
line-height: 1.2;
}
#solutions.solution_page_bg {
background: #fff;
}
.button_creative .button.button_arrow {
padding-right: 26px;
margin-bottom: 20px;
}
#events_slider {
overflow: hidden;
}
#solutions.solution_page_bg {
background: #fff;
margin-top: 0;
}
.events_wrap {
display: flex;
background: linear-gradient(360deg, #FFFFFF 0%, #F8F8F8 100%);
justify-content: center;
align-items: center;
position: relative;
}
.description_block_events {
max-width: 590px;
margin-right: 120px;
}
#slider_event {
max-width: 540px;
padding-bottom: 80px;
margin-top: 100px;
}
#slider_event .swiper-slide img {
width: 100%;
height: 500px;
object-fit: cover;
border: 2px solid #FFFFFF;
box-shadow: 0px 0px 14px -4px rgb(124 34 217 / 35%);
border-radius: 22px;
}
#events_slider > .wrapper {
width: 100%;
}
.description_block_events h2 {
font-size: 4.6rem;
color: #191919;
font-weight: 600;
font-family: 'Primus';
text-transform: uppercase;
margin-bottom: 13px;
}
.text_block_events {
font-size: 1.8rem;
color: #191919;
line-height: 1.6;
margin-bottom: 22px;
}
.slider_events_button .button.button_arrow {
padding-right: 26px;
}
.events_wrap:before {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/bg_slider_events.png) no-repeat;
width: 100%;
min-height: 660px;
background-size: cover;
position: absolute;
background-position: 0 0;
}
#advocaty_service {
margin-top: 100px;
position: relative;
padding-bottom: 100px;
overflow: hidden;
}
.wrap_block_content {
display: flex;
align-items: center;
justify-content: space-between;
}
.img_page_left {
max-width: 504px;
position: relative;
}
.img_page_left img {
position: relative;
z-index: 2;
}
.img_page_left img {
max-width: 100%;
}
.content_right {
max-width: 610px;
}
.content_right h3 {
font-size: 4.6rem;
color: #191919;
font-family: 'Primus';
line-height: 1.2;
margin-bottom: 15px;
}
.content_right p {
font-size: 1.8rem;
color: #191919;
line-height: 1.6;
margin-bottom: 20px;
}
#advocaty_service .wrapper {
position: relative;
z-index: 2;
}
.list_blocks_customer {
display: flex;
justify-content: space-between;
}
.list_blocks_customer > div {
max-width: 305px;
width: 24%;
}
.title_cutomer {
font-size: 2.6rem;
color: #191919;
font-weight: bold;
opacity: 0.8;
margin-bottom: 15px;
line-height: 1.2;
max-width: 245px;
}
.description_customer {
font-size: 1.8rem;
color: #191919;
line-height: 22px;
line-height: 1.4;
margin-bottom: 20px;
max-width: 245px;
}
#customer_expiriense .title_wrap h2 {
text-transform: uppercase;
}
.content_right h4 {
font-size: 2.2rem;
color: #191919;
margin-bottom: 20px;
}
.content_right ul.icons_list {
list-style: none;
display: flex;
flex-wrap: wrap;
max-width: 630px;
}
.content_right .block_description_content_right_icons ul.icons_list {
justify-content: space-between;
}
.content_right .block_description_content_right_icons ul.icons_list li span {
font-size: 2rem;
max-width: 250px;
}
.content_right .block_description_content_right_icons h3 {
font-size: 3.4rem;
}
.content_right ul.icons_list li {
width: 49%;
display: flex;
align-items: center;
margin-bottom: 5px;
}
.content_right ul.icons_list li .ico_tab {
width: 76px;
}
.content_right ul.icons_list li span {
font-size: 1.6rem;
color: #020E1F;
line-height: 1.3;
max-width: 196px;
margin-bottom: 17px;
margin-left: 6px;
}
.listing_advocacy > .wrap_block_content:nth-child(2n) {
flex-direction: row-reverse;
margin-top: 250px;
}
.img_page_left:before {
content: " ";
background: radial-gradient(50% 50% at 50% 50%, #DBCAFE 0%, rgba(219, 202, 254, 0) 100%);
width: 675px;
height: 675px;
display: block;
position: absolute;
bottom: -64%;
left: -90%;
}
.listing_advocacy > .wrap_block_content:nth-child(2n) .img_page_left:before {
content: " ";
background: radial-gradient(50% 50% at 50% 50%, #DBCAFE 0%, rgba(219, 202, 254, 0) 100%);
width: 675px;
height: 675px;
display: block;
position: absolute;
bottom: -33%;
right: -90%;
left: auto;
}
#customer_expiriense {
margin-top: 70px;
}
.advokaty_button {
margin-top: 20px
}
.mobile_creative {
display: none;
}
.top_typografy {
padding-top: 70px;
max-width: 920px;
margin: 0 auto;
}
.post_content_simple {
max-width: 920px;
margin: 0 auto;
margin-top: 50px;
}
.list_typografy {
}
.list_typografy > div {
margin-bottom: 36px;
display: flex;
align-items: center;
justify-content: space-between;
}
.xl {
font-size: 58px;
font-weight: 600;
color: #191919;
font-family: 'Primus';
}
.font_primus {
font-size: 18px;
color: #191919;
font-family: 'Primus';
font-weight: 600;
}
.lg {
font-size: 46px;
font-weight: 600;
color: #191919;
font-family: 'Primus';
}
.md {
font-size: 42px;
color: #191919;
font-weight: bold;
}
.font_alma {
font-size: 18px;
color: #191919;
font-weight: bold;
}
.sm {
font-size: 34px;
color: #191919;
font-weight: bold;
}
.xs {
font-size: 26px;
font-weight: bold;
color: #191919;
}
.caption_bold {
font-size: 22px;
font-weight: bold;
color: #191919;
}
.paragraf_regular {
font-size: 18px;
color: #191919;
}
.paragraf_bold {
font-size: 18px;
color: #191919;
font-weight: bold;
}
.caption_regular {
font-size: 22px;
color: #191919;
}
.list_typografy > div > div:last-child {
width: 35%;
margin-left: 10px;
}
.font-weight-simple {
font-weight: 400;
}
.post_content_simple h2 {
font-weight: 700;
font-size: 42px;
color: #191919;
line-height: 1.2;
margin-bottom: 26px;
}
.post_content_simple p {
font-size: 22px;
color: #191919;
line-height: 1.35;
margin-bottom: 26px;
font-weight: 300;
}
.post_content_simple ul {
margin-left: 30px;
}
.post_content_simple ul li {
font-size: 22px;
color: #191919;
line-height: 1.35;
margin-bottom: 26px;
font-weight: 300;
}
.post_content_simple ol {
margin-left: 30px;
}
.post_content_simple ol li {
font-size: 22px;
color: #191919;
line-height: 1.35;
margin-bottom: 26px;
font-weight: 300;
}
#mobile_menu {
opacity: 0;
visibility: hidden;
transition: 0.5s;
display: none;
}
.hero_solution.hero_partners {
padding-bottom: 140px;
}
.hero_solution.hero_partners .wrap_page_hero {
max-width: 1155px;
}
.hero_solution.hero_partners .wrap_buttons_hero {
display: flex;
margin-top: 20px;
}
.hero_solution.hero_partners .wrap_buttons_hero a:first-child {
margin-right: 22px;
}
.hero_solution.hero_partners:after {
right: -15%;
bottom: auto;
top: -50%;
}
.hero_solution.hero_partners:before {
left: -15%;
top: auto;
bottom: -50%;
}
.wrap_buttons_hero a {
font-size: 1.8rem;
height: 46px;
}
.hero_solution.hero_partners .wrap_buttons_hero a:first-child {
padding-right: 26px;
}
#why_parners_with_our {
margin-top: 140px;
}
.list_blocks_why_partners {
display: flex;
justify-content: center;
}
.list_blocks_why_partners > div {
padding: 40px 20px;
max-width: 360px;
width: 100%;
margin-right: 30px;
}
.title_why_partners {
font-weight: bold;
font-size: 2.6rem;
color: #191919;
opacity: 0.8;
line-height: 1.2;
margin-top: 20px;
min-height: 62px;
}
.list_blocks_why_partners > div:last-child {
margin-right: 0;
}
#advocaty_service.not_solution .listing_advocacy .wrap_block_content:first-child {
flex-direction: row-reverse;
}
#advocaty_service.not_solution .listing_advocacy .wrap_block_content:nth-child(2n) {
flex-direction: row;
margin-top: 120px;
}
#advocaty_service.not_solution .listing_advocacy .wrap_block_content:first-child .img_page_left:before {
display: none;
}
.content_right ul:not(.icons_list) {
margin: 40px 0;
margin-left: 23px;
}
.content_right ul:not(.icons_list) li {
font-size: 1.8rem;
color: #191919;
line-height: 1.8;
margin-bottom: 0px;
}
#advocaty_service.not_solution .listing_advocacy .wrap_block_content .content_right {
max-width: 635px;
}
#advocaty_service.not_solution .listing_advocacy .wrap_block_content .content_right .button.button_arrow {
padding-right: 26px;
}
#advocaty_service.not_solution .listing_advocacy > .wrap_block_content:nth-child(2n) .img_page_left:before {
bottom: -64%;
right: auto;
left: -90%;
}
.block_description_content_right_icons:before {
content: " ";
background: linear-gradient(90deg, #FFFFFF 0%, #DCCFFB 50%, #FFFFFF 100%);
width: 100%;
height: 1px;
display: block;
margin-bottom: 30px;
margin-top: 30px;
}
.blue_title {
font-weight: bold;
color: #671DB4;
font-size: 2.2rem;
margin-bottom: 20px;
margin-top: 20px;
}
#advocaty_service.not_solution .content_right ul.icons_list li span {
margin-bottom: 0px;
margin-left: 0;
}
#advocaty_service.not_solution {
overflow: visible;
}
#register_partners {
background: linear-gradient(0deg, #FFFFFF 0%, #F8F8F8 111.53%);
border-radius: 36px 36px 0 0;
margin-top: 50px;
position: relative;
z-index: 1;
padding-top: 120px;
}
.register_partners_wrap {
display: flex;
justify-content: space-between;
}
.register_partners_left_column {
max-width: 580px;
padding-right: 30px;
}
.register_partners_left_column h2 {
font-size: 4rem;
color: #191919;
font-weight: bold;
font-family: 'Primus';
line-height: 1.2;
margin-bottom: 50px;
}
.list_blocks_register > div:first-child {
margin-bottom: 70px;
}
.title_register_partners {
font-size: 2.2rem;
font-weight: bold;
color: #191919;
margin-bottom: 20px;
}
.list_blocks_register div p {
font-size: 1.8rem;
color: #191919;
line-height: 1.6;
margin-bottom: 20px;
}
.list_blocks_register div a {
max-width: fit-content;
font-size: 1.8rem;
height: 46px;
}
.list_blocks_register div a.button.button_arrow {
padding-right: 26px;
}
.register_partners_right_column {
max-width: 610px;
}
.register_partners_right_column img {
max-width: 100%;
}
.description_why_partners {
font-size: 1.8rem;
color: #191919;
line-height: 1.4;
margin-top: 20px;
}
.ico_why_partners {
min-height: 85px;
display: flex;
align-items: center
}
#professional_service {
margin-top: 120px;
}
#proff_serfice_table {
max-width: 1140px;
margin: 0 auto;
}
.head_table {
background: linear-gradient(180deg, rgba(103, 29, 180, 0.3) 0%, rgba(255, 255, 255, 0.3) 90%);
min-height: 119px;
border-radius: 20px 20px;
overflow: hidden;
padding: 2px;
box-shadow: 0px -8px 13px -5px #e3d5f2;
}
.head_table_wrap {
display: flex;
justify-content: space-between;
background: #fff;
border-radius: 20px 20px 0 0;
min-height: 114px;
}
.head_table_wrap > div {
width: 49%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-size: 3.2rem;
color: #671DB4;
font-family: 'Primus';
font-weight: bold;
position: relative;
}
.head_table_wrap > div:first-child:after {
content: " ";
height: 60px;
width: 1px;
background: #DCCFFB;
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.line_table {
border: 1px solid rgb(103 103 103 / 30%);
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 30px;
border-radius: 16px;
margin-bottom: 20px;
}
.line_table > div {
font-size: 2.6rem;
color: #191919;
opacity: 0.8;
width: 49%;
position: relative;
display: flex;
align-items: center;
}
.line_table > div:first-child:after {
content: " ";
height: 40px;
width: 1px;
background: rgb(103 103 103 / 30%);
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.line_table > div:last-child {
padding-left: 20px
}
.line_table > div:before {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/check_proffesional.svg) no-repeat;
width: 18px;
height: 19px;
display: block;
margin-right: 10px;
min-width: 18px;
}
.button_description_table {
font-size: 2.2rem;
color: #191919;
background: linear-gradient(0deg, rgba(103, 29, 180, 0.3) 0%, rgba(255, 255, 255, 0.3) 90%);
border-radius: 0 0 20px 20px;
overflow: hidden;
padding: 2px;
margin-top: -20px;
line-height: 1.2;
box-shadow: 0px 8px 13px -5px #e3d5f2;
}
.text_content_description_table {
background: #fff;
padding: 35px 40px;
border-radius: 0 0 20px 20px;
padding-bottom: 20px;
}
#partners_journey {
margin-top: 153px;
overflow: hidden;
padding-bottom: 0;
position: relative;
}
.container_listing_partner {
margin-right: 0;
margin-left: auto;
position: relative;
margin-top: 40px;
padding-top: 145px;
margin-left: calc((100vw - 1280px) / 2);
display: flex;
gap: 16px;
overflow-x: scroll;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
cursor: grab;
user-select: none;
padding-bottom: 10px;
scrollbar-width: none;
-ms-overflow-style: none;
padding-bottom: 138px;
}
.block_partners_listing {
position: relative;
width: 549px;
margin-right: 0;
min-width: 560px;
}
.top_block_text {
position: absolute;
top: -101px;
left: 35px;
}
.big_title_top_text {
font-weight: bold;
font-size: 3.2rem;
color: #671DB4;
font-family: 'Primus';
margin-bottom: 3px;
}
.description_top_text {
font-size: 2.2rem;
color: #191919;
font-weight: bold;
padding-left: 18px;
}
.number_block_listing {
width: 68px;
width: 68px;
height: 68px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 78px;
position: relative;
}
.number_block_listing > div {
font-size: 4.2rem;
color: #671DB4;
font-weight: bold;
font-family: 'Primus';
width: 54px;
height: 54px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 8px 12px 0px rgb(127 35 222 / 25%);
border-radius: 78px;
background: #fff;
position: relative;
z-index: 3;
}
.number_block_listing:before {
content: " ";
height: 38px;
width: 2px;
display: block;
position: absolute;
top: -38px;
left: 32px;
background: #671DB4;
}
.number_block_listing:after {
content: " ";
width: 10px;
height: 10px;
border-radius: 100px;
border: 2px solid #671DB4;
position: absolute;
top: -49px;
left: 26px;
}
.container_listing_partner .block_partners_listing:nth-child(2n) .top_block_text {
top: auto;
bottom: -122px;
text-align: center;
left: -184px;
}
.container_listing_partner .block_partners_listing:nth-child(2n) .number_block_listing:before {
top: auto;
bottom: -37px;
left: 32px;
}
.container_listing_partner .block_partners_listing:nth-child(2n) .number_block_listing:after {
top: auto;
left: 26px;
bottom: -48px;
}
.line_listing_partners {
}
.container_listing_partner .block_partners_listing:after {
content: " ";
position: absolute;
height: 8px;
top: 32px;
width: 100%;
box-shadow: 0px 2px 10px 0px #7F23DE40;
z-index: 2;
left: 0;
background: #fff;
left: 21px;
}
.border_number {
width: 68px;
height: 68px;
border: 2px solid #671DB4;
border-radius: 100px;
position: absolute;
left: 0;
z-index: 1;
}
.container_listing_partner .block_partners_listing:nth-child(4) {
margin-right: 0;
min-width: 269px;
width: 270px;
}
.container_listing_partner .block_partners_listing:nth-child(4):after {
display: none;
}
#partners_journey:before {
content: " ";
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/white_line_right.svg) no-repeat;
width: 80px;
height: 287px;
position: absolute;
top: 121px;
left: calc((96vw - 1280px) / 2);
transform: scaleX(-1);
z-index: 3;
}
#partners_journey:after {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/white_line_right.svg) no-repeat;
width: 80px;
height: 287px;
position: absolute;
top: 48px;
right: 0;
}
.title_mobile {
display: none;
}
.head_table.mobile_head_table {
display: none;
}
#hero_page.hero_about .description_hero_page {
max-width: 614px;
}
#hero_page.hero_about #numbers {
margin-top: 100px;
margin-bottom: 86px;
}
#cyber_strategy {
background: linear-gradient(180deg, #F8F8F8 0%, #FFFFFF 100%);
padding-top: 30px;
position: relative;
border-radius: 36px 36px 0 0;
overflow: hidden;
}
.hero_strategy {
display: flex;
justify-content: space-between;
align-items: center;
}
.left_strategy h2 {
font-size: 4.6rem;
color: #191919;
font-weight: bold;
font-family: 'Primus';
margin-bottom: 130px;
}
.wrap_strategy_block {
display: flex;
}
.text_strategy {
margin-left: 30px;
}
.title_text_strategy {
font-size: 4.6rem;
color: #6E20BE;
font-weight: bold;
font-family: 'Primus';
text-transform: uppercase;
margin-bottom: 5px;
}
.description_text_strategy {
font-size: 2.2rem;
color: #191919;
font-weight: bold;
max-width: 363px;
line-height: 1.3;
}
#cyber_strategy:before {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/strategy_left.svg) no-repeat;
width: 335px;
height: 413px;
display: block;
position: absolute;
left: 0;
top: 0;
}
#cyber_strategy:after {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/strategy_right.png) no-repeat;
width: 222px;
height: 390px;
display: block;
position: absolute;
top: 0;
right: 0;
}
#cyber_strategy > .wrapper {
position: relative;
}
.list_strategy {
margin-top: 30px;
display: flex;
flex-wrap: wrap;
}
.simple_block_strategy {
box-shadow: 8.05px 24.15px 89.45px -11.63px #1634501A;
padding: 30px;
border-radius: 40px;
max-width: 300px;
margin-right: 30px;
margin-bottom: 40px;
background: #fff; }
.title_strategy_list {
font-size: 2.6rem;
color: #191919;
font-weight: bold;
margin-left: 15px;
margin-top: -19px;
opacity: 0.8;
}
.description_strategy_block {
max-width: 550px;
width: 100%;
display: flex;
align-items: center;
padding: 0 60px;
height: 221px;
}
.description_strategy_block img {
max-width: 90px;
margin-right: 30px;
}
.title_strategy_block_description {
font-size: 4.6rem;
color: #191919;
font-weight: bold;
text-transform: uppercase;
font-family: 'Primus';
text-align: right;
line-height: 1.2;
}
.block_strategy_top_wrap {
display: flex;
align-items: center;
}
.strategy_values {
margin-top: 40px;
}
.title_str_values {
display: flex;
align-items: center;
}
.title_str_values h2 {
font-size: 4.6rem;
color: #191919;
font-weight: bold;
font-family: 'Primus';
margin-bottom: 0;
margin-left: 30px;
text-transform: uppercase;
}
.experience-content{
min-height: 342px;
margin-bottom: 20px;
}
.list_values {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-top: 40px;
}
.list_values div {
max-width: 230px
}
.list_values div > span {
font-size: 2.5rem;
color: #191919;
font-weight: bold;
text-decoration: none;
opacity: 0.8;
text-align: center;
padding: 0 0px;
border: 1px solid #671DB4;
border-radius: 40px;
display: block;
min-height: 160px;
min-width: 235px;
box-shadow: 0px 6px 20px -11.63px rgb(22 52 80 / 10%);
display: flex;
align-items: center;
justify-content: center;
transition: 0.5s;
flex-wrap: wrap;
padding: 10px;
}
.list_values div span > span {
width: 100%;
display: block;
line-height: 1.2;
text-align: left;
white-space: normal;
max-width: 80%;
margin: 0 auto;
text-align: center;
}
.list_values div span > .list_values__text {
font-size: 18px;
font-weight: normal;
margin-top: 10px
} #cyber_offers_title {
margin-top: 120px;
padding-bottom: 50px;
border-radius: 0 0 36px 36px;
position: relative;
z-index: 2;
background: #fff;
}
#cyber_offers_slider {
background: linear-gradient(180deg, #671DB4 0%, #7F23DF 50%, #671DB4 100%);
width: 100%;
height: 382px;
margin-top: -35px;
margin-bottom: -35px;
position: relative;
z-index: 1;
}
#what_makes_different {
margin-top: 120px;
padding-bottom: 140px;
}
#slider_offers_main_block {
height: 342px;
margin-top: 0;
padding-top: 30px;
}
#slider_offers_main_block .swiper-slide {
width: fit-content;
margin: 0 auto;
font-weight: bold;
font-family: 'Primus';
color: #fff;
font-size: 1.4rem;
opacity: 0.3;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
#slider_offers_main_block .swiper-slide.swiper-slide-active {
color: #671DB4;
background: #fff;
font-size: 3.4rem;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 4px 10px 0px rgb(88 12 167 / 35%);
padding: 10px 36px;
border-radius: 22px;
opacity: 1;
margin: 10px auto;
}
#slider_offers_main_block .swiper-slide.swiper-slide-prev, #slider_offers_main_block .swiper-slide.swiper-slide-next {
font-size: 2.6rem;
opacity: 1;
padding: 10px 36px;
border-radius: 22px;
background: transparent;
}
#slider_offers_main_block .swiper-slide.swiper-slide-next + .swiper-slide {
font-size: 2rem;
opacity: 0.6;
}
#slider_offers_main_block .swiper-slide.swiper-slide-visible.swiper-slide-fully-visible:not(.swiper-slide-prev, .swiper-slide-active, .swiper-slide-next) {
font-size: 2rem;
opacity: 0.6;
}
.slider_offers_title {
font-size: 2.6rem;
color: #fff;
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
line-height: 40px;
height: fit-content;
max-width: 320px;
font-weight: bold;
left: calc((100vw - 1280px) / 2);
text-align: right;
}
#cyber_offers_slider:before {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/slider_left.png) no-repeat;
width: 369px;
height: 299px;
position: absolute;
display: block;
top: -149px;
left: 0;
}
#cyber_offers_slider:after {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/slider_right.png) no-repeat;
width: 362px;
height: 299px;
display: block;
position: absolute;
right: 0;
bottom: -118px;
}
#solutions.solution_about {
border-radius: 36px 36px 0 0;
background: #fff;
position: relative;
z-index: 2;
margin-top: 0;
padding-top: 100px;
}
.different_text {
max-width: 690px;
}
.different_img {
max-width: 504px;
position: relative;
}
.different_img img {
max-width: 100%;
}
.different_wrap {
display: flex;
justify-content: space-between;
}
.different_text h2 {
font-size: 4.6rem;
color: #191919;
font-family: 'Primus';
line-height: 1.2;
margin-bottom: 15px;
}
.different_text p {
font-size: 2.2rem;
color: #191919;
line-height: 1.6;
margin-bottom: 20px;
}
.list_defferent_icons {
margin-top: 30px;
}
.list_defferent_icons ul {
list-style: none;
display: flex;
flex-wrap: wrap;
}
.list_defferent_icons ul li {
width: 33%;
margin-bottom: 34px;
}
.different_title {
font-size: 2rem;
color: #191919;
font-weight: bold;
max-width: 175px;
line-height: 1.3;
}
.differents_icons {
min-height: 80px;
}
.description_bottom_differens {
font-size: 1.8rem;
color: #191919;
line-height: 1.6;
}
.list_defferent_icons:before {
content: " ";
background: linear-gradient(90deg, #FFFFFF 0%, #DCCFFB 50%, #FFFFFF 100%);
width: 100%;
height: 1px;
display: block;
margin-bottom: 35px;
margin-top: 25px;
}
.list_defferent_icons:after {
content: " ";
background: linear-gradient(90deg, #FFFFFF 0%, #DCCFFB 50%, #FFFFFF 100%);
width: 100%;
height: 1px;
display: block;
margin-bottom: 20px;
margin-top: 0px;
}
.different_img:before {
content: " ";
background: radial-gradient(50% 50% at 50% 50%, #DBCAFE 0%, rgba(219, 202, 254, 0) 100%);
width: 675px;
height: 527px;
display: block;
position: absolute;
bottom: -19%;
left: -90%;
}
.different_img img {
position: relative;
z-index: 1;
}
.title_strategy_mob {
display: none;
}
.listing_subgroup a.active {
background: #671DB4;
color: #fff;
}
.listing_category_resources > div a.active {
background: #671DB4;
color: #fff;
}
.listing_category_resources > div a.active .ico_category img {
filter: brightness(0) saturate(100%) invert(1);
}
.listing_category_resources > div a.active span {
color: #fff;
}
#overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: rgb(171 171 171 / 39%);
backdrop-filter: blur(1.5px);
display: flex;
align-items: center;
justify-content: center;
z-index: 999;
}
.modal_updated,
.modal_success {
padding: 60px 0;
min-width: 730px;
}
.modal {
box-shadow: 8.05px 24.15px 89.45px -11.63px #1634501A;
background: #fff;
border-radius: 40px;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
.title_succes {
font-weight: 700;
font-size: 3.4rem;
color: #671DB4;
margin-top: 20px;
margin-bottom: 20px;
}
.description_succes {
font-size: 1.8rem;
color: #191919;
text-align: center;
opacity: 0.6;
line-height: 1.2;
margin-bottom: 40px;
}
.modal_updated .modal_button_continue,
.modal_success .modal_button_continue {
max-height: 52px;
height: 52px;
padding: 11px 26px;
width: 100%;
text-align: center;
max-width: 340px;
cursor: pointer;
}
.close_modal {
position: absolute;
right: 27px;
top: 27px;
cursor: pointer;
}
.close_modal svg path {
transition: 0.5s;
} 
.close_modal:hover svg path {
fill:rgb(127, 35, 223);
}
.sliders_main_block #slider_resources:before {
top: 249px;
}
.sliders_main_block #slider_resources:after {
top: 249px;
}
.img_review img {
width: 100px;
height: 100px;
object-fit: cover;
border-radius: 100px;
}
.engagements_hero .wrap_page_hero {
max-width: 1120px;
}
.engagements_hero .description_hero_page {
max-width: 540px;
}
#what_sets.engagements_whats_sets {
padding-top: 90px;
background-position: right -165px;
}
#what_sets.engagements_whats_sets  .description_what {
max-width: 860px;
}
#creative_content.engagements_creative_content:before {
display: none;
}
#creative_content.engagements_creative_content:after {
display: none;
}
#creative_content.engagements_creative_content .creative_content_list .simple_block_creative {
margin-left: 26px;
margin-bottom: 50px;
}
#creative_content.engagements_creative_content .creative_content_list *:nth-child(4) {
margin-left: 0;
}
#creative_content.engagements_creative_content .main_block_description_careative {
padding-left: 0;
}
#creative_content.engagements_creative_content {
margin-bottom: 90px;
}
.block_benefits_bottom_description {
font-size: 2.6rem;
color: #191919;
line-height: 38px;
padding: 0 10px;
}
.block_benefits_bottom_description:after {
content: " ";
width: 100%;
height: 1px;
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #676767 50%, rgba(255, 255, 255, 0) 100%);
display: block;
margin-top: 60px;
}
.key_block {
overflow: hidden;
}
.key_block_wrap {
display: flex;
justify-content: space-between;
align-items: center;
}
.key_image {
max-width: 550px;
position: relative;
}
.key_image img {
position: relative;
z-index: 2;
max-width: 100%;
width: 100%;
}
.key_description {
max-width: 690px;
}
.key_description h2 {
font-size: 4.6rem;
color: #671DB4;
font-weight: 700;
font-family: 'Primus';
margin-bottom: 40px;
margin-top: 80px;
}
.key_listing_block {
display: flex;
align-items: center;
}
.key_image_block {
margin-right: 20px;
margin-top: -20px;
}
.key_info_block {
margin-bottom: 30px;
}
.title_key_listing {
font-size: 2.6rem;
color: #191919;
font-weight: bold;
line-height: 1.4;
}
.description_key_listing {
font-size: 1.8rem;
color: #191919;
line-height: 1.6;
max-width: 556px;
}
.key_block.right .key_block_wrap {
flex-direction: row-reverse;
}
.link_key_listing {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 10px;
}
.link_key_listing:before {
content: " ";
width: 38%;
display: block;
height: 1px;
background: linear-gradient(270deg, #FFFFFF 0%, #676767 100%);
transform: scale(-1);
}
.link_key_listing:after {
content: " ";
width: 38%;
display: block;
height: 1px;
background: linear-gradient(270deg, #FFFFFF 0%, #676767 100%);
}
.link_key_listing .button.button_arrow {
height: 46px;
padding-right: 26px;
font-size: 1.8rem;
}
.list_blocks_key .key_listing_block:last-child {
margin-bottom: 0;
}
.key_image:before {
content: " ";
background: radial-gradient(50% 50% at 50% 50%, #DBCAFE 0%, rgba(219, 202, 254, 0) 100%);
width: 725px;
height: 548px;
display: block;
position: absolute;
left: -86%;
top: 3px;
display: none;
}
.key_block.right .key_image:before {
left: auto;
right: -86%;
}
.key_block.add_bg_gradient .key_image:before {
display: block;
}
#main_block_cta_line {
margin: 120px 0;
margin-bottom: 0;
}
.top_line_white {
height: 36px;
background: #fff;
border-radius: 0 0 36px 36px;
position: relative;
z-index: 2;
}
.center_cta_line {
background: #000;
padding: 50px 0;
margin-top: -30px;
margin-bottom: -30px;
position: relative;
min-height: 420px;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 77px;
max-height: 420px;
}
.bottom_line_white {
height: 36px;
background: #fff;
border-radius: 36px 36px 0 0;
position: relative;
z-index: 2;
}
.images_line_cta img:not(.mobile_bg_free_book) {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
width: 100%;
height: 100%;
}
.mobile_bg_free_book {
display: none;
}
.wrap_center_cta {
position: relative;
z-index: 2;
}
.wrap_center_cta {
position: relative;
z-index: 2;
}
.wrap_center_cta h2 {
font-size: 4.6rem;
color: #fff;
font-weight: bold;
font-family: 'Primus';
margin-bottom: 20px;
}
.description_cta_center {
font-size: 1.8rem;
color: #fff;
max-width: 710px;
margin-bottom: 24px;
line-height: 1.6;
}
.link_free_book .button.button_arrow {
padding-right: 26px;
text-transform: uppercase;
}
.key_description .link_key_listing:before {
display: none;
}
.key_description .link_key_listing:after {
display: none;
}
.key_description .link_key_listing {
padding-bottom: 10px;
margin-top: 25px;
margin-left: 15px;
}
.video_block img {
max-width: 100%;
width: 100%;
box-shadow: 0px 8px 21px -11px #7C22D9;
border-radius: 26px;
display: block;
}
.video_block {
position: relative;
}
.modal_login.modal {
padding: 40px;
align-items: flex-start;
min-width: 460px;
}
.title_modal_cabinet {
color: #671DB4;
font-weight: 600;
font-size: 4.6rem;
font-family: 'Primus';
text-align: left;
margin-bottom: 18px;
}
.description_modal_cabinet {
font-size: 1.8rem;
color: #191919;
max-width: 240px;
line-height: 1.3;
margin-bottom: 30px;
}
.login_form {
width: 100%;
max-width: 380px;
}
.login_form input[type="email"], .login_form input[type="password"], .login_form input[type="text"] {
border-radius: 22px;
border: 1px solid #DCCFFB;
width: 100%;
max-width: 380px;
height: 50px;
padding-left: 18px;
font-size: 1.8rem;
color: rgb(25 25 25 / 60%);
margin-bottom: 20px;
}
.pass_wrap {
position: relative;
}
.pass_ico {
position: absolute;
top: 15px;
right: 15px;
cursor: pointer;
}
.forgot_link {
font-size: 1.6rem;
color: #671DB4;
text-decoration: none;
font-weight: bold;
margin-top: -9px;
display: block;
margin-left: 18px;
}
.login_form .button.button_arrow {
margin-top: 20px;
padding-right: 26px;
margin-left: auto;
margin-right: auto;
border: none;
min-width: 217px;
text-align: center;
justify-content: center;
height: 46px;
}
.block_info_register {
margin-top: 30px;
width: 100%;
}
.block_info_register:before {
content: " ";
background: linear-gradient(90deg, #FFFFFF 0%, #676767 50%, #FFFFFF 100%);
height: 1px;
width: 100%;
display: block;
margin-top: 0px;
margin-bottom: 28px;
}
.description_info_register {
font-size: 1.8rem;
color: #191919;
text-align: center;
margin-bottom: 20px;
}
.block_info_register .button.button_arrow {
padding-right: 26px;
margin-left: auto;
margin-right: auto;
border: none;
height: 46px;
}
.modal_register {
padding: 40px;
align-items: flex-start;
min-width: 460px;
}
.register_form {
width: 100%;
max-width: 380px;
}
.register_form input[type="email"], .register_form input[type="password"], .register_form input[type="text"] {
border-radius: 22px;
border: 1px solid #DCCFFB;
width: 100%;
max-width: 380px;
height: 50px;
padding-left: 18px;
font-size: 1.8rem;
color: rgb(25 25 25 / 60%);
margin-bottom: 20px;
}
.pass_info:before {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/info_pass.svg) no-repeat;
width: 15px;
height: 16px;
display: block;
opacity: 0.5;
margin-right: 12px;
}
.pass_info span {
font-size: 1.4rem;
color: #191919;
opacity: 0.5;
}
.register_form .button.button_arrow {
margin-top: 20px;
padding-right: 26px;
margin-left: auto;
margin-right: auto;
border: none;
min-width: 217px;
text-align: center;
justify-content: center;
height: 46px;
}
.pass_info {
display: flex;
align-items: center;
margin-left: 19px;
margin-top: -5px;
margin-bottom: 14px;
}
.personal_info_account {
padding: 40px 50px;
}
#my-account {
margin-top: 100px;
}
#my-account > .wrapper {
background: linear-gradient(360deg, #FFFFFF 0%, #F8F8F8 100%);
border-radius: 36px 36px 0 0;
}
.account_top {
padding: 30px;
padding-bottom: 20px;
border-bottom: 2px solid rgb(25 25 25 / 20%);
display: flex;
align-items: center;
justify-content: space-between;
}
.account_photo {
margin-right: 28px;
}
.account_main_info {
display: flex;
align-items: center;
}
.account_photo {
margin-right: 28px;
}
.full_name_account {
font-size: 3.8rem;
color: #191919;
font-weight: 700;
font-family: 'Primus';
}
.email_account {
font-size: 2.1rem;
color: rgb(25 25 25 / 60%);
}
.links_account {
display: flex;
align-items: center;
}
.links_account a {
display: flex;
text-decoration: none;
align-items: center;
padding: 34px 42px;
transition: 0.5s;
}
.links_account a span {
font-size: 2.6rem;
color: #191919;
font-weight: bold;
margin-left: 10px;
}
.list_personal_info {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.links_account a.active span {
color: #671DB4;
}
.links_account a.active svg path {
fill: #671DB4
}
.links_account a:hover {
opacity: 0.7;
}
.list_personal_info > .form_group {
width: 30%;
margin-bottom: 20px;
}
.list_personal_info > .form_group.email_form {
width: 40%;
}
.list_personal_info > .form_group.phone_form {
width: 40%;
}
.list_personal_info > .form_group.submit_form {
width: 14%;
margin-bottom: -9px;
}
.list_personal_info > .form_group.submit_form input {
background: linear-gradient(180deg, #671DB4 0%, #7F23DF 100%);
height: 50px;
border: none;
border-radius: 22px;
padding: 0 50px;
font-size: 2rem;
color: #fff;
font-weight: bold;
cursor: pointer;
width: 100%;
transition: 0.5s;
}
.list_personal_info > .form_group.submit_form input:hover {
opacity: 0.8;
}
.list_personal_info input[type="text"], .list_personal_info input[type="email"], .list_personal_info input[type="tel"] {
border: 1px solid #DCCFFB;
height: 50px;
width: 100%;
padding-left: 18px;
border-radius: 22px;
color: #191919;
font-weight: bold;
font-size: 1.8rem;
}
.label_account_personal {
font-size: 1.6rem;
color: #191919;
margin-left: 18px;
margin-bottom: 8px;
}
.iti__arrow {
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/phone_arrow.svg) no-repeat !important;
width: 10px !important;
height: 7px !important;
border: none !important;
margin-left: 10px!important;
margin-right: 5px!important;
}
.iti__selected-flag .iti__flag {
display: none!important;
}
.iti__selected-flag {
margin-right: 10px!important
}
.iti--separate-dial-code .iti__selected-dial-code {
margin-left: 0;
font-weight: bold;
color: #191919;
font-size: 1.8rem;
}
.iti__selected-flag {
border-right: 1px solid #DCCFFB !important;
}
.iti--separate-dial-code .iti__selected-flag {
background-color: transparent !important;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
background-color: transparent !important;
}
#phone {
text-indent: 10px;
}
.form_group.phone_form > .iti {
width: 100%;
}
.title_change_pass {
display: flex;
align-items: center;
}
.title_change_pass span {
font-size: 2rem;
font-weight: bold;
color: #191919;
white-space: nowrap;
margin: 0 15px;
}
.account_change_pass {
margin-top: 50px;
}
.title_change_pass:before {
content: " ";
max-width: 50px;
width: 100%;
display: block;
background: rgb(25 25 25 / 20%);
height: 1px;
}
.title_change_pass:after {
content: " ";
max-width: 100%;
width: 100%;
display: block;
background: rgb(25 25 25 / 20%);
height: 1px;
}
.listing_inputs_change_pass {
margin-top: 40px;
}
.form_change_pass {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.form_change_pass .form_group {
width: 30%;
}
.form_change_pass .form_group input[type="password"] {
border: 1px solid #DCCFFB;
height: 50px;
width: 100%;
padding-left: 18px;
border-radius: 22px;
color: #191919;
font-weight: bold;
font-size: 1.8rem;
}
.form_change_pass .form_group input[type="text"] {
border: 1px solid #DCCFFB;
height: 50px;
width: 100%;
padding-left: 18px;
border-radius: 22px;
color: #191919;
font-weight: bold;
font-size: 1.8rem;
}
.submit_form_change_pass {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-top: 40px;
}
.submit_form_change_pass input {
background: linear-gradient(180deg, #671DB4 0%, #7F23DF 100%);
height: 50px;
border: none;
border-radius: 22px;
padding: 0 50px;
font-size: 2rem;
color: #fff;
font-weight: bold;
cursor: pointer;
width: 100%;
transition: 0.5s;
max-width: 180px;
}
.submit_form_change_pass input:hover {
opacity: 0.8;
}
.user_not_loggin {
margin-top: 100px;
padding-top: 100px;
text-align: center;
}
.calendar-days {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #DCCFFB;
}
.calendar-day {
font-size: 1.8rem;
color: #191919;
text-align: center;
min-width: 168px;
padding: 10px 0;
}
.calendar-grid {
display: flex;
flex-wrap: wrap;
}
.calendar-cell  {
min-width: 168px;
border: 2px solid #F8F8F8;
border-radius: 22px;
padding: 14px;
min-height: 170px;
text-align: right;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.calendar-cell strong {
font-weight: 700;
font-size: 2.2rem;
color: #191919;
font-family: 'Primus';
}
.calendar-cell.today {
border: 2px solid #671DB4;
color: #DCCFFB;
}
.calendar-cell.today strong {
color: #671DB4;
}
#calendar_main_wrap {
border: 1px solid #DCCFFB;
border-radius: 22px;
overflow: hidden;
}
.calendar-header {
margin-bottom: 20px;
display: flex;
align-items: center;
}
.calendar-header strong {
font-size: 2.6rem;
font-weight: bold;
color: #191919;
}
.calendar-header .calendar-nav {
width: 42px;
height: 42px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.calendar-header .calendar-nav.prev-nav {
margin-right: 20px;
}
.calendar-header .calendar-nav.next-nav {
margin-left: 20px;
}
.calendar-header .calendar-nav:after {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/calendar_nav.svg) no-repeat;
width: 8px;
height: 12px;
display: block;
transform: rotate(180deg); 
}
.calendar-header .calendar-nav.next-nav:after {
transform: rotate(0deg); 
}
.calendar-cell.other-month {
background: #F8F8F8;
border: 2px solid #FFFFFF;
opacity: 0.5;
font-weight: 700;
font-size: 2.2rem;
color: #191919;
font-family: 'Primus';
}
.block_event_table {
background: #DCCFFB;
border-radius: 18px;
width: auto;
padding: 12px 8px;
text-align: left;
max-width: 139px;
margin-top: 10px;
}
.block_mobile_calendar_items {
display: none;
}
.block_event_table a {
text-decoration: none;
}
.title_event_table {
color: #191919;
font-weight: bold;
font-size: 1.4rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.3;
}
.time_event_table {
font-weight: bold;
color: #671DB4;
font-size: 1.4rem;
margin-top: 3px;
margin-bottom: -5px;
}
.tab_personal {
display: none;
}
.calendar-container {
min-height: 300px;
}
.login_link a:not(.login_modal):before {
display: none;
}
.logout {
padding-top: 40px;
border-top: 1px solid rgb(25 25 25 / 20%);
margin-top: 80px;
}
.logout a {
border: 1px solid #FF0176;
padding: 12px 25px;
display: flex;
width: fit-content;
background: rgb(255 1 118 / 10%);
text-decoration: none;
border-radius: 22px;
padding-right: 20px;
transition: 0.5s;
align-items: center;
}
.logout a span {
font-size: 1.6rem;
color: #191919;
font-weight: bold;
}
.logout a:after {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/log-out.svg) no-repeat;
width: 24px;
height: 24px;
display: block;
margin-left: 13px;
}
.logout a:hover {
opacity: 0.8;
}
.modals_events {
display: none;
}
.not_found {
display: flex;
align-items: center;
justify-content: center;
min-height: 250px;
margin-top: 150px;
text-align: center;
}
.not_found_content h1 {
font-size: 12rem;
font-weight: bold;
}
.description_not_found {
font-size: 2rem;
}
.description_not_found a {
text-decoration: none;
color: #000;
border-bottom: 1px solid #000;
transition: 0.5s;
}
.description_not_found a:hover {
border-bottom: 1px solid transparent;
}
#filter_blocks {
margin-top: -66px;
position: relative;
z-index: 2;
}
.filter_block_wrap {
box-shadow: 2px 14px 11px -5px #e3d5f2;
border-radius: 16px;
display: flex;
justify-content: space-between;
padding: 40px;
padding-bottom: 50px;
background: #fff;
}
.form_group_filter {
width: 48%;
}
.label_select_filter {
font-weight: bold;
font-size: 2.6rem;
color: #191919;
margin-bottom: 16px;
}
.custom-select__trigger {
border: 1px solid #DCCFFB;
border-radius: 22px;
padding: 10px 22px;
font-size: 1.8rem;
color: #191919;
opacity: 0.8;
cursor: pointer;
position: relative;
}
.custom-select__trigger:after {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/filter_arrow.svg) no-repeat;
width: 10px;
height: 7px;
display: block;
position: absolute;
top: 0;
right: 22px;
bottom: 0;
margin: auto;
}
.custom-select {
position: relative;
}
.custom-options {
border: 1px solid #DCCFFB;
border-radius: 22px;
position: absolute;
width: 100%;
top: 56px;
background: #fff;
opacity: 0;
visibility: hidden;
transition: 0.5s;
overflow: hidden;
z-index: 9;
}
.custom-options .custom-option {
font-size: 1.6rem;
border-bottom: 1px solid #ccc;
padding: 10px 20px;
transition: 0.5s;
cursor: pointer;
}
.custom-options .custom-option:hover {
background: #671DB4;
color: #fff;
}
.custom-options .custom-option:last-child {
border-bottom: none;
padding: 10px 20px;
}
.custom-select.open .custom-options  {
opacity: 1;
visibility: visible;
}
.container_listing_partner .block_partners_listing:nth-child(4) .number_block_listing:before{
height: 24px;
bottom: -24px;
}
.container_listing_partner .block_partners_listing:nth-child(4) .number_block_listing:after{
bottom: -37px
}
#certificed_premium_block {
margin-top: 80px;
}
.certificed_premium_wrap {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid rgb(25 25 25 / 20%);
padding-bottom: 80px;
margin-bottom: 80px;
}
.block_image_partners_premium {
width: 33%;
display: flex;
justify-content: space-between;
}
.block_image_partners_premium img {
max-width: 100%;
}
.block_text_partners_premium {
width: 62%;
}
.block_text_partners_premium h2 {
font-size: 4.6rem;
color: #191919;
font-family: 'Primus';
}
.block_text_partners_premium p {
font-size: 1.8rem;
color: #191919;
margin-top: 20px;
}
.list_cards {
display: flex;
flex-wrap: wrap;
}
.list_cards .card {
box-shadow: 0px 6px 20px -11.63px rgb(22 52 80 / 33%);
padding: 20px;
margin-right: 30px;
margin-bottom: 30px;
border-radius: 12px 28px 28px 28px;
overflow: hidden;
width: 31.6%;
position: relative;
}
.list_cards .card:nth-child(3n) {
margin-right: 0;
}
.card_label {
font-size: 2rem;
background: #746DFE;
color: #fff;
font-weight: bold;
border-radius: 12px;
width: fit-content;
padding: 0 10px;
position: absolute;
top: 0;
left: 0;
}
.card_label.certifi {
background: #8D3AF3;
}
.card_image {
margin-top: 20px;
}
.card_info {
margin-top: 10px;
}
.card_title {
opacity: 0.8;
font-size: 2rem;
color: #191919;
font-weight: bold;
margin-bottom: 14px;
}
.card_location {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 14px;
}
.card_location div:first-child {
font-size: 1.8rem;
color: #191919;
font-weight: bold;
}
.card_location div:last-child {
font-size: 1.8rem;
color: #191919;
}
.card_covered {
display: flex;
justify-content: space-between;
}
.card_covered div:first-child {
font-size: 1.8rem;
color: #191919;
font-weight: bold;
}
.card_covered div:last-child {
font-size: 1.8rem;
color: #191919;
padding-left: 5px;
}
.wrap_load_more a {
color: #671DB4;
text-transform: uppercase;
width: fit-content;
}
.wrap_load_more a:after {
display: none;
}
.wrap_load_more {
display: flex;
align-items: center;
justify-content: center;
margin-top: 50px;
}
.list_cards .card:nth-child(n + 10) {
display: none;
}
#cards_block_description {
margin-top: 60px;
font-size: 1.8rem;
color: #191919;
line-height: 1.6;
}
.card_image img {
max-width: 100%;
}
.block_image_partners_premium img {
max-width: 100%;
width: 50%;
}
button.modal_button_continue span {
top: -1px;
}
.block_info_register_modal {
text-align: center;
}
.block_info_register_modal .register_error {
color: red;
font-size: 1.6rem;
font-weight: 300;
}
.register_succes {
color: green;
font-size: 1.6rem;
font-weight: 300;
}
#post_listing {
overflow: hidden
}
@media screen and (max-width: 1439px) {
.share_list {
left: -88px;
}
.share_list:before {
left: auto;
right: 18px;
}
.calendar-cell {
min-width: inherit;
padding: 10px 0;
min-height: 116px;
text-align: center;
position: relative;
width: 14%;
}
.calendar-day {
text-align: center;
min-width: inherit;
width: 14%;
}
}
@media screen and (max-width: 1300px) {
.experience-content{
min-height: 231px
}
.list_values div span > .list_values__text{
font-size: 1.8rem
}
.list_values div{
max-width: 100%;
}
.list_values div > span{
min-width: 100%;
}
.wrapper {
width: 1147px;
}
#cta {
width: 1147px
}
#trumbs_testimonial {
margin-left: 0;
}
.main_block_description_careative {
padding: 30px;
max-width: inherit;
}
.simple_block_creative {
max-width: 286px;
margin-left: 0;
margin-right: 30px;
}
.creative_content_list {
justify-content: flex-start;
}
.content_right {
max-width: 48%;
}
.img_page_left {
max-width: 48%;
}
#creative_content.engagements_creative_content .creative_content_list .simple_block_creative {
margin-left: 0;
}
}
@media screen and (max-width: 1299px) {
#main_menu > ul > li{
margin-right: 15px
}
#main_menu > ul > li > a{
font-size: 1.6rem
}
.wrapper {
width: 980px;
}
html, body {
font-size: 8px;
}
#cta {
width: 980px;
}
.footer_column {
padding-left: 42px;
}
#footer_top > .wrapper > .footer_column:last-child {
padding-left: 50px;
}
.form_block input[type="text"], .form_block input[type="tel"], .form_block input[type="email"] {
min-width: 190px;
max-width: 240px;
}
.slider_testimonial {
width: 54%;
}
#slider_resources:before {
top: 111px
}
#slider_resources:after {
top: 111px
}
#recent_article #slider_resources:before, #recent_article #slider_resources:after {
top: 85px
}
#press_coverage #slider_resources:before, #press_coverage #slider_resources:after {
top: 85px
}
.sliders_main_block #slider_resources:before {
top: 237px;
}
.sliders_main_block #slider_resources:after {
top: 237px;
}
#hero {
background-position: 70% top;
}
#hero > .wrapper {
left: 6%
}
#events_slider > .wrapper {
width: auto;
padding: 0 20px;
}
#advocaty_service.not_solution .listing_advocacy .wrap_block_content .content_right {
max-width: 48%;
}
.container_listing_partner {
margin-left: calc((100vw - 980px) / 2);
}
.container_listing_partner .block_partners_listing:nth-child(2n) .top_block_text {
left: -150px;
}
.simple_block_strategy {
max-width: 266px;
}
.description_strategy_block {
max-width: 385px;
padding: 0 20px;
}
.list_values div a {
min-height: 110px;
padding: 0 30px;
min-width: fit-content;
}
.slider_offers_title {
left: calc((100vw - 980px) / 2);
}
.different_title {
max-width: 133px;
}
.different_text {
max-width: 488px;
margin-left: 57px;
}
.other_posts .block_post .title_post {
min-height: 39px;
}
.what_title br {
display: none;
}
.key_image:before {
height: 458px;
left: -86%;
top: -3px;
}
.key_image {
margin-right: 20px;
}
.key_block.right .key_image {
margin-left: 20px;
}
.list_cards .card {
width: 30%;
}
}
@media screen and (max-width: 1000px) {
.list_values div > span{
min-height: 120px;
height: 100%;
}
.experience-content{
min-height: 0
}
.description_what{
text-align: center;
}
#hero {
padding-top: 55px
}
body.home:before {
display: none;
}
#main_menu {
display: none;
}
.language_swicher {
display: none;
}
.wrapper {
width: auto;
padding: 0 20px;
}
.login_link a {
font-size: 14px;
}
.login_link a:before {
width: 12px;
height: 12px;
margin-right: 5px;
background-size: 12px;
}
.login_link a {
padding: 6px 14px;
font-size: 14px;
}
#mobile_menu_toggle {
display: block;
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/mobile_menu_toggle.svg) no-repeat;
width: 22px;
height: 16px;
margin-left: 25px;
transition: 0.5s;
}
#cta {
width: auto;
padding-bottom: 20px;
margin-bottom: 10px;
}
.numbers_block > .number_block {
width: 49%;
margin-bottom: 86px;
}
.numbers_block > .number_block:nth-child(2):after {
display: none;
}
.numbers_block {
flex-wrap: wrap;
margin-bottom: -40px;
}
.solution_tabs_links ul li img {
max-width: 100%;
}
.solution_tabs_links ul li.active {
margin-left: -10px;
}
.left_description {
max-width: 50%;
}
#slider_resources:before {
top: 115px;
}
#slider_resources:after {
top: 115px;
}
.listing_blocks_what .what_block {
width: 48%;
text-align: center;
}
.tab_content_title {
white-space: normal;
}
#resources {
margin-bottom: 80px;
}
#solutions {
margin-bottom: 80px;
}
#what_sets {
padding-top: 129px;
}
.testimonial_wrap {
flex-wrap: wrap;
text-align: center;
margin-left: auto;
margin-right: auto;
justify-content: center;
}
#campaings {
margin-bottom: 80px;
}
.text_testimonial {
max-width: 500px;
width: 100%;
margin-bottom: 50px;
}
.slider_testimonial {
width: 100%;
max-width: 550px;
margin-left: auto;
margin-right: auto;
}
.text_testimonial a {
margin-top: 32px;
}
#form {
margin-top: 0px;
}
.wpcf7-form-control-wrap {
position: relative;
width: 31%;
margin-bottom: 25px;
margin: 0 0.5%;
text-align: center;
}
.form_block input[type="text"], .form_block input[type="tel"], .form_block input[type="email"] {
min-width: 110px;
width: 100%;
margin-right: 0;
margin-bottom: 25px;
}
.form_block .button.button_arrow {
white-space: nowrap;
}
footer {
margin-top: 50px;
}
#footer_top > .wrapper {
flex-wrap: wrap;
}
#footer_top > .wrapper > .footer_column:first-child {
width: 100%;
margin-bottom: 30px;
}
#footer_top > .wrapper > .footer_column:nth-child(2) {
border: none
}
.listing_category_resources {
flex-wrap: wrap;
}
.listing_category_resources > div {
margin-bottom: 14px;
}
.listing_subgroup {
flex-wrap: wrap;
}
.listing_subgroup > a {
margin-bottom: 18px;
}
.wrap_page_hero {
flex-wrap: wrap;
justify-content: center;
}
.resources_page .description_hero_page {
order: 2;
text-align: center;
}
#main_post {
flex-wrap: wrap;
margin-top: 30px;
}
.big_post_img {
margin-right: 0;
max-width: 100%;
}
.info_post_big {
margin-top: 30px;
}
.other_posts .block_post {
width: 32%;
}
.other_posts .block_post:nth-child(3n) {
margin-right: 0;
}
.other_posts .block_post:nth-child(4n) {
margin-right: 1.3%;
}
#slider_resources {
margin-left: auto;
}
#slider_resources > .swiper-wrapper {
margin-left: auto;
}
#slider_resources .swiper-slide {
max-width: inherit;
}
.text_testimonial h2 {
justify-content: center;
}
.text_testimonial a {
margin-left: auto;
margin-right: auto;
}
#hero > .wrapper {
left: 0%
}
.description_hero_page p {
text-align: center;
}
.simple_block_creative {
max-width: 29%;
}
.description_block_events {
max-width: 590px;
margin-right: 40px;
}
#slider_event {
max-width: 400px;
padding-bottom: 80px;
margin-top: 100px;
}
#slider_event .swiper-slide img {
height: 350px;
}
.listing_advocacy > .wrap_block_content:nth-child(2n) {
margin-top: 150px;
}
#customer_expiriense {
margin-top: 0;
margin-bottom: 50px;
}
.list_blocks_customer {
flex-wrap: wrap;
}
.list_blocks_customer > div {
max-width: inherit;
width: 45%;
}
.title_cutomer {
max-width: 350px;
}
.description_customer {
max-width: 350px;
}
.content_right ul.icons_list li {
width: 100%;
}
.tab_blocks_icons.third_columns ul li {
width: 49%;
}
#mobile_menu {
position: fixed;
top: 50px;
background: #fff;
left: 0;
right: 0;
z-index: 99;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
padding-top: 10px;
}
.mobile_menu_main_block > ul {
list-style: none;
margin: 0 30px;
}
.mobile_menu_main_block > ul > li {
display: flex;
align-items: center;
width: 100%;
justify-content: space-between;
}
.mobile_menu_main_block > ul > li > a {
padding: 16px 0;
display: block;
font-size: 20px;
font-weight: bold;
color: #0B1E3E;
text-decoration: none;
opacity: 0.8;
position: relative;
width: 100%;
}
.mobile_menu_main_block > ul > li > ul {
list-style: none;
position: absolute;
top: 0;
left: 100%;
opacity: 0;
visibility: hidden;
background: #fff;
height: 100%;
width: 100%;
z-index: 9;
transition: 0.5s;
top: 15px;
}
header.menu-open {
box-shadow: 0px 4px 10px -7px #7C22D9;
}
.mobile_menu_main_block > ul > li > a:after {
content: " ";
background: linear-gradient(90deg, #FFFFFF 0%, #DBCAFE 50%, #FFFFFF 100%);
width: 100%;
height: 1px;
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.mobile_menu_main_block > ul > li.menu-item-has-children .button_next_menu {
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/menu_arrow_mobile.svg) no-repeat;
width: 20px;
height: 17px;
background-position: right;
}
.mobile_menu_main_block > ul > li > ul > li > a {
padding: 16px 0;
display: block;
font-size: 20px;
font-weight: bold;
color: #0B1E3E;
text-decoration: none;
opacity: 0.8;
position: relative;
}
.mobile_menu_main_block > ul > li > ul > li > a:after {
content: " ";
background: linear-gradient(90deg, #FFFFFF 0%, #DBCAFE 50%, #FFFFFF 100%);
width: 100%;
height: 1px;
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.mobile_menu_main_block > ul > li > ul > li {
margin: 0 30px
}
.mobile_menu_main_block > ul > li > ul.show {
opacity: 1;
visibility: visible;
left: 0;
}
.prev_menu:before {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/menu_arrow_mobile.svg) no-repeat;
width: 10px;
height: 17px;
display: block;
transform: rotate(180deg);
margin-right: 14px;
}
.prev_menu {
padding: 16px 0;
display: block;
font-size: 0;
font-weight: bold;
color: #0B1E3E;
text-decoration: none;
opacity: 0.8;
display: flex;
align-items: center;
}
#mobile_menu_toggle.active {
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/close_menu.svg) no-repeat;
}
html.menu-open {
overflow: hidden;
}
#mobile_menu.active {
opacity: 1;
visibility: visible;
}
.social_main_block_mobile_menu {
margin: 0 10px;
border-radius: 20px 20px 0 0;
margin-bottom: 0;
padding-bottom: 79px;
}
.social_block {
background: #F8F8F8;
padding: 14px;
border-radius: 20px 20px 0 0;
}
.title_social_menu {
font-size: 16px;
color: #191919;
}
.social_block .social_footer {
margin-top: 20px;
justify-content: space-between;
width: 100%;
max-width: 460px;
}
.lang_block_menu {
display: flex;
align-items: center;
margin-top: 20px;
padding: 0 14px;
}
.title_lang_menu_mobile {
font-size: 16px;
color: #191919;
}
.lang_block_menu ul {
list-style: none;
display: flex;
align-items: center;
margin-left: 22px;
}
.lang_block_menu ul li a {
font-size: 18px;
font-weight: bold;
color: #191919;
text-decoration: none;
}
.lang_block_menu ul li:last-child a {
padding-left: 20px;
border-left: 1px solid #671DB4;
}
.lang_block_menu ul li.current-lang a {
display: flex;
align-items: center;
color: #671DB4;
padding-right: 20px;
}
.lang_block_menu ul li.current-lang a:before {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/active_check.svg) no-repeat;
width: 17px;
height: 12px;
display: block;
margin-right: 13px;
}
.mobile_menu_main_block {
margin-top: 9px
}
header {
top: 0;
background: #FFFFFF;
padding: 10px 0;
position: fixed;
transition: 0.5s;
}
#logo img {
width: 118px;
}
.container_listing_partner {
margin-left: 3%;
}
.block_partners_listing {
min-width: 400px;
}
.description_hero_page h1 {
text-align: center;
}
.hero_solution.hero_partners .wrap_buttons_hero {
justify-content: center;
}
.hero_solution.hero_partners {
padding-bottom: 50px;
}
#why_parners_with_our {
margin-top: 80px;
}
#advocaty_service.not_solution .listing_advocacy .wrap_block_content {
flex-wrap: wrap;
justify-content: center;
}
#advocaty_service.not_solution .listing_advocacy .wrap_block_content .img_page_left {
max-width: 100%;
text-align: center;
}
#advocaty_service.not_solution .listing_advocacy .wrap_block_content:first-child .img_page_left {
order: 2;
margin-top: 30px;
}
#advocaty_service.not_solution .listing_advocacy .wrap_block_content:nth-child(2n) {
margin-top: 80px;
}
#advocaty_service.not_solution .listing_advocacy .wrap_block_content:last-child .img_page_left {
order: 2;
}
#advocaty_service.not_solution .listing_advocacy .wrap_block_content .content_right {
max-width: 100%;
}
.content_right .block_description_content_right_icons ul.icons_list li {
width: 49%;
}
#advocaty_service {
margin-top: 80px;
padding-bottom: 90px;
}
#advocaty_service.not_solution .listing_advocacy .wrap_block_content:last-child .content_right {
max-width: 79%;
text-align: center;
}
.content_right .block_description_content_right_icons ul.icons_list li {
width: 49%;
text-align: left;
justify-content: center;
}
.content_right .block_description_content_right_icons ul.icons_list {
list-style: none;
display: flex;
flex-wrap: wrap;
max-width: 630px;
margin: 0 auto;
justify-content: center;
}
#advocaty_service.not_solution {
padding-bottom: 0;
}
#advocaty_service.not_solution .listing_advocacy > .wrap_block_content:nth-child(2n) .img_page_left:before {
bottom: -2%;
}
#register_partners {
margin-top: -80px;
}
.title_mobile {
font-size: 28px;
color: #191919;
font-weight: bold;
font-family: 'Primus';
line-height: 1.2;
margin-bottom: 0;
text-align: center;
display: block;
}
.register_partners_wrap {
flex-wrap: wrap;
justify-content: center;
}
.register_partners_left_column {
max-width: inherit;
padding-right: 0;
order: 2;
}
.register_partners_right_column {
max-width: inherit;
}
.register_partners_right_column img {
max-width: 100%;
margin: 0 auto;
display: block;
}
.register_partners_left_column h2 {
display: none;
}
.list_blocks_register > div {
text-align: center;
}
.list_blocks_register div a.button.button_arrow {
padding-right: 26px;
margin: 0 auto;
}
.list_blocks_register div a {
margin: 0 auto;
}
.container_listing_partner {
padding-bottom: 200px;
}
.simple_block_strategy {
order: 2;
}
.description_strategy_block {
order: 1;
}
.hero_strategy {
justify-content: center;
flex-wrap: wrap;
}
.left_strategy h2 {
margin-bottom: 40px;
text-align: center;
display: none;
}
.title_strategy_mob {
font-size: 28px;
color: #191919;
font-weight: bold;
text-align: center;
font-family: 'Primus';
display: block;
}
.left_strategy {
order: 2;
}
.right_strategy img {
margin-top: 40px;
margin-bottom: 40px;
}
.title_strategy_block_description {
margin-top: 20px;
text-align: center;
}
.description_strategy_block {
order: 1;
width: 49%;
margin: 0;
flex-wrap: wrap;
height: auto;
flex-direction: column;
align-items: center;
text-align: center;
}
.simple_block_strategy {
order: 2;
width: 45%;
max-width: inherit;
min-height: auto;
}
.list_strategy {
margin-top: 80px;
justify-content: space-between;
}
.description_strategy_block img {
margin-right: 0;
height: 80px;
}
.title_str_values {
justify-content: center;
}
.list_values {
flex-wrap: wrap;
align-items: normal;
}
.different_wrap {
flex-wrap: wrap;
}
.different_img {
order: 2;
}
.different_wrap {
justify-content: center;
}
.different_text {
margin-left: 0;
text-align: center;
}
.different_title {
margin: 0 auto;
}
.list_values div {
width: 48%;
margin-bottom: 19px;
}
.list_values div a {
border-radius: 28px;
}
.list_values {
justify-content: center;
}
.list_values div:nth-child(2n) {
margin-left: 15px;
}
.list_values div a span {
text-align: center;
width: 100%;
max-width: 100%;
}
#cyber_offers_title .title_line {
margin-bottom: 0;
}
.slider_offers_title {
left: 0;
right: 0;
text-align: center;
top: 45px;
bottom: auto;
font-size: 24px;
}
#slider_offers_main_block {
padding-top: 0;
overflow: hidden;
height: 246px;
}
#cyber_offers_slider {
padding-top: 130px;
height: 413px;
}
#slider_offers_main_block .swiper-slide.swiper-slide-active {
margin: 3px auto;
}
#solutions.solution_about {
padding-top: 60px;
}
.modal_updated,
.modal_success {
min-width: 440px;
}
.form_block {
flex-wrap: wrap;
}
.title_why_partners br {
display: none;
}
.links_account a {
padding: 20px 10px;
}
.links_account a span {
font-size: 18px;
}
.email_account {
font-size: 16px;
}
.full_name_account {
font-size: 24px;
}
#my-account {
margin-top: 40px;
}
.account_top {
padding: 30px 0;
}
.personal_info_account {
padding: 40px 0px;
}
.list_personal_info > .form_group.submit_form input {
padding: 0;
}
#cards_block_description {
margin-bottom: 80px;
}
.link_key_listing:after {
width: 33%;
}
.link_key_listing:before {
width: 33%;
}
#cta:before{
opacity: 0.6;
background-size: contain;
top: 0
}
}
@media screen and (max-width: 767px) {
.listing__show{
display: none
}
html, body {
overflow-x: hidden;
}
#hero {
background-position: 0 0;
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/mobile_hero.png) no-repeat;
background-size: cover;
}
#hero_description h1 {
font-size: 42px;
text-align: center;
}
#hero_description p {
font-size: 16px;
text-align: center;
}
#hero_description {
padding-top: 312px;
padding-bottom: 40px;
margin-left: auto;
margin-right: auto;
}
.button.button_arrow {
padding: 11px 26px;
margin: 0 auto;
margin-bottom: 0px;
font-size: 18px;
}
#numbers {
padding: 40px 38px;
background: #fff;
box-shadow: none;
margin-top: 0;
margin-bottom: 0;
position: relative;
z-index: 2;
}
.numbers_block {
box-shadow: 0px 4px 18px 0px #7C22D933;
border-radius: 16px;
padding: 30px 0;
padding-bottom: 15px;
}
.numbers_block > .number_block {
width: 100%;
border-bottom: 1px solid #671DB4;
padding-bottom: 16px;
margin-bottom: 16px;
}
.number_ico {
margin-bottom: 0px;
margin-top: 0;
}
.numbers_block > .number_block:after {
display: none;
}
.number_description {
font-size: 16px;
max-width: none;
}
.numbers_block > .number_block:last-child {
border:none;
padding: 0;
}
#what_sets h2 {
font-size: 28px;
}
#what_sets {
padding-top: 80px;
}
.listing_blocks_what .what_block {
width: 100%;
text-align: left;
display: flex;
align-items: center;
padding: 24px;
padding-bottom: 14px;
border-radius: 20px;
margin-bottom: 24px;
}
.what_title {
font-size: 22px;
margin-top: 0;
margin-left: 24px;
}
.ico_what {
position: relative;
top: 7px
}
.button_transparent {
font-size: 16px;
}
.title_line span {
white-space: normal;
margin: 0 20px;
}
.title_line {
text-align: center;
font-size: 28px;
margin-bottom: 40px;
}
.solution_block {
flex-wrap: wrap;
}
.solution_tabs_links {
width: 100%;
}
.solution_tabs_content {
width: 100%;
background: linear-gradient(180deg, rgba(103, 29, 180, 0.3) 0%, rgba(255, 255, 255, 0.3) 90%);
border-radius: 16px 16px 0 0;
}
.solution_tabs_links ul li {
background: linear-gradient(180deg, #D2D2D2 0%, rgba(255, 255, 255, 0) 100%);
border-radius: 16px 16px 0 0;
overflow: hidden;
margin-bottom: 0px;
transition: 0.5s;
width: 49%;
height: 61px;
box-shadow: none;
}
.solution_tabs_links ul li a {
display: block;
background: #fff;
border-radius: 16px 16px 0 0;
overflow: hidden;
padding: 20px;
padding-bottom: 14px;
margin-left: 1.5px;
position: relative;
margin-left: -1px;
margin-right: -1px;
text-align: center;
}
.solution_tabs_links ul {
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.solution_tabs_links ul li.active {
margin-left: 0;
}
.solution_tabs_links ul li.active {
margin-left: 0;
background: linear-gradient(180deg, #671DB4 0%, rgba(255, 255, 255, 0) 80%);
box-shadow: none;
}
.solution_tabs_content .tab {
background: #fff;
padding: 12px 10px;
border-radius: 16px 16px 0 0;
}
.line_tab {
width: 68%;
}
.tab_content_title {
font-size: 16px;
}
.logo_tab {
font-size: 18px;
}
.tab_description {
font-size: 14px;
}
.tab_title {
font-size: 22px;
}
.bottom_description_wrap {
flex-wrap: wrap;
}
.left_description {
max-width: 100%;
margin-bottom: 28px;
font-size: 14px;
}
.link_description {
text-align: center;
display: flex;
justify-content: center;
width: 100%;
}
#slider_resources:before {
top: 75px;
left: -56px;
}
#slider_resources:after {
top: 75px;
right: -56px;
}
.bottom_description_wrap.description_other_block .left_description {
font-size: 18px;
}
#resources {
margin-bottom: 40px;
}
.title_cta {
font-size: 28px;
margin-bottom: 18px;
padding: 0 30px;
}
.description_cta {
font-size: 16px;
margin-bottom: 28px;
padding: 0 16px;
}
.list_block_campaings {
flex-wrap: wrap;
}
.top_description {
min-height: auto;
}
.block_post {
border: 1px solid #676767;
width: 100%;
margin-bottom: 20px;
}
.title_post {
font-size: 20px;
}
.text_post {
font-size: 14px;
}
.button_more_post a {
font-size: 16px;
}
.list_block_campaings > .block_post:last-child {
margin-bottom: 0;
}
.slider_testimonial {
flex-wrap: wrap;
justify-content: center;
}
.job_title_review {
font-size: 16px;
text-align: left;
}
.title_review {
font-size: 20px;
}
.full_description_review {
margin-top: 20px;
padding-top: 20px;
font-size: 16px;
}
#trumbs_testimonial {
margin-left: 0;
padding-left: 0;
height: auto;
padding-top: 75px;
max-width: 280px;
margin: 0 auto;
margin-bottom: 80px;
margin-top: 15px;
}
#trumbs_testimonial:before {
content: "";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/line_testimonial_mobile.svg) no-repeat;
width: 210px;
height: 45px;
display: block;
position: absolute;
left: -21px;
top: 0;
right: 0;
margin: auto;
}
#slider_testimonail {
height: 228px;
overflow: hidden;
}
.line_built span:last-child {
left: 120px;
top: 0;
}
.line_built span:nth-child(2) {
left: 58px;
top: 13px;
}
.line_built {
position: absolute;
top: 24px;
left: 63px;
}
.line_built span:first-child {
left: 0;
top: 0;
}
.description_form {
font-size: 18px;
margin-bottom: 40px;
}
.title_form {
font-size: 28px;
margin-bottom: 20px;
}
.form_block input[type="text"], .form_block input[type="tel"], .form_block input[type="email"] {
min-width: 335px;
margin-right: auto;
margin-left: auto;
display: block;
margin-bottom: 20px;
}
.form_block {
flex-wrap: wrap;
flex-direction: column;
align-items: center;
}
#logo_footer img {
max-width: 135px;
}
#footer_top > .wrapper > .footer_column:last-child {
padding-left: 0;
border: none;
}
#footer_top > .wrapper > .footer_column:nth-child(2) {
border: none;
padding-left: 0;
}
.footer_column {
width: 49%;
}
#footer_top > .wrapper > .footer_column:nth-child(2) {
width: 49%;
}
.footer_column:last-child {
padding-left: 0;
border: none;
margin-top: 25px;
}
.sub_form input {
width: 100%;
font-size: 18px;
height: 53px;
}
#footer_top > .wrapper > .footer_column:last-child {
padding-left: 0;
border: none;
width: 100%;
}
.social_footer {
margin-top: 20px;
display: flex;
justify-content: space-between;
max-width: none;
width: 80%;
margin-left: auto;
margin-right: auto;
align-items: center;
}
#footer_bottom {
margin-top: 20px;
}
.wrap_page_hero {
flex-wrap: wrap;
justify-content: center;
padding-top: 35px;
}
.description_hero_page {
max-width: inherit;
text-align: center;
}
.form_block_wrap input[type="text"], .form_block_wrap input[type="tel"], .form_block_wrap input[type="email"] {
width: 100%;
margin-bottom: 22px;
margin-right: 0;
}
.form_block_wrap textarea {
width: 100%;
margin-top: 0
}
.form_buttons_wrap {
flex-wrap: wrap;
}
.description_form_contact {
text-align: center;
margin-bottom: 30px;
font-size: 12px;
width: 100%;
}
.button_form_contact {
width: 100%;
max-width: 215px;
margin: 0 auto;
}
#social_media h2 {
font-size: 28px;
margin-bottom: 30px;
padding: 0 10px;
}
.main_block_social_media {
background: #fafafa url(//new2.cyberx.world/wp-content/themes/cyberx/img/just_social_mobile.png);
padding-top: 40px;
background-size: cover;
}
#social_media {
margin-top: 70px;
}
.block_listing_social {
justify-content: center;
text-align: center;
flex-wrap: wrap;
}
.block_listing_social > div {
width: 33%;
}
.breadcrumbs a {
font-size: 16px;
}
.breadcrumbs span {
font-size: 16px;
}
#resources_filter {
display: flex;
margin-top: 40px;
flex-wrap: wrap;
justify-content: space-between;
}
.block_category_resouces { width: 100%;
position: relative;
}
.button_category {
display: flex;
align-items: center;
justify-content: center;
background: #f4f4f4;
width: 100%;
border-radius: 14px;
font-size: 19px;
font-weight: 700;
color: #191919;
padding: 11px;
white-space: nowrap;
}
.button_category span {
opacity: 0.8;
}
.listing_category_resources {
display: block;
position: absolute;
background: #fff;
box-shadow: 0px 2px 8px 0px rgb(124 34 217 / 20%);
margin: 0;
z-index: 9;
border-radius: 12px;
width: 100%;
top: 65px;
display: none;
}
.block_sub_category {
width: 30%;
}
.button_subgroup {
display: flex;
align-items: center;
justify-content: center;
background: #DCCFFB;
width: 100%;
padding: 15px 0;
border-radius: 14px;
font-size: 14px;
font-weight: 700;
color: #671DB4;
}
.button_subgroup:after {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/arrow_sub.svg) no-repeat;
width: 11px;
height: 7px;
min-width: 11px;
position: relative;
top: 1px;
margin-left: 6px;
transition: 0.5s;
}
.listing_subgroup {
display: none;
position: absolute;
background: #fff;
box-shadow: 0px 2px 8px 0px rgb(124 34 217 / 20%);
margin: 0;
z-index: 9;
border-radius: 12px;
width: 100%;
top: 65px;
text-align: center;
max-height: 300px;
overflow: scroll;
}
.ico_filter {
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/filter_ico.svg) no-repeat;
width: 20px;
height: 21px;
border-right: 1px solid #fff;
padding-right: 10px;
display: block;
min-width: 32px;
margin-right: 10px;
}
.button_category:after {
content: " ";
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/arrow_filter.svg) no-repeat;
width: 11px;
min-width: 11px;
height: 7px;
display: block;
margin-left: 10px;
position: relative;
top: 1px;
transition: 0.5s;
}
.img_hero_page img {
max-width: 100%;
}
.listing_category_resources > div {
margin-right: 0;
}
.listing_category_resources > div {
margin-bottom: 0;
}
.listing_category_resources > div a {
background: #fff;
display: flex;
align-items: center;
padding: 15px 17px;
border-radius: 14px;
text-decoration: none;
border-bottom: 1px solid #F4F4F4;
}
.listing_category_resources > div a span {
font-size: 18px;
}
.button_category.active {
background: transparent;
}
.button_category.active:after {
transform: rotate(180deg);
}
.block_sub_category {
position: relative;
}
.listing_subgroup > a {
background: #DCCFFB;
padding: 7px 17px;
border-radius: 0;
margin-right: 0;
display: block;
background: #fff;
border: none;
border-bottom: 1px solid #F4F4F4;
word-wrap: break-word
}
.listing_subgroup > a {
margin-bottom: 0;
}
.button_subgroup.active {
background: transparent;
}
.button_subgroup.active:after {
transform: rotate(180deg);
}
#resources_filter:after {
margin-top: 60px;
}
.title_wrap h2 {
font-size: 28px;
}
.title_wrap .button_transparent {
font-size: 0;
width: 45px;
height: 45px;
border-radius: 100px;
padding: 0;
}
.read_more_slide a span {
opacity: 0;
}
#recent_article:after {
margin-top: 60px
}
#new_video {
margin-top: 60px;
}
#new_video:after {
margin-top: 60px;
}
#press_coverage {
margin-top: 40px;
}
#x_gen:before {
margin-top: 60px;
margin-bottom: 40px;
}
#x_gen:after {
margin-top: 60px;
}
#campaings.campaings_other_page {
padding-top: 40px;
}
.other_posts .block_post {
width: 100%;
}
.other_posts .block_post .title_post {
font-size: 20px;
min-height: auto;
}
.previous, .next_pagination {
font-size: 0;
}
.pagination {
margin-top: 20px;
}
.list_pagination ul li a {
margin-right: 1px;
}
.title_big_post {
font-size: 20px;
}
.description_big_post {
font-size: 16px;
}
.title_author {
font-size: 14px;
}
.name_author {
font-size: 14px;
}
.button_share {
font-size: 16px;
}
#hero_page.resources_page.resources_inside .listing_category_resources {
margin-top: 0;
}
#hero > .wrapper {
width: auto;
}
#hero iframe {
display: none;
}
#hero:before {
display: none;
}
#hero > .wrapper {
width: auto;
position: relative;
}
#slider_resources {
margin-left: auto;
}
#slider_resources > .swiper-wrapper {
margin-left: auto;
}
#slider_resources .swiper-slide {
max-width: inherit;
}
.title_review {
text-align: left;
}
#cta.cta_newsletter .title_cta {
font-size: 28px;
padding-left: 0;
}
#cta.cta_newsletter .description_cta {
font-size: 16px;
padding-left: 0;
margin-left: 0;
}
#cta.cta_newsletter .sub_form {
margin-left: 0;
}
#cta.cta_newsletter {
text-align: left;
padding-bottom: 51px;
margin-top: 60px;
margin-bottom: 50px;
padding-top: 50px;
}
.label_post {
font-size: 12px;
}
.content_text_block ul li {
font-size: 18px;
}
.content_text_block p {
font-size: 18px;
}
.content_text_block h2 {
font-size: 30px;
}
.content_text_block h3 {
font-size: 24px;
}
.content_text_block ul li:before {
top: 8px
}
.single_post .big_post_img {
margin-bottom: 0;
}
.info_author {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.single_post .date_big_post {
font-size: 14px;
}
#creative_content {
padding-top: 45px;
}
h2.title_creative {
font-size: 27px;
text-align: center;
}
.description_creative {
text-align: center;
font-size: 18px;
margin-bottom: 0;
}
.simple_block_creative {
max-width: 100%;
display: flex;
padding: 22px;
margin-bottom: 20px;
border-radius: 20px;
margin-right: 0;
}
.ico_creative_list {
margin-right: 20px;
}
.title_creative_list {
margin-bottom: 8px;
}
.button_creative:not(.mobile_creative) {
display: none;
}
.mobile_creative {
display: block;
position: relative;
z-index: 2;
margin-top: 20px;
}
.creative_content_list {
justify-content: center;
}
.tab_blocks_icons.third_columns ul li {
width: 49%;
}
.events_wrap {
flex-wrap: wrap;
border-radius: 26px 26px 0 0;
}
.description_block_events {
max-width: 590px;
margin-right: 0;
text-align: center;
padding-top: 50px;
}
.description_block_events h2 {
font-size: 28px;
}
.text_block_events {
font-size: 16px;
}
#slider_event .swiper-slide img {
height: 305px;
}
#slider_event {
max-width: inherit;
padding-bottom: 40px;
margin-top: 50px;
width: auto;
max-width: 100%;
}
.swiper-scrollbar.swiper-scrollbar-horizontal {
height: 10px;
background: #F8F8F8;
}
.swiper-scrollbar-drag {
height: 8px;
background: rgb(127, 35, 223);
}
.wrap_block_content {
flex-wrap: wrap;
}
.img_page_left {
max-width: 100%;
}
.content_right {
max-width: 100%;
margin-top: 25px;
}
.content_right h3 {
font-size: 28px;
}
.content_right p {
font-size: 16px;
}
.img_page_left:before {
bottom: -40%;
left: -125%;
}
.listing_advocacy > .wrap_block_content:nth-child(2n) .img_page_left:before {
bottom: -55%;
right: -135%;
left: auto;
}
.listing_advocacy > .wrap_block_content:nth-child(2n) {
margin-top: 50px;
}
.content_right ul.icons_list li span {
font-size: 20px;
max-width: inherit;
margin-bottom: 22px;
margin-left: 6px;
}
.content_right h4 {
font-size: 22px;
}
#customer_expiriense .title_wrap h2 {
text-align: center;
}
.list_blocks_customer > div {
max-width: 315px;
width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
.button_more_post {
display: flex;
justify-content: flex-start;
}
.list_blocks_customer .button_more_post {
justify-content: center;
}
#customer_expiriense .title_wrap {
justify-content: center;
}
.events_wrap:before {
background: url(//new2.cyberx.world/wp-content/themes/cyberx/img/solution_mobile_bg.png.png) no-repeat;
border-radius: 26px 26px 0 0;
}
.list_typografy > div {
flex-wrap: wrap;
}
.list_typografy > div > div:last-child {
width: 100%;
margin-left: 0;
}
.hero_solution:before {
left: -111%;
top: -37%;
}
#hero_page {
padding-top: 75px;
}
.hero_solution.hero_partners .wrap_buttons_hero {
display: none;
}
#hero_page.hero_solution {
padding-bottom: 30px;
}
#why_parners_with_our h2 {
margin-left: -25px;
margin-right: -25px;
}
.list_blocks_why_partners {
flex-wrap: wrap;
}
.list_blocks_why_partners > div {
width: 100%;
margin-right: 0;
text-align: center;
padding-bottom: 10px;
}
.title_why_partners {
font-size: 22px;
max-width: 275px;
margin-top: 20px;
margin: 0 auto;
}
.content_right ul:not(.icons_list) {
margin-bottom: 20px;
margin-top: 20px;
}
#advocaty_service.not_solution .listing_advocacy .wrap_block_content .content_right .button.button_arrow {
margin-left: 0;
}
#advocaty_service.not_solution .listing_advocacy .wrap_block_content:last-child .content_right {
max-width: 100%;
text-align: left;
}
.content_right .block_description_content_right_icons ul.icons_list li {
width: 100%;
text-align: left;
justify-content: center;
margin-bottom: 40px;
position: relative;
z-index: 2;
}
#advocaty_service.not_solution .listing_advocacy > .wrap_block_content:nth-child(2n) .img_page_left:before {
bottom: -4%;
left: -120%;
}
.content_right .block_description_content_right_icons ul.icons_list li:last-child {
margin-bottom: 0;
}
.blue_title {
margin-bottom: 25px;
margin-top: 25px;
}
#register_partners {
margin-top: 0;
padding-top: 40px;
}
.title_register_partners {
font-size: 20px;
}
.list_blocks_register div p {
font-size: 16px;
}
.description_why_partners {
font-size: 18px;
}
.line_table > div {
font-size: 16px;
}
.line_table > div:last-child {
padding-left: 10px;
}
.head_table_wrap > div {
font-size: 20px;
}
.line_table {
padding: 14px 14px;
margin-bottom: 10px;
}
.button_description_table {
display: none;
}
.head_table {
min-height: 75px;
}
.head_table_wrap {
min-height: 70px;
}
.head_table.mobile_head_table {
display: block;
background: linear-gradient(0deg, rgba(103, 29, 180, 0.3) 0%, rgba(255, 255, 255, 0.3) 90%);
min-height: 75px;
border-radius: 0 0 20px 20px;
box-shadow: 0px 8px 13px -5px #e3d5f2;
margin-top: -10px;
}
.head_table.mobile_head_table .head_table_wrap {
border-radius: 0 0 20px 20px;
min-height: 70px;
}
.head_table_wrap > div:first-child:after {
height: 40px;
}
#partners_journey {
margin-top: 80px;
}
#partners_journey .title_wrap {
text-align: center;
}
.container_listing_partner {
flex-wrap: wrap;
padding-top: 40px;
padding-bottom: 0px;
}
.number_block_listing:after {
display: none;
}
.number_block_listing:before {
display: none;
}
.block_partners_listing {
min-width: auto;
margin-bottom: 0;
display: flex;
padding-bottom: 70px;
width: auto;
}
.top_block_text {
position: relative;
top: 0;
left: 0;
order: 2;
margin-left: 18px;
padding-right: 30px;
}
.container_listing_partner .block_partners_listing:after {
height: 100%;
top: 32px;
width: 8px;
left: 31px;
}
.description_top_text {
padding-left: 0;
}
.number_block_listing {
min-width: 68px;
}
.container_listing_partner .block_partners_listing:nth-child(2n) .top_block_text {
left: 0;
top: 0;
text-align: left;
}
.description_top_text {
font-size: 18px;
}
.big_title_top_text {
font-size: 24px;
}
.container_listing_partner .block_partners_listing:nth-child(4) {
margin-right: 0;
min-width: 269px;
width: auto;
max-width: 325px;
}
#hero_page.hero_about #numbers {
margin-top: 40px;
margin-bottom: 60px;
}
.hero_about .img_hero_page {
margin-top: 20px
}
.right_strategy img {
max-width: 275px;
margin-left: auto;
margin-right: auto;
display: block;
}
.wrap_strategy_block {
flex-wrap: wrap;
justify-content: center;
text-align: center;
}
.text_strategy {
margin-left: 0;
}
.title_text_strategy {
font-size: 36px;
}
.description_text_strategy {
font-size: 20px;
}
.list_strategy {
margin-top: 0;
}
.title_strategy_block_description {
font-size: 36px;
}
.simple_block_strategy {
order: 2;
width: 100%;
max-width: inherit;
min-height: auto;
margin-right: 0;
margin-bottom: 24px;
}
.description_strategy_block {
order: 1;
width: 100%;
margin: 0;
flex-wrap: wrap;
height: auto;
flex-direction: column;
align-items: center;
text-align: center;
margin-bottom: 40px;
max-width: 100%;
}
.title_strategy_list {
font-size: 22px;
}
.description_creative_list {
font-size: 16px;
}
.title_str_values {
justify-content: center;
flex-wrap: wrap;
}
.title_str_values h2 {
font-size: 36px;
margin-bottom: 0;
margin-left: 0;
width: 100%;
text-align: center;
margin-top: 15px;
}
.list_values div {
width: 47%;
}
.list_values div a {
font-size: 22px;
padding: 0 20px;
}
#cyber_offers_title {
margin-top: 60px;
}
#cyber_offers_title {
margin-top: 70px;
}
#cyber_offers_title > .wrapper {
padding: 0
}
#cyber_offers_title .title_line:after {
width: 12%;
}
#cyber_offers_title .title_line:before {
width: 12%;
}
.different_img {
order: inherit;
margin-bottom: 40px;
}
.different_img:before {
bottom: -80%;
left: -120%;
}
.different_text {
position: relative;
text-align: left;
}
.different_text h2 {
font-size: 28px;
}
.different_text p {
font-size: 16px;
}
.list_defferent_icons ul li {
width: 48%;
margin-bottom: 34px;
text-align: center;
}
.different_title {
font-size: 18px;
max-width: 155px;
}
.description_bottom_differens {
font-size: 16px;
}
#what_makes_different {
margin-top: 0;
padding-bottom: 80px;
}
#solutions.solution_about {
padding-top: 60px;
margin-bottom: 30px;
}
.hero_strategy:after {
content: " ";
background: linear-gradient(90deg, #FFFFFF 0%, #676767 50%, #FFFFFF 100%);
height: 1px;
width: 100%;
display: block;
margin-top: 0px;
position: relative;
bottom: 0;
order: 3;
margin: 40px 0;
}
.form_block_wrap .wpcf7-form-control-wrap {
position: relative;
width: 100%;
}
.modal_updated,
.modal_success {
padding: 40px 0;
min-width: 320px;
}
.modal_updated .modal_button_continue,
.modal_success .modal_button_continue {
max-width: 220px;
height: 47px;
}
.description_succes {
padding: 0 10px;
margin-bottom: 20px;
}
.title_succes {
margin-top: 10px;
margin-bottom: 10px;
}
.next_pagination:after {
margin-left: 0;
}
.previous:before {
margin-left: 0;
}
.listing_category_resources > div a.active {
border-radius: 0;
}
.wpcf7-form-control-wrap {
position: relative;
width: 100%;
margin-bottom: 25px;
margin: 0;
}
#creative_content.engagements_creative_content .creative_content_list .simple_block_creative {
margin-left: 0;
padding-bottom: 0;
max-width: 500px;
width: 100%;
margin-bottom: 20px;
}
.block_benefits_bottom_description {
font-size: 18px;
line-height: 1.5;
text-align: center;
margin-top: 20px;
}
#what_sets.engagements_whats_sets {
padding-top: 40px;
}
#what_sets.engagements_whats_sets h2 {
font-size: 28px;
text-align: center;
padding: 0 60px;
margin-bottom: 35px;
text-transform: uppercase;
}
#what_sets.engagements_whats_sets .description_what {
text-align: center;
}
#creative_content.engagements_creative_content {
margin-bottom: 40px;
}
#creative_content.engagements_creative_content .main_block_description_careative {
padding-left: 0;
padding-right: 0;
}
.key_block_wrap {
flex-wrap: wrap;
}
.key_image:before {
height: 573px;
left: -140%;
top: 21px;
}
.key_description h2 {
font-size: 32px;
margin-top: 0;
text-align: center;
margin-bottom: 75px;
}
.key_listing_block {
align-items: center;
flex-wrap: wrap;
background: linear-gradient(180deg, #FAFAFA 0%, #FFFFFF 100%);
justify-content: center;
text-align: center;
margin-bottom: 35px;
border-radius: 14px;
padding: 0 15px;
}
.key_image_block {
margin-right: 0;
margin-top: -44px;
}
.key_description {
position: relative;
}
.link_key_listing {
margin-left: -20px;
margin-right: -20px;
}
.link_key_listing:after {
width: 18%;
}
.link_key_listing:before {
width: 18%;
}
#main_block_cta_line {
margin: 0;
margin-bottom: 0;
}
.images_line_cta img:not(.mobile_bg_free_book) {
display: none;
}
.mobile_bg_free_book {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
width: 100%;
height: 100%;
}
.center_cta_line {
padding: 0;
}
.center_cta_line:before {
content: " ";
background: linear-gradient(180deg, #671DB4 0%, rgba(103, 29, 180, 0.7) 70%, rgba(103, 29, 180, 0.85) 100%);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.wrap_center_cta {
position: relative;
z-index: 2;
padding: 0 20px;
text-align: center;
}
.description_cta_center {
font-size: 18px;
line-height: 1.3;
}
.wrap_center_cta h2 {
font-size: 28px;
margin-bottom: 20px;
}
.top_line_white {
border-radius: 0 0 26px 26px;
}
.bottom_line_white {
border-radius: 26px 26px 0 0;
}
.video_block img {
border-radius: 22px;
}
.modal_login.modal {
min-width: 320px;
}
.modal_register {
min-width: 320px;
margin-left: 10px;
margin-right: 10px;
}
.account_top {
flex-wrap: wrap;
}
.links_account {
flex-wrap: wrap;
}
.list_personal_info > .form_group {
width: 100%;
}
.list_personal_info > .form_group.email_form {
width: 100%;
}
.list_personal_info > .form_group.phone_form {
width: 100%;
}
.list_personal_info > .form_group.submit_form {
width: 100%;
}
.form_change_pass .form_group {
width: 100%;
text-align: center;
margin-bottom: 20px;
}
.title_change_pass:before {
max-width: 49%;
}
.title_change_pass:after {
max-width: 49%;
}
.listing_inputs_change_pass .label_account_personal {
margin-left: 0;
text-align: left;
}
.calendar-day {
min-width: 50px;
}
.calendar-cell {
min-width: 49px;
padding: 7px 0;
min-height: 43px;
text-align: center;
border-radius: 10px;
}
.calendar-grid {
justify-content: space-between;
}
.calendar-cell strong {
font-size: 18px;
}
.block_event_table {
display: none;
}
.calendar-grid {
padding: 0 2px;
}
.block_mobile_calendar_items {
text-align: center;
margin: 0 auto;
position: relative;
bottom: -3px;
display: flex;
align-items: center;
justify-content: center;
}
.block_mobile_calendar_items span {
width: 5px;
height: 5px;
display: block;
background: #671DB4;
border-radius: 100px;
margin: 0 3px;
}
#overlay_mobile_calendar {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: rgb(171 171 171 / 39%);
backdrop-filter: blur(1.5px);
display: flex;
align-items: center;
justify-content: center;
z-index: 999;
display: none;
}
#mobile_modal_calendar {
height: auto;
background: #fff;
padding: 40px;
border-radius: 22px;
position: relative;
padding-bottom: 30px;
}
.close_mobile_calendar {
position: absolute;
right: 15px;
top: 15px;
}
.mobile_event_info {
max-width: 210px;
}
.title_mobile_event {
font-weight: bold;
font-size: 16px;
}
.date_mobile_event {
color: #671DB4;
font-size: 14px;
font-weight: bold;
margin: 10px 0;
margin-bottom: 15px;
}
.file_download_mobile a {
background: linear-gradient(180deg, #671DB4 0%, #7F23DF 100%);
opacity: 1;
height: 50px;
border: none;
border-radius: 22px;
padding: 0 50px;
font-size: 2rem;
color: #fff;
font-weight: bold;
cursor: pointer;
width: 100%;
transition: 0.5s;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
}
.modals_events {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: rgb(171 171 171 / 39%);
backdrop-filter: blur(1.5px);
display: none;
align-items: center;
justify-content: center;
z-index: 999;
}
.modals_events.active {
display: flex;
}
.modal_content_events {
background: #fff;
padding: 30px;
border-radius: 20px;
position: relative;
}
.modal_content_events .block_event_table {
display: block;
max-width: 200px;
width: 100%;
min-width: 200px;
}
.close_modal_wrap {
width: 16px;
height: 16px;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99586 8L15.5824 2.41348C15.8475 2.14881 15.9967 1.78966 15.997 1.41503C15.9973 1.0404 15.8488 0.680986 15.5841 0.415851C15.3195 0.150716 14.9603 0.00157854 14.5857 0.0012477C14.2111 0.000916852 13.8517 0.14942 13.5865 0.414087L8 6.00061L2.41348 0.414087C2.14834 0.148952 1.78874 0 1.41378 0C1.03882 0 0.679222 0.148952 0.414087 0.414087C0.148952 0.679222 0 1.03882 0 1.41378C0 1.78874 0.148952 2.14834 0.414087 2.41348L6.00061 8L0.414087 13.5865C0.148952 13.8517 0 14.2113 0 14.5862C0 14.9612 0.148952 15.3208 0.414087 15.5859C0.679222 15.851 1.03882 16 1.41378 16C1.78874 16 2.14834 15.851 2.41348 15.5859L8 9.99939L13.5865 15.5859C13.8517 15.851 14.2113 16 14.5862 16C14.9612 16 15.3208 15.851 15.5859 15.5859C15.851 15.3208 16 14.9612 16 14.5862C16 14.2113 15.851 13.8517 15.5859 13.5865L9.99586 8Z' fill='%23191919'%3E%3C/path%3E%3C/svg%3E");
margin-right: 0;
margin-left: auto;
margin-bottom: 20px;
}
.register_form .button.button_arrow {
margin-top: 4px;
}
.register_form input[type="email"], .register_form input[type="password"], .register_form input[type="text"] {
height: 40px;
margin-bottom: 15px;
}
.logout a span {
position: relative;
top: 0;
}
#filter_blocks {
margin-top: -70px;
}
#hero_page.hero_find_a_partners {
padding-bottom: 90px;
}
.filter_block_wrap {
padding: 30px 20px;
padding-bottom: 50px;
flex-wrap: wrap;
}
.form_group_filter {
width: 100%;
margin-bottom: 30px;
}
.filter_block_wrap .form_group_filter:last-child {
margin-bottom: 0;
}
.certificed_premium_wrap {
flex-wrap: wrap;
}
.block_image_partners_premium {
width: 100%;
}
.block_text_partners_premium {
width: 100%;
text-align: center;
margin-top: 40px;
}
.certificed_premium_wrap {
padding-bottom: 40px;
margin-bottom: 40px;
}
.list_cards .card {
width: 100%;
margin-right: 0;
margin-bottom: 35px;
}
.submit_form_change_pass {
margin-top: 0px;
}
.list_personal_info > .form_group.submit_form input {
max-width: 180px;
margin-left: auto;
margin-right: auto;
display: block;
}
.key_description .link_key_listing {
margin-left: 0;
}
}
.mobile_what_sets{
display: none!important;
}
@media screen and (max-width: 567px){
.mobile_what_sets{
display: block!important;
}
.ico_why_partners{
justify-content: center
}
.mobile_what_sets + img{
display: none;
}
#cta:before{
width: 100%;
height: auto;
padding-bottom: 75%;
background: url(//new2.cyberx.world/wp-content/uploads/2025/12/newsletter_mobile.png) no-repeat center / contain;
opacity: 1
}
#cta.cta_newsletter{
overflow: visible
}
}
@media screen and (min-width: 567px) and (max-width: 767px) {
#hero {
background-position: 0 -213px;
}
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
#overlay.show_modal_register {
align-items: flex-start;
}
.modal_register {
margin-top: 30px;
margin-bottom: 50px;
}
#overlay {
overflow-y: auto;
}
}
@media screen and (min-width: 767px) {
#overlay_mobile_calendar {
display: none!important;
}
}
@media screen and (min-width: 1000px) and (max-width: 1299px) {
.list_values div {
width: 19%;
text-align: center;
}
} .content_text_block img{
max-width: 100%;
}
.info_post_big{
width: 100%;
}
.big_post_img,
.other_posts .img_post,
.list_block_campaings .img_post{
min-height: 200px;
background: #f6f6f6;
}
img.not_found_img {
object-fit: contain!important;
opacity: 0.5;
}
.post_listing .big_post_img iframe {
max-width: 620px
}
.big_post_img iframe {
max-height: 380px;
width: 100% !important;
height: 380px !important;
border-radius: 15px;
}
.acf-video {
width: 100%;
}
.other_posts .img_post .acf-video {
height: 235px;
object-fit: cover;
border-radius: 18px;
}
.list_block_campaings .img_post .acf-video {
width: 100%;
height: 304px;
object-fit: cover;
border-radius: 15px;
}
.swiper-slide .acf-video {
width: 100%;
max-width: 640px;
height: 425px;
object-fit: cover;
display: block;
}
.other_posts .img_post iframe {
height: 235px!important;
object-fit: cover;
border-radius: 18px;
width: 100%;
}
.list_block_campaings .img_post iframe {
width: 100%;
height: 304px!important;
object-fit: cover;
border-radius: 15px;
}
.swiper-slide iframe {
width: 100%;
max-width: 640px;
height: 425px!important;
object-fit: cover;
display: block;
}
.img_author img {
width: 46px;
height: 46px;
border-radius: 100px;
} @media screen and (min-width: 769px){
.listing_subgroup_hidden{
max-height: 120px;
position: relative;
overflow: hidden;
}
.listing__show{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 60px;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%);
text-align: center;
padding-top: 28px;
font-size: 24px;
color: #671DB4;
cursor: pointer;
transition: color .2s ease
}
.listing__show:hover{
color: #7F23DF
}
}