.pageSection {
    padding: 7vh 0;
    position: relative;
    z-index: 5;
}
@media only screen and (min-width: 1025px) and (max-width: 1370px) and (min-height: 500px) and (max-height: 670px) {
    .pageSection {
    padding: 12vh 0;
}
}@media only screen and (max-width: 1024px) {
    .pageSection {
    padding: 7vh 0;
}
}@media only screen and (max-width: 980px) {
    .pageSection {
    padding: 80px 0;
}
}@media only screen and (max-width: 767px) {
    .pageSection {
    padding: 50px 0;
}
}@media only screen and (max-width: 340px) {
    .pageSection {
    padding: 40px 0;
}
}@media only screen and (max-width: 1024px) {
    .pageSection.m_small_padd_bottom {
    padding-bottom: 0;
}
}.pageSection.smallPadd {
    padding: 100px 0;
}
.bannerBG {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
}
@media only screen and (max-width: 1024px) {
    .bannerBG {
    height: 60vh;
}
}@media only screen and (max-width: 767px) {
    .bannerBG {
    height: 100svh;
}
}.bannerBG .bgVideo {
    position: absolute;
    inset: 0;
    opacity: .07;
}
.bannerBG .bgVideo:after {
    content: "";
    position: absolute;
    inset: 0;
    background: #06131f;
    mix-blend-mode: hue;
}
.bannerBG .bgVideo video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bannerBG .lineWrap {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    padding-bottom: 20vh;
}
@media only screen and (max-width: 767px) {
    .bannerBG .lineWrap {
    padding-bottom: 40vh;
}
}.bannerBG .lineWrap svg {
    width: 100%;
    height: auto;
}
.bannerBG .lineWrap path {
    stroke-dasharray: 2279;
    stroke-dashoffset: 9116;
}
@media only screen and (max-width: 1024px) {
    .bannerBG .lineWrap path {
    stroke-width: 5px;
}
}@media only screen and (max-width: 767px) {
    .bannerBG .lineWrap path {
    stroke-width: 8px;
}
}.dom-loaded .bannerBG .lineWrap path {
    animation: linePath 15s linear infinite;
}
.dom-loaded .bannerBG .p1 {
    stroke-dashoffset: 2310px;
    transition: all 1s ease-in .8s;
}
.dom-loaded .bannerBG .p2 {
    stroke-dashoffset: 990;
    transition: all .6s ease-in 1.3s;
}
.dom-loaded .bannerBG .p3 {
    stroke-dashoffset: 1868;
    transition: all 1s ease-in 1s;
}
.dom-loaded .bannerBG .p4 {
    stroke-dashoffset: 0;
    transition: all .4s ease-in 1.4s;
}
@keyframes linePath {
    to {
    stroke-dashoffset: 0;
}
}.limitedWDSM {
    width: 50vw;
    max-width: 900px;
    margin-inline: auto;
}
@media only screen and (max-width: 1024px) {
    .limitedWDSM {
    width: 70vw;
}
}@media only screen and (max-width: 980px) {
    .limitedWDSM {
    width: 80vw;
}
}@media only screen and (max-width: 767px) {
    .limitedWDSM {
    width: 100%}
}main {
    padding-bottom: 15vh;
}
@media only screen and (min-width: 1025px) and (max-width: 1370px) and (min-height: 500px) and (max-height: 670px) {
    main {
    padding-bottom: 12vh;
}
}@media only screen and (max-width: 1024px) {
    main {
    padding-bottom: 7vh;
}
}@media only screen and (max-width: 980px) {
    main {
    padding-bottom: 80px;
}
}@media only screen and (max-width: 767px) {
    main {
    padding-bottom: 50px;
}
}@media only screen and (max-width: 340px) {
    main {
    padding-bottom: 40px;
}
}.innerBanner {
    position: relative;
    padding-top: calc(var(--headerH) + 7vh);
}
.innerBanner.minH100 {
    min-height: 100vh;
    padding-bottom: 7vh;
}
@media only screen and (min-width: 1025px) and (max-width: 1370px) and (min-height: 500px) and (max-height: 670px) {
    .innerBanner.minH100 {
    padding-bottom: 12vh;
}
}@media only screen and (max-width: 1024px) {
    .innerBanner.minH100 {
    padding-bottom: 7vh;
}
}@media only screen and (max-width: 980px) {
    .innerBanner.minH100 {
    padding-bottom: 80px;
}
}@media only screen and (max-width: 767px) {
    .innerBanner.minH100 {
    padding-bottom: 50px;
}
}@media only screen and (max-width: 340px) {
    .innerBanner.minH100 {
    padding-bottom: 40px;
}
}.innerBanner.minH100 .bannerBG {
    height: 100%}
.innerBanner .container {
    position: relative;
    z-index: 5;
    display: grid;
    gap: 2rem;
}
@media only screen and (max-width: 767px) {
    .innerBanner .container {
    gap: 1rem;
}
}.innerBanner h1 {
    font-size: 4.8vw;
    margin: 0;
    overflow: hidden;
    transform: translateY(-2rem);
    opacity: 0;
    line-height: 1.5;
    font-weight: 500;
    font-size: 4.5vw;
}
@media only screen and (min-width: 1630px) {
    .innerBanner h1 {
    font-size: 4.3vw;
}
}@media only screen and (max-width: 1024px) {
    .innerBanner h1 {
    font-size: 5.2vw;
}
}@media only screen and (max-width: 980px) {
    .innerBanner h1 {
    font-size: 6vw;
}
}@media only screen and (max-width: 767px) {
    .innerBanner h1 {
    font-size: 7.5vw;
}
}.innerBanner h1 span {
    display: block;
}
.innerBanner .sectionTitleSmall {
    margin: 0;
}
.innerBanner .sectionTitleSmall>* {
    font-size: 2.3vw;
}
@media only screen and (min-width: 1630px) {
    .innerBanner .sectionTitleSmall>* {
    font-size: 1.95vw;
}
}@media only screen and (min-width: 1025px) and (max-width: 1370px) and (min-height: 500px) and (max-height: 670px) {
    .innerBanner .sectionTitleSmall>* {
    font-size: 2.3vw;
}
}@media only screen and (max-width: 1024px) {
    .innerBanner .sectionTitleSmall>* {
    font-size: 2.8vw;
}
}@media only screen and (max-width: 980px) {
    .innerBanner .sectionTitleSmall>* {
    font-size: 3.4vw;
}
}@media only screen and (max-width: 767px) {
    .innerBanner .sectionTitleSmall>* {
    font-size: 5.5vw;
}
}.innerBanner .formBox {
    margin-top: 2rem;
}
@media only screen and (max-width: 767px) {
    .innerBanner .formBox {
    margin-top: 1rem;
}
}.innerBanner .formBox .buttonWrap {
    padding-top: 2rem;
    margin-top: 2rem;
    border-top: 1px solid rgba(255, 255, 255, .1);
    justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
    .innerBanner .formBox .buttonWrap {
    padding-top: 1rem;
    margin-top: 1rem;
}
}.dom-loaded .innerBanner h1 {
    transform: translateY(0);
    opacity: 1;
    transition: transform 1.2s cubic-bezier(.215, .61, .355, 1) 1s, opacity .8s cubic-bezier(.215, .61, .355, 1) 1s;
}
.gridWrap {
    display: flex;
    flex-wrap: wrap;
    gap: 5vw;
    align-items: flex-start;
}
@media only screen and (max-width: 980px) {
    .gridWrap {
    gap: 3.5rem;
}
}@media only screen and (max-width: 767px) {
    .gridWrap {
    gap: 2rem;
}
}.gridWrap.style1 {
    align-items: center;
    gap: 7vw;
}
@media only screen and (max-width: 1024px) {
    .gridWrap.style1 {
    gap: 5vw;
}
}@media only screen and (max-width: 980px) {
    .gridWrap.style1 {
    gap: 3.5rem;
}
}@media only screen and (max-width: 767px) {
    .gridWrap.style1 {
    gap: 2rem;
}
}.gridWrap.style1 .contentBox, .gridWrap.style1 .imgBox {
    flex: 1;
    width: auto;
}
@media only screen and (max-width: 767px) {
    .gridWrap.style1 .contentBox, .gridWrap.style1 .imgBox {
    flex: inherit;
    width: 100%}
}.gridWrap.style1 .contentBox {
    flex: 2;
}
.gridWrap .imgBox {
    width: 40%}
.gridWrap .imgBox.styleIcon {
    padding-inline: 6vw;
}
@media only screen and (min-width: 1630px) {
    .gridWrap .imgBox.styleIcon {
    padding-inline: 8vw;
}
}@media only screen and (max-width: 1024px) {
    .gridWrap .imgBox.styleIcon {
    padding-inline: 3vw;
}
}@media only screen and (max-width: 980px) {
    .gridWrap .imgBox.styleIcon img {
    max-width: 200px;
    margin-inline: auto;
}
}@media only screen and (max-width: 767px) {
    .gridWrap .imgBox.styleIcon img {
    max-width: 150px;
}
}@media only screen and (min-width: 1025px) and (max-width: 1370px) and (min-height: 500px) and (max-height: 670px) {
    .gridWrap .imgBox {
    width: 35%}
}@media only screen and (max-width: 1024px) {
    .gridWrap .imgBox {
    width: 30%}
}@media only screen and (max-width: 980px) {
    .gridWrap .imgBox {
    width: 100%}
}.gridWrap .imgBox.order2 {
    order: 2;
}
@media only screen and (max-width: 980px) {
    .gridWrap .imgBox.order2 {
    order: inherit;
}
}.gridWrap .contentBox {
    flex: 1;
}
@media only screen and (max-width: 980px) {
    .gridWrap .contentBox {
    flex: inherit;
    width: 100%}
}.infoList {
    display: grid;
    gap: 1.5rem;
    font-family: Open Sans, sans-serif;
}
@media only screen and (min-width: 1630px) {
    .infoList {
    gap: 2rem;
}
}.infoList .inItem {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}
@media only screen and (min-width: 1630px) {
    .infoList .inItem {
    padding-bottom: 2rem;
}
}.infoList .inItem:last-child {
    padding-bottom: none;
    border-bottom: none;
}
.inItem {
    display: grid;
    grid-template-columns: 1fr 25%;
    gap: 1rem 5vw;
}
@media only screen and (max-width: 980px) {
    .inItem {
    gap: .8rem 1.5rem;
}
}@media only screen and (max-width: 767px) {
    .inItem {
    grid-template-columns: 100%;
    gap: .8rem;
}
}.inItem.full_ {
    grid-template-columns: 100%}
