@font-face {
    font-family: 'RubikRegular';
    src: url('Rubik-Regular.ttf');
}

@font-face {
    font-family: 'RubikBold';
    src: url('Rubik-Bold.ttf');
}


#sample_img{
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    padding-left: 8px;
    margin-top: -5px;
    pointer-events: none;
    z-index: 10;
    opacity: 0.0;
}

#logo {
    margin-top: 11px;
    margin-bottom: 16px;
}

body {
    margin: 0;
    scroll-behavior: smooth;
}

html {
    scroll-behavior: smooth;
}

#site_root {
    padding: 0;
    margin: 0;
    text-align: center;
}

#header_strip {
    width: 100%;
}

#header_links {
    position: absolute;
    right: -24px;
    top: 363px;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

#nav_buttons {
    display: flex;
    gap: 43px;
    position: absolute;
    right: 19px;
    top: 88px;
}

#nav_buttons > a {
    color: white;
    text-decoration: none;
    font-family: RubikRegular;
    font-size: 0.94rem;
    transition: all .2s ease-in-out;
    opacity: 0.9;
}

#nav_buttons > a:hover {
    opacity: 1;
}

#nav_marker {
    position: absolute;
    right: 13px;
    top: 72px;
    transition: right 0.2s;
}

#challenges_strip {
    width: 100%;
}

#advantages_strip {
    width: 100%;
}

#contact_us_strip {
    width: 100%;
    display: flex;
    justify-content: center;
}

.media_link {
    transition: all .2s ease-in-out;
}

.media_link:hover {
    transform: scale(1.1);
}

#site_header {
    display: inline-block;
    text-align: left;
    position: relative;
}

#challenges {
    padding-top: 21px;
    font-size: 1.59rem;
}

#advantages {
    padding-top: 30px;
    font-size: 1.59rem;
}

.section_header {
    font-family: RubikRegular;
    direction: rtl;
    color: #1d1d1b;
}

#challengesTopRow {
    display: flex;
    justify-content: center;
    padding-left: 14px;
    padding-top: 41px;
}

.challengesTopRowEntry {
    position: relative;
    transition: all .2s ease-in-out;
}

.challengesTopRowEntry:hover {
    transform: scale(1.1);
}

#challengesTopRowEntryLeft {

}

#challengesTopRowEntryRight {
    margin-left: 15px;
}

#challengesTopRowEntryLeftIcon {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 16px);
}

#challengesTopRowEntryRightIcon {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 10px);
    pointer-events: none;
}

p {
    font-family: RubikRegular;
    color: #ffffff;
    direction: rtl;
}

.challengesTopRowEntryTitle {
    position: absolute;
    top: 106px;
    left: 50%;
    transform: translate(-52.5%, 0);
    font-size: 1.64rem;
    pointer-events: none;
}

.challengesTopRowEntryClick {
    position: absolute;
    top: 180px;
    left: 50%;
    transform: translate(-54%, 0);
    font-size: 1.24rem;
}

.challengesMidRow {
    display: flex;
    justify-content: center;
    padding-left: 36px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.challengesMidRowEntry {
    position: relative;
    margin-left: -9px;
    transition: all .2s ease-in-out;
}

.challengesMidRowEntry:hover {
    transform: scale(1.1);
}


.challengesMidRowEntryIcon {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0px);
    pointer-events: none;
}

.challengesMidRowEntryTitle {
    position: absolute;
    top: 80px;
    left: 50%;
    transform: translate(-54%, 0);
    font-size: 1.2rem;
    width: 100%;
    pointer-events: none;
}

.challengesMidRowEntryClick {
    position: absolute;
    top: 182px;
    left: 50%;
    transform: translate(-54%, 0);
    font-size: 1.24rem;
    color: #7043ec;
    width: 100%;
}

.challengesMidRowEntryClickLight {
    position: absolute;
    top: 182px;
    left: 50%;
    transform: translate(-54%, 0);
    font-size: 1.24rem;
    color: #6395ba;
    width: 100%;
}


#challengesBottomRow {
    margin-top: 54px;
}

