@font-face {
    font-family: "Epilogue-Regular";
    src: url(../font/epilogue/Epilogue-Regular.ttf);
}

@font-face {
    font-family: "Epilogue-Medium";
    src: url(../font/epilogue/Epilogue-Medium.ttf);
}

@font-face {
    font-family: "Epilogue-SemiBold";
    src: url(../font/epilogue/Epilogue-SemiBold.ttf);
}

@font-face {
    font-family: "Epilogue-Bold";
    src: url(../font/epilogue/Epilogue-Bold.ttf);
}

@font-face {
    font-family: "Epilogue-Black";
    src: url(../font/epilogue/Epilogue-Black.ttf);
}

@font-face {
    font-family: "EuropaNuovaRegular";
    src: url(../font/EuropaNuovaRegular.ttf);
}

@font-face {
    font-family: "EuropaNuovaBold";
    src: url(../font/EuropaNuovaBold.ttf);
}

@font-face {
    font-family: "EuropaNuovaExtraBold";
    src: url(../font/EuropaNuovaExtraBold.ttf);
}

body {
    font-family: "Epilogue-Regular";
    overflow-x: hidden;
}


/*HEADER CSS CODE:START*/

header {
    overflow: hidden;
    background-color: #ffffff2b;
    backdrop-filter: blur(150px) opacity(0.8);
    z-index: 999999999;
}

header ul>li>a {
    color: #00306a94;
    font-size: 14px;
    font-family: "Epilogue-Medium";
    text-decoration: none;
}

header ul>li.active>a {
    color: #00306A;
    font-family: "Epilogue-SemiBold";
}

header ul>li>button {
    max-width: 176px;
    min-height: 48px;
}


/*HEADER CSS CODE:END*/


/*ASIDE CSS CODE:START*/

aside {
    z-index: 999999999;
}

aside>div {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    min-height: 350px;
}


/*ASIDE CSS CODE:END*/

main {
    z-index: 99999999;
}

.bg-floor {
    background-color: rgb(175, 205, 251);
}

.z-index-1 {
    z-index: 1;
}

.z-index-2 {
    z-index: 2;
}

.max-1280 {
    max-width: 1280px;
}


/*SECTION 1 CSS CODE:START*/

.section1 .inner-2 {
    height: calc(100vh - 140px);
}

.section1 .Mockup {
    bottom: 80px;
}

.section1 .Mockup1 {
    right: 140px;
    top: 75px;
    transform: rotate(335deg);
}

.section1 h1 {
    font-size: 42px;
    line-height: 50px;
    font-family: "EuropaNuovaRegular";
    color: #00306A;
}

.section1 p {
    font-size: 16px;
    line-height: 25px;
    color: #7F97B4;
}

