html {
    scroll-behavior: smooth;
}




@font-face {
	font-family:'SF Pro Icons';
	font-style:normal;
	font-weight:100;
	src:url("fonts/SF-Pro-Icons/v3/sf-pro-icons_ultralight.woff2") format("woff2"), url("fonts/SF-Pro-Icons/v3/sf-pro-icons_ultralight.woff") format("woff"), url("fonts/SF-Pro-Icons/v3/sf-pro-icons_ultralight.ttf") format("truetype");
	/* 
 */
}

@font-face {
	font-family:'SF Pro Icons 100';
	src:url('fonts/SF-Pro-Icons/v3/sf-pro-icons_ultralight.eot');
	/* 
 */
}

@font-face {
	font-family:'SF Pro Icons';
	font-style:normal;
	font-weight:200;
	src:url("fonts/SF-Pro-Icons/v3/sf-pro-icons_thin.woff2") format("woff2"), url("fonts/SF-Pro-Icons/v3/sf-pro-icons_thin.woff") format("woff"), url("fonts/SF-Pro-Icons/v3/sf-pro-icons_thin.ttf") format("truetype");
	/* 
 */
}

@font-face {
	font-family:'SF Pro Icons 200';
	src:url('fonts/SF-Pro-Icons/v3/sf-pro-icons_thin.eot');
	/* 
 */
}

@font-face {
	font-family:'SF Pro Icons';
	font-style:normal;
	font-weight:300;
	src:url("fonts/SF-Pro-Icons/v3/sf-pro-icons_light.woff2") format("woff2"), url("fonts/SF-Pro-Icons/v3/sf-pro-icons_light.woff") format("woff"), url("fonts/SF-Pro-Icons/v3/sf-pro-icons_light.ttf") format("truetype");
	/* 
 */
}

@font-face {
	font-family:'SF Pro Icons 300';
	src:url('fonts/SF-Pro-Icons/v3/sf-pro-icons_light.eot');
	/* 
 */
}

@font-face {
	font-family:'SF Pro Icons';
	font-style:normal;
	font-weight:500;
	src:url("fonts/SF-Pro-Icons/v3/sf-pro-icons_medium.woff2") format("woff2"), url("fonts/SF-Pro-Icons/v3/sf-pro-icons_medium.woff") format("woff"), url("fonts/SF-Pro-Icons/v3/sf-pro-icons_medium.ttf") format("truetype");
	/* 
 */
}

@font-face {
	font-family:'SF Pro Icons 500';
	src:url('fonts/SF-Pro-Icons/v3/sf-pro-icons_medium.eot');
	/* 
 */
}

@font-face {
	font-family:'SF Pro Icons';
	font-style:normal;
	font-weight:600;
	src:url("fonts/SF-Pro-Icons/v3/sf-pro-icons_semibold.woff2") format("woff2"), url("fonts/SF-Pro-Icons/v3/sf-pro-icons_semibold.woff") format("woff"), url("fonts/SF-Pro-Icons/v3/sf-pro-icons_semibold.ttf") format("truetype");
	/* 
 */
}

@font-face {
	font-family:'SF Pro Icons 600';
	src:url('fonts/SF-Pro-Icons/v3/sf-pro-icons_semibold.eot');
	/* 
 */
}

@font-face {
	font-family:'SF Pro Icons';
	font-style:normal;
	font-weight:700;
	src:url("fonts/SF-Pro-Icons/v3/sf-pro-icons_bold.woff2") format("woff2"), url("fonts/SF-Pro-Icons/v3/sf-pro-icons_bold.woff") format("woff"), url("fonts/SF-Pro-Icons/v3/sf-pro-icons_bold.ttf") format("truetype");
	/* 
 */
}

@font-face {
	font-family:'SF Pro Icons 700';
	src:url('fonts/SF-Pro-Icons/v3/sf-pro-icons_bold.eot');
	/* 
 */
}

