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
}

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: #9A30C3;
   color: #fff
}

::selection {
   background-color: #9A30C3;
   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: #9A30C3
}

.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: #9A30C3
}

.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: #9A30C3 !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: #9A30C3 !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: #9A30C3 !important
}

.color_second {
   color: #683769 !important
}

.color_light {
   color: #faf4f6 !important
}

.color_white {
   color: #fff !important
}

.color_light {
   color: #f3f8ff !important
}

.color_neutral {
   color: #858c9b !important
}

.color_dark {
   color: #10154e !important
}

.color_dark_lighten {
   color: #2e3158 !important
}

.color_error {
   color: #de4b53 !important
}

.color_success {
   color: #3dcabd !important
}

.half_hero {
   margin-top: -200px !important
}

.space_half_hero {
   margin-top: 100px !important
}

.top-15 {
   top: 15px
}

.height-100_reset {
   margin-top: -100px
}

.height-100 {
   height: 100px
}

.top_hero_reset {
   height: 20rem
}

.top_hero {
   margin-top: -20rem
}

.py-1 {
   padding-top: 1rem !important;
   padding-bottom: 1rem !important
}

.py-2 {
   padding-top: 2rem !important;
   padding-bottom: 2rem !important
}

.py-3 {
   padding-top: 3rem !important;
   padding-bottom: 3rem !important
}

.py-4 {
   padding-top: 4rem !important;
   padding-bottom: 4rem !important
}

.py-5 {
   padding-top: 5rem !important;
   padding-bottom: 5rem !important
}

.py-6 {
   padding-top: 6rem !important;
   padding-bottom: 6rem !important
}

.py-7 {
   padding-top: 7rem !important;
   padding-bottom: 7rem !important
}

.py-8 {
   padding-top: 8rem !important;
   padding-bottom: 8rem !important
}

.py-9 {
   padding-top: 9rem !important;
   padding-bottom: 9rem !important
}

.py-10 {
   padding-top: 10rem !important;
   padding-bottom: 10rem !important
}

.p-0 {
   padding: 0 !important
}

.p-helf {
   padding: 5px
}

.p-10 {
   padding: 10px
}

.p-20 {
   padding: 20px !important
}

.p-30 {
   padding: 30px
}

.p-40 {
   padding: 40px
}

.p-50 {
   padding: 50px
}

.p-60 {
   padding: 60px
}

.p-70 {
   padding: 70px
}

.p-80 {
   padding: 80px
}

.p-90 {
   padding: 90px
}

.p-100 {
   padding: 10rem
}

.pt-helf {
   padding-top: 5px
}

.pt-0 {
   padding-top: 0 !important
}

.pt-10 {
   padding-top: 10px
}

.pt-20 {
   padding-top: 20px
}

.pt-30 {
   padding-top: 30px
}

.pt-40 {
   padding-top: 40px
}

.pt-50 {
   padding-top: 50px
}

.pt-60 {
   padding-top: 60px
}

.pt-70 {
   padding-top: 70px
}

.pt-80 {
   padding-top: 80px !important
}

.pt-90 {
   padding-top: 90px
}

.pt-100 {
   padding-top: 100px
}

.pt-120 {
   padding-top: 120px
}

.pb-helf {
   padding-bottom: 5px
}

.pb-10 {
   padding-bottom: 10px
}

.pb-20 {
   padding-bottom: 20px
}

.pb-30 {
   padding-bottom: 30px
}

.pb-40 {
   padding-bottom: 40px
}

.pb-50 {
   padding-bottom: 50px
}

.pb-60 {
   padding-bottom: 60px
}

.pb-70 {
   padding-bottom: 70px
}

.pb-80 {
   padding-bottom: 80px
}

.pb-90 {
   padding-bottom: 90px
}

.pb-100 {
   padding-bottom: 10rem
}

.pl-helf {
   padding-left: .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: #9A30C3 !important
}

.text-secondary {
   color: #683769 !important
}