.challengesBottomRowEntry {
    display: flex;
    justify-content: center;
}

.challengesBottomRowEntryCell {
    width: 319px;
    height: 265px;
    text-align: right;
    transition: all .2s ease-in-out;
    opacity: 0.9;
}

.challengesBottomRowEntryCell:hover {
    opacity: 1;
}

.challengesBottomRowEntryCell > p {
    margin-right: 43px;
    margin-top: 20px;
    font-size: 1.125rem;
}

#advantagesInfoRow {
    display: flex;
    justify-content: center;
    padding-left: 60px;
    padding-top: 30px;
}

.advantagesInfoRowEntry {
    position: relative;
    margin-left: -35px;
    transition: all .2s ease-in-out;
}

.advantagesInfoRowEntry:hover {
    transform: scale(1.1);
}

.advantagesInfoRowEntryIcon {
    position: absolute;
}

.advantagesInfoRowEntryTitle {
    position: absolute;
    top: 78px;
    left: 50%;
    transform: translate(-54%, 0);
    font-size: 1.2rem;
    width: 100%;
}

#advantagesVideos {
    display: flex;
    justify-content: center;
    padding-left: 9px;
    gap: 9px;
    margin-top: 64px;
}

.advantagesVideoColumn
{
    width: 303px;
}

.advantagesVideoSmallHorizontal {
    height: 210px;
    position: relative;
}

.advantagesVideoVertical {
    height: 428px;
    position: relative;
}

.videoTitle {
    position: absolute;
    width: 100%;
    bottom: -44px;
    height: 44px;
    background-color: #7043ec;
    opacity: 0.76;
    font-size: 1.185rem;
    pointer-events: none;
}


.videoTitle > p {
    margin-top: 10px;
}

#advantagesNumbersContainer {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

#advantagesNumbers {
    background-color: #e7e7e7;
    width: 1080px;
    height: 486px;
    color: black;
    display: flex;
    justify-content: center;
    position: relative;
}

#advantagesNumbersTexts {
    width: 493px;
}

#advantagesNumbersTexts > p {
    color: black;
}

#advantagesNumbersMainTitle {
    margin-top: 49px;
    font-size: 1.59rem;
}

#advantagesNumbersEventTitle {
    font-family: RubikBold;
    font-size: 1.2rem;
    margin-top: 45px;
}

#advantagesNumbersEventDetails {
    font-size: 1.185rem;
    margin-top: -18px;
    text-align: right;
}

#advantagesNumbersResultsLabel {
    font-family: RubikBold;
    font-size: 1.2rem;
    margin-top: -18px;
}

#advantagesNumbersResultNumbersContainer {
    display: flex;
    justify-content: space-around;
}

#advantagesNumbersResultNumbersColumn1 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#advantagesNumbersResultNumbersColumn1Val {
    color: #a0d2e4;
    font-size: 6.8rem;
    margin-top: -24px;
    margin-bottom: 0;
}

#advantagesNumbersResultNumbersColumn1Label {
    color: black;
    font-size: 1.185rem;
    margin-top: -16px;
}

#advantagesNumbersResultNumbersColumn2 {
    display: flex;
    flex-direction: column;
    align-items: center;
}


#advantagesNumbersResultNumbersColumn2 {
    vertical-align: middle;
    font-family: RubikRegular;
}

#advantagesNumbersResultNumbersColumn2Val {
    color: #a0d2e4;
    font-size: 6.8rem;
    margin-top: -24px;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

#advantagesNumbersResultNumbersColumn2Label {
    color: black;
    font-size: 1.185rem;
    margin-top: -16px;
}

#advantagesNumbersEventLink {
    color: #7043ec !important;
    font-size: 1.185rem;
    margin-top: 24px;
}

#advantagesNumbersPrevBtn {
    position: absolute;
    left: 147px;
    top: 258px;
}

#advantagesNumbersNextBtn {
    position: absolute;
    right: 147px;
    top: 258px;
}

.advantagesNumbersNavBtn {
    transition: all .2s ease-in-out;
}