.inItem .btnBox {
    grid-column: -1/1;
    display: flex;
}
.inItem .lBox {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
}
.inItem .t {
    font-size: 1.2vw;
    line-height: 1.8;
    font-weight: 100;
}
@media only screen and (min-width: 1630px) {
    .inItem .t {
    font-size: 1vw;
}
}@media only screen and (min-width: 1025px) and (max-width: 1370px) and (min-height: 500px) and (max-height: 670px) {
    .inItem .t {
    font-size: 1.25vw;
}
}@media only screen and (max-width: 1024px) {
    .inItem .t {
    font-size: 1.7vw;
}
}@media only screen and (max-width: 980px) {
    .inItem .t {
    font-size: 2.2vw;
}
}@media only screen and (max-width: 767px) {
    .inItem .t {
    font-size: 4.2vw;
}
}.inItem .rBox {
    font-size: 1.45vw;
    line-height: 1.7;
    font-weight: 400;
}
@media only screen and (min-width: 1630px) {
    .inItem .rBox {
    font-size: 1.2vw;
}
}@media only screen and (min-width: 1025px) and (max-width: 1370px) and (min-height: 500px) and (max-height: 670px) {
    .inItem .rBox {
    font-size: 1.7vw;
}
}@media only screen and (max-width: 1024px) {
    .inItem .rBox {
    font-size: 2vw;
}
}@media only screen and (max-width: 980px) {
    .inItem .rBox {
    font-size: 2.7vw;
}
}@media only screen and (max-width: 767px) {
    .inItem .rBox {
    font-size: 5vw;
}
}.mGap {
    padding-top: 7vh;
}
@media only screen and (min-width: 1025px) and (max-width: 1370px) and (min-height: 500px) and (max-height: 670px) {
    .mGap {
    padding-top: 12vh;
}
}@media only screen and (max-width: 1024px) {
    .mGap {
    padding-top: 7vh;
}
}@media only screen and (max-width: 980px) {
    .mGap {
    padding-top: 80px;
}
}@media only screen and (max-width: 767px) {
    .mGap {
    padding-top: 50px;
}
}@media only screen and (max-width: 340px) {
    .mGap {
    padding-top: 40px;
}
}.mGapM {
    margin-top: 2rem;
}
@media only screen and (max-width: 767px) {
    .mGapM {
    margin-top: 1rem;
}
}.aboutPoints {
    display: grid;
    padding-bottom: 3rem;
}
@media only screen and (min-width: 768px) {
    .aboutPoints {
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(2, 1fr);
}
}@media only screen and (max-width: 767px) {
    .aboutPoints {
    gap: 1rem;
    padding-bottom: 0rem;
}
}.abPoints {
    position: relative;
    aspect-ratio: 3/2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
}
@media only screen and (max-width: 767px) {
    .abPoints {
    aspect-ratio: 3/1.1;
}
}@media only screen and (min-width: 768px) {
    .abPoints: first-child {
    margin-inline-start: 0;
}
.abPoints:nth-child(1) {
    grid-column: 1/5;
}
.abPoints:nth-child(2) {
    grid-column: 7/11;
}
.abPoints:nth-child(3) {
    grid-column: 3/7;
}
.abPoints:nth-child(4) {
    grid-column: 9/-1;
}
}.abPoints .shape {
    position: absolute;
    inset: 0;
    background: linear-gradient(261deg, #964d2d 0%, #fb9865 100%);
    z-index: -1;
    border-radius: 8rem;
}
@media only screen and (min-width: 768px) {
    .abPoints .shape {
    transform: rotate(-45deg);
}
[dir=rtl] .abPoints .shape {
    transform: rotate(45deg);
}
}.abPoints .shape:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    background: #06131f;
    border-radius: 8rem;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
}
.abPoints .num {
    font-size: 4.2vw;
    line-height: 1;
}
@media only screen and (max-width: 767px) {
    .abPoints .num {
    font-size: 15vw;
}
}.abPoints .title {
    font-size: 1.1vw;
    line-height: 1.3;
    line-height: 1.1;
    padding-inline: 20%}
@media only screen and (min-width: 1630px) {
    .abPoints .title {
    font-size: 1vw;
}
}@media only screen and (max-width: 1024px) {
    .abPoints .title {
    font-size: 1.5vw;
}
}@media only screen and (max-width: 980px) {
    .abPoints .title {
    font-size: 1.7vw;
}
}@media only screen and (max-width: 767px) {
    .abPoints .title {
    font-size: 3.5vw;
}
}.missionVission {
    display: grid;
    grid-template-columns: 1fr 25% 1fr;
    gap: 5vw;
    align-items: center;
}
@media only screen and (max-width: 980px) {
    .missionVission {
    grid-template-columns: 100%;
    gap: 2rem;
}
}@media only screen and (max-width: 767px) {
    .missionVission {
    gap: 1.5rem;
}
}.missionVission .videoBox {
    aspect-ratio: 3/5;
    position: relative;
    overflow: hidden;
    border-radius: 15rem;
    z-index: 15;
}
@media only screen and (max-width: 980px) {
    .missionVission .videoBox {
    aspect-ratio: 5/2.2;
    max-width: 60vw;
}
}@media only screen and (max-width: 767px) {
    .missionVission .videoBox {
    max-width: 100%}
}.missionVission .videoBox video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
    z-index: 1;
}
.missionVission .videoBox:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, #964d2d 0%, #fb9865 100%);
    opacity: .7;
    z-index: 2;
}
.missionVission .videoBox:after {
    content: "";
    position: absolute;
    left: .7rem;
    top: .7rem;
    width: calc(100% - 1.4rem);
    height: calc(100% - 1.4rem);
    border: 1.8rem solid #06131f;
    z-index: 5;
    border-radius: 15rem;
}
@media only screen and (min-width: 1630px) {
    .missionVission .videoBox: after {
    border-width: 2.2rem;
}
}@media only screen and (max-width: 767px) {
    .missionVission .videoBox: after {
    border-width: 1.3rem;
}
}@media only screen and (min-width: 981px) {
    .missionVission .boxRight {
    text-align: end;
}
}.historyWrap {
    display: flex;
    width: 100%;
    position: relative;
}
@media only screen and (max-width: 980px) {
    .historyWrap {
    flex-direction: column;
}
}.historyWrap .lineWrap {
    display: flex;
    width: 100%}
