@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Sora:wght@100..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gochi+Hand&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Livvic:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,900&display=swap');

* {
    scroll-behavior: smooth;
}

/* Base CSS */

.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

a:focus {
    outline: 0 solid
}

a {
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    color: #000000;
    font-family: "Sora", sans-serif;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

body {
    color: #000000;
    font-weight: 400;
    font-family: "Inter", sans-serif;
}

.selector-for-some-widget {
    box-sizing: content-box;
}

a:hover {
    text-decoration: none
}

a,
button,
input,
textarea {
    outline: none !important;
}

.section-padding {
    padding: 80px 0;
}



.container {
    max-width: 1280px;
}













/*--------------- Header Area Satrt  ------------*/

header {
    background-image: linear-gradient(to bottom, #0c0d2a, #0e1535, #111c41, #13234d, #152a5a);
}

.header-top-area {
    padding: 15px 0;
    position: relative;
    z-index: 99;
    transition: .3s;
    border-bottom: 1px solid #152958;
}

.logo a {
    display: inline-block;
}

.logo img {
    width: 220px;
}

.header-right-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.mainmenu-wrap ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mainmenu-wrap ul li {
    display: inline;
    margin-right: 40px;
}

.mainmenu-wrap ul li a {
    display: inline-block;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 16px;
    transition: .3s;
    font-weight: 500;
}

.mainmenu-wrap li a:hover {
    color: #df1616;
}

.header-btn a {
    display: inline-block;
    background: #DF1616;
    color: #fff;
    text-decoration: none;
    padding: 10px 23px;
    border-radius: 5px;
    line-height: 120%;
    font-weight: 500;
    transition: .3s;
}

.header-btn a:hover {
    background: #fff;
    color: #df1616;
}

/*--------------- Header Area End  ------------*/




/*--------------- Hero Area Start  ------------*/
.hero-area {
    background-image: linear-gradient(to bottom, #0c0d2a, #0e1535, #111c41, #13234d, #152a5a);
    padding: 80px 0;
    position: relative;
    z-index: 1;
}

.note-btn {
    text-align: center;
    margin-bottom: 50px;
}

.note-btn span {
    background-image: linear-gradient(to bottom, #50affb, #41a3f6, #3298f0, #238cea, #1380e3);
    display: inline-block;
    padding: 10px 35px;
    color: #fff;
    border-radius: 50px;
    font-size: 24px;
    font-weight: 500;
}

span.bg-gradient-coral {
    background: linear-gradient(180deg, #E765F3 0%, #FF447C 100%);
}

span.bg-gradient-red {
    background: linear-gradient(180deg, #F44D4D 0%, #FF2C45 100%);
}

.hero-content h1 span {
    background: linear-gradient(90.1deg, #FF9F52 0.09%, #FE58FB 66.57%, #8929FF 144.62%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

span.bg-gradient-two {
    background: linear-gradient(180deg, #F4A74D 0%, #FF2C2C 100%);
}

.hero-content {
    text-align: center;
}

.hero-content h1 {
    font-size: 64px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-family: "Sora", sans-serif;
}

.hero-content h5 {
    font-size: 40px;
    font-weight: 400;
    color: #fff;
    line-height: 48px;
    margin-top: 40px;
}

.hero-content p {
    font-size: 48px;
    background: linear-gradient(90.1deg, #FF9F52 0.09%, #FE58FB 66.57%, #8929FF 144.62%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    text-align: center;
    font-weight: 600;
    font-family: "Sora", sans-serif;
    line-height: 58px;
    margin-top: 40px;
}

.text-gradient {
    display: inline-block;
    /* background: linear-gradient(to right, #fe9e55, #ff7863, #ff4a88, #ff28bf, #cd44fc); */
    background: linear-gradient(90deg, #FFBE90 0%, #FE549D 52.5%, #9137FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.underline-shp {
    display: inline-block;
    position: relative;
}

.underline-shp img {
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 100%;
}

.list-contents {
    text-align: center;
    margin-top: 50px;
}

.list-contents ul {
    margin: 0;
    padding: 0;
    line-height: normal;
}

.list-contents ul li {
    display: inline-flex;
    margin: 0px 10px;
    margin-bottom: 15px;
    background: #0D0E2B;
    color: #fff;
    align-items: center;
    padding: 15px 18px;
    border-radius: 12px;
    transition: .3s;
    cursor: pointer;
    font-size: 18px;
}

.list-contents ul li:hover {
    background-color: #fff;
    color: #000;
}

.list-contents ul li span {
    display: inline-block;
    margin-right: 10px;
}

.list-contents {
    max-width: 960px;
    text-align: center;
    margin: 0 auto;
    margin-top: 65px;
}

.video-frame {
    max-width: 960px;
    margin: 0 auto;
    position: relative;
    border-radius: 12px;

}

.video-frame iframe {
    width: 960px;
    height: 540px;
}

.video-thumbnail {
    width: 100%;
}

.play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 96px;
    cursor: pointer;
}

.hero-video-wrapper {
    margin-top: 50px;
}

.hero-shp-1 {
    position: absolute;
    width: 100%;
    height: auto;
    z-index: -1;
    bottom: 0;
    left: 0;
}

.hero-shp-5 {
    position: absolute;
    width: 100%;
    height: auto;
    z-index: -1;
    bottom: 0;
    left: 0;
}

.hero-iocn-1 {
    position: absolute;
    width: 110px;
    left: 5%;
    top: 17%;
    z-index: -1;
}

.hero-shp-6 {
    position: absolute;
    left: 0;
    width: 350px;
    top: 20%;
    z-index: -1;
}
.hero-shp-13 {
    position: absolute;
    left: 121px;
    width: 150px;
    top: 35%;
    z-index: -1;
}

.hero-shp-7 {
    position: absolute;
    width: 240px;
    right: 0;
    top: 28%;
    z-index: -1;
}
.hero-shp-12 {
    position: absolute;
    width: 195px;
    right: 6%;
    top: 30%;
    z-index: -1;
}

.hero-shp-8 {
    position: absolute;
    width: 110px;
    left: 42%;
    top: 83%;
    z-index: -1;
}

.hero-shp-9 {
    width: 190px;
    position: absolute;
    left: 25%;
    bottom: -6%;
    z-index: -1;
}

.hero-shp-2 {
    position: absolute;
    right: 6%;
    top: 39%;
    width: 320px;
    z-index: 1;
}

.hero-iocn-2 {
    position: absolute;
    width: 90px;
    right: 5%;
    top: 16%;
    z-index: -1;
}

.hero-shp-3 {
    position: absolute;
    width: 320px;
    z-index: -1;
    left: 0;
    bottom: -12%;
}

.hero-shp-4 {
    position: absolute;
    right: 0;
    width: 310px;
    bottom: -17%;
    z-index: -1;
}

.hero-logo {
    text-align: center;
    margin-bottom: 50px;
}

.hero-logo a {
    display: inline-block;
}

.hero-logo a img {
    height: 43px;
}

.video-note {
    padding: 20px 40px;
    background-image: linear-gradient(to bottom, #ff8a00, #ff9300, #ff9b00, #ffa400, #ffac01);
    max-width: 650px;
    margin: 0 auto;
    border-radius: 24px 24px 0 0;
}

.prelaunch-hero {
    padding-top: 20px;
}


.video-note h4 {
    margin: 0;
    color: #fff;
    font-weight: 700;
    font-size: 22px;
}

.video-note.text-center.text-black h4 {
    color: #121B40;
}

.underline-shp {
    margin-bottom: 6px;
}

.note-btn span a {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    line-height: 1;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

.video-wrapper iframe,
.videoWrapper object,
.videoWrapper embed,
.videoWrapper #full-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-frame iframe {
    width: 960px;
    height: 549px;
    border: 10px solid #000;
    border-radius: 12px;
}

.assistant-tutorial-frame iframe#video-container {
    border-width: 4px;
    height: 544px;
    object-fit: cover;
}

.prelaunch-video iframe#video-container {
    border-width: 4px;
    height: 544px;
    object-fit: cover;
    border-color: #FFAC01 !important;
}

.bg-gradient-orange {
    background-image: linear-gradient(to bottom, #ff9d58, #ff9146, #ff8534, #ff7920, #ff6b00) !important;
}

.hero-without-menu {
    padding-top: 30px;
}

.frame-blue .video-note {
    background-image: linear-gradient(to bottom, #2e8eff, #2688f9, #1d83f3, #127ded, #0078e7);
}

.frame-blue iframe#video-container {
    border-width: 4px;
    border-color: #0179E8;
}

.frame-blue .video-frame iframe {
    height: 546px;
}

/*--------------- Hero Area End  ------------*/






/*--------------- Schedule Area Start  ------------*/
.schedule-area {
    padding: 100px 0;
    position: relative;
    background: #0F1B36;
    z-index: 1;
}

.area-title h2 {
    color: #FFFFFF;
    font-size: 64px;
    font-weight: 700;
    line-height: 120%;
}

.area-title {
    margin-bottom: 50px;
}

.area-title h3 {
    font-size: 48px;
    font-weight: 700;
    line-height: 67px;
    color: #000;
}

.area-title h5 {
    font-size: 48px;
    font-weight: 700;
    color: #FF1998;
    line-height: 60px;
}

.area-title h4 {
    font-size: 40px;
    color: #000;
    font-weight: 600;
    line-height: 125%;
}
.area-title h3 span {
    color: #4484FF;
}

.mark-title {
    display: flex;
    height: 90px;
    text-align: center;
    position: relative;
    background-image: linear-gradient(to bottom, #ff5065, #ff495e, #ff4157, #ff3850, #ff2f48);
    justify-content: center;
    align-items: center;
    border-radius: 12px 12px 0 0;
    border-bottom: 6px solid #000;
}

.schedule-details-wrapper {
    max-width: 960px;
    margin: 0 auto;
}

.mark-title h3 {
    margin: 0;
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, .4);
    margin-bottom: -3px;
}

.mark-title:after {
    position: absolute;
    left: 55px;
    top: -23px;
    width: 24px;
    height: 42px;
    content: '';
    background: #FF5065;
    border: 6px solid #000;
    border-radius: 60px;
}

.mark-title::before {
    position: absolute;
    right: 55px;
    top: -25px;
    width: 24px;
    height: 40px;
    content: '';
    background: #FF5065;
    border: 6px solid #000;
    border-radius: 60px;
}

.marked-form {
    background: #fff;
    border-radius: 20px;
    border: 6px solid #0C0D2A;
}

.mark-date-box {
    padding: 30px 34px;
    padding-bottom: 0;
}

.coundown-wrap {
    padding: 25px 34px;
    padding-bottom: 34px;
}

.mark-date-box h2 {
    font-size: 48px;
    color: #152754;
    font-weight: bold;
    line-height: 140%;
    margin: 0;
}

.mark-date-box span {
    color: #233562;
    font-size: 36px;
    margin: 0;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 140%;
}

.coundown-wrap label {
    display: block;
    margin-bottom: 15px;
    color: #152754;
    font-size: 20px;
    font-weight: bold;
    font-family: "Sora", sans-serif;
}

.count-item span {
    color: #152754;
    border: 2px solid #152754;
    display: inline-flex;
    width: 80px;
    height: 70px;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 32px;
    border-radius: 12px;
    font-family: "Sora", sans-serif;
}

.count-item p {
    margin: 0;
    color: #233562;
    line-height: 1;
    font-size: 36px;
    font-weight: bold;
    margin-left: 5px;
}

.count-box {
    display: flex;
    align-items: center;
    gap: 0 5px
}

.count-item {
    display: flex;
    align-items: center;
}

.schedule-box-inner {
    padding-bottom: 20px;
    border-bottom: 1px solid #CCCCCC;
}

.date-card h4 {
    color: #000000;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #D8D8EE;
    padding-bottom: 15px;
    font-family: "Sora", sans-serif;
    margin-bottom: 20px;
}

.date-card {
    margin-top: 30px;
    background: #fff;
    padding: 30px;
    border-radius: 24px;
    border: 6px solid #0C0D2A;
}

.date-card p {
    margin: 0;
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
    font-family: "Sora", sans-serif;
}

.schedule-form {
    background: #FFEE95;
    padding: 43px 45px;
    border-radius: 24px;
    border: 6px solid #000;
}

.schedule-inner h2 {
    font-size: 27px;
    color: #0D0E2B;
    font-weight: bold;
    margin-bottom: 20px;
    font-family: "Sora", sans-serif;
}

.single-field {
    position: relative;
    margin-bottom: 15px;
}

.single-field input {
    width: 100%;
    height: 60px;
    border: 2px solid #000000;
    border-radius: 12px;
    padding: 10px 20px;
    color: #000;
    font-weight: 400;
    font-size: 20px;
}

.single-field input::placeholder {
    opacity: 1;
    color: #888888 !important;
}

.with-icon i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: #888888;
    line-height: 1;
}

.with-icon input {
    padding-left: 45px;
}

.single-field button {
    height: 60px;
    width: 100%;
    font-size: 16px;
    color: #fff;
    background: #34C513;
    border: 2px solid #000;
    border-radius: 12px;
    box-shadow: 0 3px 0px #000;
    font-weight: bold;
    font-family: "Sora", sans-serif;
    transition: .3s;
}

.single-field button:hover {
    background-color: #DF1616;
}

.schedule-inner p {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
    color: #7D6161;
    font-size: 15px;
    margin-bottom: 0;
    font-weight: 500;
}

.schedule-inner p img {
    margin-right: 7px;
}

.sc-1 {
    position: absolute;
    right: 5%;
    width: 110px;
    top: 70px;
    z-index: -1;
}

.sc-2 {
    position: absolute;
    right: 15%;
    top: 27%;
    width: 120px;
    z-index: -1;
}

.sc-3 {
    position: absolute;
    right: 2%;
    width: 200px;
    bottom: 9%;
    z-index: -1;
}

.dots {
    position: absolute;
    width: 55px;
    left: 4%;
    top: 18%;
    z-index: -1;
}

.sc-4 {
    position: absolute;
    left: 3%;
    width: 200px;
    bottom: 15%;
    z-index: -1;
}

.sc-5 {
    width: 100px;
    bottom: -40px;
    position: absolute;
    left: 4%;
    z-index: -1;
}

.text-dark {
    color: #152754;
}

.affiliate-area {
    padding: 100px 0;
    position: relative;
    background: #F2F8FF;
}

.affiliate-card {
    background: #fff;
    height: 300px;
    border-radius: 24px;
    box-shadow: 0px 0px 24px 0px #DAEBFF;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 380px;
    margin: 0 auto;
    margin-bottom: 50px;
}

.affiliate-box {
    width: 170px;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 20px;
}

.affiliate-card h4 {
    color: #000000;
    font-size: 32px;
    font-weight: 600;
    margin: 0;
}

.affiliate-link-option {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 25px
}

.affiliate-link-option img {
    width: 50px;
}

.affiliate-link-option a {
    background-image: linear-gradient(to bottom, #f8342d, #de2f28, #c42923, #ab241f, #921f1a);
    color: #fff;
    border: 2px solid #000;
    font-size: 32px;
    width: 960px;
    height: 86px;
    border-radius: 12px;
    font-weight: 500;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: "Sora", sans-serif;
    text-decoration: none;
    box-shadow: 0 3px 0px #000;
}

.dots-2 {
    position: absolute;
    width: 50px;
    left: 10%;
    bottom: 26%;
}

.object-1 {
    position: absolute;
    height: 80px;
    right: 4%;
    top: 15.5%;
}

.object-2 {
    position: absolute;
    right: 40px;
    width: 110px;
    bottom: 18%;
}

.object-3 {
    width: 100px;
    bottom: -40px;
    position: absolute;
    left: 4%;
    z-index: 999;
}



/*--------------- Schedule Area End  ------------*/




/*--------------- About Area Start  ------------*/
.about-area {
    padding: 100px 0;
    background-image: linear-gradient(to bottom, #101930, #121e3b, #142346, #162851, #192d5d);
    position: relative;
    z-index: 1;
}

.about-content {
    max-width: 1240px;
    margin: 0 auto;
}

.about-content img {
    margin-bottom: 60px;
}

.about-content p {
    font-size: 24px;
    color: #fff;
    font-weight: 300;
    line-height: 140%;
    margin-bottom: 25px;
    font-family: "Inter", sans-serif;
}

.about-content p a {
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #fff;
}

.about-content p b {
    font-weight: 500;
}

.ab-1 {
    position: absolute;
    left: 25px;
    width: 160px;
    top: 18%;
    z-index: -1;
}

.ab-2 {
    position: absolute;
    right: 5%;
    width: 140px;
    z-index: -1;
    top: 7%;
}

.ab-3 {
    position: absolute;
    left: 30px;
    width: 130px;
    z-index: -1;
    top: 50%;
}

.ab-4 {
    position: absolute;
    right: 20px;
    width: 230px;
    top: 43%;
    z-index: -1;
}

.ab-6 {
    position: absolute;
    right: 0px;
    bottom: 70px;
    width: 100px;
}

.ab-5 {
    position: absolute;
    right: 2%;
    width: 140px;
    bottom: 25%;
    z-index: -1;
}

.box-shp {
    position: absolute;
    width: 130px;
    top: -85px;
    left: 5%;
    z-index: -1;
}

.step-details-content h2 {
    font-size: 32px;
    color: #000;
    font-weight: 600;
}

/*--------------- About Area End  ------------*/




/*--------------- Explore Area Start ------------*/

.explore-content {
    width: 460px;
}

.explore-content-wrap {
    display: flex;
}

.explore-content h2 {
    font-size: 32px;
    color: #000000;
    font-weight: bold;
}


.explore-content.explore-Small-text h4 {
    font-size: 24px;
    font-weight: 700;
    color: #000;
    line-height: 32px;
}

.explore-content.explore-Small-text p {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: #000;
    font-family: "Inter", sans-serif;
}


.explore-content h2 {
    max-width: 400px;
}

.explore-area {
    position: relative;
    z-index: 1;
    padding: 100px 0;
    background: #fff;
}

.explore-content p {
    color: #000000;
    font-size: 24px;
}

.explore-wrapper {
    margin-bottom: 100px;
}

.mw-fll {
    max-width: 100% !important;
}

.color-shp-right {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 160px;
    z-index: -1;
}

.color-shp-left {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 160px;
    z-index: -1;
}

/*--------------- Explore Area End ------------*/




/*--------------- Expertise Area Start ------------*/

.expertise-area {
    position: relative;
    z-index: 1;
    padding-top: 120px;
    padding-bottom: 120px;
}

.expertise-title {
    text-align: center;
    margin-bottom: 50px;
}

.expertise-title h2 {
    font-size: 48px;
    color: #000000;
    font-weight: 600;
}

span.green-color {
    color: #00A388 !important;
    border-bottom: 1px solid #00A388 !important;
}

.expertise-title h2 span {
    color: #DE1F36;
    border-bottom: 1px solid #DE1F36;
    display: inline-block;
    line-height: 1;
    font-weight: 600;
}

span.color-orangered {
    color: #FF5065 !important;
    border-bottom: none !important;
}

.expertise-title h2 .color-parple {
    color: #4484FF !important;
    border-bottom: none;
    font-weight: 700;
}

.expertise-title p {
    color: #000000;
    font-size: 28px;
    font-family: "Sora", sans-serif;
}

.members-title h4 {
    font-family: "Caveat", cursive;
    font-size: 28px;
    font-weight: 600;
}

.members-title {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 0 15px;
    margin-bottom: 60px;
}

.members-title img {
    width: 65px;
}

.cat-btn {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 15px 0;
    padding-bottom: 20px;
    text-align: center;
    width: 100%;
}

.member-card {
    position: relative;
    z-index: 1;
}

.cat-btn a {
    display: inline-block;
    padding: 13px 30px;
    border-radius: 50px;
    background: rgba(0, 0, 0, 0.8) !important;
    text-decoration: none;
    font-weight: 600;
    color: #FFFFFF !important;
    font-size: 16px;
    transition: .3s;
    font-family: "Sora", sans-serif;
    line-height: 130%;
}

.cat-btn a:hover {
    color: #000000 !important;
    background-color: rgba(255, 255, 255, 0.8) !important;
}

.intro-text {
    text-align: right;
    position: absolute;
    right: 0;
    width: 100%;
    top: 25px;
    padding: 0 20px;
}

.intro-text p {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .3px;
    margin: 0;
    opacity: .6;
}


.customer-txt span {
    color: #D70202;
    line-height: 1;
    border-bottom: 2px solid #D70202;
}


.customers-card-wrapper {
    background: #fff;
    border: 2px solid #000000;
    border-radius: 24px;
    position: relative;
    box-shadow: 4px 4px 0 0;
    padding: 25px;
    margin-top: 70px;
    display: flex;
    align-items: center;
}

.customers-box img {
    max-width: 190px;
}

.customer-txt h3 {
    color: #000000;
    font-size: 36px;
    font-weight: 600;
    font-family: "Sora", sans-serif;
    margin-bottom: 0;
}

.customers-box {
    width: 200px;
}

.customer-txt {
    width: calc(100% - 200px);
    padding-left: 25px;
}

.member-card img {
    width: 100%;
    border-radius: 24px;
}

/*--------------- Expertise Area End ------------*/








/*--------------- Chatbot Details Area Start ------------*/
.chatbot-details-area {
    padding: 100px 0;
    position: relative;
    z-index: 1;
    background: #FFF7F2;
}

.chatbot-thumb {
    width: 260px;
}

.Chatbot-wrappper {
    display: flex;
    align-items: center;
    margin-bottom: 45px;
}

.Chatbot-text {
    width: calc(100% - 260px);
    padding-left: 50px;
}

.Chatbot-text p {
    font-size: 24px;
    font-weight: 400;
}

.Chatbot-text p b {
    font-weight: 500;
}

.Chatbot-text p a {
    display: inline-block;
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #000;
    line-height: normal;
}

.Chatbot-text p:last-child {
    margin: 0;
}

.chatdots {
    position: absolute;
    left: 7%;
    width: 55px;
    bottom: 29%;
    z-index: -1;
}

.golden-ball {
    position: absolute;
    left: 7%;
    width: 110px;
    top: 14%;
    z-index: -1;
}

.zikzak-1 {
    position: absolute;
    right: 4%;
    height: 70px;
    top: 23%;
    z-index: -1;
}

.ushp-1 {
    position: absolute;
    bottom: 18%;
    right: 3%;
    width: 110px;
    z-index: -1;
}


/*--------------- Chatbot Details Area End ------------*/




/*--------------- Competition Area Start ------------*/
.competition-area {
    padding: 100px 0;
    position: relative;
    z-index: 1;
}

.compare-table-wrapper {
    max-width: 1025px;
    margin: 0 auto;
}

.red-txt {
    color: #FF3939;
}

.table-logo img {
    height: 28px;
}

.compare-table-wrapper h4 {
    font-size: 24px;
    margin: 0;
    font-weight: bold;
    font-family: "Sora", sans-serif;
}

.compare-table-wrapper p {
    margin: 0;
    font-size: 24px;
    color: #000000;
    font-weight: 500;
    font-family: "Inter", sans-serif;
}

.table>tbody {
    vertical-align: middle;
}

.table>:not(caption)>*>* {
    padding: 20px 34px;
    border-bottom-width: 1px;
    box-shadow: none;
    border: none !important;
}

.compare-table-wrapper table tbody tr:nth-child(odd) td {
    background: #F2F5F5;
}

.compare-table-wrapper table tbody tr:nth-child(odd) td:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.compare-table-wrapper table tbody tr:nth-child(odd) td:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.comp-1 {
    position: absolute;
    left: 0;
    width: 120px;
    top: 15%;
    z-index: -1;
}

.comp-2 {
    width: 160px;
    position: absolute;
    right: 3%;
    top: 18%;
    z-index: -1;
}

.comp-3 {
    position: absolute;
    left: 40px;
    width: 170px;
    bottom: 38%;
    z-index: -1;
}

.comp-4 {
    position: absolute;
    bottom: 22%;
    width: 120px;
    right: 1%;
    z-index: -1;
}

.comp-5 {
    position: absolute;
    bottom: 12%;
    left: 4%;
    height: 60px;
    z-index: -1;
}

/*--------------- Competition  Area End ------------*/



/*--------------- Easy Step Area Start ------------*/
.easy-step-area {
    padding: 100px 0;
    position: relative;
    z-index: 1;
    background: #F2F8FF;
}

.step-thumbnail img {
    max-width: 470px;
}

.step-thumbnail {
    display: flex;
}

.easy-step-wrapper {
    margin-bottom: 80px;
}

.step-count h2 {
    font-size: 32px;
    color: #000000;
    font-weight: 600;
    margin-bottom: 20px;
}

.step-details-content p {
    font-size: 24px;
    line-height: 140%;
}

.step-count {
    margin-bottom: 35px;
}

.step-count span {
    display: inline-flex;
    width: 92px;
    height: 72px;
    background: #fff;
    color: #000000;
    font-size: 24px;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    border-radius: 64px;
    border: 2px solid #000000;
    box-shadow: 3px 3px 0px #000;
}

/*--------------- Easy Step Area End ------------*/





/*--------------- Ai Assistant Area Start ------------*/
.assistant-area {
    background-image: linear-gradient(to bottom, #0c0d2a, #0e1535, #111c41, #13234d, #152a5a);
    padding: 80px 0;
    position: relative;
    z-index: 1;
}

.chatbot-icon {
    text-align: center;
    margin-bottom: 80px;
    margin-top: 25px;
}

.chatbot-icon img {
    width: 200px;
}

.assistant-wrapper {
    max-width: 960px;
    margin: 0 auto;
}

.assistant-title {
    text-align: center;
    padding-bottom: 100px;
    max-width: 660px;
    margin: 0 auto;
    position: relative;
    border-left: 2px solid #263157;
    border-right: 1px solid #263157;
}

.title-icon img {
    width: 50px;
}

.title-icon {
    border-top: 2px solid #263157;
    height: 50px;
}

.title-icon img {
    width: 50px;
    margin-top: -29px;
    z-index: 1;
    position: relative;
}

.single-command-btn a {
    width: 100%;
    height: 65px;
    background-image: linear-gradient(to bottom, #ffad2e, #ffa525, #ff9d1b, #ff9411, #ff8b05);
    border-radius: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    font-size: 22px;
    transition: .3s;
    margin-bottom: 24px;
    position: relative;
    z-index: 3;
    margin-top: 0;
}

.single-command-btn a:hover {
    margin-top: -5px;
}

.single-command-btn {
    display: inline-block;
    width: 100%;
    position: relative;
}

.single-command-btn:after {
    position: absolute;
    left: 50%;
    top: -50%;
    width: 2px;
    background: #263157;
    height: 50px;
    content: '';
    z-index: -3;
    transform: translateX(-50%);
}

.single-command-btn::before {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50%;
    background: #263157;
    height: 2px;
    content: '';
    z-index: -3;
}

.single-command-btn::before {
    position: absolute;
    left: 95%;
    top: 50%;
    width: 70px;
    background: #263157;
    height: 2px;
    content: '';
    z-index: -3;
    margin-top: -12px;
}

.no-border:before {
    display: none;
}

.top-none::after {
    display: none;
}

.assistant-wrap {
    position: relative;
}

.assistant-wrap::before {
    position: absolute;
    left: 50%;
    top: -140px;
    width: 2px;
    background: #263157;
    height: 300px;
    content: '';
    z-index: -3;
    transform: translateX(-50%);
}

.ball-2 {
    width: 110px;
    left: 6%;
    position: absolute;
    top: 10%;
    z-index: -1;
}

.ass-shp-2 {
    position: absolute;
    right: 4%;
    width: 170px;
    top: 12%;
    z-index: -1;
}

.ass-shp-3 {
    position: absolute;
    left: 6%;
    bottom: 12%;
    width: 150px;
    z-index: -1;
}

.box-5 {
    width: 120px;
    position: absolute;
    right: 4%;
    bottom: 9%;
    z-index: -1;
}

.boject-101 {
    position: absolute;
    top: 40%;
    height: 65px;
    left: 4%;
    z-index: -1;
}

.boject-102 {
    position: absolute;
    top: 45%;
    height: 55px;
    right: 3.5%;
    z-index: -1;
}

/*--------------- Ai Assistant Area End ------------*/




/*--------------- Ai Assistant Area Start ------------*/
.assistant-tutorial-area {
    background-color: #CAECFF;
    padding: 100px 0;
    position: relative;
    background-image: url(../img/bg-img-1.jpg);
    background-position: center;
    background-size: cover;
}

/*--------------- Ai Assistant Area End ------------*/







/*--------------- Services Area Start ------------*/
.services-area {
    position: relative;
    padding: 100px 0;
    padding-bottom: 50px;
}

.service-card {
    background: #E2F1FE;
    border-radius: 24px;
    padding: 30px;
    height: 320px;
    margin-bottom: 45px;
    display: flex;
    align-items: center;
}

.service-card-icon {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    width: 130px;
    height: 140px;
}

.service-card h4 {
    color: #000000;
    font-size: 24px;
    margin: 0;
    font-weight: 600;
    font-family: "Inter", sans-serif;
}


/*--------------- Services Area End ------------*/









/*--------------- Pricing Area Start ------------*/
.pricing-area {
    padding: 100px 0;
    position: relative;
    background-color: #FFF9F1;
}

.pricing-area.pricing-area-two {
    background: #F2F8FF;
}

.pricing-card {
    border: 2px solid #000000;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 3px 3px 0 #000;
    max-width: 490px;
    margin: 0 auto;
    margin-bottom: 50px;
}

.card-logo img {
    width: 270px;
}

.pack-btn span {
    color: #000000;
    background: #ddd;
    display: inline-block;
    padding: 15px 24px;
    border-radius: 12px;
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    font-family: "Sora", sans-serif;
}

.pack-btn {
    margin-bottom: 30px;
}

.pack-title-text h4 {
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    line-height: 140%;
    margin-bottom: 10px;
}

.pack-title-text h4 span {
    color: #FFAD2E;
}

.pack-title-text h3 {
    font-size: 40px;
    margin: 0;
    font-weight: 900;
    color: #000000;
}

.pack-title-text h3 {
    font-size: 40px;
    margin: 0;
    font-weight: 900;
    color: #000000;
}

.pack-title-text {
    padding-bottom: 15px;
    margin-bottom: 25px;
    border-bottom: 2px solid #000;
}

.pricing-lists ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pricing-lists ul li {
    display: flex;
    align-items: flex-start;
    gap: 0 25px;
    font-size: 18px;
    color: #000000;
    margin-bottom: 15px;
    font-weight: 400;
}

.pricing-lists li i {
    margin-top: 8px;
}

.pricing-lists li b {
    font-weight: 600;
}

.pricing-lists li a {
    font-weight: 400;
    line-height: 1;
    color: #000;
    border-bottom: 1px solid #000;
    text-decoration: none;
}

.bundle-package {
    margin-top: 60px;
}

.bundle-card .pack-btn span {
    width: 100%;
    text-align: center;
}

/*--------------- Pricing Area End ------------*/




/*--------------- Prizes Area Start ------------*/

.prizes-area {
    background-image: linear-gradient(to bottom, #0c0d2a, #0e1535, #111c41, #13234d, #152a5a);
    padding: 80px 0;
    position: relative;
    z-index: 1;
}

.prize-title h2 {
    background: linear-gradient(to top, #ffa755, #ffb548, #ffc438, #ffd524, #ffe600);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 64px;
    font-weight: bold;
    line-height: 120%;
    margin-bottom: 0;
}

.prize-title p {
    color: #A3C2FF;
    font-size: 36px;
    margin: 0;
    font-weight: 500;
}

.tropise-title {
    text-align: center;
}

.tropise-title h2 {
    color: #FFFFFF;
    font-weight: bold;
    margin-bottom: 20px;
}

.tropise-title img {
    width: 400px;
}

.tropise-title {
    margin-bottom: 50px;
}

.prize-title {
    margin-bottom: 80px;
}

.tropies-wrap {
    max-width: 960px;
    margin: 0 auto;
    border-bottom: 3px solid #172C5B;
}

.tropy-box {
    width: 300px;
    height: 300px;
    display: flex;
    margin: 0 auto;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 20px;
}

.tropy-box.tropy-1 img {
    width: 260px;
}

.tropy-item {
    text-align: center;
    margin-bottom: 70px;
}

.tropy-item h4 {
    color: #fff;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}

.tropy-price span {
    font-size: 32px;
    color: #323232;
    font-weight: 900;
    font-family: "Sora", sans-serif;
    display: inline-block;
    padding: 7px 25px;
    border-radius: 50px;
}

.tropy-item-1 .tropy-price span {
    background-image: linear-gradient(to bottom, #dcdcdc, #d2d2d2, #c8c8c8, #bebebe, #b4b4b4);
}

.tropy-item-2 .tropy-price span {
    background-image: linear-gradient(to bottom, #ffad2e, #ffa525, #ff9d1b, #ff9411, #ff8b05);
    font-size: 36px;
    padding: 8px 40px;
}

.tropy-item-3 .tropy-price span {
    background-image: linear-gradient(to bottom, #d9aea1, #d1a598, #c89c8e, #c09385, #b88a7c);
    padding: 7px 36px;
}

.tropy-item-4 .tropy-price span {
    background-image: linear-gradient(to bottom, #d9aea1, #d1a598, #c89c8e, #c09385, #b88a7c);
    padding: 7px 36px;
}

.tropy-item-5 .tropy-price span {
    background-image: linear-gradient(to bottom, #d9aea1, #d1a598, #c89c8e, #c09385, #b88a7c);
    padding: 7px 36px;
}

.tropies-wrapper {
    margin-bottom: 70px;
}

.contest-rules {
    background: #0F102E;
    padding: 40px 50px;
    border-radius: 24px;
    border: 2px solid #172C5B;
    position: relative;
}

.contest-rules h4 {
    color: #FFFFFF;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
}

.contest-rules ul li {
    margin-top: 20px;
    color: #FFFFFF;
    font-size: 20px;
    list-style: decimal-leading-zero;
}

.contest-rules ul {
    margin: 0;
    padding: 0;
    padding-left: 35px;
}

.rule-1 {
    position: absolute;
    left: -70px;
    top: -60px;
    width: 120px;
}

.rule-2 {
    position: absolute;
    right: -70px;
    bottom: -60px;
    height: 100px;
}

/*--------------- Prizes Area End ------------*/







/*--------------- Affiliates Support Area Start ------------*/
.affiliates-support-area {
    padding: 100px 0;
    position: relative;
}

.top-ranked-wrap {
    border: 2px solid #000000;
    padding: 60px 130px;
    border-radius: 24px;
    display: flex;
    box-shadow: 3px 3px 0 #000;
    background-color: #fff;
    align-items: center;
    margin-bottom: 50px;
}

.top-thumb {
    position: relative;
    width: 250px;
}

.ranked-info {
    width: calc(100% - 250PX);
    padding-left: 70px;
}

.ranked-info h2 {
    font-size: 36px;
    font-weight: bold;
}

.ranked-info p {
    color: #1F1F1F;
    font-size: 20px;
}

.ranked-info p:last-child {
    margin-bottom: 0;
}

.top-ranked {
    position: absolute;
    right: -30px;
    bottom: -20px;
    width: 80px;
}

.affiliates-brand {
    border: 2px solid #000;
    height: 94px;
    padding: 10px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 280px;
    position: relative;
    background: #fff;
    margin: 0 auto;
    margin-top: 80px;
}

.affiliates-brand img {
    max-height: 60px;
}

.affiliates-brand-wrap {
    max-width: 1030px;
    margin: 0 auto;
}

.affiliates-count span {
    display: inline-flex;
    width: 55px;
    height: 44px;
    background: #fff;
    color: #000000;
    font-size: 18px;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    border-radius: 50px;
    border: 2px solid #000000;
    box-shadow: 2px 2px 0px #000;
}

.affiliates-count {
    position: absolute;
    top: -30px;
    left: 15px;
    z-index: 2;
}



.ball-101 {
    position: absolute;
    left: 4.5%;
    width: 110px;
    top: 25%;
    z-index: -1;
}

.boject-201 {
    position: absolute;
    bottom: 28%;
    left: 4%;
    height: 70px;
    z-index: -1;
}

.boject-202 {
    position: absolute;
    right: 5%;
    width: 145px;
    top: 28%;
    z-index: -1;
}

.bhz-2 {
    position: absolute;
    right: 5%;
    height: 55px;
    bottom: 35%;
    z-index: -1;
}

.box-303 {
    position: absolute;
    right: 5%;
    bottom: 9%;
    width: 120px;
    z-index: -1;
}

/*--------------- Affiliates Support Area End ------------*/





/*--------------- Marketing Material  Area Start ------------*/

.marketing-material-area {
    background: #F2F8FF;
    padding: 100px 0;
    position: relative;
    z-index: 1;
}

.u-shp-101 {
    position: absolute;
    left: 3%;
    width: 90px;
    top: 6%;
    z-index: -1;
}

.marketing-card-icon {
    height: 140px;
    display: flex;
    align-items: flex-end;
    margin-bottom: 20px;
}

.marketing-card-icon img {
    max-height: 100%;
}

.marketing-card {
    border-radius: 24px;
    box-shadow: 0px 0px 24px 0px #DAEBFF;
    background: #fff;
    padding: 40px 50px;
    height: 100%;
    display: flex;
    align-items: center;
}

.marketing-card h4 {
    font-size: 24px;
    text-transform: uppercase;
    color: #000000;
    font-weight: 900;
}

.marketing-card p {
    color: #000000;
    font-size: 20px;
}

.marketing-material-area .area-title h2 {
    font-size: 48px;
}

.dot-hz-shp-100 {
    position: absolute;
    top: 45%;
    height: 55px;
    left: 3%;
    z-index: -1;
}

.shp-50 {
    position: absolute;
    bottom: 8%;
    width: 100px;
    left: 3%;
    z-index: -1;
}

.shp-401 {
    position: absolute;
    right: 3%;
    height: 60px;
    top: 14%;
    z-index: -1;
}

.gold-bar {
    position: absolute;
    bottom: 8%;
    right: 5%;
    width: 100px;
    z-index: -1;
}

/*--------------- Marketing Material  Area End ------------*/









/*--------------- Promotion  Area Start ------------*/
.promotion-area {
    position: relative;
    padding: 100px 0;
    background-color: #fff;
    background-image: url(../img/dot-bg.jpg);
    background-position: center;
    background-size: cover;
}

.promotion-wrapper {
    padding: 90px 150px;
    border: 2px solid #000000;
    border-radius: 24px;
    background-color: #fff;
}

.zoo-title h4 {
    display: block;
    color: #000000;
    font-size: 36px;
    font-weight: bold;
}

.zoo-title h2 {
    font-size: 48px;
    font-weight: 900;
    margin: 0;
}

.promotion-wrap-top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 25px;
}

.promotion-wrap-top img {
    width: 200px;
}

.promotion-wrapper .affiliate-link-option a {
    font-size: 32px;
    font-weight: 900;
    height: 70px;
}

.content-form-wrap {
    margin-top: 50px;
    border: 4px solid #0D1258;
    border-radius: 24px;
    width: 100%;
    height: 370px;
    display: flex;
}

.content-form {
    padding: 40px;
    width: 52%;
}

.content-thumbnail {
    background: url(../img/bg121.jpg);
    background-position: center;
    background-size: cover;
    width: 48%;
    height: 100%;
    border-radius: 20px 0 0 20px;
}

.content-form .schedule-inner {
    width: 320px;
    margin: 0 auto;
}

.content-form h2 {
    font-size: 24px;
}

.content-form .single-field input {
    height: 52px;
    font-size: 18px;
}

/*--------------- Promotion  Area End ------------*/




/*--------------- Get help Area Start ------------*/
.get-help-area {
    background-color: #CAECFF;
    padding: 100px 0;
    position: relative;
    background-image: url(../img/bg-img-1.jpg);
    background-position: center;
    background-size: cover;
}

.get-help-area .area-title h2 {
    font-size: 48px;
}

.help-box {
    background: #fff;
    padding: 75px;
    text-align: center;
    border-radius: 24px;
}

.helpbox-title h2 {
    font-size: 48px;
    font-weight: 600;
    color: #000000;
}

.community-members {
    max-width: 780px;
    margin: 0 auto;
}

.member-item {
    margin-top: 30px;
}

.member-item img {
    max-width: 150px;
    border: 2px solid #000;
    border-radius: 100%;
    box-shadow: 2px 3px 0 #000;
    margin-bottom: 20px;
}

.member-item h4 {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.contact-with-skype {
    text-align: center;
    margin-top: 40px;
}

.contact-with-skype a {
    background: #01B6FF;
    display: inline-flex;
    padding: 10px 40px;
    border-radius: 40px;
    color: #fff;
    text-decoration: none;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    border: 2px solid #02305A;
    box-shadow: 2px 2px 0 #02305A;
    transition: .3s;
    position: relative;
    top: 10px;
}

.contact-with-skype img {
    width: 24px;
    margin-right: 10px;
}

.contact-with-skype a:hover {
    top: 5px;
}

/*--------------- Get help Area End ------------*/





/*--------------- Footer Area Start ------------*/
.affiliate-terms-area {
    padding: 100px 0;
    background: #151515;
}

.trams-content {
    background: #fff;
    padding: 50px;
    border-radius: 24px;
}

.trams-content-inner {
    max-width: 980px;
    margin: 0 auto;
}

.trams-content h4 {
    color: #000000;
    font-size: 20px;
    font-weight: bold;
    font-family: "Inter", sans-serif;
}

.trams-content p {
    margin-bottom: 20px;
}

footer {
    background: #050505;
    padding: 25px 0;
}

.footer-logo a {
    display: inline-block;
}

.footer-logo img {
    height: 27px;
}

.copyright p {
    color: #FFFFFF;
    font-size: 18px;
    margin: 0;
}

.footer-logo a {
    display: inline-block;
}

.footer-logo img {
    height: 27px;
}

.copyright {
    text-align: center;
}

.copyright p {
    color: #FFFFFF;
    font-size: 18px;
    margin: 0;
}

.footer-menu {
    text-align: right;
}

.footer-menu ul {
    margin: 0;
    padding: 0;
    line-height: normal;
}

.footer-menu ul li {
    display: inline-block;
    margin-left: 15px;
}

.footer-menu ul li a {
    display: inline-block;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 18px;
    line-height: 1;
}

.footer-menu ul li span {
    display: inline-block;
    margin-left: 10px;
}

footer .container {
    max-width: 1560px;
}

.menu_x {
    display: none;
}

.mainmenu-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.menu_trigger {
    display: none;
    cursor: pointer;
    position: relative;
    z-index: 99;
}

.mainmenu-wrap.active {
    right: 0;
    opacity: 1;
    visibility: visible;
}

.prelaunch-hero .hero-content h1 {
    font-size: 50px;
    line-height: 130%;
}

.prelaunch-hero .hero-content {
    max-width: 1024px;
    margin: 0 auto;
}



/*--------------- Footer Area End ------------*/











/*--------------- Webinar Area Start ------------*/
.webinar-area {
    padding: 100px 0;
    position: relative;
}

.title-md h2 {
    font-size: 48px;
}

.text-blue {
    color: #0075FF;
}

.webinar-icon {
    width: 170px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 20px;
}

.webinar-card {
    max-width: 260px;
    margin: 0 auto;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 25px;
}

.webinar-area .area-title h2 span {
    border-bottom: 2px solid #0075FF;
    line-height: 1;
    display: inline-block;
}

.webinar-wrapper {
    max-width: 1100px;
    margin: 0 auto;
}

.webinar-shp-1 {
    position: absolute;
    left: 5%;
    top: 3%;
    width: 140px;
    z-index: -1;
}

.webinar-shp-2 {
    position: absolute;
    bottom: 15%;
    left: 5%;
    width: 100px;
    z-index: -1;
}

.webinar-shp-3 {
    position: absolute;
    right: 0;
    top: 38%;
    height: 100px;
    z-index: -1;
}

.webinar-shp-4 {
    position: absolute;
    bottom: 15%;
    right: 4%;
    width: 90px;
    z-index: -1;
}

.webinar-shp-5 {
    width: 60px;
    position: absolute;
    left: 5.5%;
    top: 28%;
    z-index: -1;
}

.webinar-card h4 {
    font-size: 24px;
    font-weight: 600;
}



/*--------------- Webinar Area End ------------*/




/*--------------- Liver Event Area Start ------------*/
.live-event-area {
    position: relative;
    padding: 100px 0;
    background-image: url(../img/event-area-bg.jpg);
    background-position: center;
    background-size: cover;
    z-index: 1;
    background-color: #0C4564;
}

.event-title-wrap h2 {
    color: #fff;
    font-size: 60px;
    font-weight: 600;
    line-height: 100%;
}

.event-title-wrap h2 span {
    font-size: 48px;
    line-height: 1;
}

.event-box {
    width: 316px;
    height: 274px;
    position: relative;
    z-index: 1;
}

.event-wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 0 40px;
}

.event-title-wrap {
    margin-bottom: 70px;
}

.event-bg-shp {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.event-date {
    height: 100%;
    width: 100%;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 90px;
    text-align: center;
}

.event-date h2 {
    color: #0C0D2A;
    font-size: 60px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 5px;
}

.event-date span {
    display: block;
    color: #052638;
    font-size: 32px;
    line-height: 1;
    font-weight: 600;
}

.event-time {
    text-align: center;
    margin-top: 20px;
}

.event-time h2 {
    color: #FFFFFF;
    margin: 0;
    font-size: 32px;
    text-transform: uppercase;
}

.bonus-btn a {
    display: inline-block;
    color: #3C0000;
    text-decoration: none;
    font-size: 36px;
    font-weight: bold;
    background-image: linear-gradient(to bottom, #ffba01, #ffc500, #ffcf00, #ffda00, #ffe501);
    padding: 20px 55px;
    border-radius: 50px;
    border: 3px solid #000;
    line-height: 1;
    box-shadow: 2px 2px 0 #000;
}

.bonus-btn {
    text-align: center;
    margin-top: 70px;
}

.event-shp-1 {
    position: absolute;
    left: 4%;
    width: 170px;
    z-index: -1;
    top: 20%;
}

.event-shp-2 {
    position: absolute;
    right: 3%;
    width: 190px;
    bottom: 25%;
    z-index: -1;
}

.event-shp-3 {
    position: absolute;
    bottom: -40px;
    width: 150px;
    left: 3%;
}

/*--------------- Liver Event Area End ------------*/




/*--------------- Register Area Start ------------*/
.register-area {
    background: #CAECFF;
    position: relative;
    z-index: 1;
    padding: 80px 0;
    background-position: center;
    background-size: cover;
    background-image: url(../img/register-bg.jpg);
    margin-bottom: 30px;
}

.register-wrapper {
    background: #fff;
    padding: 90px;
    border-radius: 20px;
    box-shadow: 0px 0px 30px 0px #9CDAFC;
}

.register-box-title {
    text-align: center;
    max-width: 860px;
    margin: 0 auto;
    margin-bottom: 70px;
}

.register-form-inner {
    background: #FF5065;
    padding: 40px;
    max-width: 410px;
    margin: 0 auto;
    border-radius: 12px;
    text-align: center;
    border: 3px solid #000;
    box-shadow: 2px 2px 0 #000;
}

.register-form-inner h2 {
    color: #fff;
}

.register-form-inner p {
    color: #FFFFFF;
}

.register-box-title h2 {
    font-size: 36px;
    color: #000000;
    font-weight: 600;
}

.text-red {
    color: #D70202;
}

.rg-shp-1 {
    width: 170px;
    position: absolute;
    bottom: 9%;
    left: 4%;
    z-index: -1;
}

.rg-shp-2 {
    position: absolute;
    right: 3%;
    width: 160px;
    top: 7%;
    z-index: -1;
}

/*--------------- Register Area End ------------*/







/*--------------- Testimonial Area Start ------------*/

.testimonial-area {
    padding-bottom: 50px;
    position: relative;
    z-index: 1;
}

.single-testimonial {
    background: #FFF0D7;
    padding: 70px 90px;
    margin-bottom: 60px;
    border-radius: 24px;
}

.quote-icon img {
    width: 60px;
}

.quote-icon {
    margin-bottom: 35px;
}

.testimonial-content h2 {
    color: #000000;
    font-size: 32px;
    font-weight: 500;
    padding-bottom: 15px;
    border-bottom: 1px solid #E5D8C1;
    font-family: "Playfair Display", serif;
}

.testimonial-content p {
    font-size: 24px;
    font-weight: 400;
    color: #000000;
}

.reviewr-profile-wrap {
    display: flex;
    justify-content: flex-end;
    margin-top: 50px;
    align-items: center;
}

.pro-avatar {
    width: 74px;
}

.pro-avatar img {
    width: 78px;
    height: 78px;
    border-radius: 100%;
}

.reviewr-profile {
    display: flex;
    align-items: center;
}

.reviewr-profile {
    display: flex;
    align-items: center;
}

.pro-text {
    padding-left: 15px;
}

.pro-text h4 {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
}

.pro-text span {
    display: block;
    color: #000000;
    font-size: 20px;
}

.rating-star img {
    height: 13px;
}

.testi-shp-1 {
    position: absolute;
    left: 40px;
    width: 110px;
    top: 6%;
    z-index: -1;
}

.testi-shp-2 {
    position: absolute;
    right: 5%;
    width: 100px;
    top: 20%;
    z-index: -1;
}

.testi-shp-3 {
    height: 80px;
    position: absolute;
    left: 0;
    bottom: 24%;
    z-index: -1;
}

.testi-shp-4 {
    position: absolute;
    right: 3.5%;
    width: 140px;
    bottom: 24%;
    z-index: -1;
}

/*--------------- Testimonial Area End ------------*/





/*--------------- Compare Slider Area Start ------------*/

.local-area {
    background: rgb(255, 240, 202);
    background: radial-gradient(circle, rgba(255, 240, 202, 1) 0%, rgba(255, 215, 114, 1) 100%);
    padding: 100px 0;
    position: relative;
    z-index: 1;
    padding-bottom: 190px;
}

.local-shp-1 {
    position: absolute;
    left: 20px;
    width: 200px;
    top: 12%;
    z-index: -1;
}

.local-shp-2 {
    position: absolute;
    right: 20px;
    width: 170px;
    top: 9%;
    z-index: -1;
}

.local-shp-3 {
    position: absolute;
    left: 3%;
    width: 178px;
    bottom: 11%;
    z-index: -1;
}

.local-shp-4 {
    position: absolute;
    right: 5%;
    bottom: 3%;
    width: 80px;
    z-index: -1;
}

.local-shp-5 {
    position: absolute;
    left: 0;
    width: 90px;
    top: 47%;
    z-index: -1;
}

.compare-slide-item {
    background-color: #0D0E2B;
    border-radius: 24px;
    padding: 40px;
    border: 7px solid #fff;
    position: relative;
    background-image: url(../img/pattern-bg.jpg);
    background-position: center;
    background-size: cover;
}

.video-thumbnail {
    width: 100%;
    border-radius: 6px !important;
}

.compare-view {
    padding: 0 10px;
    margin-bottom: 35px;
}

.compare-view iframe#video-container {
    width: 100%;
    height: 260px;
}

.ControlBar_module_controlBarWrapper__30b7f265 {
    opacity: 0 !important;
    display: none !important;
}

.compare-view img {
    width: 100%;
    border-radius: 12px;
    height: 400px;
    object-fit: cover;
}

.compare-view video {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 12px;
}

.campare-box h4 {
    font-size: 20px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    margin: 0;
}

.compare-title span {
    display: inline-block;
    padding: 10px 55px;
    border-radius: 40px;
    background: #FF0000;
    font-size: 28px;
    color: #fff;
    font-family: "Gochi Hand", cursive;
    line-height: 100%;
    letter-spacing: .4px;
    font-weight: 400;
}

.compare-title {
    text-align: center;
    margin-bottom: 35px;
}

.compare-arrow {
    height: 20px;
    width: auto !important;
    position: absolute;
    left: 50%;
    top: 55px;
    transform: translateX(-50%);
}

.owl-dots button {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #fff !important;
    margin: 0 6px;
    border-radius: 100%;
    transition: .3s;
    box-shadow: 2px 3px 5px #0000004d;
}

.owl-dots {
    text-align: center;
    margin-top: 60px;
    position: absolute;
    left: 0;
    width: 100%;
}

.owl-dot.active {
    background: #CDA94C !important;
}

.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.owl-nav button img {
    height: 60px;
}

.owl-next {
    right: -65px;
}

.owl-prev {
    left: -65px;
}

/*--------------- Compare Slider Area End ------------*/














.member-card {
    width: 290px;
}

.scroller {
    max-width: 100%;
}

.scroller__inner {
    padding-block: 1rem;
    display: flex;
    gap: 1rem;
}

.scroller[data-animated="true"] {
    overflow: hidden;
    -webkit-mask: linear-gradient(90deg,
            transparent,
            #0c0d2a 3%,
            #0c0d2a 98%,
            transparent);
    mask: linear-gradient(90deg, transparent, #0c0d2a 3%, #0c0d2a 97%, transparent);
}

.scroller[data-animated="true"] .scroller__inner {
    width: max-content;
    flex-wrap: nowrap;
    animation: scroll var(--_animation-duration, 50s) var(--_animation-direction, forwards) linear infinite;
}

.scroller[data-direction="right"] {
    --_animation-direction: reverse;
}

.scroller[data-direction="left"] {
    --_animation-direction: forwards;
}

.scroller[data-speed="fast"] {
    --_animation-duration: 20s;
}

.scroller[data-speed="slow"] {
    --_animation-duration: 60s;
}

@keyframes scroll {
    to {
        transform: translate(calc(-50% - 0.5rem));
    }
}

/* general styles */
.tag-list {
    margin: 0;
    padding-inline: 0;
    list-style: none;
}







/*--------------- Features Area Start ------------*/

.features-area {
    background: #0C1C3F;
    padding: 80px 0;
    position: relative;
    z-index: 1;
}

.features-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 33.33%);
    position: relative;
}

.border-x-1 {
    position: absolute;
    top: 25%;
    width: 100%;
    height: 2px;
    left: 0;
}



.border-x-2 {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 2px;
    left: 0;
}

.border-x-3 {
    position: absolute;
    top: 75%;
    width: 100%;
    height: 2px;
    left: 0;
}

.border-y-1 {
    position: absolute;
    left: 33.33%;
    width: 2px;
    height: 100%;
    top: 0;
}

.border-y-2 {
    position: absolute;
    right: 33.33%;
    width: 2px;
    height: 100%;
    top: 0;
}

.features-wrapper.features-wrapper-two .border-x-1 {
    position: absolute;
    top: 33.33%;
    width: 100%;
    height: 2px;
    left: 0;
}

.features-wrapper.features-wrapper-two .border-x-2 {
    position: absolute;
    top: 65%;
    width: 100%;
    height: 2px;
    left: 0;
}


.features-item {
    width: 100%;
    height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 25px;
}

.fs-cion {
    width: 150px;
    height: 150px;
    display: flex;
    margin: 0 auto;
    align-items: center;
    margin-bottom: 30px;
    padding: 10px;
}

.fs-cion img {
    max-height: 100%;
}

.features-text h4 {
    margin: 0;
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 600;
}

.features-text h4 span {
    text-decoration: underline;
}

.features-icon {
    position: absolute;
}

.features-icon-1 {
    left: 8%;
    width: 60px;
    top: 13%;
    z-index: -1;
}

.features-icon-2 {
    right: 4%;
    width: 100px;
    top: -30px;
    z-index: -1;
}

.features-icon-3 {
    bottom: 37%;
    width: 100px;
    left: 30px;
    z-index: -1;
}

.features-icon-4 {
    right: 40px;
    top: 33%;
    width: 130px;
    z-index: -1;
}

.features-icon-5 {
    width: 150px;
    right: 3%;
    bottom: 7%;
    z-index: -1;
}

/*--------------- Features Area End ------------*/




/*--------------- Offer Area Start ------------*/

.offer-area {
    background: #0F1B36;
    padding: 100px 0;
    position: relative;
    display: inline-block;
    width: 100%;
}

.offer-wrapper {
    text-align: center;
}

.offer-content h2 {
    font-size: 48px;
    color: #fff;
    font-weight: 600;
}

.offer-btn a {
    display: inline-flex;
    padding: 15px 50px;
    border-radius: 24px;
    background-image: linear-gradient(to bottom, #ff8f0b, #f87700, #f05c00, #e83d00, #de0000);
    color: #ffff;
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    height: 100px;
    transition: .3s;
    align-items: center;
}

.offer-btn a {
    display: inline-flex;
    padding: 15px 50px;
    border-radius: 24px;
    background-image: linear-gradient(to bottom, #ff8f0b, #f87700, #f05c00, #e83d00, #de0000);
    color: #ffff;
    font-size: 40px;
    font-weight: 600;
    line-height: 1;
    height: 100px;
    transition: .3s;
    align-items: center;
    font-family: "Livvic", sans-serif;
    text-decoration: none;
    text-shadow: 0 3px 0px #000, .2;
    position: relative;
    top: 0;
}

.offer-btn.offer-btn-green a {
    border: 2px solid #0B4F00;
    box-shadow: 0px 4px 0px 0px #0B4F00;
    background: linear-gradient(182.66deg, #2CD929 1.4%, #007164 200.68%);
}

.offer-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 25px;
    margin-top: 40px;
}

.offer-btn a:hover {
    top: -10px;
}

.offer-btn img {
    width: 50px;
}

.offer-details {
    max-width: 950px;
    margin: 0 auto;
    margin-top: 20px;
}

.offer-info-text p {
    display: flex;
    align-items: center;
    margin: 0;
    color: #FFFFFF;
    font-size: 18px;
}

.offer-info-text img {
    width: 24px;
    margin-right: 10px;
}

.offer-details {
    max-width: 950px;
    margin: 0 auto;
    margin-top: 25px;
}

.offer-info-text p {
    display: inline-flex;
    align-items: center;
    margin: 0;
    color: #FFFFFF;
    font-size: 17px;
}

.offer-info-text {
    text-align: center;
    display: flex;
    justify-content: center;
}

.offer-info-text img {
    width: 24px;
    margin-right: 10px;
}

.offer-card img {
    text-align: center;
    max-height: 23px;
}

.offer-card {
    text-align: left;
}

.maroon-txt {
    color: #DE1F36;
}



.price-card-bottom-text {
    text-align: center;
    padding: 50px 0;
}

.price-card-bottom-text p {
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
}

.price-card-bottom-text a {
    color: #2400FF;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    text-decoration-line: underline;
}

/*--------------- Offer Area End ------------*/






/*--------------- Profit Area Start ------------*/
.profit-area {
    padding: 100px 0;
    background: #0F1B36;
    color: #fff;
    text-align: center;
    position: relative;
}

.profit-wrapper h2 {
    font-size: 40px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 50px;
}

.profit-wrapper h2 span {
    display: inline-block;
    position: relative;
    font-size: 48px;
    padding-bottom: 10px;
}

.line-long {
    position: absolute;
    bottom: -10px;
    left: 0px;
    width: 100%;
}

.profit-wrapper p {
    font-size: 24px;
    line-height: 140%;
    margin-bottom: 20px;
}

.robot-1 {
    position: absolute;
    right: 4%;
    width: 340px;
    bottom: -140px;
}

.robot-2 {
    position: absolute;
    left: 4%;
    width: 340px;
    bottom: -140px;
}

.revenue-area {
    padding: 100px 0;
    position: relative;
    margin-bottom: 25px;
}

.revenue-title h2 {
    font-size: 36px;
    font-weight: 600;
}

.revenue-title {
    text-align: center;
}

.revenue-info-item {
    max-width: 300px;
    text-align: center;
    margin: 0 auto;
    margin-top: 60px;
}

.rv-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 120px;
    margin: 0 auto;
    margin-bottom: 25px;
}

.rv-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 110px;
    margin: 0 auto;
    margin-bottom: 25px;
}

.rv-logo img {
    max-width: 110px;
}

.revenue-tect h4 {
    font-size: 30px;
    color: #191919;
    font-weight: bold;
    font-family: "Inter";
}

.revenue-tect p {
    font-size: 30px;
    color: #191919;
    font-weight: 400;
    font-family: "Caveat", cursive;
}

.profitable-btn {
    text-align: center;
    margin-top: 50px;
}

.btn-gradient {
    padding: 16px 70px;
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    border-radius: 70px;
    transition: .3s;
    display: inline-block;
    line-height: 120%;
}

.btn-gradient:hover {
    color: #fff;
}

.bg-gradient-orange-two {
    background-image: linear-gradient(to right, #fe893e, #ff7d44, #ff724b, #ff6652, #ff5a5a);
}

.area-title.title-md p {
    font-size: 24px;
    color: #000000;
}

.challenge-note {
    margin: 0 auto;
    max-width: 930px;
    margin-top: 80px;
}

.challenge-note p {
    font-size: 20px;
    color: #000000;
    line-height: 120%;
}

img.rv_1 {
    position: absolute;
    left: 5%;
    top: -8%;
    width: 145px;
}

img.rv_2 {
    position: absolute;
    right: 5%;
    width: 140px;
    top: 16%;
    z-index: -1;
}

img.rv_3 {
    position: absolute;
    left: 6%;
    width: 200px;
    top: 33%;
    z-index: -1;
}

img.rv_4 {
    position: absolute;
    bottom: 8%;
    right: 5%;
    width: 120px;
    z-index: -1;
}

img.rv_5 {
    position: absolute;
    left: 9%;
    width: 160px;
    bottom: 13%;
    z-index: -1;
}

img.rv_6 {
    position: absolute;
    top: 42%;
    right: 6%;
    width: 150px;
    z-index: -1;
}

.circle_yellow {
    position: absolute;
    top: 13%;
    left: 10%;
    width: 140px;
    z-index: -1;
}

img.box_yellow {
    position: absolute;
    bottom: 40%;
    left: 9%;
    width: 140px;
    z-index: -1;
}

img.pricing-Shp-1 {
    width: 130px;
    position: absolute;
    bottom: 45%;
    right: 10%;
    z-index: -1;
}

img.circle_green {
    position: absolute;
    bottom: 12%;
    right: 15%;
    width: 200px;
    z-index: -1;
}

/*--------------- Profit Area End ------------*/











/*--------------- Challenge Area Start ------------*/


.challenge-area {
    position: relative;
    z-index: 1;
    background: #FFE4E4;
    padding: 100px 0;
}

.challange-shp {
    position: absolute;
    top: -51px;
    width: 100%;
    z-index: -1;
    height: 77px;
}

.challenge-thumb img {
    max-width: 270px;
}

.challenge-thumb img {
    max-width: 270px;
}

.challenge-lists ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.benefit-info p {
    font-size: 20px;
}

.challenge-lists ul li {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    margin-bottom: 7px;
    padding: 18px;
    border-radius: 12px;
    font-size: 20px;
    color: #FF0000;
    font-weight: 600;
    line-height: 120%;
}

.challenge-lists ul li span {
    display: inline-block;
    background: #FF0000;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    margin-right: 15px;
}

/*--------------- Challenge Area End ------------*/



/*--------------- Chatbot Area Start ------------*/

.chatbot-apart {
    background: #131D34;
    padding: 100px 0;
    position: relative;
    padding-bottom: 0;
}

.apart-wrapper p {
    color: #FFFFFF;
    font-size: 20px;
    line-height: 140%;
}

.apart-wrapper {
    max-width: 780px;
    padding-bottom: 60px;
}

.Assistants-type-area {
    padding: 90px 0;
    background: #F9EFFF;
    position: relative;
    z-index: 1;
}

.type-item {
    margin-bottom: 100px;
}

.type-icon {
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    height: 140px;
}

.type-icon img {
    max-height: 130px;
}

.type-item h4 {
    font-size: 24px;
    color: #000000;
    font-weight: 700;
}

.type-item p {
    color: #000000;
    font-size: 20px;
    line-height: 120%;
}

.type-content p {
    color: #280941;
    text-align: center;
    font-size: 32px;
    font-weight: 700;
}

/*--------------- Chatbot Area End ------------*/








/*--------------- Team Member Area Start ------------*/

.team-area {
    padding: 120px 0;
    background: #E2F1FE;
    padding-bottom: 200px;
}

.team-card {
    height: 100%;
    background: #ffff;
    border-radius: 24px;
}

.team-thumb img {
    width: 100%;
    object-fit: cover;
    max-height: 420px;
    border-radius: 24px 24px 0 0;
}

.team-info {
    padding: 25px 30px;
    text-align: center;
    min-height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.team-info h4 {
    font-weight: 600;
    color: #000000;
    font-size: 24px;
}

.team-info p {
    font-size: 20px;
    line-height: 130%;
}

.text-green {
    color: #19AC1F;
}


.agency-area {
    padding: 100px 0;
}

.agency-thumb img {
    max-width: 480px;
}

.agency-thumb {
    text-align: right;
}

.agency-content p {
    font-size: 24px;
    color: #000000;
    line-height: 130%;
    margin-bottom: 20px;
}

.agency-content p span {
    display: inline-block;
    /* border-bottom: 1px solid #000; */
    line-height: 1;
    text-decoration: underline;
}

.agency-content p .text-italic {
    font-style: italic;
    text-decoration: none;
}

/*--------------- Team Member Area End ------------*/




/*--------------- Benefit  Area Start ------------*/
.benefit-area {
    padding: 100px 0;
    position: relative;
    background-image: url(../img/benifit-bg.jpg);
    background-position: center;
    background-size: cover;
    background-color: #CAECFF;
}

.benefit-wrapper {
    max-width: 1080px;
    margin: 0 auto;
}

.benefit-card {
    background: #FFFFFF;
    padding: 30px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    min-height: 240px;
}

.benefit-thumb {
    width: 130px;
    display: flex;
    align-items: center;
}

.benefit-info {
    width: calc(100% - 130px);
    padding-left: 10px;
}

.benefit-thumb img {
    max-width: 120px;
}

.benefit-info h4 {
    color: #000000;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
}

/*--------------- Benefit  Area End ------------*/





/*--------------- Product Area Start ------------*/
.product-top-area {
    padding: 100px 0;
    position: relative;
}

.product-top-area.product-bg-2 {
    background: #FFF0EC;
}

.expertise-title h3 {
    font-size: 64px;
    line-height: 80px;
    font-weight: 700;
    color: #F44D4D;
}

.expertise-title h3 span {
    color: #000;
}

.king-cap img {
    width: 180px;
}

.king-cap {
    margin-bottom: 25px;
}

.area-title h4 {
    font-size: 36px;
    font-weight: 600;
}

.product-thumb {
    max-width: 430px;
}

.product-thumb img {
    max-width: 430px;
}

.product-area {
    padding-bottom: 70px;
}

.single-product-box {
    background-image: linear-gradient(to bottom, #f6f6f6, #f6f6f6, #f6f6f6, #f5f5f5, #f5f5f5);
    padding: 50px;
    border-radius: 12px;
    margin-bottom: 70px;
}

.bonus-tag span {
    display: inline-block;
    color: #FFFF;
    background: #FF5656;
    padding: 13px 20px;
    border-radius: 5px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1;
}

.bonus-tag {
    margin-bottom: 25px;
}

.product-title {
    display: flex;
    justify-content: space-between;
}

.product-title h3 {
    font-size: 36px;
    font-weight: 700;
    width: calc(100% - 300px);
    margin: 0;
}

.price-tag span {
    display: inline-block;
    padding: 10px 20px;
    background: #FFE604;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 16px;
}

.product-top-info {
    padding-bottom: 20px;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 25px;
}

.product-contents p {
    color: #000000;
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 20px;
}

.product-contents p:last-child {
    margin-bottom: 0;
}

/*--------------- Product  Area End ------------*/




/*--------------- Product  Area End ------------*/

.agency-rights-area {
    padding: 120px 0;
    background-image: url(../img/agency-right-bg.png);
    background-position: center;
    background-size: cover;
    background-color: #0069FF;
}

.agency-rights-wrapper {
    background: #fff;
    border-radius: 24px;
    padding: 60px;
}

.agency-rights-wrapper h2 {
    text-align: center;
    margin-bottom: 50px;
    font-weight: 700;
    color: #030648;
    font-size: 48px;
}

.agency-rights-content p {
    font-size: 24px;
    color: #2D2D2D;
    margin-bottom: 20px;
    line-height: 130%;
}

.agency-rights-content p span {
    display: inline-block;
    border-bottom: 1px solid #000;
    line-height: 1;
}

.product-area.product-area-two {
    padding-top: 110px;
}

.card-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0F112E;
    height: 170px;
    border-radius: 12px;
    margin-bottom: 40px;
}

.buy-btn {
    padding-top: 35px;
    margin-top: 35px;
    border-top: 1px solid #000000;
}

.card-logo.yellow-bg {
    background: #FFC90B;
}

.pricing-area-two {
    z-index: 1;
    position: relative;
}

.gurantee-wrapper {
    background: #1B1D19;
    border: 10px solid #FFD600;
    border-radius: 12px;
    padding: 60px;
    max-width: 1240px;
    margin: 0 auto;
}

.gurantee-area {
    padding: 100px 0;
    background: #E3FFDF;
}

.gurantee-wrapper h2 {
    color: #fff;
    text-align: center;
    margin-bottom: 50px;
    font-size: 45px;
    font-weight: bold;
}

.gurantee-text p {
    font-size: 24px;
    color: #fff;
    line-height: 130%;
    margin-bottom: 20px;
}

.gurantee-icon img {
    max-width: 280px;
}

.pricing-shp-1 {
    position: absolute;
    width: 155px;
    left: 20%;
    top: 37%;
    z-index: -1;
}

.pricing-shp-2 {
    position: absolute;
    width: 86px;
    left: 22%;
    bottom: 11%;
    z-index: -1;
}

.pricing-shp-3 {
    position: absolute;
    width: 155px;
    right: 20%;
    top: 37%;
    z-index: -1;
}

.pricing-shp-4 {
    position: absolute;
    width: 140px;
    right: 22%;
    bottom: 11%;
    z-index: -1;
}



.warning-area {
    background-image: linear-gradient(to bottom, #ffe5e5, #feebf0, #fcf2f8, #fcf9fd, #ffffff);
    padding: 100px 0;
    position: relative;
    padding-top: 130px;

}

.warning-area:after {
    height: 30px;
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    background-image: linear-gradient(to bottom, #d52233, #cf2131, #c92030, #c31f2e, #bd1e2d);
}

.warning-wrapper {
    max-width: 930px;
    margin: 0 auto;
}

.warning-wrapper p {
    color: #490000;
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 25px;
}

.warning-wrapper p span {
    line-height: 1;
    border-bottom: 1px solid #000;
}


.local-expertise-wrapper {
    max-width: 930px;
    margin: 0 auto;
}

.expertise-pro {
    width: 250px;
}

.expertise-pro img {
    width: 100%;
    height: 100%;
    box-shadow: 7px 7px #0B3349;
    border-radius: 24px;
}

.expertise-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
    align-items: center;
}

.expertise-item:last-child {
    margin-bottom: 0px;
}

.expertise-details {
    width: calc(100% - 250px);
    padding-left: 50px;
}

.expertise-details h2 {
    font-size: 36px;
    color: #000000;
    font-weight: bold;
    line-height: 120%;
    margin-bottom: 10px;
}

.expertise-details p {
    font-size: 24px;
    line-height: 120%;
}

.local-expert-area {
    background: #F2F8FF;
    padding: 100px 0;
}

.expertise-details p:last-child {
    margin-bottom: 0;
}















.faq-area {
    padding: 100px 0;
    position: relative;
}

.faq-area {
    padding: 100px 0;
    position: relative;
}

.faq-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 30px;
    margin-bottom: 50px;
}

.faq-title img {
    width: 70px;
}

.faq-title h2 {
    font-size: 64px;
    margin: 0;
    font-weight: bold;
    color: #000000;
}

.accordion-item {
    background: #FFF4E4;
    margin-bottom: 20px;
    border: none !important;
}

.faq-accordion-wrapper {
    max-width: 930px;
    margin: 0 auto;
}

.accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #e7f1ff;
    box-shadow: none;
}

.accordion-button:focus {
    z-index: 3;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

.accordion-button {
    width: 100%;
    padding: 20px 25px;
    font-size: 24px;
    color: #000;
    background-color: #FFF4E4;
    border: 0;
    border: none !important;
    font-weight: bold;
    padding-left: 60px;
}

.accordion-button:focus {
    z-index: 3;
    border-color: #FFF4E4 !important;
    outline: 0;
    box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #FFF4E4;
    box-shadow: none;
}

.accordion-body {
    padding: 20px 30px;
    padding-top: 0;
    padding-left: 60px;
}

.accordion-body p {
    color: #000000;
    font-size: 24px;
    line-height: 140%;
}

.accordion-body p:last-child {
    margin-bottom: 0;
}

.accordion-button::after {
    width: 15px;
    height: 15px;
    background-image: url(../img/plus.svg);
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    background-size: 15px;
    transition: .3s;
}

.accordion-button:not(.collapsed)::after {
    background-image: url(../img/minus.svg) !important;
    transform: unset;
    margin-top: -8px;
}

.coundown-area h4 {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: #fff;
}

.coundown-area {
    background: #0C1730;
    padding: 20px 0;
    position: fixed;
    width: 100%;
    z-index: 99;
    bottom: 0;
    transition: .3s;
}

.coundow-close {
    display: none;
}

.footer_space {
    margin-bottom: 122px;
}

.cupon-code button {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    text-align: center;
    position: relative;
    z-index: 1;
    width: 200px;
    height: 44px;
    font-size: 16px;
    font-weight: 600;
    margin: 0 auto;
}

.cupon-code button img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.coming-coundown {
    background: #CA0F15;
    color: #fff;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 8px;
    font-weight: 700;
    border-radius: 60px;
    height: 44px;
    max-width: 250px;
    margin: 0 auto;
}

.single-step {
    display: flex;
    align-items: center;
    gap: 0 7px;
}

.single-step p {
    margin: 0;
    line-height: 1;
}

.buy-button a {
    background-image: linear-gradient(to bottom, #fe8a0b, #fb7c04, #f76d02, #f35d03, #ef4b06);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    border-radius: 10px;
    padding: 9px 65px;
}

.cupon-code {
    text-align: right;
}














/*--------------- Introducing Area Start ------------*/
.Introducing-area {
    background: linear-gradient(180deg, #101930 0%, #192D5D 100%);
    padding-top: 120px;
    padding-bottom: 140px;
    position: relative;
    z-index: 1;
}

.Introducing-title {
    text-align: center;
}

.Introducing-title h2 {
    font-size: 64px;
    color: #fff;
    font-weight: 600;
    line-height: 80px;
}

.Introducing-title h2 span {
    background: linear-gradient(90.1deg, #FF9F52 0.09%, #FE58FB 66.57%, #8929FF 144.62%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-weight: 700;
}

.Introducing-thumbnail {
    max-width: 960px;
    margin: 0 auto;
}

.Introducing-shp-1 {
    position: absolute;
    top: -4%;
    left: 4%;
    width: 130px;
    z-index: -1;
}

.Introducing-shp-2 {
    position: absolute;
    width: 200px;
    top: 38%;
    left: 0;
    z-index: -1;
}

.Introducing-shp-3 {
    position: absolute;
    width: 150px;
    bottom: 12%;
    left: 4%;
    z-index: -1;
}

.Introducing-shp-4 {
    position: absolute;
    right: 4%;
    width: 150px;
    top: 15%;
    z-index: -1;
}

.Introducing-shp-5 {
    position: absolute;
    width: 130px;
    right: 9%;
    top: 52%;
    z-index: -1;
}

.Introducing-shp-6 {
    position: absolute;
    width: 100px;
    right: 0;
    bottom: 5%;
    z-index: -1;
}


/*--------------- Introducing  Area End ------------*/








/*--------------- exclusive Area Start ------------*/
.exclusive-area {
    padding-top: 20px;
    padding-bottom: 60px;
}

.exclusive-top {
    text-align: center;
}

.exclusive-top h2 {
    background: #F3FF64;
    font-size: 64px;
    font-weight: 700;
    line-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #000;
}

.exclusive-top p {
    font-size: 36px;
    font-weight: 700;
    line-height: 45px;
    color: #000;
    margin-top: 50px;
}

.exclusive-title {
    text-align: center;
    margin-top: 50px;
}

.exclusive-title h2 {
    background: linear-gradient(90deg, #A51AC8 0%, #FF00D6 56.5%, #FF5C00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 64px;
    font-weight: 700;
    line-height: 80px;
}

.exclusive-title p {
    font-size: 40px;
    line-height: 50px;
    font-weight: 400;
    color: #000;
    margin-top: 36px;
}

.exclusive-box {
    background: #D0EEFF;
    padding: 40px;
    border-radius: 24px;
    margin-top: 56px;
}

.exclusive-thumbnail img {
    width: 410px;
    margin-bottom: 30px;
}

.exclusive-thumbnail-wrapper {
    background: #ffff;
    border-radius: 24px;
    text-align: center;
    max-width: 560px;
}

.exclusive-thumbnail-title h5 {
    color: #E71D1D;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    border-bottom: 2px solid #E71D1D;
    display: inline-block;
    margin-top: 20px;
}

.exclusive-thumbnail-title h4 {
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    color: #000;
    margin-bottom: 22px;
}

.exclusive-content p {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    color: #000;
}

.exclusive-content ul li span {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: #000;
    margin-left: 20px;
}

.exclusive-content ul li {
    padding: 10px 0;
}

.exclusive-content-bottom h3 {
    font-size: 32px;
    line-height: 44px;
    font-weight: 700;
    color: #000;
    margin-top: 30px;
}

.exclusive-content-bottom h3 span {
    background: #70FF00;
    padding: 4px 8px;
}

.exclusive-content {
    margin-left: 20px;
}



/*--------------- exclusive Area End ------------*/



.old-price {
    position: relative;
    margin-right: 12px;
    margin-left: 10px;
}

.old-price img {
    position: absolute;
    left: -7px;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.img-item-3 {
    max-width: 180px !important;
}

.img-item-5 {
    max-width: 160px !important;
}

.expolore-area-two .explore-content {
    width: 100%;
    padding-left: 50px;
}

.expolore-area-two .explore-content h2 {
    width: 100%;
    max-width: 100%;
}

.expolore-area-two .explore-content p {
    font-size: 20px;
}

.hero-with-bg {
    background-position: center;
    background-size: cover;
}

.hero-oto .hero-content p {
    font-size: 40px;
    line-height: 48px;
}

.hero-oto .prelaunch-video iframe#video-container {
    border-width: 4px;
    height: 410px;
    width: 100% !important;
}

.hero-oto .hero-oto .hero-video-wrapper {
    margin-top: 0
}

.hero-oto .hero-video-wrapper {
    margin: 0;
}

.oto-wrapper {
    margin-top: 40px;
}

.hero-right-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.hero-right-list ul li {
    display: flex;
    align-items: flex-start;
    color: #fff;
    font-size: 20px;
    margin-bottom: 5px;
    line-height: 120%;
}
.hero-right-list-two ul li {
    display: flex;
    align-items: flex-start;
    color: #fff;
    margin-bottom: 5px;
    line-height: 120%;
}
.hero-right-list-two ul li p {
    font-size: 20px;
    line-height: 120%;
}

.hero-right-list-two.hero-right-list-three ul li p {
    font-size: 24px;
}

.hero-right-list ul li span{
    color: #FFAD44;
    font-weight: bold;
}
.hero-right-list-two i {
    line-height: 1;
    margin-right: 20px;
    position: relative;
    margin-top: 8px;
    width: 20px;
    font-size: 18px;
    color: #fff;
}
.hero-right-list-two {
    max-width: 460px;
}
.explore-thumbnail img {
    width: 460px;
}

.explore-thumbnail {
    text-align: center;
}


.oto-page .explore-content{
    width: 100%;
}
.oto-page .explore-content h2{
    max-width: 100%;
}
.oto-page .explore-content p {
    color: #000000;
    font-size: 24px;
    line-height: 140%;
}

.oto-page .explore-content p {
    color: #000000;
    font-size: 20px;
    line-height: 140%;
}

.explore-content-text-big {
    font-size: 24px !important;
}

.oto-page-3 .explore-content p {
    font-size: 20px;
}
.explore-content.explore-Small-text {
    max-width: 700px;
}
.expertise-title-2 h3{
    font-size: 48px;
    line-height: 125%;
}

.hero-right-list ul li {
    gap: 0 12px;
}










.chatbot-arrow {
    position: fixed;
    width: 184px;
    right: -1px;
    bottom: 68px;
    z-index: 9999;
    transform: rotate(-39deg);
    transition: .3s;
}







.bounce-animation {
    animation: bounce 2s ease infinite;
}
.rotate-animation{
    animation: rotate-animation 10s infinite linear;
}
.shake-topbottom-animation{
    animation: shake-toptobottom 3s infinite linear;
}
.lefttoright-animation{
    animation: shake-leftoright 3s infinite linear;
}
.pulse-animation {
    animation: pulse 2s infinite ease-in-out alternate;
}
.fade-in-animation {
    animation: fade-in 2s linear infinite;
  }



  @keyframes bounce {
      70% { transform:translateY(0%); }
      80% { transform:translateY(-15%); }
      90% { transform:translateY(0%); }
      95% { transform:translateY(-7%); }
      97% { transform:translateY(0%); }
      99% { transform:translateY(-3%); }
      100% { transform:translateY(0); }
  }

  @keyframes shake-toptobottom{
      0% { transform:translateY(5px); }
      25% { transform:translateY(15px); }
      50% { transform:translateY(-5px); }
      100% { transform:translateY(0px); }
  }
  @keyframes shake-leftoright{
      0% { transform:translateX(5px); }
      25% { transform:translateX(15px); }
      50% { transform:translateX(-5px); }
      100% { transform:translateX(0px); }
  }

  


  @keyframes rotate-animation {
	0% {
		transform: rotate(0deg);
  }
  50% {
		transform: rotate(180deg);
	}
	100% {
		transform: rotate(360deg);
	}
}



  @keyframes pulse {
    from { transform: scale(0.9); }
    to { transform: scale(1.1); }
  }

 
  @keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
  }