.font-s-20 {
   font-size: 20px
}

.font-s-30 {
   font-size: 30px
}

.font-s-40 {
   font-size: 40px
}

.font-s-50 {
   font-size: 50px
}

.font-s-60 {
   font-size: 60px
}

.font-s-70 {
   font-size: 70px
}

.font-s-80 {
   font-size: 80px
}

.font-s-90 {
   font-size: 90px
}

.font-s-100 {
   font-size: 100px
}

.font-w-400 {
   font-weight: 400 !important
}

.font-w-500 {
   font-weight: 500 !important
}

.font-w-600 {
   font-weight: 600 !important
}

.text-left {
   text-align: left !important
}

.text-right {
   text-align: right !important
}

.text-center {
   text-align: center !important
}

.text-deco {
   text-decoration: underline
}

.before-none::before {
   content: none !important
}

@media screen and (max-width:576px) {
   .sm-none {
      display: none !important
   }
}

@media screen and (max-width:768px) {
   .md-none {
      display: none
   }
}

@media screen and (max-width:992px) {
   .lg-none {
      display: none
   }
}

@media screen and (max-width:1400px) {
   .xl-none {
      display: none
   }
}

@media screen and (max-width:576px) {
   .sm-block {
      display: block
   }
}

@media screen and (max-width:768px) {
   .md-block {
      display: block
   }
}

@media screen and (max-width:992px) {
   .lg-block {
      display: block
   }
}

@media screen and (max-width:1400px) {
   .xl-block {
      display: block
   }
}

@media screen and (max-width:768px) {
   .mb-sm-20 {
      margin-bottom: 20px
   }
}

.top-border {
   border-top: solid 1px #f3f3f3
}

.min-30 {
   margin-bottom: -30px
}

.min-40 {
   margin-bottom: -40px
}

.mt-section {
   margin-top: 70px
}

@media screen and (max-width:768px) {
   .mb-sm-30 {
      margin-bottom: 30px
   }
}

.rounded {
   position: absolute;
   width: 100%;
   top: -11px
}

@media screen and (max-width:992px) {
   .rounded {
      top: -1px
   }
}

.top-0 {
   top: 0 !important
}

.mb-70 {
   margin-bottom: 70px
}

.min-20 {
   margin-bottom: -20px
}

.text-copyright {
   color: rgba(255, 255, 255, .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
}

body {
   font-family: Sora, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-size: 15px;
   letter-spacing: .3px;
   color: #10154e
}

@media screen and (max-width:768px) {
   body {
      font-size: 15.5px
   }
}

body.is-dark {
   background: #2d3a58;
   color: #fff
}

@media (min-width:1400px) {
   .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1220px
   }
}

@media screen and (max-width:768px) {
   .container {
      max-width: 800px !important
   }
}

@media screen and (max-width:1400px) {
   .container {
      max-width: 1200px
   }
}

@media only screen and (min-width:1510px) {
   .index_page .container {
      max-width: 1400px
   }
}

h1, h2, h3, h4, h5, h6 {
   margin-top: 0;
   margin-bottom: 0
}

ul {
   margin: 0;
   padding: 0
}

section:focus {
   outline: 0 !important
}

a {
   -webkit-transition: .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: #9A30C3 !important
}

.code-toolbar {
   position: relative
}

.code-toolbar .toolbar {
   position: absolute;
   top: 20px;
   right: 20px
}

.code-toolbar button {
   background: #9A30C3;
   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: #9A30C3
}

h1 {
   font-size: calc(46px + 18 * ((100vw - 576px) / 1024));
   line-height: 1;
   letter-spacing: -.03em
}

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

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

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

h2 {
   font-size: calc(40px + 14 * ((100vw - 576px) / 1024));
   line-height: 1.15;
   letter-spacing: -.02em
}

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

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

h3 {
   font-size: calc(36px + 4 * ((100vw - 576px) / 1024));
   line-height: 1.1
}

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

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

