.Nasdaq-bottom ul li p,
body {
    font-size: 14px;
    line-height: 16px
}

.Nasdaq-bottom .arrow-down::after,
.Nasdaq-bottom .arrow-up::after {
    border-right: 6px solid transparent;
    border-left: 6px solid transparent
}

.bg-cover,
.kambi-network-section,
.oddsmaking-section,
.perfection-section,
.running-section,
.sports_betting_section {
    background-size: contain;
    background-repeat: no-repeat
}

a,
a:focus,
a:hover {
    text-decoration: none;
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -ms-transition: .2s linear;
    -moz-transition: .2s linear
}

body,
p {
    font-weight: 400
}

a,
body,
p {
    color: #000
}

.sign-number,
body {
    font-family: Overpass
}

.h1,
.h2,
.sign-number,
h1,
h2 {
    letter-spacing: -3.15px
}

@font-face {
    font-family: Overpass;
    src: url(../fonts/Overpass-Bold.woff2) format('woff2'), url(../fonts/Overpass-Bold.woff) format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Overpass;
    src: url(../fonts/Overpass-ExtraBold.woff2) format('woff2'), url(../fonts/Overpass-ExtraBold.woff) format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Overpass;
    src: url(../fonts/Overpass-Regular.woff2) format('woff2'), url(../fonts/Overpass-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.founding-kambi-top .founding-video a,
.unibet-bottom .tv-logo>picture,
.university-section .sign-number.rs_number,
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

*,
::after,
::before {
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    padding: 0;
    margin: 0;
    outline: 0
}

.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9 {
    padding: 0 15px
}

body {
    background: #fff;
    margin: 0;
    padding: 0;
    font-style: normal;
    overflow-x: hidden !important
}

a {
    background-color: transparent
}

h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
ul {
    margin: 0;
    padding: 0;
    font-weight: 400
}

li,
ol,
ul {
    list-style: none
}

p {
    font-size: 20px;
    line-height: 30px
}

.h1,
.h2,
.h3,
.h4,
h1,
h2,
h3,
h4 {
    font-weight: 700
}

img {
    border: 0;
    outline: 0;
    vertical-align: middle;
    max-width: 100%
}

.h1,
h1 {
    font-size: 100px;
    line-height: 110px
}

.h2,
h2 {
    font-size: 70px;
    line-height: 80px
}

.h3,
h3 {
    font-size: 35px;
    line-height: 40px
}

.h4,
h4 {
    font-size: 30px;
    line-height: 34px
}

.h5,
h5 {
    font-size: 24px;
    font-weight: 400;
    line-height: 30px
}

.h6,
h6 {
    font-size: 22px;
    font-weight: 700;
    line-height: 24px
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.row-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.row::after {
    content: "";
    display: table;
    clear: both
}

.col-1 {
    width: 8.33%
}

.col-2 {
    width: 16.66%
}

.col-3 {
    width: 25%
}

.col-4 {
    width: 33.33%
}

.col-5 {
    width: 41.66%
}

.col-6 {
    width: 50%
}

.col-7 {
    width: 58.33%
}

.col-8 {
    width: 66.66%
}

.col-9 {
    width: 75%
}

.col-10 {
    width: 83.33%
}

.col-11 {
    width: 91.66%
}

#fullpage,
.backgroung-video-section-4 img,
.col-12 {
    width: 100%
}

.d-none {
    display: none !important
}

.audio-icon,
.boom-section .did-next,
.dotcom-img,
.horizon-top,
.unibet-bottom {
    display: flex
}

.bg-cover {
    background-position: center
}
#fullpage  {
    margin: 0 auto;
}

#fullpage {
    max-width: 1440px;
    margin: 0 auto
}
.progress-bar {
    position: fixed;
    top: 100px;
    left: 57px;
    width: 2px;
    border: 1px dashed #004572;
    height: 0;
    z-index: 11
}

.fp-section {
    overflow: hidden;
}

.fp-tableCell {
    vertical-align: top
}

.sign-number {
    font-size: 100px;
    line-height: 110px;
    font-weight: 700
}

.business-proposal-top,
.characters-section .number-col,
.founding-kambi-top .founding-video,
.relative,
.together-text .inner_text {
    position: relative
}

.university-section {
    /* padding-top: 170px */
    padding-top: 60px;
}

.university-section h2 {
    color: #00c4de;
    display: block;
    margin-left: calc(100% - 73%)
}

.university-section h3 {
    color: #004572;
    margin-left: calc(100% - 65%);
    padding-bottom: 34px
}

.university-section h4 {
    color: #00c4de;
    margin-left: calc(100% - 73%);
    padding-bottom: 35px
}

.university-section p a {
    max-width: 400px;
    width: 100%;
    color: #004572;
    margin-left: calc(100% - 73%);
    display: block
}

.university-logo {
    position: static;
    top: 50%;
    margin-top: -130px;
    margin-left: 110px
}

.city-view img {
    max-width: 326px;
    width: 100%
}

.university-section .city-view {
    position: relative;
    margin-top: 190px;
    margin-left: 274px
}

.university-section .sign-number {
    color: #00c4de;
    position: absolute;
    top: -40px;
    z-index: 1;
    left: -134px;
    mix-blend-mode: darken
}

.video-box {
    float: right;
    margin-right: 20px;
    margin-top: -130px;
    position: relative
}

.video-box .vide-img {
    max-width: 684px;
    width: 100%
}

.video-box .play-button {
    max-width: 75px;
    width: 75px;
    position: absolute;
    top: 38px;
    z-index: 1;
    left: 38px
}

.sports-section {
    margin-top: 0;
    padding-left: 256px
}

.sports-section .city-view {
    position: absolute;
    top: -163px;
    left: 274px
}

.Nasdaq-top .sign-icon,
.betting-history-top,
.characters-section .main-div,
.creating-section .fp-tableCell,
.disruption-top,
.flurry-top,
.founding-kambi-bottom,
.founding-kambi-top,
.friendship-top,
.inner-map-box,
.king__top,
.sports-section .top-text,
.taking-top,
.together-bottom,
.unibet-top {
    display: flex;
    flex-wrap: wrap
}

.sports-section .text-col {
    margin-top: 92px
}

.sports-section .text-col h3 {
    color: #004572;
    display: block;
    margin-bottom: 47px
}

.sports-section .text-col h6 {
    max-width: 446px;
    width: 100%;
    color: #004572;
    display: block;
    line-height: 29px;
    font-size: 20px;
    font-weight: 400
}

.sports-section .img-col img {
    max-width: 277px;
    margin-left: 27px
}

.sports-section .number-col .sign-number {
    color: #1dac8a;
    opacity: .2;
    margin-top: 20px;
    display: block;
    margin-left: 9px
}

.bottom-text {
    max-width: 834px;
    width: 100%;
    margin-left: auto;
    margin-top: 100px;
    padding-right: 10px;
    position: relative;
    z-index: 1
}

.poker-top {
    position: absolute;
    bottom: 20px;
    right: 319px
}

.characters-section {
    padding-left: 139px
}

.characters-section .main-div .text-col {
    padding-top: 121px
}

.characters-section .main-div .text-col h3 {
    color: #004572;
    display: block;
    margin-bottom: 52px
}

.characters-section .main-div .text-col h6 {
    max-width: 477px;
    width: 100%;
    color: #004572;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -.5px
}

.characters-section .img-col {
    position: relative;
    width: 445px;
    height: 620px;
    margin-left: 130px
}

.characters-section .img-col .poker-img-1 {
    position: absolute;
    top: 0;
    left: -36px;
    z-index: 11
}

.characters-section .img-col .poker-img-2 {
    position: absolute;
    top: 0;
    left: -37px;
    z-index: 1;
    scale: 1.1
}

.characters-section .number-col .sign-number {
    color: #ffa300;
    opacity: .2;
    display: block;
    position: absolute;
    top: 246px;
    left: -170px
}

.characters-section .bottom-right {
    max-width: 760px;
    width: 100%;
    margin-top: 120px;
    margin-left: auto;
    margin-right: 190px;
    position: relative
}

.metting-section {
    padding-left: 142px
}

.metting-section .text-col h3 {
    color: #004572;
    display: block;
    margin-bottom: 33px;
    margin-top: 170px
}

.metting-section .text-col h6 {
    color: #004572;
    max-width: 470px;
    width: 100%;
    margin-left: 116px;
    font-weight: 400;
    letter-spacing: -.5px;
    line-height: 29px
}

.metting-section .bottom-metting {
    max-width: 480px;
    width: 100%;
    margin-top: 244px;
    margin-left: 190px;
    position: relative
}

.metting-section .football .ball {
    position: absolute;
    top: 140px;
    right: 160px;
    z-index: 11;
    max-width: 588px;
    width: 100%
}

.metting-section .football .ball-shadow {
    position: absolute;
    max-width: 570px;
    width: 100%;
    top: 203px;
    right: 98px
}

.metting-section .number-div {
    position: absolute;
    top: 241px;
    right: 50px
}

.metting-section .number-div .sign-number,
.telephone-loog .sign-number {
    color: #485cc7;
    opacity: .2
}

.boom-section {
    padding-left: 140px;
    padding-top: 92px
}

.boom-section h2 {
    color: #00c4de;
    max-width: 650px;
    width: 100%
}

.boom-section .did-next .left-col {
    max-width: 450px;
    width: 100%;
    margin-left: 119px
}

.boom-section .did-next .left-col h3 {
    color: #004572;
    margin-top: 20px;
    padding-bottom: 27px
}

.boom-section .did-next .left-col p a {
    color: #00c4de;
    font-size: 30px;
    max-width: 90%;
    width: 100%;
    display: block;
    line-height: 34px
}

.boom-section .right-col {
    max-width: 480px;
    width: 100%;
    margin-top: -70px;
    margin-left: -50px
}

.arrival-text {
    max-width: 500px;
    width: 100%;
    margin-left: auto;
    margin-top: -125px
}

.kambi-text p {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    letter-spacing: -1.7px;
    color: #004572;
    position: relative;
    margin-bottom: 23px
}

.audio-icon img,
.audio-icon span {
    display: block;
    margin: 0 auto;
    width: 100%
}

.audio-icon .player {
    border: 6px solid #4f56b1;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    text-align: center;
    animation-name: audio-icon;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}

@keyframes audio-icon {
    0%   {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1)
    }
    50%  {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.22);
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2)
    }
    100%  {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1)
    }
  }