.advantagesNumbersNavBtn:hover {
    transform: scale(1.3);
}

#contact_us {
    margin-top: 30px;
    background-color: #7043ec;
    width: 1080px;
}

#contact_data_row {
    display: flex;
    justify-content: center;
    margin-top: 57px;
    gap: 45px;
}

.contact_data_container {
    display: flex;
}

#contact_title {
    font-size: 1.65rem;
    margin-top: 26px;
}

#contact_inputs {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 67px;
}

#contact_inputs > input {
    width: 181px;
    height: 47px;
    direction: rtl;
    font-size: 1.185rem;
}


#contact_inputs > button {
    width: 276px;
    height: 47px;
    direction: rtl;
    border: 0;
    background-color: #c2abe8;
    color: white;
    font-size: 1.185rem;
    font-family: RubikRegular
}

.contact_data_text {
    text-align: left;
    font-size: 1.1rem;
    margin-top: 0;
}

.contact_data_icon {
    margin-right: 32px;
}

.contact_link {
    color: #a0d2e4;
}

#marketing_top_section_strip {
}

#marketing_top_section_top {
    display: flex;
    justify-content: center;
    padding-left: 14px;
    padding-top: 41px;
    position: relative;
    transition: all .2s ease-in-out;
}

#marketing_top_section_top_circle {
    position: relative;
    margin-left: 6px;
    margin-top: -7px;
}

#marketing_top_section_top_circle_icon {
    position: absolute;
    left: 50%;
    transform: translate(-55%, 16px);
}

.marketing_top_section_top_circle_text {
    position: absolute;
    top: 112px;
    left: 50%;
    transform: translate(-52%, 0);
    font-size: 1.64rem;
    width: 100%;
}

#marketing_top_section_mid {
    font-size: 23px;
    font-family: RubikRegular;
    margin-top: -5px;
}

#marketing_top_section_bottom {
    display: flex;
    justify-content: center;
}

#marketing_top_section_bottom_video_container {
    margin-top: 55px;
}

.marketing_section_bottom_video {
    height: 500px;
}

.videoTitleMarketing {
    width: 100%;
    height: 44px;
    background-color: #7043ec;
    opacity: 0.76;
    font-size: 1.185rem;
    pointer-events: none;
    display:flex;
    flex-direction: column;
    justify-content: center;
    margin-top: -3px;
}

.videoTitleMarketing > p {
    margin: 0;
}


#marketing_2nd_section_strip {
    margin-top: 50px;
    background-color: #0f528b0F;
    padding-bottom: 20px;
}

#marketing_3rd_section_strip {
    margin-top: 50px;
}

#marketing_4th_section_strip {
    margin-top: 50px;
    background-color: #0f528b0F;
    padding-bottom: 20px;
}


#hr_2nd_section_strip {
    margin-top: 50px;
}

#hr_3rd_section_strip {
    margin-top: 50px;
}

#hr_4th_section_strip {
    margin-top: 50px;
    background-color: #0f528b0F;
    padding-bottom: 20px;
}




#marketing_2nd_section_strip_top_circle_icon {
    position: absolute;
    left: 50%;
    transform: translate(-55%, 0px);
}

#marketing_2nd_section_bottom_video_container {
    margin-top: 55px;
}

#marketing_3rd_section_bottom {
    display: flex;
    justify-content: center;
}

#marketing_3rd_section_bottom_video_container {
    position: relative;
    margin-top: 55px;
    gap: 30px;
}

#marketing_4th_section_strip_top_circle_icon {
    position: absolute;
    left: 50%;
    transform: translate(-55%, 0);
}

.marketing_4th_section_top_circle_text {
    position: absolute;
    top: 129px;
    left: 50%;
    transform: translate(-52%, -14px);
    font-size: 1.64rem;
    width: 100%;
    color: white;
}

#marketing_4th_section_top_circle {
    position: relative;
    margin-left: 6px;
    margin-top: 10px;
}

#marketing_4th_section_mid {
    font-size: 23px;
    font-family: RubikRegular;
    margin-top: 10px;
}