@font-face {
	font-family:'SF Pro Icons';
	font-style:normal;
	font-weight:800;
	src:url("fonts/SF-Pro-Icons/v3/sf-pro-icons_heavy.woff2") format("woff2"), url("fonts/SF-Pro-Icons/v3/sf-pro-icons_heavy.woff") format("woff"), url("fonts/SF-Pro-Icons/v3/sf-pro-icons_heavy.ttf") format("truetype");
	/* 
 */
}

@font-face {
	font-family:'SF Pro Icons 800';
	src:url('fonts/SF-Pro-Icons/v3/sf-pro-icons_heavy.eot');
	/* 
 */
}

@font-face {
	font-family:'SF Pro Icons';
	font-style:normal;
	font-weight:900;
	src:url("fonts/SF-Pro-Icons/v3/sf-pro-icons_black.woff2") format("woff2"), url("fonts/SF-Pro-Icons/v3/sf-pro-icons_black.woff") format("woff"), url("fonts/SF-Pro-Icons/v3/sf-pro-icons_black.ttf") format("truetype");
	/* 
 */
}

@font-face {
	font-family:'SF Pro Icons 900';
	src:url('fonts/SF-Pro-Icons/v3/sf-pro-icons_black.eot');
	/* 
 */
}

@font-face {
	font-family:'SF Pro Icons';
	font-style:normal;
	font-weight:400;
	src:url('fonts/SF-Pro-Icons/v3/sf-pro-icons_regular.eot');
	src:url("fonts/SF-Pro-Icons/v3/sf-pro-icons_regular.woff2") format("woff2"), url("fonts/SF-Pro-Icons/v3/sf-pro-icons_regular.woff") format("woff"), url("fonts/SF-Pro-Icons/v3/sf-pro-icons_regular.ttf") format("truetype");
	/* 
 */
}


@font-face {
    font-family: YekanBakh;
    font-style: normal;
    font-weight: 800;
    src: url("fonts/Yekan Bakh EN 08 Fat.woff") format("woff")
}

@font-face {
    font-family: YekanBakh;
    font-style: normal;
    font-weight: 500;
    src: url("fonts/Yekan Bakh EN 05 Medium.woff") format("woff")
}

@font-face {
    font-family: YekanBakh;
    font-style: normal;
    font-weight: 600;
    src: url("fonts/Yekan Bakh EN 06 Bold.woff") format("woff")
}

@font-face {
    font-family: YekanBakh;
    font-style: normal;
    font-weight: 700;
    src: url("fonts/Yekan Bakh EN 07 Heavy.woff") format("woff")
}

.HYPE_element {
    -webkit-transform: rotateY(0);
}

video.HYPE_element {
    -webkit-transform: none;
}