.audio-icon .player input,
.king-icon .king-player input,
.mobile-icon .mobile-player input {
    display: none
}

.audio-icon .player label,
.king-icon .king-player label,
.mobile-icon .mobile-player label {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    cursor: pointer
}

.audio-icon .player label::before {
    content: "";
    position: relative;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-left: 30px solid #4f56b1;
    border-bottom: 25px solid transparent;
    margin-left: 10px
}

.audio-icon .player input:checked+label::before {
    content: "";
    position: relative;
    width: 30px;
    border: none;
    border-right: 12px solid #4f56b1;
    border-left: 12px solid #4f56b1;
    height: 36px;
    background: 0 0;
    margin-left: 0
}

.kambi-text p::before {
    position: absolute;
    content: "\201C";
    font-size: 121px;
    color: #004572;
    top: 35px;
    left: -66px
}

.kambi-text p::after {
    position: absolute;
    content: "\201D";
    font-size: 42px;
    color: #004572;
    bottom: -1px;
    right: auto
}

.arrival-text .kambi-text p::after {
    right: auto
}

.kambi-text span.double-big {
    position: absolute;
    top: -89px;
    display: block;
    left: -75px
}

.kambi-text strong {
    font-size: 25px;
    line-height: 28px;
    font-weight: 700;
    color: #004572;
    display: block
}

.kambi-text span {
    font-size: 25px;
    line-height: 33px;
    font-weight: 400;
    letter-spacing: -.8px;
    color: #004572;
    display: block
}

.keyboard-img {
    position: relative;
    margin-top: -80px
}

.keyboard-img .sign-number {
    color: #00c4de;
    position: absolute;
    top: -20px;
    left: 86px;
    z-index: 1
}

.keyboard-img img {
    max-width: 600px;
    width: 100%;
    display: block
}

.dotcom-section {
    padding-left: 212px;
    padding-bottom: 265px
}

.dotcom-img {
    margin-left: auto;
    justify-content: end;
    margin-right: 28px
}

.dotcom-img img {
    width: 100%;
    max-width: 310px
}

.moved-text {
    max-width: 720px;
    width: 100%
}

.dotcom-bg-img {
    position: absolute;
    bottom: 0;
    right: 0
}

.sign-number-div {
    position: absolute;
    bottom: 100px;
    /* left: calc(50% - 200px) */
    left: calc(50% - 380px)
}

.sign-number-div .sign-number {
    color: #ffa300;
    opacity: .2
}

.unibet-section {
    padding-left: 140px;
    padding-bottom: 60px
}

.unibet-top .inner-left {
    width: 51%
}

.unibet-top .inner-left h3 {
    color: #004572;
    /* padding-top: 220px; */
    padding-top: 80px;
    padding-left: 119px;
    letter-spacing: -1px
}

.unibet-top .selling-text span {
    height: 300px
}

.unibet-top .selling-text .soup-image {
    float: left;
    width: 100%;
    max-width: 250px;
    shape-outside: ellipse(120px 100px at 30% 58%);
    shape-margin: 16px;
    margin-top: 50px;
    padding-right: 40px
}

.unibet-top .inner-left p {
    font-size: 22px;
    line-height: 30px;
    color: #004572;
    max-width: 655px;
    width: 100%;
    padding-top: 35px;
    margin-left: 140px;
}

.unibet-top .inner-right {
    width: 49%
}

.telephone-loog {
    position: relative
}

.telephone-loog .sign-number-text {
    position: absolute;
    top: 50px;
    right: 70px
}

.audio-icon {
    margin-left: auto;
    flex-wrap: wrap;
    justify-content: end;
    flex-direction: column;
    position: absolute;
    bottom: 20px;
    right: 60px;
}