h4 {
   font-size: calc(24px + 2 * ((100vw - 576px) / 1024));
   line-height: 1.35
}

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

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

h5 {
   font-size: calc(19px + 1 * ((100vw - 576px) / 1024));
   line-height: 1.5
}

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

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

h6 {
   font-size: 1.05em;
   line-height: 1.5;
   letter-spacing: 0
}

p {
   width: 100%;
   margin: 10px auto;
   display: block;
   line-height: 1.6
}

.accordion {
   background: 0 0 !important;
   overflow: inherit !important
}

.accordion .card {
   border-radius: 8px;
   margin-bottom: 1rem;
   border: 1px solid #f1f3f5
}

.accordion .card .card-header {
   padding: .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: #9A30C3;
   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: #9A30C3;
   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: #9A30C3;
   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 {
   color: #fff;
   background-color: #9A30C3;
   border-color: #9A30C3;
   outline: 0;
   -webkit-box-shadow: inherit;
   box-shadow: inherit;
   opacity: .9
}

.btn.text-hover, a.btn input.btn.text-hover, a.button.text-hover, button.text-hover, div.button.text-hover, input[type=submit].text-hover, span.button.text-hover {
   overflow: hidden;
   position: relative
}

.btn.text-hover .icon, .btn.text-hover .text, a.btn input.btn.text-hover .icon, a.btn input.btn.text-hover .text, a.button.text-hover .icon, a.button.text-hover .text, button.text-hover .icon, button.text-hover .text, div.button.text-hover .icon, div.button.text-hover .text, input[type=submit].text-hover .icon, input[type=submit].text-hover .text, span.button.text-hover .icon, span.button.text-hover .text {
   -webkit-transition: all cubic-bezier(0.4, 0, .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: #9A30C3;
   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: #9A30C3;
   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: #9A30C3;
   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 #9A30C3;
   box-shadow: 0 14px 35px -11px #9A30C3
}

.btn-primary.btn-outline {
   border: 2px solid #9A30C3;
   background: 0 0 !important;
   color: #9A30C3
}

.btn-primary.btn-outline-bottom {
   border-bottom: solid 3px #9A30C3;
   background: 0 0 !important;
   color: #9A30C3 !important
}

.btn-primary.btn-hover-line:hover {
   background: 0 0;
   border: 2px solid #9A30C3;
   color: #9A30C3
}

.btn-primary:hover {
   outline: 0;
   background: #b63266 !important;
   border: 2px solid #9A30C3
}

.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: #9A30C3 !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 {
   opacity: .8;
   background: #fff;
   color: #9A30C3 !important;
   -webkit-box-shadow: 0 9px 6px rgba(0, 0, 0, .1), 0 -50px 0 transparent inset;
   box-shadow: 0 9px 6px rgba(0, 0, 0, .1), 0 -50px 0 transparent inset;
   border: 1px solid rgba(10, 33, 65, .05) !important
}

.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: #9A30C3 !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: #9A30C3;
   color: #fff;
   padding: .9rem 1.55rem;
   text-align: center;
   position: relative
}

.btn-video:before {
   background: #9A30C3;
   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: #9A30C3;
   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: #9A30C3;
   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: #9A30C3;
   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: #9A30C3
}

.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: #9A30C3
}

.prgoress_indicator:hover:before {
   opacity: 1
}

.prgoress_indicator svg path {
   fill: none
}

.prgoress_indicator svg.progress-circle path {
   stroke: #9A30C3;
   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: #9A30C3;
   -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: #9A30C3
}

.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: #9A30C3
}

.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: #9A30C3
}