.HYPE_scene {
    color: #000;
    font-size: 16px;
    font-weight: normal;
    font-family: Helvetica, Arial, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    text-align: left;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
    line-height: normal;
    letter-spacing: normal;
    white-space: normal;
    word-spacing: normal;
    vertical-align: baseline;
    border: none;
    background-color: transparent;
    background-image: none;
    -webkit-font-smoothing: antialiased;
    -moz-backface-visibility: hidden;
}
</style>
<style id="" type="text/css">
.HYPE_scene div,
.HYPE_scene span,
.HYPE_scene applet,
.HYPE_scene object,
.HYPE_scene iframe,
.HYPE_scene h1,
.HYPE_scene h2,
.HYPE_scene h3,
.HYPE_scene h4,
.HYPE_scene h5,
.HYPE_scene h6,
.HYPE_scene p,
.HYPE_scene blockquote,
.HYPE_scene pre,
.HYPE_scene a,
.HYPE_scene abbr,
.HYPE_scene acronym,
.HYPE_scene address,
.HYPE_scene big,
.HYPE_scene cite,
.HYPE_scene code,
.HYPE_scene del,
.HYPE_scene dfn,
.HYPE_scene em,
.HYPE_scene img,
.HYPE_scene ins,
.HYPE_scene kbd,
.HYPE_scene q,
.HYPE_scene s,
.HYPE_scene samp,
.HYPE_scene small,
.HYPE_scene strike,
.HYPE_scene strong,
.HYPE_scene sub,
.HYPE_scene sup,
.HYPE_scene tt,
.HYPE_scene var,
.HYPE_scene b,
.HYPE_scene u,
.HYPE_scene i,
.HYPE_scene center,
.HYPE_scene dl,
.HYPE_scene dt,
.HYPE_scene dd,
.HYPE_scene ol,
.HYPE_scene ul,
.HYPE_scene li,
.HYPE_scene fieldset,
.HYPE_scene form,
.HYPE_scene label,
.HYPE_scene legend,
.HYPE_scene table,
.HYPE_scene caption,
.HYPE_scene tbody,
.HYPE_scene tfoot,
.HYPE_scene thead,
.HYPE_scene tr,
.HYPE_scene th,
.HYPE_scene td,
.HYPE_scene article,
.HYPE_scene aside,
.HYPE_scene canvas,
.HYPE_scene details,
.HYPE_scene embed,
.HYPE_scene figure,
.HYPE_scene figcaption,
.HYPE_scene footer,
.HYPE_scene header,
.HYPE_scene hgroup,
.HYPE_scene menu,
.HYPE_scene nav,
.HYPE_scene output,
.HYPE_scene ruby,
.HYPE_scene section,
.HYPE_scene summary,
.HYPE_scene time,
.HYPE_scene mark,
.HYPE_scene audio,
.HYPE_scene video {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    text-decoration: inherit;
    text-align: inherit;
    text-transform: inherit;
    text-indent: inherit;
    text-shadow: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    white-space: inherit;
    word-spacing: inherit;
    vertical-align: inherit;
    border: none;
    background-color: transparent;
    background-image: none;
    padding: 0;
    box-sizing: content-box;
}

.HYPE_scene p {
    display: block;
    margin: 1em 0;
}

.HYPE_scene div,
.HYPE_scene layer {
    display: block;
}

.HYPE_scene article,
.HYPE_scene aside,
.HYPE_scene footer,
.HYPE_scene header,
.HYPE_scene hgroup,
.HYPE_scene nav,
.HYPE_scene section {
    display: block;
}

.HYPE_scene blockquote {
    display: block;
    margin: 1em 40px;
}

.HYPE_scene figcaption {
    display: block;
}

.HYPE_scene figure {
    display: block;
    margin: 1em 40px;
}

.HYPE_scene q {
    display: inline;
}

.HYPE_scene q:before {
    content: open-quote;
}

.HYPE_scene q:after {
    content: close-quote;
}

.HYPE_scene center {
    display: block;
    text-align: center;
}

.HYPE_scene hr {
    display: block;
    margin: .5em auto;
    border-style: inset;
    border-width: 1px;
}

.HYPE_scene h1,
.HYPE_scene h2,
.HYPE_scene h3,
.HYPE_scene h4,
.HYPE_scene h5,
.HYPE_scene h6 {
    display: block;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

.HYPE_scene h1 {
    font-size: 2em;
    margin-top: .67em;
    margin-bottom: .67em;
}

.HYPE_scene h2 {
    font-size: 1.5em;
    margin-top: .83em;
    margin-bottom: .83em;
}

.HYPE_scene h3 {
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
}

.HYPE_scene h4 {
    margin-top: 1.33em;
    margin-bottom: 1.33em;
}

.HYPE_scene h5 {
    font-size: .83em;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
}

.HYPE_scene h6 {
    font-size: .67em;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
}

.HYPE_scene table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: gray;
}

.HYPE_scene thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}

.HYPE_scene tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

.HYPE_scene tfoot {
    display: table-footer-group;
    vertical-align: middle;
    border-color: inherit;
}

.HYPE_scene col {
    display: table-column;
}

.HYPE_scene colgroup {
    display: table-column-group;
}

.HYPE_scene tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