.audio-icon img {
    max-width: 96px;
    padding-bottom: 20px
}

.audio-icon span {
    max-width: 120px;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    color: #485cc7;
    word-break: break-word;
}

.unibet-bottom {
    align-items: end;
    justify-content: center;
    padding-top: 116px
}

.unibet-bottom .tv-logo {
    margin-right: 50px;
    margin-bottom: 38px;
    position: relative;
    z-index: 1
}

.unibet-bottom .tv-logo img {
    max-width: 230px;
    width: 100%
}

.influenced-text {
    max-width: 530px;
    width: 100%
}

.influenced-text.kambi-text span.double-big {
    left: -100px
}

.disruption-section {
    padding-top: 130px;
    padding-left: 110px;
    padding-bottom: 80px
}

.mark-box-icon {
    /* position: absolute;
    top: -10px;
    right: 0 */
    display: block;
    text-align: right;
    margin-top: 60px;
}
.sign__number__text {
    text-align: right;
    margin-right: 20px;
    margin-top: -30px;
}
.sign__number__text .sign-number {
    color: #00c4de;
    opacity: 0.2;
}

.mark-box-icon img {
    max-width: 480px;
    width: 100%
}
.disruption-inner-section {
    display: flex;
    flex-wrap: wrap;
}

.disruption-top {
    width: 60%;
}
.telephone-right {
    width: 40%;
}

.disruption-top .image {
    width: 40%;
    position: relative
}

.disruption-top .image .sign-number {
    color: #00c4de;
    opacity: .2;
    margin-top: -30px;
    display: block;
}

.disruption-top .text {
    width: 60%;
    position: relative;
    z-index: 1;
    margin-top: auto;
}

.disruption-top .text h3 {
    color: #004572;
    margin-top: 0;
    margin-bottom: 17px;
    margin-left: 0;
    letter-spacing: -.5px;
    max-width: 290px;
    width: 100%;
}

.disruption-top .text p {
    font-size: 22px;
    line-height: 30px;
    max-width: 430px;
    width: 100%;
    color: #004572
}
.betting-text {
    margin-left: 200px;
    max-width: 840px;
    width: 100%;
    margin-right: auto;
    margin-top: 120px;
}

.betting-text.kambi-text span.double-big {
    left: -70px
}

.together-section {
    padding-left: 110px;
    padding-top: 110px
}

.london-bridge {
    position: absolute;
    right: 110px
}
.video-wrapper {
    position: relative;
}
.video-wrapper:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    border: 15px solid #fff;
    z-index: 111;
    left: 0;
    right: 0;
    transform: rotateZ(6deg);
    margin-left: -29px;
    top: -5px;
}
.london-bridge .video-wrapper video,
.london-bridge .video-wrapper iframe {
    width: 473px;
    height: 271px;
    border: 5px solid #fff;
    box-shadow: rgba(0%, 0%, 0%, 40%) 0 20px 30px;
    position: relative;
    top: 0;
    right: 27px;
    transform: rotateZ(6deg);
}

.together-text {
    max-width: 570px;
    width: 100%
}

.together-text h3 {
    color: #004572;
    max-width: 400px;
    width: 100%;
    margin-left: 29px;
    letter-spacing: -.5px
}

.together-text .inner_text .sign-number {
    color: #ffa300;
    opacity: .2;
    position: absolute;
    top: -24px;
    left: 20px
}

.together-text .inner_text p {
    color: #004572;
    max-width: 458px;
    width: 100%;
    font-size: 22px;
    line-height: 31px;
    margin-left: 149px;
    margin-top: 30px;
    letter-spacing: -.6px
}

.together-bottom .left-col {
    width: 55%
}

.together-bottom .left-col .video-box-tow {
    max-width: 714px;
    width: 100%;
    position: relative;
    margin-top: 176px
}

.together-bottom .video-box-tow .play-button {
    width: 100%;
    max-width: 75px;
    position: absolute;
    top: 20px;
    right: 56px
}

.together-bottom .left-right {
    width: 45%
}

.started-text {
    max-width: 500px;
    width: 100%;
    margin-left: auto;
    margin-right: 20px;
    margin-top: 200px
}

.horizon-section {
    padding-left: 128px;
    padding-top: 90px;
    padding-bottom: 90px
}

.bottom-left-item .sign_number_text .sign-number,
.horizon-top .sign-number {
    color: #00c4de;
    opacity: .2
}

.horizon-top {
    align-items: flex-end;
    margin-left: 90px;
    margin-top: 42px
}

.oddsmaking-text,
.sign_div {
    margin-left: auto;
    width: 100%
}

.horizon-top h3 {
    color: #004572;
    position: relative;
    margin-left: -21px;
    z-index: 1;
    padding-bottom: 20px;
    letter-spacing: -.5px
}

.horizon-center .golfer-img {
    float: left;
    margin-top: -40px;
    margin-left: 0;
    max-width: 574px;
    shape-outside: ellipse(184px 100px at 59.7% 24.4%);
    shape-margin: 0
}

.horizon-center p {
    font-size: 22px;
    line-height: 30px;
    color: #004572;
    margin-bottom: 30px
}

.horizon-center p.first-child {
    display: inline-block;
    max-width: 450px;
    letter-spacing: -.6px;
    margin-left: -33px;
    margin-top: 6px
}

.horizon-center p.last-child {
    margin-bottom: 0;
    margin-right: 340px
}

#golfer-ball {
    position: absolute;
    width: 1000px;
    height: 1000px;
    top: 108px;
    right: -5px
}

.active .blinker {
    animation-name: blinker;
    animation-duration: .5s;
    animation-timing-function: ease;
    animation-iteration-count: 2
}

@keyframes blinker {

    0%,
    100% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

.oddsmaking-section {
    background-position: center center;
    /* background-color: #00c4de !important */
    padding-top: 20px;
    padding-bottom: 20px;
}

.oddsmaking-section .container {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}

.oddsmaking-section .sign-number {
    color: #00c4de;
    opacity: .2;
    position: absolute;
    left: 160px;
    top: 500px
}

.oddsmaking-text {
    max-width: 671px;
    margin-right: 150px;
    margin-top: 450px;
    padding-bottom: 100px
}

.kambi-network p,
.kambi-network p::after,
.kambi-network p::before,
.kambi-network span,
.kambi-network strong,
.oddsmaking-text.kambi-text p,
.oddsmaking-text.kambi-text p::after,
.oddsmaking-text.kambi-text p::before,
.oddsmaking-text.kambi-text span,
.oddsmaking-text.kambi-text strong,
.perfection-text p,
.perfection-text p::after,
.perfection-text p::before,
.perfection-text span,
.perfection-text strong,
.running-text p,
.running-text p::after,
.running-text p::before,
.running-text span,
.running-text strong,
.sports_betting_text p,
.sports_betting_text p::after,
.sports_betting_text p::before,
.sports_betting_text span,
.sports_betting_text strong {
    color: #fff
}

.birth-section {
    padding-left: 257px;
    padding-top: 150px;
    padding-bottom: 590px
}

.birth-section h2 {
    color: #00c4de;
    display: block;
    text-transform: uppercase;
    letter-spacing: -1.9px
}

.birth-section h3 {
    color: #004572;
    display: block;
    margin-left: 120px;
    letter-spacing: -.2px;
    margin-bottom: 40px
}

.birth-section p a {
    color: #00c4de;
    display: block;
    font-size: 30px;
    line-height: 35px;
    max-width: 560px;
    width: 100%;
    letter-spacing: -.2px
}

.sign_div {
    max-width: 600px;
    position: absolute;
    right: -48px;
    top: 287px;
    z-index: 1
}

.sign_div .sign-number {
    position: absolute;
    top: 30px;
    right: 91px;
    color: #00c4de
}

.Jockey-images {
    max-width: 603px;
    width: 100%;
    position: absolute;
    bottom: 101px;
    right: 202px;
    z-index: 1;
}

.Volley-images {
    max-width: 270px;
    width: 100%;
    position: absolute;
    bottom: 223px;
    left: 150px;
    z-index: 1;
}

.Digital-Landscape-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-size: cover;
    background-position: center center
}
.Digital-Landscape-bg img {
    width: 100%;
}
.running-section {
    background-position: top center;
    padding-bottom: 60px;
}

