@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Allison&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Ysabeau:ital,wght@0,1;0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,1;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Saira:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {

    --nunito: 'Nunito Sans', sans-serif;
    --poppins: 'Poppins', sans-serif;
    --roboto: 'Roboto', sans-serif;
    --montserrat: 'Montserrat', sans-serif;
    --merriweather: 'Merriweather', sans-serif;
    --oswald: 'Oswald', sans-serif;
    --allison: 'Allison', cursive;
    --quicksand: 'Quicksand', sans-serif;
    --barlow: 'Barlow Condensed', sans-serif;
    --karla: 'Karla', sans-serif;
    --noto: 'Noto Sans', sans-serif;
    --radjani: 'Rajdhani', sans-serif;
    --ysab: 'Ysabeau', sans-serif;
    --robotoSlab: 'Roboto Slab', serif;
    --saira: 'Saira', sans-serif;


}

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: .3s ease-in-out !important;
    transition: .3s ease-in-out !important;
    font-family: var(--nunito) !important;
    font-size: 16px;
    letter-spacing: 0;
    color: #10154e
}

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 .6s !important;
    transition: opacity .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, .085, .68, .53) both !important;
    animation: text-focus-in 1.5s cubic-bezier(0.55, .085, .68, .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
}



.hero-3 {
    font-size: 1.3em;
    font-family: var(--poppins) !important;
    font-weight: 600;
    letter-spacing: 0;
}

.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: .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: .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: .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: .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: .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: .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: .3s;
    transition: .3s
}

.white-link:hover {
    opacity: .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, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .08);
    border: 1px solid #edf8fa;
    border-radius: 15px
}

.sh_2 {
    -webkit-box-shadow: 0 40px 40px -20px rgba(23, 29, 48, .1);
    box-shadow: 0 40px 40px -20px rgba(23, 29, 48, .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
}

.bg-primary {
    background-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
}

.font-w-700 {
    font-weight: 700 !important
}
.font-w-900 {
    font-weight: 900 !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
}

.rounded-5 {
    border-radius: 1em;
}

@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, .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, .2) !important;
    -moz-background: rgba(255, 255, 255, .2) !important;
    -o-background: rgba(255, 255, 255, .2) !important;
    -ms-background: rgba(255, 255, 255, .2) !important;
    background: rgba(255, 255, 255, .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/static/Sora-Bold.ttf) format("truetype")
}

@font-face {
    font-family: Sora;
    src: url(../fonts/Sora/static/Sora-Medium.ttf) format("truetype");
    font-weight: 400
}

html {
    scroll-behavior: smooth
}


@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: .25s cubic-bezier(0.4, 0, .2, 1);
    transition: .25s cubic-bezier(0.4, 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: -.01em
}

a, a:hover {
    color: inherit;
}

h1 {
    font-size: 3em;
    line-height: 1;
    letter-spacing: -.03em
}

@media screen and (max-width: 576px) {
    h1 {
        font-size: 2em;
    }
}

@media screen and (min-width: 1600px) {
    h1 {
        font-size: 3em;
    }
}

@media screen and (max-width: 768px) {
    h1 {
        line-height: 1 !important
    }
}

h2 {
    font-size: 2em;
    line-height: 1.15;
    letter-spacing: -.02em
}

@media screen and (max-width: 576px) {
    h2 {
        font-size: 1.3em
    }
}

@media screen and (min-width: 1600px) {
    h2 {
        font-size: 2em
    }
}

h3 {
    font-size: 1.5em;
    line-height: 1.1
}

@media screen and (max-width: 576px) {
    h3 {
        font-size:  1.2em
    }
}

@media screen and (min-width: 1600px) {
    h3 {
        font-size: 1.5em;
    }
}

h4 {
    font-size: 1em;
    line-height: 1.35
}

@media screen and (max-width: 576px) {
    h4 {
        font-size: 1em;
    }
}

@media screen and (min-width: 1600px) {
    h4 {
        font-size: 1em;
    }
}

h5 {
    font-size: 1em;
    line-height: 1.5
}

@media screen and (max-width: 576px) {
    h5 {
        font-size:1em;
    }
}

@media screen and (min-width: 1600px) {
    h5 {
        font-size: 1em;
    }
}

h6 {
    font-size: 1em;
    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: .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: .4s !important;
    transition: .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: .25;
    position: absolute;
    width: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    -webkit-animation: ripple 1s cubic-bezier(0.29, -.01, .17, .95);
    animation: ripple 1s cubic-bezier(0.29, -.01, .17, .95)
}

.ripple_circle:active:before, .ripple_circle:focus:before {
    background: #be346a;
    border-radius: 50%;
    content: "";
    display: block;
    height: 100%;
    opacity: .25;
    position: absolute;
    width: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    -webkit-animation: rippleCircle .6s cubic-bezier(0.29, -.01, .17, .95);
    animation: rippleCircle .6s cubic-bezier(0.29, -.01, .17, .95)
}

.ripple_box:active:before, .ripple_box:focus:before {
    background: #be346a;
    border-radius: 8px;
    content: "";
    display: block;
    height: 100%;
    opacity: .25;
    position: absolute;
    width: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    -webkit-animation: ripple .7s cubic-bezier(0.29, -.01, .17, .95);
    animation: ripple .7s cubic-bezier(0.29, -.01, .17, .95)
}

.scale {
    -webkit-transition: .3s !important;
    transition: .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 .5s ease var(--br-d, .08s), -webkit-transform var(--d, .4s) ease-in var(--d-d, 0s);
    transition: border-radius .5s ease var(--br-d, .08s), -webkit-transform var(--d, .4s) ease-in var(--d-d, 0s);
    transition: transform var(--d, .4s) ease-in var(--d-d, 0s), border-radius .5s ease var(--br-d, .08s);
    transition: transform var(--d, .4s) ease-in var(--d-d, 0s), border-radius .5s ease var(--br-d, .08s), -webkit-transform var(--d, .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) .7s linear forwards .18s;
    animation: var(--name, none) .7s linear forwards .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: .02s
}