.section1 .btn {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #fff;
    font-family: "Epilogue-SemiBold";
    font-size: 16px;
    background-image: linear-gradient(88deg, #DE9F17, #CF9A15, #F8E474, #FFCF45);
    min-width: 312px;
    width: 100%;
    min-height: 68px;
}

.section1 .btn-child {
    background-image: linear-gradient(182deg, #DE9F17 50%, #CF9A15 30%, #F8E474 100%, #FFCF45 100%);
}

.section1 .btn-parent::after {
    background-color: rgb(83 57 0 / 50%);
    height: 50%;
    width: calc(100% - 50px);
    left: 0;
    right: 0;
    bottom: -20px;
    content: "";
    position: absolute;
    margin: auto;
    filter: blur(30px);
    border-radius: 50px;
}

.section1 .couple {
    top: 50PX;
    right: 100px;
}

.section1 {
    background-position: right bottom;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: contain;
}

.section1 .celebration-left {
    transform: rotate(-50deg);
    top: -10px;
    left: -55px;
}

.section1 .celebration-right {
    top: -10px;
    right: -55px;
    transform: rotate(130deg);
}

.coins {
    left: 35%;
    bottom: -30px;
}

.mouse {
    bottom: 20px;
    left: 30%;
    transform: translateX(-30%);
}

@media(max-width:1200px) {
    .section1 h1 {
        font-size: 30px;
        line-height: 36px;
    }
    .section1 p {
        font-size: 15px;
    }
}


/*SECTION 1 CSS CODE:END*/

.ManWithPhone {
    position: absolute;
    left: 53%;
    bottom: 20px;
    z-index: 999;
    transform: translateX(-53%);
}

.floor-element {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 30px;
    z-index: 2;
}

.floor-height {
    max-height: 188px;
    min-height: 188px;
    z-index: 1;
}

.fp-slidesNav {
    display: none;
}

.WIndowLines {
    width: 100%;
    height: 100%;
    max-width: 1280px;
    margin: auto;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
}

.WIndowLines img {
    width: 100%;
    height: 100vh;
}

.cloud1 {
    top: 100px;
    right: 100px;
}

.cloud2 {
    top: 150px;
    right: 30px;
}

.cloud3 {
    top: 100px;
    left: 150px;
}

.slide1 .group1 .group1_1 {
    right: 50px;
    bottom: 50px;
}

.slide1 .group1 .group1_2 {
    left: 45px;
    bottom: 50px;
}

.slide1 .group1 .group1_3 {
    left: 70px;
    top: 10px;
}

.slide1 .group2 {
    left: 70px;
}

.slide1 .group2 .group2_1 {
    left: 125px;
    bottom: 50px;
}

.slide1 .group2 .group2_2 {
    left: 80px;
    position: relative;
}

.slide1 .group2 .group2_3 {
    bottom: 30px;
}

.slide1 .group2 .group2_2_1 {
    left: 70px;
    top: 4px;
    z-index: 1;
}

.slide2 .wrapper-element {
    top: 41px;
}

.slide2 .group2 {
    right: 70px;
}

.slide2 .group3 {
    right: 165px;
}

.slide2 .group3_2 {
    top: 40px;
    left: 25px;
}

.slide2 .group4 {
    right: 235px;
    top: 25px;
}

.slide2 .group6 {
    right: 200px;
}

.slide2 .group6_2 {
    bottom: -40px;
    left: 21px;
}

.slide2 .group1_1 {
    bottom: 41px;
    left: -16px;
}

.slide2 .group1_2 {
    top: 122px;
    left: 15px;
    z-index: 1;
}

.slide2 .group2_1 {
    bottom: 150px;
}

.slide2 .group2_2 {
    bottom: 26px;
    left: 90px;
}

.slide2 .group3_1 {
    /* right: 5px; */
    /* bottom: -50px; */
}

.slide2 .group5 {
    right: 200px;
    bottom: 40px;
}

.slide2 .group6_1 {
    bottom: 30px;
}

.slide2 .group6_2_2 {
    top: 13px;
    right: 11px;
}

.slide2 .group6_2_3 {
    bottom: 39px;
    left: 14px;
}

.slide3 .group2 {
    right: 110px;
}

.slide3 .group2_2 {
    top: 35px;
    position: relative;
}

.slide3 .group3 {
    right: 174px;
}

.slide3 .group4 {
    right: 192px;
}

.slide3 .group2_2_1 {
    bottom: 15px;
    left: 100px;
}

.slide3 .group2_1 {
    left: 20px;
    top: 15px;
}

.slide3 .group3_2 {
    top: 109px;
    z-index: 1;
}

.slide3 .group4_2 {
    bottom: -9px;
    right: -70px;
}

.slide3 .group5 {
    right: 200px;
}

.slide-content {
    max-width: 360px;
    right: 5%;
    top: 170px;
    width: 100%;
    z-index: 999;
}

.slide-content h1 {
    font-size: 28px;
    font-family: "Epilogue-Bold";
    color: #00306A;
}

.slide-content p {
    color: #00306A;
    font-size: 15px;
    line-height: 25px;
}

.slide-content b {
    font-family: "Epilogue-Bold";
    color: #2ABAFF;
}

.section3 .position_1_2 {
    bottom: 70px;
}

.section3 .position_1_3 {
    position: relative;
    top: 0;
}

.section3 {
    color: #00306A;
}

.section3::before {
    content: "";
    background-image: linear-gradient(180deg, #AFCDFB, #C0E3F0);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;
}

.section3 h4 {
    font-family: "Epilogue-Bold";
    font-size: 20px;
    line-height: 27px;
}

.section3 p {
    font-family: "EuropaNuovaRegular";
    color: #00306A;
    font-size: 16px;
    line-height: 25px;
}

.section3 a {
    font-size: 14px;
    font-family: "EuropaNuovaRegular";
    line-height: 27px;
    color: #00306A;
    text-decoration: none;
}

.title-position {
    top: 50%;
    transform: translateY(-50%);
}

.content-group {
    /* top: 110px; */
}

.tab-round {
    background: #ffffff2e;
    max-width: 465px;
    max-height: 465px;
    min-width: 465px;
    min-height: 465px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.tab-round::after {
    content: "";
    background: rgb(0 48 107 / 30%);
    border-radius: 50px;
    position: absolute;
    max-width: 266px;
    min-height: 12px;
    width: 100%;
    /* opacity: 0.1; */
    /* background-blend-mode: unset; */
    filter: blur(20px);
    top: 110%;
    /* mix-blend-mode: hard-light; */
}

.tab-round::before {
    content: url(../image/section4/arrow.png);
    position: absolute;
    right: 0;
    transform: translateX(10px);
}

.uix-tabs .uix-tabs__content {
    display: none;
    padding: 1.3125rem;
    text-align: left;
}

.uix-tabs .uix-tabs__content.active {
    display: block;
}

.uix-tabs .uix-tabs__nav>ul>li.active svg path {
    fill: #fff;
    stroke: #fff;
}

.uix-tabs.uix-tabs--rotation .uix-tabs__nav>ul>li {
    top: 0px;
    left: 50%;
}

.inner-cricle {
    background-image: url(../image/section4/Features-circle.svg);
    max-width: 350px;
    max-height: 350px;
    min-width: 345px;
    min-height: 345px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.contact-icon {
    z-index: 999999999;
}

.section3 .mockup-loader {
    bottom: 150px;
    animation-name: spin;
    animation-duration: 1.00s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.section4,
.section6 {
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    position: relative;
}

.section4::before {
    content: "";
    background-image: linear-gradient(180deg, #C0E3F0, #F0F3F6);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;
}

.section4 h4 {
    color: #00306A;
    font-size: 22px;
    line-height: 27px;
    font-family: "Epilogue-Bold";
}

.section4 p {
    color: #00306A;
    line-height: 25px;
    font-size: 15px;
}

.dropshadow::after {
    content: "";
    background: rgb(0 48 107 / 50%);
    border-radius: 50px;
    position: absolute;
    max-width: 400px;
    min-height: 12px;
    width: 100%;
    /* opacity: 0.1; */
    /* background-blend-mode: unset; */
    filter: blur(20px);
    bottom: -90px;
    /* mix-blend-mode: hard-light; */
}

.section4 .mockup-loader {
    bottom: 30px;
}

.section5 {
    background-repeat: no-repeat;
}

.section5::before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    content: "";
    background-image: linear-gradient(45deg, #FFFFFF, rgb(255 255 255 / 70%));
    z-index: -1;
}

.section5 {
    background-size: contain;
}

.section6 label {
    color: #2ABAFF;
    font-size: 15px;
    font-family: "Epilogue-Bold";
}

.section6 h1 {
    color: #00306A;
    font-size: 30px;
    font-family: "Epilogue-Bold";
}

.section6 p {
    font-size: 15px;
    color: #7F97B4;
}

.section6 .contact-link {
    background-color: #C0E3F0;
    font-size: 15px;
    color: #00306A;
    text-decoration: none;
    min-height: 52px;
}

.section6::before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    content: "";
    background-image: linear-gradient(0deg, #F0F3F6cc, #C0E3F0);
    z-index: -1;
}

.section6 input,
.section6 textarea {
    min-height: 48px;
    resize: none;
    font-size: 14px;
    font-family: "Epilogue-SemiBold";
    color: #00306A;
}

.section6 input::placeholder,
.section6 textarea::placeholder {
    color: #00306A;
    font-family: "Epilogue-Medium";
    font-size: 14px;
}

.section6 form {
    max-width: 368px;
}

.section6 input:focus,
.section6 textarea:focus {
    outline: none;
}

.section6 small {
    font-family: "EuropaNuovaRegular";
    font-size: 12px;
    line-height: 14px;
    color: #B2C0D2;
}

.section3 h1,
.section4 h1,
.section5 h1 {
    font-family: "Epilogue-Black";
    font-size: 115px;
    color: #bfe3f080;
    mix-blend-mode: multiply;
    top: 120px;
    text-transform: uppercase;
}

@media(max-width:1400px) {
    .section3 h1,
    .section4 h1,
    .section5 h1 {
        font-size: 75px;
    }
    .section3 .position_1_1,
    .section3 .position_1_2,
    .section3 .position_1_3 {
        max-height: 250px;
    }
    .section3 .position_1_3 {
        right: 30px;
        top: 30px;
    }
    .section3 .position_1_2 {
        bottom: 50px;
    }
}

.wallet {
    position: absolute;
    top: -90px;
    max-width: 150px;
    left: -100px;
}

article.modal {
    z-index: 9999999999 !important;
}

article.modal-backdrop {
    z-index: 999999999 !important;
}

article.modal h4 {
    font-family: "Epilogue-Bold";
    font-size: 20px;
    line-height: 27px;
    color: #00306A;
}

article.modal p {
    font-family: "EuropaNuovaRegular";
    color: #00306A;
    font-size: 16px;
    line-height: 25px;
}

article.modal .btn-close {
    margin-top: -10px;
    opacity: 1;
    margin-right: -10px;
}

.section6 {
    background-image: url(../image/section6/bg.png);
}

.section6 .container-lg {
    background: url(../image/section6/dot.png) no-repeat right 150px, url(../image/section6/loader.png) no-repeat 40% 85%;
}


/* .section5 {
    background: url(../image/section5/window-line.png) no-repeat center;
} */

.section5 .container-lg {
    background: url(../image/section5/loader.png) no-repeat right top;
}

.section4 {
    background-image: url(../image/section4/bg.png);
}

.section4>div {
    background: url(../image/section4/dots.png) no-repeat 150px 130px, url(../image/section4/loader.png) no-repeat 45% 80%;
}

.section5 p {
    color: #00306A;
    font-size: 15px;
}

.section5 p>b {
    font-family: "Epilogue-Bold";
}

.contact-icon {
    animation: contact 1.5s alternate infinite ease-in;
}

.contact-icon:hover {
    animation: none;
}

@keyframes contact {
    0% {
        transform: scale(.9);
    }
    100% {
        transform: scale(1.2);
    }
}

@media(min-width:992px) {
    header {
        max-height: 100px;
        height: 100%;
    }
    .section-two .fp-slide {
        position: absolute;
        top: 0;
        visibility: hidden;
        opacity: 0;
        z-index: 0;
        transition: all 0.4s ease-out;
        max-width: 100vw;
        left: 0;
    }
    .section-two .fp-slide.active {
        visibility: visible;
        opacity: 1;
        z-index: 1;
        transition-delay: 0.4s;
    }
    .h-100vh-100px {
        height: calc(100vh - 100px);
        margin-top: 100px;
    }
    .section1 {
        background-image: url(../image/section1/bg.png);
    }
    .section-two {
        background-color: rgb(192, 227, 240);
    }
    .section-two::after {
        content: "";
        width: 100%;
        left: 0;
        bottom: 0;
        min-height: 188px;
        position: absolute;
        background-color: rgb(175, 205, 251);
    }
    .section3 {
        background: url(../image/section3/loader.png) no-repeat 50% 65%, url(../image/section3/dots.png) no-repeat 100px 200px;
    }
    .h-lg-100 {
        height: 100%;
    }
    .section5 h1 {
        writing-mode: vertical-lr;
        white-space: nowrap;
    }
    .section6 .form-group::before {
        content: url(../image/section6/user.png);
        display: inline-flex;
        align-self: end;
    }
}

@media(max-width:991px) {
    .contact-icon img {
        max-width: 35px;
    }
    .section1 {
        background: linear-gradient(180deg, #2ABAFF33 40%, #4ec6ff33 40%, #fff 50%);
    }
    .section1 button {
        background-size: 100% 100%;
        min-height: 52px;
        font-size: 12px;
        color: #fff;
        font-family: "Epilogue-SemiBold";
        max-width: 244px;
    }
    .section1 h1 {
        font-family: "Epilogue-Bold";
        font-size: 22px;
        line-height: 27px;
    }
    .section1 p {
        font-size: 12px;
        line-height: 18px;
    }
    .section1 .couple {
        bottom: -20px;
        top: auto;
    }
    .section1 .wrapper-360,
    .section-two .wrapper-360,
    .section3 .wrapper-360 {
        max-width: 360px;
    }
    .section-two .slide1,
    .section-two .slide2,
    .section-two .slide3 {
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
    }
    .section-two .slide1 {
        background: url(../image/section2/mobile/bg1.png);
    }
    .section-two .slide2 {
        background: url(../image/section2/mobile/bg2.png);
    }
    .section-two .slide3 {
        background: url(../image/section2/mobile/bg3.png);
    }
    .section-two .slide {
        height: 100%;
    }
    .section-two h1 {
        font-size: 18px;
        font-family: "Epilogue-Bold";
        color: #00306A;
    }
    .section-two p {
        color: #00306A;
        font-size: 12px;
        line-height: 20px;
    }
    .section3 {
        background: url(../image/section3/loader.png) no-repeat 90% 50%;
    }
    .section3 h1,
    .section4 h1,
    .section5 h1 {
        font-size: 35px;
        color: #C0E3F080;
    }
    .dropshadow::after {
        left: 0;
        bottom: -25px;
    }
    .section3 h4,
    .section4 h4 {
        font-size: 18px;
    }
    .section3 p,
    .section4 p {
        font-size: 12px;
        line-height: 18px;
    }
    .tab-round {
        max-width: 220px;
        max-height: 220px;
        min-width: 220px;
        min-height: 220px;
        margin: auto;
    }
    .inner-cricle {
        background-image: url(../image/section4/Features-circleM.svg);
        max-width: 180px;
        max-height: 180px;
        min-width: 180px;
        min-height: 180px;
    }
    .uix-tabs__nav {
        transform: scale(0.5);
    }
    .tab-round::after {
        top: 105%;
    }
    .uix-tabs .uix-tabs__content {
        text-align: center;
    }
    .tab-round::before {
        right: auto;
        bottom: 0;
        transform: translateX(3px) translateY(40px) scale(0.6) rotate(270deg);
    }
    .section4>div {
        background: url(../image/section4/dots.png) no-repeat 0px 130px, url(../image/section4/loader.png) no-repeat 95% 50%;
    }
    .section5 p {
        font-size: 12px;
        text-align: center;
    }
    .section6 h1 {
        font-size: 18px;
    }
    .section6 p,
    .section6 label {
        font-size: 12px;
    }
    .section6 .contact-link {
        max-height: 42px;
        min-height: 42px;
        font-size: 12px;
    }
    header {
        backdrop-filter: blur(0px) opacity(1);
        background: #d9ebf3;
    }
}

@media(max-width:340px) {
    .section-two .slide1,
    .section-two .slide2,
    .section-two .slide3 {
        background-size: contain;
    }
}

@media(max-width:1280px) {
    .set-img {
        transform: scale(0.8);
    }
    .slide1 .group2 .group2_1 {
        left: 0px;
    }
    .slide1 .group2 .group2_2 {
        left: -80px;
    }
    .slide1 .group2 .group2_3 {
        right: 120px;
    }
    .slide1 .group1 .group1_1 {
        right: 0px;
    }
    .slide1 .group1 .group1_2 {
        left: 10px;
    }
    .slide1 .group1 .group1_3 {
        left: 15px;
    }
    .slide2 .group6 {
        right: 0;
    }
    .slide2 .group5 {
        right: 50px;
        bottom: 11px;
    }
    .slide2 .group4 {
        right: 110px;
        top: 53px;
    }
    .slide2 .group3 {
        right: 80px;
    }
    .slide2 .group1_1 {
        bottom: 12px;
        left: -20px;
    }
    .slide3 .group5 {
        right: 0;
        top: 38px;
    }
    .slide3 .group4 {
        right: 75px;
        top: 38px;
    }
    .slide3 .group1 {
        top: 38px;
        right: 50px;
    }
}

@media(max-width:1280px) {
    header {
        overflow: visible;
    }
    .navbar-toggler {
        background-color: white;
        border: none;
    }
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
    box-shadow: none;
}