.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: #9A30C3;
   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(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(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: #9A30C3
}

#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(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(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(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: #9A30C3;
   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(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: #9A30C3;
   font-size: 35px !important
}

.box.has-style1 .box-icon svg {
   fill: #9A30C3
}

.box.has-style1 .box-icon [class^=ri-] {
   fill: #9A30C3 !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: #9A30C3;
   font-size: 35px !important
}

.box.has-style2 .box-icon svg {
   fill: #9A30C3
}

.box.has-style2 .box-icon [class^=ri-] {
   fill: #9A30C3 !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: #9A30C3;
   -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: #9A30C3;
   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(../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: #9A30C3;
   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(../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(../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(../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(../images/others/devider_light.svg) top no-repeat;
   width: 100%;
   height: 6rem
}

.divider_light_bottom {
   background: url(../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: #543594!important;
   font-weight: 600!important;
}

.nav-link:hover {
   border: none
}

.nav-link.active {
   border: none;
   border-bottom: solid 3px #9A30C3;
   border-radius: 5px 5px 0 0;
   background: 0 0;
   color: #9A30C3
}

.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 #9A30C3
}

.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: 2px 0
}

header .navbar .navbar-brand {
   font-weight: 600;
   font-size: 22px
}

header .navbar .navbar-brand .logo {
   vertical-align: bottom;
   margin-right: .5rem;
   height: 100px;
   width: auto;
}

@media screen and (max-width:991px) {
   header .navbar .navbar-collapse {
      background-color: #fff;
      -webkit-box-shadow: #11164e 0 36px 66px -42px;
      box-shadow: #11164e 0 36px 66px -42px;
      border-radius: 5px;
      padding: 20px;
      margin-top: 10px;
      border: 1px solid #d5d8df
   }
}

header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
   font-size: 15.5px;
   font-weight: 400;
   text-transform: capitalize;
   margin-right: 1.25rem;
   background-color: transparent
}

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

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: #9A30C3 !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: #9A30C3 !important;
      color: #fff !important
   }
}

.header-nav-center {
   width: 100%;
   left: 0;
   z-index: 12
}

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

.header-nav-center .navbar-collapse .nav-item .nav-link {
   color: #10154e;
   -webkit-transition: .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: #9A30C3;
   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: #9A30C3 !important
}

.fixed-header header.nav-product .nav_account .btn-default {
   color: #10154e !important
}

.fixed-header header.nav-product .nav_account .btn-primary {
   background-color: #9A30C3 !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 #9A30C3 !important;
   -o-box-shadow: 0 3px 0 0 #9A30C3 !important;
   -ms-box-shadow: 0 3px 0 0 #9A30C3 !important;
   box-shadow: 0 3px 0 0 #9A30C3 !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: #9A30C3
}

.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: #9A30C3
}

.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 {
   border: 0;
   border-radius: 8px;
   -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;
   padding-top: 15px;
   padding-bottom: 15px;
   -webkit-transform: perspective(300px) rotateX(0);
   transform: perspective(300px) rotateX(0);
   -webkit-transform-origin: 50% -50px;
   transform-origin: 50% -50px;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all cubic-bezier(0.4, 0, .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: 0
}

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

.dropdown .dropdown-menu .dropdown_menu_nav li .dropdown-item {
   padding: .4rem 1.5rem;
   font-size: 15px;
   color: #10154e;
   text-transform: capitalize
}

.dropdown .dropdown-menu .dropdown_menu_nav .item_colume .sub_title {
   display: block;
   color: rgba(255, 255, 255, .781);
   font-size: 12px;
   font-weight: 500;
   text-transform: uppercase;
   padding: 0 1rem;
   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: 0
}

.dropdown .dropdown-menu .dropdown_menu_nav .item_colume .sub_nav_menu .nav_meun li .dropdown-item {
   border-radius: 6px;
   padding: .4rem 1rem;
   color: #10154e;
   font-size: 15.5px;
   -webkkit-transition: .3s !important;
   -webkit-transition: .3s !important;
   transition: .3s !important
}

.dropdown .dropdown-menu .dropdown_menu_nav .item_colume .sub_nav_menu .nav_meun li .dropdown-item:hover {
   background-color: #f7f8fa;
   opacity: .7
}

.dropdown.show .dropdown-menu.single-drop {
   transform: perspective(0) rotateX(0);
   -webkit-transform: perspective(0) rotateX(0);
   -webkit-transition: all cubic-bezier(0.4, 0, .2, 1) .4s !important;
   transition: all cubic-bezier(0.4, 0, .2, 1) .4s !important;
   opacity: 1;
   visibility: visible;
   width: 100%
}

@media screen and (max-width:768px) {
   .dropdown .active+.dropdown-menu {
      opacity: 1;
      visibility: visible
   }
}

.dropdown_full .dropdown-menu .dropdown_menu_nav {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   padding: 1.25rem 1.875rem
}

@media screen and (max-width:768px) {
   .dropdown_full .dropdown-menu .dropdown_menu_nav {
      display: block;
      padding: 0 .3rem 0 0
   }
}

.dropdown_full .dropdown-menu .dropdown_menu_nav .item_colume {
   width: calc(100% / 5)
}

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

.dropdown-submenu {
   position: relative;
   list-style: none
}

.dropdown-submenu .dropdown-menu.sec-drop {
   padding-top: 15px;
   padding-bottom: 15px;
   border-radius: 8px;
   -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
   box-shadow: 0 33px 88px 0 #1d0e6211;
   border: 1px solid #9c97a8;
   min-width: 210px;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all cubic-bezier(0.4, 0, .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: #9A30C3
}

@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: #9A30C3
   }
}