.bg-video,
.sports_betting_section {
    background-position: center center
}
.sports_betting_section {
    padding-top: 20px;
    padding-bottom: 20px;
}

.running-section .display-flex {
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 100%
}

.running-text {
    max-width: 595px;
    width: 100%;
    margin-left: 217px;
    margin-top: 50px
}

.running-section .sign-number {
    color: #fff;
    opacity: .3;
    margin-top: -270px;
    margin-right: 40px;
    display: block
}

.taking-section {
    padding-left: 140px;
    padding-top: 171px;
    padding-bottom: 110px
}

.taking-top .taking-left {
    width: 100%;
    max-width: 47%
}

.taking-top .taking-right {
    width: 100%;
    max-width: 52%
}

.taking-top .taking-right img {
    margin-left: -25px;
    margin-top: 12px
}

.monentum-top h3,
.taking-top .taking-left h3 {
    color: #004572;
    display: block;
    padding-bottom: 43px
}

.taking-top .taking-left h6 {
    color: #004572;
    display: block;
    margin-left: 118px;
    letter-spacing: -.5px;
    line-height: 30px
}

.kristian-text {
    max-width: 780px;
    width: 100%;
    margin: -30px auto 0 318px
}

.kristian-text .sign-number {
    color: #ffa300;
    opacity: .2 !important;
    position: absolute;
    top: -120px;
    left: -350px;
    display: block
}

.sports_betting_section {
    padding-left: 236px
}

.sports_betting_text {
    max-width: 755px;
    width: 100%;
    margin: 240px auto 0;
    z-index: 1
}

.sports_betting_section .fp-tableCell {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.sports_betting_text .golf-ball-img {
    width: 100%;
    max-width: 330px;
    position: absolute;
    top: -256px;
    left: -323px
}

.sports_betting_text .double-big {
    z-index: 1
}

.sports_betting_text .double-big+div {
    z-index: 1;
    position: relative
}

.sports_betting_text .sign-number {
    width: 100%;
    position: absolute;
    bottom: -120px;
    left: -215px;
    opacity: .5 !important;
    color: #004572
}

.monentum-section {
    padding-top: 233px;
    padding-left: 220px;
    padding-bottom: 120px;
    position: relative;
    z-index: 11
}

.monentum-top {
    max-width: 554px;
    width: 100%;
    position: relative
}

.monentum-top .sign-number {
    color: #00c4de;
    opacity: .2;
    position: absolute;
    top: -48px;
    left: -119px
}

.monentum-top h6 {
    color: #004572;
    display: block;
    line-height: 29px
}

#arrow-lottie {
    bottom: -118px;
    position: absolute;
    left: -18%;
    width: 1650px;
    z-index: -1
}

.stadium-aerial-main {
    text-align: right;
    position: relative;
    margin-top: -33px
}

/* .stadium-aerial-main.aos-animate  .digital-football-img {
    right: 370px;
    top: -135px 
} */
.digital-football-img {
    position: absolute;
    right: 370px;
    top: -135px
    /* right: 100%;
    top: 100%; */
    /* transition: .8s linear; */
}

.digital-football-img img {
    max-width: 310px;
    width: 100%
}

.stadium-aerial-img img {
    max-width: 540px;
    width: 100%
}

.business-proposal {
    padding-top: 110px;
    padding-left: 138px;
    padding-bottom: 116px
}

.business-proposal h3 {
    color: #004572;
    display: block;
    margin-left: 115px;
    margin-bottom: 44px
}

.business-proposal-top .img {
    max-width: 330px;
    width: 100%;
    float: left;
    position: relative;
    shape-outside: ellipse(120px 120px at 51% 41%);
    shape-margin: 16px;
    margin-top: -30px
}

.business-proposal-top .img .off img,
.business-proposal-top .img .on img {
    max-width: 280px;
    width: 100%
}

.bg-video .fp-tableCell,
.business-proposal-top .img .off {
    position: relative;
    z-index: 11
}

.business-proposal-top .img .on {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.opne-on .business-proposal-top .img .on {
    z-index: 11
}

.business-proposal-top .text {
    margin-right: 36%;
    margin-left: 18%
}

.business-proposal-top .text p {
    font-size: 22px;
    line-height: 30px;
    color: #004572
}

.stop-watch {
    position: absolute;
    right: -23px;
    top: 203px;
    height: 100%;
    width: 100%;
    text-align: right
}

.stop-watch img {
    max-width: 700px;
    width: 100%;
    margin-right: 0
}

.business-proposal-text {
    max-width: 800px;
    width: 100%;
    margin-top: 224px;
    margin-left: 70px
}

.business-proposal-top .sign-number {
    position: absolute;
    top: -61px;
    color: #485cc7;
    opacity: .2;
    left: 610px
}

.backgroung-video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}
.backgroung-video:after {
    content: "";
    background: rgb(255 255 255 / 50%);
    z-index: 11;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: block;
    bottom: 0;
    position: absolute;
}
.backgroung-video video,
.backgroung-video iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center
}

.b2b-section .fp-tableCell {
    display: flex;
    align-items: center;
    justify-content: center
}

.b2b-section-top {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 11
}

.b2b-section h3 {
    color: #004572;
    display: block;
    padding-bottom: 40px
}

.b2b-section h4 {
    color: #ffa300;
    max-width: 540px;
    width: 100%
}

.b2b-section-top .sign-number {
    position: absolute;
    top: -60px;
    left: -110px;
    color: #ffa300;
    opacity: .2 !important
}

.vision-quickly-main {
    display: flex;
    flex-wrap: wrap;
    padding-top: 78px;
    padding-bottom: 78px;
    padding-left: 138px
}

.building-trust-left,
.creating-left,
.creating-right,
.map-svg-img,
.vision-quickly {
    max-width: 50%;
    width: 100%
}