.effect-letter.in.out {
    --name: move-out
}

.effect-letter.in.out:before {
    --d-d: .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(-.5deg);
        transform: translateX(-3px) rotate(-.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(-.5deg);
        transform: translateX(-3px) rotate(-.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: .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: .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, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .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, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .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 .5s cubic-bezier(0.25, .46, .45, .94) both !important;
    animation: slide-in-bottom .5s cubic-bezier(0.25, .46, .45, .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, .2, 1) .4s;
    transition: all cubic-bezier(0.4, 0, .2, 1) .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 .3s;
    animation: hoverBtn ease-out .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 .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 {

}

.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, .2, 1) .4s;
    transition: all cubic-bezier(0.4, 0, .2, 1) .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, .7);
    border-right: 2px solid rgba(255, 255, 255, .7);
    background: 0 0;
    -webkit-animation: .8s rotate cubic-bezier(0.99, .71, .22, .68) infinite;
    animation: .8s rotate cubic-bezier(0.99, .71, .22, .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: .4s ease-in-out;
    transition: .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: .4s ease-in-out;
    transition: .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: .4s ease-in-out;
    transition: .4s ease-in-out;
    border: none
}

.btn-white {
    background: #fff;
    border: 1px solid rgba(10, 33, 65, .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 {

}

.btn-dark {
    background: #10154e;
    color: #fff;
    border: 1px solid #10154e
}

.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: .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: .7rem 1.55rem;
    font-size: 15px;
    text-align: center;
    -webkit-transition: .3s !important;
    transition: .3s !important
}

.btn_sm_primary:hover {
    opacity: .9
}

.btn_md_primary {
    padding: .85rem 1.8rem;
    font-size: 15px;
    text-align: center;
    -webkit-transition: .3s !important;
    transition: .3s !important
}

.btn_md_primary:hover {
    opacity: .9
}

.btn_lg_primary {
    padding: .9rem 2.3rem;
    font-size: 15px;
    text-align: center;
    -webkit-transition: .3s !important;
    transition: .3s !important
}

.btn_lg_primary:hover {
    opacity: .9
}

.btn_xl_primary {
    padding: 1.1rem 2.3rem;
    font-size: 15px;
    text-align: center;
    -webkit-transition: .3s !important;
    transition: .3s !important
}

.btn_xl_primary:hover {
    opacity: .9
}

.header-nav-center .btn-default {
    margin-right: .5rem
}

.btn-video {
    background-color: #be346a;
    color: #fff;
    padding: .9rem 1.55rem;
    text-align: center;
    position: relative
}

.btn-video:before {
    background: #be346a;
    border-radius: 50px;
    content: "";
    display: block;
    height: 100%;
    opacity: .25;
    position: absolute;
    width: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    -webkit-animation: ripple 1.3s infinite cubic-bezier(0.29, -.01, .17, .95) !important;
    animation: ripple 1.3s infinite cubic-bezier(0.29, -.01, .17, .95) !important
}

.btn-video.ripple_box:before {
    border-radius: 8px
}

.btn-video .tio {
    vertical-align: sub;
    margin-right: .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: .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, -.01, .17, .95) !important;
    animation: ripple_Circle 1.3s infinite cubic-bezier(0.29, -.01, .17, .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: .3s !important;
    transition: .3s !important
}

.play_video::after {
    content: "";
    width: 70px;
    height: 70px;
    position: absolute;
    display: block;
    z-index: -1;
    background: rgba(16, 21, 78, .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, .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: .75rem;
    margin-right: .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: .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: .25;
    position: absolute;
    width: 100%;
    z-index: -1;
    top: 0;
    left: -9px;
    -webkit-animation: RippleMenu .3s cubic-bezier(0.29, -.01, .17, .95);
    animation: RippleMenu .3s cubic-bezier(0.29, -.01, .17, .95)
}

.menu svg {
    width: 44px;
    height: 48px;
    top: -6px;
    left: -14px;
    stroke: #10154e;
    stroke-width: .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, .85s) var(--easing, ease) var(--delay, 0s), stroke-dashoffset var(--duration, .85s) var(--easing, ease) var(--delay, 0s);
    transition: stroke-dasharray var(--duration, .85s) var(--easing, ease) var(--delay, 0s), stroke-dashoffset var(--duration, .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: .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: .15s;
    --easing: cubic-bezier(0.2, .4, .2, 1.1)
}

.menu.active svg path:nth-child(2) {
    --duration: .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: .6rem 1.75rem;
    border-radius: 8px;
    text-align: center;
    -webkit-transition: .3s !important;
    transition: .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: .8rem;
    text-align: left;
    padding-left: .25rem;
    -webkit-transition: .3s !important;
    transition: .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, .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: .2s !important;
    transition: .2s !important
}

.drop_download:hover .links-btn a:nth-child(2) {
    -webkit-transition: .4s !important;
    transition: .4s !important
}

.drop_download:hover .links-btn a:nth-child(3) {
    -webkit-transition: .5s !important;
    transition: .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 .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, .4)
}

.btn_readmore {
    color: #be346a;
    font-size: 15.5px;
    position: relative;
    padding-left: 0;
    -webkit-transition: .4s !important;
    transition: .4s !important
}

.btn_readmore:before {
    content: "";
    position: absolute;
    left: -.7rem;
    top: 0;
    width: 45%;
    height: 100%;
    background-color: rgba(190, 52, 106, .1);
    -webkit-transition: .4s cubic-bezier(0.4, .2, .01, 1.01) !important;
    transition: .4s cubic-bezier(0.4, .2, .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, .2);
    box-shadow: inset 0 0 0 2px rgba(190, 52, 106, .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, .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: .3s !important;
    transition: .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: .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: .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, .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, .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, .2, 1) .4s;
    transition: all cubic-bezier(0.4, 0, .2, 1) .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, .05);
    box-shadow: 0 7px 9px rgba(29, 14, 98, .05);
    -webkit-transition: all cubic-bezier(0.4, 0, .2, 1) .4s;
    transition: all cubic-bezier(0.4, 0, .2, 1) .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, .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: .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: .25rem 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, .2, 1) .4s;
    transition: all cubic-bezier(0.4, 0, .2, 1) .4s
}