@media only screen and (max-width: 980px) {
    .historyWrap .lineWrap {
    display: none;
}
}.historyWrap .lineWrap svg {
    width: 100%;
    height: auto;
}
.historyWrap .lineWrap .baseLine {
    opacity: .2;
    fill: none;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    enable-background: new;
}
.historyWrap .lineWrap .maskLine {
    fill: transparent;
    stroke: #06131f;
    stroke-width: 45px;
    stroke-dasharray: 3150;
    stroke-dashoffset: 6300;
}
@media only screen and (min-width: 981px) {
    .historyWrap .sectionTitle {
    position: absolute;
    left: 0;
    top: 4rem;
    width: 100%}
}@media only screen and (min-width: 981px) and (max-width: 1024px) {
    .historyWrap .sectionTitle {
    top: 2rem;
}
}.dom-loaded .inView .historyWrap .lineWrap .maskLine {
    stroke-dashoffset: 3150;
    transition: all 4s linear;
}
.historyList {
    position: absolute;
    display: flex;
    justify-content: center;
    gap: 2rem;
    inset: 0;
}
@media only screen and (max-width: 980px) {
    .historyList {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    padding-inline: calc(2.5vw + 15px);
}
}@media only screen and (max-width: 767px) {
    .historyList {
    grid-template-columns: repeat(2, 1fr);
    gap: .5rem;
}
}@media only screen and (max-width: 320px) {
    .historyList {
    grid-template-columns: 100%}
}.hiItem {
    width: 13vw;
}
@media only screen and (min-width: 1630px) {
    .hiItem {
    width: 14vw;
}
}@media only screen and (min-width: 1025px) and (max-width: 1370px) and (min-height: 500px) and (max-height: 670px) {
    .hiItem {
    width: 12vw;
}
}@media only screen and (max-width: 1024px) {
    .hiItem {
    width: 17vw;
}
}@media only screen and (min-width: 981px) {
    .hiItem {
    position: absolute;
    left: var(--pX);
    transform: translate(-50%);
    top: var(--pY);
}
}@media only screen and (max-width: 980px) {
    .hiItem {
    position: relative;
    width: 100%;
    transform: translateY(3rem);
    opacity: 0;
}
}.hiItem .inner {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    text-align: center;
    color: #fff;
    font-size: 1.1vw;
    line-height: 1.3;
}
@media only screen and (min-width: 1630px) {
    .hiItem .inner {
    font-size: 1vw;
}
}@media only screen and (max-width: 1024px) {
    .hiItem .inner {
    font-size: 1.5vw;
}
}@media only screen and (max-width: 980px) {
    .hiItem .inner {
    font-size: 1.7vw;
}
}@media only screen and (max-width: 767px) {
    .hiItem .inner {
    font-size: 3.5vw;
}
}@media only screen and (min-width: 1630px) {
    .hiItem .inner {
    gap: 4rem;
}
}@media only screen and (min-width: 1025px) and (max-width: 1370px) and (min-height: 500px) and (max-height: 670px) {
    .hiItem .inner {
    gap: 2.5rem;
}
}@media only screen and (max-width: 980px) {
    .hiItem .inner {
    gap: .5rem;
    border: 2px solid #fb9865;
    padding: 1rem;
    height: 100%;
    border-radius: 1.5rem;
}
}@media only screen and (max-width: 767px) {
    .hiItem .inner {
    padding: 1rem .5rem;
    border-radius: 1rem;
    gap: .3rem;
}
}.hiItem .num {
    font-size: 1.25em;
}
@media only screen and (min-width: 1630px) {
    .hiItem .num {
    font-size: 1.4em;
}
}@media only screen and (max-width: 1024px) {
    .hiItem .num {
    font-size: 1.1em;
}
}@media only screen and (max-width: 980px) {
    .hiItem .num {
    font-size: 1.45em;
}
}@media only screen and (max-width: 767px) {
    .hiItem .num {
    font-size: 1.3em;
}
}@media only screen and (max-width: 320px) {
    .hiItem .num {
    font-size: 1.4em;
}
}@media only screen and (min-width: 981px) {
    .hiItem .num {
    transform: translateY(-2rem);
    opacity: 0;
}
}.hiItem .title {
    display: block;
    font-family: Open Sans, sans-serif;
    font-weight: 100;
}
@media only screen and (min-width: 981px) {
    .hiItem .title {
    transform: translateY(2rem);
    opacity: 0;
}
}@media only screen and (min-width: 981px) {
    .dom-loaded .inView .hiItem .num, .dom-loaded .inView .hiItem .title {
    transform: translateY(0);
    opacity: 1;
    transition: all .6s ease-in-out;
}
.dom-loaded .inView .hiItem:nth-child(1) .num {
    transition-delay: .7s;
}
.dom-loaded .inView .hiItem:nth-child(1) .title {
    transition-delay: .8s;
}
.dom-loaded .inView .hiItem:nth-child(2) .num {
    transition-delay: 1.2s;
}
.dom-loaded .inView .hiItem:nth-child(2) .title {
    transition-delay: 1.3s;
}
.dom-loaded .inView .hiItem:nth-child(3) .num {
    transition-delay: 1.8s;
}
.dom-loaded .inView .hiItem:nth-child(3) .title {
    transition-delay: 1.9s;
}
.dom-loaded .inView .hiItem:nth-child(4) .num {
    transition-delay: 2.8s;
}
.dom-loaded .inView .hiItem:nth-child(4) .title {
    transition-delay: 2.9s;
}
.dom-loaded .inView .hiItem:nth-child(5) .num {
    transition-delay: 3.4s;
}
.dom-loaded .inView .hiItem:nth-child(5) .title {
    transition-delay: 3.5s;
}
}@media only screen and (max-width: 980px) {
    .dom-loaded .inView .hiItem {
    transform: translateY(0);
    opacity: 1;
    transition: opacity .4s linear, transform 1.8s cubic-bezier(.19, 1, .22, 1), clip-path 1.8s cubic-bezier(.19, 1, .22, 1);
}
.dom-loaded .inView .hiItem:nth-child(1) {
    transition-delay: .6s;
}
.dom-loaded .inView .hiItem:nth-child(2) {
    transition-delay: .8s;
}
.dom-loaded .inView .hiItem:nth-child(3) {
    transition-delay: 1s;
}
.dom-loaded .inView .hiItem:nth-child(4) {
    transition-delay: 1.2s;
}
.dom-loaded .inView .hiItem:nth-child(5) {
    transition-delay: 1.4s;
}
.dom-loaded .inView .hiItem:nth-child(6) {
    transition-delay: 1.6s;
}
.dom-loaded .inView .hiItem:nth-child(7) {
    transition-delay: 1.8s;
}
.dom-loaded .inView .hiItem:nth-child(8) {
    transition-delay: 2s;
}
.dom-loaded .inView .hiItem:nth-child(9) {
    transition-delay: 2.2s;
}
.dom-loaded .inView .hiItem:nth-child(10) {
    transition-delay: 2.4s;
}
.dom-loaded .inView .hiItem:nth-child(11) {
    transition-delay: 2.6s;
}
.dom-loaded .inView .hiItem:nth-child(12) {
    transition-delay: 2.8s;
}
.dom-loaded .inView .hiItem:nth-child(13) {
    transition-delay: 3s;
}
.dom-loaded .inView .hiItem:nth-child(14) {
    transition-delay: 3.2s;
}
.dom-loaded .inView .hiItem:nth-child(15) {
    transition-delay: 3.4s;
}
.dom-loaded .inView .hiItem:nth-child(16) {
    transition-delay: 3.6s;
}
.dom-loaded .inView .hiItem:nth-child(17) {
    transition-delay: 3.8s;
}
.dom-loaded .inView .hiItem:nth-child(18) {
    transition-delay: 4s;
}
.dom-loaded .inView .hiItem:nth-child(19) {
    transition-delay: 4.2s;
}
.dom-loaded .inView .hiItem:nth-child(20) {
    transition-delay: 4.4s;
}
.dom-loaded .inView .hiItem:nth-child(21) {
    transition-delay: 4.6s;
}
.dom-loaded .inView .hiItem:nth-child(22) {
    transition-delay: 4.8s;
}
.dom-loaded .inView .hiItem:nth-child(23) {
    transition-delay: 5s;
}
.dom-loaded .inView .hiItem:nth-child(24) {
    transition-delay: 5.2s;
}
.dom-loaded .inView .hiItem:nth-child(25) {
    transition-delay: 5.4s;
}
.dom-loaded .inView .hiItem:nth-child(26) {
    transition-delay: 5.6s;
}
.dom-loaded .inView .hiItem:nth-child(27) {
    transition-delay: 5.8s;
}
.dom-loaded .inView .hiItem:nth-child(28) {
    transition-delay: 6s;
}
.dom-loaded .inView .hiItem:nth-child(29) {
    transition-delay: 6.2s;
}
.dom-loaded .inView .hiItem:nth-child(30) {
    transition-delay: 6.4s;
}
.dom-loaded .inView .hiItem:nth-child(31) {
    transition-delay: 6.6s;
}
.dom-loaded .inView .hiItem:nth-child(32) {
    transition-delay: 6.8s;
}
.dom-loaded .inView .hiItem:nth-child(33) {
    transition-delay: 7s;
}
.dom-loaded .inView .hiItem:nth-child(34) {
    transition-delay: 7.2s;
}
.dom-loaded .inView .hiItem:nth-child(35) {
    transition-delay: 7.4s;
}
}.fingertipsPoints {
    display: grid;
    gap: 9rem 8vw;
    grid-template-columns: repeat(2, 1fr);
    padding-top: 5rem;
    padding-bottom: 3rem;
}
@media only screen and (min-width: 1630px) {
    .fingertipsPoints {
    gap: 9rem 15vw;
}
}@media only screen and (min-width: 1025px) and (max-width: 1370px) and (min-height: 500px) and (max-height: 670px) {
    .fingertipsPoints {
    gap: 7rem 7vw;
}
}@media only screen and (max-width: 980px) {
    .fingertipsPoints {
    gap: 7rem 7vw;
}
}@media only screen and (max-width: 767px) {
    .fingertipsPoints {
    grid-template-columns: 100%;
    gap: 6rem;
    padding-top: 3rem;
}
}.fgItem .inner {
    display: grid;
    grid-template-columns: 10% 1fr;
    gap: 2rem;
    align-items: center;
}
@media only screen and (min-width: 1630px) {
    .fgItem .inner {
    grid-template-columns: 9% 1fr;
}
}@media only screen and (max-width: 767px) {
    .fgItem .inner {
    grid-template-columns: 9% 1fr;
    padding-inline-start: calc(15px + 8vw);
}
}.fgItem .iconBox {
    position: relative;
}
.fgItem .iconBox:before, .fgItem .iconBox:after {
    position: absolute;
    content: "";
    background: linear-gradient(261deg, #964d2d 0%, #fb9865 100%);
    top: 50%;
    width: 100%;
    height: 100%;
    border-radius: 3rem;
    opacity: .4;
    left: 50%}
[dir=rtl] .fgItem .iconBox:before, [dir=rtl] .fgItem .iconBox:after {
    left: auto;
    right: 50%}
.fgItem .iconBox:before {
    width: calc(100% + 7rem);
    height: calc(100% + 3rem);
    transform: translate(-50%) translateY(-50%) rotate(-45deg);
}
.fgItem .iconBox:after {
    top: 100%;
    left: 90%;
    width: calc(100% + 5rem);
    height: calc(100% + 2rem);
    transform: translate(-50%) translateY(-40%) rotate(-45deg);
}
[dir=rtl] .fgItem .iconBox:after {
    left: auto;
    right: 90%}
.fgItem .iconBox img {
    aspect-ratio: 2/2;
    position: relative;
    z-index: 5;
}
.fgItem .textBox p {
    line-height: 1.4;
}
html[dir=rtl] .fgItem .iconBox:before {
    transform: translate(50%) translateY(-50%) rotate(45deg);
}
html[dir=rtl] .fgItem .iconBox:after {
    transform: translate(50%) translateY(-40%) rotate(45deg);
}
.tableWrap {
    position: relative;
    padding: 1.5rem 0;
    display: grid;
    font-family: Open Sans, sans-serif;
}
@media only screen and (max-width: 767px) {
    .tableWrap {
    padding: 1rem 0;
}
}.tableWrap:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 1.25rem;
    background: linear-gradient(106deg, rgba(121, 251, 76, .14) 2.82%, rgba(19, 47, 191, .14) 96.66%);
    z-index: -1;
    pointer-events: none;
}
@media only screen and (max-width: 767px) {
    .tableWrap: before {
    border-radius: 1rem;
}
}.tableWrap .searchForm {
    position: relative;
    z-index: 1;
    padding-inline: 2rem;
    display: flex;
    justify-content: center;
    margin-bottom: 3rem;
}
@media only screen and (max-width: 767px) {
    .tableWrap .searchForm {
    margin-bottom: 1rem;
    padding-inline: 1rem;
}
}.tableWrap .searchForm .inputBox {
    display: grid;
    position: relative;
    border-radius: .5rem;
    overflow: hidden;
}
.tableWrap .searchForm input {
    border: none;
    outline: none;
    height: 2.8rem;
    padding-inline-start: 60px;
    font-size: .92rem;
    font-weight: 500;
    background: rgba(255, 255, 255, .1);
    min-width: 50vw;
    color: #fff;
}
@media only screen and (max-width: 767px) {
    .tableWrap .searchForm input {
    min-width: inherit;
    width: 75vw;
    padding-inline-start: 50px;
}
}.tableWrap .searchForm button {
    background: transparent;
    outline: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 100%;
    color: #ffffff9c;
}
[dir=rtl] .tableWrap .searchForm button {
    left: auto;
    right: 0;
}
@media only screen and (max-width: 767px) {
    .tableWrap .searchForm button {
    width: 50px;
}
}.tableWrap .searchForm button:hover {
    color: #fff;
}
.tableWrap .searchForm button:hover svg {
    transform: scale(1.1);
}
.tableWrap .searchForm button svg {
    width: 16px;
    transition: all .4s ease-in-out;
    height: auto;
}
@media only screen and (max-width: 1024px) {
    .tableWrap .searchForm button svg {
    width: 17px;
}
}@media only screen and (max-width: 767px) {
    .tableWrap .searchForm button svg {
    width: 15px;
}
}.tableWrap .chartBox {
    padding-inline: 1.5rem;
}
@media only screen and (max-width: 767px) {
    .tableWrap .chartBox {
    padding-inline: 1rem;
}
}.tableWrap .chartBox iframe {
    border-radius: 15px;
    border: none;
    box-shadow: none;
}
.tableBox {
    font-size: 1.05vw;
    font-weight: 600;
    font-family: Open Sans, sans-serif;
    line-height: 1.4;
}
@media only screen and (min-width: 1630px) {
    .tableBox {
    font-size: .9vw;
}
}@media only screen and (min-width: 1025px) and (max-width: 1370px) and (min-height: 500px) and (max-height: 670px) {
    .tableBox {
    font-size: 1.1vw;
}
}@media only screen and (max-width: 1024px) {
    .tableBox {
    font-size: 1.4vw;
}
}@media only screen and (max-width: 980px) {
    .tableBox {
    font-size: 1.8vw;
}
}@media only screen and (max-width: 767px) {
    .tableBox {
    font-size: 3.7vw;
}
}@media only screen and (min-width: 768px) and (max-width: 980px) {
    .tableBox {
    font-size: 1.65vw;
}
}@media only screen and (max-width: 767px) {
    .tableBox {
    font-size: 13px;
}
}.tableBox table {
    width: 100%;
    border: none;
    border-spacing: 0px;
}
.tableBox table th {
    font-weight: 500;
    text-align: start;
    padding: .8rem .5rem;
    padding-top: 0;
}
.tableBox td {
    font-weight: 100;
    padding: .8rem .5rem;
}
@media only screen and (max-width: 767px) {
    .tableBox thead {
    display: none;
}
}.tableBox tbody tr:nth-child(odd) {
    background: rgba(0, 0, 0, .2);
}
@media only screen and (max-width: 767px) {
    .tableBox tbody tr {
    display: grid;
}
.tableBox tbody tr td {
    position: relative;
    display: grid;
    grid-template-columns: 40% 1fr;
    gap: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, .02);
}
.tableBox tbody tr td:before {
    content: attr(data-title);
    opacity: .5;
}
}@media only screen and (min-width: 768px) {
    .tableBox tr td: first-child, .tableBox tr th:first-child {
    padding-inline-start: 1.5rem;
}
.tableBox tr td:last-child, .tableBox tr th:last-child {
    padding-inline-end: 1.5rem;
}
}.symbolBox {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: .7rem;
}
@media only screen and (max-width: 980px) {
    .symbolBox {
    gap: .5rem;
}
}.symbolBox .iconBox {
    display: flex;
}
.symbolBox .iconBox img {
    width: 18px;
    height: 18px;
    object-fit: cover;
    aspect-ratio: 2/2;
    border: 2px solid rgba(255, 255, 255, .8);
    border-radius: 4px;
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
    .symbolBox .iconBox img {
    width: 16px;
    height: 16px;
}
}.symbolBox .iconBox img:last-child {
    margin-inline-start: -8px;
    margin-top: 10px;
}
.legalDocWrap {
    display: grid;
    gap: 1.5rem;
    font-family: Open Sans, sans-serif;
}
@media only screen and (max-width: 767px) {
    .legalDocWrap {
    gap: 1rem;
}
}.legItem {
    padding-top: 1.5rem;
    border-top: 1px solid rgba(19, 47, 191, .2);
}
@media only screen and (max-width: 767px) {
    .legItem {
    padding-top: 1rem;
}
}.legItem:last-child {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(19, 47, 191, .2);
}
@media only screen and (max-width: 767px) {
    .legItem: last-child {
    padding-bottom: 1rem;
}
}.legItem .inner {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1.5rem;
    align-items: center;
    font-size: 1.2vw;
    line-height: 1.8;
    font-weight: 100;
    padding-inline: 3vw;
}
@media only screen and (min-width: 1630px) {
    .legItem .inner {
    font-size: 1vw;
}
}@media only screen and (min-width: 1025px) and (max-width: 1370px) and (min-height: 500px) and (max-height: 670px) {
    .legItem .inner {
    font-size: 1.25vw;
}
}@media only screen and (max-width: 1024px) {
    .legItem .inner {
    font-size: 1.7vw;
}
}@media only screen and (max-width: 980px) {
    .legItem .inner {
    font-size: 2.2vw;
}
}@media only screen and (max-width: 767px) {
    .legItem .inner {
    font-size: 4.2vw;
}
}@media only screen and (max-width: 767px) {
    .legItem .inner {
    grid-template-columns: 100%;
    gap: 1rem;
}
}.legItem .btn .link {
    color: #fff;
    display: grid;
    grid-template-columns: 17px 1fr;
    gap: .5rem;
    align-items: center;
    font-size: 1.05vw;
    font-weight: 600;
    font-family: Open Sans, sans-serif;
    font-weight: 300;
    transition: all .4s ease-in-out;
}
@media only screen and (min-width: 1630px) {
    .legItem .btn .link {
    font-size: .9vw;
}
}@media only screen and (min-width: 1025px) and (max-width: 1370px) and (min-height: 500px) and (max-height: 670px) {
    .legItem .btn .link {
    font-size: 1.1vw;
}
}@media only screen and (max-width: 1024px) {
    .legItem .btn .link {
    font-size: 1.4vw;
}
}@media only screen and (max-width: 980px) {
    .legItem .btn .link {
    font-size: 1.8vw;
}
}@media only screen and (max-width: 767px) {
    .legItem .btn .link {
    font-size: 3.7vw;
}
}@media only screen and (max-width: 767px) {
    .legItem .btn .link {
    grid-template-columns: 15px 1fr;
}
}.legItem .btn .link:hover {
    transform: scale(1.1);
}
.certificateBox {
    max-width: 45vw;
    margin-inline: auto;
    position: relative;
    padding: 1.5rem;
}
@media only screen and (min-width: 1025px) and (max-width: 1370px) and (min-height: 500px) and (max-height: 670px) {
    .certificateBox {
    padding: 1rem;
}
}@media only screen and (max-width: 1024px) {
    .certificateBox {
    max-width: 60vw;
}
}@media only screen and (max-width: 767px) {
    .certificateBox {
    max-width: 100%;
    padding: 1rem;
}
}.certificateBox:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 1.25rem;
    background: linear-gradient(106deg, rgba(121, 251, 76, .14) 2.82%, rgba(19, 47, 191, .14) 96.66%);
    z-index: -1;
    pointer-events: none;
}
@media only screen and (max-width: 767px) {
    .certificateBox: before {
    border-radius: 1rem;
}
}.certificateBox .imgBox {
    width: 100%}