.vision-quickly h2 {
    color: #00c4de;
    letter-spacing: .5px;
    font-size: 60px;
    line-height: 60px
}

.inner-first-text {
    margin-top: -260px;
    width: 100%;
    max-width: 620px
}

.inner-first-text h3 {
    color: #004572;
    letter-spacing: 1.4px
}

.inner-first-text h5 {
    color: #004572;
    margin-left: 68px;
    letter-spacing: -.6px
}

.building-trust-right,
.flurry-right,
.paf-right {
    max-width: 50%;
    width: 100%;
    position: relative
}

.paf-logo img {
    max-width: 269px;
    width: 100%;
    position: absolute;
    top: 120px;
    left: 0
}

.paf-first-image {
    text-align: center
}

.paf-first-image picture {
    position: relative;
    z-index: 1
}

.paf-first-image .first-image {
    max-width: 277px;
    width: 100%;
    margin: 51px auto 20px;
    animation: 6s linear infinite move;
    transform-origin: bottom
}

@keyframes move {

    0%,
    100% {
        transform: rotateZ(-8deg) translateX(0)
    }

    50% {
        transform: rotateZ(8deg) translateX(0)
    }
}

.paf-second-image {
    position: absolute;
    top: 56px;
    left: 183px;
    margin: 0 auto
}

.paf-second-image img {
    max-width: 274px;
    width: 100%;
    margin: 0 auto;
    opacity: .6
}

.bg-video {
    padding-top: 102px;
    padding-bottom: 102px;
    padding-left: 140px;
    background-size: cover
}

.bg-video::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(255 255 255 / 60%)
}

.bg-video .top-contant {
    max-width: 663px;
    width: 100%;
    position: relative;
    z-index:11;
}

.bg-video .top-contant h4 {
    color: #00c4de;
    font-size: 30px;
    line-height: 30px
}

.bg-video .bottom-contant {
    max-width: 378px;
    width: 100%;
    margin-left: auto;
    margin-top: -400px;
    position:relative;
    z-index:11;
}

.sign-number-text .sign-number {
    color: #004572;
    opacity: .2;
   
}

.bg-video .bottom-contant h5 {
    color: #004572;
    font-size: 26px
}

.sign-number-text {
    position: absolute;
    right: 20px;
    top: 0;
    z-index: 11;
}

.backgroung-video-section-4 {
    margin-top: -110px;
    width: 100%;
    transform: scale(1.2);
    margin-left: -70px;
    aspect-ratio: 3 / 2;
}

.flurry-right .second.aos-animate,
.marquee {
    transform: translateY(-50%)
}

.backgroung-video-section-4 .opn_city {
    opacity: 0;
    visibility: hidden
}

.perfection-section {
    background-position: top center;
    padding: 360px 0 360px;
    position: relative; 
    z-index: 1008;
}

.perfection-text {
    max-width: 650px;
    width: 100%;
    margin: 0 auto
}

.mobile-audio-section {
    padding-top: 145px;
    padding-left: 140px;
    padding-bottom: 210px
}

.mobile-audio-contant {
    max-width: 60%;
    width: 100%;
    position: relative;
    z-index: 11
}

.mobile-audio-contant h4 {
    font-size: 24px;
    line-height: 30px;
    max-width: 430px;
    width: 100%;
    color: #00c4de
}

.mobile-audio-contant h3 {
    font-size: 32px;
    line-height: 36px;
    max-width: 660px;
    width: 100%;
    color: #004572;
    margin-top: 45px;
    margin-left: 100px
}

.mobile-icon .mobile-player {
    border: 4px solid #00c4de;
    background-color: transparent;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 86px;
    height: 86px;
    margin: 0 auto;
    text-align: center;
    animation-name: audio-icon;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}

.mobile-icon .mobile-player label::before {
    content: "";
    position: relative;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 25px solid #00c4de;
    border-bottom: 20px solid transparent;
    margin-left: 10px
}

.mobile-icon .mobile-player input:checked+label::before {
    content: "";
    position: relative;
    width: 30px;
    border: none;
    border-right: 10px solid #00c4de;
    border-left: 10px solid #00c4de;
    height: 36px;
    background: 0 0;
    margin-left: 0
}

.mobile-audio-img {
    max-width: 50%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 50px;
    text-align: right;
    z-index: 11
}

.mobile-audio-img img {
    width: 100%;
    max-width: 581px
}

.mobile-icon {
    position: absolute;
    top: 158px;
    left: 250px;
    text-align: center;
    width: 20%
}

.mobile-icon span {
    color: #fff;
    display: block;
    max-width: 100px;
    text-align: center;
    margin: 25px auto 0;
    width: 100%;
    letter-spacing: .2px;
    line-height: 18px;
    word-wrap: break-word;
}


#particles-js {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%
}

#particles-js::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    /* background-color: #fff; */
    background: linear-gradient(87deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0.04245448179271705) 90%);
    left: -380px;
    top: -260px;
    transform: rotate(-45deg)
}

#particles-js::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 40%;
    /* background-color: #fff; */
    background: linear-gradient(179deg, rgba(255,255,255,1) 60%, rgba(255,255,255,0.04245448179271705) 80%);
    left: 20px;
    top: -110px
}

.founding-kambi {
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 140px
}

.founding-kambi-bottom .bottom-left-item,
.founding-kambi-top .left-item {
    max-width: 40%;
    width: 100%;
    position: relative
}

.founding-kambi-top .left-item .k-icon {
    max-width: 267px;
    width: 100%;
    opacity: .2;
    position: absolute;
    top: 0;
    left: 0
}

.founding-kambi-top .k-icon-text {
    margin-left: 77px;
    margin-top: 112px;
    position: relative;
    z-index: 1
}

.founding-kambi-top .k-icon-text h3 {
    color: #004572;
    margin-bottom: 44px
}

.founding-kambi-top .k-icon-text p {
    color: #004572;
    max-width: 390px;
    width: 100%
}

.founding-kambi-top .right-item {
    max-width: 56%;
    width: 100%;
    margin-top: 185px;
    margin-left: auto
}

.founding-kambi-top .founding-video .play-button {
    max-width: 75px;
    width: 75px;
    position: absolute;
    top: 28px;
    z-index: 1;
    right: 40px
}

.bottom-left-item .AmericanFootball {
    display: block;
    max-width: 358px;
    width: 100%;
    margin-top: -48px;
    margin-left: 43px;
    position: relative;
    z-index: 1
}

.bottom-left-item .AmericanFootball_before {
    display: block;
    max-width: 358px;
    width: 100%;
    position: absolute;
    left: 3px;
    bottom: -79px
}

.founding-kambi-bottom .bottom-right-item {
    max-width: 100%;
    width: 100%;
    margin-top: 19px;
    margin-left: 312px;
    position: relative;
    z-index: 111
}

.Sportsbook-Network {
    max-width: 900px;
    width: 100%;
    margin-right: auto
}

.building-trust-section {
    padding-top: 90px;
    padding-left: 140px;
    padding-bottom: 250px
}