.radio:hover .input:after, .radio:hover input:checked + .input:after {
    background: #10154e
}

@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, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .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, .08) !important;
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .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, .08) !important;
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .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, .15);
    box-shadow: 0 21px 51px rgba(29, 14, 98, .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, .12);
    box-shadow: 0 21px 23px -5px rgba(82, 48, 162, .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: .25rem 1.875rem .25rem .625rem;
    line-height: 1.6;
    font-size: .9375rem
}

.custom-control-label::before, .custom-file-label, .custom-select {
    -webkit-transition: .35s ease-in-out;
    transition: .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, .05) !important;
    -o-box-shadow: 0 50px 70px -10px rgba(11, 34, 56, .05) !important;
    -ms-box-shadow: 0 50px 70px -10px rgba(11, 34, 56, .05) !important;
    box-shadow: 0 50px 70px -10px rgba(11, 34, 56, .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, .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, .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: .3s !important;
    transition: .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: .3s !important;
    transition: .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: .3s !important;
    transition: .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, .05)
}

.alert.alert-warning {
    background-color: rgba(255, 195, 41, .15)
}

.alert.alert-primary {
    background-color: rgba(190, 52, 106, .15)
}

.alert.alert-primary [class*=" ri-"], .alert.alert-primary [class^=ri-] {
    color: #be346a
}

.alert.alert-secondary {
    background-color: rgba(104, 55, 105, .15);
    color: #683769
}

.alert.alert-success {
    background-color: rgba(49, 209, 171, .15);
    color: #31d1ab
}

.alert.alert-danger {
    background-color: rgba(249, 53, 66, .15);
    color: #f93542
}

.alert.alert-info {
    background-color: rgba(107, 176, 248, .15);
    color: #6bb0f8
}

.alert.alert-light {
    background-color: rgba(255, 255, 255, .15);
    color: #fff
}

.alert.alert-dark {
    background-color: rgba(16, 21, 78, .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, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .08);
    -webkit-transition: .25s cubic-bezier(0.4, 0, .2, 1);
    transition: .25s cubic-bezier(0.4, 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: .5rem .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, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .08);
    -webkit-transition: .25s cubic-bezier(0.4, 0, .2, 1);
    transition: .25s cubic-bezier(0.4, 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, .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(https://addkitv01.vercel.app/assets/assets/images/others/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, .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(https://addkitv01.vercel.app/assets/assets/images/others/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(https://addkitv01.vercel.app/assets/assets/images/others/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(https://addkitv01.vercel.app/assets/assets/images/others/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(https://addkitv01.vercel.app/assets/assets/images/others/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, .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(https://addkitv01.vercel.app/assets/assets/images/others/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: .25s ease-in-out;
    transition: .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, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .08);
    -webkit-transition: .25s ease-in-out;
    transition: .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: .25s ease-in-out;
    transition: .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, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .08);
    -webkit-transition: .25s ease-in-out;
    transition: .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, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .08)
}