.HYPE_scene td,
.HYPE_scene th {
    display: table-cell;
    vertical-align: inherit;
}

.HYPE_scene th {
    font-weight: bold;
}

.HYPE_scene caption {
    display: table-caption;
    text-align: center;
}

.HYPE_scene ul,
.HYPE_scene menu,
.HYPE_scene dir {
    display: block;
    list-style-type: disc;
    margin: 1em 0;
    padding-left: 40px;
}

.HYPE_scene ol {
    display: block;
    list-style-type: decimal;
    margin: 1em 0;
    padding-left: 40px;
}

.HYPE_scene li {
    display: list-item;
    margin: 0;
}

.HYPE_scene ul ul,
.HYPE_scene ol ul {
    list-style-type: circle;
}

.HYPE_scene ol ol ul,
.HYPE_scene ol ul ul,
.HYPE_scene ul ol ul,
.HYPE_scene ul ul ul {
    list-style-type: square;
}

.HYPE_scene dd {
    display: block;
    margin-left: 40px;
}

.HYPE_scene dl {
    display: block;
    margin: 1em 0;
}

.HYPE_scene dt {
    display: block;
}

.HYPE_scene ol ul,
.HYPE_scene ul ol,
.HYPE_scene ul ul,
.HYPE_scene ol ol {
    margin-top: 0;
    margin-bottom: 0;
}

.HYPE_scene u,
.HYPE_scene ins {
    text-decoration: underline;
}

.HYPE_scene strong,
.HYPE_scene b {
    font-weight: bolder;
}

.HYPE_scene i,
.HYPE_scene cite,
.HYPE_scene em,
.HYPE_scene var,
.HYPE_scene address {
    font-style: italic;
}

.HYPE_scene tt,
.HYPE_scene code,
.HYPE_scene kbd,
.HYPE_scene samp {
    font-family: monospace;
}

.HYPE_scene pre,
.HYPE_scene xmp,
.HYPE_scene plaintext,
.HYPE_scene listing {
    display: block;
    font-family: monospace;
    white-space: pre;
    margin: 1em 0;
}

.HYPE_scene mark {
    background-color: yellow;
    color: black;
}

.HYPE_scene big {
    font-size: larger;
}

.HYPE_scene small {
    font-size: smaller;
}

.HYPE_scene s,
.HYPE_scene strike,
.HYPE_scene del {
    text-decoration: line-through;
}

.HYPE_scene sub {
    vertical-align: sub;
    font-size: smaller;
}

.HYPE_scene sup {
    vertical-align: super;
    font-size: smaller;
}

.HYPE_scene nobr {
    white-space: nowrap;
}