.building-trust {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 11
}

.building-trust-left h2 {
    font-size: 65px;
    line-height: 62px;
    color: #00c4de;
    max-width: 630px;
    width: 100%;
    letter-spacing: -1.9px
}

.building-trust-right .first-image {
    max-width: 480px;
    margin-left: 73px;
    width: 100%;
    margin-top: -50px
}

.building-trust-right .second-image {
    position: absolute;
    bottom: -20px;
    max-width: 406px;
    width: 100%;
    left: -89px;
    box-shadow: 0 3px 6px #00000029
}

.building-trust-center {
    max-width: 359px;
    width: 100%;
    margin-top: -124px
}

.building-trust-center h6 {
    color: #004572;
    font-weight: 400
}

.building-trust-bottom {
    max-width: 700px;
    width: 100%;
    opacity: .5;
    position: absolute;
    bottom: 0;
    left: 201px
}

.Nasdaq-section {
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 90px
}

.betting-history,
.creating-section,
.federal-sports,
.flurry-section,
.friendship-section,
.kambi-network-map,
.king-section {
    padding-left: 140px
}

.Nasdaq-top {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding-bottom: 40px
}

.Nasdaq-section .Nasdaq-left {
    max-width: 60%;
    width: 100%
}

.Nasdaq-section .sign-number {
    color: #004572;
    opacity: .2;
    margin-left: auto;
    margin-right: 90px;
    margin-top: 11px
}

.Nasdaq-image {
    max-width: 670px;
    width: 100%;
    margin-top: -87px
}

.Nasdaq-section .Nasdaq-right,
.betting-history-right {
    max-width: 40%;
    width: 100%
}

.Nasdaq-right .contant h3 {
    font-size: 32px;
    line-height: 34px;
    color: #004572;
    max-width: 352px;
    width: 100%;
    letter-spacing: -.9px
}

.Nasdaq-icon {
    position: absolute;
    bottom: -35px;
    right: -51px;
    max-width: 700px;
    width: 100%
}

.Nasdaq-bottom-marquee {
    overflow: hidden;
    max-width: 100%;
    width: 100%;
    margin-left: auto
}

.Nasdaq-bottom {
    margin-top: 85px;
    position: relative;
    height: 38px;
    /* background-color: #e6e6e6; */
    background-image: url("../images/section-5/Stock-ticker.png");
    background-size: contain;
    background-position: center center;
}
.marquee {
    position: absolute;
    animation-name: scroll;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-play-state: running;
    animation-duration: 16s;
    top: 50%;
}

@keyframes scroll {
    0% {
        left: 0
    }

    100% {
        left: -100%
    }
}

@-webkit-keyframes scroll {
    0% {
        left: 0
    }

    100% {
        left: -100%
    }
}

.Nasdaq-bottom::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 200px;
    height: 38px;
    z-index: 111;
    background: linear-gradient(to right, rgb(255, 255, 255,0.2) 0%, rgb(230, 230, 230) 100%);
    mix-blend-mode: lighten;
}

.Nasdaq-bottom ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap
}

.Nasdaq-bottom ul li {
    list-style: none;
    padding: 0;
    margin: 0 25px
}

.Nasdaq-bottom ul li p {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.Nasdaq-bottom ul li p strong {
    white-space: pre;
    font-size: 18px;
    line-height: 18px;
    color: #000;
    padding-right: 2px;
}
.Nasdaq-bottom ul li p .text-nasdaq {
    font-size: 14px;
    line-height: 14px;
    color: #7f7f80;
    font-weight: 600;
    margin-right: 5px;
    display: block;
    white-space: nowrap;
}
.br-0 {
    margin-right: 0 !important;
}

.Nasdaq-bottom ul li p .text-nasdaq sub {
    position: relative;
    font-size: 16px;
    line-height: 16px;
    vertical-align: bottom;
    font-weight: 600;
}

.Nasdaq-bottom ul li p span.arrow {
    position: relative;
    padding-left: 15px;
    font-size: 16px;
    line-height: 16px;
}

.Nasdaq-bottom ul li.pink-color p span.arrow {
    color: #c3191a
}

.Nasdaq-bottom ul li.green-color p span.arrow {
    color: #1caa88
}

.Nasdaq-bottom .arrow::after {
    position: absolute;
    top: 1px;
    content: '';
    left: 5px;
}

.Nasdaq-bottom .arrow-down::after {
    border-top: 9px solid #c3191a
}

.Nasdaq-bottom .arrow-up::after {
    border-bottom: 9px solid #1caa88
}

.kambi-network-section {
    padding-left: 140px;
    padding-top: 60px;
    padding-bottom: 115px;
    background-position: center top
}

.kambi-network-section .inner_text_top {
    max-width: 536px;
    width: 100%;
    color: #004572;
    font-size: 26px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 100px
}

.kambi-network {
    max-width: 722px;
    width: 100%;
    margin-left: auto;
    margin-right: 140px
}

.flurry-left,
.map-text {
    max-width: 50%;
    width: 100%
}

.map-text {
    margin-top: 160px
}

.map-text h3 {
    color: #004572;
    margin-bottom: 66px
}

.map-text h6 {
    font-size: 26px;
    line-height: 30px;
    color: #004572;
    max-width: 500px;
    width: 100%;
    margin-left: 110px
}

.europe-map-svg.aos-animate .color-animtion path,
.europe-map-svg.aos-animate .color-animtion polygon {
    animation: 1s forwards color-animtion-code
}

@keyframes color-animtion-code {
    0% {
        fill: #003D6A
    }

    100% {
        fill: #58c7e0
    }
}

.europe-map-svg.aos-init.aos-animate .color-animtion path.animtion-delay-1,
.europe-map-svg.aos-init.aos-animate .color-animtion polygon.animtion-delay-1 {
    animation-delay: .2s
}

.europe-map-svg.aos-init.aos-animate .color-animtion path.animtion-delay-2,
.europe-map-svg.aos-init.aos-animate .color-animtion polygon.animtion-delay-2 {
    animation-delay: .4s
}

.europe-map-svg.aos-init.aos-animate .color-animtion path.animtion-delay-3,
.europe-map-svg.aos-init.aos-animate .color-animtion polygon.animtion-delay-3 {
    animation-delay: .6s
}

.europe-map-svg.aos-init.aos-animate .color-animtion path.animtion-delay-4,
.europe-map-svg.aos-init.aos-animate .color-animtion polygon.animtion-delay-4 {
    animation-delay: .8s
}

.europe-map-svg.aos-init.aos-animate .color-animtion path.animtion-delay-5,
.europe-map-svg.aos-init.aos-animate .color-animtion polygon.animtion-delay-5,
.industry-map.aos-animate .map-markar.animtion-delay-2 {
    animation-delay: 1s
}

.europe-map-svg.aos-init.aos-animate .color-animtion path.animtion-delay-6,
.europe-map-svg.aos-init.aos-animate .color-animtion polygon.animtion-delay-6 {
    animation-delay: 1.2s
}

.europe-map-svg.aos-init.aos-animate .color-animtion path.animtion-delay-7,
.europe-map-svg.aos-init.aos-animate .color-animtion polygon.animtion-delay-7 {
    animation-delay: 1.4s
}

.europe-map-svg.aos-init.aos-animate .color-animtion path.animtion-delay-8,
.europe-map-svg.aos-init.aos-animate .color-animtion polygon.animtion-delay-8 {
    animation-delay: 1.6s
}

.europe-map-svg.aos-init.aos-animate .color-animtion path.animtion-delay-9,
.europe-map-svg.aos-init.aos-animate .color-animtion polygon.animtion-delay-9 {
    animation-delay: 1.8s
}

.europe-map-svg.aos-init.aos-animate .color-animtion path.animtion-delay-10,
.europe-map-svg.aos-init.aos-animate .color-animtion polygon.animtion-delay-10,
.industry-map.aos-animate .map-markar.animtion-delay-4 {
    animation-delay: 2s
}

.europe-map-svg.aos-init.aos-animate .color-animtion path.animtion-delay-11,
.europe-map-svg.aos-init.aos-animate .color-animtion polygon.animtion-delay-11 {
    animation-delay: 2.2s
}

.europe-map-svg.aos-init.aos-animate .color-animtion path.animtion-delay-12,
.europe-map-svg.aos-init.aos-animate .color-animtion polygon.animtion-delay-12 {
    animation-delay: 2.4s
}

.flurry-section {
    padding-top: 45px;
    padding-bottom: 110px;
}

.flurry-left {
    margin-top: 40px
}

.flurry-left h3 {
    color: #004572;
    max-width: 550px;
    width: 100%;
    line-height: 30px
}

.flurry-left h2 {
    color: #ffa300;
    max-width: 460px;
    width: 100%;
    font-size: 44px;
    line-height: 48px;
    margin-top: 20px
}

.flurry-right .first {
    max-width: 310px;
    width: 100%;
    margin-left: auto;
    transform: rotate(3deg);
    margin-right: 75px;
    margin-top: 10px
}

.flurry-right .second {
    max-width: 435px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: -41px;
    margin-top: 4px
}

.flurry-right .third {
    max-width: 351px;
    width: 100%;
    position: absolute;
    bottom: -60px;
    left: -97px;
    box-shadow: 2px 3px 6px #00000029
}
.flurry-top {
    position: relative;
    z-index: 11;
}
#flurry-particles-js {
    position: absolute;
    top: -60px;
    right: 0;
    height: 100%;
    width: 72%;
    z-index: -1;
    display: none;
}