.box_numbers {
    padding: 10px;
    border-radius: 5px;
    max-width: 25rem;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .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(https://addkitv01.vercel.app/assets/images/others/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, .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: .35s cubic-bezier(0.4, 0, .2, 1);
    transition: .35s cubic-bezier(0.4, 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, .1);
    box-shadow: 0 40px 40px -20px rgba(23, 29, 48, .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(https://addkitv01.vercel.app/assets/images/others/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(https://addkitv01.vercel.app/assets/images/others/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(https://addkitv01.vercel.app/assets/images/others/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(https://addkitv01.vercel.app/assets/images/others/devider_light.svg) top no-repeat;
    width: 100%;
    height: 6rem
}

.divider_light_bottom {
    background: url(https://addkitv01.vercel.app/assets/images/others/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: .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: .375rem;
    text-align: center;
    color: #869ab8;
    -webkit-transition: all .2s ease-in-out;
    transition: all .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, .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, .1), 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 3px rgba(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 .2s ease-in-out;
    transition: all .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: .3s !important;
    transition: .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, .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, .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: .5rem;
    height: 34px
}

@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: 1em;
    font-weight: 500;
    text-transform: capitalize;
    background-color: transparent;
    font-family: var(--poppins);
}

header .navbar .navbar-collapse .navbar-nav .dropdown.show .nav-link {
    opacity: .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, .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: 500
}

.header-nav-center .navbar-brand {
    color: #10154e
}

.header-nav-center .navbar-collapse .nav-item .nav-link {
    color: #10154e;
    -webkit-transition: .4s !important;
    transition: .4s !important
}

.header-nav-center .navbar-collapse .nav-item .nav-link:hover {
    opacity: .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, .1) !important;
    color: #fff
}

@media screen and (max-width: 768px) {
    .crypto_dark .nav_account .btn_try {
        background-color: rgba(16, 21, 78, .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, .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, .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, .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: .3s !important;
    transition: .3s !important
}

.fixed_side_menu .nav-item .nav-link::before {
    content: "";
    position: absolute;
    top: 1.1rem;
    right: -.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 .9s both !important;
    animation: bounce-top .9s both !important
}

.gch_header_light {
    border-bottom: 1px solid rgba(255, 255, 255, .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, .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, .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, .6);
    border-bottom: 1px solid rgba(255, 255, 255, .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: .4s !important;
        transition: .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: .4s !important;
    transition: .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: .4s !important;
    transition: .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: .1rem .5rem;
    border-radius: 4px;
    display: inline-block
}

.dropdown .dropdown-menu.single-drop {
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
    border-radius: 38px !important;
    -webkit-box-shadow: 0 20px 60px 0 rgba(11, 34, 56, .1) !important;
    -o-box-shadow: 0 20px 60px 0 rgba(11, 34, 56, .1) !important;
    -ms-box-shadow: 0 20px 60px 0 rgba(11, 34, 56, .1) !important;
    box-shadow: 0 20px 60px 0 rgba(11, 34, 56, .1) !important;
    min-width: 210px;
    -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, .2, 1) .4s !important;
    transition: all cubic-bezier(0.4, 0, .2, 1) .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 .4s cubic-bezier(0.35, .2, .2, 1) !important;
        transition: height .4s cubic-bezier(0.35, .2, .2, 1) !important;
        box-shadow: none !important
    }
}

.dropdown .dropdown-menu .dropdown_menu_nav {
    padding: 20px 0px;
    border-radius: 10px;
    box-shadow: 0 0 40px rgb(0 0 0 / 18%);
    background: WHITE;
}

.dropdown .dropdown-menu .dropdown_menu_nav li {
    list-style: none
}

.dropdown .dropdown-menu .dropdown_menu_nav li .dropdown-item {
    padding: 5px 15px;
    font-size: 1em;
    color: #10154e;
    text-transform: capitalize;
    font-weight: 600;
    width: 100%;
    display: flex;
}

.dropdown .dropdown-menu .dropdown_menu_nav li  .menu-header{
    padding: 5px 15px;
    font-size: 0.9em;
    color: var(--promo-color-1);
    text-transform: capitalize;
    letter-spacing: 0 !important;
    font-weight: 700;
    width: 100%;
    display: flex;
    margin-bottom: 0;
    margin-top: 0;
}

.dropdown .dropdown-menu .dropdown_menu_nav li .dropdown-item:hover {
    background: var(--promo-color-1);
    color: WHITE;
}

.dropdown_full .dropdown-menu .dropdown_menu_nav .item_colume {
    width: calc(100% / 4);
    padding: 15px;
}

@media screen and (max-width: 768px) {
    .dropdown_full .dropdown-menu .dropdown_menu_nav .item_colume {
        width: 100%
    }
}

.dropdown .dropdown-menu .dropdown_menu_nav .item_colume .sub_title {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    padding: 3px;
    margin-bottom: .938rem;
}

@media screen and (max-width: 768px) {
    .dropdown .dropdown-menu .dropdown_menu_nav .item_colume .sub_title {
        margin: .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: 3px 5px;
}

.dropdown .dropdown-menu .dropdown_menu_nav .item_colume .sub_nav_menu .nav_meun li a {

    padding: 5px 5px;
    color: #10154e;
    font-size: 1em;
    transition: .3s !important;
    text-wrap: wrap;
    word-wrap: break-word;
    font-weight: 600;
    width: 100%;
    display: flex;
}

.dropdown .dropdown-menu .dropdown_menu_nav .item_colume .sub_nav_menu .nav_meun li a:hover {
    color: #fff;
    opacity: 1;
    background: var(--promo-color-1);
}

.left-wave-bg {
    border-radius: 20px;
    background-image: url(../img/decorations/wave.svg) !important;
    background-size: contain !important;
    background-position-x: left !important;
    background-repeat: no-repeat !important;
}

header .dropdown_menu_nav .item_colume {
    border-radius: 0 !important;
    padding-left: 10px;
    border-right: 1px solid rgba(57, 78, 104, 0.1) !important;
}

header .dropdown_menu_nav .item_colume:last-child {
    border-right: none !important;
}

.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, .2, 1) .4s !important;
    transition: all cubic-bezier(0.4, 0, .2, 1) .4s !important;
    opacity: 1;
    visibility: visible;
    width: fit-content;

}

@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 .3rem 0 0
    }
}


.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, .2, 1) .4s !important;
    transition: all cubic-bezier(0.4, 0, .2, 1) .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 .4s cubic-bezier(0.35, .2, .2, 1) !important;
        transition: height .4s cubic-bezier(0.35, .2, .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, .2, 1) .4s !important;
    transition: all cubic-bezier(0.4, 0, .2, 1) .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, .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: var(--promo-color-1);
    color: #fff;
    padding: 3px 10px;
    border-radius: 3px;
    right: 2rem
}

.drop_dark .dropdown-item {
    color: #fff !important
}

.drop_dark .dropdown-item:hover {
    background-color: var(--promo-color-1) !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;
    line-height: 1em;
}

.hero .hero_wrap {

}

@media screen and (max-width: 768px) {

}