.certificateBox img {
    border-radius: 1rem;
}
.certificateBox a {
    display: flex;
    transition: all .4s ease-in-out;
}
@media only screen and (min-width: 1025px) {
    .certificateBox a: hover {
    transform: scale(1.02);
}
}.teamList {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}
@media only screen and (min-width: 1630px) {
    .teamList {
    gap: 3rem;
}
}@media only screen and (max-width: 1024px) {
    .teamList {
    gap: 1.5rem 2rem;
}
}@media only screen and (max-width: 980px) {
    .teamList {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 3rem;
}
}@media only screen and (max-width: 767px) {
    .teamList {
    grid-template-columns: 100%;
    gap: 1.5rem;
}
}.teItems .inner {
    display: grid;
    gap: .9rem;
    padding: 1.5rem;
    position: relative;
    color: #fff;
    font-family: Open Sans, sans-serif;
    text-align: start;
    height: 100%}
@media only screen and (min-width: 1630px) {
    .teItems .inner {
    padding: 1.8rem;
}
}@media only screen and (min-width: 1025px) and (max-width: 1370px) and (min-height: 500px) and (max-height: 670px) {
    .teItems .inner {
    padding: 1rem;
}
}@media only screen and (max-width: 1024px) {
    .teItems .inner {
    padding: 1rem;
}
}@media only screen and (min-width: 768px) and (max-width: 980px) {
    .teItems .inner {
    padding: 1.3rem;
}
}.teItems .inner:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 1.5rem;
    background: linear-gradient(148deg, rgba(121, 251, 76, .2) -10.8%, rgba(19, 47, 191, .2) 114.01%);
    z-index: -1;
}
@media only screen and (max-width: 1024px) {
    .teItems .inner: before {
    border-radius: 1rem;
}
}@media only screen and (min-width: 1025px) {
    .teItems .inner: hover .name:before {
    width: 30%}
.teItems .inner:hover .imgBox img {
    transform: scale(1.1);
}
}.teItems .box {
    display: grid;
    grid-template-columns: 1fr 35px;
    gap: .5rem;
    align-items: center;
}
@media only screen and (min-width: 1630px) {
    .teItems .box {
    grid-template-columns: 1fr 45px;
}
}@media only screen and (max-width: 1024px) {
    .teItems .box {
    grid-template-columns: 1fr 30px;
}
}@media only screen and (max-width: 980px) {
    .teItems .box {
    grid-template-columns: 1fr 35px;
}
}.teItems .contentBox {
    display: grid;
    gap: .3rem;
}
.teItems .name {
    font-size: 1.3vw;
    font-weight: 400;
    position: relative;
    padding-bottom: .7rem;
}
@media only screen and (min-width: 1630px) {
    .teItems .name {
    font-size: 1.2vw;
}
}@media only screen and (min-width: 1025px) and (max-width: 1370px) and (min-height: 500px) and (max-height: 670px) {
    .teItems .name {
    font-size: 1.45vw;
}
}@media only screen and (max-width: 1024px) {
    .teItems .name {
    font-size: 1.7vw;
}
}@media only screen and (max-width: 980px) {
    .teItems .name {
    font-size: 2.3vw;
}
}@media only screen and (max-width: 767px) {
    .teItems .name {
    font-size: 5.3vw;
}
}.teItems .name:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 30px;
    height: 4px;
    border-radius: 1.25rem;
    background: linear-gradient(90deg, #964d2d -60.34%, #fb9865 129.31%);
    transition: all .4s ease-in-out;
    left: 0;
}
[dir=rtl] .teItems .name:before {
    left: auto;
    right: 0;
}
@media only screen and (min-width: 1630px) {
    .teItems .name: before {
    width: 40px;
}
}.teItems .dec {
    color: #ffffff94;
    font-size: 1.2vw;
    line-height: 1.8;
    line-height: 1.2;
    font-weight: 100;
}
@media only screen and (min-width: 1630px) {
    .teItems .dec {
    font-size: 1vw;
}
}@media only screen and (min-width: 1025px) and (max-width: 1370px) and (min-height: 500px) and (max-height: 670px) {
    .teItems .dec {
    font-size: 1.25vw;
}
}@media only screen and (max-width: 1024px) {
    .teItems .dec {
    font-size: 1.7vw;
}
}@media only screen and (max-width: 980px) {
    .teItems .dec {
    font-size: 2.2vw;
}
}@media only screen and (max-width: 767px) {
    .teItems .dec {
    font-size: 4.2vw;
}
}.teItems .imgBox {
    width: 100%;
    border-radius: 1.5rem;
    overflow: hidden;
}
@media only screen and (max-width: 1024px) {
    .teItems .imgBox {
    border-radius: 1rem;
}
}.teItems .imgBox img {
    aspect-ratio: 2/2.1;
    object-fit: cover;
    transition: all .4s ease-in-out;
}
html[dir=rtl] .teItems .inner {
    font-family: Janna, sans-serif;
}
html[dir=rtl] .teItems .iconBox {
    transform: scaleX(-1);
}
.accountGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;
}
.accountGrid.v2 {
    grid-template-columns: repeat(2, 1fr);
}
@media only screen and (min-width: 1630px) {
    .accountGrid {
    gap: 4rem;
}
}@media only screen and (min-width: 1025px) and (max-width: 1370px) and (min-height: 500px) and (max-height: 670px) {
    .accountGrid {
    gap: 1.5rem;
}
}@media only screen and (max-width: 1024px) {
    .accountGrid {
    grid-template-columns: 100%;
    gap: 1.5rem;
}
}.accountBox {
    position: relative;
    font-family: Open Sans, sans-serif;
}
.accountBox:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(106deg, rgba(121, 251, 76, .14) 2.82%, rgba(19, 47, 191, .14) 96.66%);
    border-radius: 1.5rem;
    z-index: -1;
}
.accountBox.v2 {
    padding: 2rem 1rem;
    display: flex;
    flex-direction: column;
}
.accountBox.v2 .title {
    padding: 0;
}
.accountBox.v2 .moreWrap {
    flex: 1;
    align-items: flex-end;
}
.accountBox.v2 .tbItem {
    grid-template-columns: 100%}