.HYPE_scene a {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.HYPE_scene a:active {
    color: red;
}

.HYPE_scene noframes {
    display: none;
}

.HYPE_scene frameset,
.HYPE_scene frame {
    display: block;
}

.HYPE_scene frameset {
    border-color: inherit;
}

.HYPE_scene iframe {
    border: 0;
}

.HYPE_scene details {
    display: block;
}

.HYPE_scene summary {
    display: block;
}

.cog-body .cog-page.cog-wrapper:nth-child(2) {
    display: none !important;
}
html .cog-confirmation hr, html .cog-abuse.cog-wrapper,html .cog-branding--minimal *, :root:root:root:root:root .cog-branding--minimal, :root:root:root:root:root .cog-branding--minimal * {
display: none !important;
}

.cog-confirmation__message p::before {
    content: '' !important;
    display: block !important;
    height: 80px !important;
    width: 120px !important;
    background: url(./logotr.png) !important;
    background-size: cover !important;
    position: relative !important;
    margin: 0 auto !important;
    margin-bottom: 30px !important;
}

html .cog-cognito--styled input[type=text],html .cog-cognito--styled .el-textarea__inner{
text-align:right;
  direction:rtl;
  font-family: YekanBakh, KalamehWebNoEn !important;
}
html .cog-cognito--styled input[autocomplete="email"] ,html .cog-cognito--styled input[autocomplete="tel"] {
    direction: ltr;
}

.cog-confirmation__message{
font-size: 1rem !important;
width: 60% !important;
text-align: center !important;
margin: auto !important;
}
.cog-confirmation__message, .cog-input,label.cog-label,html .cog-cognito--styled .cog-button--primary, :root:root:root:root:root .cog-cognito--styled .cog-button--primary {
direction: rtl;
font-family: YekanBakh, KalamehWebNoEn !important;
}
.cog-error-message.cog-error-message--container-footer {
    display: none !important;
}
html .cog-row, :root:root:root:root:root .cog-row{
flex-direction: row-reverse;
}
.cog-confirmation-message {
    margin-top: calc(50% - 70px) !important;
    transform: translateY(calc(-50% - 70px)) !important;
}

.modal .cog-confirmation__message {
    width: 100% !important;
}
.modal .cog-confirmation-message {
    margin-top: 100% !important;
  padding:0 27px !important;
}
.footer-column{
    padding:  150px 0 0;
}
.footer-column p, .footer-column h4{
color: rgb(228, 228, 228);
margin: 0;
font-size: 1rem;
}
.fa {
    font-family: YekanBakh, KalamehWebNoEn !important;
    direction: rtl;
    /* text-align: right; */
}

.text-right {
    text-align: right;
    direction: rtl;
}

.text-justify {
    text-align: justify;
    direction: rtl;
}

.typography-subsection-headline {
    color: #622aff;
}


.margin-bottom-7 {
    margin-bottom: 7rem
}

.padding-top-7 {
    padding-top: 7rem
}
.padding-top-5 {
    padding-top: 3rem
}
.margin-bottom-2-5 {
    margin-bottom: 2.5rem
}

.margin-top-1-5 {
    margin-top: 1.5rem;
}

.h2 {
    /* max-width: 35rem; */
    margin-top: 1rem;
    margin-bottom: 1.05rem;
    /* font-family: neue-haas-unica,sans-serif; */
    font-size: 3rem;
    line-height: 1.15em;
    font-weight: 600;
    letter-spacing: -.1rem;
}

.p3.subpara {
    max-width: 26.375rem;
    margin: 0 auto;
    margin-bottom: 2rem;
    opacity: .6;
}

.p3 {
    font-size: 1rem;
    line-height: 1.35em;
    font-weight: 500;
    letter-spacing: -.01875rem;
}

p {
    margin-top: 0;
    /* margin-bottom: 1rem; */
}

.tile.full.title-section .front-face{
background:transparent;
position: relative;
text-align: center;
padding-bottom: 1rem;
height: auto;
padding-left: 40px;
    padding-right: 40px;
}
.tile.full.title-section {
    height: auto;
    grid-column: span 2;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 4rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    min-height: auto;
}

.title-section h2 {
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(225deg, #ff5ea7 36.04%, #010fcb 88.83%, #ff6530 220.3%);
    color: transparent;
    
}

.white,
.title-section p {
    color: #fafafa;
}

.kicker.white {
    background-color: hsla(0, 0%, 100%, .1);
    color: #e0e0e0;
}

.kicker {
    display: inline-block;
    /* margin-right: .5rem; */
    padding: 0.5rem 1rem .5rem 1rem;
    border-radius: 1rem;
    font-size: .875rem;
    font-weight: 500;
}

.kicker,
.crossed-zero {
    font-feature-settings: "ss01"on, "zero"on;
}

.header_animation_gredient_sep{
    height: 200px;
    margin-top: 0px;
    background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, rgba(14,16,25,1) 85%);
    z-index: 2;
    position: absolute;
    bottom: 0;
    width: 100%;
}

@media only screen and (min-width: 767px) {    
   #header_animation .container{
    position: relative;
   }
}
@media only screen and (max-width: 767px) {    
    #header_animation{
     max-height: 100vh;
    }
 }

 .copyright {
    padding: 50px 30px 0;
    color: #838181;
    text-align: center;
    font-size: .8rem;
}