.flurry-bottom {
    margin-top: 63px;
    height: 200px;
    width: 100%
}

.flurry-bottom .picture-box {
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: row;
    /* animation: 22s linear infinite forwards airplane */
}

@keyframes airplane {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(-100%);
        margin-left: -100%
    }
}

.flurry-bottom .picture-box .airplane {
    z-index: 111;
    /* animation: 5s linear infinite forwards wave; */
    transform: translateY(0)
}

.flurry-bottom .picture-box .airplane-text {
    margin-left: -30px;
    /* animation: 5s linear infinite forwards wave-text; */
    transform: translateY(0)
}

@keyframes wave {

    0%,
    100% {
        transform: translateY(0)
    }

    60% {
        transform: translateY(51px)
    }
}

@keyframes wave-text {

    0%,
    100% {
        transform: translateY(0)
    }

    60% {
        transform: translateY(50px)
    }
}

.creating-section-main.fp-section,
.creating-section-main.fp-section .fp-slides {
    overflow: visible
}

.airplane-box {
    position: absolute;
    width: 1500px;
    left: -130px;
    z-index: 1;
    bottom: -190px;
    height: 900px
}

.creating-section {
    padding-top: 80px
}

.creating-right picture {
    opacity: .2;
    display: block;
    max-width: 515px;
    width: 100%;
    position: absolute;
    top: 26px;
    right: -133px
}

.creating-right picture.aos-animate,
.earth-image.aos-animate {
    opacity: .2 !important
}

.creating-left h2 {
    color: #00c4de;
    font-size: 65px;
    line-height: 63px;
    max-width: 350px;
    width: 100%;
    letter-spacing: -1.5px
}

.creating-left h6 {
    color: #004572;
    max-width: 350px;
    width: 100%;
    font-weight: 400;
    margin-top: 14px;
    line-height: 28px;
    letter-spacing: -.5px
}

.creating-bottom h4,
.swiftly-text h5 {
    font-size: 26px;
    line-height: 34px;
    letter-spacing: -.9px
}

.creating-bottom h4 {
    color: #004572;
    max-width: 685px;
    width: 100%;
    margin-left: auto;
    margin-right: 100px;
    margin-top: 8px;
    position: relative;
    z-index: 1
}

.creating-bottom {
    width: 100%;
    max-width: 100%
}

.success-section {
    padding-top: 50px
}

.earth-image {
    opacity: .2;
    position: absolute;
    /* left: -20px; */
    left: 0;
    top: 15px;
    max-width: 500px;
    width: 100%;
    min-height: 500px;
    max-height: 500px;
    display: block
}

.swiftly-text {
    max-width: 665px;
    width: 100%;
    margin: 59px 62px 140px auto
}

.swiftly-text h5 {
    color: #ffa300;
    font-weight: 600
}

.partner-success {
    max-width: 810px;
    width: 100%;
    margin-left: auto;
    margin-right: 21px
}

.partner-success p {
    font-size: 30px;
    line-height: 43px
}

.partner-success span.double-big {
    width: 180px;
    top: -70px
}

.federal-sports {
    padding-top: 80px;
    padding-bottom: 283px
}

.federal-sport-title h3 {
    color: #004572;
    font-size: 36px;
    margin-bottom: 40px;
    letter-spacing: -1.2px
}

.federal-sport-text {
    max-width: 452px;
    width: 100%
}

.federal-sport-text h5 {
    font-size: 28px;
    line-height: 40px;
    color: #00c4de;
    font-weight: 700
}

.federal-sports .sign__number {
    position: absolute;
    right: 100px;
    top: 180px
}

.federal-sports .sign__number .sign-number {
    color: #485cc7;
    opacity: .1
}

.federal-sport-bottom {
    position: absolute;
    bottom: 0;
    right: -17px;
    width: 100%;
    max-width: 1120px
}

.king__left,
.king__right {
    max-width: 50%;
    width: 100%
}

.king-section {
    padding-top: 50px;
    padding-bottom: 70px;
    padding-right: 30px;
}

.king__left {
    position: relative
}

.king__left .first--image {
    max-width: 289px;
    width: 100%;
    display: block;
    box-shadow: 7px 10px 12px #00000029;
    margin-left: auto;
    transform: rotate(11deg);
    margin-top: 14px;
    margin-right: 167px
}

.king__left .second--image {
    max-width: 228px;
    width: 100%;
    display: block;
    box-shadow: 8px 10px 6px #00000014;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-3deg);
    margin-top: 23px;
    left: -20px
}