.accountBox.v2 .tbItem:nth-child(odd) {
    background: transparent;
}
.accountBox .title {
    padding: 2rem 1rem;
    font-size: 2vw;
    color: #964d2d;
    line-height: 1.2;
}
@media only screen and (min-width: 1630px) {
    .accountBox .title {
    font-size: 1.8vw;
    padding-block: 2.5rem;
}
}@media only screen and (max-width: 1024px) {
    .accountBox .title {
    font-size: 3vw;
}
}@media only screen and (max-width: 980px) {
    .accountBox .title {
    font-size: 3.4vw;
}
}@media only screen and (max-width: 767px) {
    .accountBox .title {
    font-size: 6.5vw;
}
}.accountBox .tableList {
    text-align: start;
}
.tableList {
    display: grid;
}
.tbItem {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    font-size: 1.2vw;
    line-height: 1.8;
    font-weight: 100;
}
@media only screen and (min-width: 1630px) {
    .tbItem {
    font-size: 1vw;
}
}@media only screen and (min-width: 1025px) and (max-width: 1370px) and (min-height: 500px) and (max-height: 670px) {
    .tbItem {
    font-size: 1.25vw;
}
}@media only screen and (max-width: 1024px) {
    .tbItem {
    font-size: 1.7vw;
}
}@media only screen and (max-width: 980px) {
    .tbItem {
    font-size: 2.2vw;
}
}@media only screen and (max-width: 767px) {
    .tbItem {
    font-size: 4.2vw;
}
}@media only screen and (max-width: 767px) {
    .tbItem {
    grid-template-columns: 100%;
    gap: .2rem;
    padding: 1rem 1.5rem;
}
}.tbItem:nth-child(odd) {
    background: rgba(0, 0, 0, .1);
}
.tbItem>* {
    padding: .8rem 1.5rem;
}
@media only screen and (min-width: 1630px) {
    .tbItem>* {
    padding: 1rem 2rem;
}
}@media only screen and (max-width: 767px) {
    .tbItem>* {
    padding: 0;
}
}.tbItem .t {
    opacity: .6;
}
.tbItem .v {
    font-weight: 400;
}
.testimonialsGrid {
    text-align: start;
    position: relative;
}
@media only screen and (max-width: 767px) {
    .testimonialsGrid {
    display: grid;
    grid-template-columns: 100%;
    gap: 1rem;
}
}.tbox {
    position: relative;
    padding: 1.5rem;
    display: grid;
    gap: 1.5rem;
    font-family: Open Sans, sans-serif;
}
@media only screen and (min-width: 1025px) and (max-width: 1370px) and (min-height: 500px) and (max-height: 670px) {
    .tbox {
    padding: 1rem;
    gap: 1rem;
}
}@media only screen and (max-width: 767px) {
    .tbox {
    gap: 1rem;
}
}.tbox:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(106deg, rgba(121, 251, 76, .14) 2.82%, rgba(19, 47, 191, .14) 96.66%);
    z-index: -1;
    border-radius: 1.5rem;
}
.tbox .topBox {
    display: grid;
    grid-template-columns: 4.5rem 1fr;
    gap: 1rem;
    align-items: center;
    color: #964d2d;
    font-size: 1.45vw;
    line-height: 1.2;
    font-weight: 600;
}
@media only screen and (min-width: 1630px) {
    .tbox .topBox {
    font-size: 1.3vw;
    gap: 1.5rem;
    grid-template-columns: 5.5rem 1fr;
}
}@media only screen and (max-width: 1024px) {
    .tbox .topBox {
    font-size: 2.2vw;
    gap: 1.5rem;
    grid-template-columns: 5rem 1fr;
}
}@media only screen and (max-width: 980px) {
    .tbox .topBox {
    font-size: 2.6vw;
    gap: 1rem;
    grid-template-columns: 4.5rem 1fr;
}
}@media only screen and (max-width: 767px) {
    .tbox .topBox {
    font-size: 5.2vw;
}
}.tbox .imgBox {
    position: relative;
}
.tbox .imgBox picture img {
    aspect-ratio: 2/2;
    object-fit: cover;
    border-radius: 1.2rem;
}
.tbox .shapeBox {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tbox .shapeBox img {
    width: 87%;
    height: auto;
}
@media only screen and (max-width: 767px) {
    .tbox .shapeBox img {
    width: 90%}
}.tbox .date {
    font-size: 1.05vw;
    font-weight: 600;
    font-family: Open Sans, sans-serif;
    font-weight: 400;
    opacity: .35;
}
@media only screen and (min-width: 1630px) {
    .tbox .date {
    font-size: .9vw;
}
}@media only screen and (min-width: 1025px) and (max-width: 1370px) and (min-height: 500px) and (max-height: 670px) {
    .tbox .date {
    font-size: 1.1vw;
}
}@media only screen and (max-width: 1024px) {
    .tbox .date {
    font-size: 1.4vw;
}
}@media only screen and (max-width: 980px) {
    .tbox .date {
    font-size: 1.8vw;
}
}@media only screen and (max-width: 767px) {
    .tbox .date {
    font-size: 3.7vw;
}
}.tabnav {
    text-align: start;
    display: flex;
    flex-wrap: wrap;
    gap: 3.5vw;
}
@media only screen and (max-width: 980px) {
    .tabnav {
    gap: 2rem;
}
}@media only screen and (max-width: 767px) {
    .tabnav {
    gap: 1.2rem;
}
}.tabnav .link {
    display: flex;
    font-size: 2.4vw;
    color: #fff;
    line-height: 1.1;
    opacity: .5;
    transition: all .4s ease-in-out;
}
.tabnav .link.active, .tabnav .link:hover {
    opacity: 1;
}
.tabnav .link:hover {
    transform: scale(1.05);
}
@media only screen and (min-width: 1630px) {
    .tabnav .link {
    font-size: 2.1vw;
}
}@media only screen and (min-width: 1025px) and (max-width: 1370px) and (min-height: 500px) and (max-height: 670px) {
    .tabnav .link {
    font-size: 2.5vw;
}
}@media only screen and (max-width: 1024px) {
    .tabnav .link {
    font-size: 2.8vw;
}
}@media only screen and (max-width: 980px) {
    .tabnav .link {
    font-size: 3.2vw;
}
}@media only screen and (max-width: 767px) {
    .tabnav .link {
    font-size: 4.7vw;
}
}.newsGrid {
    text-align: start;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 3.5vw;
}
@media only screen and (max-width: 1024px) {
    .newsGrid {
    gap: 1.5rem 3vw;
}
}@media only screen and (max-width: 980px) {
    .newsGrid {
    gap: 1.5rem;
    grid-template-columns: 100%}
}.newsGrid.col3 {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}
@media only screen and (min-width: 1630px) {
    .newsGrid.col3 {
    grid-template-columns: repeat(4, 1fr);
    gap: 1.8rem;
}
}@media only screen and (max-width: 1024px) {
    .newsGrid.col3 {
    gap: 1.5rem;
}
}@media only screen and (max-width: 980px) {
    .newsGrid.col3 {
    grid-template-columns: repeat(2, 1fr);
}
}@media only screen and (max-width: 767px) {
    .newsGrid.col3 {
    gap: 1rem;
}
}.neItem .inner {
    position: relative;
    padding: 1.5rem;
    font-family: Open Sans, sans-serif;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .8rem;
    height: 100%;
    background: #06131f;
    border-radius: 1.5rem;
    overflow: hidden;
}
@media only screen and (min-width: 1630px) {
    .neItem .inner {
    gap: 1rem;
}
}@media only screen and (max-width: 980px) {
    .neItem .inner {
    gap: 1rem;
}
}@media only screen and (max-width: 767px) {
    .neItem .inner {
    padding: 1rem;
    gap: .8rem;
    border-radius: 1rem;
}
}.neItem .inner:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(160deg, #964d2d 0%, #fb9865 110%);
    z-index: 1;
    opacity: .15;
    pointer-events: none;
}
.neItem .inner>* {
    z-index: 5;
}
.neItem .moreWrap {
    flex: 1;
    margin: 0;
    align-items: flex-end;
}
.neItem .moreWrap .moreDote {
    margin-top: 1rem;
}
.neItem .title {
    font-size: 1.8vw;
    line-height: 1.2;
}
@media only screen and (min-width: 1630px) {
    .neItem .title {
    font-size: 1.6vw;
}
}@media only screen and (max-width: 1024px) {
    .neItem .title {
    font-size: 2.2vw;
}
}@media only screen and (max-width: 980px) {
    .neItem .title {
    font-size: 3.2vw;
}
}@media only screen and (max-width: 767px) {
    .neItem .title {
    font-size: 6vw;
    line-height: 1.3;
}
}.neItem .dateBox {
    position: relative;
    color: #964d2d;
    padding: .7rem 1.2rem;
    border-radius: 2rem;
    overflow: hidden;
    font-size: 1.05vw;
    font-weight: 600;
    font-family: Open Sans, sans-serif;
    font-weight: 500;
    line-height: 1;
}
@media only screen and (min-width: 1630px) {
    .neItem .dateBox {
    font-size: .9vw;
}
}@media only screen and (min-width: 1025px) and (max-width: 1370px) and (min-height: 500px) and (max-height: 670px) {
    .neItem .dateBox {
    font-size: 1.1vw;
}
}@media only screen and (max-width: 1024px) {
    .neItem .dateBox {
    font-size: 1.4vw;
}
}@media only screen and (max-width: 980px) {
    .neItem .dateBox {
    font-size: 1.8vw;
}
}@media only screen and (max-width: 767px) {
    .neItem .dateBox {
    font-size: 3.7vw;
}
}@media only screen and (min-width: 1630px) {
    .neItem .dateBox {
    font-size: .8vw;
}
}.neItem .dateBox:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(160deg, #964d2d 0%, #fb9865 110%);
    z-index: -1;
    opacity: .2;
}
.neItem .textBox {
    opacity: .53;
}
.neItem .textBox p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5;
}
@media only screen and (min-width: 1025px) and (max-width: 1370px) and (min-height: 500px) and (max-height: 670px) {
    .neItem .textBox p {
    line-height: 1.6;
}
}.blogItem.docItem .imgBox picture img {
    aspect-ratio: 2/2.2;
}
@media only screen and (min-width: 1630px) {
    .blogItem.docItem .title {
    font-size: 1.1vw;
}
}@media only screen and (max-width: 980px) {
    .blogItem.docItem .title {
    font-size: 2.5vw;
}
}@media only screen and (max-width: 767px) {
    .blogItem.docItem .title {
    font-size: 3.9vw;
    -webkit-line-clamp: 3;
}
}@media only screen and (max-width: 767px) {
    .blogItem.docItem .contentBox {
    padding: .8rem;
}
}.blogItem .inner {
    position: relative;
    font-family: Open Sans, sans-serif;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    border-radius: 0;
    overflow: hidden;
    color: #fff;
    background: #06131f;
}
@media only screen and (max-width: 767px) {
    .blogItem .inner {
    border-radius: 0;
}
}.blogItem .inner:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(148deg, rgba(121, 251, 76, .08) -10.8%, rgba(19, 47, 191, .08) 114.01%);
    z-index: -1;
    opacity: .9;
    pointer-events: none;
}
.blogItem .inner:hover .iconBox img {
    transform: scale(1.2);
}
.blogItem .contentBox {
    display: grid;
    gap: .8rem;
    padding: 1.5rem;
    position: relative;
    z-index: 5;
}
@media only screen and (min-width: 1630px) {
    .blogItem .contentBox {
    gap: 1rem;
}
}@media only screen and (max-width: 980px) {
    .blogItem .contentBox {
    gap: 1rem;
}
}@media only screen and (max-width: 767px) {
    .blogItem .contentBox {
    padding: 1rem;
    gap: .8rem;
}
}.blogItem .moreWrap {
    flex: 1;
    margin: 0;
    align-items: flex-end;
}
.blogItem .moreWrap .moreDote {
    margin-top: .5rem;
}
.blogItem .metaBox {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    margin-bottom: .2rem;
}
@media only screen and (max-width: 767px) {
    .blogItem .metaBox {
    margin-bottom: 0;
}
}.blogItem .metaBox .m {
    opacity: .53;
    font-size: .9rem;
    font-weight: 100;
    line-height: 1.2;
    position: relative;
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 980px) {
    .blogItem .metaBox .m {
    font-size: 1rem;
}
}@media only screen and (max-width: 767px) {
    .blogItem .metaBox .m {
    font-size: .92rem;
}
}.blogItem .metaBox .m:first-child:before {
    display: none;
}
.blogItem .metaBox .m:before {
    content: "";
    width: 6px;
    height: 6px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    margin-inline-end: 1rem;
}
.blogItem .iconBox {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
}
.blogItem .iconBox img {
    width: 18%;
    height: auto;
    transition: all .4s ease-in-out;
}
@media only screen and (min-width: 1630px) {
    .blogItem .iconBox img {
    width: 15%}
}.blogItem .title {
    font-size: 1.5vw;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media only screen and (min-width: 1630px) {
    .blogItem .title {
    font-size: 1.45vw;
}
}@media only screen and (max-width: 1024px) {
    .blogItem .title {
    font-size: 2vw;
}
}@media only screen and (max-width: 980px) {
    .blogItem .title {
    font-size: 3vw;
}
}@media only screen and (max-width: 767px) {
    .blogItem .title {
    font-size: 5vw;
}
}.blogItem .imgBox {
    position: relative;
    background-color: #122231;
    overflow: hidden;
    border-radius: 0;
    width: 100%}
@media only screen and (max-width: 767px) {
    .blogItem .imgBox {
    border-radius: 0;
}
}.blogItem .imgBox picture img {
    filter: grayscale(.5);
    aspect-ratio: 3/1.55;
    object-fit: cover;
}
.blogItem .dateBox {
    position: relative;
    color: #964d2d;
    padding: .7rem 1.2rem;
    border-radius: 2rem;
    overflow: hidden;
    font-size: 1.05vw;
    font-weight: 600;
    font-family: Open Sans, sans-serif;
    font-weight: 500;
    line-height: 1;
    position: absolute;
    left: 1rem;
    bottom: 1rem;
    z-index: 5;
}
@media only screen and (min-width: 1630px) {
    .blogItem .dateBox {
    font-size: .9vw;
}
}@media only screen and (min-width: 1025px) and (max-width: 1370px) and (min-height: 500px) and (max-height: 670px) {
    .blogItem .dateBox {
    font-size: 1.1vw;
}
}@media only screen and (max-width: 1024px) {
    .blogItem .dateBox {
    font-size: 1.4vw;
}
}@media only screen and (max-width: 980px) {
    .blogItem .dateBox {
    font-size: 1.8vw;
}
}@media only screen and (max-width: 767px) {
    .blogItem .dateBox {
    font-size: 3.7vw;
}
}@media only screen and (min-width: 1630px) {
    .blogItem .dateBox {
    font-size: .8vw;
}
}.blogItem .dateBox:before {
    content: "";
    position: absolute;
    inset: 0;
    background: #000000;
    z-index: -1;
    opacity: .41;
}
.blogItem .textBox {
    opacity: .53;
}
.blogItem .textBox p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5;
}
@media only screen and (min-width: 1025px) and (max-width: 1370px) and (min-height: 500px) and (max-height: 670px) {
    .blogItem .textBox p {
    line-height: 1.6;
}
}@media only screen and (max-width: 767px) {
    .blogItem .textBox p {
    -webkit-line-clamp: 3;
}
}html[dir=rtl] .blogItem .dateBox {
    right: 1rem;
    left: auto;
}
.blogDetailsSection .textBox h3 {
    padding-bottom: .6rem;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.blogDetailsSection .sectionTitleSmall>* {
    font-size: 2.9vw;
    line-height: 1.3;
}
@media only screen and (min-width: 1630px) {
    .blogDetailsSection .sectionTitleSmall>* {
    font-size: 2.4vw;
}
}@media only screen and (min-width: 1025px) and (max-width: 1370px) and (min-height: 500px) and (max-height: 670px) {
    .blogDetailsSection .sectionTitleSmall>* {
    font-size: 2.6vw;
}
}@media only screen and (max-width: 1024px) {
    .blogDetailsSection .sectionTitleSmall>* {
    font-size: 3.7vw;
}
}@media only screen and (max-width: 980px) {
    .blogDetailsSection .sectionTitleSmall>* {
    font-size: 4.4vw;
}
}@media only screen and (max-width: 767px) {
    .blogDetailsSection .sectionTitleSmall>* {
    font-size: 6.8vw;
}
}.blogMetaBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    align-items: center;
    margin-bottom: .2rem;
    font-family: Open Sans, sans-serif;
}
@media only screen and (max-width: 767px) {
    .blogMetaBox {
    margin-bottom: 0;
}
}.blogMetaBox .m {
    opacity: .53;
    font-size: 1.2vw;
    line-height: 1.8;
    font-weight: 100;
    font-weight: 400;
    line-height: 1.2;
    position: relative;
    display: flex;
    align-items: center;
}
@media only screen and (min-width: 1630px) {
    .blogMetaBox .m {
    font-size: 1vw;
}
}@media only screen and (min-width: 1025px) and (max-width: 1370px) and (min-height: 500px) and (max-height: 670px) {
    .blogMetaBox .m {
    font-size: 1.25vw;
}
}@media only screen and (max-width: 1024px) {
    .blogMetaBox .m {
    font-size: 1.7vw;
}
}@media only screen and (max-width: 980px) {
    .blogMetaBox .m {
    font-size: 2.2vw;
}
}@media only screen and (max-width: 767px) {
    .blogMetaBox .m {
    font-size: 4.2vw;
}
}.blogMetaBox .m.color {
    color: #964d2d;
    opacity: 1;
}
.blogMetaBox .m:first-child:before {
    display: none;
}
.blogMetaBox .m:before {
    content: "";
    width: 6px;
    height: 6px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    margin-inline-end: 1rem;
}
.blogImgBox {
    width: 100%;
    border-radius: 0;
    position: relative;
    overflow: hidden;
}
@media only screen and (max-width: 767px) {
    .blogImgBox {
    border-radius: 0;
}
}.blogImgBox picture img {
    filter: grayscale(.5);
    aspect-ratio: 3/1.55;
    object-fit: contain;
}
.blogBottom {
    font-family: Open Sans, sans-serif;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, .1);
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: flex-start;
    gap: 2rem;
}
@media only screen and (max-width: 767px) {
    .blogBottom {
    grid-template-columns: 100%;
    gap: 1.5rem;
}
}.blogBottom label {
    font-size: 1.2vw;
    line-height: 1.8;
    font-weight: 100;
    color: #964d2d;
}
@media only screen and (min-width: 1630px) {
    .blogBottom label {
    font-size: 1vw;
}
}@media only screen and (min-width: 1025px) and (max-width: 1370px) and (min-height: 500px) and (max-height: 670px) {
    .blogBottom label {
    font-size: 1.25vw;
}
}@media only screen and (max-width: 1024px) {
    .blogBottom label {
    font-size: 1.7vw;
}
}@media only screen and (max-width: 980px) {
    .blogBottom label {
    font-size: 2.2vw;
}
}@media only screen and (max-width: 767px) {
    .blogBottom label {
    font-size: 4.2vw;
}
}.blogBottom .link_ {
    transition: opacity .4s linear, transform 1.8s cubic-bezier(.19, 1, .22, 1);
    color: #d1d1d1;
}
.blogBottom .link_ .inner {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: .3rem;
}
@media screen and (max-width: 980px) {
    .blogBottom .link_ .inner {
    width: 28px;
    height: 28px;
}
}.blogBottom .link_ .inner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background: linear-gradient(160deg, #964d2d 0%, #fb9865 100%);
    transform: scale(0) rotate(30deg);
    transition: all .4s ease-in-out;
}
.blogBottom .link_ .inner svg {
    width: 100%;
    height: auto;
    aspect-ratio: 2/2;
    transition: all .4s ease-in-out;
    position: relative;
    z-index: 5;
}
.blogBottom .link_:hover .inner:before {
    transform: scale(1) rotate(0);
}
.blogBottom .link_:hover .inner svg {
    transform: scale(.9);
}
.blogBottom .socialShare {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}
.blogBottom .socialShare ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: .5rem;
}
.tagWrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
}
.tagWrap .tag {
    font-size: 1.05vw;
    font-weight: 600;
    font-family: Open Sans, sans-serif;
    line-height: 1.2;
    font-weight: 100;
    display: flex;
    color: #fff;
    padding: .4rem 1rem;
    padding-inline-start: 1.5rem;
    border-radius: 0 8px 8px 0;
    position: relative;
    overflow: hidden;
}
@media only screen and (min-width: 1630px) {
    .tagWrap .tag {
    font-size: .9vw;
}
}@media only screen and (min-width: 1025px) and (max-width: 1370px) and (min-height: 500px) and (max-height: 670px) {
    .tagWrap .tag {
    font-size: 1.1vw;
}
}@media only screen and (max-width: 1024px) {
    .tagWrap .tag {
    font-size: 1.4vw;
}
}@media only screen and (max-width: 980px) {
    .tagWrap .tag {
    font-size: 1.8vw;
}
}@media only screen and (max-width: 767px) {
    .tagWrap .tag {
    font-size: 3.7vw;
}
}.tagWrap .tag:before {
    content: "";
    position: absolute;
    left: 1.5rem;
    top: 0;
    width: calc(100% - 1.5rem);
    height: 100%;
    background: #213335;
    z-index: -1;
}
.tagWrap .tag:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1.5rem;
    height: 100%;
    background-image: url(data:image/png;
    base64, iVBORw0KGgoAAAANSUhEUgAAADgAAAAnCAYAAABaBotQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAITSURBVHgB3Zm9ThtBEMf/sxckylOKBKIUG14gZ9lOG9OlS/IESZ4gvAHxGzhPkLRUmA4qRIdkBPcE6CgwlIewEOLjhhmDLfN5tkFwu79m195rfprZ3dEs4QmwtVpoOkdznPFXEKz8FeI5YcRMiDER1JP19WRwifBIZiqVOWaax3NL3QMTN3B2Vk/iONXfjxKcqXz6w8zzKBoa0ex0ViUDjElh5RTCFAIzmbbbK2NFsNByA0i6zo4cwQ/l6n8ZfsMFmEZL0Su5H3AESc+poVPUNbkeQwm6KqfkCrosp7y6b0GrEzrs/JPpNzjMnYJduc7RqgQ4guPcStG+HLPzcso1Qd/klL6gj3KK6U18lFO6glpb+iindAWZ3b3n8jC2XJZ7ji08xUjF/REeY0Bk4TESQU7gMXLIZDvwGIMsa8qYwlOCdH//OJx+P0mEGjzkspLJTv5Kqy2Bh3QFtX+ofUQfJfu1qEgmIlmSS78Jj7jWVdP9mO61F2RPwpc9eWfbMN3bXXs9/e5ALL/AcR5sOtlqNaJzLF69GDlJblfNRpElM7HqqqTJ+8Dlw0feT+KhWvfuHj60PNLbhHOHT3b6PTdFb7K9udFgg1LRiwLpUjR0e40sqCStVlzoykdeeCV6dZ2O/cIr+zIN375ZMhSEcsIWpmGlkRO5X0/yRt/DlqqfDeFnBkT0ErKSSQw0ZWwmW621waULOG/kaTJJpWAAAAAASUVORK5CYII=);
    z-index: -1;
    background-size: auto calc(100% + 1px);
    background-repeat: no-repeat;
}
html[dir=rtl] .tagWrap .tag {
    border-radius: 8px 0 0 8px;
}
html[dir=rtl] .tagWrap .tag:before {
    left: 0;
}
html[dir=rtl] .tagWrap .tag:after {
    right: 0;
    transform: scaleX(-1);
}
.backBtnWrap {
    display: flex;
    align-items: center;
    justify-content: center;
}
@media only screen and (max-width: 767px) {
    .backBtnWrap {
    margin-bottom: 1rem;
    display: none;
}
}.backBtnWrap .link {
    color: #fff;
    display: grid;
    grid-template-columns: 15px 1fr;
    align-items: center;
    gap: .8rem;
    opacity: .53;
    font-size: 1.05vw;
    font-weight: 600;
    font-family: Open Sans, sans-serif;
    font-weight: 400;
    line-height: 1.2;
    padding: .7rem 1.5rem;
    border: 1px solid #ffffff;
    border-radius: 2rem;
}
@media only screen and (min-width: 1630px) {
    .backBtnWrap .link {
    font-size: .9vw;
}
}@media only screen and (min-width: 1025px) and (max-width: 1370px) and (min-height: 500px) and (max-height: 670px) {
    .backBtnWrap .link {
    font-size: 1.1vw;
}
}@media only screen and (max-width: 1024px) {
    .backBtnWrap .link {
    font-size: 1.4vw;
}
}@media only screen and (max-width: 980px) {
    .backBtnWrap .link {
    font-size: 1.8vw;
}
}@media only screen and (max-width: 767px) {
    .backBtnWrap .link {
    font-size: 3.7vw;
}
}@media only screen and (max-width: 1024px) {
    .backBtnWrap .link {
    grid-template-columns: 13px 1fr;
}
}@media only screen and (max-width: 767px) {
    .backBtnWrap .link {
    padding: .5rem 1.3rem;
}
}.backBtnWrap .link .iconBox {
    display: flex;
}
.backBtnWrap .link .iconBox svg {
    width: 100%;
    height: auto;
    transition: all .4s ease-in-out;
}
.backBtnWrap .link:hover .iconBox svg {
    transform: translate(-.5rem);
}
html[dir=rtl] .backBtnWrap .link .iconBox {
    transform: scaleX(-1);
}
html[dir=rtl] .backBtnWrap .link {
    font-family: Janna, sans-serif;
}
.noteInfo {
    opacity: .5;
    font-style: italic;
}
.registrationWrapper {
    margin-top: 1.5rem;
}
.registrationWrapper .sectionTitleSmall {
    grid-column: -1/1;
}
.registrationWrapper .sectionTitleSmall>* {
    line-height: 1.1;
}
@media only screen and (max-width: 767px) {
    .registrationWrapper .textBox.mTop1 {
    margin-top: .5rem;
}
}.registrationWrapper .inputBox {
    max-width: 90%;
    margin-inline: auto;
    margin-top: 4.5rem;
}
.registrationWrapper .inputBox .inputBox {
    max-width: 100%;
    width: 100%;
    margin-top: 1.5rem;
}
@media only screen and (max-width: 1024px) {
    .registrationWrapper .inputBox {
    max-width: 100%}
}.registrationWrapper .rBox {
    display: grid;
    gap: 1rem;
}
.teamPop .inner {
    display: grid;
    align-items: flex-start;
    grid-template-columns: 35% 1fr;
    gap: 2rem;
}
@media only screen and (max-width: 980px) {
    .teamPop .inner {
    gap: 1.5rem;
}
}@media only screen and (max-width: 767px) {
    .teamPop .inner {
    grid-template-columns: 100%}
}.teamPop .imgBox {
    border-radius: 1.5rem;
    overflow: hidden;
}
.teamBox {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}
.flipbook-overlay {
    background: #06131f!important;
}
#tabs .tabLinks {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}
#tabs .tab {
    display: inline-block;
    padding: .6rem 2rem;
    cursor: pointer;
    position: relative;
    z-index: 5;
    border: 1px solid #707070;
    transition: all .4s ease;
}
#tabs .tab:first-child {
    border-inline-end: 0;
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
}
#tabs .tab:last-child {
    border-inline-start: 0;
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
}
html[dir=rtl] #tabs .tab:first-child {
    border-radius: 0;
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
}
html[dir=rtl] #tabs .tab:last-child {
    border-radius: 0;
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
}
#tabs .active {
    position: relative;
    transition: all .4s ease;
}
#tabs .active:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 2rem;
    background: linear-gradient(261deg, #964d2d 0%, #fb9865 100%);
    box-shadow: 1px 1px #ffffff40 inset;
    background-size: 130% 100%;
    background-repeat: no-repeat;
    background-position-x: 32%;
    transition: all 1.4s cubic-bezier(.215, .61, .355, 1);
    z-index: -1;
    margin: .3rem;
}
#tabs .active:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(261deg, #964d2d 0%, #fb9865 100%);
    width: 100%;
    height: 100%;
    border-radius: 4rem;
    filter: blur(2rem);
    opacity: .5;
    transition: all .4s ease-in-out;
    z-index: -1;
    margin: .3rem;
}
#tabs .hide {
    display: none;
}
#tabs .show {
    display: block;
}
html[dir=rtl] .infoList, html[dir=rtl] .hiItem .title, html[dir=rtl] .tableWrap, html[dir=rtl] .legalDocWrap, html[dir=rtl] .accountBox, html[dir=rtl] .tbox, html[dir=rtl] .neItem .inner, html[dir=rtl] .blogItem .inner, html[dir=rtl] .blogMetaBox, html[dir=rtl] .blogBottom {
    font-family: Janna, sans-serif;
}
.extraDiv {
    display: block;
}
@media screen and (max-width: 991px) {
    .extraDiv {
    display: none;
}
}.tandc {
    margin: 0 1rem .5rem;
    display: flex;
    justify-content: flex-end;
}
.tandc>* {
    font-size: .7rem;
}
@media screen and (max-width: 767px) {
    .tandc>* {
    font-size: .9rem;
}
}@media screen and (max-width: 767px) {
    .hideMobile {
    display: none;
}
}.bottomBox, .showMobile {
    display: none;
}
@media screen and (max-width: 767px) {
    .showMobile {
    display: flex;
    justify-content: center;
}
}.datepicker {
    width: -moz-min-content;
    width: min-content;
    font-size: .9rem;
}
@media only screen and (max-width: 767px) {
    .datepicker {
    font-size: 1rem;
}
}.datepicker:not(.active) {
    display: none;
}
.datepicker .days {
    display: flex;
    flex-direction: column;
    flex: auto;
}
.datepicker .days-of-week {
    display: flex;
}
.datepicker .week-numbers {
    display: flex;
    flex-direction: column;
    flex: 0 0 9.6774193548%}
