/* common css start */

@font-face {
    font-family: 'Spoiler';
    src: url('../fonts/Spoiler-Black.eot');
    src: local('Spoiler-Black'),
        url('../fonts/Spoiler-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Spoiler-Black.woff2') format('woff2'),
        url('../fonts/Spoiler-Black.woff') format('woff'),
        url('../fonts/Spoiler-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Spoiler';
    src: url('../fonts/Spoiler-Bold.eot');
    src: local('Spoiler-Bold'),
        url('../fonts/Spoiler-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Spoiler-Bold.woff2') format('woff2'),
        url('../fonts/Spoiler-Bold.woff') format('woff'),
        url('../fonts/Spoiler-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Spoiler';
    src: url('../fonts/Spoiler-Regular.eot');
    src: local('Spoiler-Regular'),
        url('../fonts/Spoiler-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Spoiler-Regular.woff2') format('woff2'),
        url('../fonts/Spoiler-Regular.woff') format('woff'),
        url('../fonts/Spoiler-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.mobile_only_767 {display: none;}
@media(max-width: 767px) {
    .desktop_only_767 {display: none;}
    .mobile_only_767 {display: block;}
}
* {box-sizing: border-box;margin: 0;padding: 0;}
html {font-size: 16px;}
body {font-family: 'Spoiler', Arial, sans-serif;margin: 0;padding: 0;overflow: hidden;direction: rtl;text-align: right;color: #ffffff;background-image: url('../images/background.png');background-size: cover;background-position: center;background-repeat: no-repeat;height: 100vh;}

/* common css start */

/* ------------------------------------------------------------------------------------------------------- */

/* header css start */

.header {display: flex;align-items: center;justify-content: space-between;transform: scale(0.95);width: 100%;max-width: 1750px;padding: 1.25rem 4rem 0;margin: auto;}
.title h1 {font-size: 7.5rem;color: #00a9a4;font-weight: 900;}
.title h1 span {color: #ffffff;}
.logo {margin-left: -4.25rem;}
.logo img {max-width: 13.5rem;}

/* header css end */

/* ------------------------------------------------------------------------------------------------------- */

/* body container css start */

.body-container {width: 100%;max-width: 1750px;margin: 0 auto;padding: 0 4rem;height: calc(100% - 7.5rem - 15rem);display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;transform: scale(0.95);}

.main-content {display: flex;flex-wrap: wrap;justify-content: space-between;height: 100%;margin: 0 -4rem;}

.line-section {flex: 0 0 50%;max-width: 50%;padding: 0 4rem;display: flex;flex-direction: column;}
.line-section + .line-section {position: relative;}
.line-section + .line-section:before {content: '';position: absolute;right: 0;width: 1px;height: calc(100% - 8rem);background-color: #ffffff;}

.line-section h2 {color: #f78f1e;font-size: 3rem;font-weight: 900;padding-bottom: 1rem;line-height: 0.5;}

.small-title {margin-top: auto;margin-right: -4rem;}
.small-title h3 {color: #00a9a4;font-size: 2.2rem;font-weight: 700;text-shadow: 0px 0px 1px currentColor, 0px 0px 1px currentColor, 0px 0px 1px currentColor, 0px 0px 1px currentColor;letter-spacing: 0.5px;}
.line p {font-size: 2.2rem;color: #ffffff;line-height: 1;}
.line p strong {font-weight: 900;font-size: 80%;}
.line a {font-size: 2.2rem;color: #00a9a4;line-height: 1;}

/* body container css start */

/* ------------------------------------------------------------------------------------------------------- */

/* bottom-bar css start */

.bottom-bar {width: 100%;position: absolute;bottom: 0;left: 0;right: 0;height: 8rem;background-color: #ffffff;display: flex;align-items: center;justify-content: center;padding: 1.25rem;}
.bottom-bar img {max-width: 100%;max-height: 100%;}
.verified_icon {position: fixed;bottom: 11rem;left: 1rem;}

/* bottom-bar css end */