.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(../img/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(../img/decorations/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(https://addkitv01.vercel.app/assets/images/others/banner.webp) 0 0/100% 100% no-repeat;
    overflow: visible
}

.hero.has_style1 {

    border-radius: 20px;
    background-image: url(../img/decorations/wave.svg);
    background-size: contain;
    background-position-x: left;
    -webkit-box-shadow: 0 36px 66px -42px #11164e;
    box-shadow: 0 36px 66px -42px rgba(15, 17, 35, 0.49);
    position: relative
}

.hero.has_style1::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: -5rem;
    background: url(../img/decorations/orange_circle.svg) 0 0/contain no-repeat;
    height: 6rem;
    width: 15rem
}

.hero.bg-2::before {

    background: url(../img/decorations/pattern.svg) 0 0/contain no-repeat;

}
.hero.bg-nope:before {

    background:none !important;

}

@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 {

    z-index: 1;
    font-weight: 100;
    font-size: 1.2em;
    line-height: 1em;
}

@media screen and (max-width: 991px) {
    .hero.has_style1 .hero_text {
        text-align: center
    }
}

.hero.has_style1 {

}

.hero.has_style1 {
    padding-left: 30px;
    padding-right: 30px;
}

.hero.has_style1 .img_wrap {

    margin-top: -100px;
    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: .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: -2rem;
    background: url(../img/decorations/mix_shapes.png) 0 0/contain no-repeat;
    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, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .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 .2s ease-in-out;
    transition: all .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(../img/decorations/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, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .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: -.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 .2s ease-in-out;
    transition: all .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 .2s ease-in-out 0s;
    transition: all .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: .2s cubic-bezier(0.4, 0, .2, 1);
    transition: .2s cubic-bezier(0.4, 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, .479)
}

@media screen and (min-width: 1025px) {
    .hero.has_style4::before {
        background: rgba(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(../img/decorations/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: .2s ease-in-out;
    transition: .2s ease-in-out
}

.hero.has_style4 .play_flex img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: .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(../img/decorations/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 .2s ease-in-out 0s;
    transition: all .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 .2s ease-in-out 0s;
    transition: all .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: .5rem;
    -webkit-box-shadow: 0 15px 50px -10px rgba(21, 37, 72, .1);
    box-shadow: 0 15px 50px -10px rgba(21, 37, 72, .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: -.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(../img/decorations/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(../img/decorations/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(https://addkitv01.vercel.app/assets/images/others/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, .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: .2s cubic-bezier(0.4, 0, .2, 1);
    transition: .2s cubic-bezier(0.4, 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(../img/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;

}

.pattern_hero::before {
    content: "";
    position: absolute;
    left: -9rem;
    top: 0;
    width: 10rem;
    height: 100%;
    background-image: url(../img/decorations/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(../img/decorations/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(../img/decorations/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: .25s ease-in-out;
    transition: .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: .25s ease-in-out;
    transition: .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: .25s ease-in-out;
    transition: .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: .35s cubic-bezier(0.4, 0, .2, 1);
    transition: .35s cubic-bezier(0.4, 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, .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 .3s cubic-bezier(0.4, 0, .2, 1) !important;
    transition: all .3s cubic-bezier(0.4, 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, .712)
}

.feautures.has_style3 .swiper-slide-active .box .box_icon {
    background: rgba(255, 255, 255, .096)
}

.feautures.has_style3 .swiper-slide-active .box [class^=ri-] {
    color: #fff !important
}

.feautures.has_style3 .box {
    border: 1px solid #ebedf3;
    -webkit-transition: all .3s cubic-bezier(0.4, 0, .2, 1) !important;
    transition: all .3s cubic-bezier(0.4, 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 .2s ease-in-out;
    transition: all .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 .2s ease-in-out 0s;
    transition: all .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, .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, .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, .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, .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, .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(../img/decorations/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(../img/decorations/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: .25s cubic-bezier(0.4, 0, .2, 1);
    transition: .25s cubic-bezier(0.4, 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, .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, .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, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .08);
    margin: 0 40px;
    border-radius: 30px;
    position: relative
}

.pricing .plan-item.is-active .plan_head::before {
    content: "";
    position: absolute;
    background: url(https://addkitv01.vercel.app/assets/images/others/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, .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(../img/decorations/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: .4s cubic-bezier(0.4, 0, .2, 1);
    transition: .4s cubic-bezier(0.4, 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: .3s cubic-bezier(0.4, 0, .2, 1);
    transition: .3s cubic-bezier(0.4, 0, .2, 1)
}

.case_study .case_box .box_title {
    -webkit-transition: .6s cubic-bezier(0.4, 0, .2, 1);
    transition: .6s cubic-bezier(0.4, 0, .2, 1)
}

.case_study .case_box .tags {
    -webkit-transition: .6s cubic-bezier(0.4, 0, .2, 1);
    transition: .6s cubic-bezier(0.4, 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, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .08);
    margin-top: -20px;
    -webkit-transition: .35s cubic-bezier(0.4, 0, .2, 1);
    transition: .35s cubic-bezier(0.4, 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: .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: .2s cubic-bezier(0.4, 0, .2, 1);
    transition: .2s cubic-bezier(0.4, 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, .308);
    z-index: 1;
    opacity: 0;
    -webkit-transition: .2s cubic-bezier(0.4, 0, .2, 1);
    transition: .2s cubic-bezier(0.4, 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: .3s cubic-bezier(0.4, 0, .2, 1);
    transition: .3s cubic-bezier(0.4, 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: .2s cubic-bezier(0.4, 0, .2, 1);
    transition: .2s cubic-bezier(0.4, 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, .522), transparent) !important;
    -webkit-transition: .3s cubic-bezier(0.4, 0, .2, 1);
    transition: .3s cubic-bezier(0.4, 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, .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: .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;
    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, .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, .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: .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: .3s !important;
    transition: .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: .4s !important;
    transition: .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: .3s cubic-bezier(0.4, 0, .2, 1);
    transition: .3s cubic-bezier(0.4, 0, .2, 1)
}

.showcase .showcase_item .img_item {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 5px;
    -webkit-transition: .3s cubic-bezier(0.4, 0, .2, 1);
    transition: .3s cubic-bezier(0.4, 0, .2, 1)
}

.showcase .showcase_item:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.showcase .showcase_item:hover .img_item {
    opacity: .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 .2s ease-in-out 0s;
    transition: all .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 .2s ease-in-out 0s;
    transition: all .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(../img/decorations/circle.svg) 0 0/contain no-repeat;
    height: 15rem;
    width: 15rem;
    top: -5rem;
    opacity: .3
}

.call2action.has_style1::after {
    content: "";
    position: absolute;
    background: url(../img/decorations/circle.svg) 0 0/contain no-repeat;
    height: 15rem;
    width: 15rem;
    bottom: -5rem;
    right: 0;
    opacity: .3
}

.call2action.has_style2 {
    background: #10154e;
    overflow: hidden;
    position: relative
}

.call2action.has_style2::before {
    content: "";
    position: absolute;
    background: url(../img/decorations/circle.svg) 0 0/contain no-repeat;
    height: 15rem;
    width: 15rem;
    top: -5rem;
    opacity: .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, .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 .25s cubic-bezier(0.4, 0, .2, 1);
    transition: all .25s cubic-bezier(0.4, 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, .071);
    box-shadow: 0 5px 34px rgba(3, 3, 38, .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: .25s cubic-bezier(0.4, 0, .2, 1);
    transition: .25s cubic-bezier(0.4, 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, .071);
    box-shadow: 0 5px 34px rgba(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, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .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_title {
    font-size: 3em;
    line-height: 1.2;
    font-weight: 900;

    color: #000;
    text-align: left;

    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    font-family: Sora-Bold, -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}

@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: .7rem;
    bottom: .2rem;
    width: 103%;
    left: 0;
    background: #be346a;
    z-index: 0;
    opacity: .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(../img/decorations/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 p {
    color: rgba(255, 255, 255, .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: .7rem;
    bottom: .2rem;
    width: 103%;
    left: 0;
    background: #be346a;
    z-index: 0;
    opacity: .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, .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: .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(https://addkitv01.vercel.app/assets/images/others/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, .1);
    -webkit-transition: .25s ease-in-out;
    transition: .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, .078);
    box-shadow: 0 14px 33px -3px rgba(0, 0, 0, .078);
    -webkit-transition: .2s cubic-bezier(0.5, 0, .35, 1);
    transition: .2s cubic-bezier(0.5, 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, .078);
    box-shadow: 0 14px 33px -3px rgba(0, 0, 0, .078);
    -webkit-transition: .2s cubic-bezier(0.5, 0, .35, 1);
    transition: .2s cubic-bezier(0.5, 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, .1);
    box-shadow: 0 7px 21px rgba(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: .25s ease-in-out;
    transition: .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: .25s ease-in-out;
    transition: .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, .1);
    box-shadow: 0 15px 25px 0 rgba(93, 90, 129, .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, .1);
    box-shadow: 0 15px 25px 0 rgba(93, 90, 129, .1)
}

.section.section-about .has-overlay {
    z-index: 0;
    -webkit-transition: .2s cubic-bezier(0.4, 0, .2, 1);
    transition: .2s cubic-bezier(0.4, 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: .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, .18);
    box-shadow: 0 18px 35px 3px rgba(51, 29, 105, .18);
    -webkit-transition: .25s cubic-bezier(0.4, 0, .2, 1);
    transition: .25s cubic-bezier(0.4, 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(https://addkitv01.vercel.app/assets/images/others/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: .25s;
    transition: .25s;
    overflow: hidden;
    border-radius: 10px;
    -webkit-box-shadow: 0 5px 20px 0 rgba(130, 136, 147, .15);
    box-shadow: 0 5px 20px 0 rgba(130, 136, 147, .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: .25s;
    transition: .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 .6s;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .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: .25s;
    transition: .25s
}

.section.section-works .work-box:hover::before {
    opacity: .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: .5;
    z-index: 1;
    -webkit-transition: .25s;
    transition: .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: .4s;
    transition: .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: .5rem;
    position: relative;
    -webkit-transition: .25s cubic-bezier(0.4, 0, .2, 1);
    transition: .25s cubic-bezier(0.4, 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(https://addkitv01.vercel.app/assets/images/others/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(https://addkitv01.vercel.app/assets/images/others/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, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .08);
    margin: 0 40px;
    border-radius: 30px;
    position: relative
}

.section.section-plans .plan-item.is-active .plan-head::before {
    content: "";
    position: absolute;
    background: url(https://addkitv01.vercel.app/assets/images/others/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, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .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: .25s ease-in-out;
    transition: .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: .25s ease-in-out;
    transition: .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, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .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: .25s ease-in-out;
    transition: .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: .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(https://addkitv01.vercel.app/assets/images/bg/testi-bg.png);
    background-position: center;
    position: relative;
    border-radius: 5px;
    z-index: 0;
    -webkit-transition: .2s cubic-bezier(0.4, 0, .2, 1);
    transition: .2s cubic-bezier(0.4, 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: .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: .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(https://addkitv01.vercel.app/assets/images/bg/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, .41, 1.87);
    animation-timing-function: cubic-bezier(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, .1);
    box-shadow: 0 15px 25px 0 rgba(93, 90, 129, .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: .2s cubic-bezier(0.4, 0, .2, 1);
    transition: .2s cubic-bezier(0.4, 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: .7;
    border-radius: 10px
}

.section.section-testimonial2 .testimonial-box .box-left.overlay-none {
    z-index: 0;
    -webkit-transition: .2s cubic-bezier(0.4, 0, .2, 1);
    transition: .2s cubic-bezier(0.4, 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, .308);
    opacity: 0
}

.section.section-testimonial2 .testimonial-box .box-left img {
    width: 100%;
    -webkit-box-shadow: 0 15px 25px 0 rgba(93, 90, 129, .1);
    box-shadow: 0 15px 25px 0 rgba(93, 90, 129, .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: .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(https://addkitv01.vercel.app/assets/images/bg/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, .41, 1.87);
    animation-timing-function: cubic-bezier(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, .06);
    box-shadow: 0 15px 25px 0 rgba(0, 0, 0, .06)
}

.section.integration .integration-list-left li img {
    width: 40px
}

.section.integration .content {
    background-image: url(https://addkitv01.vercel.app/assets/images/others/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, .06);
    box-shadow: 0 15px 25px 0 rgba(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(https://addkitv01.vercel.app/assets/images/others/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: .25s;
    transition: .25s;
    cursor: default;
    position: relative
}

.section.section-counter .counter-item::before {
    content: "";
    position: absolute;
    right: -63%;
    height: 2rem;
    width: 5rem;
    background: url(https://addkitv01.vercel.app/assets/images/others/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, .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(https://addkitv01.vercel.app/assets/images/bg/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(../img/decorations/devider.svg);
    mask-image: url(../img/decorations/devider.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: .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: .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{
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
}
.footer .social_footer a{
    border-left: 1px solid #ccc;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
    border-radius: 100%;
    background: WHITE;
}

.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: 2.5rem
}

.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: .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, .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, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .08);
    margin-top: -20px;
    -webkit-transition: .35s cubic-bezier(0.4, 0, .2, 1);
    transition: .35s cubic-bezier(0.4, 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: .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: .2s cubic-bezier(0.4, 0, .2, 1);
    transition: .2s cubic-bezier(0.4, 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, .308);
    z-index: 1;
    opacity: 0;
    -webkit-transition: .2s cubic-bezier(0.4, 0, .2, 1);
    transition: .2s cubic-bezier(0.4, 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, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .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, .05) !important
}

.process-circle:empty:after {
    content: "";
    width: .5rem;
    height: .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, .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, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .08);
    padding: 30px;
    margin-bottom: 30px;
    -webkit-transition: .2s cubic-bezier(0.4, 0, .2, 1);
    transition: .2s cubic-bezier(0.4, 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: .6;
    -webkit-transition: .25s cubic-bezier(0.4, 0, .2, 1);
    transition: .25s cubic-bezier(0.4, 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: .2s cubic-bezier(0.4, 0, .2, 1);
    transition: .2s cubic-bezier(0.4, 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, .1);
    box-shadow: 0 40px 40px -20px rgba(23, 29, 48, .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: .2s cubic-bezier(0.4, 0, .2, 1);
    transition: .2s cubic-bezier(0.4, 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, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .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, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .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, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .08);
    border-radius: 5px;
    margin-bottom: 30px;
    background: #fff;
    position: relative;
    -webkit-transition: .25s cubic-bezier(0.4, 0, .2, 1);
    transition: .25s cubic-bezier(0.4, 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: .25s cubic-bezier(0.4, 0, .2, 1);
    transition: .25s cubic-bezier(0.4, 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, .1);
    box-shadow: 0 40px 40px -20px rgba(23, 29, 48, .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(https://addkitv01.vercel.app/assets/assets/images/others/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: .25s cubic-bezier(0.4, 0, .2, 1);
    transition: .25s cubic-bezier(0.4, 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, .1);
    box-shadow: 0 40px 40px -20px rgba(23, 29, 48, .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, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .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: -.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: -.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: -.66px;
    padding-bottom: 5px
}

.pricing-table table .price-widget-block .subtitle {
    font-size: 15px;
    font-weight: 300;
    letter-spacing: -.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: -.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, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .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, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .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, .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(https://addkitv01.vercel.app/assets/images/others/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, .034), 0 0 2px rgba(0, 0, 0, .062);
    box-shadow: 0 10px 20px rgba(10, 33, 65, .034), 0 0 2px rgba(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, .05), 0 0 2px rgba(0, 0, 0, .13);
    box-shadow: 0 10px 20px rgba(10, 33, 65, .05), 0 0 2px rgba(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, .05), 0 0 2px rgba(0, 0, 0, .13);
    box-shadow: 0 20px 40px rgba(10, 33, 65, .05), 0 0 2px rgba(0, 0, 0, .13);
    margin-bottom: 40px;
    overflow: hidden
}

.element_block .element_head {
    border-bottom: solid 1px rgba(10, 33, 65, .05)
}

.element_block .element_head .nav-link.active {
    color: #be346a;
    background-color: rgba(190, 52, 106, .15);
    border: none;
    border-radius: 5px;
    padding: .5rem .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: .5rem .75rem;
    line-height: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-right: .5rem;
    color: #858c9b
}

.element_block .element_head .copy {
    color: #858c9b;
    padding-left: 1rem;
    border-radius: 0;
    border-left: solid 1px rgba(107, 114, 128, .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: .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, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .08);
    -webkit-transition: .25s cubic-bezier(0.4, 0, .2, 1);
    transition: .25s cubic-bezier(0.4, 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(https://addkitv01.vercel.app/assets/img/others/buy-shape2.svg);
    position: absolute;
    right: 0;
    bottom: 4rem;
    height: 4rem;
    width: 4rem;
    z-index: 0
}

.index_page .buy::after {
    content: url(https://addkitv01.vercel.app/assets/img/others/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: .2rem;
    color: #fff;
    margin-right: .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, .15);
    box-shadow: -90px 60px 130px rgba(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(https://addkitv01.vercel.app/assets/images/others/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, .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, .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(https://addkitv01.vercel.app/assets/images/others/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: .25s cubic-bezier(0.4, 0, .2, 1);
    transition: .25s cubic-bezier(0.4, 0, .2, 1);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    position: relative;
    opacity: .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, .1), 0 -100px 0 transparent inset;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .1), 0 -100px 0 transparent inset;
    position: relative;
    z-index: 0;
    -webkit-transition: .2s cubic-bezier(0.4, 0, .2, 1);
    transition: .2s cubic-bezier(0.4, 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, .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: .6;
    position: relative;
    z-index: 0;
    -webkit-transition: .25s cubic-bezier(0.4, 0, .2, 1);
    transition: .25s cubic-bezier(0.4, 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, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .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, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .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, .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: .4s cubic-bezier(0.4, 0, .2, 1);
    transition: .4s cubic-bezier(0.4, 0, .2, 1)
}

.item_preview .img_cover .img {
    position: relative;
    z-index: 0;
    -webkit-transition: .2s cubic-bezier(0.4, 0, .2, 1);
    transition: .2s cubic-bezier(0.4, 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, .308);
    background: #0903258c;
    border-radius: 5px;
    z-index: 2;
    -webkit-transition: .25s cubic-bezier(0.4, 0, .2, 1);
    transition: .25s cubic-bezier(0.4, 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: .25s cubic-bezier(0.4, 0, .2, 1);
    transition: .25s cubic-bezier(0.4, 0, .2, 1)
}

.item_preview .img_cover img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: .9
}

.item_preview:hover h6 {
    color: #be346a;
    -webkit-transition: .25s cubic-bezier(0.4, 0, .2, 1);
    transition: .25s cubic-bezier(0.4, 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: .2s ease-in-out;
    transition: .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 .2s ease-in-out;
    transition: all .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, .1);
    color: #be346a;
    padding: .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, .1)
}

.roadmap-items-container .badge-warning {
    color: #ff8625 !important;
    background: rgba(255, 134, 37, .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: .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: .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(https://addkitv01.vercel.app/assets/images/others/lines.svg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    opacity: .1
}

.account_page.is_basic {
    background-color: rgba(243, 248, 255, .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: .25s cubic-bezier(0.4, 0, .2, 1);
    transition: .25s cubic-bezier(0.4, 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, .1);
    box-shadow: 0 40px 40px -20px rgba(23, 29, 48, .1);
    opacity: .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: .25s cubic-bezier(0.4, 0, .2, 1);
    transition: .25s cubic-bezier(0.4, 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, .1);
    box-shadow: 0 40px 40px -20px rgba(23, 29, 48, .1);
    opacity: .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, .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, .1);
    box-shadow: 0 40px 40px -20px rgba(23, 29, 48, .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, .1);
    box-shadow: 0 40px 40px -20px rgba(23, 29, 48, .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, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .08);
    border-radius: 5px;
    margin-bottom: 30px;
    background: #fff;
    position: sticky;
    top: 15px;
    color: rgba(255, 255, 255, .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: .4s !important;
    transition: .4s !important
}

.section__news .block__news_ch .item__news .head_img {
    margin-bottom: .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: .625rem;
    color: #fd6b3b;
    font-size: 13px
}

.section__news .block__news_ch .item__news .body__content h3 {
    margin-bottom: .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: .3s !important;
    transition: .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: .4s !important;
    transition: .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: .625rem;
    font-weight: 400
}

.news__workspace .fa__news .body__content h3 {
    font-size: 20px;
    margin-bottom: .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, .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: .3s !important;
    transition: .3s !important
}

.blog_slider .swiper-button-next .tio, .blog_slider .swiper-button-prev .tio {
    font-size: 18px;
    color: #10154e;
    -webkit-transition: .3s !important;
    transition: .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: .4s cubic-bezier(0.65, .05, .36, 1) !important;
    transition: .4s cubic-bezier(0.65, .05, .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: .3s !important;
    transition: .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, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .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(https://addkitv01.vercel.app/assets/images/others/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, .1);
    box-shadow: 0 40px 40px -20px rgba(23, 29, 48, .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, .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: .3s !important;
    transition: .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: .2s cubic-bezier(0.4, 0, .2, 1);
    transition: .2s cubic-bezier(0.4, 0, .2, 1)
}

.blog_masonry .card .cover_link .auther_post {
    position: absolute;
    top: 20px;
    left: 30px;
    z-index: 2;
    opacity: 0;
    -webkit-transition: .3s cubic-bezier(0.65, .05, .36, 1) !important;
    transition: .3s cubic-bezier(0.65, .05, .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, .8)
}

.blog_masonry .card .cover_link .main_img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    -webkit-transition: .4s cubic-bezier(0.65, .05, .36, 1) !important;
    transition: .4s cubic-bezier(0.65, .05, .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, .308);
    z-index: 1;
    opacity: 0
}

.blog_masonry .card .cover_link:hover {
    z-index: 0;
    -webkit-transition: .2s cubic-bezier(0.4, 0, .2, 1);
    transition: .2s cubic-bezier(0.4, 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, .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: .3s !important;
    transition: .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, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .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, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .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, .15)
}

.blog .meta.absolute .meta-info svg {
    width: 15px;
    height: 15px;
    fill: #2e3158;
    vertical-align: middle;
    margin-top: -3px;
    opacity: .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: .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: .3s cubic-bezier(0.4, 0, .2, 1);
    transition: .3s cubic-bezier(0.4, 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, .3);
    opacity: 0;
    -webkit-transition: .25s cubic-bezier(0.4, 0, .2, 1);
    transition: .25s cubic-bezier(0.4, 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: .35s ease-in-out;
    transition: .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, .3);
    opacity: 0;
    -webkit-transition: .25s cubic-bezier(0.4, 0, .2, 1);
    transition: .25s cubic-bezier(0.4, 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: .45s cubic-bezier(0.4, 0, .2, 1);
    transition: .45s cubic-bezier(0.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .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: .35s cubic-bezier(0.4, 0, .2, 1);
    transition: .35s cubic-bezier(0.4, 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: .35s ease-in-out;
    transition: .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: .25s cubic-bezier(0.4, 0, .2, 1);
    transition: .25s cubic-bezier(0.4, 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: .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: .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(https://addkitv01.vercel.app/assets/images/others/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: .25s cubic-bezier(0.4, 0, .2, 1);
    transition: .25s cubic-bezier(0.4, 0, .2, 1);
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .08)
}

.product_details .product_slider .product_thumb:hover {
    -webkit-filter: saturate(0.5);
    filter: saturate(0.5);
    opacity: .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, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .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: .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, .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, .1);
    box-shadow: -20px -17px 36px -21px rgba(29, 14, 98, .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 .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, .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: .3s;
    transition: .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: .8em;
    padding: 10px 1rem;
    background: #be346a !important;
    -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, .2);
    border-radius: .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%
}