.datepicker .weeks {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex: auto;
}
.datepicker span {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: all .15s ease-in-out;
}
.datepicker .dow {
    height: 1.5rem;
    font-size: .875rem;
    font-weight: 500;
}
@media only screen and (max-width: 767px) {
    .datepicker .dow {
    font-size: 1.05rem;
}
}.datepicker .week {
    flex: auto;
    color: #b8b8b8;
    font-size: .75rem;
}
.datepicker-dropdown {
    position: absolute;
    z-index: 20;
    padding-top: 4px;
}
.datepicker-dropdown.datepicker-orient-top {
    padding-top: 0;
    padding-bottom: 4px;
}
.datepicker-dropdown .datepicker-picker {
    box-shadow: 0 2px 3px #964d2d33, 0 0 0 1px #964d2d33;
}
.datepicker-picker {
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    background-color: #06131f;
    font-family: Open Sans, sans-serif;
}
.datepicker-main {
    flex: auto;
    padding: 2px;
}
.datepicker-footer {
    box-shadow: inset 0 1px 1px #0a0a0a1a;
    background-color: #f5f5f5;
}
.datepicker-footer .datepicker-controls button {
    flex: auto;
    margin: calc(.375rem - 1px) .375rem;
    border-radius: 2px;
    font-size: .75rem;
}
.datepicker-title {
    box-shadow: inset 0 -1px 1px #0a0a0a1a;
    background-color: #f5f5f5;
    padding: .375rem .75rem;
    text-align: center;
    font-weight: 700;
}
.datepicker-controls {
    display: flex;
}
.datepicker-controls button {
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    margin: 0;
    border: none;
    border-radius: 4px;
    box-shadow: none;
    background-color: transparent;
    cursor: pointer;
    padding: calc(.375em - 1px) .75em;
    height: 2.25em;
    vertical-align: top;
    text-align: center;
    line-height: 1.5;
    white-space: nowrap;
    color: #fff;
    font-size: .94rem;
    transition: all .3s ease-in-out;
}
@media only screen and (max-width: 767px) {
    .datepicker-controls button {
    font-size: 1.1rem;
}
}.datepicker-controls button:hover {
    color: #964d2d;
}
.datepicker-controls button:focus {
    color: #964d2d;
}
.datepicker-controls button[disabled] {
    cursor: not-allowed;
}
.datepicker-controls .view-switch {
    flex: auto;
}
.datepicker-header .datepicker-controls {
    padding: 2px 2px 0;
}
.datepicker-header .datepicker-controls button {
    border-color: transparent;
    font-weight: 700;
}
.datepicker-header .datepicker-controls button:hover, .datepicker-header .datepicker-controls button:active {
    background-color: transparent;
}
.datepicker-controls button:focus, .datepicker-controls button:active {
    outline: none;
}
.datepicker-controls .prev-button, .datepicker-controls .next-button {
    padding-right: .375rem;
    padding-left: .375rem;
    flex: 0 0 14.2857142857%}