.king__right h4 {
    font-size: 26px;
    line-height: 30px;
    color: #004572;
    width: 100%;
    max-width: 474px;
    font-weight: 400;
    margin-top: 44px;
    letter-spacing: -.4px
}

.king__bottom {
    max-width: 637px;
    width: 100%;
    margin-left: auto;
    margin-top: -150px;
    transform: rotate(10deg)
}
.king__bottom iframe {
    width: 100%;
    height: 550px;
    object-fit: cover;
    object-position: center center;
}

.king__bottom.aos-animate {
    transform: translateZ(0) rotate(10deg) !important
}

.king-icon {
    position: absolute;
    bottom: -100px;
    left: 74px;
}

.king-icon .king-player {
    border: 4px solid #00c4de;
    background-color: transparent;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 86px;
    height: 86px;
    margin: 0 auto;
    text-align: center;
    animation-name: audio-icon;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}

.king-icon .king-player label::before {
    content: "";
    position: relative;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 25px solid #00c4de;
    border-bottom: 20px solid transparent;
    margin-left: 10px;
}

.king-icon .king-player input:checked+label::before {
    content: "";
    position: relative;
    width: 30px;
    border: none;
    border-right: 10px solid #00c4de;
    border-left: 11px solid #00c4de;
    height: 45px;
    background: 0 0;
    margin-left: 0;
}

.king-icon span {
    display: block;
    color: #00c4de;
    margin-top: 13px;
    width: 100%;
    max-width: 145px;
    line-height: 24px;
    font-size: 15px;
    /* font-weight: 600; */
    text-align: center;
    word-break: break-word;
}

.betting-history {
    padding-top: 75px;
    padding-bottom: 75px
}

.betting-history-title {
    max-width: 715px;
    width: 100%
}

.betting-history-title h2 {
    color: #00c4de;
    font-size: 60px;
    line-height: 62px;
    letter-spacing: -1.9px
}

.betting-history-left {
    max-width: 60%;
    width: 100%;
    position: relative
}

.betting-history-left picture.newspaper {
    max-width: 641px;
    width: 100%;
    display: block;
    margin-top: 15px;
    margin-left: -16px;
    opacity: 0
}

.aos-animate.newspaper-spin {
    animation-duration: 6s;
    animation-name: spin;
    animation-timing-function: linear;
    animation-fill-mode: forwards
}

@keyframes spin {
    0% {
        opacity: .2;
        transform: scale(.2) rotate(0);
        -webkit-transform: scale(.2) rotate(0)
    }

    100%,
    15%,
    90% {
        opacity: 1;
        transform: scale(1) rotate(1090deg);
        -webkit-transform: scale(1) rotate(1090deg)
    }
}

.betting-history-left picture.first-bet-mockup {
    display: block;
    max-width: 140px;
    width: 100%;
    position: absolute;
    bottom: -40px;
    right: 76px;
    transform: rotate(7deg)
}

.betting-history-right h4 {
    font-size: 32px;
    line-height: 42px;
    color: #004572;
    max-width: 405px;
    width: 100%;
    margin-left: -44px;
    margin-top: 30px
}

.friendship-section {
    padding-top: 35px;
    padding-bottom: 35px
}

.friendship-left {
    max-width: 70%;
    width: 100%
}

.friendship-left h2 {
    color: #00c4de;
    font-size: 48px;
    line-height: 52px;
    max-width: 713px;
    width: 100%;
    margin-top: 45px;
    letter-spacing: -2px
}
.friendship-left h2 span {
    display: block;
    margin-left: 50px;
}

.friendship-left h3 {
    color: #004572;
    font-size: 60px;
    line-height: 58px;
    width: 100%;
    margin-left: auto;
    margin-right: 0;
    margin-top: 8px;
    letter-spacing: -2px;
    text-align: right;
}
.friendship-left h3 span {
    display: block;
    margin-right:100px;
}

.friendship-right {
    max-width: 30%;
    width: 100%
}

.friendship-right picture {
    /* width: 100%;
    max-width: 180px;
    display: block;
    margin-left: auto;
    margin-right: 121px */
    width: 100%;
    max-width: 220px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.friendship-bottom {
    max-width: 660px;
    width: 100%;
    margin-top: 88px
}

.friendship-bottom h6 {
    color: #004572;
    line-height: 30px
}

.industry-map.aos-animate .map-markar {
    animation-name: bounce;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    opacity: 0
}

@keyframes bounce {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        transform: translateY(30px)
    }

    80% {
        opacity: 1;
        transform: translateY(-10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0) rotate(0)
    }
}

.industry-map.aos-animate .map-markar.animtion-delay-1 {
    animation-delay: .5s
}

.industry-map.aos-animate .map-markar.animtion-delay-3 {
    animation-delay: 1.5s
}

.industry-map.aos-animate .map-markar.animtion-delay-5 {
    animation-delay: 2.5s
}

.industry-map.aos-animate .map-markar.animtion-delay-6 {
    animation-delay: 3s
}

.industry-map.aos-animate .map-markar.animtion-delay-7 {
    animation-delay: 3.5s
}
.industry-map.aos-animate .map-markar.animtion-delay-8 {
    animation-delay: 4s
}

.industry-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: self-end;
    padding-left: 140px;
    padding-right: 60px;
    margin-bottom: 200px;
    justify-content: space-between;
}
.industry-left h4 {
    font-size: 30px;
    line-height: 36px;
    color: #004572;
    margin-bottom: 80px;
    max-width: 728px;
    width: 100%;
}
.industry-left a {
    max-width: 700px;
    width: 100%;
    font-size: 30px;
    line-height: 36px;
    color: #fff;
    background-color: #00C4DE;
    padding: 20px 70px;
    border-radius: 50px;
    transition: all .3s;
    display: block;
    text-align: center;
}
.industry-left a:hover {
    background-color: #003D6A;
}
.industry-right {
    max-width: calc(100% - 800px);
}
.kambi-logo-dark img {
    width: 100%;
    max-width: 274px;
    margin-left: auto;
    margin-top: auto;
}

/* inrto section */

.intro-section {
    padding-top: 170px;
    padding-left: 110px;
    padding-right: 30px;
    background: rgb(0,196,222);
    background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(180, 226, 234) 100%);
}
.intro-top {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.intro-top-left {
    max-width: 70%;
    width: 100%;
}
.intro-top-left img {
    max-width: 200px;
    width: 100%;
    margin-bottom: 40px;
}
.intro-top-left h2 {
    color: #00c4de;
    letter-spacing: 1px;
    margin-bottom: 30px;
}
.intro-top-right {
    max-width: 30%;
    width: 100%;
    margin-top: -30px;
}
.intro-center {
    max-width: 1000px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 60px;
}
.intro-center h4 {
    color: #004572;
}
.intro-center h4 span {
    color: #00C4DE;
}
.intro-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.intro-bottom-left img {
    max-width: 480px;
    width: 100%;
}
.intro-bottom-right {
    margin-left: auto;
    margin-right: 50px;
}
.intro-bottom-right img {
    max-width: 550px;
    width: 100%;
    margin-left: 0;
}

.gtest { }