.coming {
   position: relative;
   position: relative
}

.coming::before {
   content: " coming soon ";
   position: absolute;
   top: 6px;
   font-size: 10px;
   background-color: #683769;
   color: #fff;
   padding: 3px 10px;
   border-radius: 3px;
   right: 2rem
}

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

.drop_dark .dropdown-item:hover {
   background-color: #683769 !important;
   color: #fff !important;
   opacity: 1 !important
}

.hero {
   position: relative;
   z-index: 1;
   background-repeat: no-repeat
}

.hero .container, .hero .row {
   height: 100%
}

.hero .hero_title {
   text-transform: capitalize
}

.hero .hero_wrap {
   padding: 7rem 0
}

@media screen and (max-width:768px) {
   .hero .hero_wrap {
      padding: 3rem 0
   }
}

.hero.in_index {
   position: relative;
   position: relative;
   position: relative
}

.hero.in_index::after {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   right: 0;
   top: 0;
   background: #10154e;
   z-index: -2;
   border-bottom-right-radius: 350px
}

@media screen and (max-width:991px) {
   .hero.in_index::after {
      border-bottom-right-radius: 50px
   }
}

.hero.in_index::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   right: 0;
   background-size: cover;
   background-repeat: no-repeat;
   background-image: url(../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(../images/others/banner.webp) 0 0/100% 100% no-repeat;
   overflow: visible
}

.hero.has_style1 {
   background-color: #10154e;
   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 #11164e;
   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
}

@media screen and (max-width:768px) {
   .hero.has_style1 .hero_wrap {
      padding: 5rem 1rem
   }
}

.hero.has_style1 .hero_title {
   color: #683769;
   font-size: calc(36px + 18 * ((100vw - 576px) / 1024));
   text-align: left;
   z-index: 1
}

@media screen and (max-width:576px) {
   .hero.has_style1 .hero_title {
      font-size: 36px
   }
}

@media screen and (min-width:1600px) {
   .hero.has_style1 .hero_title {
      font-size: 54px
   }
}

@media screen and (max-width:991px) {
   .hero.has_style1 .hero_title {
      text-align: center;
      line-height: 1.2
   }
}

.hero.has_style1 .hero_text {
   font-size: 16px;
   z-index: 1;
   opacity: .85
}

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

.hero.has_style1 .img_wrap {
   -webkit-transform: translate(-45%, 0);
   transform: translate(-45%, 0);
   z-index: -1
}

.hero.has_style1 .img_wrap img {
   width: 147%
}

@media screen and (max-width:991px) {
   .hero.has_style1 .img_wrap {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0)
   }

   .hero.has_style1 .img_wrap img {
      margin-top: 20px;
      width: 100%;
      max-width: 100%
   }
}