.datepicker-controls .prev-button.disabled, .datepicker-controls .next-button.disabled {
    visibility: hidden;
}
.datepicker-view, .datepicker-grid {
    display: flex;
}
.datepicker-view {
    align-items: stretch;
    width: 15.75rem;
}
@media only screen and (max-width: 767px) {
    .datepicker-view {
    width: 18rem;
}
}.datepicker-grid {
    flex-wrap: wrap;
    flex: auto;
}
.datepicker-cell, .datepicker .days .dow {
    flex-basis: 14.2857142857%}
.datepicker-cell {
    height: 2.25rem;
}
.datepicker-cell:not(.day) {
    flex-basis: 25%;
    height: 4.5rem;
}
.datepicker-cell:not(.disabled):hover {
    background-color: #964d2d1a;
    cursor: pointer;
}
.datepicker-cell.focused:not(.selected) {
    background-color: #964d2d4d;
}
.datepicker-cell.disabled {
    color: #dcdcdc;
}
.datepicker-cell.highlighted:not(.selected):not(.range):not(.today) {
    border-radius: 0;
    background-color: #f5f5f5;
}
.datepicker-cell.today:not(.selected) {
    background-color: #00d1b2;
}
.datepicker-cell.today:not(.selected):not(.disabled) {
    color: #fff;
}
.datepicker-cell.today.focused:not(.selected) {
    background-color: #00ccad;
}
.datepicker-cell.range-start:not(.range-end) {
    border-radius: 4px 0 0 4px;
}
.datepicker-cell.range-end:not(.range-start) {
    border-radius: 0 4px 4px 0;
}
.datepicker-cell.range {
    border-radius: 0;
    background-color: #964d2d33;
}
.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover {
    background-color: #fb986533;
}
.datepicker-cell.range.disabled {
    color: #c6c6c6;
}
.datepicker-cell.range.focused {
    background-color: #d1d1d1;
}
.datepicker-cell.selected, .datepicker-cell.selected:hover {
    background-color: #964d2d4d;
    color: #fff;
    font-weight: 600;
}
.datepicker-cell.prev:not(.disabled), .datepicker-cell.next:not(.disabled) {
    color: #7a7a7a;
}
.datepicker-cell.prev.selected, .datepicker-cell.next.selected {
    color: #e6e6e6;
}
.datepicker-cell.range-end:not(.selected), .datepicker-cell.range-start:not(.selected) {
    background-color: #b8b8b8;
    color: #fff;
}
.datepicker-cell.range-end.focused:not(.selected), .datepicker-cell.range-start.focused:not(.selected) {
    background-color: #b3b3b3;
}
.datepicker-input.in-edit {
    border-color: #964d2d;
}
.datepicker-input.in-edit:focus, .datepicker-input.in-edit:active {
    box-shadow: 0 0 .25em .25em #4d2615;
}
html[dir=rtl] .datepicker-picker {
    font-family: Janna, sans-serif;
}
.wizard {
    display: grid;
    width: 100%;
    font-family: Open Sans, sans-serif;
}
.wizard a {
    outline: 0;
}
.wizard .actions ul, .wizard .steps ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.wizard .actions ul>li, .wizard .steps ul>li {
    display: block;
    padding: 0;
}
.wizard>.steps {
    position: relative;
    display: block;
    width: 100%}
