*{
    box-sizing: border-box;
}

body{
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-family: 'freizeit_trialregular';
}

.suspense{
    width: 100%;
    height: 100vh;
    background-color: rgb(8, 8, 8);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.not-found{
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.not-found-text{
  font-size: 150px;
  line-height: 50px;
}

.disabled{
  opacity: .35 !important;
  pointer-events: none !important;
}
.disabled-lt{
  opacity: .65 !important;
  pointer-events: none !important;
}
.disabled-pt{
  pointer-events: none !important;
}


a{
  text-decoration: none !important;
}

a:focus, a:active, .btn:focus, .btn:active{
  box-shadow: none !important;
  outline: none !important;
}

.container-fluid{
  width: 91%;
}

@media (min-width: 1280px){
  .container.md{
      max-width: 1216px;
  }
}

.placeholder{
    position: relative;
    width: 100%;
    height: 100px;
    background-color: #e0e4ec;
    z-index: 2;
    border-radius: 0;
    overflow-y: hidden;
    overflow-x: hidden;
}

.placeholder .activity{
    position: absolute;
    left: -45%;
    height: 100%;
    width: 45%;

    background-image: linear-gradient(to left, rgba(251,251,251, .05), rgba(251,251,251, .3), rgba(251,251,251, .6), rgba(251,251,251, .3), rgba(251,251,251, .05));
    background-image: -moz-linear-gradient(to left, rgba(251,251,251, .05), rgba(251,251,251, .3), rgba(251,251,251, .6), rgba(251,251,251, .3), rgba(251,251,251, .05));
    background-image: -webkit-linear-gradient(to left, rgba(251,251,251, .05), rgba(251,251,251, .3), rgba(251,251,251, .6), rgba(251,251,251, .3), rgba(251,251,251, .05));

    z-index: 3;
}

.placeholder .activity.flicker{
    animation: place-loading 1s infinite !important;
}

@keyframes place-loading{
    0%{
        left: -45%;
    }
    100%{
        left: 100%;
    }
}


.toast-inner{
    position: fixed;
    z-index: 5000;
    width: 300px;
    padding: 0.55rem 0.95rem;
    border-radius: 8px;
    min-height: 68px;
    background-color: #2196F3;
    box-shadow: 0 8px 40px 0 rgba(96, 108, 115, 0.2);
  
    top:0;
    margin-right: 2rem;
    margin-left: 2rem;
    line-height: 20px;
  }
  
  .toast-inner.top-left{
    top:0;
    margin-top: 3rem;
    left:0;
  }
  
  .toast-inner.top-right{
    top:0;
    margin-top: 3rem;
    right:0;
  }
  
  .toast-inner.top-center{
    top:0;
    margin-top: 3rem;
    margin-left:28%;
  }
  
  .toast-inner.bottom-left{
    bottom:0;
    margin-top: -3rem;
    left:0;
  }
  
  .toast-inner.bottom-right{
    bottom:0;
    margin-top: -3rem;
    right:0;
  }
  
  .toast-inner.bottom-center{
    bottom:0;
    margin-top: -3rem;
    margin-left:28%;
  }
  
  .mint-bg{
    background-color: #F6F7F9;
  }

  .logo-icon img{
    width: 100px;
  }
  .logo-icon.lg img{
    width: 130px;
  }

  /* brand colors */
 
  .brand-black{
    color: #01091E !important;
  }
  .bg-brand-black{
    background-color: #01091E !important;
  }

  .brand-mlblue{
    color: #C7C7F4 !important;
  }
  .bg-brand-mlblue{
    background-color: #C7C7F4 !important;
  }

  .brand-bdblue{
    color: #091532 !important;
  }
  .bg-brand-bdblue{
    background-color: #091532 !important;
  }

  .brand-slblue{
    color: #9CACD3 !important;
  }
  .bg-brand-slblue{
    background-color: #9CACD3 !important;
  }
  .brand-mblue{
    color: #4E587C !important;
  }
  .bg-brand-mblue{
    background-color: #4E587C !important;
  }
  .brand-lblue{
    color: #D5DDF0 !important;
  }
  .bg-brand-lblue{
    background-color: #D5DDF0 !important;
  }
  .brand-red, span.brand-red{
    color: #DA164E !important
  }
  .bg-brand-red{
    background-color: #DA164E !important
  }
  .brand-redgrad, span.brand-redgrad{
    color: linear-gradient(91.65deg,#FA386F 1.4%,#C9033B 116.97%);
  }
  .brand-blue, span.brand-blue{
    color: #031951 !important
  }
  .bg-brand-blue{
    background-color: #031951 !important
  }
  .brand-bluegrad, span.brand-bluegrad{
    color: linear-gradient(149deg,#07A1F6 1.4%,#052370 116.97%);
  }
  .brand-yellow, span.brand-yellow{
    color: #F7B331 !important
  }
  .bg-brand-yellow{
    background-color: #F7B331 !important
  }
  .brand-yellowgrad, span.brand-yellowgrad{
    color: linear-gradient(149deg,#F7B331 1.4%,#FA386F 116.97%);
  }

  /* gradients */
  .bg-ygradient,
  .bg-ygradient:active,
  .bg-ygradient:hover,
  .bg-ygradient:focus{
    background: linear-gradient(149deg,#F7B331 1.4%,#FA386F 116.97%);
  }
  .bg-ygradient.reverse,
  .bg-ygradient.reverse:hover,
  .bg-ygradient.reverse:active,
  .bg-ygradient.reverse:focus{
    background: linear-gradient(149deg,#FA386F 1.4%,#F7B331 116.97%) !important;
  }

  .bg-rgradient,
  .bg-rgradient:hover,
  .bg-rgradient:active,
  .bg-rgradient:focus{
    background: linear-gradient(149deg,#FA386F 1.4%,#C9033B 116.97%) !important;
  }
  .bg-rgradient.reverse,
  .bg-rgradient.reverse:hover,
  .bg-rgradient.reverse:active,
  .bg-rgradient.reverse:focus{
    background: linear-gradient(149deg,#C9033B 1.4%,#FA386F 116.97%) !important;
  }

  .bg-lbgradient,
  .bg-lbgradient:hover,
  .bg-lbgradient:active,
  .bg-lbgradient:focus{
    background: linear-gradient(118.83deg, #03BBFF 5.04%, #025EB3 117.47%) !important;
  }
  .bg-lbgradient.reverse,
  .bg-lbgradient.reverse:hover,
  .bg-lbgradient.reverse:active,
  .bg-lbgradient.reverse:focus{
    background: linear-gradient(118.83deg, #025EB3 117.47%,#03BBFF 5.04%) !important;
  }

  .bg-bgradient,
  .bg-bgradient:hover,
  .bg-bgradient:active,
  .bg-bgradient:focus{
    background: linear-gradient(149deg,rgba(7,161,246,1) 1.4%,rgba(5,35,112,1) 116.97%) !important;
  }
  .bg-bgradient.reverse,
  .bg-bgradient.reverse:hover,
  .bg-bgradient.reverse:active,
  .bg-bgradient.reverse:focus{
    background: linear-gradient(149deg,rgba(5,35,112,1) 1.4%, rgba(7,161,246,1) 116.97%) !important;
  }

  .bg-pgradient,
  .bg-pgradient:hover,
  .bg-pgradient:active,
  .bg-pgradient:focus{
    background: linear-gradient(90deg, rgba(250,56,111,1) 0%, rgba(192,29,219,1) 100%) !important;
  }

  .bg-vgradient,
  .bg-vgradient:hover,
  .bg-vgradient:active,
  .bg-vgradient:focus{
    background: linear-gradient(85.39deg, #981CFA 3.03%, #03CEDB 110.78%) !important;
  }

  .bg-pgradient.reverse,
  .bg-pgradient.reverse:hover,
  .bg-pgradient.reverse:active,
  .bg-pgradient.reverse:focus{
    background: linear-gradient(90deg, rgba(250,56,111,1) 0%, rgba(192,29,219,1) 100%) !important;
  }

  /* end brand colors */

  /* hero */ 
.hero{
    width: 100%;
  }
  .hero .hero-inner{
    height: 75vh;
    display: flex;
    align-items: center;
  }
  
  .hero.hero-home .hero-inner{
    height: unset;
    min-height: 100vh;
  }
  
  .hero .hero-inner.md{
    height: 60vh;
  }

  .hero .hero-inner.lmd{
    height: 75vh;
  }
  
  .hero .hero-inner.sm{
    height: 40vh;
  }
  
  .hero .hero-inner.top{
    background: rgb(8,22,25);
    background: linear-gradient(
    180deg, rgb(8 22 25 / 5%) 0%, rgb(8 22 25 / 2%) 100%);
  }
  
  .hero .hero-fixed{
    height: 100vh;
    background: rgb(8,22,25);
    background: linear-gradient(
    180deg, rgb(8 22 25 / 5%) 0%, rgb(8 22 25 / 2%) 100%);
  }
  
  .hero .caption, .hero .caption span{
    font-size: 86px;
    line-height: 105px;
    background: linear-gradient(163deg, rgba(255,255,255,1) 0%, rgba(181,242,255,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  .hero .caption.mini, .hero .caption.mini span{
    font-size: 30px;
    line-height: 45px;
  }
  
  .hero .caption.xs, .hero .caption.xs span{
    font-size: 45px;
    line-height: 55px;
  }
  
  .hero .caption.sm, .hero .caption.sm span{
    font-size: 51px;
    line-height: 56px;
  }
  
  .hero .caption.sml, .hero .caption.sml span{
    font-size: 56px;
    line-height: 58px;
  }
  
  .hero .caption.md, .hero .caption.md span{
    font-size: 56px;
    line-height: 58px;
  }
  
  .hero .caption-sub {
    display: inline-block;
    margin-bottom: 0.5rem;
  }
  
  .hero .light-box{
    width: 100%;
    background-color: #35b9df1c;
    border-radius: 30px;
    min-height: 350px;
    margin-top: 2rem;
  }

  /* end hero */

  /* navigation */
.header{
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    transition: all 0.15s ease;
  }
  
  .header.stick {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 1000;
  }
  
  .header.blocked{
    background-color: #01091E;
    /* box-shadow: 0 8px 40px 0 rgba(96, 108, 115, 0.1); */
  }
  .header.blocked.flat{
    background-color: #081C21;
  }
  
  .header.header-flat .logo-icon{
    width: 40px;
  }
  
  .main-nav .nav .nav-item a {
    position: relative;
  }
  
  .navigation {
    padding: 1rem 0;
  }

  .main-nav .nav-btn {
    padding: 12px 38px !important;
    font-size: 13px !important;
  }

  /* end navigation */

  /* buttons */
.btn{
    min-width: 100px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background-color: #23196D;
    border-radius: 6px;
  }
  
  .btn.sq{
    border-radius: 5px;
  }
  
  .btn.mini{
    padding: 0.55rem 0.8rem;
    font-size: 12px;
    min-width: 100px;
  }
  
  .btn.xs{
    padding: 0.45rem 0.8rem;
    min-width: 80px;
    font-size: 11px;
  }
  
  .btn.sm{
    padding: 0.5rem 0.8rem;
    font-size: 11px;
  }
  
  .btn.stretch{
    min-width: 140px;
  }
  
  .btn.stretch-md{
    min-width: 130px;
  }

  .btn.stretch-lg{
    min-width: 200px;
  }
  .btn.smd{
    padding: 0.65rem 1.1rem;
    font-size: 13px;
  }
  
  .btn.md{
    padding: 0.85rem 2.1rem;
    font-size: 13px;
  }
  
  .btn.sm.stretch{
    min-width: 170px;
  }

  .btn.md.stretch{
    min-width: 170px;
  }
  
  
  .btn.lg{
    padding: 0.96rem 1.5rem;
    font-size: 15px;
  }
  
  .btn.ghost{
    background-color: transparent !important;
    border:1px solid #fff;
    color: #fff;
  }
  
  .btn.ghost.ghost-orange{
    border:1px solid #F15424;
  }
  
  .btn.flexed{
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* end buttons */

  /* section */
.section{
    width: 100%;
  }
  
  .section-rel{
    position: relative;
  }
  
  .section .section-title{
    font-size: 25px;
  }
  
  .section .section-title.lg{
    font-size: 35px;
  }
  
  .section .section-title.xl{
    font-size: 42px;
  }
  
  .section .section-title.xxl{
    font-size: 50px;
  }
  
  .section.heigthed{
    min-height: 200px;
  }
  
  .section.heigthed.lg{
    min-height: 350px;
  }
  
  .section.heigthed.xl{
    min-height: 430px;
  }

  /* end section */

  /* dot */
.dot{
    display: inline-block;
    min-width: 7px;
    min-height: 7px;
    border-radius: 100px;
    position: relative;
    top:-1px;
    margin:0 0.2rem;
  }
  .dot.md{
    min-width: 10px;
    min-height: 10px;
  }
  
  .dot.success{
    background-color: #09AB5D;
    color: #09AB5D;
  }
  .dot-text.success{
    color: #09AB5D;
  }
  
  .dot.error{
    background-color: #e01e1e;
    color: #e01e1e;
  }
  .dot-text.error{
    color: #e01e1e;
  }
  
  .dot.pending{
    background-color: #ffb413;
    color: #f1a604;
  }
  
  .dot-text.pending{
    color: #f1a604;
  }
  
  .dot.processing{
    background-color: #530cf8;
    color: #4504dd;
  }
  
  .dot-text.processing{
    color: #4504dd;
  }
  
  .dot.cancelled{
    background-color: #f8630c;
    color: #eb5904;
  }
  
  .dot-text.cancelled{
    color: #eb5904;
  }
  
  .dot-link{
    display: inline-flex;
    width: 18px;
    height: 18px;
    border-radius: 100px;
    position: relative;
    align-items: center;
    justify-content: center;
    background-color: #FFF8F4;
    top: 1px;
  }
  .dot-link.md{
    width: 24px;
    height: 24px;
  }
  .dot-link span,.dot-link span{
    position: relative;
    color: #0F2A31;
  }
  /* end dot */

    /* carousel */
.owl-carousel.owl-theme .owl-nav{
    display: block !important;
    margin-top: 15px;
  }
  
  .owl-carousel.owl-theme .owl-nav button span{
    font-size: 24px;
  }
  
  .owl-carousel.owl-theme .owl-nav button{
    margin: 0 1.5rem;
  }
  
  .owl-carousel.owl-theme .owl-nav button:first-child{
    margin-left: 0;
  }
  
  .owl-carousel.owl-theme .owl-nav button:last-child{
    margin-right: 0;
  }
  
  .owl-carousel.owl-theme .owl-nav button:hover,
  .owl-carousel.owl-theme .owl-nav button:active,
  .owl-carousel.owl-theme .owl-nav button:focus,
  .owl-carousel.owl-theme .owl-dots button:hover,
  .owl-carousel.owl-theme .owl-dots button:active,
  .owl-carousel.owl-theme .owl-dots button:focus{
    background-color: transparent;
    box-shadow: none;
    outline: none;
    border: none;
  }
  
  .owl-carousel.owl-theme .owl-nav button:hover span{
    color: #E54600;
  }

  /* end carousel */

  /* pagination */
.pagi-box{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.8rem 0;
  }
    
  .pagi-box.lg{
    padding: 1.5rem 0;
  }
  
  .pagi-box .pagination .page-item .page-link {
    background-color: #fff6f2;
    color: #204650;
    font-family: 'freizeit_trialregular';
  }
  
  .pagi-box .pagination .page-item .page-link .fe {
    position: relative;
    top: 2px;
  }
  
  .pagi-box .pagination .page-item .page-link:hover,
  .pagi-box .pagination .page-item.active .page-link {
    background-color: #E54600;
    color: #fff;
  }
  
  .pagi-box .pagination.md .page-link{
    padding: 0.25rem 0.6rem;
  }
  
  .flex-height{
    height: 100vh;
  }

  /* end pagination */

  /* form styles */
form .form-group, .form .form-group{
    margin-bottom: 0.4rem;
  }
  
  .form .password-input, form .password-input{
    position: relative;
  }
  
  .form .password-input .eye, form .password-input .eye{
    position: absolute !important;
    right: 1.5rem;
    top: 1rem;
  }
  
  .form .icon-input input, form .icon-input input{
    padding-right: 2.7rem;
  }
  
  .form .icon-input, form .icon-input{
    position: relative !important;
  }
  
  .form .icon-input .icon, form .icon-input .icon{
    position: absolute !important;
    right: 1rem;
    top: 0.1rem;
  }
  
  .form .icon-input input, form .icon-input input{
    padding-right: 2.7rem;
  }
  
  .form .search{
    width: 500px !important;
  }
  
  .form .form-control{
    border-radius: 6px;
    /* border: 1px solid #C9DFEA; */
    background-color: #ffffff;
    width: 100% !important;
    min-height: 45px !important;
    padding: 0 1rem;
  }
  
  .form.auth-form .form-control {
    background: #F6F7F9;
    border: 1px solid #DCE0E8;
  }
  
  .form.auth-form .form-control:active,
  .form.auth-form .form-control:focus{
    background: transparent;
    border: 1px solid #0383b3;
  }
  
  .form .form-control.sm{
    min-height: 36px !important;
    height: 36px !important;
  }
  
  .form .form-control.md{
    min-height: 45px !important;
    height: 45px !important;
  }
  
  .form .form-control.lg{
    min-height: 50px;
    height: 50px;
  }
  
  .form .form-control.xl{
    min-height: 55px !important;
    height: 55px !important;
  }
  
  .form .form-control.long{
    min-height: 145px !important;
  }
  
  .form .form-control.readonly{
    border: none !important;
    background-color: #e4e8f3;
  }
  
  .form textarea.form-control{
    padding: 1rem 1rem;
    height: 126px !important;
    min-height: 126px !important;
  }
  
  .form .flatpickr-input{
    border-radius: 6px;
    border: 1px solid rgba(0, 40, 100, 0.12);
    background-color: #ffffff;
    width: 100% !important;
    min-height: 45px !important;
    font-family: 'freizeit_trialregular';
    font-size: 14 !important;
    padding: 0 0.85rem;
  }
  
  .form .form-pickr.flatpickr-input{
    height: 50px;
  }
  
  .flatpickr-weekdays{
    background-color: #E54600 !important;
  }
  span.flatpickr-weekday {
    background-color: transparent !important;
    color: #fff !important;
  }
  .flatpickr-months .flatpickr-month {
    background: #E54600 !important;
  }
  
  .flatpickr-current-month .flatpickr-monthDropdown-months {
    background: #E54600 !important;
  }
  
  .flatpickr-calendar.arrowTop:after {
    border-bottom-color: #E54600 !important;
  }
  
  .flatpickr-day.selected{
    background: #E54600 !important;
    border-color: #E54600 !important;
  }
  
  .form select.form-control{
    min-height: 50px !important;
    border-radius: 6px !important;
  }
  .form .form-control:focus,
  .form .form-control:active{
    box-shadow: none !important;
    outline: none !important;
    border: 1px solid #6d6d6c;
  }
  
  .custom-control.custom-checkbox label span,
  .custom-control.custom-checkbox label a{
    position: relative;
    top: -4px
  }
  
  .custom-control.custom-radio label span,
  .custom-control.custom-radio label a{
    position: relative;
    top: -4px
  }
  
  .form .select-box .control {
    min-height: 43px;
    height: 43px;
    font-family: 'freizeit_trialregular';
  }
  
  .form .select-box .control .single {
    padding: 0.2rem 0.8rem;
  }
  
  .form-box .select-box.lg .control{
    min-height: 48px;
    height: 48px;
    background-color: #fff;
    border-radius: 6px;
  }

  input::placeholder, textarea::placeholder{
    color: #4C649D !important;
  }
  
  .form-box .select-box.lg{
    border-radius: 6px;
  }
  
  .form .select-box .menu .menu-search,
  .form .select-box .menu .menu__no-data,
  .form .select-box .menu .menu-list,
  .select-box .menu .menu-search,
  .select-box .menu .menu__no-data,
  .select-box .menu .menu-list {
    font-family: 'inter';
  }
  
  .form .select-box.long-drop .control .single{
    width: 93%; 
  }
  
  .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #F45726;
  }
  
  .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #F45726;
  }

  .boundless-input {
    border: 1px solid rgba(0, 40, 100, 0.12);
    border-radius: 6px;
    display: flex;
    align-items: center;
  }
  
  .boundless-input input {
    border: none !important;
    width: 39.5%;
  }
  
  .boundless-input .auth-drop {
    border: none !important;
    width: 60%;
  }
  
  .boundless-input .auth-drop.sm {
    border: none !important;
    width: 40%;
  }
  
  .boundless-input .auth-drop.lg {
    width: 90%;
  }
  
  .form .select-box.boundless .control .single {
    padding: 0.2rem 0.8rem;
    padding-right: 0rem !important;
    font-family: 'matterregular';
  }
  
  .boundless-input .div {
    height: 25px;
    width: 1px;
    background-color: #9aa7b9;
  }
  
  .boundless-input .select-box .menu {
    width: 210px;
    font-family: 'inter';
  }

  .boundless-input .select-box .menu .menu-list {
    max-height: 150px;
  }
  
  .select-box .menu .menu-search .menu-search__input {
    height: 28px !important;
    font-family: 'inter';
  }
  
  .select-box .menu .menu__option .option__label,
  .select-box .control .single .left {
    font-family: 'inter';
  }

  .select-box .control .single .left{
    color: #fff !important;
  }
  
  .select-box .menu .menu-search .search-icon {
    top: 0.8rem !important;
  }

/* end form styles */

/* rwt-tabs */
.rwt__tablist{
    border-bottom: 1px solid rgba(0,0,0,0.09);
    display: flex;
}

.rwt__tab{
    /* width: 33.33%; */
    text-align: center;
    color:rgba(0,0,0,0.25);
    cursor: pointer;
    background: transparent;
    outline: none;
    border: none;
    padding: 0.2rem 0.8rem !important;

}
.rwt__tab:active, .rwt__tab:focus{
    border: none;
    box-shadow: none;
    outline: none;
}
.rwt__tab[aria-selected="true"] {
    color: #F45726;
    border-bottom: 3px solid #F45726 !important;
}

/* end rwt-tabs */

/* table */
.table tbody.sm td,
.table thead.sm th {
  padding: 0.55rem;
}

.table tbody.xsm td,
.table thead.xsm th {
  padding: 0.35rem;
}

/* end table */

/* footer media */
.social_media li {
    margin: 0 0.3rem;
  }

.social_media li:first-child {
  margin-left: 0 !important;
}
  
.social_media li a{
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  font-size: 12px;
  color: #0E0C59 !important;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  background-color: #f9f5ff;
  /* border:1px solid #ebdbfd; */
}
  
.social_media .fab{
  position: relative;
  top: 1px;
}

.footer-nav a img {
  height: 24.16px !important;
}

.footer-nav ul, .footer-nav-social ul {
  list-style: none;
  display: flex;
}

.footer-nav-social ul li {
  margin: 0 .3rem;
}

.footer-nav ul li {
  margin: 0 1.5rem;
}
/* end footer media */

/* loader */
.in-loader {
    display: inline-block;
    border: 5px solid transparent; /* Light grey */
    border-top: 5px solid #37269a; /* Blue */
    border-radius: 100%;
    width: 80px;
    height: 80px;
    animation: spin 0.8s linear infinite;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.in-loader.white {
    border-top: 5px solid #fff !important;
}

.in-loader.md {
    width: 55px;
    height: 55px;
}

.in-loader.md.white {
    border-top: 5px solid #fff !important;
}

.in-loader.sm {
    width: 25px;
    height: 25px;
    border-top: 2px solid #0f3361 !important; 
}

.in-loader.xsm {
    width: 20px;
    height: 20px;
    border-top: 2px solid #2196F3 !important; 
}

.in-loader.sm.white {
    border-top: 2px solid #fff !important; /* Blue */
}

.in-loader.xsm.white {
    border-top: 2px solid #fff !important; /* Blue */
}

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

/* end loader */

/* link round */
.link-round {
    width: 35px;
    height: 35px;
    display: inline-flex;
    border-radius: 100px;
    border: 1px solid rgba(0,0,0,0.04);
    align-items: center;
    justify-content: center;
    color: #0F2A31;
    outline: none !important;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    transition: all 0.15s ease;
  }
  
  .link-round.mini{
    width: 20px;
    height: 20px;
  }
  
  .link-round.md{
    width: 45px;
    height: 45px;
  }

  .link-round.mdx{
    width: 50px;
    height: 50px;
  }
  
  .link-round.sm{
    width: 25px;
    height: 25px;
  }

  .link-round.lg{
    width: 60px;
    height: 60px;
  }
  
  .link-round.cornered{
    border-radius: 5px;
  }
  
  .link-round.default{
    background-color: #ddd;
  }
  
  .link-round.ash{
    background-color: #f1f3fb;
  }
  
  .link-round:hover{
    color: #fff !important;
    background-color: #F45726 !important;
  }

/* end link round */

/* text-elipsis */
.text-elipsis {
    display: inline-block;
    text-overflow: ellipsis !important;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 50%;
    white-space: nowrap;
  }
  
  .text-elipsis.md {
    width: 30%;
  }
  
  .text-elipsis.sm {
    width: 15%;
  }
  
  .text-elipsis.mdl {
    width: 50%;
  }
  
  .text-elipsis.lg {
    width: 70%;
  }
  
  .text-elipsis.xl {
    width: 90%;
  }
/* end text-elipsis */

/* custom-badge */
.custom-badge{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #03002E;
    background-color: #e7ebf2;
    min-width: 70px;
    padding: 0 0.6rem;
    padding-bottom: 0.15rem;
    height: 20px;
    border-radius: 100px;
    margin:0 5px;
    position: relative;
    top: -1px;
    font-size: 12px;
  }
  .custom-badge.green{
    background-color: #09AB5D;
    color: #fff;
  }
  .custom-badge.yellow{
    background-color: #f1a604;
    color: #fff;
  }
  .custom-badge.purple{
    background-color: #3705ad;
    color: #fff;
  }
/* end custom-badge */

/* ---- GENERICS ---- */

.auth-form{
    width: 100%;
  }
  .auth-form .form-inner{
    padding: 0 2rem;
  }
  
  .auth-form .form-box{
    padding: 1.5rem 2.7rem;
    border-radius: 30px;
    background-color: #26187B;
  }
  .auth-form .auth-logo img{
    width: 200px;
  }
  .auth-form .form-control{
    border-radius: 10px;
    background-color: #38279C !important;
    border-color: #38279C !important;
    height: 55px !important;
    color: #fff !important;
  }
  .auth-form .auth-drop{
    border-radius: 10px;
    background-color: #38279C !important;
    border-color: #38279C !important;
  }
  .auth-form .auth-drop .menu .menu__option .option__label,
  .auth-form .auth-drop .menu input {
    font-family: 'freizeit_trialregular' !important;
  }
  .auth-form .auth-drop .control{
    min-height: 55px;
    border-radius: 10px;
  }
  .auth-form .auth-drop .control .single .single__image img {
    width: 33px;
    position: relative;
    left: 0.3rem;
  }
  .auth-form .auth-drop .control .indicator .arrow {
    position: relative;
    width: 33px;
    height: 27px;
    right: 0.3rem;
    fill: #7863F2;
  }
  .auth-form .auth-drop .menu {
    width: 200px;
    left: -84px !important;
    margin-top: 60px !important;
  }
  .auth-form .btn{
    border-radius: 10px;
  }

  [class*='xp-'] .path1::before{
    color: #7863F2
  }
  [class*='xp-'] .path2::before{
    color: #c5bbfd
  }
  
  [class*='xp-'].dark .path1::before{
    color: #37269a
  }
  [class*='xp-'].dark .path2::before{
    color: #5e47e4
  }

.form-drop .menu .menu__option .option__label,
.form-drop .menu input, .form-drop .control {
  font-family: 'freizeit_trialregular' !important;
}
.form-drop{
  border-radius: 6px !important;
  border: 1px solid rgba(0, 40, 100, 0.12) !important;
}
.form-drop .control{
  min-height: 48px !important;
  border-radius: 10px;
}
.form-drop .control .single .single__image img {
  width: 33px;
  position: relative;
  left: 0.3rem;
}

.soon-blob{
  display: inline-block;
  width: 27%;
  border-radius: 100px;
  padding: 0.08rem 0.9rem;
}

.hero-logo{
  width: 250px;
}

.hero .social_media li a{
  width: 47px;
  height: 47px;
}

.hero .social_media .fab{
  font-size: 18px;
  top: -1px;
}

.icon-box{
  width: 67px;
  height: 67px;
  border-radius: 0.5em;
  background-color: rgba(34, 45, 85, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-box img{
  width: 35px;
  height: 35px;
}

.section.works{
  overflow-y: hidden;
}

.apw-glow{
  width: 100%;
  top:0;
  left: 0;
  z-index: 2;
}
.apw-glow img{
  width: 100%;
}

.work-box{
  width: 100%;
  min-height: 510px;
  border-radius: 12px;
}
.work-box.lg{
  min-height: 600px;
}
.work-box.sm{
  min-height: 277px;
}

.work-box.parent{
  overflow: hidden;
}

.work-box .child-box{
  width: 100%;
  height: 510px;
  border-radius: 12px;

  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.work-box.lg .child-box{
  height: 600px;
}

.work-box.sm .child-box{
  height: 277px;
}

.work-box.long.double{
  height: 280px;
  
}

.work-box.parent:hover .child-box{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
}

.work-box .work-link{
  width: 90%;
  left: 4.8%;
  bottom: 1.5rem;
  background-color: rgba(2,17,56,0.86);
  border-radius: 8px;
  padding: 1rem 1.3rem;
  z-index: 2;
  display: flex;
  align-items: center;
}

.work-box .work-link.md{
  width: 42%;
}

.work-box .work-link.lmd{
  width: 65%;
}

.work-box .work-link.sm{
  width: 50%;
}

.work-box .work-link.xsm.right{
  margin-left: auto;
  width: 32%;
  right: 3.8% !important;
}

.services .row.list [class*='col-md-']{
  margin-bottom: 1.5rem;
}

.servi-box{
  width: 100%;
  padding: 1.7rem 1.8rem;
  border-radius: 14px;
  background-color: #131956;
}
.servi-box img{
  width: 70px;
}
.servi-box img.bulb{
  width: 40px;
}
.servi-box img.code{
  width: 60px;
}
.servi-box img.circle{
  width: 43px;
}
.servi-box img.star{
  width: 50px;
}
.servi-box img.book{
  width: 37px;
}
.servi-box img.rec{
  width: 25px;
}
.prod-box{
  width: 100%;
  border-radius: 12px;
  padding: 1rem 1.5rem;
  background-color: #0B0F34;
  min-height: 350px;
}
.prod-box.lg{
  padding: 2.5rem 3.5rem;
}
.prod-box .stockr-logo{
  width:180px;
}
.ext-arrow{
  top: 3px;
}
.ext-arrow::before{
  display: inline-block;
  -webkit-transform: rotate(327deg);
  -moz-transform: rotate(327deg);
  transform: rotate(327deg);
}

.story-box{
  width: 100%;
  display: flex;
  min-height: 500px;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
}

.stroke-arrow{
  max-width: 400px;
  left: -2rem;
}

.float-box{
  width: 100%;
  padding: 1.5rem 3.1rem;
  border-radius: 12px;
  min-height: 550px;
}

.mb-menu{
  width: 100%;
  position: absolute;
  background-color: #fff;
  z-index: 1002;
  border-radius: 5px;
  min-height: 250px;
}

.mb-menu .mb-menu-container{
  width: 87%;
  margin: 0 auto;
  min-height: 5px;
}

.mb-menu .menu-head{
  width: 100%;
  display: flex;
  align-items: center;
  padding: 1rem 0;
}

.mb-menu .menu-body{
  width: 100%;
}

.mb-menu .menu-body ul{
  width: 100%;
  padding: 1.6rem 0;
  list-style: none;
}

.mb-menu .menu-body ul li{
  width: 100%;
  margin: 0.35rem 0;
  display: block;
}

.mb-menu .menu-body ul li a{
  display: inline-block;
  width: 100%;
  padding: 0.4rem 0;
}

/* ---- END GENERICS ---- */