body {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-font-smoothing: antialiased !important;
    -moz-font-smoothing: antialiased !important;
    -o-font-smoothing: antialiased !important;
    -ms-font-smoothing: antialiased !important;
    font-smoothing: antialiased !important;
    -webkit-transition: 0.3s ease-in-out !important;
    transition: 0.3s ease-in-out !important;
}
body.modal-open {
    padding-right: 0 !important;
    overflow: auto;
}
#content,
#wrapper {
    width: 100%;
    height: 100%;
}
button,
input {
    -webkit-outline: 0 !important;
    -moz-outline: 0 !important;
    -o-outline: 0 !important;
    -ms-outline: 0 !important;
    outline: 0 !important;
}
.btn,
.btn.active,
.btn.focus,
.btn:active,
.btn:focus {
    -webkit-box-shadow: none !important;
    -o-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
    border: 0;
}
img {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -o-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}
::-moz-selection {
    background-color: #be346a;
    color: #fff;
}
::selection {
    background-color: #be346a;
    color: #fff;
}
.title_sections {
    margin-bottom: 6.25rem;
}
.title_sections .before_title {
    margin-bottom: 1.25rem;
}
.title_sections .before_title span {
    color: #10154e;
    font-size: 1rem;
    font-weight: 500;
}
.title_sections .before_title span:last-child {
    color: #be346a;
}
.title_sections h2 {
    font-size: 1.875rem;
    margin-bottom: 1.25rem;
    font-weight: 600;
    color: #10154e;
}
.title_sections p {
    color: #6c7a87;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 1.25rem;
}
@media (max-width: 991px) {
    .title_sections {
        margin-bottom: 2.5rem;
    }
}
.title_sections_inner {
    margin-bottom: 3.125rem;
}
.title_sections_inner .before_title {
    margin-bottom: 1.25rem;
}
.title_sections_inner .before_title span {
    color: #10154e;
    font-size: 1rem;
    font-weight: 500;
}
.title_sections_inner .before_title span:last-child {
    color: #be346a;
}
.title_sections_inner h2 {
    font-size: 1.875rem;
    margin-bottom: 1.25rem;
    font-weight: 600;
    color: #10154e;
}
.title_sections_inner p {
    color: #6c7a87;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 1.25rem;
}
.title_sections_inner .btn {
    margin-top: 1.25rem;
}
@media (max-width: 991px) {
    .title_sections_inner {
        margin-bottom: 2.5rem;
    }
}
.loaded_page #particles-js {
    z-index: 12;
}
.loaded_page .loading_overlay {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.6s !important;
    transition: opacity 0.6s !important;
}
.loading_overlay {
    background-color: #f3f8ff;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.loading_overlay .loader_logo {
    position: relative;
}
.loading_overlay .loader_logo .logo {
    -webkit-animation: text-focus-in 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both !important;
    animation: text-focus-in 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both !important;
}
.black_left {
    -webkit-box-shadow: inset 60px 0 0 0 #000 !important;
    -o-box-shadow: inset 60px 0 0 0 #000 !important;
    -ms-box-shadow: inset 60px 0 0 0 #000 !important;
    box-shadow: inset 60px 0 0 0 #000 !important;
}
@media (max-width: 767px) {
    .black_left {
        -webkit-box-shadow: inset 0 0 0 0 #000 !important;
        -o-box-shadow: inset 0 0 0 0 #000 !important;
        -ms-box-shadow: inset 0 0 0 0 #000 !important;
        box-shadow: inset 0 0 0 0 #000 !important;
    }
}
.shadow-none {
    -webkit-box-shadow: nnoe !important;
    -o-box-shadow: nnoe !important;
    -ms-box-shadow: nnoe !important;
    box-shadow: nnoe !important;
}
.fixed-header .when-scroll .btn {
    color: #10154e !important;
}
.bg_brand {
    background: #be346a !important;
}
.bg_brand_light {
    background: #faf4f6 !important;
}
.bg_dark {
    background: #10154e !important;
}
.bg_white {
    background: #fff !important;
}
.bg_grad {
    background: linear-gradient(45deg, #4c3d69 0, #c73e67 100%) !important;
}
.bg_light {
    background: #f3f8ff !important;
}
.bg_error {
    background: #de4b53 !important;
}
.bg_success {
    background: #3dcabd !important;
}
.bg-blue {
    background-color: #be346a !important;
}
.bg-gold {
    background-color: #ffce53 !important;
}
.bg-green {
    background-color: #19a389 !important;
}
.bg-aquamarine {
    background-color: #17e79b !important;
}
.bg-orange {
    background-color: #f28e1c !important;
}
.bg-red {
    background-color: #f93542 !important;
}
.bg-yollow {
    background-color: #ffc329 !important;
}
.bg-gray {
    background-color: #6c7a87 !important;
}
.bg-light {
    background-color: #9da6af !important;
}
.bg-beiget {
    background-color: #ffe7aa !important;
}
.bg-skuy {
    background-color: #6bb0f8 !important;
}
.bg-magenta {
    background-color: #fd4ffe !important;
}
.bg-green2 {
    background-color: #31d1ab !important;
}
.bg-currency-d {
    background-color: #29013e !important;
}
.bg-orange-red {
    background-color: #fd6b3b !important;
}
.bg-currency-p {
    background-color: #aa9bb3 !important;
}
.bg-sea {
    background-color: #4d81f7 !important;
}
.bg-purple {
    background-color: #6f5fa6 !important;
}
.bg-lightgreen {
    background-color: #7bd88a !important;
}
.bg-black {
    background-color: #000 !important;
}
.bg-snow {
    background-color: #f7f8fa !important;
}
.bg-blue2 {
    background-color: #3875f7 !important;
}
.bg-orange2 {
    background-color: #fd7028 !important;
}
.btn-block {
    width: 100%;
}
.color_brand {
    color: #be346a !important;
}
.color_second {
    color: #683769 !important;
}
.color_light {
    color: #faf4f6 !important;
}
.color_white {
    color: #fff !important;
}
.color_light {
    color: #f3f8ff !important;
}
.color_neutral {
    color: #858c9b !important;
}
.color_dark {
    color: #10154e !important;
}
.color_dark_lighten {
    color: #2e3158 !important;
}
.color_error {
    color: #de4b53 !important;
}
.color_success {
    color: #3dcabd !important;
}
.half_hero {
    margin-top: -200px !important;
}
.space_half_hero {
    margin-top: 100px !important;
}
.top-15 {
    top: 15px;
}
.height-100_reset {
    margin-top: -100px;
}
.height-100 {
    height: 100px;
}
.top_hero_reset {
    height: 20rem;
}
.top_hero {
    margin-top: -20rem;
}
.py-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
.py-2 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}
.py-3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}
.py-4 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}
.py-5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}
.py-6 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
}
.py-7 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
}
.py-8 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
}
.py-9 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
}
.py-10 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
}
.p-0 {
    padding: 0 !important;
}
.p-helf {
    padding: 5px;
}
.p-10 {
    padding: 10px;
}
.p-20 {
    padding: 20px !important;
}
.p-30 {
    padding: 30px;
}
.p-40 {
    padding: 40px;
}
.p-50 {
    padding: 50px;
}
.p-60 {
    padding: 60px;
}
.p-70 {
    padding: 70px;
}
.p-80 {
    padding: 80px;
}
.p-90 {
    padding: 90px;
}
.p-100 {
    padding: 10rem;
}
.pt-helf {
    padding-top: 5px;
}
.pt-0 {
    padding-top: 0 !important;
}
.pt-10 {
    padding-top: 10px;
}
.pt-20 {
    padding-top: 20px;
}
.pt-30 {
    padding-top: 30px;
}
.pt-40 {
    padding-top: 40px;
}
.pt-50 {
    padding-top: 50px;
}
.pt-60 {
    padding-top: 60px;
}
.pt-70 {
    padding-top: 70px;
}
.pt-80 {
    padding-top: 80px !important;
}
.pt-90 {
    padding-top: 90px;
}
.pt-100 {
    padding-top: 100px;
}
.pt-120 {
    padding-top: 120px;
}
.pb-helf {
    padding-bottom: 5px;
}
.pb-10 {
    padding-bottom: 10px;
}
.pb-20 {
    padding-bottom: 20px;
}
.pb-30 {
    padding-bottom: 30px;
}
.pb-40 {
    padding-bottom: 40px;
}
.pb-50 {
    padding-bottom: 50px;
}
.pb-60 {
    padding-bottom: 60px;
}
.pb-70 {
    padding-bottom: 70px;
}
.pb-80 {
    padding-bottom: 80px;
}
.pb-90 {
    padding-bottom: 90px;
}
.pb-100 {
    padding-bottom: 10rem;
}
.pl-helf {
    padding-left: 0.5px;
}
.pl-10 {
    padding-left: 10px;
}
.pl-20 {
    padding-left: 20px;
}
.pl-30 {
    padding-left: 30px;
}
.pl-40 {
    padding-left: 40px;
}
.pl-50 {
    padding-left: 50px;
}
.pl-60 {
    padding-left: 60px;
}
.pl-70 {
    padding-left: 70px;
}
.pl-80 {
    padding-left: 80px;
}
.pl-90 {
    padding-left: 90px;
}
.pl-100 {
    padding-left: 10rem;
}
@media screen and (max-width: 576px) {
    .pr-sm-0 {
        padding-right: 0 !important;
    }
}
@media screen and (max-width: 576px) {
    .pl-sm-0 {
        padding-left: 0 !important;
    }
}
.pr-helf {
    padding-right: 5px;
}
.pr-10 {
    padding-right: 10px !important;
}
.pr-20 {
    padding-right: 20px !important;
}
.pr-30 {
    padding-right: 30px;
}
.pr-40 {
    padding-right: 40px;
}
.pr-50 {
    padding-right: 50px;
}
.pr-60 {
    padding-right: 60px;
}
.pr-70 {
    padding-right: 70px;
}
.pr-80 {
    padding-right: 80px;
}
.pr-90 {
    padding-right: 90px;
}
.pr-100 {
    padding-right: 10rem;
}
@media screen and (max-width: 576px) {
    .mr-0-sm {
        margin-right: 0 !important;
    }
}
.m-0 {
    margin: 0;
}
.m-helf {
    margin: 0.5px;
}
.m-10 {
    margin: 10px;
}
.m-20 {
    margin: 20px;
}
.m-30 {
    margin: 30px;
}
.m-40 {
    margin: 40px;
}
.m-50 {
    margin: 50px;
}
.m-60 {
    margin: 60px;
}
.m-70 {
    margin: 70px;
}
.m-80 {
    margin: 80px;
}
.m-90 {
    margin: 90px;
}
.m-100 {
    margin: 10rem;
}
@media screen and (max-width: 576px) {
    .mt-sm-30 {
        margin-top: 30px;
    }
}
.mb-30 {
    margin-bottom: 30px !important;
}
.mb-40 {
    margin-bottom: 40px !important;
}
.mb-30_reset {
    margin-bottom: -30px !important;
}
.mb-1_reset {
    margin-bottom: -1rem !important;
}
.mt-20 {
    margin-top: 20px;
}
.mt-30 {
    margin-top: 30px !important;
}
.mt-helf {
    margin-top: 0.5px;
}
.mt-0 {
    margin-top: 0 !important;
}
.mt-10 {
    margin-top: 10px;
}
.mt-20 {
    margin-top: 20px !important;
}
.mt-40 {
    margin-top: 40px;
}
.mt-50 {
    margin-top: 50px;
}
.mt-60 {
    margin-top: 60px;
}
.mt-70 {
    margin-top: 70px;
}
.mt-80 {
    margin-top: 80px;
}
.mt-90 {
    margin-top: 90px;
}
.mt-100 {
    margin-top: 10rem;
}
.mb-helf {
    margin-bottom: 0.5px;
}
.mb-1 {
    margin-bottom: 1rem;
}
.mb-10 {
    margin-bottom: 10px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-20_reset {
    margin-bottom: -20px;
}
.mb-50 {
    margin-bottom: 50px;
}
.mb-60 {
    margin-bottom: 60px;
}
.mb-80 {
    margin-bottom: 80px;
}
.mb-90 {
    margin-bottom: 90px;
}
.mb-100 {
    margin-bottom: 100px;
}
.ml-helf {
    margin-left: 0.5px;
}
.ml-10 {
    margin-left: 10px;
}
.ml-20 {
    margin-left: 20px;
}
.ml-30 {
    margin-left: 30px;
}
.ml-40 {
    margin-left: 40px;
}
.ml-50 {
    margin-left: 50px;
}
.ml-60 {
    margin-left: 60px;
}
.ml-70 {
    margin-left: 70px;
}
.ml-80 {
    margin-left: 80px;
}
.ml-90 {
    margin-left: 90px;
}
.ml-100 {
    margin-left: 10px;
}
.mr-helf {
    margin-right: 0.5px;
}
.mr-10 {
    margin-right: 10px;
}
.mr-20 {
    margin-right: 20px;
}
.mr-30 {
    margin-right: 30px;
}
.mr-40 {
    margin-right: 40px;
}
.mr-50 {
    margin-right: 50px;
}
.mr-60 {
    margin-right: 60px;
}
.mr-70 {
    margin-right: 70px;
}
.mr-80 {
    margin-right: 80px;
}
.mr-90 {
    margin-right: 90px;
}
.mr-100 {
    margin-right: 100px;
}
.w-100 {
    width: 100%;
}
.w-33 {
    width: 33.33%;
}
@media screen and (max-width: 992px) {
    .lg-hidden {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .md-hidden {
        display: none;
    }
}
@media screen and (max-width: 576px) {
    .sm-hidden {
        display: none;
    }
}
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex.start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.flex.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media screen and (max-width: 768px) {
    .flex.md-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media screen and (max-width: 576px) {
    .flex.sm-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.flex.vcenter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex.end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.flex.vend {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.flex.between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.flex.is-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.white-link {
    color: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.white-link:hover {
    opacity: 0.7;
    color: #fff;
    font-size: 15.5px;
}
.border-rad5 {
    border-radius: 5px;
}
.border-rad10 {
    border-radius: 10px;
}
.border-rad15 {
    border-radius: 15px;
}
.border-rad20 {
    border-radius: 20px;
}
.border-rad50 {
    border-radius: 50px;
}
.sh_1 {
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    border: 1px solid #edf8fa;
    border-radius: 15px;
}
.sh_2 {
    -webkit-box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
    box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
    border: 1px solid #edf8fa;
    border-radius: 15px;
}
.sh_3 {
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    border: 1px solid #edf8fa;
    border-radius: 15px;
}
@-webkit-keyframes anim-up-down {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    50% {
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px);
    }
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@keyframes anim-up-down {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    50% {
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px);
    }
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
.anim-up-down {
    -webkit-animation-name: anim-up-down;
    animation-name: anim-up-down;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
@-webkit-keyframes animbg {
    from {
        background-repeat: no-repeat;
        background-size: cover;
    }
    50% {
        background-size: 120%;
        background-blend-mode: saturation;
        background-repeat: no-repeat;
    }
    to {
        background-size: 130%;
        background-repeat: no-repeat;
    }
}
@keyframes animbg {
    from {
        background-repeat: no-repeat;
        background-size: cover;
    }
    50% {
        background-size: 120%;
        background-blend-mode: saturation;
        background-repeat: no-repeat;
    }
    to {
        background-size: 130%;
        background-repeat: no-repeat;
    }
}
@-webkit-keyframes anim2 {
    from {
        height: 120%;
        width: 120%;
    }
    50% {
        height: 170%;
        width: 170%;
    }
    70% {
        height: 120%;
        width: 120%;
    }
    to {
        height: 130%;
        width: 130%;
    }
}
@keyframes anim2 {
    from {
        height: 120%;
        width: 120%;
    }
    50% {
        height: 170%;
        width: 170%;
    }
    70% {
        height: 120%;
        width: 120%;
    }
    to {
        height: 130%;
        width: 130%;
    }
}
@-webkit-keyframes anim1 {
    from {
        height: 180%;
        width: 180%;
    }
    50% {
        height: 140%;
        width: 140%;
    }
    70% {
        height: 150%;
        width: 150%;
    }
    to {
        height: 180%;
        width: 180%;
    }
}
@keyframes anim1 {
    from {
        height: 180%;
        width: 180%;
    }
    50% {
        height: 140%;
        width: 140%;
    }
    70% {
        height: 150%;
        width: 150%;
    }
    to {
        height: 180%;
        width: 180%;
    }
}
.text-primary {
    color: #be346a !important;
}
.text-secondary {
    color: #683769 !important;
}
.font-s-20 {
    font-size: 20px;
}
.font-s-30 {
    font-size: 30px;
}
.font-s-40 {
    font-size: 40px;
}
.font-s-50 {
    font-size: 50px;
}
.font-s-60 {
    font-size: 60px;
}
.font-s-70 {
    font-size: 70px;
}
.font-s-80 {
    font-size: 80px;
}
.font-s-90 {
    font-size: 90px;
}
.font-s-100 {
    font-size: 100px;
}
.font-w-400 {
    font-weight: 400 !important;
}
.font-w-500 {
    font-weight: 500 !important;
}
.font-w-600 {
    font-weight: 600 !important;
}
.text-left {
    text-align: left !important;
}
.text-right {
    text-align: right !important;
}
.text-center {
    text-align: center !important;
}
.text-deco {
    text-decoration: underline;
}
.before-none::before {
    content: none !important;
}
@media screen and (max-width: 576px) {
    .sm-none {
        display: none !important;
    }
}
@media screen and (max-width: 768px) {
    .md-none {
        display: none;
    }
}
@media screen and (max-width: 992px) {
    .lg-none {
        display: none;
    }
}
@media screen and (max-width: 1400px) {
    .xl-none {
        display: none;
    }
}
@media screen and (max-width: 576px) {
    .sm-block {
        display: block;
    }
}
@media screen and (max-width: 768px) {
    .md-block {
        display: block;
    }
}
@media screen and (max-width: 992px) {
    .lg-block {
        display: block;
    }
}
@media screen and (max-width: 1400px) {
    .xl-block {
        display: block;
    }
}
@media screen and (max-width: 768px) {
    .mb-sm-20 {
        margin-bottom: 20px;
    }
}
.top-border {
    border-top: solid 1px #f3f3f3;
}
.min-30 {
    margin-bottom: -30px;
}
.min-40 {
    margin-bottom: -40px;
}
.mt-section {
    margin-top: 70px;
}
@media screen and (max-width: 768px) {
    .mb-sm-30 {
        margin-bottom: 30px;
    }
}
.rounded {
    position: absolute;
    width: 100%;
    top: -11px;
}
@media screen and (max-width: 992px) {
    .rounded {
        top: -1px;
    }
}
.top-0 {
    top: 0 !important;
}
.mb-70 {
    margin-bottom: 70px;
}
.min-20 {
    margin-bottom: -20px;
}
.text-copyright {
    color: rgba(255, 255, 255, 0.548) !important;
}
.max-30 {
    max-width: 30rem;
}
.max-20 {
    max-width: 20rem;
}
.min-60 {
    margin-bottom: -60px;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.spacer_header,
.spacer_header_top {
    height: 100px;
}
.spacer_10 {
    height: 10px;
}
.spacer_bottom {
    padding-bottom: 90px;
}
.filter-blur {
    -webkit-background: rgba(255, 255, 255, 0.2) !important;
    -moz-background: rgba(255, 255, 255, 0.2) !important;
    -o-background: rgba(255, 255, 255, 0.2) !important;
    -ms-background: rgba(255, 255, 255, 0.2) !important;
    background: rgba(255, 255, 255, 0.2) !important;
    -webkit-backdrop-filter: saturate(1) blur(20px) !important;
    -moz-backdrop-filter: saturate(1) blur(20px) !important;
    -o-backdrop-filter: saturate(1) blur(20px) !important;
    backdrop-filter: saturate(1) blur(20px) !important;
}
.h-fit-content {
    height: 100%;
}
.md\:flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@font-face {
    font-family: Sora-Bold;
    src: url(../fonts/Sora-Bold.ttf) format("truetype");
}
@font-face {
    font-family: Sora;
    src: url(../fonts/Sora-Medium.ttf) format("truetype");
    font-weight: 400;
}
html {
    scroll-behavior: smooth;
}
body {
    font-family: Sora, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 15px;
    letter-spacing: 0.3px;
    color: #10154e;
}
@media screen and (max-width: 768px) {
    body {
        font-size: 15.5px;
    }
}
body.is-dark {
    background: #2d3a58;
    color: #fff;
}
@media (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1220px;
    }
}
@media screen and (max-width: 768px) {
    .container {
        max-width: 800px !important;
    }
}
@media screen and (max-width: 1400px) {
    .container {
        max-width: 1200px;
    }
}
@media only screen and (min-width: 1510px) {
    .index_page .container {
        max-width: 1400px;
    }
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0;
}
ul {
    margin: 0;
    padding: 0;
}
section:focus {
    outline: 0 !important;
}
a {
    -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    text-decoration: none !important;
}
a:hover {
    text-decoration: none;
}
li {
    list-style: none;
}
p {
    font-family: Sora;
    color: #6f7583;
}
.swiper-pagination-bullet {
    margin-top: 20px;
    width: 12px !important;
    height: 12px !important;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0 !important;
}
.swiper-pagination-bullet-active {
    background: #be346a !important;
}
.code-toolbar {
    position: relative;
}
.code-toolbar .toolbar {
    position: absolute;
    top: 20px;
    right: 20px;
}
.code-toolbar button {
    background: #be346a;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 5px;
    outline: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.sm_dropdown.show {
    height: 180px !important;
}
.single-drop.show {
    height: 300px !important;
}
.single-drop.show .drop_dark {
    display: block;
    padding: 20px 15px !important;
}
.single-drop.show .pl-10 {
    padding-left: 0 !important;
}
.heading {
    margin-bottom: 30px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-family: Sora-Bold, -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    font-weight: 700;
    text-align: inherit;
    position: relative;
    color: #10154e;
    letter-spacing: -0.01em;
}
a,
a:hover {
    color: #be346a;
}
h1 {
    font-size: calc(46px + 18 * ((100vw - 576px) / 1024));
    line-height: 1;
    letter-spacing: -0.03em;
}
@media screen and (max-width: 576px) {
    h1 {
        font-size: 46px;
    }
}
@media screen and (min-width: 1600px) {
    h1 {
        font-size: 64px;
    }
}
@media screen and (max-width: 768px) {
    h1 {
        line-height: 1 !important;
    }
}
h2 {
    font-size: calc(40px + 14 * ((100vw - 576px) / 1024));
    line-height: 1.15;
    letter-spacing: -0.02em;
}
@media screen and (max-width: 576px) {
    h2 {
        font-size: 40px;
    }
}
@media screen and (min-width: 1600px) {
    h2 {
        font-size: 54px;
    }
}
h3 {
    font-size: calc(36px + 4 * ((100vw - 576px) / 1024));
    line-height: 1.1;
}
@media screen and (max-width: 576px) {
    h3 {
        font-size: 36px;
    }
}
@media screen and (min-width: 1600px) {
    h3 {
        font-size: 40px;
    }
}
h4 {
    font-size: calc(24px + 2 * ((100vw - 576px) / 1024));
    line-height: 1.35;
}
@media screen and (max-width: 576px) {
    h4 {
        font-size: 24px;
    }
}
@media screen and (min-width: 1600px) {
    h4 {
        font-size: 26px;
    }
}
h5 {
    font-size: calc(19px + 1 * ((100vw - 576px) / 1024));
    line-height: 1.5;
}
@media screen and (max-width: 576px) {
    h5 {
        font-size: 19px;
    }
}
@media screen and (min-width: 1600px) {
    h5 {
        font-size: 20px;
    }
}
h6 {
    font-size: 1.05em;
    line-height: 1.5;
    letter-spacing: 0;
}
p {
    width: 100%;
    margin: 10px auto;
    display: block;
    line-height: 1.6;
}
.accordion {
    background: 0 0 !important;
    overflow: inherit !important;
}
.accordion .card {
    border-radius: 8px;
    margin-bottom: 1rem;
    border: 1px solid #f1f3f5;
}
.accordion .card .card-header {
    padding: 0.5rem;
    background-color: #fff;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    border-radius: 8px;
    border-color: #edeef1;
    border-bottom: 0;
}
.accordion .card .card-header .btn-link {
    background: 0 0;
    border-color: transparent !important;
    width: 100%;
    text-align: left;
}
.accordion .card .card-header .btn-link i {
    color: #10154e;
    vertical-align: middle;
    font-size: 22px;
    margin-right: 5px;
    margin-top: -2px;
}
.accordion .card .card-header .btn-link:hover {
    border-color: transparent !important;
}
.accordion .card .card-header .btn-link::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z'/%3E%3C/svg%3E");
    float: right;
    margin-top: -2px;
    font-size: 20px;
    color: #858c9b;
    height: 20px;
    width: 20px;
    -webkit-transition: 0.4s !important;
    transition: 0.4s !important;
}
.accordion .card .card-header.active .btn-link::before {
    -webkit-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
}
.accordion .card .card-header h3 .btn-link {
    color: #10154e;
    font-size: 15.5px;
    font-weight: 500;
    text-decoration: none;
}
.accordion .card .card-header h3 .btn-link:hover {
    text-decoration: none;
}
.accordion .card .card-body p {
    font-size: 14px !important;
    color: #858c9b !important;
    font-weight: 400 !important;
    margin: 0;
}
.ripple:active:before,
.ripple:focus:before {
    background: #be346a;
    border-radius: 50px;
    content: "";
    display: block;
    height: 100%;
    opacity: 0.25;
    position: absolute;
    width: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    -webkit-animation: ripple 1s cubic-bezier(0.29, -0.01, 0.17, 0.95);
    animation: ripple 1s cubic-bezier(0.29, -0.01, 0.17, 0.95);
}
.ripple_circle:active:before,
.ripple_circle:focus:before {
    background: #be346a;
    border-radius: 50%;
    content: "";
    display: block;
    height: 100%;
    opacity: 0.25;
    position: absolute;
    width: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    -webkit-animation: rippleCircle 0.6s cubic-bezier(0.29, -0.01, 0.17, 0.95);
    animation: rippleCircle 0.6s cubic-bezier(0.29, -0.01, 0.17, 0.95);
}
.ripple_box:active:before,
.ripple_box:focus:before {
    background: #be346a;
    border-radius: 8px;
    content: "";
    display: block;
    height: 100%;
    opacity: 0.25;
    position: absolute;
    width: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    -webkit-animation: ripple 0.7s cubic-bezier(0.29, -0.01, 0.17, 0.95);
    animation: ripple 0.7s cubic-bezier(0.29, -0.01, 0.17, 0.95);
}
.scale {
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
    -webkit-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0);
}
.scale:active {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
}
.effect-letter {
    position: relative;
    overflow: hidden;
}
.effect-letter:not(.simple):after,
.effect-letter:not(.simple):before {
    content: "";
    position: absolute;
    background: var(--pb, var(--hover-back));
    top: 0;
    left: 0;
    right: 0;
    height: 200%;
    border-radius: var(--br, 40%);
    -webkit-transform: translateY(var(--y, 50%));
    transform: translateY(var(--y, 50%));
    -webkit-transition: border-radius 0.5s ease var(--br-d, 0.08s), -webkit-transform var(--d, 0.4s) ease-in var(--d-d, 0s);
    transition: border-radius 0.5s ease var(--br-d, 0.08s), -webkit-transform var(--d, 0.4s) ease-in var(--d-d, 0s);
    transition: transform var(--d, 0.4s) ease-in var(--d-d, 0s), border-radius 0.5s ease var(--br-d, 0.08s);
    transition: transform var(--d, 0.4s) ease-in var(--d-d, 0s), border-radius 0.5s ease var(--br-d, 0.08s), -webkit-transform var(--d, 0.4s) ease-in var(--d-d, 0s);
}
.effect-letter div {
    z-index: 1;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.effect-letter div span {
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: var(--name, none) 0.7s linear forwards 0.18s;
    animation: var(--name, none) 0.7s linear forwards 0.18s;
}
.effect-letter.in {
    --name: move;
}
.effect-letter.in:not(.out) {
    --c: var(--color-hover);
    --b: var(--background-hover);
}
.effect-letter.in:not(.out):before {
    --y: 0;
    --br: 5%;
}
.effect-letter.in:not(.out):after {
    --y: 0;
    --br: 5%;
    --br: 10%;
    --d-d: 0.02s;
}
.effect-letter.in.out {
    --name: move-out;
}
.effect-letter.in.out:before {
    --d-d: 0.06s;
}
.flicker {
    -webkit-animation: flicker-1 2s linear infinite both !important;
    animation: flicker-1 2s linear infinite both !important;
}
.floating {
    -webkit-animation: floating 1.5s infinite ease-in-out !important;
    animation: floating 1.5s infinite ease-in-out !important;
}
.floating-2 {
    -webkit-animation: floating-2 2s infinite ease-in-out !important;
    animation: floating-2 2s infinite ease-in-out !important;
}
.floating-3 {
    -webkit-animation: floating-3 2.5s infinite ease-in-out !important;
    animation: floating-3 2.5s infinite ease-in-out !important;
}
.floating-4 {
    -webkit-animation: floating-4 3s infinite ease-in-out !important;
    animation: floating-4 3s infinite ease-in-out !important;
}
.floating-simple {
    -webkit-animation: floating-simple 3.5s infinite ease-in-out !important;
    animation: floating-simple 3.5s infinite ease-in-out !important;
}
.floating-simple2 {
    -webkit-animation: floating-simple 2.5s infinite ease-in-out !important;
    animation: floating-simple 2.5s infinite ease-in-out !important;
}
@-webkit-keyframes move {
    30%,
    36% {
        -webkit-transform: translateY(calc(-6px * var(--move))) translateZ(0) rotate(calc(-13deg * var(--rotate) * var(--part)));
        transform: translateY(calc(-6px * var(--move))) translateZ(0) rotate(calc(-13deg * var(--rotate) * var(--part)));
    }
    50% {
        -webkit-transform: translateY(calc(3px * var(--move))) translateZ(0) rotate(calc(6deg * var(--rotate) * var(--part)));
        transform: translateY(calc(3px * var(--move))) translateZ(0) rotate(calc(6deg * var(--rotate) * var(--part)));
    }
    70% {
        -webkit-transform: translateY(calc(-2px * var(--move))) translateZ(0) rotate(calc(-3deg * var(--rotate) * var(--part)));
        transform: translateY(calc(-2px * var(--move))) translateZ(0) rotate(calc(-3deg * var(--rotate) * var(--part)));
    }
}
@keyframes move {
    30%,
    36% {
        -webkit-transform: translateY(calc(-6px * var(--move))) translateZ(0) rotate(calc(-13deg * var(--rotate) * var(--part)));
        transform: translateY(calc(-6px * var(--move))) translateZ(0) rotate(calc(-13deg * var(--rotate) * var(--part)));
    }
    50% {
        -webkit-transform: translateY(calc(3px * var(--move))) translateZ(0) rotate(calc(6deg * var(--rotate) * var(--part)));
        transform: translateY(calc(3px * var(--move))) translateZ(0) rotate(calc(6deg * var(--rotate) * var(--part)));
    }
    70% {
        -webkit-transform: translateY(calc(-2px * var(--move))) translateZ(0) rotate(calc(-3deg * var(--rotate) * var(--part)));
        transform: translateY(calc(-2px * var(--move))) translateZ(0) rotate(calc(-3deg * var(--rotate) * var(--part)));
    }
}
@-webkit-keyframes move-out {
    30%,
    36% {
        -webkit-transform: translateY(calc(6px * var(--move))) translateZ(0) rotate(calc(13deg * var(--rotate) * var(--part)));
        transform: translateY(calc(6px * var(--move))) translateZ(0) rotate(calc(13deg * var(--rotate) * var(--part)));
    }
    50% {
        -webkit-transform: translateY(calc(-3px * var(--move))) translateZ(0) rotate(calc(-6deg * var(--rotate) * var(--part)));
        transform: translateY(calc(-3px * var(--move))) translateZ(0) rotate(calc(-6deg * var(--rotate) * var(--part)));
    }
    70% {
        -webkit-transform: translateY(calc(2px * var(--move))) translateZ(0) rotate(calc(3deg * var(--rotate) * var(--part)));
        transform: translateY(calc(2px * var(--move))) translateZ(0) rotate(calc(3deg * var(--rotate) * var(--part)));
    }
}
@-webkit-keyframes ripple-map {
    to {
        -webkit-transform: scale(5);
        transform: scale(5);
        opacity: 0;
    }
}
@keyframes ripple-map {
    to {
        -webkit-transform: scale(5);
        transform: scale(5);
        opacity: 0;
    }
}
@-webkit-keyframes ripple {
    to {
        -webkit-transform: scaleX(1.3) scaleY(1.6);
        transform: scaleX(1.3) scaleY(1.6);
        opacity: 0;
    }
}
@keyframes ripple {
    to {
        -webkit-transform: scaleX(1.3) scaleY(1.6);
        transform: scaleX(1.3) scaleY(1.6);
        opacity: 0;
    }
}
@-webkit-keyframes rippleCircle {
    to {
        -webkit-transform: scale(4.5);
        transform: scale(4.5);
        opacity: 0;
    }
}
@keyframes rippleCircle {
    to {
        -webkit-transform: scale(4.5);
        transform: scale(4.5);
        opacity: 0;
    }
}
@-webkit-keyframes RippleMenu {
    to {
        -webkit-transform: scale(10);
        transform: scale(10);
        opacity: 0;
    }
}
@keyframes RippleMenu {
    to {
        -webkit-transform: scale(10);
        transform: scale(10);
        opacity: 0;
    }
}
@-webkit-keyframes ripple_Circle {
    to {
        -webkit-transform: scale(1.7);
        transform: scale(1.7);
        opacity: 0;
    }
}
@keyframes ripple_Circle {
    to {
        -webkit-transform: scale(1.7);
        transform: scale(1.7);
        opacity: 0;
    }
}
@-webkit-keyframes flicker-1 {
    0%,
    100%,
    41.99% {
        opacity: 1;
    }
    42%,
    43% {
        opacity: 0;
    }
    43.01%,
    47.99% {
        opacity: 1;
    }
    48%,
    49% {
        opacity: 0;
    }
    49.01% {
        opacity: 1;
    }
}
@keyframes flicker-1 {
    0%,
    100%,
    41.99% {
        opacity: 1;
    }
    42%,
    43% {
        opacity: 0;
    }
    43.01%,
    47.99% {
        opacity: 1;
    }
    48%,
    49% {
        opacity: 0;
    }
    49.01% {
        opacity: 1;
    }
}
@-webkit-keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}
@keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}
@-webkit-keyframes wobble-hor-bottom {
    0%,
    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }
    15% {
        -webkit-transform: translateX(-10px) rotate(-2deg);
        transform: translateX(-10px) rotate(-2deg);
    }
    30% {
        -webkit-transform: translateX(5px) rotate(3deg);
        transform: translateX(5px) rotate(3deg);
    }
    45% {
        -webkit-transform: translateX(-5px) rotate(-2.6deg);
        transform: translateX(-5px) rotate(-2.6deg);
    }
    60% {
        -webkit-transform: translateX(2px) rotate(1.4deg);
        transform: translateX(2px) rotate(1.4deg);
    }
    75% {
        -webkit-transform: translateX(-3px) rotate(-0.5deg);
        transform: translateX(-3px) rotate(-0.5deg);
    }
}
@keyframes wobble-hor-bottom {
    0%,
    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }
    15% {
        -webkit-transform: translateX(-10px) rotate(-2deg);
        transform: translateX(-10px) rotate(-2deg);
    }
    30% {
        -webkit-transform: translateX(5px) rotate(3deg);
        transform: translateX(5px) rotate(3deg);
    }
    45% {
        -webkit-transform: translateX(-5px) rotate(-2.6deg);
        transform: translateX(-5px) rotate(-2.6deg);
    }
    60% {
        -webkit-transform: translateX(2px) rotate(1.4deg);
        transform: translateX(2px) rotate(1.4deg);
    }
    75% {
        -webkit-transform: translateX(-3px) rotate(-0.5deg);
        transform: translateX(-3px) rotate(-0.5deg);
    }
}
@-webkit-keyframes slide-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes slide-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@-webkit-keyframes slide-bottom {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0;
    }
}
@keyframes slide-bottom {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0;
    }
}
@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(20%);
        transform: translateY(20%);
    }
    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}
@keyframes floating {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(20%);
        transform: translateY(20%);
    }
    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}
@-webkit-keyframes floating-2 {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(25%);
        transform: translateY(25%);
    }
    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}
@keyframes floating-2 {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(25%);
        transform: translateY(25%);
    }
    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}
@-webkit-keyframes floating-3 {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(30%);
        transform: translateY(30%);
    }
    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}
@keyframes floating-3 {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(30%);
        transform: translateY(30%);
    }
    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}
@-webkit-keyframes floating-4 {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(35%);
        transform: translateY(35%);
    }
    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}
@keyframes floating-4 {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(35%);
        transform: translateY(35%);
    }
    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}
@-webkit-keyframes floating-simple {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(3%);
        transform: translateY(3%);
    }
    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}
@keyframes floating-simple {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(3%);
        transform: translateY(3%);
    }
    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}
@-webkit-keyframes bounce-top {
    0% {
        -webkit-transform: translateY(-35px);
        transform: translateY(-35px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    24% {
        opacity: 0.5;
    }
    40% {
        -webkit-transform: translateY(-24px);
        transform: translateY(-24px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    65% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    82% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    93% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    25%,
    55%,
    75%,
    87% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1;
    }
}
@keyframes bounce-top {
    0% {
        -webkit-transform: translateY(-35px);
        transform: translateY(-35px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    24% {
        opacity: 0.5;
    }
    40% {
        -webkit-transform: translateY(-24px);
        transform: translateY(-24px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    65% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    82% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    93% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    25%,
    55%,
    75%,
    87% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1;
    }
}
@-webkit-keyframes puff-in-center {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}
@keyframes puff-in-center {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}
@-webkit-keyframes puff-out-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0;
    }
}
@keyframes puff-out-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0;
    }
}
@-webkit-keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(200px);
        transform: translateX(200px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(200px);
        transform: translateX(200px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
@-webkit-keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@-webkit-keyframes blink-1 {
    0%,
    100%,
    50% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@keyframes blink-1 {
    0%,
    100%,
    50% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@-webkit-keyframes circleRipple {
    from {
        -webkit-transform: scale(0);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(2);
        opacity: 0;
    }
}
@keyframes circleRipple {
    from {
        -webkit-transform: scale(0);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(2);
        opacity: 0;
    }
}
@-webkit-keyframes puff-in-center {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}
@keyframes puff-in-center {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}
@-webkit-keyframes pulseRipple {
    0% {
        -webkit-transform: scale(1.2);
        opacity: 0;
    }
    50% {
        -webkit-transform: scale(2);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.2);
        opacity: 0;
    }
}
@keyframes pulseRipple {
    0% {
        -webkit-transform: scale(1.2);
        opacity: 0;
    }
    50% {
        -webkit-transform: scale(2);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.2);
        opacity: 0;
    }
}
@-webkit-keyframes text-focus-in {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }
    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}
@keyframes text-focus-in {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }
    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}
@-webkit-keyframes tilt-up {
    40%,
    60% {
        -webkit-transform: perspective(500px) rotateX(8deg);
        transform: perspective(500px) rotateX(8deg);
    }
}
@keyframes tilt-up {
    40%,
    60% {
        -webkit-transform: perspective(500px) rotateX(8deg);
        transform: perspective(500px) rotateX(8deg);
    }
}
@-webkit-keyframes tilt-down {
    40%,
    60% {
        -webkit-transform: perspective(500px) rotateX(-8deg);
        transform: perspective(500px) rotateX(-8deg);
    }
}
@keyframes tilt-down {
    40%,
    60% {
        -webkit-transform: perspective(500px) rotateX(-8deg);
        transform: perspective(500px) rotateX(-8deg);
    }
}
html:not(.no-js) [data-aos="fade-up"] {
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
}
@-webkit-keyframes jello-horizontal {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes jello-horizontal {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@-webkit-keyframes flip-horizontal-bottom {
    0% {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
    }
    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
    }
}
@keyframes flip-horizontal-bottom {
    0% {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
    }
    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
    }
}
@-webkit-keyframes fadein {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadein {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.slide-in-bottom {
    -webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important;
    animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important;
}
.btn,
a.btn input.btn,
a.button,
button,
div.button,
input[type="submit"],
span.button {
    color: #fff;
    padding: 12px 18px;
    min-height: 20px;
    line-height: 20px;
    -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
    transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
    font-weight: 400;
    text-decoration: none;
    vertical-align: middle;
    outline: 0;
    display: inline-block;
    position: relative;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    will-change: transform, box-shadow;
}
.btn:not(.btn-outline):not(.btn-flat):not(.btn-link) .text,
a.btn input.btn:not(.btn-outline):not(.btn-flat):not(.btn-link) .text,
a.button:not(.btn-outline):not(.btn-flat):not(.btn-link) .text,
button:not(.btn-outline):not(.btn-flat):not(.btn-link) .text,
div.button:not(.btn-outline):not(.btn-flat):not(.btn-link) .text,
input[type="submit"]:not(.btn-outline):not(.btn-flat):not(.btn-link) .text,
span.button:not(.btn-outline):not(.btn-flat):not(.btn-link) .text {
    color: #fff;
}
.btn i,
a.btn input.btn i,
a.button i,
button i,
div.button i,
input[type="submit"] i,
span.button i {
    display: inline-block;
    vertical-align: middle;
    margin-top: -16px;
    margin-right: 5px;
    font-size: 20px;
    position: relative;
    stroke: 2px;
    min-width: 20px;
    height: 20px;
}
.btn i-left,
a.btn input.btn i-left,
a.button i-left,
button i-left,
div.button i-left,
input[type="submit"] i-left,
span.button i-left {
    margin-right: 5px;
}
.btn i-right,
a.btn input.btn i-right,
a.button i-right,
button i-right,
div.button i-right,
input[type="submit"] i-right,
span.button i-right {
    margin-left: 5px;
}
.btn:not(.text-hover):hover .icon.icon-right svg,
.btn:not(.text-hover):hover .icon.icon-right:before,
a.btn input.btn:not(.text-hover):hover .icon.icon-right svg,
a.btn input.btn:not(.text-hover):hover .icon.icon-right:before,
a.button:not(.text-hover):hover .icon.icon-right svg,
a.button:not(.text-hover):hover .icon.icon-right:before,
button:not(.text-hover):hover .icon.icon-right svg,
button:not(.text-hover):hover .icon.icon-right:before,
div.button:not(.text-hover):hover .icon.icon-right svg,
div.button:not(.text-hover):hover .icon.icon-right:before,
input[type="submit"]:not(.text-hover):hover .icon.icon-right svg,
input[type="submit"]:not(.text-hover):hover .icon.icon-right:before,
span.button:not(.text-hover):hover .icon.icon-right svg,
span.button:not(.text-hover):hover .icon.icon-right:before {
    -webkit-animation: hoverBtn ease-out 0.3s;
    animation: hoverBtn ease-out 0.3s;
}
.btn:not(.text-hover):hover .icon.icon-left svg,
.btn:not(.text-hover):hover .icon.icon-left:before,
a.btn input.btn:not(.text-hover):hover .icon.icon-left svg,
a.btn input.btn:not(.text-hover):hover .icon.icon-left:before,
a.button:not(.text-hover):hover .icon.icon-left svg,
a.button:not(.text-hover):hover .icon.icon-left:before,
button:not(.text-hover):hover .icon.icon-left svg,
button:not(.text-hover):hover .icon.icon-left:before,
div.button:not(.text-hover):hover .icon.icon-left svg,
div.button:not(.text-hover):hover .icon.icon-left:before,
input[type="submit"]:not(.text-hover):hover .icon.icon-left svg,
input[type="submit"]:not(.text-hover):hover .icon.icon-left:before,
span.button:not(.text-hover):hover .icon.icon-left svg,
span.button:not(.text-hover):hover .icon.icon-left:before {
    animation: hoverBtn ease-out 0.3s reverse;
}
.btn:not(.text-hover):hover .icon:before,
a.btn input.btn:not(.text-hover):hover .icon:before,
a.button:not(.text-hover):hover .icon:before,
button:not(.text-hover):hover .icon:before,
div.button:not(.text-hover):hover .icon:before,
input[type="submit"]:not(.text-hover):hover .icon:before,
span.button:not(.text-hover):hover .icon:before {
    color: inherit;
}
@-webkit-keyframes hoverBtn {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    51% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 1;
    }
    52% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    53% {
        opacity: 0;
    }
    54% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}
@keyframes hoverBtn {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    51% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 1;
    }
    52% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    53% {
        opacity: 0;
    }
    54% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}
.btn:focus,
.btn:hover,
a.btn input.btn:focus,
a.btn input.btn:hover,
a.button:focus,
a.button:hover,
button:focus,
button:hover,
div.button:focus,
div.button:hover,
input[type="submit"]:focus,
input[type="submit"]:hover,
span.button:focus,
span.button:hover {
    color: #fff;
    background-color: #be346a;
    border-color: #be346a;
    outline: 0;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    opacity: 0.9;
}
.btn.text-hover,
a.btn input.btn.text-hover,
a.button.text-hover,
button.text-hover,
div.button.text-hover,
input[type="submit"].text-hover,
span.button.text-hover {
    overflow: hidden;
    position: relative;
}
.btn.text-hover .icon,
.btn.text-hover .text,
a.btn input.btn.text-hover .icon,
a.btn input.btn.text-hover .text,
a.button.text-hover .icon,
a.button.text-hover .text,
button.text-hover .icon,
button.text-hover .text,
div.button.text-hover .icon,
div.button.text-hover .text,
input[type="submit"].text-hover .icon,
input[type="submit"].text-hover .text,
span.button.text-hover .icon,
span.button.text-hover .text {
    -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
    transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
}
.btn.text-hover .icon,
a.btn input.btn.text-hover .icon,
a.button.text-hover .icon,
button.text-hover .icon,
div.button.text-hover .icon,
input[type="submit"].text-hover .icon,
span.button.text-hover .icon {
    max-width: 100%;
    text-align: center;
    height: 26px;
    position: absolute;
    font-size: 20px;
    left: 50%;
    top: 50%;
    margin: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.btn.text-hover .text,
a.btn input.btn.text-hover .text,
a.button.text-hover .text,
button.text-hover .text,
div.button.text-hover .text,
input[type="submit"].text-hover .text,
span.button.text-hover .text {
    display: inline-block;
    -webkit-transform: translateY(-120%);
    transform: translateY(-120%);
    opacity: 0;
}
.btn.text-hover:hover .icon,
a.btn input.btn.text-hover:hover .icon,
a.button.text-hover:hover .icon,
button.text-hover:hover .icon,
div.button.text-hover:hover .icon,
input[type="submit"].text-hover:hover .icon,
span.button.text-hover:hover .icon {
    -webkit-transform: translate(-50%, 120%);
    transform: translate(-50%, 120%);
    opacity: 0;
}
.btn.text-hover:hover .text,
a.btn input.btn.text-hover:hover .text,
a.button.text-hover:hover .text,
button.text-hover:hover .text,
div.button.text-hover:hover .text,
input[type="submit"].text-hover:hover .text,
span.button.text-hover:hover .text {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
}
p a.btn:hover {
    text-decoration: none;
}
button[disabled].btn-white:hover,
input[type="submit"][disabled].btn-white:hover {
    background-color: #fff;
    color: #10154e;
}
button[disabled].btn-primary:hover,
input[type="submit"][disabled].btn-primary:hover {
    background-color: #be346a;
    color: #fff;
}
.btn-outline,
a.btn-outline,
input[type="submit"].btn-outline {
    background-color: transparent;
    color: currentColor;
}
.btn-outline:after,
.btn-outline:before,
a.btn-outline:after,
a.btn-outline:before,
input[type="submit"].btn-outline:after,
input[type="submit"].btn-outline:before {
    display: none;
}
.btn-outline:focus,
.btn-outline:hover,
a.btn-outline:focus,
a.btn-outline:hover,
input[type="submit"].btn-outline:focus,
input[type="submit"].btn-outline:hover {
    background-color: #be346a;
    color: #fff;
}
.btn-outline.btn-white,
a.btn-outline.btn-white,
input[type="submit"].btn-outline.btn-white {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
}
.btn-outline.btn-white:hover,
a.btn-outline.btn-white:hover,
input[type="submit"].btn-outline.btn-white:hover {
    background-color: #fff;
    color: #10154e;
}
.btn-outline.disabled:hover,
a.btn-outline.disabled:hover,
input[type="submit"].btn-outline.disabled:hover {
    background-color: transparent;
    color: #10154e;
    border-color: #10154e;
    cursor: default;
}
.btn-loading {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-loading:before {
    content: "";
    position: relative;
    display: inline-block !important;
    width: 18px;
    height: 18px;
    bottom: auto;
    left: auto;
    opacity: 1;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top: 2px solid rgba(255, 255, 255, 0.7);
    border-right: 2px solid rgba(255, 255, 255, 0.7);
    background: 0 0;
    -webkit-animation: 0.8s rotate cubic-bezier(0.99, 0.71, 0.22, 0.68) infinite;
    animation: 0.8s rotate cubic-bezier(0.99, 0.71, 0.22, 0.68) infinite;
}
.btn-loading.btn-outline:before,
.btn-loading.btn:before {
    margin-right: 8px;
}
.btn-loading:before {
    vertical-align: top;
    margin-top: 1px;
}
.btn-loading .ion-left {
    display: none;
}
.btn-loading:hover {
    -webkit-transition: none;
    transition: none;
}
.btn-loading:hover:before {
    background: 0 0;
    width: 18px;
    -webkit-transition: none;
    transition: none;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}
@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}
.btn-xs {
    padding: 7px 0;
    min-width: 100px;
    border-radius: 4px;
    font-size: 13px;
}
.btn-sm {
    padding: 8px 12px;
    min-width: 100px;
    border-radius: 6px;
    font-size: 15.5px;
}
.btn-lg {
    padding: 9px 20px;
    font-size: 18px;
    line-height: 1.7;
}
.btn-xl {
    padding: 11px 22px;
    font-size: 19px;
    line-height: 1.7;
}
.btn-primary {
    background: #be346a;
    color: #fff;
    border: none !important;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.btn-primary.btn-sh {
    -webkit-box-shadow: 0 14px 35px -11px #be346a;
    box-shadow: 0 14px 35px -11px #be346a;
}
.btn-primary.btn-outline {
    border: 2px solid #be346a;
    background: 0 0 !important;
    color: #be346a;
}
.btn-primary.btn-outline-bottom {
    border-bottom: solid 3px #be346a;
    background: 0 0 !important;
    color: #be346a !important;
}
.btn-primary.btn-hover-line:hover {
    background: 0 0;
    border: 2px solid #be346a;
    color: #be346a;
}
.btn-primary:hover {
    outline: 0;
    background: #b63266 !important;
    border: 2px solid #be346a;
}
.btn-secondary {
    background: #683769;
    color: #fff;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.btn-secondary:hover {
    background: #472548 !important;
    color: #fff;
}
.btn-secondary.btn-sh {
    -webkit-box-shadow: 0 14px 35px -11px #683769;
    box-shadow: 0 14px 35px -11px #683769;
}
.btn-secondary.btn-outline {
    border: 2px solid #683769;
    background: 0 0 !important;
    color: #683769;
}
.btn-secondary.btn-outline-bottom {
    border-bottom: solid 3px #683769;
    background: 0 0 !important;
    color: #be346a !important;
}
.btn-secondary.btn-hover-line:hover {
    background: 0 0;
    border: 2px solid #683769;
    color: #683769;
}
.btn-orange {
    background: #ffe4db;
    color: #ff784b;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    border: none;
}
.btn-white {
    background: #fff;
    border: 1px solid rgba(10, 33, 65, 0.05);
    color: #10154e;
    -webkit-box-shadow: 0 2px 4px #7e8eb11f !important;
    box-shadow: 0 2px 4px #7e8eb11f !important;
}
.btn-white span::after {
    color: #10154e !important;
}
.btn-white.btn-outline {
    color: #fff;
    border: 2px solid #fff;
}
.btn-white:hover {
    opacity: 0.8;
    background: #fff;
    color: #be346a !important;
    -webkit-box-shadow: 0 9px 6px rgba(0, 0, 0, 0.1), 0 -50px 0 transparent inset;
    box-shadow: 0 9px 6px rgba(0, 0, 0, 0.1), 0 -50px 0 transparent inset;
    border: 1px solid rgba(10, 33, 65, 0.05) !important;
}
.btn-dark, .btn-dark.disabled, .btn-dark:disabled {
    background: #10154e;
    color: #fff;
    border: 1px solid #10154e;
}
select.form-control:focus, select.form-control option{
    color:#222 !important;
}
.btn-dark:hover {
    color: #faf4f6 !important;
    background: #10154e;
    border: 1px solid #10154e;
}
.btn-dark.btn-sh {
    -webkit-box-shadow: 0 14px 35px -11px #10154e;
    box-shadow: 0 14px 35px -11px #10154e;
}
.btn-dark.btn-outline {
    border: 2px solid #10154e;
    background: 0 0 !important;
    color: #10154e;
}
.btn-dark.btn-outline:hover {
    color: #be346a !important;
}
.btn-dark.btn-outline-bottom {
    border-bottom: solid 3px #10154e;
    background: 0 0 !important;
    color: #10154e;
}
button.close {
    height: 2rem;
    width: 2rem;
    border-radius: 50px;
    position: relative;
}
button.close::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    height: 20px;
    width: 40px;
    background-size: contain;
    opacity: 0.5;
    background-repeat: no-repeat;
}
button.close:hover {
    color: #fff;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}
.btn_sm_primary {
    padding: 0.7rem 1.55rem;
    font-size: 15px;
    text-align: center;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
}
.btn_sm_primary:hover {
    opacity: 0.9;
}
.btn_md_primary {
    padding: 0.85rem 1.8rem;
    font-size: 15px;
    text-align: center;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
}
.btn_md_primary:hover {
    opacity: 0.9;
}
.btn_lg_primary {
    padding: 0.9rem 2.3rem;
    font-size: 15px;
    text-align: center;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
}
.btn_lg_primary:hover {
    opacity: 0.9;
}
.btn_xl_primary {
    padding: 1.1rem 2.3rem;
    font-size: 15px;
    text-align: center;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
}
.btn_xl_primary:hover {
    opacity: 0.9;
}
.header-nav-center .btn-default {
    margin-right: 0.5rem;
}
.btn-video {
    background-color: #be346a;
    color: #fff;
    padding: 0.9rem 1.55rem;
    text-align: center;
    position: relative;
}
.btn-video:before {
    background: #be346a;
    border-radius: 50px;
    content: "";
    display: block;
    height: 100%;
    opacity: 0.25;
    position: absolute;
    width: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    -webkit-animation: ripple 1.3s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important;
    animation: ripple 1.3s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important;
}
.btn-video.ripple_box:before {
    border-radius: 8px;
}
.btn-video .tio {
    vertical-align: sub;
    margin-right: 0.2rem;
}
.btn-video:hover {
    color: #fff;
}
.btn-ripple_circle {
    position: relative;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.btn-ripple_circle .icon {
    background-color: #be346a;
    color: #fff;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    position: absolute;
    border-radius: 50%;
}
.btn-ripple_circle .effect_ripp {
    border-radius: 50%;
    display: block;
    height: 100%;
    opacity: 0.25;
    position: absolute;
    width: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    background: #6c7a87;
    -webkit-animation: ripple_Circle 1.3s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important;
    animation: ripple_Circle 1.3s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important;
}
.btn-ripple_circle .tio {
    vertical-align: middle;
    font-size: 24px;
    margin: 0;
}
.btn-ripple_circle:hover {
    color: #fff;
}
.play_video {
    width: 50px;
    height: 50px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    background-color: #10154e;
    padding: 0;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
}
.play_video::after {
    content: "";
    width: 70px;
    height: 70px;
    position: absolute;
    display: block;
    z-index: -1;
    background: rgba(16, 21, 78, 0.1);
    border-radius: 50%;
}
.play_video::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    display: block;
    height: 100%;
    width: 100%;
    z-index: -1;
    background: rgba(16, 21, 78, 0.1);
    -webkit-animation: pulseRipple 2.5s ease-in-out infinite !important;
    animation: pulseRipple 2.5s ease-in-out infinite !important;
}
.play_video:focus {
    background-color: #10154e;
}
.play_video .tio {
    font-size: 24px;
    color: #fff;
}
.app_smartphone .btn--app {
    display: inline-block;
    margin-right: 1.5rem;
}
.app_smartphone .btn--app .icon {
    border-radius: 20px;
    width: 50px;
    height: 50px;
    background-color: #17e79b;
    padding: 0.75rem;
    margin-right: 0.75rem;
}
.app_smartphone .btn--app .icon .tio {
    color: #fff;
    font-size: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.app_smartphone .btn--app .txt span {
    color: #9da6af;
    font-size: 12px;
    font-weight: 400;
}
.app_smartphone .btn--app .txt h4 {
    font-weight: 400;
    color: #fff;
    font-size: 18px;
    margin-top: 0.2rem;
    margin-bottom: 0;
}
.menu {
    color: #10154e;
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    outline: 0;
    position: relative;
    border: none;
    background: 0 0;
    cursor: pointer;
    -webkit-appearence: none;
    -webkit-tap-highlight-color: transparent;
}
.menu.ripplemenu:active:before {
    background: #be346a;
    border-radius: 50%;
    content: "";
    display: block;
    height: 100%;
    opacity: 0.25;
    position: absolute;
    width: 100%;
    z-index: -1;
    top: 0;
    left: -9px;
    -webkit-animation: RippleMenu 0.3s cubic-bezier(0.29, -0.01, 0.17, 0.95);
    animation: RippleMenu 0.3s cubic-bezier(0.29, -0.01, 0.17, 0.95);
}
.menu svg {
    width: 44px;
    height: 48px;
    top: -6px;
    left: -14px;
    stroke: #10154e;
    stroke-width: 0.2rem;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    display: block;
    position: absolute;
}
@media (max-width: 991px) {
    .menu svg {
        left: 0;
    }
}
.menu svg path {
    -webkit-transition: stroke-dasharray var(--duration, 0.85s) var(--easing, ease) var(--delay, 0s), stroke-dashoffset var(--duration, 0.85s) var(--easing, ease) var(--delay, 0s);
    transition: stroke-dasharray var(--duration, 0.85s) var(--easing, ease) var(--delay, 0s), stroke-dashoffset var(--duration, 0.85s) var(--easing, ease) var(--delay, 0s);
    stroke-dasharray: var(--array-1, 26px) var(--array-2, 100px);
    stroke-dashoffset: var(--offset, 126px);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.menu svg path:nth-child(2) {
    --duration: 0.7s;
    --easing: ease-in;
    --offset: 100px;
    --array-2: 74px;
}
.menu svg path:nth-child(3) {
    --offset: 133px;
    --array-2: 107px;
}
.menu.active svg path {
    --offset: 57px;
}
.menu.active svg path:nth-child(1),
.menu.active svg path:nth-child(3) {
    --delay: 0.15s;
    --easing: cubic-bezier(0.2, 0.4, 0.2, 1.1);
}
.menu.active svg path:nth-child(2) {
    --duration: 0.4s;
    --offset: 2px;
    --array-1: 1px;
}
.menu.active svg path:nth-child(3) {
    --offset: 58px;
}
.drop_download {
    position: relative;
    color: #fff;
    font-size: 15px;
    padding: 0.6rem 1.75rem;
    border-radius: 8px;
    text-align: center;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
}
.drop_download .links-btn {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.drop_download .links-btn a {
    color: #aa9bb3;
    font-size: 14px;
    display: block;
    padding-top: 0.8rem;
    text-align: left;
    padding-left: 0.25rem;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
}
.drop_download .links-btn a:nth-child(1) {
    -webkit-transform: translate(-12px);
    transform: translate(-12px);
}
.drop_download .links-btn a:nth-child(2) {
    -webkit-transform: translate(-16px);
    transform: translate(-16px);
}
.drop_download .links-btn a:nth-child(3) {
    -webkit-transform: translate(-22px);
    transform: translate(-22px);
}
.drop_download:hover {
    color: #fff;
}
.drop_download:hover:before {
    content: "";
    background-color: rgba(255, 255, 255, 0.1);
    height: 155px;
    width: 130px;
    position: absolute;
    border-radius: 8px;
    left: 0;
    top: 0;
}
.drop_download:hover .links-btn {
    opacity: 1;
    pointer-events: auto;
}
.drop_download:hover .links-btn a {
    -webkit-transform: translate(0px);
    transform: translate(0px);
}
.drop_download:hover .links-btn a:nth-child(1) {
    -webkit-transition: 0.2s !important;
    transition: 0.2s !important;
}
.drop_download:hover .links-btn a:nth-child(2) {
    -webkit-transition: 0.4s !important;
    transition: 0.4s !important;
}
.drop_download:hover .links-btn a:nth-child(3) {
    -webkit-transition: 0.5s !important;
    transition: 0.5s !important;
}
.drop_download:hover .links-btn a:hover {
    color: #fff;
}
.button--click .btn-token {
    border-radius: 8px;
    font-size: 15.5px;
    font-weight: 500;
    text-align: center;
    color: #fff;
    margin: 0 0.75rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.button--click .btn-token.c-gradient {
    -webkit-background: -webkit-gradient(linear, left top, right top, from(#6bb0f8), to(#fd4ffe)) !important;
    -webkit-background: linear-gradient(90deg, #6bb0f8 0, #fd4ffe 100%) !important;
    -moz-background: linear-gradient(90deg, #6bb0f8 0, #fd4ffe 100%) !important;
    -o-background: linear-gradient(90deg, #6bb0f8 0, #fd4ffe 100%) !important;
    -ms-background: linear-gradient(90deg, #6bb0f8 0, #fd4ffe 100%) !important;
    background: -webkit-gradient(linear, left top, right top, from(#6bb0f8), to(#fd4ffe)) !important;
    background: linear-gradient(90deg, #6bb0f8 0, #fd4ffe 100%) !important;
}
.button--click .btn-token.defalult {
    border: 1px solid rgba(255, 255, 255, 0.4);
}
.btn_readmore {
    color: #be346a;
    font-size: 15.5px;
    position: relative;
    padding-left: 0;
    -webkit-transition: 0.4s !important;
    transition: 0.4s !important;
}
.btn_readmore:before {
    content: "";
    position: absolute;
    left: -0.7rem;
    top: 0;
    width: 45%;
    height: 100%;
    background-color: rgba(190, 52, 106, 0.1);
    -webkit-transition: 0.4s cubic-bezier(0.4, 0.2, 0.01, 1.01) !important;
    transition: 0.4s cubic-bezier(0.4, 0.2, 0.01, 1.01) !important;
}
.btn_readmore:hover {
    color: #be346a;
}
.btn_readmore:hover:before {
    width: 0;
}
.prgoress_indicator {
    position: fixed;
    right: 50px;
    bottom: 50px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    -webkit-box-shadow: inset 0 0 0 2px rgba(190, 52, 106, 0.2);
    box-shadow: inset 0 0 0 2px rgba(190, 52, 106, 0.2);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(15px) !important;
    transform: translateY(15px) !important;
    -webkit-transition: all 200ms linear !important;
    transition: all 200ms linear !important;
}
.prgoress_indicator.active-progress {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
}
.prgoress_indicator::after {
    position: absolute;
    font-family: The-Icon-of;
    content: "\e9a2";
    text-align: center;
    line-height: 46px;
    font-size: 18px;
    color: rgba(190, 52, 106, 0.2);
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear !important;
    transition: all 200ms linear !important;
}
.prgoress_indicator::before {
    position: absolute;
    font-family: The-Icon-of;
    content: "\e9a2";
    text-align: center;
    line-height: 46px;
    font-size: 18px;
    opacity: 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 2;
    -webkit-transition: all 200ms linear !important;
    transition: all 200ms linear !important;
}
.prgoress_indicator:hover::after {
    color: #be346a;
}
.prgoress_indicator:hover:before {
    opacity: 1;
}
.prgoress_indicator svg path {
    fill: none;
}
.prgoress_indicator svg.progress-circle path {
    stroke: #be346a;
    stroke-width: 4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear !important;
    transition: all 200ms linear !important;
}
.btn__more .tio {
    vertical-align: middle;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
}
.btn__more:hover .tio {
    color: #10154e;
    font-size: 18px;
    margin-left: 5px;
}
.breadcrumb.default {
    background-color: #fff;
    padding: 5px 20px;
    -webkit-box-shadow: 0 2px 4px #7e8eb11f !important;
    box-shadow: 0 2px 4px #7e8eb11f !important;
    margin-bottom: 0;
    border: 1px solid #eaeaee;
}
.breadcrumb.default .breadcrumb-item {
    color: #6b7280;
}
.breadcrumb.default .breadcrumb-item::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z' fill='rgba(107,114,128,1)'/%3E%3C/svg%3E");
    vertical-align: middle;
    font-size: 15px;
    height: 20px;
    width: 20px;
    margin-top: 2px;
    margin-right: 0.5rem;
}
.breadcrumb.default .breadcrumb-item:first-of-type::before {
    display: none;
}
.breadcrumb.default .breadcrumb-item a {
    font-weight: 400 !important;
    color: #6b7280;
}
.breadcrumb.default .breadcrumb-item.active a {
    color: #858c9b;
}
.breadcrumb {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-color: transparent;
    border-radius: 0.25rem;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.breadcrumb a {
    color: #10154e;
}
.breadcrumb.has_style1 {
    border-radius: 5px;
    background: #10154e !important;
}
.breadcrumb.has_style1 a {
    color: rgba(255, 255, 255, 0.459);
}
.breadcrumb.has_style1 .active {
    color: #fff !important;
}
.breadcrumb.has_style1 .breadcrumb-item {
    position: relative;
}
.breadcrumb.has_style1 .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0;
    color: #6c757d;
    content: "";
    margin-right: 7px;
    left: 0;
    top: 0;
    width: 9px;
    height: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}
.breadcrumb.has_stylel2 {
    border-radius: 5px;
    background: 0 0 !important;
}
.breadcrumb.has_stylel2 a {
    color: rgba(255, 255, 255, 0.459);
}
.breadcrumb.has_stylel2 .active {
    color: #fff !important;
}
.breadcrumb.has_stylel2 .breadcrumb-item {
    position: relative;
}
.breadcrumb.has_stylel2 .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0;
    color: #6c757d;
    content: "";
    margin-right: 7px;
    left: 0;
    top: 0;
    width: 9px;
    height: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}
.breadcrumb.has_stylel2::before {
    content: none;
}
.breadcrumb .breadcrumb-item {
    position: relative;
}
.breadcrumb .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0;
    color: #6c757d;
    content: "";
    margin-right: 5px;
    left: 0;
    top: 0;
    width: 12px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}
.breadcrumb .breadcrumb-item:first-child::before {
    content: none;
}
.select-holder {
    position: relative;
}
.select-holder:after {
    content: "\f3d0";
    font-family: Ionicons;
    font-weight: 600;
    font-size: 13px;
    position: absolute;
    line-height: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 18px;
    z-index: 10;
    -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
    transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
}
select {
    cursor: pointer;
    display: inline-block;
    padding: 15px !important;
    color: #6c757d !important;
}
textarea {
    padding: 15px !important;
}
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"],
select,
textarea {
    background: #fff;
    color: #232226;
    border: 1px solid #e2e4e9;
    width: 100%;
    padding: 15px;
    line-height: 1.5;
    font-weight: 400;
    font-size: inherit;
    border-radius: 4px;
    position: relative;
    -webkit-appearance: none;
    -webkit-box-shadow: 0 7px 9px rgba(29, 14, 98, 0.05);
    box-shadow: 0 7px 9px rgba(29, 14, 98, 0.05);
    -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
    transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
    outline: 0;
}
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
select:focus,
textarea:focus {
    border: 1px solid rgba(190, 52, 106, 0.5);
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
input[type="email"].is-valid,
input[type="number"].is-valid,
input[type="password"].is-valid,
input[type="tel"].is-valid,
input[type="text"].is-valid,
select.is-valid,
textarea.is-valid {
    border-bottom: solid 3px #3dcabd !important;
    border: 1px solid #e2e4e9;
    padding-right: calc(1.5em + 0.75rem);
    background: none !important;
}
input[type="email"].is-valid:focus,
input[type="number"].is-valid:focus,
input[type="password"].is-valid:focus,
input[type="tel"].is-valid:focus,
input[type="text"].is-valid:focus,
select.is-valid:focus,
textarea.is-valid:focus {
    border-bottom: solid 3px #3dcabd !important;
    border: 1px solid #e2e4e9;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
input[type="email"].is-invalid,
input[type="number"].is-invalid,
input[type="password"].is-invalid,
input[type="tel"].is-invalid,
input[type="text"].is-invalid,
select.is-invalid,
textarea.is-invalid {
    border-bottom: solid 3px #de4b53 !important;
    border: 1px solid #e2e4e9;
    padding-right: calc(1.5em + 0.75rem);
    background: 0 0;
}
input[type="email"].is-invalid:focus,
input[type="number"].is-invalid:focus,
input[type="password"].is-invalid:focus,
input[type="tel"].is-invalid:focus,
input[type="text"].is-invalid:focus,
select.is-invalid:focus,
textarea.is-invalid:focus {
    border-bottom: solid 3px #de4b53 !important;
    border: 1px solid #e2e4e9;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form-group {
    margin-bottom: 20px !important;
}
.input-group-text {
    padding: 0.375rem 20px !important;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid #e2e4e9;
    border-radius: 0.25rem 0 0 0.25rem;
    min-height: 64px;
}
.textarea {
    width: 100%;
    height: 150px;
    resize: vertical;
}
label {
    color: #77748f;
    margin-bottom: 5px;
}
.radio {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-right: 5px;
}
.radio + label {
    text-transform: none;
    font-weight: 400;
    color: inherit;
    vertical-align: middle;
}
.radio input {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    cursor: pointer;
}
.radio input:checked {
    cursor: default;
}
.radio input:checked + .input:after {
    background: #10154e;
}
.radio .input {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.radio .input:after {
    content: "";
    background: #fff;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 5px;
    -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
    transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
}
.radio:hover .input:after,
.radio:hover input:checked + .input:after {
    background: #10154e;
}
.has-danger .help-block {
    display: block;
}
.help-block {
    color: red !important;
    display: none;
    font-size: 13px;
}
@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #fff;
    background-color: #be346a;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    width: 20px;
    height: 20px;
}
.custom-control-label {
    margin-left: 5px;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: none;
}
.custom-control-label::after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -30px;
    display: block;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08) !important;
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08) !important;
    width: 20px;
    height: 20px;
    content: "";
    background: 50%/50% 50% no-repeat;
    outline: 0 !important;
}
.custom-control-label::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -30px;
    display: block;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08) !important;
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08) !important;
    width: 20px;
    height: 20px;
    content: "";
    background-color: #fff;
    outline: 0 !important;
}
.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 2.75rem;
    pointer-events: all;
    border-radius: 24px;
    height: 22px;
    border: none;
    background-color: #f3f8ff;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #fff;
    background-color: #5a52ff;
    -webkit-box-shadow: 0 21px 51px rgba(29, 14, 98, 0.15);
    box-shadow: 0 21px 51px rgba(29, 14, 98, 0.15);
    width: 2.75rem;
    height: 20px;
}
.custom-switch .custom-control-label::after {
    top: 1px;
    left: calc(-14px + 0px);
    width: 18px;
    height: 18px;
    background-color: #fff;
    -webkit-box-shadow: 0 21px 23px -5px rgba(82, 48, 162, 0.12);
    box-shadow: 0 21px 23px -5px rgba(82, 48, 162, 0.12);
    border-radius: 1.5rem;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    left: calc(-47px + 0px);
    top: -9px;
}
.custom-switch .custom-control-label {
    margin-left: 0;
    padding-left: 19px;
}
.custom-select {
    height: 62px;
}
.input-group-prepend .btn {
    padding: 19px 18px;
}
.custom-select-xs {
    height: calc(0.5rem + 0.9375rem * 1.6 + 2px);
    padding: 0.25rem 1.875rem 0.25rem 0.625rem;
    line-height: 1.6;
    font-size: 0.9375rem;
}
.custom-control-label::before,
.custom-file-label,
.custom-select {
    -webkit-transition: 0.35s ease-in-out;
    transition: 0.35s ease-in-out;
}
.form_cc_four {
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #dfe4e7;
    padding: 2.5rem;
    -webkit-box-shadow: 0 50px 70px -10px rgba(11, 34, 56, 0.05) !important;
    -o-box-shadow: 0 50px 70px -10px rgba(11, 34, 56, 0.05) !important;
    -ms-box-shadow: 0 50px 70px -10px rgba(11, 34, 56, 0.05) !important;
    box-shadow: 0 50px 70px -10px rgba(11, 34, 56, 0.05) !important;
}
.form_cc_four.bg_dark label {
    margin-bottom: 5px;
    color: #fff;
}
.form_cc_four.bg_dark .form-control,
.form_cc_four.bg_dark input {
    background-color: rgba(255, 255, 255, 0.192) !important;
    border: none !important;
    color: #fff !important;
}
.form_cc_four.bg_dark .form-control::-webkit-input-placeholder,
.form_cc_four.bg_dark input::-webkit-input-placeholder {
    color: #908ea7 !important;
}
.form_cc_four.bg_dark .form-control::-moz-placeholder,
.form_cc_four.bg_dark input::-moz-placeholder {
    color: #908ea7 !important;
}
.form_cc_four.bg_dark .form-control:-ms-input-placeholder,
.form_cc_four.bg_dark input:-ms-input-placeholder {
    color: #908ea7 !important;
}
.form_cc_four.bg_dark .form-control::-ms-input-placeholder,
.form_cc_four.bg_dark input::-ms-input-placeholder {
    color: #908ea7 !important;
}
.form_cc_four.bg_dark .form-control::placeholder,
.form_cc_four.bg_dark input::placeholder {
    color: #908ea7 !important;
}
.form_cc_four.bg_dark .form-control:hover,
.form_cc_four.bg_dark input:hover {
    background-color: rgba(255, 255, 255, 0.075) !important;
}
@media (min-width: 992px) {
    .form_cc_four .item_upload {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.form_cc_four .item_upload span {
    font-size: 13px;
    color: #6c7a87;
}
@media (max-width: 767px) {
    .form_cc_four .item_upload span {
        display: block;
    }
}
.form_cc_four .upload__file {
    position: relative;
    overflow: hidden;
    margin-right: 15px;
    background: #fff;
    color: #10154e;
    border-radius: 8px;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
}
.form_cc_four .upload__file input[type="file"] {
    position: absolute;
    opacity: 0;
    top: 0;
    left: -160px;
    font-size: 40px;
    cursor: pointer;
}
.form_cc_four .upload__file .btn {
    border-radius: 8px;
    border: 1px dashed #dce0e3;
    color: #10154e;
}
.form_cc_four .upload__file .btn i {
    vertical-align: middle;
    color: #10154e;
    font-size: 18px;
    margin-right: 4px;
    top: 5px;
}
.form_cc_four .upload__file:hover {
    background-color: #f7f8fa;
}
.form_cc_four .upload__file:hover .btn,
.form_cc_four .upload__file:hover i {
    color: #fff;
}
.alert {
    border-radius: 8px;
    padding: 16px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0;
    color: #10154e;
}
.alert button {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
}
.alert .alert-link {
    padding-left: 5px;
}
.alert > [class*=" ri-"],
.alert > [class^="ri-"] {
    margin-right: 10px;
    font-size: 20px;
}
.alert a {
    color: #10154e;
    font-weight: 500;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
}
.alert a:hover {
    color: #be346a;
}
.alert .close {
    position: absolute;
    top: auto;
    right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    width: 40px;
    opacity: 1 !important;
    border-radius: 50%;
    background-color: #fff;
    padding: 0;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
.alert .close i {
    font-size: 18px;
    color: #10154e;
    margin-top: -1px;
    margin-left: 5px;
    position: relative;
}
.alert .close:hover {
    background-color: rgba(16, 21, 78, 0.05);
}
.alert.alert-warning {
    background-color: rgba(255, 195, 41, 0.15);
}
.alert.alert-primary {
    background-color: rgba(190, 52, 106, 0.15);
}
.alert.alert-primary [class*=" ri-"],
.alert.alert-primary [class^="ri-"] {
    color: #be346a;
}
.alert.alert-secondary {
    background-color: rgba(104, 55, 105, 0.15);
    color: #683769;
}
.alert.alert-success {
    background-color: rgba(49, 209, 171, 0.15);
    color: #31d1ab;
}
.alert.alert-danger {
    background-color: rgba(249, 53, 66, 0.15);
    color: #f93542;
}
.alert.alert-info {
    background-color: rgba(107, 176, 248, 0.15);
    color: #6bb0f8;
}
.alert.alert-light {
    background-color: rgba(255, 255, 255, 0.15);
    color: #fff;
}
.alert.alert-dark {
    background-color: rgba(16, 21, 78, 0.15);
    color: #10154e;
}
.pagination.has_style1 .page-link {
    background: #fff;
}
.pagination.has_style1 .page-link:hover {
    color: #be346a;
}
.pagination.has_style1 .page-link.is-active {
    background: #fff;
    color: #10154e;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.pagination.has_style1 .page-link.is-active:hover {
    background: #fff;
    color: #10154e;
}
.page-link {
    position: relative;
    margin-left: -1px;
    line-height: 100%;
    color: #10154e;
    background-color: #faf4f6;
    padding: 0.5rem 0.75rem;
    border: none;
    border-radius: 60px;
    margin-right: 20px;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.page-link.is-active {
    background: #10154e;
    color: #fff;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.page-link.is-active:hover {
    background: #10154e;
    color: #fff;
}
.page-link:hover {
    background: #683769;
    -webkit-transform: scale(1.09);
    transform: scale(1.09);
    color: #fff;
}
.page-item:last-child .page-link {
    border-radius: 60px;
}
.page-item:first-child .page-link {
    margin-left: 0;
    border-radius: 60px;
}
.avatar {
    width: 4.5rem;
    height: 4.5rem;
}
.avatar.has_style1 {
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6221;
    box-shadow: 0 33px 88px 0 #1d0e6221;
    border-radius: 50%;
    border: 7px solid #fff;
}
.avatar.avatar-sm {
    width: 3rem;
    height: 3rem;
}
.avatar.avatar-md {
    width: 5rem;
    height: 5rem;
}
.avatar.avatar-lg {
    width: 6rem;
    height: 6rem;
}
.avatar-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 25px;
}
.avatar-group .avatar-item {
    width: 3rem;
    height: 3rem;
    margin-left: -25px;
    border: 6px solid #fff;
}
#popup_form1 .cover_sign {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
#popup_form1 .popup_title {
    font-size: calc(24px + 16 * ((100vw - 576px) / 1024));
    margin-bottom: 30px;
}
@media screen and (max-width: 576px) {
    #popup_form1 .popup_title {
        font-size: 24px;
    }
}
@media screen and (min-width: 1600px) {
    #popup_form1 .popup_title {
        font-size: 40px;
    }
}
#popup_form1 .popup_description {
    margin-bottom: 30px;
}
#popup_form1 .modal-body {
    padding: 20px;
}
#popup_form2 ion-icon {
    color: #fff;
}
#popup_form2 .modal-body {
    background: #be346a;
    padding: 40px;
}
#popup_form2 .modal-body .popup_title {
    font-size: calc(24px + 16 * ((100vw - 576px) / 1024));
    margin-bottom: 30px;
    color: #fff;
    text-align: center;
}
@media screen and (max-width: 576px) {
    #popup_form2 .modal-body .popup_title {
        font-size: 24px;
    }
}
@media screen and (min-width: 1600px) {
    #popup_form2 .modal-body .popup_title {
        font-size: 40px;
    }
}
#popup_form2 .modal-body .popup_description {
    margin-bottom: 30px;
    color: #fff;
    text-align: center;
}
#popup_form3 .modal-dialog {
    bottom: -76% !important;
}
@media screen and (max-width: 991px) {
    #popup_form3 .modal-dialog {
        bottom: 0 !important;
    }
}
#popup_form3 .close {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(255, 255, 255, 0.74);
    z-index: 6;
}
#popup_form3 .close:hover ion-icon {
    color: #10154e;
}
#popup_form3 .popup_wrap {
    padding: 30px;
    position: relative;
}
#popup_form3 .popup_wrap::before {
    content: "";
    position: absolute;
    background: url(../images/top_decoration.png) 0 0 / contain no-repeat;
    top: -16px;
    left: -16px;
    height: 100%;
    width: 100%;
}
#popup_form3 .popup_title {
    font-size: calc(24px + 16 * ((100vw - 576px) / 1024));
    margin-bottom: 30px;
}
@media screen and (max-width: 576px) {
    #popup_form3 .popup_title {
        font-size: 24px;
    }
}
@media screen and (min-width: 1600px) {
    #popup_form3 .popup_title {
        font-size: 40px;
    }
}
#popup_notification1 .popup_wrap {
    padding: 40px;
}
#popup_notification1 .popup_title {
    font-size: calc(24px + 16 * ((100vw - 576px) / 1024));
    margin-bottom: 30px;
    text-align: center;
}
@media screen and (max-width: 576px) {
    #popup_notification1 .popup_title {
        font-size: 24px;
    }
}
@media screen and (min-width: 1600px) {
    #popup_notification1 .popup_title {
        font-size: 40px;
    }
}
#popup_notification1 .popup_description {
    text-align: center;
}
#popup_notification1 img {
    width: 14rem;
    margin-left: auto;
    margin-right: auto;
}
#popup_notification2 .modal-dialog {
    bottom: -20% !important;
}
@media screen and (max-width: 991px) {
    #popup_notification2 .modal-dialog {
        bottom: 0 !important;
    }
}
#popup_notification2 .popup_wrap {
    padding: 60px 40px;
}
#popup_notification2 .close {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(255, 255, 255, 0.74);
}
#popup_notification2 .top_img {
    overflow: hidden;
    width: 100%;
}
#popup_notification2 .top_img img {
    height: 15rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
#popup_notification2 .modal-body {
    padding: 0;
    border: none;
}
#popup_notification2 .popup_title {
    font-size: calc(24px + 16 * ((100vw - 576px) / 1024));
    margin-bottom: 30px;
    text-align: center;
}
@media screen and (max-width: 576px) {
    #popup_notification2 .popup_title {
        font-size: 24px;
    }
}
@media screen and (min-width: 1600px) {
    #popup_notification2 .popup_title {
        font-size: 40px;
    }
}
#popup_notification2 .popup_description {
    text-align: center;
    margin-bottom: 30px;
}
#popup_notification2 .popup_wrap {
    position: relative;
}
#popup_notification2 .popup_wrap::before {
    content: "";
    position: absolute;
    background: url(../images/circle_decoration.png) 0 0 / contain no-repeat;
    top: -46%;
    left: 1%;
    height: 100%;
    width: 100%;
}
#popup_notification3 .modal-dialog {
    bottom: -20% !important;
}
@media screen and (max-width: 991px) {
    #popup_notification3 .modal-dialog {
        bottom: 0 !important;
    }
}
#popup_notification3 .popup_wrap {
    padding: 60px 40px;
}
#popup_notification3 .close {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #fff;
}
#popup_notification3 .modal-body {
    padding: 0;
    border: none;
    background: #be346a;
}
#popup_notification3 .popup_title {
    font-size: calc(24px + 2 * ((100vw - 576px) / 1024));
    margin-bottom: 30px;
    color: #fff;
}
@media screen and (max-width: 576px) {
    #popup_notification3 .popup_title {
        font-size: 24px;
    }
}
@media screen and (min-width: 1600px) {
    #popup_notification3 .popup_title {
        font-size: 26px;
    }
}
#popup_notification3 .popup_description {
    margin-bottom: 30px;
    color: #fff;
}
#popup_notification3 .popup_wrap {
    overflow: hidden;
    position: relative;
}
#popup_notification3 .popup_wrap::before {
    content: "";
    position: absolute;
    background: url(../images/circle_decoration.png) 0 0 / contain no-repeat;
    top: -46%;
    left: 1%;
    height: 100%;
    width: 100%;
}
#popup_notification3 .top_img {
    overflow: hidden;
    width: 100%;
}
#popup_notification3 .top_img img {
    height: 15rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
#popup_cookies1 .modal-dialog {
    bottom: -20% !important;
}
@media screen and (max-width: 991px) {
    #popup_cookies1 .modal-dialog {
        bottom: 0 !important;
    }
}
#popup_cookies1 .modal-content {
    min-width: 21rem;
}
#popup_cookies1 .popup_wrap {
    padding: 30px;
}
#popup_cookies1 .close {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #fff;
    z-index: 5;
}
#popup_cookies1 .modal-body {
    padding: 0;
    border: none;
    background: #fff;
}
#popup_cookies1 .top_img {
    max-width: 5rem;
    margin-bottom: 20px;
}
#popup_cookies1 .popup_title {
    font-size: calc(24px + 2 * ((100vw - 576px) / 1024));
    margin-bottom: 20px;
}
@media screen and (max-width: 576px) {
    #popup_cookies1 .popup_title {
        font-size: 24px;
    }
}
@media screen and (min-width: 1600px) {
    #popup_cookies1 .popup_title {
        font-size: 26px;
    }
}
#popup_cookies1 .popup_description {
    margin-bottom: 20px;
}
#popup_cookies1 .popup_wrap {
    overflow: hidden;
    position: relative;
}
#popup_cookies1 .popup_wrap::before {
    content: "";
    position: absolute;
    background: url(../images/circle_decoration.png) 0 0 / contain no-repeat;
    top: -46%;
    left: 1%;
    height: 100%;
    width: 100%;
}
#popup_cookies2 .modal-dialog {
    bottom: -20% !important;
}
@media screen and (max-width: 991px) {
    #popup_cookies2 .modal-dialog {
        bottom: 0 !important;
    }
}
#popup_cookies2 .popup_wrap {
    padding: 30px;
}
#popup_cookies2 .close {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #fff;
    z-index: 9;
}
#popup_cookies2 .close:hover ion-icon {
    color: #10154e;
}
#popup_cookies2 .modal-body {
    padding: 0;
    border: none;
    background: #fff;
}
#popup_cookies2 .top_img {
    max-width: 5rem;
    margin-right: 30px;
}
#popup_cookies2 .popup_title {
    font-size: calc(24px + 2 * ((100vw - 576px) / 1024));
}
@media screen and (max-width: 576px) {
    #popup_cookies2 .popup_title {
        font-size: 24px;
    }
}
@media screen and (min-width: 1600px) {
    #popup_cookies2 .popup_title {
        font-size: 26px;
    }
}
#popup_cookies2 .popup_description {
    max-width: 30rem;
}
#popup_cookies2 .popup_wrap {
    overflow: hidden;
    position: relative;
}
#popup_cookies2 .popup_wrap::before {
    content: "";
    position: absolute;
    background: url(../images/circle_decoration.png) 0 0 / contain no-repeat;
    top: -46%;
    left: 1%;
    height: 100%;
    width: 100%;
}
#popup_cookies3 .popup_wrap {
    padding: 30px;
    background: #be346a;
    border: 10px solid rgba(255, 255, 255, 0.212);
}
#popup_cookies3 .modal-body {
    padding: 0;
    border: none;
    background: #fff;
}
#popup_cookies3 .top_img {
    max-width: 5rem;
    margin-right: 30px;
}
#popup_cookies3 .popup_title {
    font-size: calc(24px + 2 * ((100vw - 576px) / 1024));
    color: #fff;
}
@media screen and (max-width: 576px) {
    #popup_cookies3 .popup_title {
        font-size: 24px;
    }
}
@media screen and (min-width: 1600px) {
    #popup_cookies3 .popup_title {
        font-size: 26px;
    }
}
#popup_cookies3 .popup_description {
    max-width: 30rem;
    color: #fff;
}
#popup_cookies3 .popup_wrap {
    overflow: hidden;
    position: relative;
}
#popup_cookies3 .popup_wrap::before {
    content: "";
    position: absolute;
    background: url(../images/circle_decoration.png) 0 0 / contain no-repeat;
    top: -46%;
    right: 1%;
    height: 100%;
    width: 100%;
}
.box {
    padding: 40px 30px;
    border-radius: 10px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    cursor: default;
}
.box.has-style1 {
    background: #f3f8ff;
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}
.box.has-style1 .box-icon {
    margin-bottom: 20px;
    text-align: center;
}
.box.has-style1 .box-icon img {
    max-height: 3rem;
}
.box.has-style1 .box-icon ion-icon {
    color: #be346a;
    font-size: 35px !important;
}
.box.has-style1 .box-icon svg {
    fill: #be346a;
}
.box.has-style1 .box-icon [class^="ri-"] {
    fill: #be346a !important;
    font-size: 2rem;
}
.box.has-style1 .box-title {
    margin-bottom: 14px;
    text-align: center;
}
.box.has-style1 .box-desc {
    text-align: center;
}
.box.has-style2 {
    background: #fff;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.box.has-style2 .box-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    text-align: center;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background: #faf4f6 !important;
    z-index: 0;
}
.box.has-style2 .box-icon img {
    max-height: 3rem;
}
.box.has-style2 .box-icon ion-icon {
    color: #be346a;
    font-size: 35px !important;
}
.box.has-style2 .box-icon svg {
    fill: #be346a;
}
.box.has-style2 .box-icon [class^="ri-"] {
    fill: #be346a !important;
    font-size: 2rem;
}
.box.has-style2 .box-title {
    margin-bottom: 20px;
    text-align: center;
}
.box.has-style2 .box-desc {
    color: #232323;
    text-align: center;
    margin: 0;
}
.box.is-dark {
    background: #be346a;
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.box.is-dark .box-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    text-align: center;
}
.box.is-dark .box-icon img {
    max-height: 5rem;
}
.box.is-dark .box-icon ion-icon {
    color: #fff !important;
    font-size: 35px;
}
.box.is-dark .box-title {
    margin-bottom: 10px;
    text-align: left;
    color: #fff;
}
.box.is-dark .box-desc {
    color: #fff;
    text-align: left;
    margin: 0;
}
.box.has-left-icon {
    background: #fff;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.box.has-left-icon .box-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    text-align: center;
}
.box.has-left-icon .box-icon img {
    max-height: 5rem;
}
.box.has-left-icon .box-icon [class^="ri-"] {
    font-size: 35px;
    height: 40px;
    color: #be346a;
    width: 40px;
}
.box.has-left-icon .box-title {
    margin-bottom: 10px;
    text-align: left;
}
.box.has-left-icon .box-desc {
    text-align: left;
    margin: 0;
}
.card.style_1 .card-body {
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
}
.box_numbers {
    padding: 10px;
    border-radius: 5px;
    max-width: 25rem;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    overflow: hidden;
    position: relative;
}
.box_numbers::before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    bottom: auto;
    top: 27px;
    left: 46%;
    background-color: transparent;
    background-image: url(../images/img_effect.png);
    background-size: contain;
}
@media screen and (max-width: 991px) {
    .box_numbers {
        margin-left: auto;
        margin-right: auto;
    }
}
.box_numbers_wrap {
    background: #be346a;
    padding: 30px;
}
.box_numbers .item {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px rgba(255, 255, 255, 0.199);
}
.box_numbers .description,
.box_numbers .number {
    color: #fff;
}
.box_img {
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    border-radius: 10px;
    background: #fff;
    padding: 40px;
    -webkit-transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    margin-bottom: 30px;
}
.box_img .box-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.box_img .img_wrap {
    width: 5rem;
    height: 5rem;
    background: #683769;
    border-radius: 50%;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.box_img .img_wrap i {
    color: #fff;
    font-size: 2rem;
}
.box_img img {
    width: 70%;
    height: 10rem;
}
.box_img * {
    text-align: center;
}
.half_light {
    position: relative;
}
.half_light::before {
    content: "";
    position: absolute;
    bottom: 0;
    background: #f3f8ff;
    height: 50%;
    width: 100%;
    z-index: -1;
}
.has_dark {
    position: relative;
}
.has_dark::before {
    content: "";
    position: absolute;
    height: 40%;
    bottom: 0;
    width: 100%;
    background: #10154e;
    z-index: -1;
}
.img_top {
    border-radius: 5px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
    box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
    position: relative;
}
.play_btn {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    height: 4rem;
    width: 4rem;
    border-radius: 50%;
}
.devider {
    position: absolute;
    background-image: url(../images/devider.svg);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 20px;
    bottom: -2px;
    left: 0;
    right: 0;
}
.devider_grey {
    position: absolute;
    background-image: url(../images/devider_grey.svg);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 20px;
    bottom: -2px;
    left: 0;
    right: 0;
}
.devider_white {
    position: absolute;
    background-image: url(../images/devider.svg);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 20px;
    bottom: -2px;
    left: 0;
    right: 0;
}
.devider_dark_top,
.devider_light_top {
    background: url(../images/devider_light.svg) top no-repeat;
    width: 100%;
    height: 6rem;
}
.divider_light_bottom {
    background: url(../images/devider_light.svg) bottom no-repeat;
    width: 100%;
    height: 6rem;
}
.title_line {
    position: relative;
    display: inline;
    z-index: 0;
}
.title_line::before {
    content: "";
    height: 20px;
    width: 100%;
    position: absolute;
    bottom: -13px;
    top: 33px;
    border-radius: 10px;
    right: -2px;
    background: 0 0 / contain #faf4f6;
    left: auto;
    z-index: -1;
}
.nav-tabs {
    margin-bottom: 30px;
    border-bottom: none;
}
.nav-link {
    color: #10154e;
}
.nav-link:hover {
    border: none;
}
.nav-link.active {
    border: none;
    border-bottom: solid 3px #be346a;
    border-radius: 5px 5px 0 0;
    background: 0 0;
    color: #be346a;
}
.table-flush tbody td:first-child,
.table-flush tbody th:first-child,
.table-flush tfoot td:first-child,
.table-flush thead th:first-child {
    padding-left: 0;
}
.table-flush tbody td:last-child,
.table-flush tbody th:last-child,
.table-flush tfoot td:last-child,
.table-flush thead th:last-child {
    padding-right: 0;
}
.table td,
.table th {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border-top: 1px solid #e5ebf1;
}
.table-white {
    background-color: #fff;
    padding: 0 30px 30px;
    border-radius: 5px;
}
.table th {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    font-weight: 400;
}
.table thead th {
    border-bottom: 0;
    text-transform: uppercase;
    font-size: 0.875rem;
    color: #8d9aae;
}
.table tfoot td {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.table-clickable [data-href]:hover {
    cursor: pointer;
}
.table-clickable [data-href]:hover .table-clickable-hover {
    color: #5546e8;
}
@media (max-width: 767.98px) {
    .table-features.table-features-alt td:nth-child(2),
    .table-features.table-features-alt th:nth-child(2),
    .table-features:not(.table-features-alt) td:nth-child(3),
    .table-features:not(.table-features-alt) th:nth-child(3) {
        display: none;
    }
}
.dropzone {
    padding: 5rem 1rem;
    background-color: #fff;
    border: 2px dashed #c6d3e6;
    border-radius: 0.375rem;
    text-align: center;
    color: #869ab8;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    cursor: pointer;
    z-index: 999;
    margin-bottom: 20px;
    margin-top: 2px;
}
.dropzone p {
    color: #526692;
}
.dropzone:hover {
    background-color: rgba(241, 242, 248, 0.562);
}
.dropzone:hover p {
    color: #10154e;
}
.made_by {
    position: fixed !important;
    display: inline-block !important;
    visibility: visible !important;
    z-index: 2147483647 !important;
    top: auto !important;
    right: 12px !important;
    bottom: 12px !important;
    left: auto !important;
    color: #aaadb0 !important;
    background-color: #fff !important;
    border-radius: 3px !important;
    padding: 6px 8px 6px 6px !important;
    font-size: 12px !important;
    opacity: 1 !important;
    line-height: 14px !important;
    text-decoration: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    white-space: nowrap;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}
.domain_form {
    background: #fff;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px;
    border-radius: 5px;
    max-width: 50rem;
    border: 1px solid transparent;
    width: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.domain_form .btn_search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.domain_form .btn_search span {
    display: block;
}
.domain_form .btn_search i {
    font-size: 25px;
    line-height: 100%;
    margin-top: -4px;
}
@media screen and (max-width: 991px) {
    .domain_form {
        max-width: auto !important;
    }
}
.domain_form:focus,
.domain_form:hover {
    border: 1px solid #be346a;
}
.domain_form input {
    height: 30px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.domain_form input:focus,
.domain_form input:hover {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.domain_form .btn {
    padding: 18px;
    width: 30%;
}
.table_sh {
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    padding: 30px;
    border-radius: 10px;
}
.table_sh span {
    color: #6f7583;
}
header {
    z-index: 9;
    position: absolute;
    top: 0;
    background: 0 0 !important;
    right: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid rgba(16, 21, 78, 0);
    -webkit-backdrop-filter: saturate(1) blur(20px) !important;
    -moz-backdrop-filter: saturate(1) blur(20px) !important;
    -o-backdrop-filter: saturate(1) blur(20px) !important;
    backdrop-filter: saturate(1) blur(20px) !important;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
}
header.no_blur {
    -webkit-backdrop-filter: none !important;
    -moz-backdrop-filter: none !important;
    -o-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
.fixed-header header {
    background: rgba(255, 255, 255, 0.8);
    -webkit-backdrop-filter: saturate(1) blur(20px) !important;
    -o-backdrop-filter: saturate(1) blur(20px) !important;
    backdrop-filter: saturate(1) blur(20px) !important;
    border-bottom: 1px solid #edeef1;
}
@-moz-document url-prefix() {
    .fixed-header header {
        background: #fff;
        border-bottom: 0 !important;
        backdrop-filter: saturate(1) blur(0);
        box-shadow: 0 10px 40px 0 rgba(11, 34, 56, 0.05);
    }
}
header .navbar {
    padding: 28px 0;
}
header .navbar .navbar-brand {
    font-weight: 600;
    font-size: 22px;
}
header .navbar .navbar-brand .logo {
    vertical-align: bottom;
    margin-right: 0.5rem;
    height: 60px;
}
@media screen and (max-width: 991px) {
    header .navbar .navbar-collapse {
        background-color: #fff;
        -webkit-box-shadow: #11164e 0 36px 66px -42px;
        box-shadow: #11164e 0 36px 66px -42px;
        border-radius: 5px;
        padding: 20px;
        margin-top: 10px;
        border: 1px solid #d5d8df;
    }
}
header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
    font-size: 15.5px;
    font-weight: 400;
    text-transform: capitalize;
    margin-right: 1.25rem;
    background-color: transparent;
}
header .navbar .navbar-collapse .navbar-nav .dropdown.show .nav-link {
    opacity: 0.7;
}
header .navbar .navbar-collapse .nav_account .btn {
    font-size: 15px;
}
header .navbar .navbar-collapse .nav_account.btn_demo2 .btn_sm_primary {
    background-color: rgba(190, 52, 106, 0.1);
    color: #be346a;
}
header .navbar .navbar-collapse .nav_account.btn_demo3 .btn_sm_primary {
    border: 1px solid #edeef1;
}
@media screen and (max-width: 991px) {
    header {
        background: #fff;
    }
    header .navbar-toggler {
        background-color: transparent !important;
    }
    header .navbar-toggler:focus {
        border: 0;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    header .navbar-brand {
        color: #10154e !important;
        font-size: 18px !important;
    }
    header .navbar-brand .logo {
        height: 34px;
    }
    header .navbar-collapse {
        margin-left: 0 !important;
    }
    header .navbar-collapse .navbar-nav {
        padding-bottom: 1rem;
    }
    header .navbar-collapse .navbar-nav .nav-item .nav-link {
        color: #10154e !important;
    }
    header .navbar-collapse .navbar-nav .nav-item .nav-link.active {
        color: #be346a !important;
    }
    header .navbar-collapse .nav_account {
        border-top: 1px solid #edeef1;
        padding: 1rem 0;
    }
    header .navbar-collapse .nav_account .btn-default {
        color: #10154e !important;
    }
    header .navbar-collapse .nav_account .btn-primary {
        background-color: #be346a !important;
        color: #fff !important;
    }
}
.header-nav-center {
    width: 100%;
    left: 0;
    z-index: 12;
}
.header-nav-center .navbar-brand {
    color: #10154e;
}
.header-nav-center .navbar-collapse .nav-item .nav-link {
    color: #10154e;
    -webkit-transition: 0.4s !important;
    transition: 0.4s !important;
}
.header-nav-center .navbar-collapse .nav-item .nav-link:hover {
    opacity: 0.7;
}
.header-nav-center .navbar-collapse .nav-item .nav-link.active,
.header-nav-center .navbar-collapse .nav-item.active .nav-link {
    color: #be346a;
    background-color: transparent;
}
.header-nav-left .navbar-collapse {
    margin-left: 2rem;
}
.header-nav-left.light .nav-pills .nav-item .nav-link {
    color: #fff;
}
.header-nav-left.light .nav-pills .nav-item .nav-link.active {
    color: #ffe7aa;
}
.fixed-header header.nav-product .nav-pills .nav-item .nav-link,
.fixed-header header.nav-product .navbar-brand {
    color: #10154e !important;
}
.fixed-header header.nav-product .nav-pills .nav-item .nav-link.active {
    color: #be346a !important;
}
.fixed-header header.nav-product .nav_account .btn-default {
    color: #10154e !important;
}
.fixed-header header.nav-product .nav_account .btn-primary {
    background-color: #be346a !important;
    color: #fff !important;
}
.fixed-header .gch_header_light .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
    color: #fff;
    border-radius: 0;
    line-height: 54px;
}
.fixed-header .gch_header_light .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active {
    -webkit-box-shadow: 0 3px 0 0 #be346a !important;
    -o-box-shadow: 0 3px 0 0 #be346a !important;
    -ms-box-shadow: 0 3px 0 0 #be346a !important;
    box-shadow: 0 3px 0 0 #be346a !important;
}
@media screen and (max-width: 991px) {
    .fixed-header .gch_header_light .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active {
        -webkit-box-shadow: none !important;
        -o-box-shadow: none !important;
        -ms-box-shadow: none !important;
        box-shadow: none !important;
    }
}
.fixed-header .header-nav-left.crypto_1 .nav-pills .nav-item .nav-link.active,
.header-nav-left.crypto_1 .nav-pills .nav-item .nav-link.active {
    color: #fd6b3b !important;
}
.fixed-header .header-nav-left.crypto_1 .nav_account .btn-primary,
.header-nav-left.crypto_1 .nav_account .btn-primary {
    background-color: #fd6b3b !important;
}
.crypto_dark {
    background-color: transparent;
    position: absolute;
    -webkit-backdrop-filter: saturate(1) blur(0) !important;
    -moz-backdrop-filter: saturate(1) blur(0) !important;
    -o-backdrop-filter: saturate(1) blur(0) !important;
    backdrop-filter: saturate(1) blur(0) !important;
}
.crypto_dark .nav_account .btn_try {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #fff;
}
@media screen and (max-width: 768px) {
    .crypto_dark .nav_account .btn_try {
        background-color: rgba(16, 21, 78, 0.1) !important;
        color: #10154e !important;
    }
}
@media screen and (max-width: 768px) {
    .crypto_dark .nav_account .drop_download {
        display: none;
        background-color: rgba(16, 21, 78, 0.1);
        color: #10154e;
    }
}
@media screen and (max-width: 768px) {
    .crypto_dark .nav_account .btn-default {
        color: #10154e;
    }
}
@media screen and (max-width: 768px) {
    .crypto_dark {
        position: fixed;
        background: rgba(255, 255, 255, 0.8);
        -webkit-backdrop-filter: saturate(1) blur(20px) !important;
        -moz-backdrop-filter: saturate(1) blur(20px) !important;
        -o-backdrop-filter: saturate(1) blur(20px) !important;
        backdrop-filter: saturate(1) blur(20px) !important;
    }
    @-moz-document url-prefix() {
        .crypto_dark {
            background: #fff;
            border-bottom: 0 !important;
            box-shadow: 0 10px 40px 0 rgba(11, 34, 56, 0.05);
        }
    }
}
.fixed_side_menu {
    position: fixed !important;
    right: 1%;
    top: 35%;
    z-index: 3;
}
.fixed_side_menu .nav-item .nav-link {
    position: relative;
    color: #aa9bb3;
    font-size: 15.5px;
    direction: rtl;
    text-align: right;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
}
.fixed_side_menu .nav-item .nav-link::before {
    content: "";
    position: absolute;
    top: 1.1rem;
    right: -0.8rem;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: 3s !important;
    transition: 3s !important;
}
.fixed_side_menu .nav-item .nav-link.active {
    background-color: transparent;
    color: #fff;
}
.fixed_side_menu .nav-item .nav-link.active:before {
    opacity: 1;
    -webkit-animation: bounce-top 0.9s both !important;
    animation: bounce-top 0.9s both !important;
}
.gch_header_light {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    -webkit-backdrop-filter: saturate(1) blur(0) !important;
    -moz-backdrop-filter: saturate(1) blur(0) !important;
    -o-backdrop-filter: saturate(1) blur(0) !important;
    backdrop-filter: saturate(1) blur(0) !important;
}
.gch_header_light .navbar-brand {
    color: #fff;
}
.gch_header_light .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
    color: #fff;
    border-radius: 0;
    line-height: 54px;
}
@media screen and (max-width: 768px) {
    .gch_header_light .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
        line-height: inherit;
    }
}
.gch_header_light .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active {
    -webkit-box-shadow: 0 3px 0 0 #fff !important;
    -o-box-shadow: 0 3px 0 0 #fff !important;
    -ms-box-shadow: 0 3px 0 0 #fff !important;
    box-shadow: 0 3px 0 0 #fff !important;
}
@media screen and (max-width: 768px) {
    .gch_header_light .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active {
        -webkit-box-shadow: none !important;
        -o-box-shadow: none !important;
        -ms-box-shadow: none !important;
        box-shadow: none !important;
    }
}
.head_host {
    border-bottom: 0;
}
.head_host .navbar .navbar-brand,
.head_host .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
    color: #fff;
}
.head_host .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active {
    color: #be346a;
}
.demo_body_interior .header-nav-center {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    top: 45px;
}
@media screen and (max-width: 768px) {
    .demo_body_interior .header-nav-center {
        top: 20px;
    }
}
.demo_body_interior.fixed-header .header-nav-center {
    top: 0;
}
.header_ch_left .navbar-collapse {
    margin-left: 6.25rem;
}
.header_ch_left .navbar-collapse .nav-item .nav-link {
    color: #9da6af;
}
.header_ch_left .navbar-collapse .nav-item .nav-link:hover {
    color: #10154e;
}
.header_ch_left .navbar-collapse .nav-item .nav-link.active {
    color: #fd6b3b;
}
.header__workspace .navbar-collapse {
    margin-left: 0;
}
.header__workspace .btn_demo3 .btn {
    border: 1px solid rgba(253, 107, 59, 0.25) !important;
    color: #fd6b3b;
}
.header_software .navbar-collapse .nav-item .nav-link {
    color: #6c7a87;
}
.header_software .navbar-collapse .nav-item .nav-link :focus,
.header_software .navbar-collapse .nav-item .nav-link:hover {
    color: #31d1ab;
}
.header_software .navbar-collapse .nav-item .nav-link.active {
    color: #fff;
}
.header_software .btn_demo3 .btn {
    background-color: rgba(49, 209, 171, 0.1);
    color: #31d1ab;
    border: 0 !important;
}
.fixed-header .header_software .navbar-collapse .nav-item .nav-link.active {
    color: #31d1ab;
}
.white-scroll-dark .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
    color: #fff;
}
.fixed-header .white-scroll-dark .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
    color: #10154e;
}
.header-black .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
    color: #fff;
}
@media screen and (max-width: 991px) {
    .header-black .nav_account .filter-blur {
        background: #000 !important;
        color: #fff !important;
    }
}
.fixed-header .header-black {
    background: rgba(0, 0, 0, 0.6);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.fixed-header .header-black .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
    color: #fff;
}
.fixed-header .header-black .navbar .filter-blur {
    -webkit-backdrop-filter: none !important;
    -moz-backdrop-filter: none !important;
    -o-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: #fff !important;
    color: #000 !important;
}
@media screen and (max-width: 991px) {
    .fixed-header .header-black .nav_account .filter-blur {
        background: #000 !important;
        color: #fff !important;
    }
}
.fixed-header .nav_account .bg-white {
    background-color: #10154e !important;
    color: #fff !important;
}
.dropdown .dropdown-toggle {
    text-transform: capitalize;
}
.dropdown .dropdown-toggle .icon_arrow,
.dropdown .dropdown-toggle::after {
    display: none;
}
@media screen and (max-width: 768px) {
    .dropdown .dropdown-toggle {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background-color: #fff;
        margin-left: -1.7rem !important;
        margin-right: -2rem !important;
        padding-left: 1.7rem !important;
        padding-right: 2rem !important;
        overflow: hidden;
    }
    .dropdown .dropdown-toggle .icon_arrow {
        display: block;
    }
    .dropdown .dropdown-toggle .icon_arrow .tio {
        position: absolute;
        right: auto;
        top: calc(50% - 9px);
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transition: 0.4s !important;
        transition: 0.4s !important;
    }
}
@media screen and (max-width: 768px) {
    .dropdown .dropdown-toggle.active {
        background-color: #f7f8fa !important;
    }
}
.dropdown .dropdown-toggle.active .icon_arrow .tio {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.dropdown .dropdown-menu {
    margin: 0;
}
@media screen and (max-width: 768px) {
    .dropdown .dropdown-menu {
        max-height: 300px;
        overflow: auto !important;
    }
}
.dropdown .dropdown-menu .dropdown-item {
    -webkit-transition: 0.4s !important;
    transition: 0.4s !important;
}
.dropdown .dropdown-menu .dropdown-item .icon_arrow .tio {
    position: absolute;
    right: 20px;
    top: calc(50% - 9px);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: 0.4s !important;
    transition: 0.4s !important;
}
.dropdown .dropdown-menu .dropdown-item:active,
.dropdown .dropdown-menu .dropdown-item:focus,
.dropdown .dropdown-menu .dropdown-item:hover {
    background-color: #f7f8fa;
    color: #be346a;
}
.dropdown .dropdown-menu .dropdown-item:active .icon_arrow .tio,
.dropdown .dropdown-menu .dropdown-item:focus .icon_arrow .tio,
.dropdown .dropdown-menu .dropdown-item:hover .icon_arrow .tio {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.dropdown .dropdown-menu .dropdown-item .item_new {
    background-color: #31d1ab;
    color: #fff;
    font-size: 12px;
    padding: 0.1rem 0.5rem;
    border-radius: 4px;
    display: inline-block;
}
.dropdown .dropdown-menu.single-drop {
    border: 0;
    border-radius: 8px;
    -webkit-box-shadow: 0 20px 60px 0 rgba(11, 34, 56, 0.1) !important;
    -o-box-shadow: 0 20px 60px 0 rgba(11, 34, 56, 0.1) !important;
    -ms-box-shadow: 0 20px 60px 0 rgba(11, 34, 56, 0.1) !important;
    box-shadow: 0 20px 60px 0 rgba(11, 34, 56, 0.1) !important;
    min-width: 210px;
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-transform: perspective(300px) rotateX(0);
    transform: perspective(300px) rotateX(0);
    -webkit-transform-origin: 50% -50px;
    transform-origin: 50% -50px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important;
    transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important;
    display: inline-block;
}
@media screen and (min-width: 769px) {
    .dropdown .dropdown-menu.single-drop {
        height: auto !important;
    }
}
@media screen and (max-width: 768px) {
    .dropdown .dropdown-menu.single-drop.sm_dropdown {
        top: 57px;
    }
}
@media screen and (max-width: 768px) {
    .dropdown .dropdown-menu.single-drop {
        -webkit-box-shadow: none;
        display: block;
        -webkit-transform: none !important;
        transform: none !important;
        overflow: hidden;
        height: 0;
        width: 100%;
        padding: 0;
        -webkit-transition: height 0.4s cubic-bezier(0.35, 0.2, 0.2, 1) !important;
        transition: height 0.4s cubic-bezier(0.35, 0.2, 0.2, 1) !important;
        box-shadow: none !important;
    }
}
.dropdown .dropdown-menu .dropdown_menu_nav {
    padding: 0;
}
.dropdown .dropdown-menu .dropdown_menu_nav li {
    list-style: none;
}
.dropdown .dropdown-menu .dropdown_menu_nav li .dropdown-item {
    padding: 0.4rem 1.5rem;
    font-size: 15px;
    color: #10154e;
    text-transform: capitalize;
}
.dropdown .dropdown-menu .dropdown_menu_nav .item_colume .sub_title {
    display: block;
    color: rgba(255, 255, 255, 0.781);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0 1rem;
    margin-bottom: 0.938rem;
}
@media screen and (max-width: 768px) {
    .dropdown .dropdown-menu .dropdown_menu_nav .item_colume .sub_title {
        margin: 0.938rem 0;
    }
}
.dropdown .dropdown-menu .dropdown_menu_nav .item_colume .sub_nav_menu .nav_meun {
    padding: 0;
    margin: 0;
}
.dropdown .dropdown-menu .dropdown_menu_nav .item_colume .sub_nav_menu .nav_meun li {
    list-style: none;
    padding: 0;
}
.dropdown .dropdown-menu .dropdown_menu_nav .item_colume .sub_nav_menu .nav_meun li .dropdown-item {
    border-radius: 6px;
    padding: 0.4rem 1rem;
    color: #10154e;
    font-size: 15.5px;
    -webkkit-transition: 0.3s !important;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
}
.dropdown .dropdown-menu .dropdown_menu_nav .item_colume .sub_nav_menu .nav_meun li .dropdown-item:hover {
    background-color: #f7f8fa;
    opacity: 0.7;
}
.dropdown.show .dropdown-menu.single-drop {
    transform: perspective(0) rotateX(0);
    -webkit-transform: perspective(0) rotateX(0);
    -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important;
    transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important;
    opacity: 1;
    visibility: visible;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .dropdown .active + .dropdown-menu {
        opacity: 1;
        visibility: visible;
    }
}
.dropdown_full .dropdown-menu .dropdown_menu_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.25rem 1.875rem;
}
@media screen and (max-width: 768px) {
    .dropdown_full .dropdown-menu .dropdown_menu_nav {
        display: block;
        padding: 0 0.3rem 0 0;
    }
}
.dropdown_full .dropdown-menu .dropdown_menu_nav .item_colume {
    width: calc(100% / 5);
}
@media screen and (max-width: 768px) {
    .dropdown_full .dropdown-menu .dropdown_menu_nav .item_colume {
        width: 100%;
    }
}
.dropdown-submenu {
    position: relative;
    list-style: none;
}
.dropdown-submenu .dropdown-menu.sec-drop {
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 8px;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    border: 1px solid #9c97a8;
    min-width: 210px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important;
    transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important;
    display: inline-block;
}
@media screen and (max-width: 768px) {
    .dropdown-submenu .dropdown-menu.sec-drop {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        display: block;
        -webkit-transform: none !important;
        transform: none !important;
        overflow: auto;
        width: 100%;
        visibility: visible;
        opacity: 1;
        -webkit-transition: height 0.4s cubic-bezier(0.35, 0.2, 0.2, 1) !important;
        transition: height 0.4s cubic-bezier(0.35, 0.2, 0.2, 1) !important;
    }
}
.dropdown-submenu.show .sec-drop {
    transform: perspective(0) rotateX(0);
    -webkit-transform: perspective(0) rotateX(0);
    -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important;
    transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important;
    opacity: 1;
    visibility: visible;
}
.dropdown-submenu.show:active,
.dropdown-submenu.show:focus,
.dropdown-submenu.show:hover {
    background-color: #f7f8fa;
    color: #be346a;
}
@media screen and (max-width: 768px) {
    .dropdown-submenu.show:active,
    .dropdown-submenu.show:focus,
    .dropdown-submenu.show:hover {
        background-color: transparent !important;
    }
}
.dropdown-submenu.show:active .icon_arrow .tio,
.dropdown-submenu.show:focus .icon_arrow .tio,
.dropdown-submenu.show:hover .icon_arrow .tio {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
@media screen and (max-width: 768px) {
    .dropdown-submenu.show:active .icon_arrow .tio,
    .dropdown-submenu.show:focus .icon_arrow .tio,
    .dropdown-submenu.show:hover .icon_arrow .tio {
        -webkit-transform: none !important;
        transform: none !important;
    }
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
}
@media screen and (max-width: 768px) {
    .dropdown-submenu > .dropdown-menu {
        top: inherit;
        left: inherit;
        margin-top: inherit;
    }
}
@media screen and (max-width: 768px) {
    .dropdown-submenu .dropdown-toggle {
        font-size: 13px;
        text-transform: uppercase;
        color: #6c7a87;
    }
}
.dropdown-submenu .dropdown-toggle .icon_arrow {
    display: block;
}
@media screen and (max-width: 768px) {
    .dropdown-submenu .dropdown-toggle .icon_arrow {
        display: none !important;
    }
}
@media screen and (max-width: 768px) {
    .dropdown-submenu .active + .dropdown-menu {
        opacity: 1;
        visibility: visible;
    }
}
.single-drop {
    background: linear-gradient(104deg, #fff, #fff, #fff, rgba(255, 255, 255, 0.836)) !important;
}
@media screen and (max-width: 768px) {
    .single-drop .dropdown-submenu .dropdown-toggle:active,
    .single-drop .dropdown-submenu .dropdown-toggle:focus,
    .single-drop .dropdown-submenu .dropdown-toggle:hover {
        background-color: transparent !important;
    }
}
@media screen and (max-width: 768px) {
    .single-drop .dropdown-submenu .dropdown-toggle.active {
        background-color: transparent !important;
        color: #be346a;
    }
}
.coming {
    position: relative;
    position: relative;
}
.coming::before {
    content: " coming soon ";
    position: absolute;
    top: 6px;
    font-size: 10px;
    background-color: #683769;
    color: #fff;
    padding: 3px 10px;
    border-radius: 3px;
    right: 2rem;
}
.drop_dark .dropdown-item {
    color: #fff !important;
}
.drop_dark .dropdown-item:hover {
    background-color: #683769 !important;
    color: #fff !important;
    opacity: 1 !important;
}
.hero {
    position: relative;
    z-index: 1;
    background-repeat: no-repeat;
}
.hero .container,
.hero .row {
    height: 100%;
}
.hero .hero_title {
    text-transform: capitalize;
}
.hero .hero_wrap {
    padding: 7rem 0;
}
@media screen and (max-width: 768px) {
    .hero .hero_wrap {
        padding: 3rem 0;
    }
}
.hero.in_index {
    position: relative;
    position: relative;
    position: relative;
}
.hero.in_index::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
    background: #10154e;
    z-index: -2;
    border-bottom-right-radius: 350px;
}
@media screen and (max-width: 991px) {
    .hero.in_index::after {
        border-bottom-right-radius: 50px;
    }
}
.hero.in_index::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/hero.png);
    z-index: -1;
    background-position: center;
}
.hero.in_index .hero_wrap {
    padding: 12rem 0;
    height: 100vh;
    position: relative;
}
.hero.in_index .hero_wrap::before {
    content: "";
    position: absolute;
    bottom: -4rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url(../images/circles.svg);
    background-size: contain;
    height: 6rem;
    width: 14rem;
    background-repeat: no-repeat;
    z-index: 2;
}
@media screen and (max-width: 991px) {
    .hero.in_index .hero_wrap {
        padding: 10rem 0 0;
        height: auto;
    }
}
.hero.in_index .hero_title {
    font-size: calc(46px + 18 * ((100vw - 576px) / 1024));
    line-height: 1.1;
    margin-bottom: 10px;
    max-width: 60rem;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 576px) {
    .hero.in_index .hero_title {
        font-size: 46px;
    }
}
@media screen and (min-width: 1600px) {
    .hero.in_index .hero_title {
        font-size: 64px;
    }
}
.hero.in_index .img_right {
    height: 100%;
    width: auto;
}
@media screen and (max-width: 991px) {
    .hero.in_index .img_right {
        display: none;
    }
}
.hero.in_index .hero_text {
    margin: 0 0 20px;
    font-size: 17px;
}
.hero.in_index .list_index {
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    margin-top: 10px;
    font-size: 20px;
    text-align: center;
}
.hero.in_index .advantages {
    background: url(../images/banner.webp) 0 0/100% 100% no-repeat;
    overflow: visible;
}
.hero.has_style1 {
    background-color: #10154e;
    border-radius: 20px;
    background-image: url(../images/wave.svg);
    background-size: contain;
    background-position-x: left;
    -webkit-box-shadow: 0 36px 66px -42px #11164e;
    box-shadow: 0 36px 66px -42px #11164e;
    position: relative;
}
.hero.has_style1::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: -5rem;
    background: url(../images/orange_circle.svg) 0 0 / contain no-repeat;
    height: 6rem;
    width: 15rem;
}
@media screen and (max-width: 768px) {
    .hero.has_style1 .hero_wrap {
        padding: 5rem 1rem;
    }
}
.hero.has_style1 .hero_title {
    color: #683769;
    font-size: calc(36px + 18 * ((100vw - 576px) / 1024));
    text-align: left;
    z-index: 1;
}
@media screen and (max-width: 576px) {
    .hero.has_style1 .hero_title {
        font-size: 36px;
    }
}
@media screen and (min-width: 1600px) {
    .hero.has_style1 .hero_title {
        font-size: 54px;
    }
}
@media screen and (max-width: 991px) {
    .hero.has_style1 .hero_title {
        text-align: center;
        line-height: 1.2;
    }
}
.hero.has_style1 .hero_text {
    font-size: 16px;
    z-index: 1;
    opacity: 0.85;
}
@media screen and (max-width: 991px) {
    .hero.has_style1 .hero_text {
        text-align: center;
    }
}
.hero.has_style1 .img_wrap {
    -webkit-transform: translate(-45%, 0);
    transform: translate(-45%, 0);
    z-index: -1;
}
.hero.has_style1 .img_wrap img {
    width: 147%;
}
@media screen and (max-width: 991px) {
    .hero.has_style1 .img_wrap {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .hero.has_style1 .img_wrap img {
        margin-top: 20px;
        width: 100%;
        max-width: 100%;
    }
}
@media screen and (max-width: 991px) {
    .hero.has_style1 .btn_hero {
        width: 100%;
        margin-bottom: 10px;
    }
}
.hero.has_style1 .header-shape {
    position: absolute;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    left: -4rem;
    top: -10rem;
    z-index: -1;
}
@media screen and (max-width: 991px) {
    .hero.has_style1 .header-shape {
        display: none;
    }
}
.hero.has_style2 {
    overflow: hidden;
    background-color: #faf4f6;
    position: relative;
}
@media screen and (max-width: 991px) {
    .hero.has_style2 {
        height: auto;
    }
}
.hero.has_style2 .dots {
    position: absolute;
    opacity: 0.3;
    top: 2rem;
}
.hero.has_style2 .hero_wrap {
    padding: 36px 0 4rem;
    height: 100%;
}
.hero.has_style2::before {
    position: absolute;
    content: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    border-radius: 0 0 60px;
    background: linear-gradient(45deg, #4c3d69 0, #c73e67 100%);
    z-index: -2;
}
@media screen and (max-width: 991px) {
    .hero.has_style2::before {
        width: 100%;
    }
}
.hero.has_style2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -2.5rem;
    
    height: 20rem;
    width: 20rem;
    z-index: -1;
}
.hero.has_style2 .hero_form {
    background: #fff;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px;
    border-radius: 5px;
    max-width: 30rem;
    border: 1px solid transparent;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 100%;
}
.hero.has_style2 .hero_form:hover {
    border: 1px solid #be346a;
}
.hero.has_style2 .hero_form input {
    height: 30px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.hero.has_style2 .hero_form .btn {
    padding: 18px;
    width: 60%;
}
.hero.has_style2 .hero_title {
    font-size: calc(46px + 18 * ((100vw - 576px) / 1024));
    text-align: left;
    z-index: 1;
}
@media screen and (max-width: 576px) {
    .hero.has_style2 .hero_title {
        font-size: 46px;
    }
}
@media screen and (min-width: 1600px) {
    .hero.has_style2 .hero_title {
        font-size: 64px;
    }
}
@media screen and (max-width: 991px) {
    .hero.has_style2 .hero_title {
        text-align: center;
        font-size: 40px;
    }
}
.hero.has_style2 .hero_text {
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 20px;
    color: #515664;
    z-index: 1;
}
@media screen and (max-width: 991px) {
    .hero.has_style2 .hero_text {
        text-align: center;
        font-size: 15px;
        margin-top: 20px;
    }
}
.hero.has_style2 .img_wrap {
    text-align: center;
    margin: auto;
    min-height: 35rem;
}
.hero.has_style2 .img_wrap img {
    width: 100%;
    max-width: 900px;
}
@media screen and (max-width: 991px) {
    .hero.has_style2 .img_wrap img {
        margin-top: 20px;
        width: 100%;
        max-width: 700px;
    }
}
@media screen and (max-width: 991px) {
    .hero.has_style2 .img_wrap {
        min-height: auto !important;
        margin-top: 20px;
    }
}
.hero.has_style3 {
    position: relative;
    position: relative;
}
.hero.has_style3::before {
    content: "";
    position: absolute;
    background: #edf0f2;
    height: 100%;
    width: 80%;
    left: 0;
    top: 0;
    z-index: -2;
}
@media screen and (max-width: 991px) {
    .hero.has_style3::before {
        width: 100%;
    }
}
.hero.has_style3::after {
    content: "";
    position: absolute;
    bottom: -4rem;
    right: 10rem;
    background: url(../images/dots.svg) 0 0 / contain no-repeat;
    height: 10rem;
    width: 10rem;
    z-index: -1;
}
.hero.has_style3 .container,
.hero.has_style3 .row {
    height: auto;
}
.hero.has_style3 .hero_form {
    background: #fff;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px;
    border-radius: 5px;
    max-width: 30rem;
    width: 100%;
}
.hero.has_style3 .hero_form input {
    height: 30px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.hero.has_style3 .hero_form .btn {
    padding: 18px;
    width: 60%;
}
.hero.has_style3 .img_wrap {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
}
.hero.has_style3 .img_wrap .deco_hero3 {
    position: absolute;
    bottom: 2rem;
    left: -4rem;
}
@media screen and (max-width: 991px) {
    .hero.has_style3 .img_wrap .deco_hero3 {
        bottom: 0;
        left: 0;
    }
}
.hero.has_style3 .img_wrap img {
    margin-left: auto;
    margin-right: auto;
    height: auto;
    border-radius: 10px;
}
.hero.has_style3 .hero_title {
    color: #10154e;
    margin-bottom: 20px;
    text-align: left;
    z-index: 1;
    font-size: calc(40px + 24 * ((100vw - 576px) / 1024));
}
@media screen and (max-width: 576px) {
    .hero.has_style3 .hero_title {
        font-size: 40px;
    }
}
@media screen and (min-width: 1600px) {
    .hero.has_style3 .hero_title {
        font-size: 64px;
    }
}
@media screen and (max-width: 991px) {
    .hero.has_style3 .hero_title {
        text-align: center;
        margin-bottom: 20px;
    }
}
.hero.has_style3 .hero_text {
    font-size: 17px;
    line-height: 1.5;
    letter-spacing: -0.5px;
    font-weight: 400;
    margin-bottom: 20px;
    color: #6f7583;
    z-index: 1;
}
@media screen and (max-width: 991px) {
    .hero.has_style3 .hero_text {
        text-align: center;
        margin-left: auto !important;
        mgright: auto !important;
    }
}
.hero.has_style3 .swiper-button-prev {
    height: 3rem;
    width: 3rem;
    bottom: 0;
    top: auto;
    left: auto;
    left: 0 !important;
    background: #10154e;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    outline: 0;
    border-radius: 0 0 0 10px;
}
.hero.has_style3 .swiper-button-prev:hover {
    color: #be346a;
}
.hero.has_style3 .swiper-button-next {
    height: 3rem;
    width: 3rem;
    bottom: 0;
    top: auto;
    left: 3.1rem !important;
    background: #10154e;
    outline: 0;
    border-radius: 0 10px 0 0;
}
.hero.has_style3 .swiper-button-next:hover {
    color: #be346a;
}
.hero.has_style3 .swiper-button-next::after,
.hero.has_style3 .swiper-button-prev::after {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.hero.has_style4 {
    background-size: cover;
    height: auto;
    background-position: right bottom;
    background-color: #10154e;
    z-index: 1;
    z-index: 0;
    -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}
.hero.has_style4::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(0, 0, 0, 0.479);
}
@media screen and (min-width: 1025px) {
    .hero.has_style4::before {
        background: rgba(0, 0, 0, 0.089);
    }
}
.hero.has_style4::after {
    content: "";
    position: absolute;
    bottom: -4rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url(../images/circles.svg);
    background-size: contain;
    height: 6rem;
    width: 14rem;
    background-repeat: no-repeat;
    z-index: 2;
}
@media screen and (max-width: 991px) {
    .hero.has_style4 {
        height: auto;
        padding-bottom: 60px;
    }
}
.hero.has_style4 .hero_wrap {
    height: 100%;
    padding: 10rem 0;
    overflow: hidden;
}
@media screen and (max-width: 991px) {
    .hero.has_style4 .hero_wrap {
        padding: 60px 0 20px;
    }
}
.hero.has_style4 .hero_title {
    font-size: 60px;
    color: #fff;
    max-width: 60rem;
    margin-bottom: 20px;
    line-height: 1;
}
@media screen and (max-width: 991px) {
    .hero.has_style4 .hero_title {
        font-size: 40px;
        text-align: center;
    }
}
.hero.has_style4 .play_flex img {
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.hero.has_style4 .play_flex img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.7;
}
@media screen and (max-width: 991px) {
    .hero.has_style4 .play_flex {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
}
.hero.has_style4 .hero_text {
    color: #fff;
    max-width: 30rem;
    margin-left: 0;
    margin-bottom: 27px;
    font-size: 15.5px;
}
@media screen and (max-width: 992px) {
    .hero.has_style4 .hero_text {
        text-align: center;
        margin: auto auto 27px;
    }
}
.hero.has_style4 .price_wrap {
    background: #fff;
    padding: 3rem;
    border-radius: 5px;
    -webkit-box-shadow: -1px 20px 80px -14px #27073f21;
    box-shadow: -1px 20px 80px -14px #27073f21;
    position: relative;
}
.hero.has_style4 .price_wrap::before {
    content: "";
    position: absolute;
    height: 1rem;
    border-radius: 5px 5px 0 0;
    background: linear-gradient(45deg, #4c3d69 0, #c73e67 100%);
    width: 100%;
    top: 0;
    left: 0;
}
.hero.has_style4 .price_wrap .btn {
    padding: 20px;
}
.hero.has_style5 {
    background-color: #10154e;
    background-image: url(../images/wave.svg);
    background-attachment: fixed;
    background-size: contain;
    background-position-x: right;
    -webkit-box-shadow: 0 36px 66px -42px #11164e;
    box-shadow: 0 36px 66px -42px #11164e;
}
.hero.has_style5 .container {
    position: relative;
}
.hero.has_style5 .hero_wrap {
    padding: 4rem 0;
}
.hero.has_style5 .swiper-button-prev {
    height: 3rem;
    width: 3rem;
    top: 3.6rem;
    left: 0;
    right: auto;
    background: #be346a;
    border: 3px solid #10154e;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    border-radius: 5px;
}
.hero.has_style5 .swiper-button-prev:hover {
    background: #683769;
}
@media screen and (max-width: 991px) {
    .hero.has_style5 .swiper-button-prev {
        display: none;
    }
}
.hero.has_style5 .swiper-button-next {
    height: 3rem;
    width: 3rem;
    top: 3.6rem;
    border: 3px solid #10154e;
    left: 4rem;
    right: auto;
    background: #be346a;
    border-radius: 5px;
}
.hero.has_style5 .swiper-button-next:hover {
    background: #683769;
}
@media screen and (max-width: 991px) {
    .hero.has_style5 .swiper-button-next {
        display: none;
    }
}
.hero.has_style5 .swiper-button-next::after,
.hero.has_style5 .swiper-button-prev::after {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.hero.has_style5 .hero_title {
    font-size: 64px;
    color: #fff;
    max-width: 60rem;
    margin-bottom: 20px;
    line-height: 1.2;
}
@media screen and (max-width: 992px) {
    .hero.has_style5 .hero_title {
        font-size: 60px;
        text-align: center;
    }
}
@media screen and (max-width: 768px) {
    .hero.has_style5 .hero_title {
        font-size: 40px;
    }
}
.hero.has_style5 .hero_text {
    color: #fff;
    max-width: 30rem;
    margin-bottom: 20px;
    font-size: 15.5px;
    margin-left: 0;
}
@media screen and (max-width: 992px) {
    .hero.has_style5 .hero_text {
        text-align: center;
        margin: auto auto 27px;
    }
}
.hero.has_style5 .numbers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: linear-gradient(45deg, #4c3d69 0, #c73e67 100%);
    position: absolute;
    right: 5px;
    padding: 20px 30px;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    border-radius: 5px;
    color: #fff;
    z-index: 2;
}
.hero.has_style5 .numbers h2 {
    color: #fff;
}
@media screen and (max-width: 768px) {
    .hero.has_style5 .numbers {
        left: 15px;
        right: 15px;
    }
}
.hero.has_style5 .img_wrap {
    margin-top: 4rem;
}
.hero.has_style5 .img_wrap img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 30rem;
    width: 100%;
}
.hero.has_style5 .text-gray {
    margin-top: 20px;
    color: #858c9b;
}
.hero.has_style5 .card-form {
    padding: 32px;
    border-radius: 0.5rem;
    -webkit-box-shadow: 0 15px 50px -10px rgba(21, 37, 72, 0.1);
    box-shadow: 0 15px 50px -10px rgba(21, 37, 72, 0.1);
}
@media screen and (max-width: 991px) {
    .hero.has_style5 .card-form {
        margin-top: 30px;
    }
}
.hero.has_style6 {
    overflow: hidden;
    position: relative;
}
.hero.has_style6::before {
    content: "";
    position: absolute;
    background: #f7f5f7;
    height: 100%;
    width: 60%;
    left: 0;
    border-radius: 0 0 50px;
    top: 0;
    z-index: -2;
}
.hero.has_style6 .img_wrap {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
}
.hero.has_style6 .img_wrap .deco_hero6 {
    position: absolute;
    bottom: -2rem;
    left: -4rem;
    width: 100%;
    z-index: -1;
}
.hero.has_style6 .img_wrap img {
    max-height: 60rem;
}
.hero.has_style6 .hero_title {
    color: #10154e;
    margin-bottom: 20px;
    text-align: left;
    z-index: 1;
    font-size: calc(46px + 18 * ((100vw - 576px) / 1024));
}
@media screen and (max-width: 576px) {
    .hero.has_style6 .hero_title {
        font-size: 46px;
    }
}
@media screen and (min-width: 1600px) {
    .hero.has_style6 .hero_title {
        font-size: 64px;
    }
}
@media screen and (max-width: 991px) {
    .hero.has_style6 .hero_title {
        text-align: center;
        font-size: 40px;
        margin-bottom: 20px;
    }
}
.hero.has_style6 .hero_text {
    font-size: 17px;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 20px;
    color: #54587f;
    z-index: 1;
}
@media screen and (max-width: 991px) {
    .hero.has_style6 .hero_text {
        text-align: center;
    }
}
.hero.is_dark {
    margin-bottom: 5rem;
    background: #10154e;
}
.hero.is_dark .navbar .menu .line-menu {
    background: #10154e;
}
.hero.is_dark .hero_wrap {
    height: 100%;
    padding: 120px 0;
}
.hero.is_dark .hero_textription {
    margin-top: 20px;
    color: #fff;
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 20px;
}
.hero.is_dark .hero_title {
    color: #fff;
    margin-bottom: 30px;
}
@media screen and (max-width: 992px) {
    .hero.is_dark .hero_title {
        text-align: center;
    }
}
@media screen and (max-width: 768px) {
    .hero.is_dark .hero_title {
        font-size: 40px;
    }
}
.hero.is_dark .hero-img {
    text-align: center;
    margin: auto;
}
.hero.is_dark .hero-img img {
    width: 130%;
}
@media screen and (max-width: 992px) {
    .hero.is_dark .hero-img img {
        padding-top: 5rem;
        width: 80%;
    }
}
.hero.is_dark .hero_wrap {
    overflow: hidden;
}
.hero.has_bg {
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
}
.hero.has_bg .hero_wrap {
    padding: 200px 0;
}
.hero.has_bg .header-title {
    color: #fff;
    font-size: calc(46px + 18 * ((100vw - 576px) / 1024));
    line-height: 1;
    margin-bottom: 30px;
}
@media screen and (max-width: 576px) {
    .hero.has_bg .header-title {
        font-size: 46px;
    }
}
@media screen and (min-width: 1600px) {
    .hero.has_bg .header-title {
        font-size: 64px;
    }
}
.hero.has_bg .item_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50px;
    padding: 10px 20px 10px 10px;
    border: 1px solid;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    color: #fff;
    margin-bottom: 30px;
}
.hero.has_bg .item_block span {
    color: #fff;
    margin-left: 10px;
}
.hero.has_bg .item_block svg {
    height: 3rem;
    width: 3rem;
    fill: #fff;
    background: #be346a;
    border-radius: 50%;
    padding: 10px;
}
.hero.has_style_deco {
    position: relative;
    position: relative;
}
.hero.has_style_deco::before {
    content: "";
    position: absolute;
    background-color: #e6a5be;
    height: 80vh;
    width: 50%;
    right: 0;
    top: 0;
    border-radius: 0 0 0 30px;
}
.hero.has_style_deco .line-menu {
    background: #150d4c;
}
.hero.has_style_deco .hero_wrap {
    padding: 6rem 0;
    background-repeat: no-repeat;
    background-position: center;
}
@media screen and (max-width: 992px) {
    .hero.has_style_deco .hero_wrap {
        padding: 7rem 0;
    }
}
@media screen and (max-width: 768px) {
    .hero.has_style_deco .hero_wrap {
        padding: 5rem 0;
    }
}
.hero.has_style_deco .hero_title {
    color: #683769;
    font-size: calc(46px + 18 * ((100vw - 576px) / 1024));
    margin-bottom: 40px;
    text-align: left;
}
@media screen and (max-width: 576px) {
    .hero.has_style_deco .hero_title {
        font-size: 46px;
    }
}
@media screen and (min-width: 1600px) {
    .hero.has_style_deco .hero_title {
        font-size: 64px;
    }
}
@media screen and (max-width: 992px) {
    .hero.has_style_deco .hero_title {
        font-size: 50px;
    }
}
@media screen and (max-width: 768px) {
    .hero.has_style_deco .hero_title {
        text-align: center;
        font-size: 40px;
        margin-bottom: 20px;
    }
}
.hero.has_style_deco .hero_text {
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: -0.5px;
    font-weight: 400;
    margin-bottom: 40px;
    color: #10154e;
}
.hero.has_style_deco .img_wrap {
    -webkit-transform: translate(10%, -6rem);
    transform: translate(10%, -6rem);
}
.hero.has_style_deco .img_wrap img {
    width: 100%;
    max-width: 500px;
}
@media screen and (max-width: 992px) {
    .hero.has_style_deco .img_wrap img {
        margin-top: 20px;
        width: 100%;
        max-width: 100%;
    }
}
.hero.has_style_deco .header-shape {
    position: absolute;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    left: -4rem;
    top: -10rem;
    z-index: -1;
}
.hero_page {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat !important;
}
.hero_page .hero_wrap {
    padding: 120px 0;
}
.hero_page.has_style1 {
    background-size: contain;
    position: relative;
    z-index: 0;
}
.hero_page.has_style1 .hero_img {
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-bottom: 30px;
}
.hero_page.has_style1 .hero_wrap {
    padding: 80px 0;
    position: relative;
}
.hero_page.has_style1 .hero_wrap::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 10rem;
    height: 100%;
    background-image: url(../images/pattern.svg);
    background-size: contain;
    z-index: -1;
    background-repeat: no-repeat;
}
.hero_page.has_style1 .hero_wrap::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 3rem;
    width: 10rem;
    height: 10rem;
    background-image: url(../images/pattern.svg);
    background-size: contain;
    z-index: -1;
    background-repeat: no-repeat;
}
.hero_page.has_style1 .hero_title {
    font-size: calc(46px + 18 * ((100vw - 576px) / 1024));
    line-height: 1;
    text-align: center;
    margin-bottom: 20px;
}
@media screen and (max-width: 576px) {
    .hero_page.has_style1 .hero_title {
        font-size: 46px;
    }
}
@media screen and (min-width: 1600px) {
    .hero_page.has_style1 .hero_title {
        font-size: 64px;
    }
}
.hero_page.has_style1 .hero_text {
    margin: 0;
    text-align: center;
    max-width: 40rem;
    color: #5a6875;
}
.hero_page.has_style2 {
    background-color: #f3f8ff;
    background-image: url(../images/Hero_Pattern.svg);
    background-position: center bottom;
    background-size: contain;
}
.hero_page.has_style2 .title {
    text-align: center;
    color: #10154e;
}
.hero_page.has_style2 .hero_textription {
    max-width: 40rem;
    color: #10154e;
}
.hero_page.has_style2 .hero_wrap {
    padding: 100px 0;
}
.hero_page.has_bg {
    background-color: #f3f8ff;
    background-position: right top;
}
.hero_page.has_bg::before {
    background: rgba(8, 3, 43, 0.562) !important;
}
.hero_page.has_bg .title {
    text-align: center;
}
.hero_page.has_bg {
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
    -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.hero_page.has_bg .hero_wrap {
    padding: 150px 0;
}
@media screen and (max-width: 991px) {
    .hero_page.has_bg .hero_wrap {
        padding: 70px 0;
    }
}
.hero_page.has_bg::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}
.hero_page.has_bg .title {
    color: #fff;
    font-size: calc(40px + 24 * ((100vw - 576px) / 1024));
}
@media screen and (max-width: 576px) {
    .hero_page.has_bg .title {
        font-size: 40px;
    }
}
@media screen and (min-width: 1600px) {
    .hero_page.has_bg .title {
        font-size: 64px;
    }
}
.hero_page.has_bg .hero_textription {
    max-width: 40rem;
    color: #fff;
}
.hero_page.is_dark {
    background: #10154e;
}
.hero_page.is_dark .hero_wrap {
    padding: 100px 0;
}
.hero_page.is_dark .title {
    font-size: calc(46px + 18 * ((100vw - 576px) / 1024));
    line-height: 1;
    color: #fff;
    margin-bottom: 20px;
}
@media screen and (max-width: 576px) {
    .hero_page.is_dark .title {
        font-size: 46px;
    }
}
@media screen and (min-width: 1600px) {
    .hero_page.is_dark .title {
        font-size: 64px;
    }
}
.hero_page.is_dark .description {
    color: #fff;
    margin: 0;
}
.elements_hero {
    background: linear-gradient(45deg, #4c3d69 0, #c73e67 100%);
    z-index: 0;
    overflow: hidden;
    position: relative;
}
.elements_hero::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/hero.png);
    z-index: -1;
}
.elements_hero .wrap {
    width: 50%;
}
@media screen and (max-width: 991px) {
    .elements_hero .wrap {
        width: 100%;
    }
}
.pattern_hero {
    position: relative;
    position: relative;
}
.pattern_hero::before {
    content: "";
    position: absolute;
    left: -9rem;
    top: 0;
    width: 10rem;
    height: 100%;
    background-image: url(../images/pattern.svg);
    background-size: contain;
    z-index: -1;
    background-repeat: no-repeat;
}
.pattern_hero::after {
    content: "";
    position: absolute;
    right: -9rem;
    bottom: -6rem;
    width: 10rem;
    height: 10rem;
    background-image: url(../images/pattern.svg);
    background-size: contain;
    z-index: -1;
    background-repeat: no-repeat;
}
.banner_title_inner {
    position: relative;
}
.banner_title_inner::before {
    content: "";
    position: absolute;
    right: -9rem;
    top: -4rem;
    width: 10rem;
    height: 10rem;
    background-image: url(../images/pattern.svg);
    background-size: contain;
    z-index: -1;
    background-repeat: no-repeat;
    -webkit-transform: rotate(285deg);
    transform: rotate(285deg);
}
.client_logos .has_line {
    position: relative;
    -webkit-transform: translateY(44px);
    transform: translateY(44px);
    width: 100%;
    height: 2px;
    background: #eaeaee;
    bottom: 29px;
}
.client_logos .text_line {
    text-align: center;
    padding: 0 10px;
    background: #fff;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    color: #10154e;
    position: relative;
}
.client_logos.has_style1 .company-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width: 992px) {
    .client_logos.has_style1 .company-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.client_logos.has_style1 .company-item img {
    max-width: 7rem;
    margin-bottom: 30px;
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}
.client_logos.has_style1 .company-item img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.client_logos.has_style2 .brands {
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    border: 1px solid #ebedf3;
    padding: 60px 0 30px;
}
.client_logos.has_style2 .company-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width: 992px) {
    .client_logos.has_style2 .company-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.client_logos.has_style2 .company-item img {
    max-width: 7rem;
    margin-bottom: 30px;
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}
.client_logos.has_style2 .company-item img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.client_logos.has_style3 .company-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width: 992px) {
    .client_logos.has_style3 .company-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.client_logos.has_style3 .company-item img {
    max-width: 7rem;
    margin-bottom: 30px;
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}
.client_logos.has_style3 .company-item img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.content .left_icon {
    height: 4rem;
    width: 4rem;
    border-radius: 50%;
    background: linear-gradient(45deg, #4c3d69 0, #c73e67 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.content .left_icon [class^="ri-"] {
    color: #fff;
    font-size: 1.7rem;
}
.content .list {
    border-radius: 5px;
    padding: 10px 20px;
    background: #faf4f6;
    margin-bottom: 20px;
}
.content .list strong {
    color: #10154e;
}
.content .list.has_style1 {
    background: #fff;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    border: 1px solid #e8eaee;
}
.content .list.has_style1 .icon {
    margin-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.content .list.has_style1 [class*=" ri-"],
.content .list.has_style1 [class^="ri-"] {
    font-size: 22px;
    color: #be346a;
}
.content .list.has_style2 .icon {
    height: 3rem;
    width: 3rem;
    background: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 20px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}
.content .list.has_style2 .icon [class*=" ri-"],
.content .list.has_style2 .icon [class^="ri-"] {
    font-size: 22px;
}
.content .list.has_style3 {
    border-radius: 5px;
    padding: 0;
    background: #fff;
    margin-bottom: 0;
}
.content .list.has_style3 .icon {
    height: 3rem;
    background: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}
.content .list.has_style3 .icon [class*=" ri-"],
.content .list.has_style3 .icon [class^="ri-"] {
    font-size: 22px;
    color: #be346a;
}
.content .number_wrap {
    background: #10154e;
    padding: 60px 30px;
    -webkit-box-shadow: 0 36px 66px -42px #11164e;
    box-shadow: 0 36px 66px -42px #11164e;
    border-radius: 5px;
    position: absolute;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    left: 0;
    min-width: 38rem;
}
@media screen and (max-width: 991px) {
    .content .number_wrap {
        position: relative;
        min-width: 0;
        width: -webkit-fill-available;
        margin: 0 15px 60px;
        padding: 30px 15px;
    }
}
.content .content_numbers {
    text-align: center;
    background-color: #10154e;
    border-radius: 5px;
    margin-bottom: 20px;
    color: #fff;
    padding: 10px;
}
.content .content_numbers p {
    color: #fff;
}
.content.in_software .soft_img {
    width: 100%;
}
.feautures {
    position: relative;
}
.feautures .box_text {
    font-size: 14px;
}
.feautures.has_style1 .box {
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    border: 1px solid #eaeaee;
    margin-top: 3rem;
    -webkit-transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (max-width: 991px) {
    .feautures.has_style1 .box {
        margin-top: 0;
    }
}
.feautures.has_style1 .box.is_active {
    background: #10154e;
    margin-top: 0;
    -webkit-box-shadow: 0 36px 66px -42px #11164e;
    box-shadow: 0 36px 66px -42px #11164e;
    border: none;
}
.feautures.has_style1 .box.is_active .box_icon {
    background: linear-gradient(45deg, #4c3d69 0, #c73e67 100%);
}
.feautures.has_style1 .box.is_active .box_title {
    color: #fff;
}
.feautures.has_style1 .box.is_active .box_text {
    color: rgba(255, 255, 255, 0.575) !important;
}
.feautures.has_style1 .box .box_icon {
    margin-bottom: 15px;
    text-align: center;
    height: 4rem;
    width: 4rem;
    border-radius: 20px;
    background: #683769;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: auto;
}
.feautures.has_style1 .box .box_icon img {
    max-height: 5rem;
}
.feautures.has_style1 .box .box_icon ion-icon {
    color: #be346a;
    font-size: 35px !important;
}
.feautures.has_style1 .box .box_icon svg {
    fill: #be346a;
}
.feautures.has_style1 .box .box_icon [class^="ri-"] {
    fill: #be346a !important;
    font-size: 1.6rem;
    color: #fff;
}
.feautures.has_style1 .box .box_title {
    margin-bottom: 10px;
    text-align: center;
}
.feautures.has_style1 .box:hover {
    -webkit-transform: translate3d(0, 10px, 50px);
    transform: translate3d(0, 10px, 50px);
}
.feautures.has_style2 .box {
    padding: 0;
}
.feautures.has_style2 .box .box_icon {
    margin-bottom: 20px;
    text-align: left;
    background: #fff;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    height: 4rem;
    width: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 20px;
}
.feautures.has_style2 .box .box_icon img {
    max-height: 5rem;
}
.feautures.has_style2 .box .box_icon ion-icon {
    color: #be346a;
    font-size: 30px !important;
}
.feautures.has_style2 .box .box_icon svg {
    fill: #be346a;
}
.feautures.has_style2 .box .box_icon [class^="ri-"] {
    color: #be346a !important;
    font-size: 1.7rem;
}
.feautures.has_style2 .box .box_title {
    margin-bottom: 10px;
}
.feautures.has_style2 .box .box_text {
    margin: 0;
}
.feautures.has_style3 .swiper-slide {
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.feautures.has_style3 .swiper-slide-active .box {
    background: linear-gradient(45deg, #4c3d69 0, #c73e67 100%) !important;
    color: #fff;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.feautures.has_style3 .swiper-slide-active .box .box_title {
    color: #fff;
}
.feautures.has_style3 .swiper-slide-active .box .box_text {
    color: rgba(255, 255, 255, 0.712);
}
.feautures.has_style3 .swiper-slide-active .box .box_icon {
    background: rgba(255, 255, 255, 0.096);
}
.feautures.has_style3 .swiper-slide-active .box [class^="ri-"] {
    color: #fff !important;
}
.feautures.has_style3 .box {
    border: 1px solid #ebedf3;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    background: #fff;
}
.feautures.has_style3 .box .box_icon {
    margin-bottom: 20px;
    text-align: left;
    background: #faf4f6;
    height: 4rem;
    width: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 20px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-right: 20px;
}
.feautures.has_style3 .box .box_icon img {
    max-height: 5rem;
}
.feautures.has_style3 .box .box_icon ion-icon {
    color: #be346a;
    font-size: 30px !important;
}
.feautures.has_style3 .box .box_icon svg {
    fill: #be346a;
}
.feautures.has_style3 .box .box_icon [class^="ri-"] {
    color: #be346a;
    font-size: 1.7rem;
}
.feautures.has_style3 .box .box_title {
    margin-bottom: 10px;
}
.feautures.has_style3 .box .box_text {
    margin: 0;
}
.feautures.has_style3 .swiper-button-prev {
    height: 3rem;
    width: 3rem;
    top: 50%;
    left: auto;
    right: 4rem !important;
    background: #683769;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    outline: 0;
}
@media screen and (max-width: 991px) {
    .feautures.has_style3 .swiper-button-prev {
        display: none;
    }
}
.feautures.has_style3 .swiper-button-next {
    height: 3rem;
    width: 3rem;
    top: 50%;
    right: 0 !important;
    background: #be346a;
    border-radius: 50%;
    outline: 0;
}
@media screen and (max-width: 991px) {
    .feautures.has_style3 .swiper-button-next {
        visibility: hidden;
    }
}
.feautures.has_style3 .swiper-button-next::after,
.feautures.has_style3 .swiper-button-prev::after {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.feautures.has_style4 .box {
    padding: 0;
}
.feautures.has_style4 .box.is_active .box_text,
.feautures.has_style4 .box.is_active .box_title {
    color: #fff;
}
.feautures.has_style4 .box.is_active .box_icon {
    background: rgba(255, 255, 255, 0.096);
}
.feautures.has_style4 .box.is_active [class^="ri-"] {
    color: #fff !important;
}
.feautures.has_style4 .box .box_icon {
    margin-bottom: 20px;
    text-align: left;
    background: rgba(255, 255, 255, 0.096);
    height: 4rem;
    width: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 20px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-right: 20px;
}
.feautures.has_style4 .box .box_icon img {
    max-height: 5rem;
}
.feautures.has_style4 .box .box_icon ion-icon {
    color: #be346a;
    font-size: 30px !important;
}
.feautures.has_style4 .box .box_icon svg {
    fill: #be346a;
}
.feautures.has_style4 .box .box_icon [class^="ri-"] {
    color: #fff;
    font-size: 1.7rem;
}
.feautures.has_style4 .box .box_title {
    margin-bottom: 10px;
}
.feautures.has_style4 .box .box_text {
    margin: 0;
}
.feautures.has_stylex .box {
    padding: 0;
}
.feautures.has_stylex .box .box_icon {
    margin-bottom: 20px;
    text-align: left;
    background: linear-gradient(45deg, #4c3d69 0, #c73e67 100%);
    height: 4rem;
    width: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 20px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-right: 20px;
    position: relative;
}
.feautures.has_stylex .box .box_icon::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 90%;
    background: rgba(255, 255, 255, 0.226);
    z-index: -1;
    bottom: -5px;
    border-radius: 20px;
}
.feautures.has_stylex .box .box_icon::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 50%;
    background: rgba(255, 255, 255, 0.13);
    z-index: -1;
    bottom: -10px;
    border-radius: 20px;
}
.feautures.has_stylex .box .box_icon img {
    max-height: 5rem;
}
.feautures.has_stylex .box .box_icon ion-icon {
    color: #be346a;
    font-size: 30px !important;
}
.feautures.has_stylex .box .box_icon svg {
    fill: #be346a;
}
.feautures.has_stylex .box .box_icon [class^="ri-"] {
    color: #fff;
    font-size: 1.7rem;
}
.feautures.has_stylex .box .box_title {
    margin-bottom: 10px;
}
.feautures.has_stylex .box .box_text {
    margin: 0;
}
.feautures.has_style_bg {
    background-size: contain;
    background-repeat: no-repeat;
}
.feautures.has_style5 .box {
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
}
.feautures.has_style5 .box.is_active {
    background: #683769;
}
.feautures.has_style5 .box.is_active .box_text,
.feautures.has_style5 .box.is_active .box_title {
    color: #fff;
}
.feautures.has_style5 .box.is_active .box_icon {
    background: rgba(255, 255, 255, 0.096);
}
.feautures.has_style5 .box.is_active [class^="ri-"] {
    color: #fff !important;
}
.feautures.has_style5 .box .box_icon {
    margin-bottom: 20px;
    text-align: left;
    background: #683769;
    height: 4rem;
    width: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 20px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-right: 20px;
}
.feautures.has_style5 .box .box_icon img {
    max-height: 5rem;
}
.feautures.has_style5 .box .box_icon ion-icon {
    color: #be346a;
    font-size: 30px !important;
}
.feautures.has_style5 .box .box_icon svg {
    fill: #be346a;
}
.feautures.has_style5 .box .box_icon [class^="ri-"] {
    color: #fff;
    font-size: 1.7rem;
}
.feautures.has_style5 .box .box_title {
    margin-bottom: 10px;
}
.feautures.has_style5 .box .box_text {
    margin: 0;
}
.feautures.has_style6 .box {
    border: 1px solid #ebedf3;
}
.feautures.has_style6 .box.is_active {
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
}
.feautures.has_style6 .box .box_icon {
    margin-bottom: 20px;
    text-align: left;
    background: #faf4f6;
    height: 4rem;
    width: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 20px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-right: 20px;
}
.feautures.has_style6 .box .box_icon img {
    max-height: 5rem;
}
.feautures.has_style6 .box .box_icon ion-icon {
    color: #be346a;
    font-size: 30px !important;
}
.feautures.has_style6 .box .box_icon svg {
    fill: #be346a;
}
.feautures.has_style6 .box .box_icon [class^="ri-"] {
    color: #be346a;
    font-size: 1.7rem;
}
.feautures.has_style6 .box .box_title {
    margin-bottom: 10px;
}
.feautures.has_style6 .box .box_text {
    margin: 0;
}
.pricing {
    position: relative;
}
.pricing .plans {
    background: #fff;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    border-radius: 5px;
    border: 1px solid #eaeaee;
    padding: 0 0 20px;
    position: relative;
}
.pricing .plans::before {
    content: "";
    position: absolute;
    background-image: url(../images/4.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: -2rem;
    z-index: -1;
    right: -8rem;
    height: 20rem;
    width: 20rem;
}
.pricing .plans::after {
    content: "";
    position: absolute;
    background-image: url(../images/3.png);
    background-size: contain;
    background-repeat: no-repeat;
    bottom: -2rem;
    z-index: -1;
    left: -8rem;
    height: 20rem;
    width: 20rem;
}
.pricing .plan-item .plan_text {
    margin-bottom: 0;
    padding-bottom: 30px;
    border-bottom: 1px solid #b4bec74b;
}
.pricing .plan-item.has_style1 {
    background: #fff;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    position: relative;
    -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 5px;
    border: 1px solid #eaeaee;
    margin-bottom: 30px;
}
.pricing .plan-item.has_style1:hover {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}
.pricing .plan-item.has_style1.is_active {
    background: linear-gradient(45deg, #4c3d69 0, #c73e67 100%);
}
.pricing .plan-item.has_style1.is_active .plan-title {
    color: #fff;
}
.pricing .plan-item.has_style1.is_active .plan_text {
    color: rgba(255, 255, 255, 0.74);
    margin-bottom: 0 !important;
}
.pricing .plan-item.has_style1.is_active .plan-price {
    color: #fff;
}
.pricing .plan-item.has_style1.is_active .price-var {
    color: rgba(255, 255, 255, 0.74);
}
.pricing .plan-item.has_style1.is_active .list-items .item {
    color: #fff;
}
.pricing .plan-item.has_style1.is_active .list-items .item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-.997-4L6.76 11.757l1.414-1.414 2.829 2.829 5.656-5.657 1.415 1.414L11.003 16z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");
    height: 20px;
    width: 20px;
    background-size: contain;
}
.pricing .plan-item.has_style1.is_active .list-items .item ion-icon {
    background: #be346a;
    color: #fff;
    border-radius: 50%;
    padding: 2px;
    margin-right: 10px;
}
.pricing .plan-item.has_style1.is_active .list-items .item img {
    color: #fff;
    padding: 2px;
    margin-right: 10px;
}
@media screen and (max-width: 768px) {
    .pricing .plan-item.has_style2 {
        margin-bottom: 0;
    }
}
.pricing .plan-item.has_style2.is_active {
    border-left: solid 1px #eaeaee;
    border-right: solid 1px #eaeaee;
}
@media screen and (max-width: 991px) {
    .pricing .plan-item.has_style2.is_active {
        border-left: 0;
        border-right: 0;
        border-top: solid 1px #eaeaee;
        border-bottom: solid 1px #eaeaee;
    }
}
.pricing .plan-item .plan_head {
    margin: 2rem 2rem 0;
    position: relative;
}
.pricing .plan-item .plan_head .type {
    padding: 5px 10px;
    background: #e6e7ec;
    color: #858c9b;
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 3px;
}
.pricing .plan-item .plan-title {
    font-size: 30px;
    color: #10154e;
    font-family: Sora-Bold;
    margin-bottom: 15px;
    position: relative;
}
.pricing .plan-item .price-var {
    color: #be346a;
    margin-left: 2px;
    font-weight: 600;
}
.pricing .plan-item .btn-plan {
    padding: 25px 15px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.pricing .plan-item .plan-price {
    font-size: 3.5rem;
    line-height: 100%;
    margin-bottom: 30px;
    font-weight: 600;
}
.pricing .plan-item .plan-price.has_dollar {
    position: relative;
}
.pricing .plan-item .plan-price.has_dollar::before {
    position: absolute;
    content: "$";
    font-size: 31px;
    top: -21px;
    left: -24px;
    color: #fffa6;
}
.pricing .plan-item .plan-price.is_primary {
    position: relative;
}
.pricing .plan-item .plan-price.is_primary::before {
    position: absolute;
    content: "$";
    font-size: 31px;
    top: -21px;
    left: -24px;
    color: #be346a !important;
}
@media screen and (max-width: 768px) {
    .pricing .plan-item .plan-price {
        font-size: 2.5rem;
    }
}
.pricing .plan-item .list-items {
    margin-bottom: 30px;
    padding: 0;
    margin-left: 0;
}
.pricing .plan-item .list-items .item {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-left: 30px;
    color: #767c89;
    font-size: 14px;
}
.pricing .plan-item .list-items .item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-.997-4L6.76 11.757l1.414-1.414 2.829 2.829 5.656-5.657 1.415 1.414L11.003 16z' fill='rgb(190 52 95)'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    background-size: contain;
}
.pricing .plan-item .list-items .item ion-icon {
    background: #be346a;
    color: #fff;
    border-radius: 50%;
    padding: 2px;
    margin-right: 10px;
}
.pricing .plan-item .list-items .item img {
    color: #fff;
    padding: 2px;
    margin-right: 10px;
}
.pricing .plan-item.is-active {
    position: relative;
    z-index: 0;
    padding-top: 40px;
}
.pricing .plan-item.is-active .plan_head {
    background: #fff;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    margin: 0 40px;
    border-radius: 30px;
    position: relative;
}
.pricing .plan-item.is-active .plan_head::before {
    content: "";
    position: absolute;
    background: url(../images/plan.svg) 0 0 / cover;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.pricing .plan-item.is-active .plan_head .plan-price,
.pricing .plan-item.is-active .plan_head .plan-title {
    color: #10154e;
}
.pricing .plan-item .plan-body {
    padding: 30px;
}
.pricing .plan-single {
    background: #fff;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    border-radius: 5px;
    border: 1px solid #eaeaee;
    padding: 5rem;
}
@media screen and (max-width: 768px) {
    .pricing .plan-single {
        padding: 3rem;
    }
}
.pricing .plan-single .desc-plan {
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 576px) {
    .pricing .plan-single {
        padding: 2rem;
    }
}
.pricing .plan-single.top-header {
    margin-top: -4rem;
}
.pricing .plan-single .box_plan {
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    background: linear-gradient(45deg, #4c3d69 0, #c73e67 100%);
    color: #fff;
    position: relative;
    border-radius: 5px;
    z-index: 0;
    padding: 50px;
}
.pricing .plan-single .title {
    text-align: center;
    margin-bottom: 40px;
    font-size: 25px;
    color: #fff;
}
.pricing .plan-single .price {
    font-size: 6.25rem;
    text-align: center;
    color: #fff;
}
.pricing .plan-single .width {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.pricing .plan-single .billed {
    margin-bottom: 20px;
    color: #fff;
}
.pricing .plan-single .pricing {
    font-size: 35px;
}
.pricing .plan-single .list-title {
    margin-bottom: 20px;
}
.pricing .plan-single .list_wrap {
    padding-top: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: solid 1px #eaeaee;
    border-bottom: solid 1px #eaeaee;
}
.pricing .plan-single .list-items {
    margin-bottom: 20px;
    padding: 0;
    margin-left: 0;
}
.pricing .plan-single .list-items .item {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-left: 30px;
    color: #767c89;
}
.pricing .plan-single .list-items .item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-.997-4L6.76 11.757l1.414-1.414 2.829 2.829 5.656-5.657 1.415 1.414L11.003 16z' fill='rgb(190 52 95)'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    background-size: contain;
}
.pricing .plan-single .list-items .item ion-icon {
    background: #be346a;
    color: #fff;
    border-radius: 50%;
    padding: 2px;
    margin-right: 10px;
}
.pricing .plan-single .list-items .item img {
    color: #fff;
    padding: 2px;
    margin-right: 10px;
}
.pricing .plan-single .paragraph {
    font-size: 13px;
    text-align: center;
    color: rgba(190, 52, 106, 0.7);
}
.pricing .plan_list .tab_menu {
    height: 2rem;
    border-radius: 5px;
    border: 1px solid #be346a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.pricing .plan_list .tab_menu .type {
    padding: 15px 20px;
}
.pricing .plan_list .tab_menu .type a {
    color: #be346a;
    display: block;
}
.pricing .plan_list .plan_head {
    background: #fff;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    border-radius: 5px;
    border: 1px solid #eaeaee;
    padding: 30px;
    position: relative;
}
.pricing .plan_list .plan_head::after {
    content: "";
    position: absolute;
    background-image: url(../images/3.png);
    background-size: contain;
    background-repeat: no-repeat;
    bottom: -5rem;
    z-index: -1;
    left: -4rem;
    height: 20rem;
    width: 20rem;
}
.pricing .plan_list .plan_head .plan-price {
    font-size: 4rem;
    line-height: 100%;
    margin-bottom: 20px;
    font-weight: 600;
}
.pricing .plan_list .plan_head .plan-price.has_dollar {
    position: relative;
}
.pricing .plan_list .plan_head .plan-price.has_dollar::before {
    position: absolute;
    content: "$";
    font-size: 31px;
    top: -21px;
    left: -24px;
    color: #fffa6;
}
.pricing .plan_list .plan_head .plan-price.is_primary {
    position: relative;
}
.pricing .plan_list .plan_head .plan-price.is_primary::before {
    position: absolute;
    content: "$";
    font-size: 31px;
    top: -21px;
    left: -24px;
    color: #be346a !important;
}
@media screen and (max-width: 768px) {
    .pricing .plan_list .plan_head .plan-price {
        font-size: 2.5rem;
    }
}
.pricing .plan_list .plan_body {
    background: #10154e;
    padding: 30px 30px 10px;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    border-radius: 5px;
}
.pricing .plan_list .list_items {
    margin-bottom: 20px;
    padding: 0;
    margin-left: 0;
}
.pricing .plan_list .list_items .item {
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-left: 30px;
    color: #fff;
}
.pricing .plan_list .list_items .item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-.997-4L6.76 11.757l1.414-1.414 2.829 2.829 5.656-5.657 1.415 1.414L11.003 16z' fill='rgb(190 52 95)'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    background-size: contain;
}
.pricing .plan_list .list_items .item ion-icon {
    background: #be346a;
    color: #fff;
    border-radius: 50%;
    padding: 2px;
    margin-right: 10px;
}
.pricing .plan_list .list_items .item img {
    color: #fff;
    padding: 2px;
    margin-right: 10px;
}
.case_study .case_box .img {
    border-radius: 5px;
    position: relative;
    z-index: 0;
    -webkit-transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.case_study .case_box .box_wrap {
    border-radius: 5px;
    padding: 10px 20px;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    margin: -20px 20px 0;
    position: relative;
    background: #fff;
    z-index: 2;
    -webkit-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.case_study .case_box .box_title {
    -webkit-transition: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.case_study .case_box .tags {
    -webkit-transition: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 1;
}
.case_study .case_box:hover .tags {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
}
.case_study .case_box:hover .box_title {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
.case_study .case_box:hover .box_wrap {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
}
.case_study .case_box:hover .img {
    -webkit-filter: opacity(0.5);
    filter: opacity(0.5);
}
.item__number {
    margin-bottom: 30px;
}
.item__number h4 {
    color: #be346a;
}
.item__number .icon {
    margin-bottom: 20px;
    text-align: left;
    background: #10154e;
    height: 4rem;
    width: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 20px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-right: 20px;
}
.item__number .icon [class^="ri-"] {
    color: #fff;
    font-size: 1.7rem;
}
.team .team_box.has_style1 {
    margin-bottom: 30px;
    position: relative;
}
.team .team_box.has_style1 .team-name {
    text-align: center;
}
.team .team_box.has_style1 .team-social {
    background-color: #fff;
    position: absolute;
    top: 44%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 10px 20px;
    border-radius: 50px;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    margin-top: -20px;
    -webkit-transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    z-index: 1;
}
.team .team_box.has_style1 .team-social ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.team .team_box.has_style1 .team-social a {
    color: #10154e;
    margin: 0 5px;
    line-height: 100%;
}
.team .team_box.has_style1 .team-social a:hover {
    color: #be346a;
}
.team .team_box.has_style1 .team-social a svg {
    height: 0.8rem;
}
.team .team_box.has_style1 .team-social a [class^="ri-"] {
    font-size: 22px;
    line-height: 100%;
    padding-top: 10px;
}
.team .team_box.has_style1 .badge_team {
    position: absolute;
    top: -10px;
    z-index: 1;
    background: #be346a;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
}
.team .team_box.has_style1 .team-img {
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 12px;
    position: relative;
    border: 10px solid #fff;
    z-index: 0;
    -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.team .team_box.has_style1 .team-img img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.team .team_box.has_style1 .team-img::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.308);
    z-index: 1;
    opacity: 0;
    -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.team .team_box.has_style1:hover .team-social {
    margin-top: 0;
    opacity: 1;
}
.team .team_box.has_style1:hover .team-img::before {
    opacity: 1;
}
.team .team_box.has_style2 {
    margin-bottom: 30px;
    position: relative;
}
.team .team_box.has_style2 .team_name {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 2;
    color: #fff;
    opacity: 0;
    -webkit-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem);
}
.team .team_box.has_style2 .team_type {
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem);
}
.team .team_box.has_style2 .team_img {
    height: 20rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border: 10px solid #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
    z-index: 0;
    -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.team .team_box.has_style2 .team_img img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.team .team_box.has_style2 .team_img::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.522), transparent) !important;
    -webkit-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.team .team_box.has_style2:hover .team_img {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
.team .team_box.has_style2:hover .team_name,
.team .team_box.has_style2:hover .team_type {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.testimonial_box {
    background: #10154e;
    margin: 0 0 30px;
    border-radius: 20px;
    -webkit-box-shadow: 0 26px 26px -26px #11164e;
    box-shadow: 0 26px 26px -26px #11164e;
    padding: 30px;
}
.testimonial_box .name {
    color: rgba(255, 255, 255, 0.774);
}
.testimonial_box .quote {
    margin-bottom: 10px;
    color: #fff;
    font-size: 17px;
    position: relative;
}
.testimonial_box .quote::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -4rem;
    height: 5rem;
    width: 5rem;
    opacity: 0.2;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M19.417 6.679C20.447 7.773 21 9 21 10.989c0 3.5-2.457 6.637-6.03 8.188l-.893-1.378c3.335-1.804 3.987-4.145 4.247-5.621-.537.278-1.24.375-1.929.311-1.804-.167-3.226-1.648-3.226-3.489a3.5 3.5 0 0 1 3.5-3.5c1.073 0 2.099.49 2.748 1.179zm-10 0C10.447 7.773 11 9 11 10.989c0 3.5-2.457 6.637-6.03 8.188l-.893-1.378c3.335-1.804 3.987-4.145 4.247-5.621-.537.278-1.24.375-1.929.311C4.591 12.322 3.17 10.841 3.17 9a3.5 3.5 0 0 1 3.5-3.5c1.073 0 2.099.49 2.748 1.179z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");
    background-size: contain;
    background-position-y: bottom;
}
.testimonial .testimonial_box2 {
    background: #faf4f6;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 30px;
    color: #10154e;
}
@media screen and (max-width: 991px) {
    .testimonial .testimonial_box2 {
        max-width: 37rem;
        margin: auto;
    }
}
.testimonial .testimonial_box2 .name {
    color: #10154e;
    margin-top: 60px;
    display: block;
}
@media screen and (max-width: 991px) {
    .testimonial .testimonial_box2 .name {
        margin-top: 30px;
    }
}
.testimonial .testimonial_box2 .testimonial_img {
    height: 25rem;
    width: 100%;
    overflow: hidden;
    position: relative;
}
@media screen and (max-width: 991px) {
    .testimonial .testimonial_box2 .testimonial_img {
        height: 20rem;
    }
}
.testimonial .testimonial_box2 .testimonial_img img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    z-index: 1;
}
.testimonial .testimonial_box2 .content {
    padding: 30px;
}
@media screen and (max-width: 991px) {
    .testimonial .testimonial_box2 .content {
        padding: 30px 15px;
    }
}
.testimonial .testimonial_box2 .quote {
    margin-bottom: 10px;
    color: #10154e !important;
    font-size: 22px;
    position: relative;
}
@media screen and (max-width: 991px) {
    .testimonial .testimonial_box2 .quote {
        font-size: 15.5px;
    }
}
.testimonial .testimonial_box2 .quote::before {
    content: "";
    position: absolute;
    right: 15px;
    bottom: -6rem;
    height: 5rem;
    width: 5rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M19.417 6.679C20.447 7.773 21 9 21 10.989c0 3.5-2.457 6.637-6.03 8.188l-.893-1.378c3.335-1.804 3.987-4.145 4.247-5.621-.537.278-1.24.375-1.929.311-1.804-.167-3.226-1.648-3.226-3.489a3.5 3.5 0 0 1 3.5-3.5c1.073 0 2.099.49 2.748 1.179zm-10 0C10.447 7.773 11 9 11 10.989c0 3.5-2.457 6.637-6.03 8.188l-.893-1.378c3.335-1.804 3.987-4.145 4.247-5.621-.537.278-1.24.375-1.929.311C4.591 12.322 3.17 10.841 3.17 9a3.5 3.5 0 0 1 3.5-3.5c1.073 0 2.099.49 2.748 1.179z' fill='rgb(16 21 78)'/%3E%3C/svg%3E");
    background-size: contain;
    background-position-y: bottom;
}
@media screen and (max-width: 991px) {
    .testimonial .testimonial_box2 .quote::before {
        bottom: -4rem;
        height: 3rem;
        width: 3rem;
    }
}
.testimonial .testimonial_box3 {
    background: #fff;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
    padding: 40px;
    color: #10154e;
}
.testimonial .swiper-pagination {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}
.testimonial .swiper-pagination.in_dark .swiper-pagination-bullet {
    background: #faf4f6;
}
.process.has_style2 .timeline-primary .timeline-item::before {
    background: linear-gradient(45deg, #4c3d69 0, #c73e67 100%);
    color: #fff;
    border-radius: 5px;
}
.process .timeline {
    list-style-type: none;
    background: #10154e;
    border-radius: 20px;
    padding: 60px 30px;
    -webkit-box-shadow: 0 36px 66px -42px #11164e;
    box-shadow: 0 36px 66px -42px #11164e;
}
.process .timeline-item {
    position: relative;
    display: block;
    text-align: center;
    counter-increment: timeline-counter;
}
.process .timeline-item h4 {
    margin-bottom: 10px;
}
.process .timeline-item p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.719);
}
.process .timeline-item::before {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    margin: 0 auto 1rem;
    font-size: 2rem;
    border-radius: 50%;
    content: counter(timeline-counter);
    line-height: 100%;
    font-family: Sora-Bold;
}
.process .timeline-item::after {
    position: absolute;
    top: 2rem;
    left: 0;
    right: 0;
    display: none;
    border-top: 2px solid;
    content: "";
}
.process .timeline-item:first-child::after {
    left: 50%;
    width: 50%;
}
.process .timeline-item:last-child::after {
    width: 50%;
}
.process .timeline-item + .timeline-item {
    margin-top: 2rem;
}
.process .timeline-primary .timeline-item::before {
    background: #be346a;
    color: #fff;
}
.process .timeline-primary .timeline-item.active::before {
    background: linear-gradient(45deg, #4c3d69 0, #c73e67 100%) !important;
}
.process .timeline-primary .timeline-item::after {
    border-color: #bcb6f6;
}
.process .timeline-primary .timeline-item.active::after {
    border-color: rgba(255, 255, 255, 0.15);
}
.process .timeline-secondary .timeline-item::before {
    background-color: #b5b6c5;
    color: #fff;
}
.process .timeline-expand-xs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.process .timeline-expand-xs .timeline-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.process .timeline-expand-xs .timeline-item::after {
    display: block;
}
.process .timeline-expand-xs .timeline-item + .timeline-item {
    margin-top: 0;
}
@media (min-width: 576px) {
    .process .timeline-expand-sm {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .process .timeline-expand-sm .timeline-item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .process .timeline-expand-sm .timeline-item::after {
        display: block;
    }
    .process .timeline-expand-sm .timeline-item + .timeline-item {
        margin-top: 0;
    }
}
@media (min-width: 768px) {
    .process .timeline-expand-md {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .process .timeline-expand-md .timeline-item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .process .timeline-expand-md .timeline-item::after {
        display: block;
    }
    .process .timeline-expand-md .timeline-item + .timeline-item {
        margin-top: 0;
    }
}
@media (min-width: 992px) {
    .process .timeline-expand-lg {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .process .timeline-expand-lg .timeline-item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .process .timeline-expand-lg .timeline-item::after {
        display: block;
    }
    .process .timeline-expand-lg .timeline-item + .timeline-item {
        margin-top: 0;
    }
}
@media (min-width: 1200px) {
    .process .timeline-expand-xl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .process .timeline-expand-xl .timeline-item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .process .timeline-expand-xl .timeline-item::after {
        display: block;
    }
    .process .timeline-expand-xl .timeline-item + .timeline-item {
        margin-top: 0;
    }
}
.showcase .title_sections {
    margin-bottom: 3.125rem;
}
.showcase .item_mywork {
    margin-bottom: 3.125rem;
    display: block;
    text-decoration: none;
    position: relative;
}
.showcase .item_mywork .mg_img {
    border-radius: 12px;
    position: relative;
}
.showcase .item_mywork .icon_played {
    position: absolute;
    left: 40%;
    top: 40%;
    z-index: 2;
}
.showcase .item_mywork .item_pic {
    width: 100%;
    height: 490px !important;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 12px;
}
.showcase .item_mywork .info_work {
    margin-top: 1.5rem;
    position: relative;
}
.showcase .item_mywork .info_work h4 {
    font-size: 18px;
    margin-bottom: 0.3rem;
    font-weight: 600;
    color: #10154e;
}
.showcase .item_mywork .info_work p {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 0;
    color: #6c7a87;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
}
.showcase .item_mywork .info_work .link_view {
    opacity: 0;
    color: #be346a;
    font-weight: 500;
    font-size: 14px;
    position: absolute;
    left: 0;
    bottom: -22px;
    -webkit-transition: 0.4s !important;
    transition: 0.4s !important;
}
.showcase .item_mywork:hover .info_work p {
    opacity: 0;
}
.showcase .item_mywork:hover .info_work .link_view {
    opacity: 1;
    bottom: -3px;
}
.showcase .showcase_item {
    -webkit-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.showcase .showcase_item .img_item {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 5px;
    -webkit-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.showcase .showcase_item:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
.showcase .showcase_item:hover .img_item {
    opacity: 0.7;
}
.showcase .showcase_item .price {
    color: #be346a;
    text-align: right;
}
.showcase .showcase_item .place {
    font-size: 13px;
    text-align: right;
    display: block;
}
.showcase .swiper-button-prev {
    height: 3rem;
    width: 3rem;
    top: 11rem;
    left: auto;
    right: 4rem !important;
    background: #be346a;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    border-radius: 5px;
}
.showcase .swiper-button-prev:hover {
    background: #683769;
}
@media screen and (max-width: 991px) {
    .showcase .swiper-button-prev {
        display: none;
    }
}
.showcase .swiper-button-next {
    height: 3rem;
    width: 3rem;
    top: 11rem;
    right: 0 !important;
    background: #be346a;
    border-radius: 5px;
}
.showcase .swiper-button-next:hover {
    background: #683769;
}
@media screen and (max-width: 991px) {
    .showcase .swiper-button-next {
        display: none;
    }
}
.showcase .swiper-button-next::after,
.showcase .swiper-button-prev::after {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.call2action.has_style1 {
    background: linear-gradient(45deg, #4c3d69 0, #c73e67 100%);
    position: relative;
}
.call2action.has_style1::before {
    content: "";
    position: absolute;
    background: url(../images/circle.svg) 0 0 / contain no-repeat;
    height: 15rem;
    width: 15rem;
    top: -5rem;
    opacity: 0.3;
}
.call2action.has_style1::after {
    content: "";
    position: absolute;
    background: url(../images/circle.svg) 0 0 / contain no-repeat;
    height: 15rem;
    width: 15rem;
    bottom: -5rem;
    right: 0;
    opacity: 0.3;
}
.call2action.has_style2 {
    background: #10154e;
    overflow: hidden;
    position: relative;
}
.call2action.has_style2::before {
    content: "";
    position: absolute;
    background: url(../images/circle.svg) 0 0 / contain no-repeat;
    height: 15rem;
    width: 15rem;
    top: -5rem;
    opacity: 0.3;
}
.call2action.has_style2 .form_call2action {
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    padding: 30px;
}
@media screen and (max-width: 991px) {
    .call2action.has_style2 .form_call2action {
        padding: 15px;
    }
}
.call2action.has_style3 {
    background: #faf4f6;
    border-radius: 10px;
    padding: 30px;
}
.call2action.has_style3 .img_top {
    margin-top: -4rem;
    height: 4rem;
    width: 4rem;
    margin-bottom: 20px;
}
.call2action.has_style4 {
    background: #faf4f6;
}
.call2action.has_style5 {
    background: linear-gradient(45deg, #4c3d69 0, #c73e67 100%);
}
.call2action.has_style5 .form_call2action {
    background: rgba(255, 255, 255, 0.048);
    border-radius: 5px;
    padding: 30px;
    width: 100%;
}
@media screen and (max-width: 991px) {
    .blog_sidebar {
        margin-top: 60px;
    }
}
.blog_sidebar .widget {
    margin-bottom: 30px;
    padding: 30px;
    background-color: #fff;
    border: 1px solid #ededed;
    border-radius: 10px;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
}
.blog_sidebar .widget .widget-title {
    font-size: 18px;
    text-transform: capitalize;
    letter-spacing: normal;
    padding-bottom: 10px;
    margin-bottom: 20px;
    color: #10154e !important;
    font-weight: 700;
    position: relative;
    border-bottom: 1px solid #edeef1;
}
.blog_sidebar .widget .widget-title::after {
    content: "";
    width: 50px;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -1px;
    background-color: #0b2238;
}
.blog_sidebar .social-widget {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.blog_sidebar .social-widget a {
    color: #10154e;
}
.blog_sidebar .social-widget i {
    font-size: 24px;
}
.blog_sidebar .social-widget .social_link {
    margin-right: 20px;
    height: 3rem;
    width: 3rem;
    border: 1px soli;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    background: #fff;
}
.blog_sidebar .social-widget .social_link.facebook {
    background: #4267b2;
    color: #fff;
}
.blog_sidebar .social-widget .social_link.dribbble {
    background: #ea4c89;
    color: #fff;
}
.blog_sidebar .social-widget .social_link.youtube {
    background: #c4302b;
    color: #fff;
}
.blog_sidebar .social-widget .social_link.twitter {
    background: #00acee;
    color: #fff;
}
.blog_sidebar .social-widget .social_link:hover {
    border: 1px solid #ededed;
    background: #fff !important;
    color: #10154e;
    -webkit-box-shadow: 0 5px 34px rgba(3, 3, 38, 0.071);
    box-shadow: 0 5px 34px rgba(3, 3, 38, 0.071);
}
.blog_sidebar .Recent_Articles-widget .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.blog_sidebar .Recent_Articles-widget .item .thumb img {
    width: 70px;
    margin-right: 10px;
    border-radius: 5px;
    -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.blog_sidebar .Recent_Articles-widget .item .info {
    padding-bottom: 20px;
    border-bottom: solid 1px #ededed;
    margin-bottom: 20px;
}
.blog_sidebar .Recent_Articles-widget .item .info.reset {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
}
.blog_sidebar .Recent_Articles-widget .item .info .title {
    font-size: 15px;
    margin-bottom: 4px;
}
.blog_sidebar .Recent_Articles-widget .item .info .title a {
    color: #10154e;
}
.blog_sidebar .Recent_Articles-widget .item .info .title a:hover {
    color: #be346a;
}
.blog_sidebar .Recent_Articles-widget .item .info .time {
    font-size: 12px;
    color: #86819e;
}
.blog_sidebar .Recent_Articles-widget .item:hover img {
    -webkit-filter: saturate(1.6);
    filter: saturate(1.6);
}
.blog_sidebar .Recent_Articles-widget .swiper-buttons-styling {
    border: 1px solid #ededed;
    -webkit-box-shadow: 0 5px 34px rgba(0, 0, 0, 0.071);
    box-shadow: 0 5px 34px rgba(0, 0, 0, 0.071);
    padding: 5px 4px;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.blog_sidebar .Recent_Articles-widget .swiper-button-prev {
    border-right: 1px solid #ededed;
}
.blog_sidebar .Recent_Articles-widget .swiper-button-next,
.blog_sidebar .Recent_Articles-widget .swiper-button-prev {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    color: #bfbfbf;
    margin: 0 !important;
    height: auto !important;
    padding: 5px 0 !important;
}
.blog_sidebar .Recent_Articles-widget .swiper-button-next:after,
.blog_sidebar .Recent_Articles-widget .swiper-button-prev:after {
    font-size: 17px !important;
}
.blog_sidebar .Recent_Articles-widget .swiper-button-next:hover,
.blog_sidebar .Recent_Articles-widget .swiper-button-prev:hover {
    color: #be346a;
}
.blog_sidebar .ads-widget img {
    width: 100%;
    border-radius: 5px;
}
.blog_sidebar .cat-item {
    padding-bottom: 10px;
    border-bottom: solid 1px #f3f8ff;
    margin-bottom: 10px;
}
.blog_sidebar .cat-item a {
    color: #10154e;
}
.blog_sidebar .cat-item a:hover {
    padding-left: 5px;
    color: #be346a;
}
.blog_sidebar .cat-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
}
.blog_sidebar .tag_cloud a {
    display: inline-block;
    font-size: 13.5px;
    padding: 2px 10px;
    background-color: #faf4f6;
    margin-right: 5px;
    text-transform: capitalize;
    margin-bottom: 10px;
    border-radius: 5px;
    color: #10154e;
}
.blog_sidebar .tag_cloud a:hover {
    background-color: #10154e;
    color: #f3f8ff;
}
.tag_cloud {
    margin-bottom: -10px;
}
.tag_cloud .p_tags {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    line-height: 2;
    display: block;
    margin-right: 20px;
}
.tag_cloud a {
    padding: 2px 10px;
    background-color: #f3f8ff;
    margin-right: 5px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    color: #10154e;
}
.tag_cloud a:hover {
    background-color: #fff;
    color: #be346a;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    border: 1px solid #eee;
}
.section_head {
    margin-bottom: 40px;
    width: 100%;
}
@media screen and (max-width: 992px) {
    .section_head {
        margin-bottom: 30px !important;
    }
}
.section-subtitle {
    color: #683769;
    margin-bottom: 15px;
}
.section-subtitle.iscenter {
    max-width: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.section_title {
    font-size: calc(36px + 4 * ((100vw - 576px) / 1024));
    line-height: 1.2;
    max-width: 40rem;
    color: #10154e;
    text-align: left;
    text-transform: capitalize;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}
@media screen and (max-width: 576px) {
    .section_title {
        font-size: 36px;
    }
}
@media screen and (min-width: 1600px) {
    .section_title {
        font-size: 40px;
    }
}
@media screen and (max-width: 992px) {
    .section_title {
        font-size: 40px;
    }
}
@media screen and (max-width: 768px) {
    .section_title {
        font-size: 35px;
    }
}
@media screen and (max-width: 576px) {
    .section_title {
        font-size: 30px;
    }
}
.section_title ::before {
    content: "";
    position: absolute;
    top: -10px;
    height: 4px;
    left: 0;
    width: 40px;
    background: #be346a;
}
.section_title ::after {
    position: absolute;
    content: "";
    width: 10px;
    height: 4px;
    background-color: #282828;
    left: 42px;
    top: -10px;
}
.section_title .has-line {
    position: relative;
}
.section_title .has-line::before {
    content: "";
    position: absolute;
    height: 0.7rem;
    bottom: 0.2rem;
    width: 103%;
    left: 0;
    background: #be346a;
    z-index: 0;
    opacity: 0.2;
}
.section_title.is-left {
    max-width: 30rem;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
}
.section_title.is-center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 60rem;
}
.section_title.is-center ::before {
    content: "";
    position: absolute;
    top: -10px;
    height: 4px;
    left: 50%;
    width: 40px;
    background: #be346a;
}
.section_title.is-center ::after {
    position: absolute;
    content: "";
    width: 10px;
    height: 4px;
    background-color: #282828;
    left: 50%;
    top: -10px;
}
.section {
    position: relative;
    z-index: 0;
}
.section.section_light {
    background: #faf4f6;
}
.section.section_dark {
    background-color: #10154e;
    background-image: url(../images/wave.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
    -webkit-box-shadow: 0 36px 66px -42px #11164e;
    box-shadow: 0 36px 66px -42px #11164e;
}
.section.section_dark * {
    color: #fff;
}

.section.section_dark.testimonial * {
    color: #10154e !important;
}
.section.section_dark p {
    color: rgba(255, 255, 255, 0.719);
}
.section.is-lg {
    padding-top: 140px;
    padding-bottom: 140px;
}
@media screen and (max-width: 992px) {
    .section.is-lg {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}
.section.is_sm {
    padding-top: 100px;
    padding-bottom: 100px;
}
@media screen and (max-width: 992px) {
    .section.is_sm {
        padding: 80px 0;
    }
}
.section .section-title-sm {
    margin-bottom: 1.5rem;
    font-size: 45px;
    line-height: 1.4;
    max-width: 57rem;
    margin-left: auto;
    margin-right: auto;
    color: #0f072e;
    text-align: center;
    text-transform: lowercase;
}
.section .section-title-sm .has-line {
    position: relative;
}
.section .section-title-sm .has-line::before {
    content: "";
    position: absolute;
    height: 0.7rem;
    bottom: 0.2rem;
    width: 103%;
    left: 0;
    background: #be346a;
    z-index: 0;
    opacity: 0.2;
}
.section .section-title-sm.is-left {
    max-width: 30rem;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
}
.section .section_description {
    max-width: 35rem;
    text-align: left;
    margin-bottom: 20px;
    margin-left: 0;
    margin-top: 0;
}
.section .section_description.is-center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.section.is-dark {
    color: #fff;
}
.section.is-dark .section_title {
    color: #fff;
    font-size: 45px;
    text-align: left;
    text-transform: capitalize;
    position: relative;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .section.is-dark .section_title {
        font-size: 25px;
    }
}
.section.is-dark .section_description {
    color: #fff;
}
.section .section-shape1 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    height: 100%;
}
.section .section-particle {
    position: absolute;
    background-size: cover;
    height: 50rem;
    width: 50rem;
    top: 0;
    left: -13rem;
    z-index: 0;
}
.section .section-particle.in-right {
    right: -13rem !important;
    left: auto;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
@media screen and (max-width: 576px) {
    .section .section-particle {
        width: 70%;
        left: -1rem;
    }
}
.section .section-shape2 {
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    z-index: -1;
    max-width: 32rem;
    width: 100%;
    overflow: hidden;
}
@media screen and (max-width: 576px) {
    .section .section-shape2 {
        -webkit-transform: translate(50%, -50%) scale(1.5);
        transform: translate(50%, -50%) scale(1.5);
    }
}
.section .lines {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}
.section.section-grey-half {
    background: #683769;
}
.section.section-grey-half::before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 40%;
    width: 100%;
    background: rgba(255, 255, 255, 0.911);
}
.section.section-grey {
    background: #f3f8ff;
}
.section.primary-bg {
    background: #10154e;
}
.section .box .box-icon {
    margin-bottom: 14px;
}
.section .box .box-icon ion-icon {
    font-size: 2.5rem;
    line-height: 100%;
}
.section.section-index-feautures {
    background-color: #2f1893;
    position: relative;
}
.section.section-feautures {
    overflow: hidden;
}
.section.section-feautures .feat-item-box {
    background: #fff;
    padding: 0.6rem 2rem;
    width: 17.5rem;
    height: 5rem;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1rem;
    font-family: Sora-Bold;
}
.section.section-feautures .feat-item-box p {
    color: #232323 !important;
}
.section.section-feautures .product-img {
    text-align: right;
}
.section.section-feautures .product-img img {
    width: 90%;
}
.section.section-feautures .divider-light-top {
    background: url(../images/divider-white2.svg) top no-repeat;
    width: 100%;
    height: 6rem;
    z-index: 0;
}
.section.section-feautures .box {
    padding: 40px 30px;
    border-radius: 10px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    cursor: default;
}
.section.section-feautures .box.box.has-style1 {
    background: rgba(190, 52, 106, 0.1);
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}
.section.section-feautures .box.box.has-style1 .box-icon,
.section.section-feautures .box.box.has-style1 .box-title {
    margin-bottom: 14px;
    text-align: center;
}
.section.section-feautures .box.box.has-style1 .box-desc {
    text-align: center;
}
.section.section-feautures .has-secondary-bg {
    background: #fff;
    -webkit-box-shadow: 0 14px 33px -3px rgba(0, 0, 0, 0.078);
    box-shadow: 0 14px 33px -3px rgba(0, 0, 0, 0.078);
    -webkit-transition: 0.2s cubic-bezier(0.5, 0, 0.35, 1);
    transition: 0.2s cubic-bezier(0.5, 0, 0.35, 1);
}
.section.section-feautures .has-secondary-bg .box-title {
    color: #232323;
}
.section.section-feautures .has-secondary-bg .box-desc {
    color: #2a3543;
}
.section.section-feautures .box-icon {
    margin-bottom: 15px;
}
.section.section-feautures .box-icon ion-icon {
    color: #fff;
    font-size: 2.5rem;
    line-height: 100%;
}
.section.section-feautures .box-icon .ellipse img,
.section.section-feautures .box-icon .ellipse-white img {
    width: 80%;
}
.section.section-feautures .has-left-icon .box-title {
    margin: 5px 0 10px;
}
.section.section-feautures .col-auto {
    padding: 0;
    margin: 0;
}
.section.section-feautures .col {
    margin-left: 10px;
}
.section.section-feautures .has-primary-bg {
    background: #2d3a58;
    -webkit-box-shadow: 0 14px 33px -3px rgba(0, 0, 0, 0.078);
    box-shadow: 0 14px 33px -3px rgba(0, 0, 0, 0.078);
    -webkit-transition: 0.2s cubic-bezier(0.5, 0, 0.35, 1);
    transition: 0.2s cubic-bezier(0.5, 0, 0.35, 1);
    border: 1px solid;
}
.section.section-feautures .has-primary-bg.has-style-2 {
    border: none;
}
.section.section-feautures .has-primary-bg .box-desc,
.section.section-feautures .has-primary-bg .box-title {
    color: #fff;
}
.section.section-feautures .img-boxes .img-box img {
    width: 100%;
    border-radius: 10px;
    -webkit-box-shadow: 0 7px 21px rgba(0, 0, 0, 0.1);
    box-shadow: 0 7px 21px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 992px) {
    .section.section-feautures2 {
        margin-top: 0;
    }
}
.section.section-feautures2 .box {
    padding: 40px 30px;
    border-radius: 10px;
    margin-bottom: 30px;
    position: relative;
    cursor: default;
}
.section.section-feautures2 .box.box.has-style2 {
    background: #fff;
    -webkit-box-shadow: 0 15px 29px -4px #3f49621f;
    box-shadow: 0 15px 29px -4px #3f49621f;
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}
.section.section-feautures2 .box.box.has-style2.dark-bg {
    background-color: #2d3a58;
}
.section.section-feautures2 .box.box.has-style2.dark-bg .box-desc,
.section.section-feautures2 .box.box.has-style2.dark-bg .box-title {
    color: #fff;
}
.section.section-feautures2 .box.box.has-style2 .box-icon {
    margin-bottom: 14px;
    text-align: center;
}
.section.section-feautures2 .box.box.has-style2 .box-icon img {
    max-height: 5rem;
}
.section.section-feautures2 .box.box.has-style2 .box-title {
    margin-bottom: 14px;
    text-align: center;
}
.section.section-feautures2 .box.box.has-style2 .box-desc {
    color: #232323;
    text-align: center;
}
@media screen and (max-width: 992px) {
    .section.section-feautures3 {
        margin-top: 0;
    }
}
.section.section-feautures3 .feautures3-box .section_head .section_description {
    color: #2a3543;
}
.section.section-feautures3 .feautures3-box .section_head .feat-head {
    margin-top: 4rem;
}
.section.section-feautures3 .feautures3-box .section_head .feat-head .feat-item {
    color: #2a3543;
}
.section.section-feautures3 .feautures3-box .box {
    padding: 40px 30px;
    border-radius: 10px;
    margin-bottom: 30px;
    position: relative;
    cursor: default;
}
.section.section-feautures3 .feautures3-box .box.box.has-style3 {
    border: 1.5px solid #eaeef7;
    background: #fff;
    -webkit-box-shadow: 0 15px 29px -4px #3f49621f;
    box-shadow: 0 15px 29px -4px #3f49621f;
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}
.section.section-feautures3 .feautures3-box .box.box.has-style3 .box-icon,
.section.section-feautures3 .feautures3-box .box.box.has-style3 .box-title {
    margin-bottom: 14px;
    text-align: center;
}
.section.section-feautures3 .feautures3-box .box.box.has-style3 .box-desc {
    color: #2a3543;
    text-align: center;
}
.section.section-about {
    position: relative;
    overflow: hidden;
}
@media screen and (max-width: 992px) {
    .section.section-about .section_title {
        text-align: center;
        margin: auto;
    }
}
.section.section-about .section_description {
    max-width: 40rem;
}
.section.section-about .section_description.is_sm {
    max-width: 26rem;
}
@media screen and (max-width: 992px) {
    .section.section-about .section_description {
        margin-left: auto;
        margin-right: auto;
    }
}
.section.section-about .play-desc {
    color: #0f072e;
}
.section.section-about .watch-more {
    color: #5a52ff;
}
.section.section-about .about-img {
    width: 100%;
    margin: auto;
}
.section.section-about .about-img img {
    width: 100%;
    border-radius: 10px;
    -webkit-box-shadow: 0 15px 25px 0 rgba(93, 90, 129, 0.1);
    box-shadow: 0 15px 25px 0 rgba(93, 90, 129, 0.1);
}
.section.section-about .about-product-img {
    width: 95%;
    margin: auto;
}
.section.section-about .about-product-img img {
    width: 100%;
    border-radius: 10px;
    -webkit-box-shadow: 0 15px 25px 0 rgba(93, 90, 129, 0.1);
    box-shadow: 0 15px 25px 0 rgba(93, 90, 129, 0.1);
}
.section.section-about .has-overlay {
    z-index: 0;
    -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.section.section-about .has-overlay::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: #5731ab;
    opacity: 0.56;
    border-radius: 5px;
}
.section.section-about .screen {
    width: 160%;
    margin-left: 9rem;
}
@media screen and (max-width: 992px) {
    .section.section-about .screen {
        width: 100%;
        margin: 0;
    }
}
.section.section-about .about-img2 {
    width: 100%;
}
.section.section-call2action {
    overflow: hidden;
}
.section.section-call2action .call2action-box {
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0 18px 35px 3px rgba(51, 29, 105, 0.18);
    box-shadow: 0 18px 35px 3px rgba(51, 29, 105, 0.18);
    -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.section.section-call2action .call2action-box:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.section.section-call2action .call2action-box img {
    width: 100%;
}
.section.section-call2action .call2action-box .box-right {
    padding-left: 30px;
}
@media screen and (max-width: 991px) {
    .section.section-call2action .call2action-box {
        padding: 60px 30px;
    }
    .section.section-call2action .call2action-box .col-lg-6 {
        padding: 0;
    }
    .section.section-call2action .call2action-box .box-right {
        padding-left: 0;
    }
}
.section.section-call2action2 {
    background-color: #10154e;
}
.section.section-call2action2 .divider {
    position: absolute;
    background: url(../images/divider-dark.svg) bottom no-repeat;
    width: 100%;
    height: 6rem;
    top: 90%;
    z-index: 0;
}
.section.section-call2action2 .call2action-box .section_title {
    max-width: 45rem;
}
.section.section-call2action2 .call2action-box .section_description {
    max-width: 30rem;
}
.section.section-works .work-boxes-slick {
    margin: 0 -20px;
}
@media screen and (max-width: 768px) {
    .section.section-works .work-boxes-slick {
        margin: 0;
    }
}
.section.section-works .work-box {
    margin: 0 20px 2rem;
    position: relative;
    z-index: 0;
    -webkit-transition: 0.25s;
    transition: 0.25s;
    overflow: hidden;
    border-radius: 10px;
    -webkit-box-shadow: 0 5px 20px 0 rgba(130, 136, 147, 0.15);
    box-shadow: 0 5px 20px 0 rgba(130, 136, 147, 0.15);
}
@media screen and (max-width: 576px) {
    .section.section-works .work-box {
        margin-left: 0;
        margin-right: 0;
    }
}
.section.section-works .work-box::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(45deg, #5731ab 0, #321c64 100%);
    opacity: 0;
    z-index: 1;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}
.section.section-works .work-box .work-head {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 30px;
    -webkit-transform: translate3d(0, 150%, 0);
    transform: translate3d(0, 150%, 0);
    -webkit-transition: -webkit-transform 0.6s;
    transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
    z-index: 3;
}
.section.section-works .work-box .work-head .title a {
    color: #fff;
    font-size: 24px;
}
.section.section-works .work-box .work-img {
    position: relative;
    width: 100%;
    z-index: 0;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}
.section.section-works .work-box:hover::before {
    opacity: 0.8;
}
.section.section-works .work-box.is-active .work-head,
.section.section-works .work-box:hover .work-head {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.section.section-works .work-box.is-active::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: #10154e;
    opacity: 0.5;
    z-index: 1;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}
.section.section-plans {
    position: relative;
    overflow: hidden;
}
.section.section-plans .is-dark-green {
    color: #fff !important;
    background: #002b44 !important;
}
.section.section-plans .is-dark-green .item,
.section.section-plans .is-dark-green .plan-title {
    color: #fff !important;
}
.section.section-plans .pricing-toggle {
    float: right;
    text-align: right;
    margin-bottom: 20px;
}
.section.section-plans .pricing-toggle svg {
    fill: #59c894;
    margin-right: 15px;
    position: relative;
    top: 15px;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
}
.section.section-plans .pricing-toggle .pricing-switch {
    color: #2d3a58;
    line-height: 34px;
}
.section.section-plans .pricing-toggle .pricing-switch .switch {
    margin: 0 10px;
}
.section.section-plans .slider {
    background-color: #3d8aed;
    bottom: 0;
    cursor: pointer;
    left: 0;
    right: 0;
    top: 0;
}
.section.section-plans .slider,
.section.section-plans .slider:before {
    position: absolute;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.section.section-plans .slider:before {
    background-color: #fff;
    bottom: 4px;
    content: "";
    height: 26px;
    left: 4px;
    width: 26px;
}
.section.section-plans input:checked + .slider {
    background-color: #5a52ff;
}
.section.section-plans input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    transform: translateX(26px);
}
.section.section-plans .slider.round {
    border-radius: 34px;
}
.section.section-plans .slider.round:before {
    border-radius: 50%;
}
.section.section-plans .switch {
    display: inline-block;
    height: 34px;
    position: relative;
    width: 60px;
}
.section.section-plans .switch input {
    height: 0;
    opacity: 0;
    width: 0;
}
.section.section-plans .rounded-underline {
    position: relative;
    text-decoration: none;
}
.section.section-plans .rounded-underline:before {
    border-radius: 3px;
    bottom: 0;
    content: "";
    height: 6px;
    position: absolute;
    width: 100%;
}
@media (max-width: 991.98px) {
    .section.section-plans .rounded-underline:before {
        display: none;
    }
}
.section.section-plans .in-right {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
}
@media screen and (max-width: 992px) {
    .section.section-plans .in-right {
        -webkit-transform: none;
        transform: none;
    }
}
.section.section-plans .in-left {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
    position: relative;
    z-index: -1;
}
@media screen and (max-width: 992px) {
    .section.section-plans .in-left {
        -webkit-transform: none;
        transform: none;
    }
}
.section.section-plans .plan-item {
    border-radius: 0.5rem;
    position: relative;
    -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.section.section-plans .plan-item:hover {
    -webkit-transform: translateY(-1rem);
    transform: translateY(-1rem);
}
.section.section-plans .plan-item .best-choose {
    position: absolute;
    width: 13rem;
    top: -2rem;
    border-radius: 5px 5px 0 0;
    background-color: #be346a;
    padding: 5px 30px;
    font-size: 15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
}
.section.section-plans .plan-item .best-choose::after {
    content: "";
    background-image: url(../images/arrow-bottom.svg);
    background-repeat: no-repeat;
    height: 1rem;
    width: 100%;
    position: absolute;
    bottom: -13px;
    top: auto;
    right: -93px;
}
.section.section-plans .plan-item .best-choose.bg_green {
    position: relative;
}
.section.section-plans .plan-item .best-choose.bg_green::after {
    position: absolute;
    content: none;
}
@media screen and (max-width: 768px) {
    .section.section-plans .plan-item {
        margin-bottom: 3rem;
    }
}
.section.section-plans .plan-item .plan-head {
    padding: 2rem;
}
.section.section-plans .plan-item .plan-title {
    font-size: 30px;
    color: #10154e;
    font-family: Sora-Bold;
    margin-bottom: 20px;
    position: relative;
}
.section.section-plans .plan-item .price-var {
    color: #be346a;
    margin-left: 2px;
    font-weight: 600;
}
.section.section-plans .plan-item .btn-plan {
    padding: 25px 15px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.section.section-plans .plan-item .plan-price {
    font-size: 4rem;
    line-height: 100%;
    margin-bottom: 20px;
    font-weight: 600;
}
.section.section-plans .plan-item .plan-price.has_dollar {
    position: relative;
}
.section.section-plans .plan-item .plan-price.has_dollar::before {
    position: absolute;
    content: "$";
    font-size: 31px;
    top: -21px;
    left: -24px;
    color: #fffa6;
}
.section.section-plans .plan-item .plan-price.is_primary {
    position: relative;
}
.section.section-plans .plan-item .plan-price.is_primary::before {
    position: absolute;
    content: "$";
    font-size: 31px;
    top: -21px;
    left: -24px;
    color: #be346a !important;
}
@media screen and (max-width: 768px) {
    .section.section-plans .plan-item .plan-price {
        font-size: 2.5rem;
    }
}
.section.section-plans .plan-item .list-items {
    margin-bottom: 1rem;
    padding: 0;
    margin-left: 0;
}
.section.section-plans .plan-item .list-items .item {
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-left: 30px;
    color: #767c89;
}
.section.section-plans .plan-item .list-items .item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(../images/check.svg);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    background-size: contain;
}
.section.section-plans .plan-item .list-items .item ion-icon {
    background: #be346a;
    color: #fff;
    border-radius: 50%;
    padding: 2px;
    margin-right: 10px;
}
.section.section-plans .plan-item .list-items .item img {
    color: #fff;
    padding: 2px;
    margin-right: 10px;
}
.section.section-plans .plan-item.is-active {
    position: relative;
    z-index: 0;
    padding-top: 40px;
}
.section.section-plans .plan-item.is-active .plan-head {
    background: #fff;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    margin: 0 40px;
    border-radius: 30px;
    position: relative;
}
.section.section-plans .plan-item.is-active .plan-head::before {
    content: "";
    position: absolute;
    background: url(../images/plan.svg) 0 0 / cover;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.section.section-plans .plan-item.is-active .plan-head .plan-price,
.section.section-plans .plan-item.is-active .plan-head .plan-title {
    color: #10154e;
}
.section.section-plans .plan-item .plan-body {
    padding: 40px;
}
.section.section-plans .plan-item.has-style1 {
    background: #fff;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    border-radius: 30px;
}
.section.section-plans .plan-item.has-style1.first-price {
    margin-top: 3rem;
}
@media screen and (max-width: 992px) {
    .section.section-plans .plan-item.has-style1.first-price {
        margin-top: 0;
    }
}
.section.section-plans .plan-item.has-style2 {
    background-color: #fff;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
}
@media screen and (max-width: 768px) {
    .section.section-plans .plan-item.has-style2 {
        border: 1px solid #5a52ff;
    }
}
.section.section-plans .plan-item.has-style2 .plan-title {
    color: #5a52ff;
    font-size: 20px;
    margin-bottom: 40px;
}
.section.section-plans .plan-item.has-style2 .price-var {
    color: #be346a;
    font-size: 27px;
    margin: -10px 0 0 30px;
    font-weight: 600;
}
.section.section-plans .plan-item.has-style2 .plan-price {
    font-size: 3.5rem;
    line-height: 100%;
    margin-bottom: 20px;
    margin-left: 6px;
    font-weight: 600;
}
@media screen and (max-width: 768px) {
    .section.section-plans .plan-item.has-style2 .plan-price {
        font-size: 2.5rem;
    }
}
.section.section-plans .plan-item.has-style2 .plan-desc {
    color: #2a3543;
}
.section.section-plans .plan-item.has-style2 .list-items .item {
    color: #232323;
}
.section.section-plans .plan-item.has-style2 .list-items .item img {
    color: #fff;
    padding: 2px;
    margin-right: 10px;
}
.section.section-plans .plan-item.has-style2 .list-items .item-1 {
    color: #767c89;
}
.section.section-plans .plan-info {
    max-width: 39rem;
}
.section.section-plans .plan-info a {
    color: #fff;
}
.section.section-companies .box-companies {
    background-color: #f3f8ff;
}
.section.section-companies .box-companies .brands {
    padding: 4rem 2rem;
    width: 100%;
    position: relative;
}
.section.section-companies .box-companies .has-style1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.section.section-companies .box-companies .has-style1 .company-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 992px) {
    .section.section-companies .box-companies .has-style1 .company-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.section.section-companies .box-companies .has-style1 .company-item img {
    height: 2rem;
    margin-bottom: 30px;
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}
.section.section-companies .box-companies .has-style1 .company-item img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.section.section-companies2 .box-companies .section-subtitle {
    color: #d0d0d0;
}
.section.section-companies2 .box-companies .section_description {
    max-width: 39rem;
}
.section.section-companies2 .box-companies .brands {
    width: 100%;
    position: relative;
}
.section.section-companies2 .box-companies .has-style1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.section.section-companies2 .box-companies .has-style1 .company-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 992px) {
    .section.section-companies2 .box-companies .has-style1 .company-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.section.section-companies2 .box-companies .has-style1 .company-item img {
    max-height: 2rem;
    margin-bottom: 30px;
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}
.section.section-companies2 .box-companies .has-style1 .company-item img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.section.section-companies3 {
    z-index: 0;
}
.section.section-companies3 .box-companies {
    margin: auto;
    max-width: 65rem;
    padding-top: 60px;
    background-color: #fff;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    border-radius: 20px;
}
.section.section-companies3 .box-companies .section-subtitle {
    color: #d0d0d0;
}
.section.section-companies3 .box-companies .section_description {
    color: #232323;
    max-width: 29rem;
}
.section.section-companies3 .box-companies .brands {
    width: 100%;
    position: relative;
}
.section.section-companies3 .box-companies .has-style3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #d5e6ef;
    padding: 28px;
}
.section.section-companies3 .box-companies .has-style3 .company-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 992px) {
    .section.section-companies3 .box-companies .has-style3 .company-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.section.section-companies3 .box-companies .has-style3 .company-item img {
    height: 2rem;
    margin-bottom: 30px;
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}
.section.section-companies3 .box-companies .has-style3 .company-item img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.section.section-testimonial {
    position: relative;
    z-index: 0;
}
.section.section-testimonial .section-particle {
    top: -3.6rem;
}
.section.section-testimonial .section_title {
    max-width: 50rem;
    padding-bottom: 15px;
}
.section.section-testimonial .client-wrap {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
@media screen and (max-width: 576px) {
    .section.section-testimonial .client-wrap {
        padding-left: 0;
    }
}
.section.section-testimonial .client-wrap.is-white .client {
    color: #2d3a58;
}
.section.section-testimonial .client-wrap.is-white .client-quote {
    color: #2d3a58;
    text-align: left;
}
@media screen and (max-width: 991px) {
    .section.section-testimonial .client-wrap.is-white .client-quote {
        max-width: 60rem;
    }
}
.section.section-testimonial .client-wrap.is-white .client-name {
    color: #ff6b84;
}
.section.section-testimonial .stars {
    max-height: 1.2rem;
    margin-bottom: 0.5rem;
}
.section.section-testimonial .client {
    text-transform: uppercase;
    color: #fff;
    margin-top: 40px;
    margin-bottom: 20px;
}
.section.section-testimonial .client-img {
    border-radius: 50%;
    overflow: hidden;
    background-color: #677ced1f;
    height: 20rem;
    width: 20rem;
    padding: 4rem;
}
.section.section-testimonial .client-img img {
    width: 100%;
    vertical-align: middle;
    max-height: 25rem;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 992px) {
    .section.section-testimonial .client-img img {
        width: 80%;
    }
}
.section.section-testimonial .client-name {
    margin-top: 20px;
    color: #fff;
    text-align: left;
    margin-right: 15px;
}
.section.section-testimonial .testi-icon {
    position: absolute;
    top: 57%;
    right: 10%;
    width: 33%;
}
.section.section-testimonial .testi-icon img {
    width: 100%;
}
@media screen and (max-width: 992px) {
    .section.section-testimonial .testi-icon {
        width: 20%;
    }
}
.section.section-testimonial .testimonial-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 768px) {
    .section.section-testimonial .testimonial-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.section.section-testimonial .testimonial-box .box-left {
    background-size: cover;
    height: inherit;
}
.section.section-testimonial .testimonial-box .box-left img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 0;
    object-position: 50% 0;
}
.section.section-testimonial .testimonial-box .box-right {
    background: #002b44;
    width: 75%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 60px;
}
.section.section-testimonial .testimonial-box .box-right .testimonial-quote {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 1.875rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    text-align: center;
    margin-bottom: 60px;
}
@media screen and (max-width: 992px) {
    .section.section-testimonial .testimonial-box .box-right .testimonial-quote {
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 768px) {
    .section.section-testimonial .testimonial-box .box-right .testimonial-quote {
        font-size: 20px;
    }
}
.section.section-testimonial .testimonial-box .box-right .logo {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.section.section-testimonial .testimonial-box .box-right .logo img {
    height: 2.5rem;
}
.section.section-testimonial .testimonial-box .box-right .title {
    text-align: center;
    margin: 30px 0;
    color: #fff;
}
.section.section-testimonial.has-bg {
    padding: 150px 0 230px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url(../images/testi-bg.png);
    background-position: center;
    position: relative;
    border-radius: 5px;
    z-index: 0;
    -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.section.section-testimonial.has-bg::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: #5731ab;
    opacity: 0.4;
    z-index: -1;
}
.section.section-testimonial.has-bg .section-title-sm {
    color: #fff;
}
.section.section-testimonial.has-bg .testi-icon {
    position: absolute;
    top: 8%;
    right: 2%;
    width: 12%;
}
.section.section-testimonial.has-bg .testi-icon img {
    width: 100%;
}
.section.section-testimonial2 {
    position: relative;
    overflow: hidden;
}
.section.section-testimonial2 .play-area {
    position: absolute;
    z-index: 1;
    left: 51%;
    top: 55%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-left: 23px;
}
@media screen and (max-width: 992px) {
    .section.section-testimonial2 .play-area {
        display: none;
    }
}
.section.section-testimonial2 .play-area .play-btn {
    background: #10154e;
    height: 4rem;
    width: 4rem;
    border-radius: 100%;
    padding: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    cursor: pointer;
}
.section.section-testimonial2 .play-area .play-btn img {
    width: 35%;
    z-index: 2;
    border-radius: 0;
}
.section.section-testimonial2 .play-area .play-btn::before {
    content: "";
    position: absolute;
    bottom: 50%;
    right: 50%;
    border-radius: 100%;
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
    background-image: url(../images/color-effect.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 150%;
    z-index: -1;
    -webkit-animation-name: anim2;
    animation-name: anim2;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.41, 1.87);
    animation-timing-function: cubic-bezier(0, 0, 0.41, 1.87);
    width: 150%;
}
.section.section-testimonial2 .testi-boxes {
    background-color: #eeedff;
}
.section.section-testimonial2 .testi-boxes .team-box .team-thumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
}
.section.section-testimonial2 .testi-boxes .team-box .team-thumb img {
    width: 100%;
    border-radius: 10px;
    -webkit-box-shadow: 0 15px 25px 0 rgba(93, 90, 129, 0.1);
    box-shadow: 0 15px 25px 0 rgba(93, 90, 129, 0.1);
}
@media screen and (max-width: 992px) {
    .section.section-testimonial2 .testi-boxes .team-box .team-thumb img {
        margin-bottom: 1rem;
    }
}
@media screen and (max-width: 768px) {
    .section.section-testimonial2 .testi-boxes .team-box .team-thumb img {
        width: 50%;
    }
}
@media screen and (max-width: 768px) {
    .section.section-testimonial2 .testi-boxes .team-box .team-name {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: auto;
        text-align: center;
        max-width: 20rem;
    }
}
.section.section-testimonial2 .testi-boxes .team-box .team-quote {
    color: #2a3543;
}
@media screen and (max-width: 768px) {
    .section.section-testimonial2 .testi-boxes .team-box .team-quote {
        text-align: center;
        margin: auto;
        max-width: 20rem;
    }
}
.section.section-testimonial2 .testi-boxes .team-box a {
    color: #5a52ff;
}
@media screen and (max-width: 768px) {
    .section.section-testimonial2 .testi-boxes .team-box a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: auto;
    }
}
.section.section-testimonial2 .testi-boxes .team-box .team-info {
    margin-top: auto;
    margin-bottom: auto;
}
.section.section-testimonial2 .testimonial-box {
    background-color: #f3f2fc;
}
@media screen and (max-width: 768px) {
    .section.section-testimonial2 .testimonial-box {
        margin: auto;
        width: 80%;
    }
}
.section.section-testimonial2 .testimonial-box .box-left {
    z-index: 0;
    -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.section.section-testimonial2 .testimonial-box .box-left::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: #321c64;
    opacity: 0.7;
    border-radius: 10px;
}
.section.section-testimonial2 .testimonial-box .box-left.overlay-none {
    z-index: 0;
    -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.section.section-testimonial2 .testimonial-box .box-left.overlay-none::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(0, 0, 0, 0.308);
    opacity: 0;
}
.section.section-testimonial2 .testimonial-box .box-left img {
    width: 100%;
    -webkit-box-shadow: 0 15px 25px 0 rgba(93, 90, 129, 0.1);
    box-shadow: 0 15px 25px 0 rgba(93, 90, 129, 0.1);
    border-radius: 10px;
}
.section.section-testimonial2 .testimonial-box .box-left .play-area {
    position: absolute;
    z-index: 0;
    left: 51%;
    top: 55%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.section.section-testimonial2 .testimonial-box .box-left .play-area .play-btn {
    background: #10154e;
    height: 4rem;
    width: 4rem;
    border-radius: 100%;
    padding: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    cursor: pointer;
}
.section.section-testimonial2 .testimonial-box .box-left .play-area .play-btn img {
    width: 100%;
    z-index: 2;
    border-radius: 0;
}
.section.section-testimonial2 .testimonial-box .box-left .play-area .play-btn::before {
    content: "";
    position: absolute;
    bottom: 50%;
    right: 50%;
    border-radius: 100%;
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
    background-image: url(../images/color-effect.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 150%;
    z-index: -1;
    -webkit-animation-name: anim2;
    animation-name: anim2;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.41, 1.87);
    animation-timing-function: cubic-bezier(0, 0, 0.41, 1.87);
    width: 150%;
}
.section.section-testimonial2 .testimonial-box .box-left .section-particle {
    position: absolute;
    background-size: contain;
    height: 51rem;
    width: 50rem;
    top: 0;
    left: -8rem;
    z-index: -2;
}
.section.section-testimonial2 .testimonial-box .box-left .section-particle img {
    width: 100%;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
@media screen and (max-width: 992px) {
    .section.section-testimonial2 .testimonial-box .box-left .section-particle {
        width: 40rem;
    }
}
.section.section-testimonial2 .testimonial-box .box-right {
    margin: 0 30px;
}
.section.section-testimonial2 .testimonial-box .box-right .client-quote {
    font-family: Sora-Bold;
    margin: 0;
    font-size: 20px;
    color: #0f072e;
}
.section.section-testimonial2 .testimonial-box .box-right .client-info {
    margin-top: 5%;
}
@media screen and (max-width: 768px) {
    .section.section-testimonial2 .testimonial-box .box-right {
        margin-top: 1rem;
    }
}
.section.section-testimonial3 {
    position: relative;
    overflow: hidden;
}
.section.section-testimonial3 .testi-body {
    margin-bottom: 120px;
}
.section.section-testimonial3 .testi-body .testi-box {
    background-color: #fff;
    border-radius: 10px;
    padding: 30px;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    margin-bottom: 1rem;
}
.section.section-testimonial3 .testi-body .testi-box .stars img {
    width: 31%;
}
.section.section-testimonial3 .testi-body .testi-box .section_description {
    margin: 10px 0 30px;
}
.section.section-testimonial3 .testi-body .testi-box .customer-info .customer-img {
    margin-right: 1rem;
}
.section.section-testimonial3 .testi-body .testi-box .customer-info .customer-img img {
    border-radius: 50%;
    max-height: 4rem;
}
.section.section-testimonial3 .testi-body .testi-box .customer-info .customer-position {
    text-transform: uppercase;
}
.section.section-testimonial3 .blog-feautures .support-img img {
    border-radius: 30px;
    position: absolute;
}
.section.section-testimonial3 .blog-feautures .support-img .support-2 {
    left: 50px;
}
.section.section-testimonial3 .blog-feautures .support-img .support-3 {
    left: 88px;
}
.section.section-testimonial3 .blog-feautures .feauture-desc,
.section.section-testimonial3 .blog-feautures p {
    max-width: 17rem;
}
.section.section-testimonial3.has-margin {
    margin-top: -12rem;
    z-index: 2;
}
.section.integration {
    position: relative;
    overflow: hidden;
}
.section.integration .integration-list-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    margin-left: 5rem;
}
.section.integration .integration-list-left li {
    min-width: 76px;
    min-height: 76px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100px;
    background-color: #fff;
    -webkit-box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.06);
}
.section.integration .integration-list-left li img {
    width: 40px;
}
.section.integration .content {
    background-image: url(../images/cover.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    height: 650px;
}
@media screen and (max-width: 992px) {
    .section.integration .content {
        height: 100%;
        padding: 60px 0;
    }
}
.section.integration .integration-list-left li:nth-of-type(1) {
    position: relative;
    margin-top: -30rem;
}
.section.integration .integration-list-left li:nth-of-type(2) {
    margin-bottom: -26rem;
    margin-left: -5rem;
}
.section.integration .integration-list-left li:nth-of-type(3) {
    margin-top: -4rem;
    margin-left: -11.5rem;
}
.section.integration .integration-list-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    margin-left: -7.5rem;
}
.section.integration .integration-list-right li {
    min-width: 76px;
    min-height: 76px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100px;
    background-color: #fff;
    -webkit-box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.06);
}
.section.integration .integration-list-right li:nth-of-type(1) {
    position: relative;
    margin-bottom: -26rem;
    margin-left: 6rem;
}
.section.integration .integration-list-right li img {
    width: 40px;
}
.section.integration .integration-list-right li:nth-of-type(3) {
    margin-top: -4rem;
    position: relative;
    margin-left: 2rem;
}
.section.integration .integration-list-right li:nth-of-type(2) {
    margin-top: -30rem;
    position: relative;
    margin-left: -76px;
}
.section.integration .heading {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media screen and (max-width: 992px) {
    .section.integration .integration-block {
        display: none;
    }
}
.section.integration .integration-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media screen and (max-width: 992px) {
    .section.integration .integration-icons {
        margin-bottom: 3rem;
    }
}
.section.integration .integration-icons img {
    width: 100%;
}
.section.integration .integration-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media screen and (max-width: 992px) {
    .section.integration .integration-right {
        height: 24rem;
    }
}
.section.integration .integration-right .section_title {
    font-size: 50px !important;
    max-width: 20rem;
}
@media screen and (max-width: 768px) {
    .section.integration .integration-right .section_title {
        font-size: 35px !important;
        max-width: 19rem;
    }
}
@media screen and (max-width: 576px) {
    .section.integration .integration-right .section_title {
        max-width: 14rem;
    }
}
.section.integration .integration-right .section-shape {
    position: absolute;
    z-index: -1;
    width: 90%;
    top: 10%;
    overflow: hidden;
}
@media screen and (max-width: 992px) {
    .section.integration .integration-right .section-shape {
        top: 5%;
        width: 30rem;
    }
}
@media screen and (max-width: 768px) {
    .section.integration .integration-right .section-shape {
        top: 10%;
        width: 25rem;
    }
}
@media screen and (max-width: 576px) {
    .section.integration .integration-right .section-shape {
        width: 22rem;
    }
}
.section.section-counter .divider-bottom {
    background: url(../images/divider-white2.svg) bottom no-repeat;
    width: 100%;
    height: 6rem;
    z-index: 0;
}
.section.section-counter .section_head .section_title {
    max-width: 40rem;
}
.section.section-counter .counters {
    margin-top: 70px;
}
.section.section-counter .counter-item {
    background: #be346a;
    height: 10rem;
    width: 10rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-transition: 0.25s;
    transition: 0.25s;
    cursor: default;
    position: relative;
}
.section.section-counter .counter-item::before {
    content: "";
    position: absolute;
    right: -63%;
    height: 2rem;
    width: 5rem;
    background: url(../images/arrow.png) 0 0 / contain no-repeat;
}
.section.section-counter .counter-item.no_before {
    position: relative;
}
.section.section-counter .counter-item.no_before::before {
    position: absolute;
    content: none;
}
@media screen and (max-width: 768px) {
    .section.section-counter .counter-item {
        position: relative;
    }
    .section.section-counter .counter-item::before {
        position: absolute;
        content: none;
    }
}
.section.section-counter .counter-item .counter-number {
    color: #fff;
    font-size: 40px;
    text-align: center;
    line-height: 1;
    margin: 0;
}
@media screen and (max-width: 768px) {
    .section.section-counter .counter-item .counter-number {
        font-size: 30px;
    }
}
.section.section-counter .counter-item .counter-name {
    color: rgba(255, 255, 255, 0.815);
    text-transform: uppercase;
    font-size: 15.5px;
    text-align: center;
    margin: 0;
}
.section.section-counter2 {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.section.section-counter2 .counter-box .section_head .section_title {
    max-width: 37rem;
}
.section.section-counter2 .counter-box .icon-sm {
    width: 80%;
}
.section.section-counter2 .counter-box .counter-icon {
    background-repeat: no-repeat;
    height: 7rem;
    width: 12rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
}
.section.section-counter2 .counter-box .counter-icon [class^="ri-"] {
    font-size: 40px;
}
.section.section-counter2 .counter-box .counter-icon .icon {
    position: absolute;
    top: 17%;
    left: 43%;
}
@media screen and (max-width: 576px) {
    .section.section-counter2 .counter-box .counter-icon .icon {
        left: 40%;
    }
}
.section.section-counter2 .counter-box .counter-item .counter-number {
    font-size: 40px;
    text-align: center;
    line-height: 1;
}
@media screen and (max-width: 768px) {
    .section.section-counter2 .counter-box .counter-item .counter-number {
        font-size: 20px;
    }
}
.section.section-counter2 .counter-box .counter-item .counter-name {
    text-transform: uppercase;
    font-size: 15.5px;
    text-align: center;
}
.section.section-counter2 .counter-box .is-dark .counter-item .counter-number {
    color: #683769;
    font-size: 40px;
    text-align: center;
    line-height: 1;
}
@media screen and (max-width: 768px) {
    .section.section-counter2 .counter-box .is-dark .counter-item .counter-number {
        font-size: 20px;
    }
}
.section.section-counter2 .counter-box .is-dark .counter-item .counter-name {
    color: #683769;
    text-transform: uppercase;
    font-size: 15.5px;
    text-align: center;
}
.section.section-blog img {
    width: 100%;
    border-radius: 5px;
}
.section.section-blog a {
    color: #2d3a58;
}
.section.section-blog .has-style1 .blog-card {
    background-image: url(../images/post-img.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 5px;
    width: 100%;
    height: 102%;
}
@media screen and (max-width: 768px) {
    .section.section-blog .has-style1 .blog-card {
        margin-bottom: 5rem;
    }
}
.section.section-blog .has-style1 .blog-card .blog-img {
    width: 100%;
}
@media screen and (max-width: 992px) {
    .section.section-blog .has-style1 .blog-card .post-content {
        padding: 58% 5% 1%;
    }
}
.section.section-blog .has-style1 .blog-card .post-content .content-wrap {
    position: absolute;
    padding: 10px;
    bottom: 10px;
    width: 90%;
}
.section.section-blog .has-style1 .blog-card .post-content .content-wrap .post-title a {
    color: #fff;
}
.section.section-blog .has-style1 .blog-card .post-content .content-wrap .post-desc {
    margin-top: 3%;
}
.section.section-blog .has-style1 .blog-card .post-content .content-wrap .post-desc .post-author a {
    color: #fff;
}
@media screen and (max-width: 768px) {
    .section.section-blog .has-style2 .post-title {
        font-size: 22px;
    }
}
.section.section-blog .has-style2 .post-desc .post-date {
    color: #5a52ff;
}
.section.section-steps {
    overflow: hidden;
}
.section.section-steps .steps-img {
    width: 160%;
    border-radius: 15px 0 0 15px;
}
@media screen and (max-width: 992px) {
    .section.section-steps .steps-img {
        width: 80%;
        border-radius: 10px;
        margin: 2rem;
    }
}
.section.section-albums {
    overflow: hidden;
}
.section.section-albums img {
    width: 100%;
    margin-bottom: 30px;
}
.shape {
    position: absolute;
    right: 0;
    bottom: 100px;
    z-index: -1;
}
.shape img {
    width: 100%;
    max-width: 20rem;
}
.divider.divider-bottom {
    top: 1px;
}
section > .divider-bottom {
    margin-top: calc(3.75rem - 5vw);
}
.divider {
    width: 100%;
    position: relative;
    height: 5vw;
    pointer-events: none;
    -webkit-mask-image: url(../images/devider_1.svg);
    mask-image: url(../images/devider_1.svg);
    -webkit-mask-size: 100% 101%;
    mask-size: 100% 101%;
    background: #fff;
}
.is_white {
    background-color: #fff !important;
}
.is_light {
    background-color: #faf4f6 !important;
}
.footer {
    padding: 100px 0 50px;
}
.footer.has_style1 {
    background: #10154e;
}
.footer.has_style1 .copyright {
    color: #fff;
    opacity: 0.7;
    font-size: 14px;
    margin-bottom: 0;
}
.footer.has_style1 .list-items,
.footer.has_style1 .list-title,
.footer.has_style1 .social_footer a,
.footer.has_style1 .social_footer i {
    color: #fff;
}
.footer.has_style1 .list-items li a {
    color: #fff;
    opacity: 0.85;
}
.footer.has_style1 .list-items li a:hover {
    color: #be346a;
}
.footer.has_style2 {
    background: #fff;
}
.footer .footer_text {
    max-width: 30rem;
    margin-left: 0;
}
.footer .social_footer a,
.footer .social_footer i {
    color: #10154e;
    font-size: 1.5rem;
}
.footer .footer-desc {
    margin-bottom: 2rem;
}
.footer .footer-desc .logo {
    margin-bottom: 1rem;
}
.footer .footer-desc .logo img {
    height: 64px;
}
.footer .footer-desc .social-footer {
    margin-top: 1rem;
}
.footer .footer-desc .social-footer a img {
    width: 18px;
    margin-right: 8px;
}
.footer .footer-desc .social-footer a ion-icon {
    font-size: 25px;
    color: #fff;
}
.footer .list-title {
    font-size: 1.1rem;
    position: relative;
    margin-bottom: 1.3rem;
}
.footer .list-items {
    margin-bottom: 2rem;
}
.footer .list-items li {
    margin-bottom: 1rem;
}
.footer .list-items li a {
    color: #2e3158;
}
.footer .list-items li a:hover {
    padding-left: 0.5rem;
    color: #be346a;
}
.footer .copyright {
    margin-top: 35px;
    font-size: 14px;
    margin-bottom: 0;
}
.footer .copyright p {
    padding: 2rem 0;
    font-size: 1rem;
    margin: 0;
    color: #a5a5a5;
}
.footer_index {
    background: #10154e !important;
    padding: 20px 0;
}
.footer_index img {
    max-height: 40px;
}
.footer_index .links a {
    color: #faf4f6;
    padding: 0 5px;
    text-transform: lowercase;
}
.block {
    padding: 30px;
    margin-bottom: 30px;
}
.block .title {
    font-size: 20px;
}
.block .title_top {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: solid 1px #ebeaef;
    font-size: calc(24px + 2 * ((100vw - 576px) / 1024));
}
@media screen and (max-width: 576px) {
    .block .title_top {
        font-size: 24px;
    }
}
@media screen and (min-width: 1600px) {
    .block .title_top {
        font-size: 26px;
    }
}
.block li:not(:last-child) {
    margin-bottom: 5px;
}
.block li a {
    color: #526792 !important;
}
.block .list-item.is_active a {
    color: #be346a;
}
.block_colored {
    padding: 70px;
    border-radius: 20px;
}
.block_colored.is_orange {
    background: #ff784b;
}
.block_colored.is_orange h1,
.block_colored.is_orange h2,
.block_colored.is_orange h3,
.block_colored.is_orange h4,
.block_colored.is_orange h5,
.block_colored.is_orange h6,
.block_colored.is_orange p {
    color: #fff;
}
.block_colored.is_green {
    background: #3dcabd;
}
.block_colored.is_green h1,
.block_colored.is_green h2,
.block_colored.is_green h3,
.block_colored.is_green h4,
.block_colored.is_green h5,
.block_colored.is_green h6,
.block_colored.is_green p {
    color: #fff;
}
.dark_block {
    background: #be346a;
}
.dark_block h1,
.dark_block h2,
.dark_block h3,
.dark_block h4,
.dark_block h5,
.dark_block h6,
.dark_block p,
.dark_block span {
    color: #fff;
}
.client_slick .slick-next {
    left: 25%;
    bottom: -13%;
    top: auto;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E")
            center no-repeat,
        center no-repeat #be346a;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    position: absolute !important;
    border: 5px solid #fff;
}
.client_slick .slick-prev {
    left: 18%;
    bottom: -13%;
    top: auto;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M10.828 12l4.95 4.95-1.414 1.414L8 12l6.364-6.364 1.414 1.414z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E")
            center no-repeat,
        center no-repeat #be346a;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    position: absolute !important;
    opacity: 1 !important;
    z-index: 2;
    border: 5px solid #fff;
}
@media screen and (max-width: 991px) {
    .client_slick .slick-next {
        left: 51%;
        bottom: auto;
        top: 0;
        width: 3rem;
        height: 3rem;
    }
    .client_slick .slick-prev {
        left: 44%;
        bottom: auto;
        top: 0;
        width: 3rem;
        height: 3rem;
    }
}
@media screen and (max-width: 768px) {
    .client_slick .slick-prev {
        left: 40%;
    }
}
.page_light {
    background-color: rgba(243, 248, 255, 0.3);
}
.subscribe {
    background: #10154e;
    color: #fff;
}
.subscribe .section_head {
    margin-bottom: 30px;
}
.subscribe .section_title {
    color: #fff;
    font-size: calc(40px + 14 * ((100vw - 576px) / 1024));
}
@media screen and (max-width: 576px) {
    .subscribe .section_title {
        font-size: 40px;
    }
}
@media screen and (min-width: 1600px) {
    .subscribe .section_title {
        font-size: 54px;
    }
}
.subscribe p {
    color: #fff;
}
.team-box.has_style1 {
    margin-bottom: 30px;
}
.team-box.has_style1 .team-name {
    text-align: center;
}
.team-box.has_style1 .team-social {
    background-color: #fff;
    position: absolute;
    top: 44%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 10px 20px;
    border-radius: 50px;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    margin-top: -20px;
    -webkit-transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    z-index: 1;
}
.team-box.has_style1 .team-social ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.team-box.has_style1 .team-social a {
    color: #10154e;
    margin: 0 5px;
    line-height: 100%;
}
.team-box.has_style1 .team-social a:hover {
    color: #be346a;
}
.team-box.has_style1 .team-social a svg {
    height: 0.8rem;
}
.team-box.has_style1 .team-social a ion-icon {
    height: 1rem;
    padding-top: 7px;
    font-size: 18px;
}
.team-box.has_style1 .badge {
    position: absolute;
    top: -10px;
    z-index: 1;
    background: #be346a;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
}
.team-box.has_style1 .team-img {
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 30px;
    position: relative;
    z-index: 0;
    -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.team-box.has_style1 .team-img img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.team-box.has_style1 .team-img::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.308);
    z-index: 1;
    opacity: 0;
    -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.team-box.has_style1:hover .team-social {
    margin-top: 0;
    opacity: 1;
}
.team-box.has_style1:hover .team-img::before {
    opacity: 1;
}
.process_block {
    border-radius: 20px;
    background: #fff;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    padding: 20px;
}
.process-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 1.125rem;
    background: rgba(190, 52, 106, 0.05) !important;
}
.process-circle:empty:after {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: #be346a;
}
.process-vertical {
    padding: 0;
    width: 100%;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.process-vertical li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.process-vertical li .process-circle {
    margin-right: 25px;
}
.process-vertical li:not(:last-child) {
    position: relative;
    margin-bottom: 25px;
}
@media screen and (min-width: 1025px) {
    .process-vertical li {
        width: 50%;
        margin-left: 50%;
    }
    .process-vertical li .process-circle {
        margin-left: -25px;
    }
    .process-vertical li:nth-child(even) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        text-align: right;
        margin-left: 0;
        margin-right: 50%;
    }
    .process-vertical li:nth-child(even) .process-circle {
        margin-right: -25px;
        margin-left: 25px;
    }
    .process-vertical li:not(:last-child) {
        padding-bottom: 75px;
        margin-bottom: 0;
    }
    .process-vertical li:not(:last-child):after {
        content: "";
        display: block;
        width: 2px;
        height: 50px;
        background: #e5e0eb;
        position: absolute;
        top: 4.125rem;
    }
    .text-light .process-vertical li:not(:last-child):after {
        background: rgba(255, 255, 255, 0.25);
    }
}
.career_wrap h3 {
    font-size: 25px;
}
.career_wrap h3:not(:first-child) {
    margin: 20px 0;
}
.block_404 {
    margin: 0;
    height: calc(100vh - 100px);
    position: relative;
}
.block_404 .title_404 {
    position: absolute;
    top: -50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
    font-size: 20rem;
    font-family: Sora-Bold;
    color: #fff;
    text-shadow: 0 0 74px #35356c0a;
    line-height: 100%;
}
@media screen and (max-width: 1024px) {
    .block_404 {
        margin: 100px 0;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
    }
    .block_404 .title_404 {
        position: absolute;
        top: 0;
        font-size: 10rem;
    }
}
.block_thanks {
    margin: 0;
    height: calc(100vh - 100px);
    position: relative;
}
.block_thanks .title_404 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
    font-size: 10rem;
    font-family: Sora-Bold;
    color: #fff;
    text-shadow: 0 0 74px #35356c0a;
    line-height: 100%;
}
@media screen and (max-width: 1024px) {
    .block_thanks {
        margin: 100px 0;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
    }
    .block_thanks .title_404 {
        position: absolute;
        top: 0;
        font-size: 10rem;
    }
}
.block_reviews .reviews_box {
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    padding: 30px;
    margin-bottom: 30px;
    -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    background: #fff;
    position: relative;
}
.block_reviews .reviews_box:hover {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
}
.block_reviews .reviews_box::before {
    content: "";
    position: absolute;
    bottom: 15px;
    right: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4.583 17.321C3.553 16.227 3 15 3 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 0 1-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179zm10 0C13.553 16.227 13 15 13 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 0 1-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179z' fill='rgba(243,242,252,1)'/%3E%3C/svg%3E");
    background-size: contain;
    height: 3rem;
    width: 3rem;
    background-repeat: no-repeat;
}
.block_reviews .reviews_box .stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.block_reviews .reviews_box .stars img {
    max-height: 1.5rem;
}
.block_reviews .reviews_box .quote {
    margin: 20px 0;
}
.block_reviews .reviews_box .avatar {
    height: 4rem;
    width: 4rem;
}
.reviews_slick .slick-list {
    overflow: visible !important;
}
.reviews_slick .reviews_box {
    margin: 0 20px;
    opacity: 0.6;
    -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.reviews_slick .reviews_box.slick-center {
    opacity: 1;
}
.block_faq {
    max-width: 45rem;
    margin-left: auto;
    margin-right: auto;
}
.block_case {
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    margin-bottom: 30px;
    -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 5px;
    position: relative;
    background: #fff;
}
.block_case .img_case {
    width: 100%;
}
.block_case .case_wrap {
    padding: 30px;
}
.block_case .logo {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    -webkit-box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
    box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
}
.block_case .logo img {
    height: 1rem;
}
.block_case2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    margin-bottom: 30px;
    -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 5px;
    position: relative;
    background: #fff;
    overflow: hidden;
}
.block_case2 .img_case {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}
.block_case2 .case_wrap {
    padding: 30px;
    position: relative;
}
.block_case2 .logo {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
}
.block_case2 .logo img {
    height: 1rem;
}
.block_timer {
    border-radius: 10px;
    padding: 20px 40px;
    background: #be346a;
    overflow: hidden;
}
.block_timer .dots {
    color: #fff;
}
@media screen and (max-width: 576px) {
    .block_timer .dots {
        font-size: 64px;
    }
}
@media screen and (min-width: 1600px) {
    .block_timer .dots {
        font-size: 72px;
    }
}
@media screen and (max-width: 1024px) {
    .block_timer .dots {
        font-size: calc(26px + 46 * ((100vw - 576px) / 1024));
    }
}
@media screen and (max-width: 1024px) and (max-width: 576px) {
    .block_timer .dots {
        font-size: 26px;
    }
}
@media screen and (max-width: 1024px) and (min-width: 1600px) {
    .block_timer .dots {
        font-size: 72px;
    }
}
.block_timer .number {
    color: #fff;
    font-size: 50px !important;
    font-size: calc(64px + 8 * ((100vw - 576px) / 1024));
}
@media screen and (max-width: 576px) {
    .block_timer .number {
        font-size: 64px;
    }
}
@media screen and (min-width: 1600px) {
    .block_timer .number {
        font-size: 72px;
    }
}
@media screen and (max-width: 1024px) {
    .block_timer .number {
        font-size: calc(26px + 46 * ((100vw - 576px) / 1024));
    }
}
@media screen and (max-width: 1024px) and (max-width: 576px) {
    .block_timer .number {
        font-size: 26px;
    }
}
@media screen and (max-width: 1024px) and (min-width: 1600px) {
    .block_timer .number {
        font-size: 72px;
    }
}
.block_timer .dots {
    padding: 0 20px;
    height: auto !important;
    margin-top: 0;
    font-size: 50px !important;
}
.block_contact_form .content {
    padding: 30px;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    margin-bottom: 30px;
    background: #fff;
    position: relative;
    border-radius: 20px;
}
.block_help {
    padding: 30px;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    border-radius: 5px;
    margin-bottom: 30px;
    background: #fff;
    position: relative;
    -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.block_help .icon {
    margin-right: 20px;
}
.block_help .icon svg {
    fill: #be346a !important;
    width: 55px;
}
.block_help:hover {
    background: #f5d9e4;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.help_wrap h3,
.help_wrap h4,
.help_wrap h5,
.help_wrap h6,
.help_wrap p,
.help_wrap span {
    margin-top: 0;
    margin-bottom: 20px;
}
.block_popup {
    margin-bottom: 60px;
    cursor: pointer;
}
.block_popup:hover img {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}
.block_popup img {
    width: 100%;
    -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    margin-bottom: 30px;
}
.block_popup .link {
    color: #fff;
    background: 0 0 !important;
}
.ticket_block {
    padding: 60px;
    background: #be346a;
    border-radius: 5px;
    -webkit-box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
    box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
    overflow: hidden;
    margin-bottom: 30px;
    position: relative;
}
.ticket_block::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 20px;
    width: 20px;
    background: #fff;
    border-radius: 50px;
    left: -10px;
}
.ticket_block::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 20px;
    width: 20px;
    background: #fff;
    border-radius: 50px;
    right: -10px;
}
.ticket_block .wrap {
    position: relative;
}
.ticket_block .wrap::before {
    content: "";
    position: absolute;
    background: url(../images/circle_decoration.png) 0 0 / contain no-repeat;
    top: -72%;
    left: 15%;
    height: 100%;
    width: 100%;
}
.ticket_block .title {
    color: #fff;
    margin-bottom: 20px;
}
.ticket_block .description {
    color: #fff;
    margin-bottom: 20px;
    max-width: 15rem;
    font-size: 19px;
}
.ticket_block .price {
    font-size: calc(46px + 18 * ((100vw - 576px) / 1024));
    line-height: 1;
    color: #fff;
    font-family: Sora-Bold;
}
@media screen and (max-width: 576px) {
    .ticket_block .price {
        font-size: 46px;
    }
}
@media screen and (min-width: 1600px) {
    .ticket_block .price {
        font-size: 64px;
    }
}
.event_block {
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 5px;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    background: #fff;
}
.event_block .title {
    font-size: calc(36px + 4 * ((100vw - 576px) / 1024));
}
@media screen and (max-width: 576px) {
    .event_block .title {
        font-size: 36px;
    }
}
@media screen and (min-width: 1600px) {
    .event_block .title {
        font-size: 40px;
    }
}
.event_block .date {
    font-size: calc(36px + 4 * ((100vw - 576px) / 1024));
    color: #be346a;
}
@media screen and (max-width: 576px) {
    .event_block .date {
        font-size: 36px;
    }
}
@media screen and (min-width: 1600px) {
    .event_block .date {
        font-size: 40px;
    }
}
@media screen and (max-width: 991px) {
    .event_block .date {
        text-align: left;
    }
}
.event_block .description {
    margin-top: 20px;
}
.tools_block {
    margin: 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.tools_block img {
    height: 2.5rem;
    -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.tools_block img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.courses_block .item {
    margin-bottom: 30px;
    border-radius: 5px;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    position: relative;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.courses_block .item .thumb_wrap {
    position: relative;
}
.courses_block .item .item_wrap {
    padding: 20px 20px 20px 2rem;
    position: relative;
}
.courses_block .item .item_wrap .info {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -3.3rem;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #be346a;
    color: #fff;
    border: 5px solid #fff;
    -webkit-box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
    box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
}
.courses_block .item .item_wrap .info h4 {
    font-size: 18px;
    color: #fff;
    margin: 0;
    padding: 0;
    line-height: 100%;
}
.courses_block .item .item_wrap .info span {
    font-size: 13px;
}
.courses_block .item .thumb {
    width: 10rem;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    margin-right: 20px;
}
.courses_block .item .title {
    margin: 0 0 20px;
    font-size: 22px;
}
.courses_block .item .item_meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.courses_block .item .item_meta div {
    font-size: 13px;
    color: #524e63;
}
.courses_block .item .item_meta svg {
    fill: #524e63;
}
.numbers_block {
    border-right: 1px solid #dfdbe9;
    padding: 40px;
}
.numbers_block.none {
    border-right: 0 !important;
}
.numbers_block .number {
    color: #be346a;
}
.price-form {
    padding: 0 20px;
}
.price-form input {
    height: 20px;
    margin: 15px 0;
}
.discount-plain-text {
    text-align: center;
    font-size: 13px;
    color: #84879b;
}
.price_form2 {
    padding: 0 15px;
}
.discount-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-right: 20px;
}
.pricing-table {
    background: #fff;
    border-radius: 30px;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
}
.pricing-table table,
.pricing-table table thead,
.pricing-table table thead tr {
    display: block;
}
.pricing-table table thead tr .sin-title-box {
    padding: 0 20px;
    height: 60px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.56px;
}
.pricing-table table tbody,
.pricing-table table tbody tr {
    display: block;
}
.pricing-table table .title-col {
    min-width: 290px;
}
.pricing-table table .basic-col,
.pricing-table table .premium-col,
.pricing-table table .standard-col {
    min-width: 16rem;
}
.pricing-table table .ent-col {
    min-width: 195px;
}
.pricing-table table .colored-row {
    border-top: 2px solid #cfd5e340;
    width: initial;
}
.pricing-table table .colored-row:first-child {
    border-top: 0;
}
.pricing-table table .colored-row:first-child .sin-box:before {
    height: 100%;
    top: auto;
    bottom: 0;
}
.pricing-table table .colored-row .sin-box {
    position: relative;
    padding: 0 20px;
    height: 65px;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: -0.56px;
}
.pricing-table table .colored-row .sin-box:before {
    content: "";
    background: #ddebfc;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    width: 1px;
}
.pricing-table table .colored-row .sin-box.title-col {
    font-weight: 700;
}
.pricing-table table .colored-row .sin-box .table-icon {
    font-size: 20px;
}
.pricing-table table .colored-row .sin-box .table-icon.neg {
    color: #f04037;
}
.pricing-table table .colored-row .sin-box .table-icon.pos {
    color: #67d216;
}
.pricing-table table .price-widget-block {
    padding-left: 22px;
    margin-top: 50px;
}
.pricing-table table .price-widget-block .title {
    font-size: 21px;
    font-weight: 700;
    letter-spacing: -0.66px;
    padding-bottom: 5px;
}
.pricing-table table .price-widget-block .subtitle {
    font-size: 15px;
    font-weight: 300;
    letter-spacing: -0.46px;
    padding-bottom: 26px;
}
.pricing-table table .price-widget-block .btn {
    width: 167px;
    height: 50px;
    border-radius: 5px;
    background-color: #be346a;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.56px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 50px;
}
.pricing-table table .price-widget-block .btn:hover {
    background-color: #be346a;
    color: #fff;
}
.privacy_block {
    padding: 60px !important;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
}
@media screen and (max-width: 991px) {
    .privacy_block {
        padding: 15px !important;
    }
}
.privacy_block .badge {
    background: #be346a;
    height: 5px;
    width: 5px;
    margin-top: 14px !important;
    border-radius: 50%;
}
.block_list {
    position: relative;
    padding-top: 60px;
    padding-bottom: 44px;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
}
.block_list .list_item {
    border-bottom: solid 1px #dfdce6;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.block_list .list_item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.contact_wrap_dark {
    max-width: 60rem;
    border-radius: 5px;
    background: #10154e;
    padding: 60px 30px;
}
.contact_wrap_dark label,
.contact_wrap_dark p {
    color: #fff;
}
.steps_block .ellipse {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    background: #be346a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.steps_block .ellipse .num {
    color: #fff;
    text-align: center;
}
.steps_block .description {
    max-width: 20rem;
    margin-left: 4rem;
    margin-bottom: 30px;
}
.steps_block .title {
    margin-left: 1rem;
    line-height: 1.1;
}
.feauture_item {
    margin-bottom: 120px;
    padding: 40px;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    background: #fff;
    border-radius: 30px;
}
.feauture_item:last-child {
    margin-bottom: 0;
}
.img_2 {
    -webkit-transform: translateY(-3rem);
    transform: translateY(-3rem);
}
.img_3 {
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px);
}
.block_plugin_free {
    margin: 50px 50px 0;
    border-radius: 5px;
    background: linear-gradient(104deg, #fff, white, #fff, rgba(255, 255, 255, 0.522));
    padding: 50px 0;
}
@media screen and (max-width: 991px) {
    .block_plugin_free {
        margin: 50px 15px 0;
    }
}
.block_plugin_free .item_plugins {
    margin-top: 50px;
    text-align: center;
}
.block_plugin_free .icon {
    height: 4rem;
    width: 4rem;
    padding: 1rem;
    background: linear-gradient(45deg, #4c3d69 0, #c73e67 100%);
    margin: 0 auto 15px;
    border-radius: 3px;
    color: #fff;
}
.block_plugin_free .icon i {
    color: #fff;
    line-height: 2rem;
    font-size: 24px;
}
.block_ststues_elements .item,
.block_ststues_elements .item h3,
.block_ststues_elements .item p {
    color: #fff;
}
.block_main_features {
    background: #2a1249;
    color: #fff;
}
.block_main_features .hr {
    background: 0 0;
    height: 2px;
}
.block_main_features .block {
    margin: 0;
}
.block_main_features .block .title {
    margin-bottom: 20px;
}
.block_main_features .section_title {
    color: #fff;
}
.bg_back {
    border-radius: 30px;
    position: relative;
}
.bg_back::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    background-image: url(../images/lines.svg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 60%;
    width: 100%;
    border-radius: 30px;
    background-color: #faf4f6;
}
.bg_back img {
    width: 100%;
    max-width: 20rem;
}
.bg_back_wrap {
    border-radius: 30px;
    position: relative;
}
.bg_back_wrap::before {
    content: "";
    position: absolute;
    height: 60%;
    width: 100%;
    border-radius: 30px;
    background-color: #faf4f6;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
}
.bg_back_wrap img {
    width: 100%;
    max-width: 20rem;
}
.app_block {
    border-radius: 60px;
    background: #faf4f6;
    padding: 0 50px;
    position: relative;
}
.app_block::before {
    content: "";
    position: absolute;
    background: #be346a;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: 70%;
}
.app_block .img_center {
    width: 100%;
    max-width: 20rem;
}
.progress-work {
    margin-top: 80px;
}
@media screen and (max-width: 992px) {
    .progress-work {
        margin-top: 70px;
    }
}
.progress-work .progress {
    width: 200px;
    height: 200px;
    line-height: 200px;
    background: 0 0;
    margin: 0 auto 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
}
@media screen and (max-width: 992px) {
    .progress-work .progress {
        width: 150px;
        height: 150px;
    }
}
@media screen and (max-width: 768px) {
    .progress-work .progress {
        width: 125px;
        height: 125px;
    }
}
.progress-work .progress:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 7px solid #f3f3f3;
    position: absolute;
    top: 0;
    left: 0;
}
.progress-work .progress > span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}
.progress-work .progress .progress-left {
    left: 0;
}
.progress-work .progress .progress-bar {
    width: 100%;
    height: 100%;
    background: 0 0;
    border-width: 7px;
    border-style: solid;
    position: absolute;
    top: 0;
    border-color: #be346a;
}
.progress-work .progress .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}
.progress-work .progress .progress-right {
    right: 0;
}
.progress-work .progress .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
}
.progress-work .progress .progress-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 50%;
    font-size: 36px;
    text-align: center;
    line-height: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    font-weight: 700;
    width: 100%;
}
.progress-work .progress .progress-value div {
    margin-top: 10px;
}
.progress-work .progress .progress-value span {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
}
.progress-work.is-blue .progress-bar {
    width: 100%;
    height: 100%;
    background: 0 0;
    border-width: 7px;
    border-style: solid;
    position: absolute;
    top: 0;
    border-color: #563cc9 !important;
}
.progress-work .progress[data-percentage="10"] .progress-right .progress-bar {
    -webkit-animation: loading-1 1.5s linear forwards;
    animation: loading-1 1.5s linear forwards;
}
.progress-work .progress[data-percentage="10"] .progress-left .progress-bar {
    -webkit-animation: 0;
    animation: 0;
}
.progress-work .progress[data-percentage="20"] .progress-right .progress-bar {
    -webkit-animation: loading-2 1.5s linear forwards;
    animation: loading-2 1.5s linear forwards;
}
.progress-work .progress[data-percentage="20"] .progress-left .progress-bar {
    -webkit-animation: 0;
    animation: 0;
}
.progress-work .progress[data-percentage="30"] .progress-right .progress-bar {
    -webkit-animation: loading-3 1.5s linear forwards;
    animation: loading-3 1.5s linear forwards;
}
.progress-work .progress[data-percentage="30"] .progress-left .progress-bar {
    -webkit-animation: 0;
    animation: 0;
}
.progress-work .progress[data-percentage="40"] .progress-right .progress-bar {
    -webkit-animation: loading-4 1.5s linear forwards;
    animation: loading-4 1.5s linear forwards;
}
.progress-work .progress[data-percentage="40"] .progress-left .progress-bar {
    -webkit-animation: 0;
    animation: 0;
}
.progress-work .progress[data-percentage="50"] .progress-right .progress-bar {
    -webkit-animation: loading-5 1.5s linear forwards;
    animation: loading-5 1.5s linear forwards;
}
.progress-work .progress[data-percentage="50"] .progress-left .progress-bar {
    -webkit-animation: 0;
    animation: 0;
}
.progress-work .progress[data-percentage="60"] .progress-right .progress-bar {
    -webkit-animation: loading-5 1.5s linear forwards;
    animation: loading-5 1.5s linear forwards;
}
.progress-work .progress[data-percentage="60"] .progress-left .progress-bar {
    -webkit-animation: loading-1 1.5s linear forwards 1.5s;
    animation: loading-1 1.5s linear forwards 1.5s;
}
.progress-work .progress[data-percentage="70"] .progress-right .progress-bar {
    -webkit-animation: loading-5 1.5s linear forwards;
    animation: loading-5 1.5s linear forwards;
}
.progress-work .progress[data-percentage="70"] .progress-left .progress-bar {
    -webkit-animation: loading-2 1.5s linear forwards 1.5s;
    animation: loading-2 1.5s linear forwards 1.5s;
}
.progress-work .progress[data-percentage="80"] .progress-right .progress-bar {
    -webkit-animation: loading-5 1.5s linear forwards;
    animation: loading-5 1.5s linear forwards;
}
.progress-work .progress[data-percentage="80"] .progress-left .progress-bar {
    -webkit-animation: loading-3 1.5s linear forwards 1.5s;
    animation: loading-3 1.5s linear forwards 1.5s;
}
.progress-work .progress[data-percentage="90"] .progress-right .progress-bar {
    -webkit-animation: loading-5 1.5s linear forwards;
    animation: loading-5 1.5s linear forwards;
}
.progress-work .progress[data-percentage="90"] .progress-left .progress-bar {
    -webkit-animation: loading-4 1.5s linear forwards 1.5s;
    animation: loading-4 1.5s linear forwards 1.5s;
}
.progress-work .progress[data-percentage="100"] .progress-right .progress-bar {
    -webkit-animation: loading-5 1.5s linear forwards;
    animation: loading-5 1.5s linear forwards;
}
.progress-work .progress[data-percentage="100"] .progress-left .progress-bar {
    -webkit-animation: loading-5 1.5s linear forwards 1.5s;
    animation: loading-5 1.5s linear forwards 1.5s;
}
@-webkit-keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(36);
        transform: rotate(36deg);
    }
}
@keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(36);
        transform: rotate(36deg);
    }
}
@-webkit-keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(72);
        transform: rotate(72deg);
    }
}
@keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(72);
        transform: rotate(72deg);
    }
}
@-webkit-keyframes loading-3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(108);
        transform: rotate(108deg);
    }
}
@keyframes loading-3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(108);
        transform: rotate(108deg);
    }
}
@-webkit-keyframes loading-4 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(144);
        transform: rotate(144deg);
    }
}
@keyframes loading-4 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(144);
        transform: rotate(144deg);
    }
}
@-webkit-keyframes loading-5 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(180);
        transform: rotate(180deg);
    }
}
@keyframes loading-5 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(180);
        transform: rotate(180deg);
    }
}
@media screen and (max-width: 768px) {
    .contact-info-list-warpper {
        margin-top: 30px;
    }
}
.elements_page .elements_sidebar {
    background: #faf4f6;
    padding: 20px;
    border-radius: 7px;
}
.elements_page .elements_sidebar h5 {
    margin-bottom: 10px;
}
.elements_page .elements_sidebar .nav-item {
    padding: 10px;
    -webkit-box-shadow: 0 10px 20px rgba(10, 33, 65, 0.034), 0 0 2px rgba(0, 0, 0, 0.062);
    box-shadow: 0 10px 20px rgba(10, 33, 65, 0.034), 0 0 2px rgba(0, 0, 0, 0.062);
    margin-bottom: 10px;
    background: #fff;
    border-radius: 5px;
}
.elements_page .elements_sidebar .nav-item a {
    color: #10154e;
    font-size: 15.5px;
}
.elements_page .top_title {
    position: relative;
}
.elements_page .top_title span {
    position: absolute;
    font-size: 18px;
    background: #be346a;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 1rem;
}
.elements_page .elements_box {
    -webkit-box-shadow: 0 10px 20px rgba(10, 33, 65, 0.05), 0 0 2px rgba(0, 0, 0, 0.13);
    box-shadow: 0 10px 20px rgba(10, 33, 65, 0.05), 0 0 2px rgba(0, 0, 0, 0.13);
    padding: 20px;
    margin-top: 30px;
}
.elements_page .elements_box .elements_title {
    font-size: 30px;
    text-transform: capitalize;
    font-family: Sora !important;
    margin-bottom: 30px;
}
.elements_page .elements_box .elements_number {
    margin-top: 4px;
    color: #6b7280;
    font-size: 15px;
}
.colors .color_item {
    margin-bottom: 30px;
}
.colors .color_palette {
    height: 10rem;
    border-radius: 5px;
    margin-bottom: 10px;
}
.grid_element .col_grid {
    padding: 20px 5px;
    background-color: #faf4f6;
    text-align: center;
}
.element_block {
    -webkit-box-shadow: 0 20px 40px rgba(10, 33, 65, 0.05), 0 0 2px rgba(0, 0, 0, 0.13);
    box-shadow: 0 20px 40px rgba(10, 33, 65, 0.05), 0 0 2px rgba(0, 0, 0, 0.13);
    margin-bottom: 40px;
    overflow: hidden;
}
.element_block .element_head {
    border-bottom: solid 1px rgba(10, 33, 65, 0.05);
}
.element_block .element_head .nav-link.active {
    color: #be346a;
    background-color: rgba(190, 52, 106, 0.15);
    border: none;
    border-radius: 5px;
    padding: 0.5rem 0.75rem;
    line-height: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
.element_block .element_head .nav-link {
    border: none;
    border-radius: 5px;
    padding: 0.5rem 0.75rem;
    line-height: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-right: 0.5rem;
    color: #858c9b;
}
.element_block .element_head .copy {
    color: #858c9b;
    padding-left: 1rem;
    border-radius: 0;
    border-left: solid 1px rgba(107, 114, 128, 0.295);
    font-size: 20px;
    padding-top: 0;
    padding-bottom: 0;
}
.head_elements_hero {
    padding-top: 10rem;
    padding-bottom: 5rem;
}
.index_page {
    background: #fff;
}
.index_page .demo {
    border-radius: 2px;
    position: relative;
}
@media screen and (max-width: 768px) {
    .index_page .demo {
        padding: 15px;
    }
}
.index_page .demo-title {
    margin-bottom: 40px;
    font-size: 3rem;
    line-height: 1.5;
    font-weight: 700;
    color: #2d3a58;
    display: block;
}
@media screen and (max-width: 992px) {
    .index_page .demo-title {
        font-size: 2.5rem;
    }
}
@media screen and (max-width: 768px) {
    .index_page .demo-title {
        font-size: 2.2rem;
    }
}
.index_page .demo-title .has-line {
    position: relative;
}
.index_page .demo-title .has-line::before {
    content: "";
    position: absolute;
    height: 0.2rem;
    top: -1rem;
    width: 103%;
    left: 0;
    background: #be346a;
    z-index: 0;
}
@media screen and (max-width: 768px) {
    .index_page .demo-title {
        font-size: 1.8rem;
    }
}
.index_page .demo-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-bottom: 30px;
    border-radius: 10px;
}
.index_page .demo-item img {
    border-radius: 5px;
    border: 1px solid #dae6ff !important;
}
.index_page .demo-item .item-title {
    margin: 20px 0;
    font-size: 22px;
}
.index_page .item-img {
    opacity: 1;
}
.index_page .item-img img {
    width: 100%;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.index_page .item-img img:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.index_page .buy {
    max-width: 38rem;
    margin: 0 auto;
    overflow: hidden;
    padding: 2rem;
    position: relative;
    -webkit-box-shadow: 0 6px 12px 1px #e5e5f2;
    box-shadow: 0 6px 12px 1px #e5e5f2;
}
.index_page .buy .pricing {
    border-radius: 5px;
    padding: 2rem;
}
.index_page .buy .pricing-title {
    font-size: 2.5rem;
    font-weight: 700;
    position: relative;
    z-index: 1;
}
.index_page .buy .button {
    position: relative;
    z-index: 1;
}
.index_page .buy::before {
    content: url(../images/buy-shape2.svg);
    position: absolute;
    right: 0;
    bottom: 4rem;
    height: 4rem;
    width: 4rem;
    z-index: 0;
}
.index_page .buy::after {
    content: url(../images/buy-shape1.svg);
    position: absolute;
    left: 0;
    top: 0;
    height: 4rem;
    width: 4rem;
    z-index: 0;
}
.index_page .buy-list {
    z-index: 1;
}
.index_page .buy-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.index_page .buy-list-item svg {
    background: #be346a;
    border-radius: 20rem;
    padding: 0.2rem;
    color: #fff;
    margin-right: 0.5rem;
}
.index_page .bottom0menu {
    padding: 20px 0;
}
@media screen and (max-width: 768px) {
    .index_page .bottom0menu {
        padding: 10px 0;
    }
}
.index_page .main_docs .docs1 {
    position: relative;
    top: 0;
    left: 22.5%;
    -webkit-box-shadow: -90px 60px 130px rgba(0, 0, 0, 0.15);
    box-shadow: -90px 60px 130px rgba(0, 0, 0, 0.15);
    max-width: 20rem;
}
@media screen and (max-width: 991px) {
    .index_page .main_docs .docs1 {
        width: 70%;
        position: relative;
    }
}
.index_page .main_codes {
    background: #10154e;
    color: #fff;
    text-align: left;
    z-index: 0;
}
.index_page .main_codes::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/pattern-1.svg);
    background-size: contain;
    z-index: -1;
}
.index_page .main_codes h2 {
    color: #fff;
}
.index_page .main_codes .description {
    color: rgba(255, 255, 255, 0.664);
    margin-bottom: 30px;
    font-size: 18px;
}
.index_page .main_codes .images img {
    margin-right: 5px;
}
.index_page .main_codes .text-adaptive {
    color: rgba(255, 255, 255, 0.664);
    margin-bottom: 20px;
}
.index_page .main_codes .title {
    color: #ff2272;
    font-size: 18px;
}
.index_page .section-purchase {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
}
.index_page .purchase-title {
    text-align: center;
    background: #be346a;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: calc(46px + 18 * ((100vw - 576px) / 1024));
}
@media screen and (max-width: 576px) {
    .index_page .purchase-title {
        font-size: 46px;
    }
}
@media screen and (min-width: 1600px) {
    .index_page .purchase-title {
        font-size: 64px;
    }
}
.index_page .markerplace_slider {
    border-radius: 5px;
    background: #be346a;
    padding: 100px 0;
    position: relative;
    z-index: 0;
}
.index_page .markerplace_slider::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/pattern-1.svg);
    background-size: contain;
    z-index: -1;
}
.index_page .markerplace_slider .market_slick .slick-list {
    padding: 4rem 0 !important;
}
.index_page .markerplace_slider .market_slick .slick-prev {
    left: -4.5rem;
}
.index_page .markerplace_slider .market_slick .slick-next {
    right: -4.5rem;
}
.index_page .markerplace_slider .market_slick .item {
    -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    position: relative;
    opacity: 0.6;
}
.index_page .markerplace_slider .market_slick .item img {
    width: 100%;
    max-width: 40rem;
    border-radius: 5px;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1), 0 -100px 0 transparent inset;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1), 0 -100px 0 transparent inset;
    position: relative;
    z-index: 0;
    -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.index_page .markerplace_slider .market_slick .item img::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(0, 0, 0, 0.199);
}
@media screen and (max-width: 991px) {
    .index_page .markerplace_slider .market_slick .item img {
        max-width: 15rem;
    }
}
.index_page .markerplace_slider .market_slick .slick-center {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 1;
    z-index: 9;
}
@media screen and (max-width: 991px) {
    .index_page .markerplace_slider .market_slick .slick-center {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.index_page .markerplace_slider .market_slick .slick-center:hover {
    z-index: 9;
}
.index_page .blog_slick .item {
    padding: 20px 10px;
    opacity: 0.6;
    position: relative;
    z-index: 0;
    -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.index_page .blog_slick .item .item-title {
    text-align: center;
}
.index_page .blog_slick .item img {
    width: 100%;
    border: none;
}
.index_page .blog_slick .slick-center {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    z-index: 1;
}
.index_page .slick-next {
    right: 25%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E")
            center no-repeat,
        center no-repeat #10154e;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    position: absolute !important;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
}
@media screen and (max-width: 991px) {
    .index_page .slick-next {
        display: none !important;
    }
}
.index_page .slick-prev {
    left: 25%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M10.828 12l4.95 4.95-1.414 1.414L8 12l6.364-6.364 1.414 1.414z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E")
            center no-repeat,
        center no-repeat #10154e;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    position: absolute !important;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    opacity: 1 !important;
    z-index: 2;
}
@media screen and (max-width: 991px) {
    .index_page .slick-prev {
        display: none !important;
    }
}
.demos_body {
    background: #fff !important;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    border-radius: 10px;
    margin-top: 100px;
    padding: 80px 40px;
}
.item_preview {
    position: relative;
    margin-bottom: 30px;
    text-align: center;
    display: block;
}
.item_preview .img_cover {
    position: relative;
    border-radius: 8px;
    border: 1px solid rgba(215, 212, 221, 0.671);
    padding: 22px 23px;
    margin-bottom: 1.25rem;
    height: 350px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #eee6eb;
    -webkit-transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.item_preview .img_cover .img {
    position: relative;
    z-index: 0;
    -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.item_preview .img_cover .img::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.308);
    background: #0903258c;
    border-radius: 5px;
    z-index: 2;
    -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
}
.item_preview .img_cover img {
    -webkit-box-shadow: 0 33px 55px 0 #1d0e6226;
    box-shadow: 0 33px 55px 0 #1d0e6226;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    display: block;
    -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.item_preview .img_cover img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0.9;
}
.item_preview:hover h6 {
    color: #be346a;
    -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.item_preview .body_preivew {
    text-align: center;
}
.item_preview .body_preivew span {
    display: block;
    font-size: 18px;
    color: #10154e;
    margin-bottom: 8px;
    font-weight: 500;
}
.item_preview .body_preivew h6 {
    font-size: 16px;
    font-weight: 400;
    color: #10154e;
    margin-bottom: 0;
    text-transform: capitalize;
}
.item_preview .body_preivew h6:hover {
    color: #be346a;
}
.item_preview .links_preview {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    opacity: 0;
}
.item_preview .links_preview a {
    display: inline-block;
    border-radius: 8px;
    width: 120px;
    font-size: 14px;
    color: #fff;
    background-color: #111213;
    padding: 11px 13px;
    margin: 0 5px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.item_preview .links_preview a:hover {
    color: #fff;
    background-color: #be346a;
}
.item_preview:hover .img_cover {
    background: 0 0;
}
.item_preview:hover .img:before,
.item_preview:hover .links_preview {
    opacity: 1;
}
.item_preview:hover .links_preview:hover {
    background: #10154e;
    color: #fff !important;
    outline: 0;
    border: none;
}
.item_preview .latest_preview {
    position: absolute;
    border-radius: 5px;
    background-color: #f93542;
    color: #fff;
    font-size: 13px;
    top: 40px;
    left: 40px;
    padding: 7px 18px;
}
.upcoming_item .img_cover {
    padding: 0;
    border: 0;
}
.upcoming_item .txt_comming {
    display: inline-block;
    border-radius: 8px;
    background-color: rgba(190, 52, 106, 0.1);
    color: #be346a;
    padding: 0.6rem 1.5rem;
    font-size: 14px;
}
.roadmap-items-container {
    margin-top: 33px;
    margin-left: auto;
}
.roadmap-items-container * {
    color: #10154e !important;
}
.roadmap-items-container .badge-info {
    color: #1565d8 !important;
    background: rgba(21, 101, 216, 0.1);
}
.roadmap-items-container .badge-warning {
    color: #ff8625 !important;
    background: rgba(255, 134, 37, 0.1);
}
.roadmap-items-container .badge {
    margin-left: 10px;
    font-size: 12px;
    padding: 5px 8px;
    border-radius: 4px;
    text-transform: uppercase;
    line-height: 2;
}
.roadmap-items-container .roadmap-items {
    position: relative;
    text-align: left;
    width: 100%;
    margin: 0 auto;
}
.roadmap-items-container .roadmap-items::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 255px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#10154e), to(rgba(21, 27, 56, 0)));
    background-image: linear-gradient(to bottom, #10154e, rgba(21, 27, 56, 0));
    z-index: 2;
}
.roadmap-items-container .roadmap-items .roadmap-empty {
    opacity: 0.5;
    padding: 18px 24px;
}
.roadmap-items-container .roadmap-items .roadmap-item {
    position: relative;
    border-radius: 8px;
    background-color: #fff;
    max-width: 28rem;
    display: block;
    padding: 24px;
    color: #183b56;
}
.roadmap-items-container .roadmap-items .roadmap-item .date {
    color: #5a7184;
    position: absolute;
    top: 30px;
    right: 24px;
}
.roadmap-items-container .roadmap-items .roadmap-item h5 {
    margin: 0 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
@media screen and (max-width: 991px) {
    .roadmap-items-container .roadmap-items .roadmap-item h5 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .roadmap-items-container .roadmap-items .roadmap-item h5 span {
        display: block;
        margin-top: 10px;
        padding: 10px;
    }
}
.roadmap-items-container .roadmap-items .roadmap-item ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.roadmap-items-container .roadmap-items .roadmap-item ul li {
    line-height: 24px;
    margin: 3px 0;
}
.roadmap-items-container .roadmap-items .roadmap-item ul li::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-.997-4L6.76 11.757l1.414-1.414 2.829 2.829 5.656-5.657 1.415 1.414L11.003 16z' fill='rgba(47,204,113,1)'/%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    margin: 0 12px 0 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-size: cover;
    vertical-align: top;
}
.roadmap-items-container .roadmap-items .roadmap-item + .roadmap-item {
    margin-top: 24px;
}
.roadmap-items-container .roadmap-items .roadmap-item.roadmap-old {
    opacity: 0.5;
}
.account_page .has_cover .col-md-6,
.account_page .has_cover .row {
    padding: 0;
    margin: 0;
}
.account_page .has_cover .left_part {
    padding: 30px 22%;
}
@media screen and (min-width: 1025px) {
    .account_page .has_cover .left_part {
        padding: 30px 22%;
    }
}
@media screen and (max-width: 768px) {
    .account_page .has_cover .left_part {
        padding: 30px 50px;
    }
}
@media screen and (max-width: 991px) {
    .account_page .has_cover .left_part {
        padding: 30px 50px;
    }
}
@media screen and (max-width: 768px) {
    .account_page .has_cover .left_part {
        padding: 30px 15px;
    }
}
.account_page .has_cover .left_part .content {
    margin-top: 70%;
    height: 100%;
}
.account_page .has_cover .right_part {
    height: 100vh;
}
@media screen and (max-width: 768px) {
    .account_page .has_cover .right_part {
        display: none;
    }
}
.account_page .has_cover .right_part .right_part_wrap {
    height: 100vh;
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 90px;
    background: #be346a;
    z-index: 0;
}
.account_page .has_cover .right_part .right_part_wrap::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/lines.svg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    opacity: 0.1;
}
.account_page.is_basic {
    background-color: rgba(243, 248, 255, 0.3);
}
.account_page.is_basic .sign-form {
    margin-top: 100px;
    background: #fff;
    border-radius: 5px;
    padding: 60px 30px;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    margin-bottom: 90px;
}
.account_page .row_sign {
    padding: 0 !important;
    margin: 0 !important;
}
.account_page .back_to {
    position: absolute;
    left: 40px;
    top: 20px;
    padding: 10px 20px;
    border-radius: 50px;
    background: #f3f8ff;
    font-size: 14px;
    color: #10154e;
}
.account_page .logo_sign {
    margin-bottom: 60px;
}
.account_page .logo_sign img {
    height: 40px;
}
.account_page .social_sign {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.account_page .social_sign span {
    color: #fff;
}
.account_page .google_sign {
    padding: 15px 20px;
    background: #db4437;
    border-radius: 5px;
    color: #fff;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
}
.account_page .google_sign:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
    box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
    opacity: 0.9;
}
@media screen and (max-width: 576px) {
    .account_page .google_sign {
        margin-bottom: 20px;
        width: auto;
    }
}
.account_page .facebook_sign {
    padding: 15px 20px;
    background: #4267b2;
    border-radius: 5px;
    color: #fff;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
}
.account_page .facebook_sign:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
    box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
    opacity: 0.9;
}
@media screen and (max-width: 576px) {
    .account_page .facebook_sign {
        width: auto;
    }
}
.account_page .or_line {
    position: relative;
    -webkit-transform: translateY(44px);
    transform: translateY(44px);
    width: 100%;
    height: 2px;
    background: #eaeaee;
    top: 50%;
}
.account_page .or {
    text-align: center;
    padding: 0 10px;
    margin-top: 30px;
    margin-bottom: 30px;
    background: #fff;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: relative;
}
.account_page .or::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #eaeaee;
    top: 50%;
    z-index: -1;
}
.account_page .head {
    margin-bottom: 30px;
}
.account_page .head p {
    margin: 0;
}
.account_page .sign_title {
    text-align: center;
    margin-bottom: 10px;
    font-size: calc(36px + 4 * ((100vw - 576px) / 1024));
    line-height: 1.1;
}
@media screen and (max-width: 576px) {
    .account_page .sign_title {
        font-size: 36px;
    }
}
@media screen and (min-width: 1600px) {
    .account_page .sign_title {
        font-size: 40px;
    }
}
.account_page .quote {
    mix-blend-mode: overlay;
}
.account_page .text-hkgrotesk {
    font-size: 30px;
}
.modal-sign {
    overflow: hidden;
    margin: 2rem 0 0;
}
.modal-sign .close {
    margin-bottom: 20px;
}
.modal-sign .row {
    padding: 0;
    width: 100%;
}
.modal-sign .col {
    padding: 0;
}
.modal-sign .sign-form {
    margin: 0;
    padding: 0;
}
.modal-sign .modal-body {
    padding: 40px;
}
.modal-sign .cover_sign {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: inherit;
}
.modal-sign .modal-content {
    overflow: hidden;
}
.modal-sign .modal-content .row {
    padding: 0 !important;
    margin: 0 !important;
}
.modal-sign .modal-content .row .col-lg-6 {
    padding: 0;
}
.author_setting {
    background-color: rgba(243, 248, 255, 0.3);
}
.author_setting_reset {
    height: 60px;
}
.author_setting_wrap {
    margin-bottom: 100px;
    margin-top: -60px;
}
.author_setting_wrap .author_sidebar {
    padding: 30px;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
    box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
}
.author_setting_wrap .author_sidebar p {
    padding: 0;
}
.author_setting_wrap .author_content {
    padding: 30px;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
    box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
}
.author_setting_wrap .sign_title {
    font-size: 25px;
    margin-bottom: 30px;
}
.sidebar_account {
    padding: 30px;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    border-radius: 5px;
    margin-bottom: 30px;
    background: #fff;
    position: sticky;
    top: 15px;
    color: rgba(255, 255, 255, 0.89);
    z-index: 0;
}
.sidebar_account a {
    margin-bottom: 5px !important;
    display: block;
    color: #10154e !important;
}
.sidebar_account a:hover {
    padding-left: 5px;
}
.sidebar_account .title {
    margin-bottom: 10px;
}
.sidebar_account .is_active {
    font-weight: 700;
    color: #be346a !important;
    position: relative;
}
.sidebar_account .is_active::before {
    content: "";
    position: absolute;
    left: -30px;
    height: 72%;
    top: 2px;
    width: 10px;
    background: #665fff;
    mix-blend-mode: screen;
}
.block_account {
    padding: 30px;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    border-radius: 5px;
    margin-bottom: 30px;
    background: #fff;
    position: relative;
}
.block_account .title_top {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #ebeaef;
    font-size: calc(24px + 2 * ((100vw - 576px) / 1024));
}
@media screen and (max-width: 576px) {
    .block_account .title_top {
        font-size: 24px;
    }
}
@media screen and (min-width: 1600px) {
    .block_account .title_top {
        font-size: 26px;
    }
}
.block_account .block_item:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #ebeaef;
}
.block_account .Heading {
    font-size: 18px;
    color: #10154e;
}
.block_account small {
    font-size: 15px;
    color: #515090;
}
.section__news {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
    background: linear-gradient(#fff, #f9f9f9);
    width: 93%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 20px;
}
@media (max-width: 991px) {
    .section__news {
        margin-top: 3.75rem;
        width: 100%;
    }
}
.section__news .block__news_ch .item:first-of-type {
    margin-top: -3.75rem;
}
.section__news .block__news_ch .item:last-of-type {
    margin-top: -6.875rem;
}
@media (max-width: 767px) {
    .section__news .block__news_ch .item {
        margin-top: inherit !important;
        margin-bottom: 1.875rem;
    }
}
.section__news .block__news_ch .item__news {
    padding: 1.375rem;
    border-radius: 12px;
    background-color: #fff;
    -webkit-transition: 0.4s !important;
    transition: 0.4s !important;
}
.section__news .block__news_ch .item__news .head_img {
    margin-bottom: 0.938rem;
}
.section__news .block__news_ch .item__news .head_img img {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    width: 100%;
    height: 140px;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 767px) {
    .section__news .block__news_ch .item__news .head_img img {
        height: 180px;
    }
}
.section__news .block__news_ch .item__news .body__content span {
    display: block;
    margin-bottom: 0.625rem;
    color: #fd6b3b;
    font-size: 13px;
}
.section__news .block__news_ch .item__news .body__content h3 {
    margin-bottom: 0.625rem;
    font-size: 20px;
    font-weight: 500;
    color: #10154e;
}
.section__news .block__news_ch .item__news .body__content p {
    margin-bottom: 0;
    font-size: 15px;
    color: #6c7a87;
}
.section__news .block__news_ch .item__news .footer__content {
    margin-top: 1.875rem;
}
.section__news .block__news_ch .item__news .footer__content .link__go {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: #7bd88a;
    font-size: 14px;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
}
.section__news .block__news_ch .item__news .footer__content .link__go:hover {
    color: #10154e;
}
.news__workspace .title_sections {
    margin-bottom: 3.75rem;
}
.news__workspace .fa__news {
    display: block;
}
.news__workspace .fa__news .img__cover {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 1.25rem;
}
.news__workspace .fa__news .img__cover img {
    width: 100%;
    height: 280px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
    -webkit-transform: scale3d(1, 1, 1) !important;
    transform: scale3d(1, 1, 1) !important;
    -webkit-transition: 0.4s !important;
    transition: 0.4s !important;
}
.news__workspace .fa__news .img__cover.sm_height img {
    height: 180px;
}
.news__workspace .fa__news .body__content span {
    font-size: 15px;
    display: block;
    margin-bottom: 0.625rem;
    font-weight: 400;
}
.news__workspace .fa__news .body__content h3 {
    font-size: 20px;
    margin-bottom: 0.625rem;
    font-weight: 500;
    color: #10154e;
}
.news__workspace .fa__news .body__content p {
    font-size: 15px;
    color: #6c7a87;
    margin-bottom: 0;
    font-weight: 400;
}
.news__workspace .fa__news:hover .img__cover img {
    -webkit-transform: scale3d(1.1, 1.1, 1) !important;
    transform: scale3d(1.1, 1.1, 1) !important;
}
.news__workspace .block_end .fa__news:first-child {
    margin-top: -3.125rem;
}
@media (max-width: 991px) {
    .news__workspace .block_end .fa__news:first-child {
        margin-top: 0;
    }
}
.blog_slider .swiper-button-next,
.blog_slider .swiper-button-prev {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: rgba(16, 21, 78, 0.05);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 22px;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
}
.blog_slider .swiper-button-next .tio,
.blog_slider .swiper-button-prev .tio {
    font-size: 18px;
    color: #10154e;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
}
.blog_slider .swiper-button-next::after,
.blog_slider .swiper-button-prev::after {
    display: none;
}
.blog_slider .swiper-button-next:hover,
.blog_slider .swiper-button-prev:hover {
    background-color: #10154e;
}
.blog_slider .swiper-button-next:hover .tio,
.blog_slider .swiper-button-prev:hover .tio {
    color: #fff;
}
@media (max-width: 767px) {
    .blog_slider .swiper-button-next,
    .blog_slider .swiper-button-prev {
        display: none;
    }
}
.blog_slider .swiper-button-next {
    right: 10px;
    left: auto;
}
.blog_slider .swiper-button-prev {
    right: 4.5rem;
    left: inherit;
}
.blog_slider .title_sections_inner {
    border-bottom: 1px solid #edeef1;
    position: relative;
}
.blog_slider .title_sections_inner h2 {
    margin-bottom: 1.875rem;
}
.blog_slider .title_sections_inner::after {
    content: "";
    width: 50px;
    height: 1px;
    position: absolute;
    left: 0;
    background-color: #10154e;
}
.grid_blog_avatar a {
    display: block;
}
.grid_blog_avatar .cover_blog {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 8px;
}
.grid_blog_avatar .cover_blog img {
    width: 100%;
    border-radius: 8px;
    height: 220px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important;
    transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important;
    -webkit-transform: scale3d(1, 1, 1) !important;
    transform: scale3d(1, 1, 1) !important;
}
.grid_blog_avatar .body_blog .person {
    margin-bottom: 20px;
}
.grid_blog_avatar .body_blog .person img {
    width: 35px;
    height: 35px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 12px;
    margin-bottom: 5px !important;
}
.grid_blog_avatar .body_blog .person .txt h3 {
    color: #10154e;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 3px;
}
.grid_blog_avatar .body_blog .person .txt time {
    font-size: 12px;
    color: #6c7a87;
    display: block;
}
.grid_blog_avatar .body_blog .title_blog {
    color: #10154e;
    font-weight: 500;
    font-size: 20px;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
}
.grid_blog_avatar .body_blog .short_desc {
    color: #6c7a87;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    display: -webkit-box;
    height: 43px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.grid_blog_avatar .body_blog .link_blog {
    display: block;
}
.grid_blog_avatar .body_blog .link_blog:hover .title_blog {
    color: #be346a;
}
.grid_blog_avatar:hover .cover_blog img {
    -webkit-transform: scale3d(1.12, 1.12, 1) !important;
    transform: scale3d(1.12, 1.12, 1) !important;
}
.grid_blog_avatar.list_style {
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    .grid_blog_avatar.list_style .body_blog {
        margin-top: 20px;
    }
}
.grid_blog_avatar.list_style .cover_blog {
    margin-bottom: 0;
}
.article_page .user {
    margin-right: 12px;
    width: 40px;
    height: 40px;
    border-radius: 100px;
}
.article_page .blog-author-detail {
    margin-bottom: 40px;
}
.article_page .author-meta p {
    margin: 0;
}
.article_page .article_wrap .tag_cloud {
    margin-bottom: -10px;
}
.article_page .article_wrap .tag_cloud .p_tags {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    line-height: 2;
    display: block;
    margin-right: 20px;
}
.article_page .article_wrap .tag_cloud a {
    padding: 2px 10px;
    background-color: #f3f8ff;
    margin-right: 5px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    color: #10154e;
}
.article_page .article_wrap .tag_cloud a:hover {
    background-color: #fff;
    color: #be346a;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    border: 1px solid #eee;
}
.article_page .blog-share-container {
    position: sticky;
    top: 15px;
    left: 0;
}
.article_page .blog-share {
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    padding: 20px;
    background: #be346a;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 0;
}
.article_page .blog-share::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/lines.svg);
    background-size: cover;
    mix-blend-mode: screen;
    z-index: -1;
}
.article_page .blog-share .share {
    text-align: center;
    margin-bottom: 20px;
    color: #fff;
}
.article_page .blog-share ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.article_page .blog-share ul li {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 5px;
}
.article_page .blog-share ul li a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
}
.article_page .blog-share a,
.article_page .blog-share ul li a:hover {
    color: #10154e;
}
.article_page .content {
    background: #fff;
    margin-top: 0;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    padding: 30px;
    margin-bottom: 60px;
}
.article_page .content .inner h2,
.article_page .content .inner h3,
.article_page .content .inner h4,
.article_page .content .inner h5,
.article_page .content .inner h6,
.article_page .content .inner p {
    margin-top: 25px;
    margin-bottom: 25px;
}
.article_page .content img {
    margin-bottom: 20px;
    -webkit-box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
    box-shadow: 0 40px 40px -20px rgba(23, 29, 48, 0.1);
}
.comments_article {
    max-width: 1000px;
    background-color: #faf4f6;
    padding: 30px 30px 10px;
    margin-bottom: 60px;
    border-radius: 5px;
}
.comments_article .avatar {
    border-radius: 100%;
}
.comments_article .comment {
    margin-bottom: 20px;
}
.comments_article .comment-content {
    background: #fff;
    border-radius: 0 15px 15px;
    padding: 20px;
}
.comments_article .is_child {
    padding-left: 60px;
    border-left: solid 2px #eae9f3;
}
.comments_article .is_child .comment-content {
    background: rgba(255, 255, 255, 0.623);
}
@media screen and (max-width: 991px) {
    .comments_article .is_child {
        padding-left: 20px;
    }
}
.reply {
    max-width: 1000px;
    padding: 30px;
    border-right: 5px;
    background: #10154e;
    border-radius: 5px;
}
.content-Sblog {
    margin-top: 50px;
}
.content-Sblog .fixSide_scroll .item {
    margin-bottom: 40px;
}
.content-Sblog .fixSide_scroll .item .profile_user {
    text-align: center;
}
@media (max-width: 991px) {
    .content-Sblog .fixSide_scroll .item .profile_user {
        text-align: left;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start;
    }
}
.content-Sblog .fixSide_scroll .item .profile_user img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 991px) {
    .content-Sblog .fixSide_scroll .item .profile_user img {
        margin-right: 15px;
    }
}
.content-Sblog .fixSide_scroll .item .profile_user .txt {
    margin-top: 15px;
}
.content-Sblog .fixSide_scroll .item .profile_user .txt h4 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
}
.content-Sblog .fixSide_scroll .item .profile_user .txt time {
    display: block;
    font-size: 12px;
    color: #6c7a87;
}
.content-Sblog .fixSide_scroll .item .profile_user .btn_profile {
    padding: 9px 27px;
    font-size: 14px;
    margin-top: 15px;
}
@media (max-width: 991px) {
    .content-Sblog .fixSide_scroll .item .profile_user .btn_profile {
        margin-left: 15px;
    }
}
.content-Sblog .fixSide_scroll .share_socail {
    text-align: center;
    display: grid;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 991px) {
    .content-Sblog .fixSide_scroll .share_socail {
        text-align: left;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start;
    }
}
.content-Sblog .fixSide_scroll .share_socail .title {
    font-size: 15px;
    color: #6c7a87;
    margin-bottom: 20px;
}
@media (max-width: 991px) {
    .content-Sblog .fixSide_scroll .share_socail .title {
        margin-top: auto;
        margin-bottom: auto;
    }
}
.content-Sblog .fixSide_scroll .share_socail .btn {
    margin-bottom: 5px;
}
.content-Sblog .fixSide_scroll .share_socail .btn.icon {
    background-color: #fff;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.content-Sblog .fixSide_scroll .share_socail .btn.icon .tio {
    font-size: 18px;
}
.content-Sblog .fixSide_scroll .share_socail .btn:hover.icon {
    background-color: #f7f8fa;
}
.content-Sblog .body_content li,
.content-Sblog .body_content p {
    font-size: 15px;
    color: #434c55;
}
.content-Sblog .body_content a {
    color: #be346a;
}
.content-Sblog .body_content img {
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 10px;
    width: 100%;
}
.content-Sblog .body_content mark {
    background-color: #17e79b;
    color: #fff;
}
.content-Sblog .body_content .img_md {
    height: 350px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
}
.content-Sblog .body_content .cover_video {
    position: relative;
    height: 450px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}
.content-Sblog .body_content .cover_video img {
    width: 100%;
    height: 450px;
}
.content-Sblog .body_content .cover_video .icon_played {
    position: absolute;
}
.content-Sblog .body_content .cover_video .btn_video .play_video::after {
    display: none;
}
.content-Sblog .body_content .txt_quotation {
    border-left: 6px solid #7bd88a;
    padding: 15px 25px;
    font-size: 24px;
    color: #10154e;
    font-weight: 500;
}
.simple_blog_dev .item_news {
    margin-bottom: 50px;
}
@media (max-width: 991px) {
    .simple_blog_dev .item_news {
        margin-bottom: 30px;
    }
}
.simple_blog_dev .item_news .link_post {
    display: block;
    font-size: 25px;
    font-weight: 500;
    color: #10154e;
    margin-bottom: 5px;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
}
.simple_blog_dev .item_news .link_post:hover {
    color: #be346a;
}
.simple_blog_dev .item_news p {
    font-size: 14px;
    color: #6c7a87;
    font-weight: 400;
    margin-bottom: 0;
}
.box_news_gray .grid_blog_avatar {
    padding: 30px;
    border-radius: 8px;
    margin-bottom: 30px;
}
.box_news_gray .grid_blog_avatar .link_blog {
    margin-bottom: 30px;
}
.box_news_gray .grid_blog_avatar .link_blog:hover .title_blog {
    color: #f93542;
}
.blog_masonry .card {
    border-radius: 8px;
    border: 0;
    margin-bottom: 30px;
}
.blog_masonry .card:hover .cover_link::before {
    opacity: 1;
}
.blog_masonry .card:hover .cover_link .main_img {
    -webkit-transform: scale3d(1.1, 1.1, 1) !important;
    transform: scale3d(1.1, 1.1, 1) !important;
}
.blog_masonry .card:hover .cover_link .auther_post {
    opacity: 1;
    top: 30px;
}
.blog_masonry .card:hover .card-title {
    color: #be346a !important;
}
.blog_masonry .card .link_poet {
    display: block;
    text-decoration: none;
}
.blog_masonry .card .cover_link {
    position: relative;
    overflow: hidden;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    z-index: 0;
    -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.blog_masonry .card .cover_link .auther_post {
    position: absolute;
    top: 20px;
    left: 30px;
    z-index: 2;
    opacity: 0;
    -webkit-transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) !important;
    transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) !important;
}
.blog_masonry .card .cover_link .auther_post img {
    width: 35px;
    height: 35px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 12px;
}
.blog_masonry .card .cover_link .auther_post .txt h4 {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
}
.blog_masonry .card .cover_link .auther_post .txt p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.8);
}
.blog_masonry .card .cover_link .main_img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    -webkit-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important;
    transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important;
    -webkit-transform: scale3d(1, 1, 1) !important;
    transform: scale3d(1, 1, 1) !important;
}
.blog_masonry .card .cover_link::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.308);
    z-index: 1;
    opacity: 0;
}
.blog_masonry .card .cover_link:hover {
    z-index: 0;
    -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.blog_masonry .card .cover_link:hover::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: rgba(5, 6, 51, 0.479);
    z-index: 1;
    opacity: 1;
}
.blog_masonry .card .card-body {
    padding: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.blog_masonry .card .card-body .about_post {
    margin-bottom: 12px;
}
.blog_masonry .card .card-body .about_post .c_ategory a {
    color: #10154e;
    display: inline-block;
    font-size: 14px;
}
.blog_masonry .card .card-body .about_post .c_ategory a:hover {
    color: #be346a;
}
.blog_masonry .card .card-body .about_post .c_ategory a::before {
    content: ", ";
}
.blog_masonry .card .card-body .about_post .c_ategory a:first-child::before {
    display: none;
}
.blog_masonry .card .card-body .about_post .dot {
    width: 5px;
    height: 5px;
    border-radius: 30px;
    background-color: #e0e1e4;
    margin: 0 8px;
    display: inline-block;
}
.blog_masonry .card .card-body .about_post time {
    display: inline-block;
    font-size: 13px;
    color: #6c7a87;
}
.blog_masonry .card .card-body .card-title {
    color: #10154e;
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 12px;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
}
.blog_masonry .card .card-body .card-text {
    color: #6c7a87;
    font-size: 15px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog_masonry.two_column .card-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1.875rem;
    -moz-column-gap: 1.875rem;
    column-gap: 1.875rem;
    orphans: 1;
    widows: 1;
    overflow: visible;
}
.blog_masonry.three_column .card-body .card-title {
    font-size: 20px;
}
.blog_masonry.height_fixed .link_poet .cover_link .main_img {
    height: 250px;
}
@media (max-width: 991px) {
    .blog_masonry .card-columns {
        -webkit-column-count: 2 !important;
        -moz-column-count: 2 !important;
        -o-column-count: 2 !important;
        -ms-column-count: 2 !important;
        column-count: 2 !important;
    }
}
@media (max-width: 767px) {
    .blog_masonry .card-columns {
        -webkit-column-count: 1 !important;
        -moz-column-count: 1 !important;
        -o-column-count: 1 !important;
        -ms-column-count: 1 !important;
        column-count: 1 !important;
    }
}
.section_tag_auther {
    margin-top: 50px;
}
.section_tag_auther .box_tags_psot h4 {
    font-size: 14px;
    color: #10154e;
    margin-bottom: 10px;
}
.section_tag_auther .box_tags_psot a {
    background-color: #f7f8fa;
    border-radius: 8px;
    font-size: 13px;
    color: #10154e;
    padding: 10px 20px;
    margin-right: 8px;
}
.section_tag_auther .block_auther_post {
    background-color: #f7f8fa;
    border-radius: 8px;
    padding: 35px;
}
.section_tag_auther .block_auther_post .img_person {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 20px;
}
.section_tag_auther .block_auther_post .txt h4 {
    font-size: 15px;
    font-weight: 500;
    color: #10154e;
    margin-bottom: 5px;
}
.section_tag_auther .block_auther_post .txt p {
    margin-bottom: 0;
    font-size: 14px;
    color: #6c7a87;
}
.sec_comments .title_commnt h2 {
    font-size: 20px;
    color: #10154e;
    font-weight: 500;
}
.sec_comments .body_commnt .item_commnt {
    margin-top: 40px;
}
.sec_comments .body_commnt .item_commnt .at_img {
    width: 50px;
    height: 50px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 20px;
}
.sec_comments .body_commnt .item_commnt .txt h3 {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 3px;
}
.sec_comments .body_commnt .item_commnt .txt .date {
    display: block;
    font-size: 12px;
    color: #6c7a87;
}
.sec_comments .body_commnt .item_commnt .txt .content {
    margin-top: 15px;
    color: #10154e;
    font-size: 14px;
    margin-bottom: 10px;
}
.sec_comments .body_commnt .item_commnt .txt .btn_repy {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #10154e;
}
.sec_comments .body_commnt .item_commnt .txt .btn_repy:hover {
    color: #be346a;
}
.sec_comments .form_comment .title_sections {
    margin-bottom: 40px;
}
.sec_comments .form_comment .title_sections h2 {
    font-size: 20px;
    margin-bottom: 10px;
}
.blog.has_style1 {
    background: #fff;
    margin: 0 0 60px;
    overflow: hidden;
    border-radius: 0;
}
.blog.has_style1 .col-row,
.blog.has_style1 .row {
    padding: 0;
    margin: 0;
}
.blog.has_style_grid {
    background: #fff;
    margin: 0 0 30px;
    overflow: hidden;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    border-radius: 10px;
    border: 1px solid #ededed;
}
.blog.has_style_grid .blog-excerpt {
    font-size: 15px;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog.has_style_grid .blog-img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 14rem;
}
.blog.has_style_grid .blog-title {
    font-size: 24px;
}
.blog.has_style_grid .col-row,
.blog.has_style_grid .row {
    padding: 0;
    margin: 0;
}
.blog .meta.absolute {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 10;
    background-color: #fff;
    border-radius: 25px;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #10154e;
    padding: 6px 12px;
}
.blog .meta.absolute .meta-info {
    color: #10154e;
    font-size: 13px;
    margin: 0 3px;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
.blog .meta.absolute .meta-info svg {
    width: 15px;
    height: 15px;
    fill: #2e3158;
    vertical-align: middle;
    margin-top: -3px;
    opacity: 0.5;
}
.blog .meta.absolute .min-read {
    display: inline-block;
    cursor: default;
}
.blog .meta.absolute .min-read span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #fff;
    background-color: #7169fe;
    text-align: center;
    line-height: 21px;
    font-size: 13px;
    vertical-align: middle;
    margin-top: -4px;
    overflow: hidden;
}
.blog .meta.absolute .views-counter {
    cursor: default;
}
.blog .blog-title {
    margin: 0 0 20px;
    color: #183b56;
    font-size: calc(24px + 16 * ((100vw - 576px) / 1024));
    line-height: 1.33;
    max-height: 2.66em;
    letter-spacing: 0.2px;
    overflow: hidden;
}
@media screen and (max-width: 576px) {
    .blog .blog-title {
        font-size: 24px;
    }
}
@media screen and (min-width: 1600px) {
    .blog .blog-title {
        font-size: 40px;
    }
}
.blog .blog-title a {
    color: #10154e;
    -webkit-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.blog .blog-title a:hover {
    color: #be346a;
}
.blog .blog-excerpt {
    font-size: 18px;
    line-height: 1.78;
    color: #5a7184;
    margin: 0 0 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog .blog-img {
    position: relative;
}
.blog .blog-img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.blog .blog-author-detail {
    margin-top: 20px;
}
.blog .blog-author-detail .c-customer-review-meta {
    margin-top: 0;
}
.blog .blog-wrap {
    margin: 30px;
}
.blog .name {
    padding: 0;
}
.blog .author-post {
    text-transform: uppercase;
    color: #7a7d97;
    font-size: 13px;
    margin: 0;
}
.blog .user {
    margin-right: 12px;
    width: 40px;
    height: 40px;
    border-radius: 100px;
}
.blog .post_wrap {
    position: relative;
}
.about_images img {
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 14px;
}
.product-search-form {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    -webkit-box-shadow: 0 34px 15px -26px #24123e;
    box-shadow: 0 34px 15px -26px #24123e;
    margin-top: 30px;
}
.product-search-form .search-btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    line-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 30px;
    border-radius: 0;
    border: none;
    color: #fff;
    font-size: 20px;
}
.product-search-form .search-btn svg {
    margin-right: 10px;
    fill: #fff !important;
}
.marketplace_page .section-title {
    font-size: calc(36px + 4 * ((100vw - 576px) / 1024));
    line-height: 1.1;
}
@media screen and (max-width: 576px) {
    .marketplace_page .section-title {
        font-size: 36px;
    }
}
@media screen and (min-width: 1600px) {
    .marketplace_page .section-title {
        font-size: 40px;
    }
}
.marketplace_page .products_small {
    margin-bottom: -30px;
}
.marketplace_page .products_small .product-thumb {
    overflow: hidden;
    border-radius: 5px;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    position: relative;
    margin-bottom: 30px;
}
.marketplace_page .products_small .product-thumb img {
    width: 100%;
}
.marketplace_page .products_small .product-thumb .overlay_content {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: rgba(16, 21, 78, 0.3);
    opacity: 0;
    -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.marketplace_page .products_small .product-thumb .overlay_content .plus {
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 60%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 0;
    -webkit-transition: 0.35s ease-in-out;
    transition: 0.35s ease-in-out;
    cursor: pointer;
}
.marketplace_page .products_small .product-thumb .overlay_content .plus svg {
    height: 1rem;
    fill: #10154e;
}
.marketplace_page .products_small .product-thumb .overlay_content .plus:hover {
    background: #be346a;
    color: #fff;
}
.marketplace_page .products_small .product-thumb .overlay_content .plus:hover svg {
    height: 1rem;
    fill: #fff;
}
.marketplace_page .products_small .product-thumb:hover .overlay_content {
    opacity: 1;
}
.marketplace_page .products_small .product-thumb:hover .overlay_content .plus {
    top: 50%;
}
.marketplace_page .product_big {
    margin-bottom: 30px;
}
.marketplace_page .product_big .product-thumb {
    overflow: hidden;
    border-radius: 5px;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    position: relative;
    margin-bottom: 30px;
}
.marketplace_page .product_big .product-thumb img {
    width: 100%;
}
.marketplace_page .product_big .product-thumb .overlay_content {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: rgba(16, 21, 78, 0.3);
    opacity: 0;
    -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.marketplace_page .product_big .product-thumb .overlay_content .preview {
    background: #be346a;
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 50px 5px 0;
    -webkit-transition: 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    opacity: 0;
    visibility: none;
}
.marketplace_page .product_big .product-thumb .overlay_content .preview svg {
    fill: #fff !important;
}
.marketplace_page .product_big .product-thumb .overlay_content .preview:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.marketplace_page .product_big .product-thumb .overlay_content .cart {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 50px 5px 0;
    -webkit-transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
}
.marketplace_page .product_big .product-thumb .overlay_content .cart svg {
    fill: #fff !important;
}
.marketplace_page .product_big .product-thumb .overlay_content .cart:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.marketplace_page .product_big .product-thumb .overlay_content .action {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 0;
    -webkit-transition: 0.35s ease-in-out;
    transition: 0.35s ease-in-out;
    cursor: pointer;
}
.marketplace_page .product_big .product-thumb .overlay_content .action svg {
    height: 1rem;
    fill: #10154e;
}
.marketplace_page .product_big .product-thumb:hover .overlay_content {
    opacity: 1;
}
.marketplace_page .product_big .product-thumb:hover .overlay_content .action .cart,
.marketplace_page .product_big .product-thumb:hover .overlay_content .action .preview {
    margin-top: 0;
    opacity: 1;
    visibility: visible;
}
.marketplace_page .product_big .product-title a {
    color: #10154e;
}
.marketplace_page .product_big .price {
    padding: 5px 10px;
    border-radius: 5px;
    background: #f3f8ff;
}
.marketplace_page .product_big .meta-container {
    font-size: 14.5px;
    margin-top: 10px;
    color: #7c8294;
}
.marketplace_page .product_big .meta-container a {
    color: #858c9b;
    font-family: Sora-Bold, -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.marketplace_page .seller {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}
.marketplace_page .seller .info {
    margin-left: 5px;
    border-radius: 5px;
    background: #f3f8ff;
    padding: 12.5px 25px;
    -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid transparent;
}
.marketplace_page .seller .info:hover {
    background: #fff;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    border: 1px solid #f3f8ff;
}
.marketplace_page .seller .sales {
    padding: 0;
    margin: 5px 0;
}
.marketplace_page .nav-pills .nav-link.active,
.marketplace_page .nav-pills .show > .nav-link {
    color: inherit;
    background-color: transparent;
    border: none;
}
.marketplace_page .nav-pills .nav-link.active .seller .info,
.marketplace_page .nav-pills .show > .nav-link .seller .info {
    background: #fff;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    border: 1px solid #f3f8ff;
}
.marketplace_page .nav-pills .nav-link.active .seller .avatar,
.marketplace_page .nav-pills .show > .nav-link .seller .avatar {
    opacity: 0.6;
    -webkit-filter: saturate(0.5);
    filter: saturate(0.5);
}
.product_details .product_wrap .product_sidebar {
    position: sticky;
    top: 15px;
}
.product_details .product_wrap .product_sidebar .account_link {
    margin-top: 20px;
    text-align: center;
}
.product_details .product_wrap .product_sidebar p {
    margin: 0;
}
.product_details .product_wrap .product_sidebar .widget_title {
    background: #fff;
    border-bottom: solid 1px #f4f4f4;
    padding-bottom: 30px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 15.5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.product_details .product_wrap .product_sidebar .price {
    margin-bottom: 30px;
    text-align: center;
}
.product_details .product_wrap .product_sidebar .widget {
    padding: 30px;
    border-radius: 30px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
}
.product_details .product_wrap .product_sidebar .plus_widget {
    background: #be346a;
    position: relative;
    z-index: 0;
}
.product_details .product_wrap .product_sidebar .plus_widget::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/lines.svg);
    background-size: cover;
    z-index: -1;
}
.product_details .product_wrap .product_sidebar .info_widget .release-info-block {
    padding: 4px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.product_details .product_wrap .product_sidebar .info_widget .rel-info-tag {
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.product_details .product_wrap .product_sidebar .info_widget .rel-info-value {
    text-align: right;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.product_details .product_wrap .product_sidebar .info_widget .release-info-block span {
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    max-width: 20px;
    font-weight: 400;
}
.product_details .product_details_block {
    margin-bottom: 60px;
}
.product_details .product_details_block h1,
.product_details .product_details_block h2,
.product_details .product_details_block h3,
.product_details .product_details_block h4,
.product_details .product_details_block h5,
.product_details .product_details_block h6,
.product_details .product_details_block p,
.product_details .product_details_block ul {
    margin-bottom: 30px;
}
.product_details .product_details_block li {
    margin-bottom: 20px;
    list-style: disc;
}
.product_details .product_details_block ul {
    margin-left: 60px;
}
.product_details .product_slider {
    margin-bottom: 30px;
}
.product_details .product_slider img {
    width: 100%;
    border-radius: 5px;
}
.product_details .product_slider .product_thumb {
    margin-bottom: 20px;
    -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
}
.product_details .product_slider .product_thumb:hover {
    -webkit-filter: saturate(0.5);
    filter: saturate(0.5);
    opacity: 0.6;
}
.product_checkout .checkout_box {
    padding: 30px;
    border-radius: 5px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    background: #fff;
}
.product_checkout .Summary_box {
    padding: 30px;
    border-radius: 5px;
    margin-bottom: 30px;
    background: #f3f8ff;
}
.product_checkout .Summary_box .price {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    padding: 10px 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    border-radius: 5px;
    font-size: 25px;
    color: #be346a;
}
.product_checkout .Summary_box th {
    padding-bottom: 10px;
    color: #76748f;
}
.product_checkout .form {
    margin-top: 30px;
}
.product_checkout tbody {
    margin-top: 20px;
}
.product_checkout .product_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 20px;
}
.product_checkout .product_title img {
    height: 4rem;
    border-radius: 5px;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    width: auto;
    margin-right: 10px;
}
.product_checkout .cards_inputs svg {
    fill: #a2abbd !important;
    margin: 0 3px;
}
.product_checkout .checkout_title {
    margin-bottom: 20px;
}
.product_checkout .product_checkout_block {
    margin-top: 120px;
}
.product_checkout .payment_method {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: solid 2px #f2f4f7;
}
.product_checkout .payment_method:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
.product_checkout .payment_method .Payment_logo {
    max-width: 6rem;
}
.product_checkout .payment_method .Payment_cards {
    width: auto;
    height: 1rem;
}
.cta-plus {
    border: none;
    color: #fff !important;
    padding-top: 20px;
    padding-bottom: 20px;
    cursor: pointer;
}
.confirm_purchase .product_title {
    margin-bottom: 30px;
}
.confirm_purchase .confirm_body td,
.confirm_purchase .confirm_body th {
    width: 68%;
    padding: 10px;
    color: #2b2a38;
}
.confirm_purchase .confirm_box {
    padding: 30px;
    border-radius: 5px;
    margin-bottom: 30px;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
}
.confirm_purchase .confirm_box .confirm_title {
    border-bottom: solid 1px #f4f4f4;
    padding-bottom: 30px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 15.5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.confirm_purchase .confirm_box.in_download {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #be346a;
    color: #fff;
}
.confirm_purchase .confirm_box.in_download .confirm_title {
    color: #fff;
}
.confirm_purchase .confirm_box.in_download .confirm_title svg {
    fill: #fff !important;
}
.confirm_purchase .confirm_box.in_download .product_title {
    color: rgba(255, 255, 255, 0.815) !important;
    text-align: center;
}
.documentation_page .site-header {
    background: #fff;
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
}
.documentation_page .side {
    position: relative;
    width: 21rem;
}
.documentation_page .docs-sidenav {
    position: fixed;
    top: 0;
    height: 100vh;
    overflow-y: scroll;
    border-radius: 5px;
    background: #fff;
}
.documentation_page .first_title {
    margin-bottom: 30px;
}
.documentation_page .fa-star {
    color: #f3d343;
}
.documentation_page .doc_box {
    padding: 60px 40px;
    -webkit-box-shadow: -20px -17px 36px -21px rgba(29, 14, 98, 0.1);
    box-shadow: -20px -17px 36px -21px rgba(29, 14, 98, 0.1);
    border: 1px solid #e9ecf0;
    border-radius: 5px;
    max-width: 65rem;
    margin: 60px 0 60px 60px;
}
@media screen and (max-width: 991px) {
    .documentation_page .doc_box {
        margin-left: 15px;
        margin-right: 15px;
    }
}
.documentation_page .doc_box img {
    margin-bottom: 2rem;
}
.documentation_page .doc_box p {
    margin-bottom: 1.5rem !important;
}
.documentation_page .doc_box ul {
    margin-bottom: 2rem;
    border-left: solid 0.3rem #f7f7f7;
    padding-left: 1rem;
    cursor: default;
}
.documentation_page .doc_box ul li {
    line-height: 2;
}
.documentation_page .doc_box .box-title {
    font-size: calc(46px + 18 * ((100vw - 576px) / 1024));
    line-height: 1.05;
    margin-bottom: 30px;
    border-bottom: solid 2px #f3f8ff;
    padding-bottom: 30px;
    text-transform: capitalize;
}
@media screen and (max-width: 576px) {
    .documentation_page .doc_box .box-title {
        font-size: 46px;
    }
}
@media screen and (min-width: 1600px) {
    .documentation_page .doc_box .box-title {
        font-size: 64px;
    }
}
.documentation_page .doc_box .color-span {
    color: #5a52ff;
}
.documentation_page .doc_box .style_guide .box-title {
    font-size: 26px;
    margin-bottom: 0;
}
.documentation_page .box-sub-title {
    margin: 30px 0;
    position: relative;
    font-size: calc(36px + 4 * ((100vw - 576px) / 1024));
    line-height: 1.1;
}
@media screen and (max-width: 576px) {
    .documentation_page .box-sub-title {
        font-size: 36px;
    }
}
@media screen and (min-width: 1600px) {
    .documentation_page .box-sub-title {
        font-size: 40px;
    }
}
.documentation_page .box-sub-title::before {
    content: "#";
    color: #be346a;
}
.documentation_page .box-sub2-title {
    background: rgba(61, 123, 194, 0.078);
    font-size: calc(24px + 2 * ((100vw - 576px) / 1024));
    margin: 2rem 0;
}
@media screen and (max-width: 576px) {
    .documentation_page .box-sub2-title {
        font-size: 24px;
    }
}
@media screen and (min-width: 1600px) {
    .documentation_page .box-sub2-title {
        font-size: 26px;
    }
}
.documentation_page .box-sub2-title::before {
    content: "##";
    color: #be346a;
}
.documentation_page .structure {
    background: #fff;
    border-radius: 5px;
    padding: 30px 60px !important;
    border: 1px solid #f7f7f7 !important;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.documentation_page .structure:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.documentation_page .structure .fa-folder-open {
    color: #ffe16e;
}
.documentation_page .structure .fa-folder {
    color: #afa8ff;
}
.documentation_page .structure .file {
    color: #ffa8a8;
}
.documentation_page .structure .file2 {
    color: #a8ffe5;
}
.documentation_page .structure .file3 {
    color: #aea8ff;
}
.documentation_page #docsSidenav {
    padding: 60px;
    background-color: #faf4f6;
    border-right: 1px solid #f3f8ff;
    max-width: 21rem;
}
.documentation_page #docsSidenav h5 {
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.documentation_page #docsSidenav a {
    font-size: 15px;
}
.documentation_page #docsSidenav .icon {
    margin-right: 10px;
}
.documentation_page #docsSidenav .icon svg {
    fill: #10154e !important;
}
.documentation_page .border {
    margin-bottom: 2rem;
    margin-top: 2rem;
    border-top: 1px solid #eaf2fe;
}
pre[class*="language-"] {
    font-size: 14px;
    padding: 1em;
    margin: 0;
    overflow: auto;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 5px;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
    background-color: #1f2937 !important;
}
div.code-toolbar > .toolbar .copy,
div.code-toolbar > .toolbar a,
div.code-toolbar > .toolbar span {
    color: #fff;
    font-size: 0.8em;
    padding: 10px 1rem;
    background: #be346a !important;
    -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
    border-radius: 0.5em;
}
.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
    color: #706699;
}
.token.atrule,
.token.attr-value,
.token.keyword {
    color: #6edfff;
}
.token.attr-name,
.token.builtin,
.token.char,
.token.inserted,
.token.selector,
.token.string {
    color: #baea80;
}
.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url,
.token.variable {
    color: #b9a5ca;
}
span.inline-color-wrapper {
    height: 16px;
    width: 16px;
    margin: 0 6px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #61448a;
    outline: 0;
    border-radius: 50%;
}