@media screen and (max-width:991px) {
   .hero.has_style1 .btn_hero {
      width: 100%;
      margin-bottom: 10px
   }
}

.hero.has_style1 .header-shape {
   position: absolute;
   -webkit-transform: scale(0.9);
   transform: scale(0.9);
   left: -4rem;
   top: -10rem;
   z-index: -1
}

@media screen and (max-width:991px) {
   .hero.has_style1 .header-shape {
      display: none
   }
}

.hero.has_style2 {
   overflow: hidden;
   background-color: #faf4f6;
   position: relative
}

@media screen and (max-width:991px) {
   .hero.has_style2 {
      height: auto
   }
}

.hero.has_style2 .dots {
   position: absolute;
   opacity: .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 #9A30C3
}

.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;
      margin-right: 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: #9A30C3
}

.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: #9A30C3
}

.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-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;
   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: #9A30C3;
   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: #9A30C3;
   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: #9A30C3;
   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(../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;
   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: #9A30C3
}

.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: #9A30C3
}

.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: #9A30C3;
   font-size: 35px !important
}

.feautures.has_style1 .box .box_icon svg {
   fill: #9A30C3
}

.feautures.has_style1 .box .box_icon [class^=ri-] {
   fill: #9A30C3 !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: #9A30C3;
   font-size: 30px !important
}

.feautures.has_style2 .box .box_icon svg {
   fill: #9A30C3
}

.feautures.has_style2 .box .box_icon [class^=ri-] {
   color: #9A30C3 !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: #9A30C3;
   font-size: 30px !important
}

.feautures.has_style3 .box .box_icon svg {
   fill: #9A30C3
}

.feautures.has_style3 .box .box_icon [class^=ri-] {
   color: #9A30C3;
   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: #9A30C3;
   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: #9A30C3;
   font-size: 30px !important
}

.feautures.has_style4 .box .box_icon svg {
   fill: #9A30C3
}

.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: #9A30C3;
   font-size: 30px !important
}

.feautures.has_stylex .box .box_icon svg {
   fill: #9A30C3
}

.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: #9A30C3;
   font-size: 30px !important
}

.feautures.has_style5 .box .box_icon svg {
   fill: #9A30C3
}

.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: #9A30C3;
   font-size: 30px !important
}

.feautures.has_style6 .box .box_icon svg {
   fill: #9A30C3
}

.feautures.has_style6 .box .box_icon [class^=ri-] {
   color: #9A30C3;
   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: #9A30C3;
   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: #9A30C3;
   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: #9A30C3 !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: #9A30C3;
   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(../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: #9A30C3;
   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 #9A30C3;
   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: #9A30C3;
   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: #9A30C3 !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: #9A30C3;
   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: #9A30C3
}

.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: #9A30C3
}

.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: #9A30C3;
   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: #9A30C3;
   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: #9A30C3;
   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: #9A30C3;
   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: #9A30C3;
   -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: #9A30C3;
   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: #9A30C3
}

.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: #9A30C3
}

.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: #9A30C3
}

.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: #9A30C3;
   -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-subtitle.iscenter {
   max-width: auto;
   margin-left: auto;
   margin-right: auto;
   text-align: center
}

.section_title {
   font-size: calc(36px + 4 * ((100vw - 576px) / 1024));
   line-height: 1.2;
   max-width: 40rem;
   color: #10154e;
   text-align: left;
   text-transform: capitalize;
   position: relative;
   overflow: hidden;
   margin-bottom: 10px
}

@media screen and (max-width:576px) {
   .section_title {
      font-size: 36px
   }
}

@media screen and (min-width:1600px) {
   .section_title {
      font-size: 40px
   }
}

@media screen and (max-width:992px) {
   .section_title {
      font-size: 40px
   }
}

@media screen and (max-width:768px) {
   .section_title {
      font-size: 35px
   }
}