.wizard>.steps .current-info {
    position: absolute;
    visibility: hidden;
    display: none;
}
.wizard>.steps .number {
    display: none;
}
.wizard>.steps>ul {
    display: flex;
    gap: 5vw;
    align-items: center;
    position: relative;
    padding-bottom: 1.2rem;
}
@media only screen and (max-width: 1024px) {
    .wizard>.steps>ul {
    gap: 1.5rem;
}
}@media only screen and (max-width: 980px) {
    .wizard>.steps>ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem 1rem;
    padding-bottom: 2rem;
}
}@media only screen and (max-width: 767px) {
    .wizard>.steps>ul {
    grid-template-columns: repeat(2, 1fr);
    gap: .8rem 15vw;
    padding-bottom: 1.5rem;
}
}.wizard>.steps>ul:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: rgba(97, 131, 161, .36);
}
.wizard>.steps>ul:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: calc(var(--liWD) * var(--activeIndex) + var(--gap) * var(--activeIndex) - var(--gap) / 2);
    height: 2px;
    background: linear-gradient(261deg, #964d2d 0%, #fb9865 100%);
    left: 0;
    border-radius: 1rem;
    transition: all .4s ease-in-out;
}
[dir=rtl] .wizard>.steps>ul:after {
    left: auto;
    right: 0;
}
@media only screen and (max-width: 980px) {
    .wizard>.steps>ul: after {
    width: 100%}
}.wizard>.steps>ul>li {
    flex: 1;
}
.wizard>.steps a {
    display: block;
    text-decoration: none;
    position: relative;
    display: grid;
    grid-template-columns: 27px 1fr;
    gap: .7rem;
    align-items: center;
    line-height: 1.2;
    font-weight: 700;
    font-size: 1.2vw;
    transition: all .4s ease-in-out;
    background: #ffffff;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media only screen and (min-width: 1630px) {
    .wizard>.steps a {
    font-size: 1.1vw;
    grid-template-columns: 29px 1fr;
    gap: .9rem;
}
}@media only screen and (max-width: 1024px) {
    .wizard>.steps a {
    font-size: 1.45vw;
    grid-template-columns: 25px 1fr;
    gap: .5rem;
}
}@media only screen and (max-width: 980px) {
    .wizard>.steps a {
    font-size: 2vw;
    grid-template-columns: 27px 1fr;
    gap: .8rem;
}
}@media only screen and (max-width: 767px) {
    .wizard>.steps a {
    font-size: 3.8vw;
    grid-template-columns: 24px 1fr;
}
}.wizard>.steps a:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 27px;
    height: 27px;
    background: url(./images/stepperTick.svg);
    background-size: cover;
    border-radius: .5rem;
    transform: scale(.5) translateY(-50%);
    opacity: 0;
    transition: all .4s ease-in-out;
    left: 0;
}
[dir=rtl] .wizard>.steps a:after {
    left: auto;
    right: 0;
}
@media only screen and (min-width: 1630px) {
    .wizard>.steps a: after {
    width: 29px;
    height: 29px;
}
}@media only screen and (max-width: 1024px) {
    .wizard>.steps a: after {
    width: 25px;
    height: 25px;
}
}@media only screen and (max-width: 980px) {
    .wizard>.steps a: after {
    width: 27px;
    height: 27px;
}
}@media only screen and (max-width: 767px) {
    .wizard>.steps a: after {
    width: 24px;
    height: 24px;
}
}.wizard>.steps a:before {
    content: "";
    position: relative;
    aspect-ratio: 2/2;
    border-radius: .5rem;
    border: 3px solid #ffffff;
    transition: all .4s ease-in-out;
}
@media only screen and (max-width: 767px) {
    .wizard>.steps a: before {
    border-width: 2px;
}
}.wizard>.steps a:active, .wizard>.steps a:hover {
    color: #fff;
}
.wizard>.steps .disabled a {
    color: #6183a1;
    cursor: default;
}
.wizard>.steps .disabled a:active, .wizard>.steps .disabled a:hover {
    color: #6183a1;
    cursor: default;
}
.wizard>.steps .disabled a:before {
    border-color: #6183a1;
}
.wizard>.steps .current a {
    color: #fff;
    cursor: default;
}
.wizard>.steps .current a:hover {
    color: #fff;
    cursor: default;
}
.wizard>.steps .current a:active {
    color: #fff;
    cursor: default;
}
.wizard>.steps .done a {
    background: linear-gradient(90deg, #964d2d 10.19%, #fb9865 140.29%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.wizard>.steps .done a:after {
    transform: scale(1) translateY(-50%);
    opacity: 1;
}
.wizard>.steps .done a:before {
    transform: scale(.5);
    opacity: 0;
}
.wizard>.steps .done a:hover {
    color: #fff;
}
.wizard>.steps .done a:active {
    color: #fff;
}
.wizard>.content {
    display: block;
    min-height: 20em;
    position: relative;
    width: auto;
}
.wizard>.content>.title {
    position: absolute;
    display: none;
    visibility: hidden;
}
.wizard>.actions {
    position: relative;
    display: block;
}
.wizard>.actions>ul {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    max-width: 90%;
    margin-inline: auto;
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding-top: 2rem;
    margin-top: 3.5rem;
}
@media only screen and (max-width: 1024px) {
    .wizard>.actions>ul {
    max-width: 100%}
}@media only screen and (max-width: 767px) {
    .wizard>.actions>ul {
    padding-top: 1.5rem;
    margin-top: 1.5rem;
}
}.wizard>.actions>ul li:first-child {
    flex: 1;
    display: flex;
}
.wizard>.actions>ul li:first-child.disabled {
    display: none;
}
.wizard>.actions>ul li:first-child a {
    position: relative;
    padding-inline-start: 48px;
}
@media only screen and (max-width: 767px) {
    .wizard>.actions>ul li: first-child a {
    padding-inline-start: 35px;
}
}.wizard>.actions>ul li:first-child a:after {
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
    background: #06131f;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    z-index: -1;
    border-radius: 3rem;
}
.wizard>.actions>ul li:first-child a span:before {
    content: "";
    position: absolute;
    top: 0;
    width: 35px;
    height: 100%;
    background: url(./images/stepArrow.svg);
    background-position: center right;
    background-size: 12px auto;
    background-repeat: no-repeat;
    transition: all .4s ease-in-out;
    left: 0;
}
[dir=rtl] .wizard>.actions>ul li:first-child a span:before {
    left: auto;
    right: 0;
}
@media only screen and (max-width: 767px) {
    .wizard>.actions>ul li: first-child a span:before {
    width: 26px;
    background-size: 9px auto;
}
}.wizard>.actions>ul li:first-child a:hover span:before {
    transform: translate(-.3rem);
}
.wizard>.actions a {
    appearance: none;
    background: transparent;
    border: 0;
    cursor: pointer;
    font: inherit;
    font-weight: 500;
    line-height: 1;
    padding: 1rem 2.4rem;
    position: relative;
    user-select: none;
    text-align: center;
    justify-content: center;
    color: #fff;
    font-size: 1.05vw;
    line-height: 1.2;
    display: flex;
    border-radius: 2rem;
    transition: all .4s cubic-bezier(.215, .61, .355, 1);
    font-family: Poppins, Open Sans, sans-serif;
}
@media only screen and (min-width: 1630px) {
    .wizard>.actions a {
    font-size: .85vw;
}
}@media only screen and (min-width: 1025px) and (max-width: 1370px) and (min-height: 500px) and (max-height: 670px) {
    .wizard>.actions a {
    font-size: 1.15vw;
}
}@media only screen and (max-width: 1024px) {
    .wizard>.actions a {
    font-size: 1.5vw;
}
}@media only screen and (max-width: 980px) {
    .wizard>.actions a {
    font-size: 1.85vw;
}
}@media only screen and (max-width: 767px) {
    .wizard>.actions a {
    font-size: 4vw;
}
}@media only screen and (max-width: 767px) {
    .wizard>.actions a {
    padding: .9rem 1.5rem;
    font-size: 13px;
}
}.wizard>.actions a:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 2rem;
    background: linear-gradient(261deg, #964d2d 0%, #fb9865 100%);
    z-index: -1;
    box-shadow: 1px 1px #ffffff40 inset;
    background-size: 130% 100%;
    background-repeat: no-repeat;
    background-position-x: 32%;
    transition: all 1.4s cubic-bezier(.215, .61, .355, 1);
}
.wizard>.actions a:focus, .wizard>.actions a:hover {
    color: #fff;
}
.wizard>.actions a:active:before, .wizard>.actions a:hover:before {
    background-position-x: 100%}
.wizard>.actions .disabled {
    display: none;
}
.wizard>.actions .disabled a {
    color: #aaa;
}
.wizard>.actions .disabled a:before {
    background: linear-gradient(261deg, #081827 0%, #0e2233 100%);
    box-shadow: 1px 1px #08182740 inset;
}
.tabcontrol {
    display: block;
    width: 100%;
    overflow: hidden;
}
.tabcontrol a {
    outline: 0;
}
.tabcontrol ul {
    list-style: none!important;
    padding: 0;
    margin: 0;
}
.tabcontrol ul>li {
    display: block;
    padding: 0;
}
.tabcontrol>.steps {
    position: relative;
    display: block;
    width: 100%}
.tabcontrol>.steps .current-info {
    position: absolute;
    left: -999em;
}
.tabcontrol>.steps>ul {
    position: relative;
    margin: 6px 0 0;
    top: 1px;
    z-index: 1;
}
.tabcontrol>.steps>ul>li {
    float: left;
    margin: 5px 2px 0 0;
    padding: 1px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.tabcontrol>.steps>ul>li:hover {
    background: #edecec;
    border: 1px solid #bbb;
    padding: 0;
}
.tabcontrol>.steps>ul>li>a {
    color: #5f5f5f;
    display: inline-block;
    border: 0 none;
    margin: 0;
    padding: 10px 30px;
    text-decoration: none;
}
.tabcontrol>.steps>ul>li>a:hover {
    text-decoration: none;
}
.tabcontrol>.steps>ul>li.current {
    background: #fff;
    border: 1px solid #bbb;
    border-bottom: 0 none;
    padding: 0 0 1px;
    margin-top: 0;
}
.tabcontrol>.steps>ul>li.current>a {
    padding: 15px 30px 10px;
}
.tabcontrol>.content {
    position: relative;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #bbb;
    padding-top: 20px;
}
.tabcontrol>.content>.title {
    position: absolute;
    left: -999em;
}
.wizard.vertical>.steps {
    display: inline;
    float: left;
    width: 30%}
.wizard.vertical>.steps>ul>li {
    float: none;
    width: 100%}
.wizard.vertical>.content {
    display: inline;
    float: left;
    margin: 0 2.5% .5em;
    width: 65%}
.wizard.vertical>.actions {
    display: inline;
    float: right;
    margin: 0 2.5%;
    width: 95%}
.wizard.vertical>.actions>ul>li {
    margin: 0 0 0 1em;
}
@media (max-width: 600px) {
    .wizard>.steps>ul>li {
    width: 50%}
.wizard>.steps a {
    margin-top: .5em;
}
.wizard>.steps a:hover {
    margin-top: .5em;
}
.wizard>.steps a:active {
    margin-top: .5em;
}
.wizard.vertical>.steps {
    display: block;
    float: none;
    width: 100%}
.wizard.vertical>.actions {
    display: block;
    float: none;
    width: 100%}
.wizard.vertical>.content {
    display: block;
    float: none;
    margin: 0 .5em .5em;
    width: auto;
}
}@media (max-width: 480px) {
    .wizard>.steps>ul>li {
    width: 100%}
}[dir=rtl] .wizard>.actions>ul li:first-child a span:before {
    transform: scaleX(-1);
}
[dir=rtl] .wizard>.actions>ul li:first-child a:hover span:before {
    transform: scaleX(-1) translate(-.3rem);
}
html[dir=rtl] .wizard {
    font-family: Janna, sans-serif;
}
html[dir=rtl] .wizard>.actions a {
    font-family: Janna, sans-serif;
}