@media screen and (max-width:576px) {
   .section_title {
      font-size: 30px
   }
}

.section_title ::before {
   content: "";
   position: absolute;
   top: -10px;
   height: 4px;
   left: 0;
   width: 40px;
   background: #9A30C3
}

.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: #9A30C3;
   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: #9A30C3
}

.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: #9A30C3;
   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(../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(../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: #9A30C3;
   padding: 5px 30px;
   font-size: 15px;
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   text-align: center;
   color: #fff
}

.section.section-plans .plan-item .best-choose::after {
   content: "";
   background-image: url(../images/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: #9A30C3;
   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: #9A30C3 !important
}

@media screen and (max-width:768px) {
   .section.section-plans .plan-item .plan-price {
      font-size: 2.5rem
   }
}

.section.section-plans .plan-item .list-items {
   margin-bottom: 1rem;
   padding: 0;
   margin-left: 0
}

.section.section-plans .plan-item .list-items .item {
   margin-bottom: 1rem;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   position: relative;
   padding-left: 30px;
   color: #767c89
}

.section.section-plans .plan-item .list-items .item::before {
   content: "";
   position: absolute;
   left: 0;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   background-image: url(../images/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: #9A30C3;
   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(../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: #9A30C3;
   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(../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(../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(../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(../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(../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: #9A30C3;
   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(../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(../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: #9A30C3
}

.footer.has_style2 {
   background: #fff
}

.footer .footer_text {
   max-width: 30rem;
   margin-left: 0
}

.footer .social_footer a, .footer .social_footer i {
   color: #10154e;
   font-size: 1.5rem
}

.footer .footer-desc {
   margin-bottom: 2rem
}

.footer .footer-desc .logo {
   margin-bottom: 1rem
}

.footer .footer-desc .logo img {
   height: 130px;
   /*width: 190px;*/
}

.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: #9A30C3
}

.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: #9A30C3
}

.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: #9A30C3
}

.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 #9A30C3;
   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 #9A30C3;
   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: #9A30C3
}

.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: #9A30C3;
   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: #9A30C3
}

.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: #9A30C3;
   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: #9A30C3 !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: #9A30C3;
   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(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: #9A30C3
}

@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: #9A30C3;
   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: #9A30C3
}

.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: #9A30C3;
   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: #9A30C3;
   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: #9A30C3;
   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: #9A30C3;
   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(../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: #9A30C3;
   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: #9A30C3
}

.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: #9A30C3;
   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: #9A30C3;
   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: #9A30C3;
   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(../img/others/buy-shape2.svg);
   position: absolute;
   right: 0;
   bottom: 4rem;
   height: 4rem;
   width: 4rem;
   z-index: 0
}

.index_page .buy::after {
   content: url(../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: #9A30C3;
   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(../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: #9A30C3;
   -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: #9A30C3;
   padding: 100px 0;
   position: relative;
   z-index: 0
}

.index_page .markerplace_slider::before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-image: url(../images/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: #9A30C3;
   -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: #9A30C3
}

.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: #9A30C3
}

.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: #9A30C3;
   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: #9A30C3;
   z-index: 0
}

.account_page .has_cover .right_part .right_part_wrap::before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-image: url(../images/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: #9A30C3 !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: #9A30C3
}

.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: #9A30C3;
   -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: #9A30C3;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   position: relative;
   z-index: 0
}

.article_page .blog-share::before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-image: url(../images/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: #9A30C3
}

.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: #9A30C3
}

.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: #9A30C3 !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: #9A30C3
}

.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: #9A30C3
}

.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: #9A30C3
}

.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: #9A30C3;
   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: #9A30C3;
   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: #9A30C3;
   position: relative;
   z-index: 0
}

.product_details .product_wrap .product_sidebar .plus_widget::before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-image: url(../images/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: #9A30C3
}

.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: #9A30C3;
   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: #9A30C3
}

.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: #9A30C3
}

.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: #9A30C3 !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%
}

/*# sourceMappingURL=style.css.map */