.authorized .footer{
          display: none ;
     }
          #signup  .header{
               display: none !important;
          }
          #signup footer{
               display: none !important;
          }
        
          .authorized  .dropdown-toggle.btn-default{
               background: #ffff !important;
               border: 1px solid #fa329c !important;
               border-radius: 15px !important;
               line-height: 20px;
               padding: 14px 18px;
               outline: none;
               font-weight: 600;
               font-size: 14px;
               line-height: 17px;
               color: #fa329c !important;
          }

      .authorized .dropdown-menu.inner 
     .authorized .appAuth {
          position: relative;
          min-height: auto !important;
     }
     .authorized  .dropdown-toggle.btn-default:hover{
          transform: scale(1) !important;
     }
          .authorized  .dropdown-toggle.btn-default:focus{
               outline: none !important;
               box-shadow: none !important;
               border: 1px solid #fa329c !important;
          }
          .authorized #OrderService.form-select, #OrderService.form-control{
               padding: 1px 20px !important;
          }
          .authorized .bootstrap-select .dropdown-menu li a {
               padding: 15px !important;
               color: #fa329c !important;
               text-transform: capitalize;
               margin-bottom: 10px;
           }
     
         .authorized .bootstrap-select .dropdown-menu li {
          position: relative;
          margin: 22px 10px !important;
          color: #fa329c !important;
          border-bottom: 1px solid #252525;
          margin-bottom: 10px;
          padding-bottom: 10px;
      }
     
          .authorized .bootstrap-select .dropdown-menu.inner{
               max-height: 400px;
         display: block !important;
          }
          .pricing .service-item .sp-serv-title{
           color: #252525 !important;
          }
          .pricing  #cat_filter .dropdown-menu.show{
           height: 200px !important;
           overflow-y: auto;
          }
          .pricing .si-wrapper .service-item .s-row {
           display: flex;
           align-items: center;
           gap: 4px !important;
           justify-content: center;
       }
       .pricing   .modal-body{
        color:#252525 !important;
        background-color: #ffff;
       }
       .pricing .service-list .si-header{
        text-transform: capitalize;
        color: #fff !important;
       }
       .authorized .form-select, select.form-control {
        
        line-height: 20px;
        padding: 5px !important;
        border: 1px solid #fa329c;
        color: #fa329c !important;
       }
       .authorized .form-select, select.form-control:focus{
          border: 1px solid #fa329c !important;
       }
       pre{
        color: #252525 !important;
       }
      .unauthorized .appAuth {
        position: relative;
        min-height: 100vh;
        background: #ffff;
        padding-left: inherit;
        padding-top: 150px;
        color: #252525;
     }
     .api .appAuth .api-first .card-border{
          height: 150px;
     }
     .authorized .ticket-message .message {
          background: #7750f6 !important;
          border-radius: 10px;
          padding: 10px;
          color: #ffff !important;
      }
     
     .authorized .sbMenu .mLink .badge{
          background-color: #fff;
          color: #7750f6;
          width: 20px;
          height: 20px;
          border-radius: 17px;
          position: absolute;
          right: 0px;
          top: 20px;
          display: flex;
          justify-content: center;
          align-items: center;
     }
     #order-page .cancel-btn{
          padding: 8px !important;
          border-radius: 8px !important;
          font-size: 10px !important;
     }
     .btn-dark{
        background:linear-gradient(
          to right,
          rgba(250, 50, 157, 1) 0%,
          rgba(162, 13, 160, 1) 100%
        ) !important;
        color: #fff !important;
        border-color: #fa329c;
     }
     
      .unauthorized .logbox-content .checkbox label{
          color: #ffff !important;
     }
     .card-body{
        color: #252525 !important;
     }
     .unauthorized .logbox-content form .btn.btn-primary{
          background: linear-gradient(
               to right,
               rgba(250, 50, 157, 1) 0%,
               rgba(162, 13, 160, 1) 100%
             ) !important;
          color: #fff !important;
     }
     .unauthorized .logbox-content form .btn.btn-primary:hover{
          background: linear-gradient(
               to right,
               rgba(250, 50, 157, 1) 0%,
               rgba(162, 13, 160, 1) 100%
             ) !important;
          color: #fff !important;
     }
     .unauthorized input:-webkit-autofill, .unauthorized       input:-webkit-autofill:hover, .unauthorized input:-webkit-autofill:focus,    .unauthorized input:-webkit-autofill:active {
          box-shadow: 0 0 0 30px transparent inset !important;
          -webkit-text-fill-color: #595656 !important;
      }
     
      .authorized input:-webkit-autofill, .authorized       input:-webkit-autofill:hover, .authorized input:-webkit-autofill:focus,    .authorized input:-webkit-autofill:active {
          box-shadow: 0 0 0 30px transparent inset !important;
          -webkit-text-fill-color: #595656 !important;
      }
     
     .unauthorized .mIcon{
     display: none ;
     }
     
     
     
     
     
     
     
     
     
     
     
     
     @import "https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700;800;900&display=swap";
     
     html,
     body {
          font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
     }
     a {
          color: #7750f6;
     }
     body {
          background-color: #fff;
          color: #252525 !important;
     }
     
     .clearfix {
          clear: both
     }
     
     a,
     a:hover,
     a:focus {
          text-decoration: none
     }
     
     .hidden {
          display: none !important
     }
     
     ::-webkit-scrollbar {
          width: 7px;
          height: 7px
     }
     
     ::-webkit-scrollbar-thumb {
          background: #ccc;
          border-radius: 5px
     }
     
     ::-webkit-scrollbar-track {
          background: transparent
     }
     
     .header {
          height: 100px;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          z-index: 1000;
          margin-top: 0px;
          background-color: #fff;
    border-bottom: 1px solid #e7ebf6;
    box-shadow: 0 1px 10px rgb(0 0 0 / 10%);
     }
     
     .header .site-icon-container {
          display: inline-block
     }
     
     .header .site-icon-container img {
          max-height: 54px;
          width: auto
     }
     
     .header .site-name {
          font-size: 30px;
          color: #fff;
          font-weight: 300;
          line-height: 54px;
          letter-spacing: .8px;
          margin-left: -10px
     }
     
     .header .site-name img {
          height: 100%;
     }
     
     .header .header-menu ul {
          margin: 0;
          padding: 0;
          list-style: none
     }
     
     .header .header-menu ul li {
          display: inline-block;
          padding: 0 25px
     }
     
     .header .header-menu ul li.active a {
          color: #fff !important
     }
     
     .header .header-menu ul li a {
          color:#252525;
          text-decoration: none;
          font-size: 17px;
          display: block;
          font-weight: 600;
          height: 100px;
          line-height: 100px;
          position: relative;
          -webkit-transition: .2s ease;
          transition: .2s ease
     }
     
     .header .header-menu ul li a:hover {
          color:#fa329c;
               
     }
     
     .home-menu-btn {
          display: none
     }
     
     .home-head {
          width: 100%;
          overflow: hidden;
          position: relative;
          padding: 130px 0 40px
     }
     
     .home-head .bub-items {
          position: absolute;
          z-index: 32;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0
     }
     
     .home-head .bub-items>* {
          position: absolute
     }
     
     .home-head .bub-items .bubi-0 {
          left: -180px;
          top: 50px;
          -webkit-animation: heart 3s infinite;
          animation: heart 3s infinite
     }
     
     .home-head .bub-items .bubi-1 {
          left: -207px;
          bottom: 220px;
          -webkit-animation: animateTwo 7s infinite;
          animation: animateTwo 7s infinite
     }
     
     .home-head .bub-items .bubi-2 {
          right: -290px;
          top: 60px;
          -webkit-animation: animateTwo 7s infinite;
          animation: animateTwo 7s infinite
     }
     
     .home-head .bub-items .bubi-3 {
          right: -150px;
          top: 360px;
          -webkit-animation: animateFour 5s infinite;
          animation: animateFour 5s infinite
     }
     
     @-webkit-keyframes heart {
          0% {
               -webkit-transform: scale(1);
               transform: scale(1)
          }
     
          50% {
               -webkit-transform: scale(1.3);
               transform: scale(1.3)
          }
     
          100% {
               -webkit-transform: scale(1);
               transform: scale(1)
          }
     }
     
     @keyframes heart {
          0% {
               -webkit-transform: scale(1);
               transform: scale(1)
          }
     
          50% {
               -webkit-transform: scale(1.3);
               transform: scale(1.3)
          }
     
          100% {
               -webkit-transform: scale(1);
               transform: scale(1)
          }
     }
     
     @-webkit-keyframes animateTwo {
          0% {
               -webkit-transform: translateX(0) translateY(0);
               transform: translateX(0) translateY(0)
          }
     
          20% {
               -webkit-transform: translateX(20px) translateY(15px) scale(1.1);
               transform: translateX(20px) translateY(15px) scale(1.1)
          }
     
          56% {
               -webkit-transform: translateX(-5px) translateY(24px) scale(1);
               transform: translateX(-5px) translateY(24px) scale(1)
          }
     
          75% {
               -webkit-transform: translateX(30px) translateY(-5px) scale(1);
               transform: translateX(30px) translateY(-5px) scale(1)
          }
     
          100% {
               -webkit-transform: translateX(0) translateY(0) scale(1);
               transform: translateX(0) translateY(0) scale(1)
          }
     }
     
     @keyframes animateTwo {
          0% {
               -webkit-transform: translateX(0) translateY(0);
               transform: translateX(0) translateY(0)
          }
     
          20% {
               -webkit-transform: translateX(20px) translateY(15px) scale(1.1);
               transform: translateX(20px) translateY(15px) scale(1.1)
          }
     
          56% {
               -webkit-transform: translateX(-5px) translateY(24px) scale(1);
               transform: translateX(-5px) translateY(24px) scale(1)
          }
     
          75% {
               -webkit-transform: translateX(30px) translateY(-5px) scale(1);
               transform: translateX(30px) translateY(-5px) scale(1)
          }
     
          100% {
               -webkit-transform: translateX(0) translateY(0) scale(1);
               transform: translateX(0) translateY(0) scale(1)
          }
     }
     
     @-webkit-keyframes animateFour {
          0% {
               -webkit-transform: translateX(0) translateY(0);
               transform: translateX(0) translateY(0)
          }
     
          20% {
               -webkit-transform: translateX(-4px) translateY(28px) scale(1.1);
               transform: translateX(-4px) translateY(28px) scale(1.1)
          }
     
          56% {
               -webkit-transform: translateX(-16px) translateY(-14px) scale(1);
               transform: translateX(-16px) translateY(-14px) scale(1)
          }
     
          75% {
               -webkit-transform: translateX(24px) translateY(23px) scale(1.4);
               transform: translateX(24px) translateY(23px) scale(1.4)
          }
     
          100% {
               -webkit-transform: translateX(0) translateY(0) scale(1);
               transform: translateX(0) translateY(0) scale(1)
          }
     }
     
     @keyframes animateFour {
          0% {
               -webkit-transform: translateX(0) translateY(0);
               transform: translateX(0) translateY(0)
          }
     
          20% {
               -webkit-transform: translateX(-4px) translateY(28px) scale(1.1);
               transform: translateX(-4px) translateY(28px) scale(1.1)
          }
     
          56% {
               -webkit-transform: translateX(-16px) translateY(-14px) scale(1);
               transform: translateX(-16px) translateY(-14px) scale(1)
          }
     
          75% {
               -webkit-transform: translateX(24px) translateY(23px) scale(1.4);
               transform: translateX(24px) translateY(23px) scale(1.4)
          }
     
          100% {
               -webkit-transform: translateX(0) translateY(0) scale(1);
               transform: translateX(0) translateY(0) scale(1)
          }
     }
     
     .home-head .home-head-real-content {
          z-index: 38;
          position: relative
     }
     
     .home-head .home-head-bg {
          background-image: url("https://res.cloudinary.com/sol-0123456789/image/upload/v1678179100/userkv/fnwje386sl0izupu_cwxcjs.png");
          background-size: cover;
          background-position: top center;
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          z-index: 0
     }
     
     .home-head .home-head-content {
          z-index: 100;
          position: relative;
          padding: 100px 0;
          z-index: 33
     }
     
     .home-head .hh-left-badge {
          background:linear-gradient(
               to right,
               rgba(250, 50, 157, 1) 0%,
               rgba(162, 13, 160, 1) 100%
             );
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          height: 50px;
          border-radius: 25px;
          padding-right: 10px
     }
     
     .home-head .hh-left-badge .hhlb-icon {
          background: #fff;
          color: #fa329c;
          margin: 5px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          height: 40px;
          width: 40px;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          border-radius: 50%
     }
     
     .home-head .hh-left-badge .hhlb-text {
          padding: 15px 14px;
          color: #fff;
          font-weight: 600;
          line-height: 20px;
          font-size: 13px
     }
     
     .home-head .hl-title {
          font-size: 38px;
          line-height: 56px;
          font-weight: 600;
          margin-top: 42px;
          margin-bottom: 40px;
          color: #252525;
     }
     
     .home-head .hl-text {
          color: #252525;
          font-size: 18px;
          line-height: 30px;
          font-weight: 400
     }
     
     .hl-btns {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin-top: 50px;
          margin-left: -8px;
          margin-right: -8px
     }
     
     .hl-btns>a {
          margin: 8px
     }
     
     .logbox {
          position: relative
     }
     
     .logbox::before {
          content: '';
          position: absolute;
          z-index: 14;
          left: -3px;
          top: -3px;
          right: -3px;
          bottom: -3px;
          background: #fa329c;
         
          border-radius: 12.4px
     }
     
     .logbox .logbox-content {
          background: linear-gradient(
               to right,
               rgba(250, 50, 157, 1) 0%,
               rgba(162, 13, 160, 1) 100%
             );
          border-radius: 12px;
          position: relative;
          z-index: 15;
          padding: 56px 30px 25px
     }
     
     .logbox .logbox-title {
          font-size: 21px;
          font-weight: 600;
          color: #fff;
          text-align: center;
          padding-bottom: 40px
     }
     
     .hl-input {
          position: relative;
          margin-bottom: 28px
     }
     
     .hl-input input:focus~.floating-label,
     .hl-input input:not(:focus):valid~.floating-label {
          top: 14px;
          -webkit-transform: translateY(0);
          transform: translateY(0);
          bottom: 10px;
          font-size: 13px;
          opacity: 1
     }
     
     .hl-input input:focus {
          border-color: #ffff !important
     }
     
     .hl-input .inputText {
          width: 100%;
          color: #252525;
          font-size: 16px;
          font-weight: 600;
          border-radius: 15px;
          background: #ffff;
          border: 2px solid #fff;
          outline: none;
          padding: 38px 16px 28px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box
     }
     
     .hl-input .floating-label {
          position: absolute;
          pointer-events: none;
          left: 13px;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          -webkit-transition: .2s ease all;
          transition: .2s ease all;
          color: #32495E;
          font-weight: 600
     }
     
     .hl-special:first-child {
          border: none !important
     }
     
     .hl-special {
          border: 2px solid #fff;
          background: #fff;
          display: block;
          line-height: 20px;
          font-size: 12px;
          color: #fa329c;
          text-align: center;
          padding: 12px 20px;
          border-radius: 10px;
          overflow: hidden;
          cursor: pointer;
          height: 48px !important;
          -webkit-transition: .14s ease;
          transition: .14s ease;
          text-decoration: none;
          font-weight: 600
     }
     
     .hl-special:hover {
          text-decoration: none !important;
          border-color: "";
          color:#7750f6;
          -webkit-transform: scale(0.94);
          transform: scale(0.94);
          opacity: .9
     }
     
     .custom-check {
          display: block;
          position: relative;
          cursor: pointer;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none
     }
     
     .custom-check input {
          position: absolute;
          opacity: 0;
          cursor: pointer;
          height: 0;
          width: 0;
          display: none
     }
     
     .custom-check label {
          position: relative;
          z-index: 25
     }
     
     .custom-check .checkmark {
          position: absolute;
          top: 2px;
          left: 2px;
          right: 2px;
          bottom: 2px;
          background-color: transparent;
          -webkit-transition: .14s ease;
          transition: .14s ease;
          border-radius: 10px
     }
     
     .custom-check:hover input~.checkmark {
          background-color: transparent
     }
     
     .custom-check input:checked~.checkmark {
          background-color: #e84393
     }
     
     .custom-check .checkmark:after {
          content: "";
          position: absolute;
          display: none
     }
     
     .custom-check input:checked~.checkmark:after {
          display: block
     }
     
     .custom-check .checkmark:after {
          left: 20px;
          top: 12px;
          width: 5px;
          height: 10px;
          border: solid #fff;
          border-width: 0 3px 3px 0;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg)
     }
     
     .dh-acc {
          display: block;
          margin-top: 44px;
          margin-bottom: 20px;
          position: relative;
          width: 100%;
          text-align: center
     }
     
     .dh-acc .dh-acc-content {
          background: #151b26;
          padding: 0 18px;
          position: relative;
          z-index: 4;
          display: inline-block;
          font-size: 14px;
          font-size: 600;
          color: #fff
     }
     
     .dh-acc::before {
          content: '';
          z-index: 3;
          position: absolute;
          left: 0;
          top: 50%;
          height: 1px;
          width: 100%;
          background: #224E64
     }
     
     .btn {
          border-radius: 20px;
          -webkit-transition: cubic-bezier(0.55, 0.085, 0.68, 0.53) .2s;
          transition: cubic-bezier(0.55, 0.085, 0.68, 0.53) .2s;
          font-weight: 700;
          padding: 20px 40px
     }
     
     .btn.btn-primary {
          background:linear-gradient(
               to right,
               rgba(250, 50, 157, 1) 0%,
               rgba(162, 13, 160, 1) 100%
             );
          color: #fff;
          border: none
     }
     
     .btn.btn-primary:hover {
          background:linear-gradient(
               to right,
               rgba(250, 50, 157, 1) 0%,
               rgba(162, 13, 160, 1) 100%
             );
          color: #fff;
     }
     
     .btn.btn-primary:focus,
     .btn.btn-primary:active {
          background:linear-gradient(
               to right,
               rgba(250, 50, 157, 1) 0%,
               rgba(162, 13, 160, 1) 100%
             );
          color: #fff;
     }
     
     .btn.btn-lg {
          padding: 20px
     }
     
     .btn:hover {
          -webkit-transform: scale(0.96);
          transform: scale(0.96)
     }
     
     .btn-100 {
          display: block;
          width: 100%;
          text-align: center
     }
     
     .btn-100.btn-icon {
          display: flex;
          justify-content: center
     }
     
     .btn-rounded {
          border-radius: 25px
     }
     
     .btn-lg {
          padding: 12px 20px
     }
     
     .btn-outline {
          border: 1px solid #fa329c;
          color: #fa329c;
          background-color: transparent
     }
     
     .btn-outline:hover,
     .btn-outline:focus {
          border: 1px solid #fa329c;
          color: #fa329c;
     }
     
     .btn-outline.btn-light {
          color: #fff;
          border-color: #2a4771
     }
     
     .btn-outline.btn-light:hover {
          background-color: linear-gradient(
               to right,
               rgba(250, 50, 157, 1) 0%,
               rgba(162, 13, 160, 1) 100%
             );
     }
     
     .btn-outline.btn-secondary {
          border-color: #7750f6;
          background: #7750f6;
          color: #fff
     }
     
     .dd-btn::after {
          display: none
     }
     
     .btn-transparent {
          border: 1px solid;
          border-color: transparent;
          outline: none;
          background-color: transparent;
          color: #fff
     }
     
     .btn-transparent:hover {
          border-color: #7750f6;
          background: #7750f6;
          color: #fff
     }
     
     .home-section {
          padding: 120px 0
     }
     
     .hfs-content .hfs-item {
          margin: 15px 0
     }
     
     .hfs-content .hfs-item .hfs-count {
          font-size: 44px;
          letter-spacing: .4px;
          color: #252525;
          font-weight: 800
     }
     
     .hfs-content .hfs-item .hfs-title {
          font-size: 28px;
          font-weight: 500;
          color: #252525;
     }
     
     .home-title {
          position: relative
     }
     
     .home-title h2 {
          color: #fa329c;
          font-weight: 700;
          font-size: 39px
     }
     
     .home-title .hh-icon {
          position: relative;
          display: inline-block;
          margin-bottom: 46px
     }
     
     .home-title .hh-icon::before {
          content: '';
          position: absolute;
          z-index: 20;
          border-radius: 23px;
          left: -13px;
          right: -13px;
          top: -13px;
          bottom: -13px;
          background:rgb(255 56 179 / 20%);
     }
     
     .home-title .hh-icon .hh-content {
          position: relative;
          z-index: 25;
          background: linear-gradient(
               to right,
               rgba(250, 50, 157, 1) 0%,
               rgba(162, 13, 160, 1) 100%
             );
          border-radius: 15px;
          height: 50px;
          width: 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;
          font-size: 26px;
          color: #fff
     }
     
     .home-tabs .tab {
          display: none;
          color: #fff
     }
     
     .home-tabs .tab.active {
          display: block
     }
     
     .hsobs {
          margin-bottom: 50px
     }
     
     .hsobs .hsob {
          margin: 15px 0;
          background: #12232D;
          padding: 18px 40px 14px;
          color: #fff;
          border-radius: 30px;
          border-bottom-left-radius: 8px;
          border-top-right-radius: 8px;
          -webkit-transition: .14s ease;
          transition: .14s ease;
          cursor: pointer
     }
     
     .hsobs .hsob.active {
          background: #e84393 !important
     }
     
     .hsobs .hsob.active .hsob-icon {
          color: #fff
     }
     
     .hsobs .hsob:hover {
          background: #1c3341;
          -webkit-transform: scale(0.94);
          transform: scale(0.94)
     }
     
     .hsobs .hsob:hover .hsob-icon {
          color: #fff;
          -webkit-transform: scale(1.2);
          transform: scale(1.2)
     }
     
     .hsobs .hsob .hsob-icon {
          color: #e84393;
          font-size: 30px;
          -webkit-transition: .14s ease;
          transition: .14s ease
     }
     
     .hsobs .hsob .hsob-title {
          font-size: 21px;
          font-weight: 700
     }
     
     .wcu-content .wcu-conteiner {
          position: relative;
          margin: 15px 0
     }
     
     .wcu-content .wcu-conteiner::before {
          content: '';
          position: absolute;
          z-index: 20;
          left: -2px;
          right: -2px;
          top: -2px;
          bottom: -2px;
       
          background: linear-gradient(
               to right,
               rgba(250, 50, 157, 1) 0%,
               rgba(162, 13, 160, 1) 100%
             );
          -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
          -webkit-transition: .2s ease;
          transition: .2s ease
     }
     
     .wcu-content .wcu-conteiner:hover::before {
          -webkit-transform: scale(0.9);
          transform: scale(0.9)
     }
     
     .wcu-content .wcu-conteiner:hover .wcu-box {
          -webkit-transform: scale(1.03);
          transform: scale(1.03);
      
          background:linear-gradient(
               to right,
               rgba(250, 50, 157, 1) 0%,
               rgba(162, 13, 160, 1) 100%
             );
     }
     
     .wcu-content .wcu-conteiner:hover .wcu-box .wcu-text {
          color: #fff
     }
     
     .wcu-content .wcu-conteiner:hover .wcu-box .wcu-icon img,
     .wcu-content .wcu-conteiner:hover .wcu-box .wcu-go img {
          -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1)
     }
     
     .wcu-content .wcu-conteiner:hover .wcu-box .wcu-icon img {
          -webkit-transform: scale(1.1);
          transform: scale(1.1)
     }
     
     .wcu-content .wcu-conteiner .wcu-box {
          background: #ffff;
          -webkit-clip-path:#ffff;
          clip-path:#Fff;
          z-index: 23;
          position: relative;
          -webkit-transition: .2s ease;
          transition: .2s ease
     }
     
     .wcu-content .wcu-conteiner .wcu-box .wcu-body {
          padding: 50px 30px 60px
     }
     
     .wcu-content .wcu-conteiner .wcu-box .wcu-icon i {
          font-size: 42px;
          color: #fa329c;
          -webkit-transition: .2s ease;
          transition: .2s ease
     }
     
     .wcu-content .wcu-conteiner .wcu-box:hover .wcu-icon i {
          font-size: 42px;
          color: #fff;
          -webkit-transition: .2s ease;
          transition: .2s ease
     }
     
     .wcu-content .wcu-conteiner .wcu-box .wcu-title {
          font-size: 20px;
          line-height: 32px;
          color: #252525;
          margin-top: 28px;
          margin-bottom: 20px;
          font-weight: 600
     }
     
     .wcu-content .wcu-conteiner .wcu-box .wcu-text {
          font-size: 14px;
          color: #9799A3;
          line-height: 24px;
          -webkit-transition: .2s ease;
          transition: .2s ease
     }
     
     .wcu-content .wcu-conteiner .wcu-box .wcu-go {
          display: inline-block;
          margin-top: 30px;
          position: relative;
          -webkit-transition: .2s ease;
          transition: .2s ease
     }
     
     .wcu-content .wcu-conteiner .wcu-box .wcu-go i {
          font-size: 42px;
          color: #fa329c;
     }
     
     .wcu-content .wcu-conteiner .wcu-box:hover .wcu-go i {
          font-size: 42px;
          color: #fff
     }
     
     .homeI-1 {
          max-width: 100%
     }
     
     .homeI-2 {
          position: absolute;
          max-width: 100%;
          right: 0
     }
     
     .hsl-title .hsl-title-icon {
          height: 60px;
          width: 60px;
          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: linear-gradient(
               to right,
               rgba(250, 50, 157, 1) 0%,
               rgba(162, 13, 160, 1) 100%
             );
          border-radius: 15px;
          font-size: 32px;
          color: #fff
     }
     
     .hsl-title h2 {
          margin: 0;
          font-size: 32px;
          line-height: 45px;
          color: #252525;
          padding: 0;
          font-weight: 700
     }
     
     .hsl-text {
          font-size: 19px;
          line-height: 33px;
          color: #252525;
          font-weight: 500;
          margin: 40px 0 30px
     }
     
     .hsl-bottom {
          margin-top: 50px
     }
     
     .hsl-item {
          position: relative;
          margin: 30px 0
     }
     
     .hsl-item .hsli-title {
          font-size: 20px;
          font-weight: 700;
          color: #252525;
          margin-bottom: 8px
     }
     
     .hsl-item .hsli-text {
          font-size: 15px;
          line-height: 27px;
          color: #252525;
     }
     
     .how-pworks {
          display: block;
          position: relative
     }
     
     .how-pworks .bg-1 {
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          right: 0;
          background-image: url("https://res.cloudinary.com/sol-0123456789/image/upload/v1678099543/userkv/b2xah9tilyw6mnlp_pvfxyo.png");
          background-size: cover;
          background-position: center;
          z-index: 20
     }
     
     .how-pworks .hpw-content {
          padding: 180px 0 260px;
          z-index: 25;
          position: relative
     }
     
     .how-pworks .hpw-title {
        color: #ffff;
          font-size: 44px;
          font-weight: 700;
          margin-bottom: 30px
     }
     
     .how-pworks .hpw-text {
          max-width: 800px;
          display: inline-block;
          text-align: center;
          color: #fff;
          font-weight: 600;
          line-height: 34px;
          font-size: 20px
     }
     
     .how-pworks-bottom {
          position: relative;
          z-index: 29;
          padding: 0 0 120px
     }
     
     .hpw-box {
          margin-top: -200px;
          position: relative
     }
     
     .hpw-box::before {
          content: '';
          position: absolute;
          z-index: 30;
          left: -3px;
          top: -3px;
          right: -3px;
          bottom: -3px;
        
         background: linear-gradient(
          to right,
          rgba(250, 50, 157, 1) 0%,
          rgba(162, 13, 160, 1) 100%
        );
          border-radius: 12.4px
     }
     
     .hpw-box .hpw-box-r {
          border-radius: 10px;
          background: #fff;
          z-index: 35;
          position: relative;
          padding: 40px
     }
     
     .hpw-box .hpw-box-r::before {
          content: '';
          left: 80px;
          right: 80px;
          position: absolute;
          z-index: 31;
          top: calc(50% - 1.5px);
          height: 2px;
          background:linear-gradient(
               to right,
               rgba(250, 50, 157, 1) 0%,
               rgba(162, 13, 160, 1) 100%
             );
     }
     
     .hpw-box .hpw-box-r>.row {
          z-index: 32
     }
     
     .hpw-item {
          text-align: center;
          z-index: 33;
          margin: 20px 0
     }
     
     .hpw-item .hpw-icon {
          height: 87px;
          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
     }
     
     .hpw-item .hpw-icon img {
          max-height: 87px
     }
     
     .hpw-item .hpw-num {
          position: relative;
          display: inline-block
     }
     
     .hpw-item .hpw-num::after {
          content: '';
          z-index: 34;
          position: absolute;
          left: -50px;
          right: -50px;
          top: 0;
          background-color: #fff;
          height: 100%
     }
     
     .hpw-item .hpw-num span {
          height: 74px;
          width: 74px;
          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;
          background: linear-gradient(
               to right,
               rgba(250, 50, 157, 1) 0%,
               rgba(162, 13, 160, 1) 100%
             );
          border-radius: 12px;
          margin-top: 40px;
          position: relative;
          z-index: 36;
          font-size: 30px;
          color: #fff;
          font-weight: 900
     }
     
     .hpw-item .hpw-num::before {
          content: '';
          position: absolute;
          top: 100%;
          left: 50%;
          margin-left: -12px;
          width: 0;
          height: 0;
          border-top: solid 12px #fa329c;
          border-left: solid 12px transparent;
          border-right: solid 12px transparent
     }
     
     .hpw-item .hpw-title {
          margin-top: 35px;
          font-size: 19px;
          font-weight: 800;
          color: #fa329c;
     }
     
     .hpw-item .hpw-text {
          margin-top: 12px;
          font-size: 13px;
          line-height: 23px;
          color: #fa329c
     }
     
     .special-color {
          color: #fa329c
     }
     
     .home-customer-container {
          width: 100%
     }
     
     .home-customer {
          padding: 120px 0;
          width: 100%
     }
     
     .home-customer .container {
          max-width: 800px;
          text-align: center
     }
     
     .home-customer .slider-circle {
          border: 3px solid #182836;
          border-radius: 50%;
          width: 640px;
          height: 640px;
          display: inline-block;
          position: relative
     }
     
     .home-customer .slider-circle .out-circle {
          position: absolute;
          border-radius: 50%
     }
     
     .home-customer .slider-circle .out-circle.oc-1 {
          left: -90px;
          top: -90px;
          bottom: -90px;
          opacity: .2;
          right: -90px;
          border: 3px solid #182836
     }
     
     .home-customer .slider-circle .out-circle.oc-2 {
          left: -200px;
          top: -200px;
          bottom: -200px;
          right: -200px;
          opacity: .3;
          border: 3px solid #182836
     }
     
     .home-customer .slider-content .slider-tab {
          display: none
     }
     
     .home-customer .slider-content .slider-tab.active {
          display: block
     }
     
     .home-customer .member-comment {
          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-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          color: #fff
     }
     
     .home-customer .member-comment>* {
          margin: 20px 0
     }
     
     .home-customer .member-comment .comment-text {
          max-width: 480px;
          color: #fff;
          font-size: 26px;
          line-height: 41px;
          font-weight: 500
     }
     
     .home-customer .member-comment .comment-user {
          font-size: 25px;
          font-weight: 700
     }
     
     .home-customer .member-comment .comment-stars {
          color: #e84393;
          font-size: 25px
     }
     
     .home-customer .slider-btns .slider-btn {
          z-index: 999;
          position: absolute;
          width: 64px;
          height: 64px;
          background-color: #2E4C67;
          -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
          border-radius: 5px;
          border: 3px solid transparent;
          -webkit-transition: .14s ease;
          transition: .14s ease;
          cursor: pointer
     }
     
     .home-customer .slider-btns .slider-btn:hover {
          opacity: .9
     }
     
     .home-customer .slider-btns .slider-btn.active {
          border-color: #e84393
     }
     
     .home-customer .slider-btns .slider-btn img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
          object-fit: cover
     }
     
     .home-customer .slider-btns .slider-btn.sb-1 {
          top: 0;
          left: 50%
     }
     
     .home-customer .slider-btns .slider-btn.sb-2 {
          top: 50%;
          left: 100%
     }
     
     .home-customer .slider-btns .slider-btn.sb-3 {
          top: 100%;
          left: 50%
     }
     
     .home-customer .slider-btns .slider-btn.sb-4 {
          left: 0;
          top: 50%
     }
     
     .footer {
          color: #f7fafc;
     }
     
     .footer .site-name {
          font-size: 36px;
          font-weight: 600;
          padding: 52px 0;
          color:#fa329c;
          line-height: 48px
     }
     
     .footer .site-name img {
          height: 80px
     }
     
     .footer .footer-right {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: right;
          -ms-flex-pack: right;
          justify-content: right
     }
     
     .footer .footer-right .btn {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 1;
          flex: 0 0 1;
          margin-left: auto
     }
     
     .footer .footer-menu {
          margin: 0;
          padding: 20px 0;
          list-style: none;
          font-weight: 700
     }
     
     .footer .footer-menu li {
          display: inline-block;
          padding: 0 4px
     }
     
     .footer .footer-menu li a {
          color: #fa329c;
          padding: 0 8px
     }
     
     .footer .footer-top {
          position: relative;
          border-top: 1px solid #fa329c
     }
     
     .footer .footer-top .ft-content {
          position: relative;
          z-index: 3
     }
     
     .footer .footer-icons>* {
          margin: 10px
     }
     
     .footer .footer-bottom {
          padding: 30px 0 40px
     }
     
     .footer .footer-bt-info {
          font-size: 18px;
          color: #fa329c;
          font-weight: 700
     }
     
     @media (max-width: 767.98px) {
          .authorized .card.card-no-box{
               height: 100px !important;
          }
         .authorized .appAuth {
            
               padding-top: 50px !important;
              
           }
          #tickets .appAuth .col-md-6 .nav-pills{
margin-top: 20px;
           } 
          
           .authorized  .nwoDeIt.description {
               height: auto;
               padding: 20px;
               word-break: break-all;
               overflow-x: auto;
           }
          .wcu-content .wcu-conteiner::before {
               -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
               clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%)
          }
     
          .wcu-content .wcu-conteiner .wcu-box {
               -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
               clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%)
          }
     
          .home-customer-container {
               overflow: inherit;
               display: block
          }
     
          .home-customer {
               padding: 70px 0;
               width: 100%
          }
     
          .home-customer .container {
               max-width: 800px;
               text-align: center
          }
     
          .home-customer .slider-circle {
               border: none;
               border-radius: 0;
               width: 100%;
               height: auto;
               display: block
          }
     
          .home-customer .slider-circle .out-circle {
               display: none
          }
     
          .home-customer .slider-content .slider-tab {
               display: none
          }
     
          .home-customer .slider-content .slider-tab.active {
               display: block
          }
     
          .home-customer .member-comment {
               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-box-orient: vertical;
               -webkit-box-direction: normal;
               -ms-flex-direction: column;
               flex-direction: column;
               height: auto;
               position: relative;
               color: #fff
          }
     
          .home-customer .member-comment .quote-icon img {
               width: 32px
          }
     
          .home-customer .member-comment>* {
               margin: 10px 0
          }
     
          .home-customer .member-comment .comment-text {
               font-size: 18px;
               line-height: 28px;
               font-weight: 400;
               color: #fff
          }
     
          .home-customer .member-comment .comment-user {
               font-size: 20px
          }
     
          .home-customer .slider-btns {
               width: 100%;
               display: -webkit-box;
               display: -ms-flexbox;
               display: flex;
               -webkit-box-pack: justify;
               -ms-flex-pack: justify;
               justify-content: space-between;
               margin-top: 20px
          }
     
          .home-customer .slider-btns .slider-btn {
               width: 64px;
               height: 64px;
               background-color: #2E4C67;
               -webkit-transform: inherit;
               transform: inherit;
               position: relative
          }
     
          .home-customer .slider-btns .slider-btn:hover {
               opacity: .9
          }
     
          .home-customer .slider-btns .slider-btn.active {
               border-color: #e84393
          }
     
          .home-customer .slider-btns .slider-btn img {
               width: 100%;
               height: 100%;
               -o-object-fit: cover;
               object-fit: cover
          }
     
          .home-customer .slider-btns .slider-btn.sb-1,
          .home-customer .slider-btns .slider-btn.sb-2,
          .home-customer .slider-btns .slider-btn.sb-3,
          .home-customer .slider-btns .slider-btn.sb-4 {
               top: inherit;
               left: inherit
          }
     
          .hsl-title-icon {
               margin-bottom: 20px;
               width: 64px !important;
               height: 64px !important;
               font-size: 40px !important
          }
     
          .home-section {
               padding: 70px 0
          }
     
          .hl-btns {
               -webkit-box-orient: vertical;
               -webkit-box-direction: normal;
               -ms-flex-direction: column;
               flex-direction: column
          }
     
          .hl-btns>a {
               -webkit-box-flex: 1;
               -ms-flex: 1;
               flex: 1
          }
     
          .home-head .hh-left-badge {
               height: 38px;
               border-radius: 19px
          }
     
          .home-head .hh-left-badge .hhlb-icon {
               width: 28px;
               height: 28px
          }
     
          .home-head .hh-left-badge .hhlb-text {
               padding: 10px 9px;
               font-size: 13px
          }
     
          .home-head .home-head-content {
               padding: 0
          }
     
          .home-head .hl-title {
               font-size: 24px;
               line-height: 36px;
               font-weight: 600;
               margin-top: 32px;
               margin-bottom: 26px;
               color: #fff
          }
     
          .home-head .hl-text {
               display: none
          }
     
          .btn.btn-lg {
               padding: 18px 40px
          }
     
          .btn.btn-lg.btn-outline {
               padding: 16px 40px;
          }
     
          .hl-input input:focus~.floating-label,
          .hl-input input:not(:focus):valid~.floating-label {
               top: 8px;
               -webkit-transform: translateY(0);
               transform: translateY(0);
               bottom: 10px
          }
     
          .hl-input input:focus {
               border-color: #e84393 !important
          }
     
          .hl-input .inputText {
               padding: 24px 16px 14px
          }
     
          .hsobs .hsob {
               padding: 11px 20px;
               margin: 8px 0
          }
     
          .hsobs .hsob .hsob-title {
               font-size: 16px;
               font-weight: 400
          }
     
          .hsl-text {
               font-size: 16px;
               line-height: 31px;
               font-weight: 400;
               color: rgba(255, 255, 255, 0.9)
          }
     
          .how-pworks .hpw-title {
               color: #fff;
               font-size: 24px
          }
     
          .how-pworks .hpw-text {
               font-weight: 500;
               line-height: 18px
          }
     
          .home-title h2 {
               color: #7750f6;
               font-weight: 700;
               font-size: 30px
          }
     
          .footer .footer-right {
               -webkit-box-orient: vertical;
               -webkit-box-direction: normal;
               -ms-flex-direction: column;
               flex-direction: column;
               -webkit-box-pack: center !important;
               -ms-flex-pack: center !important;
               justify-content: center !important;
               -webkit-box-align: center !important;
               -ms-flex-align: center !important;
               align-items: center !important
          }
     
          .footer .footer-right .btn {
               margin-left: inherit
          }
     
          .footer .footer-right>* {
               margin: 7px 0
          }
     
          .header {
               margin-top: 0
          }
     
          .custom-check .checkmark:after {
               border-color: transparent !important
          }
     }
     
     @media (max-width: 991.98px) {
          .home-boost-box {
               padding: 40px 24px
          }
     
          .home-menu-btn {
               display: inline-block
          }
     
          .head-menu {
               display: none;
               position: fixed;
               top: 80px;
               left: 0;
               bottom: 0;
               right: 0;
               background-color: #181c29;
               -webkit-box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.16);
               box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.16);
               padding: 40px 30px;
               z-index: 1003;
               overflow-y: auto;
               border-top-left-radius: 30px;
               border-top-right-radius: 30px
          }
     
          .head-menu .btn {
               display: block
          }
     
          .head-menu .mmff {
               width: 100%;
               display: block
          }
     
          .head-menu .hm-close {
               position: absolute;
               left: 50%;
               -webkit-transform: translateX(-50%);
               transform: translateX(-50%);
               top: 18px;
               cursor: pointer;
               width: 60px;
               height: 60px;
               text-align: center;
               line-height: 60px;
               color: #fff;
               opacity: .6;
               z-index: 1004
          }
     
          .head-menu .bs-btn {
               display: block;
               width: 100%
          }
     
          .head-menu .bs-btn+.bs-btn {
               margin-top: 14px
          }
     
          .head-menu .header-menu>ul {
               width: 100%;
               padding: 0 20px 30px
          }
     
          .head-menu .header-menu>ul>li {
               display: block;
               position: relative
          }
     
          .head-menu .header-menu>ul>li+li {
               margin: 0
          }
     
          .head-menu .header-menu>ul>li>a {
               display: block;
               text-align: left;
               position: relative;
               max-height: 40px;
               padding: 24px 0;
               line-height: 30px;
               font-size: 20px;
               font-weight: 600
          }
     
          .head-menu .header-menu>ul>li>a::after {
               display: none
          }
     
          .head-menu.active {
               display: block
          }
     }
     
     @media (max-width: 1199.98px) {
          .homeI-2 {
               width: 100%
          }
     }
     
     @media (max-width: 1600px) {
          .home-head .bub-items {
               display: none !important
          }
     }
     
     .ahbtn {
          width: 55px;
          height: 55px;
          border-radius: 12px;
          background: rgba(255, 255, 255, 0.5);
          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;
          padding: 0;
          border: none;
          font-size: 24px;
          position: relative
     }
     
     .ahbtn::after {
          content: attr(data-text);
          position: absolute;
          width: auto;
          height: 24px;
          bottom: -28px;
          left: 50%;
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
          font-size: 12px;
          color: rgba(255, 255, 255, 0.6);
          font-weight: 500
     }
     
     .ahbtn.bs-1 {
          color: #2A62FF;
          background: rgba(42, 98, 255, 0.15)
     }
     
     .ahbtn.bs-2 {
          color: #547ADB;
          background: rgba(42, 98, 255, 0.15)
     }
     
     .ahbtn.bs-3 {
          color: #414B6C;
          background: rgba(69, 91, 158, 0.15)
     }
     
     .ahbtn.bs-4 {
          color: #FF2828;
          background: rgba(255, 40, 40, 0.15)
     }
     
     .pg-titlte {
          font-size: 25px;
          line-height: 31px;
          color: #FFF;
          font-weight: 600;
          margin-bottom: 0
     }
     
     .pg-text {
          font-weight: 400;
          font-size: 14px;
          line-height: 17px;
          margin-top: 10px;
          color: #FFF
     }
     
     a:hover {
          color: #0967a1
     }
     
     .primary-color {
          color: #e84393 !important
     }
     
     .secondary-color {
          color: #192149 !important
     }
     
     .success-color {
          color: #00B67A !important
     }
     
     .danger-color {
          color: #f65619 !important
     }
     
     .warning-color {
          color: #fbbc05 !important
     }
     
     .primary-bg {
          background-color: #0258FF !important
     }
     
     .secondary-bg {
          background-color: #192149 !important
     }
     
     .success-bg {
          background-color: #00B67A !important
     }
     
     .warning-bg {
          background-color: #fbbc05 !important
     }
     
     .danger-bg {
          background-color: #f65619 !important
     }
     
     .pink-bg {
          background-color: #ff029a !important
     }
     
     .purple-bg {
          background-color: #9158ed !important
     }
     
     .orange-bg {
          background-color: #f39c12 !important
     }
     
     .container {
          max-width: 1120px
     }
     
     .fw-400 {
          font-weight: 400 !important
     }
     
     input:-webkit-autofill,
     input:-webkit-autofill:hover,
     input:-webkit-autofill:focus,
     input:-webkit-autofill:active {
          transition: background-color 5000s ease-in-out 0
     }
     
     .sbadge {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          padding: 13px 24px 13px 20px;
          background: linear-gradient(246.82deg, #1a2444 8.2%, rgba(34, 45, 79, 0) 78.22%), #0c1447;
          border: 1px solid #19225c;
          box-sizing: border-box;
          box-shadow: 0 25px 50px rgba(94, 10, 239, 0.07);
          border-radius: 15px;
          font-size: 13px;
          line-height: 15px;
          letter-spacing: -.03em;
          color: #fff
     }
     
     .sbadge .icon {
          font-size: 14px;
          line-height: 15px;
          display: flex;
          align-items: center;
          justify-content: center
     }
     
     .sbadge .text {
          font-weight: 600
     }
     
     .card {
          background: #fff;
          border: 1px solid #fa329c;
          box-sizing: border-box;
          box-shadow: 0 25px 50px rgba(94, 10, 239, 0.07);
          border-radius: 20px;
          position: relative;
       
     }
     
     .card-body {
          padding: 31px 28px
     }
     
     .card-header {
          border-radius: 15px 15px 0 0 !important;
          background: linear-gradient(
               to right,
               rgba(250, 50, 157, 1) 0%,
               rgba(162, 13, 160, 1) 100%
             );
          background-size: cover;
          background-position: center;
          padding: 30px 28px;
          border-width: 1px;
          border-bottom-width: 1px;
          border-style: solid;
          border-color: #151b26;
          color: #fff ;
     }
     
     .card-header.body-top-on-this {
          z-index: 2
     }
     
     .card-header.body-top-on-this+.card-body {
          z-index: 4;
          position: relative;
          margin-top: -20px;
          padding-top: 0
     }
     
     .card-title {
          font-weight: 600;
          font-size: 19px;
          line-height: 30px;
          letter-spacing: -.005em;
          color: #fff;
          margin-bottom: 0
     }
     
     .card-h-text {
          margin-bottom: 0;
          font-weight: 600;
          font-size: 14px;
          line-height: 20px;
          letter-spacing: -.005em;
          color: #fff;
          margin-top: 10px;
          display: none
     }
     
     @media (min-width: 992px) {
          .card-h-text {
               display: block
          }
     }
     
     .card.card-no-box {
          position: relative;
          margin: 0 0 30px;
          height: 150px !important;
     }
     
     .card.card-no-box.cnb-2 .cb-content::after {
          background-image: url("https://res.cloudinary.com/sol-0123456789/image/upload/v1678179054/userkv/ppc0rxfyhlg929iy_o5hkuk.png")
     }
     
     .card.card-no-box.cnb-2 .cnb-circle {
          color: #FF2828;
          border-color: #FF2828
     }
     
     .card.card-no-box.cnb-3 .cb-content::after {
          background-image: url("https://res.cloudinary.com/sol-0123456789/image/upload/v1678103841/userkv/kt5wb8scpneugqxj_oxd2vz.png")
     }
     
     .card.card-no-box.cnb-3 .cnb-circle {
          color: #28F1AA;
          border-color: #28F1AA
     }
     
     .card.card-no-box.cnb-4 .cb-content::after {
          background-image: url("https://res.cloudinary.com/sol-0123456789/image/upload/v1678103866/userkv/3uacu761hs3tlsu0_vj6xcn.png")
     }
     
     .card.card-no-box.cnb-4 .cnb-circle {
          color: #A12AFF;
          border-color: #A12AFF
     }
     
     .card.card-no-box .cb-content {
          position: relative;
          overflow: hidden
     }
     
     .card.card-no-box .cb-content::after {
          content: '';
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          top: 0;
          background-image: url("https://res.cloudinary.com/sol-0123456789/image/upload/v1678103896/userkv/dt2si5t8kcrtt42l_er52k7.png");
          opacity: .17;
          background-repeat: no-repeat;
          background-size: 100% auto;
          background-position: bottom center
     }
     
     .card.card-no-box .cnb-content {
          padding: 30px 30px 50px;
          position: relative;
          z-index: 5
     }
     
     @media (max-width: 991.98px) {
          .card.card-no-box .cnb-content {
               padding: 15px
          }
     
          .card.card-no-box .cnb-content .col-auto {
               display: none
          }
     
          .card.card-no-box h2 {
               font-size: 12px !important
          }
     
          .card.card-no-box h3,
          .pwd {
               font-size: 18px !important
          }
     
          .card.card-no-box {
               margin: 0 0 15px
          }
     }
     
     .card.card-no-box .cnb-circle {
          border-radius: 50%;
         border: 3px solid #2A62FF;
         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: 40px;
         height: 40px;
         color: #2A62FF;
         font-size: 20px;
         line-height: 33px;
         color: #2A62FF;
     }
     
     .card.card-no-box h2 {
          font-weight: 400;
          font-size: 14px;
          line-height: 17px;
          color: #7750f6;
          margin-bottom: 4px
     }
     
     .card.card-no-box h3,
     .pwd {
          font-weight: 700;
          font-size: 24px;
          line-height: 37px;
          color: #7750f6;
          margin-bottom: 0
     }
     
     .form-control {
          background: #fff;
          border: 1px solid #fa329c;
          border-radius: 15px;
          line-height: 20px;
          padding: 14px 18px;
          outline: none;
          font-weight: 600;
          font-size: 14px;
          line-height: 17px;
          color: rgba(255, 255, 255, 0.842)
     }
     
     .form-control:focus {
          box-shadow: 0 0 0 4px rgba(239, 10, 170, 0.3);
          background-color: #fff;
          border: 1px solid transparent;
          color: #fa329c;
     }
     
     .form-control::placeholder {
          color: #929cb7
     }
     
     .form-control:disabled,
     .form-control[readonly] {
          background-color: #ffff !important;
          opacity: 1
     }
     
     .form-select,
     select.form-control {
          background: #fff;
          border: 1px solid #fa329c;
          border-radius: 15px;
          line-height: 20px;
          padding: 14px 18px;
          font-weight: 600;
          font-size: 14px;
          line-height: 17px;
          color: #7750f6;
     }
     
     .form-select:focus,
     select.form-control:focus {
          box-shadow: none;
          background: #fff;
          border: 1px solid #ffff;
     }
     
     .form-select::placeholder,
     select.form-control::placeholder {
          color: rgba(255, 255, 255, 0.5)
     }
     
     .form-label,
     label {
          font-weight: 600;
          font-size: 14px;
          line-height: 16px;
          color: #fa329c;
          margin-bottom: 12px
     }
     
     .form-control-lg {
          padding: 20px 18px
     }
     
     input:-webkit-autofill,
     input:-webkit-autofill:hover,
     input:-webkit-autofill:focus,
     input:-webkit-autofill:active {
          box-shadow: 0 0 0 30px transparent inset !important;
          -webkit-text-fill-color: #fff !important
     }
     
     .form-check-label {
          font-weight: 600;
          font-size: 14px;
          line-height: 17px;
          color: #fff
     }
     
     .form-check-input {
          width: 20px;
          height: 20px
     }
     
     .form-check-input:checked {
          background-color: #0258FF;
          border-color: #0258FF
     }
     
     .hbadge {
          position: relative;
          display: inline-block;
          background: rgba(18, 140, 214, 0.15);
          border-radius: 50px;
          font-weight: 600;
          font-size: 14px;
          line-height: 14px;
          letter-spacing: -.03em;
          color: #297eb3;
          padding: 12px 24px
     }
     
     .hbadge-danger {
          color: #cf5e33;
          background: rgba(246, 86, 25, 0.15)
     }
     
     .dropdown-menu {
          border: none;
          box-shadow: 0 10px 30px rgba(94, 10, 239, 0.2);
          border-radius: 15px;
          background-color: #ffff;
     }
     
     .dropdown-item {
          font-weight: 500;
          color: #fa329c;
          padding: 6px 20px
     }
     
     .dropdown-item:hover {
          background:linear-gradient(
               to right,
               rgba(250, 50, 157, 1) 0%,
               rgba(162, 13, 160, 1) 100%
             );
          color: #fff;
     }
     
     @media (min-width: 992px) {
          .dropdown-item {
               font-size: 14px
          }
     }
     
     .dropdown-item:focus {
          background-color: #0258FF
     }
     
     .dropdown-divider {
          background-color: #d0d0d0
     }
     
     .pagination .page-item.active .page-link {
          background-color: #0f163a;
          color: #0177fb
     }
     
     .pagination .page-item.active .page-link::before {
          content: "";
          bottom: 0;
          height: 3px;
          width: 14px;
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          background-color: #0177fb
     }
     
     .pagination .page-item:first-child {
          border-right: 1px solid #151d46
     }
     
     .pagination .page-item:first-child .page-link {
          border-top-left-radius: 10px;
          border-bottom-left-radius: 10px;
          font-weight: 400
     }
     
     .pagination .page-item:last-child {
          border-left: 1px solid #151d46
     }
     
     .pagination .page-item:last-child .page-link {
          border-top-right-radius: 10px;
          border-bottom-right-radius: 10px;
          font-weight: 400
     }
     
     .pagination .page-item .page-link {
          background: #0f163a;
          border: none;
          margin: 0;
          height: 50px;
          padding: 0;
          min-width: 50px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-weight: 600;
          font-size: 17.3005px;
          line-height: 18px;
          color: #243a56;
          position: relative
     }
     
     .pagination .page-item .page-link:focus {
          z-index: 2
     }
     
     .menu-btn {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 44px;
          height: 44px;
          border-radius: 15px;
          background-color: #7750f6;
          color: #fff;
          outline: none;
          border: none;
          font-size: 18px;
          transition: .14s ease;
          z-index: 1020
     }
     
     .menu-btn:focus {
          box-shadow: 0 0 0 4px rgba(94, 10, 239, 0.1)
     }
     
     #appDashboard .dashboard-head-wrapper {
          padding-top: 40px
     }
     
     .dashboard-head-wrapper {
          position: relative;
          margin-bottom: 30px
     }
     
     .panel-body {
          padding: 30px;
          background: #0C141B;
          border: 1px solid #171f2e;
          box-sizing: border-box;
          border-radius: 20px;
     }
     
     .dashboard-head-wrapper .dashboard-head {
          background:linear-gradient(
               to right,
               rgba(250, 50, 157, 1) 0%,
               rgba(162, 13, 160, 1) 100%
             );
          border: 1px solid #e84393;
          border-radius: 15px;
          position: relative
     }
     
     @media (min-width: 992px) {
          .dashboard-head-wrapper .dashboard-head {
               border-radius: 25px
          }
     }
     
     .dashboard-head-wrapper .dhead-body {
          position: relative;
          z-index: 6;
          padding: 20px;
          display: flex;
          align-items: center;
          gap: 30px
     }
     
     @media (min-width: 768px) {
          .dashboard-head-wrapper .dhead-body {
               padding: 40px 44px;
               max-width: 80%
          }
     }
     
     @media (min-width: 992px) {
          .dashboard-head-wrapper .dhead-body {
               padding: 60px;
               max-width: 70%
          }
     }
     
     .dashboard-head-wrapper .dhead-body .title {
          font-style: normal;
          font-weight: 600;
          font-size: 22px;
          line-height: 34px;
          margin-bottom: 14px;
          color: #fff
     }
     
     @media (min-width: 768px) {
          .dashboard-head-wrapper .dhead-body .title {
               font-size: 25px;
               line-height: 34px
          }
     }
     
     .dashboard-head-wrapper .dhead-body .text {
          font-weight: 500;
          font-weight: 400;
          font-size: 16px;
          line-height: 22px;
          color: #fff;
          margin-bottom: 0
     }
     
     .dashboard-head-wrapper .dhead-body .text a {
          color: #029fff
     }
     
     .dashboard-head-wrapper .dhead-body .text-2 {
          padding-top: 6px;
          font-size: 14px;
          line-height: 20px;
          color: #72879d;
          margin-bottom: 0
     }
     
     .dashboard-head-wrapper .dhead-body .dhead-icon {
          display: none
     }
     
     .dashboard-head-wrapper .dhead-body .dhead-icon.pg-af {
          background:#fff;
          color: #fa329c
     }
     
     .dashboard-head-wrapper .dhead-body .dhead-icon.pg-ap {
          background: rgba(94, 10, 239, 0.25);
          border: 5px solid #e84393
     }
     
     .dashboard-head-wrapper .dhead-body .dhead-icon.pg-cp {
          background: rgba(6, 253, 193, 0.25);
          color: #06FDC1
     }
     
     @media (min-width: 768px) {
          .dashboard-head-wrapper .dhead-body .dhead-icon {
               width: 82px;
               height: 82px;
               border-radius: 50%;
               display: flex;
               align-items: center;
               justify-content: center;
               align-items: center;
               font-size: 42px
          }
     }
     
     .dashboard-head-wrapper .dhead-img-wrapper {
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          width: 100%
     }
     
     .dashboard-head-wrapper .dhead-img-wrapper .dhead-img {
          position: absolute;
          right: 0;
          top: 0;
          height: 100%;
          max-width: 100%;
          display: none
     }
     
     @media (min-width: 992px) {
          .dashboard-head-wrapper .dhead-img-wrapper .dhead-img {
               display: block
          }
     }
     
     .appAuth {
          position: relative;
          min-height: 100vh;
          background: #fff;
          padding-left: 280px;
          padding-top: 90px;
          color: #0C141B
     }
     
     .appAuth .container {
          max-width: 1400px
     }
     
     .appAuth .menu-btn {
          position: fixed;
          top: 14px;
          left: 14px
     }
     
     .appAuth .menu-btn .ri-close-line,
     .appAuth .menu-btn .ri-menu-line {
          position: absolute;
          left: 50%;
          top: 50%
     }
     
     .appAuth .menu-btn .ri-close-line {
          transform: scale(0) translate(-50%, -50%);
          transition: .2s ease
     }
     
     .appAuth .menu-btn .ri-menu-line {
          transition: .2s ease;
          transform: translate(-50%, -50%)
     }
     
     @media (max-width: 992px) {
          .appAuth {
               padding-left: 0
          }
     
          .appAuth.sidebar-active .appSidebar {
               transform: translateX(0) translateX(0)
          }
     
          .appAuth.sidebar-active .menu-btn {
               left: 300px
          }
     
          .appAuth.sidebar-active .menu-btn .ri-close-line {
               transform: scale(1) translate(-50%, -50%)
          }
     
          .appAuth.sidebar-active .menu-btn .ri-menu-line {
               transform: scale(0) translate(-50%, -50%)
          }
     
          .appAuth .appSidebar {
               transform: translateX(-110%);
               transition: .24s ease;
               box-shadow: 4px 0 30px rgba(0, 0, 0, 0.3)
          }
     }
     
     .appSidebar {
          background: linear-gradient(
               to right,
               rgba(250, 50, 157, 1) 0%,
               rgba(162, 13, 160, 1) 100%
             );
          border-right: 1px solid #fa329c;
          border-radius: 0;
          width: 280px;
          position: fixed;
          top: 0;
          left: 0;
          bottom: 0;
          display: flex;
          flex-direction: column;
          z-index: 1040
     }
     
     .sbLogo {
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 25px 0 25px;
          color: #fff;
     }
     
     .sbLogo a{
          color: #fff;
     }
     
     .sbLogo img {
          max-width: 250px
     }
     
     .sbUsrWr {
          padding: 20px 30px 0
     }
     
     .sbUsr {
          background: #fff;
          border-radius: 44px;
          position: relative;
          display: flex;
          align-items: center;
          padding: 10px;
          gap: 20px;
          transition: .14s ease
     }
     
     .sbUsr:focus {
          box-shadow: 0 0 0 .25rem rgba(94, 10, 239, 0.2)
     }
     
     .avtWr {
          background:linear-gradient(
               to right,
               rgba(250, 50, 157, 1) 0%,
               rgba(162, 13, 160, 1) 100%
             );
          width: 44px;
          height: 44px;
          border-radius: 50%;
          overflow: hidden;
          text-align: center;
          padding-top: 4px
     }
     
     .avtWr span {
          font-weight: 600;
          font-size: 24px;
          color:#fff;
     }
     
     .sbName {
          font-weight: 600;
          font-size: 14px;
          line-height: 16px;
          letter-spacing: .01em;
          color: #fa329c;
          display: flex;
          align-items: center;
          gap: 10px
     }
     
     .sbName::after {
          content: "\eb80";
          color: #0258FF;
          font-family: remixicon !important;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          font-size: 18px
     }
     
     .sbUsrSt {
          margin-top: 6px;
          font-weight: 600;
          font-size: 12px;
          line-height: 12px;
          letter-spacing: .02em;
          color: #8b98b8
     }
     
     .goWr {
          color: #fff;
          display: flex;
          align-items: center;
          justify-content: center
     }
     
     .sbMenuWr {
          flex: 1;
          overflow-y: auto;
          padding: 20px 0 40px
     }
     
     .sbMenuWr::-webkit-scrollbar {
          width: 0
     }
     
     .sbMenu {
          list-style: none;
          margin: 0;
          padding: 0 30px;
          gap: 15px;
          display: flex;
          flex-direction: column
     }
     
     .sbMenu .mItem {
          display: block
     }
     
     .sbMenu .mLink {
          color: #fff;
          display: flex;
          align-items: center;
          padding: 15px 20px;
          transition: .14s ease;
          cursor: pointer;
          position: relative;
     }
     
     .sbMenu .mLink .mText {
          font-weight: 600;
          font-size: 14px;
          line-height: 16px
     }
     
     .sbMenu .mLink .mIcon {
          display: flex;
          align-items: center;
          font-size: 20px;
          width: 37px
     }
     
     .sbMenu .mLink.active {
          background: #fff;
          box-shadow: 0 7.93801px 19.845px rgba(94, 10, 239, 0.15);
          border-radius: 50px;
          color: #fa329c;
     }
     
     .sbMenu .mLink.active:hover {
          color: #fa329c;
     }
     
     .sbMenu .mLink:hover {
          color: #fff;
     }
     
     .sbMenu .mSMore {
          background: #0c2447;
          border: 1px solid #2a4771;
          color: #fff;
          display: flex;
          justify-content: center;
          gap: 10px;
          align-items: center;
          border-radius: 30px;
          display: flex;
          align-items: center;
          padding: 15px 20px;
          transition: .14s ease;
          cursor: pointer
     }
     
     .sbMenu .mSMore .mText {
          font-weight: 600;
          font-size: 14px;
          line-height: 16px
     }
     
     .sbMenu .mSMore .mIcon {
          display: flex;
          align-items: center;
          font-size: 20px;
          transition: .14s ease
     }
     
     .sbMenu .mSMore:focus {
          box-shadow: 0 0 0 .25rem rgba(25, 33, 73, 0.3)
     }
     
     .sbMenu .mSMoreItem.active .mSMore .mIcon {
          transform: rotate(180deg)
     }
     
     .sbMenu .mSMoreItem.active .subMenu {
          width: 100%;
          display: flex
     }
     
     .sbMenu .subMenu {
          display: none;
          flex-direction: column;
          padding: 14px 0;
          margin: 0;
          transition-timing-function: .2s ease
     }
     
     .appHeader {
          position: fixed;
          left: 0;
          right: 0;
          top: 0;
          height: 74px;
          z-index: 1001;
          background: linear-gradient(
               to right,
               rgba(250, 50, 157, 1) 0%,
               rgba(162, 13, 160, 1) 100%
             );
          border-bottom: 1px solid #fa329c;
     }
     
     @media (min-width: 768px) {
          .appHeader {
               padding: 0 30px;
               height: 90px;
               border-bottom: 0
          }
     }
     
     .appHeader .apHdRw {
          height: 74px;
          align-items: center
     }
     
     @media (min-width: 992px) {
          .appHeader .apHdRw {
               height: 90px
          }
     }
     
     @media (min-width: 992px) {
          .appHeader {
               left: 280px
          }
     }
     
     .apPgTi {
          font-weight: 600;
          font-size: 19px;
          line-height: 22px;
          color: #fff
     }
     
     .apPgTx {
          font-weight: 600;
          font-size: 14px;
          line-height: 16px;
          color: #8b98b8;
          margin: 0 !important
     }
     
     .apHdCr {
          display: flex;
          align-items: center;
          gap: 14px
     }
     
     @media (max-width: 992px) {
          .apHdCr {
               width: 42px;
               height: 42px;
               padding: 0;
               display: flex;
               align-items: center;
               justify-content: center;
               font-size: 20px
          }
     }
     
     .apHdCr::after {
          display: none
     }
     
     .apHdIt {
          position: relative;
          background-color: transparent;
          display: flex;
          gap: 12px;
          align-items: center;
          text-align: left;
          padding: 0
     }
     
     .apHdIt::after {
          display: none
     }
     
     @media (min-width: 768px) {
          .apHdIt {
               padding: 9px 20px
          }
     }
     
     .apHdIt .icon {
          width: 42px;
          height: 42px;
          border-radius: 50%;
          background: #0C141B;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #fff;
          font-size: 20px;
          overflow: hidden
     }
     
     .apHdIt .icon.avatar {
          background-color: transparent
     }
     
     .colIc .icon.avatar {
          background:linear-gradient(
               to right,
               rgba(250, 50, 157, 1) 0%,
               rgba(162, 13, 160, 1) 100%
             );
     }
     
     .apHdIt .icon.avatar img {
          width: 100%;
          height: 100%;
          object-fit: cover
     }
     
     .apHdIt .title {
          font-weight: 600;
          font-size: 14px;
          line-height: 16px;
          color: #7750f6;
     }
     
     .apHdIt .text {
          font-weight: 600;
          font-size: 12px;
          line-height: 12px;
          color: #8b98b8;
          margin-top: 6px
     }
     
     .apHdIt .arrows {
          color: #7750f6;
          display: flex;
          align-items: center
     }
     
     .apHdIt.apHdPrb {
          background: #ffff;
          border-radius: 50px;
          padding: 10px 0 10px 10px;
          color: #7750f6;
     }
     
     .appContent {
          padding-bottom: 40px
     }
     
     @media (min-width: 992px) {
          .appContent {
               padding: 0 30px 30px
          }
     }
     
     .hiddenTitle {
          display: none;
          visibility: hidden;
          opacity: 0
     }
     
     .nwoNav {
          background: #fff;
          border: 1px solid #fff;
          border-radius: 15px;
          margin: 0;
          list-style: none;
          padding: 7px;
          display: flex
     }
     
     .nwoNav .nwoNavLink {
          border: none;
          outline: none;
          border-radius: 11px;
          font-weight: 600;
          font-size: 14px;
          line-height: 16px;
          background-color: transparent;
          color: #fa329c;
          padding: 13px 25px;
          transition: .14s ease
     }
     
     .nwoNav .nwoNavLink.active {
          background: linear-gradient(
               to right,
               rgba(250, 50, 157, 1) 0%,
               rgba(162, 13, 160, 1) 100%
             );
          color: #fff
     }
     
     .nwoTabs .nwoTab {
          display: none
     }
     
     .nwoTabs .nwoTab.active {
          display: block
     }
     
     .nwoDeIt {
          height: 47px;
          padding: 0 10px;
          display: flex;
          align-items: center;
          gap: 20px;
          background: #fff;
          border: 1px solid #fa329c;
          border-radius: 15px
     }
     
     .nwoDeIt.description {
          height: auto;
          padding: 20px
     }
     
     .nwoDeIt.description .text {
          color: #fff
     }
     
     @media (min-width: 992px) {
          .nwoDeIt.description {
               padding: 30px
          }
     }
     
     .nwoDeIt .icon {
          width: 32px;
          height: 32px;
          color: #fff;
          background-color: #192149;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 50%
     }
     
     .nwoDeIt .text {
          font-weight: 600;
          font-size: 14px;
          line-height: 16px;
          color: #fff;
          overflow-wrap: break-word;
          max-width: 100%
     }
     
     .s-row {
          display: flex;
          align-items: center;
          gap: 10px
     }
     
     .s-row.s-title {
          font-weight: 600;
          display: none;
          color: #fa329c;
     }
     
     @media (min-width: 992px) {
          .s-row.s-title {
               display: flex;
               justify-content: center;
          }
     }
     
     .s-col {
          flex: 0 0 auto
     }
     
     @media (min-width: 992px) {
          .s-col {
               flex: 0 0 50px;
               width: 50px
          }
     
          .s-col.s-col-sm {
               flex: 0 0 70px;
               width: 70px
          }
     
          .s-col.s-col-md {
               flex: 0 0 100px;
               width: 100px
          }
     
          .s-col.s-col-lg {
               flex: 0 0 180px;
               width: 180px
          }
     
          .s-col.s-title {
               flex: 1 0 0;
               width: auto
          }
     }
     
     .services-wrapper {
          display: flex;
          flex-wrap: wrap;
          width: 100%
     }
     
     @media (min-width: 992px) {
          .services-wrapper {
               flex-direction: column
          }
     }
     
     .si-wrapper {
          flex: 0 0 auto;
          width: 100%;
          position: relative
     }
     
     @media (min-width: 768px) {
          .si-wrapper {
               flex: 0 0 auto;
               width: 50%
          }
     }
     
     @media (min-width: 992px) {
          .si-wrapper {
               width: 100%
          }
     }
     
     .service-item {
          padding: 12px 30px;
          border-radius: 15px;
          margin-bottom: 14px;
          background: #fff;
          border: 1px solid #fa329c;
          box-sizing: border-box;
          border-radius: 15px
     }
     
     @media (max-width: 992px) {
          .service-item .s-row {
               flex-wrap: wrap;
               align-items: center
          }
     
          .service-item .s-col-avtime {
               width: 100%;
               text-align: center
          }
     
          .service-item .s-col-btn {
               flex: 1
          }
     
          .service-item .s-col {
               padding: 0
          }
     
          .service-item .s-col::before {
               content: attr(data-title);
               display: block;
               padding-bottom: 6px;
               font-weight: 600;
               color: red;
               font-size: 13px
          }
     
          .service-item .s-col-fav {
               order: 100
          }
     
          .service-item .s-col-id {
               width: 100%;
               text-align: center
          }
     
          .service-item .s-title {
               width: 100%;
               text-align: center
          }
     
          .service-item .s-col-c {
               width: 30%;
               text-align: center
          }
     }
     
     .services-head-row .service-item {
          background-color: transparent;
          border: none
     }
     
     .sp-serv-title {
          font-weight: 600;
          font-size: 14px;
          line-height: 17px
     }
     
     .sp-serv-sm {
          font-weight: 600;
          font-size: 16px;
          line-height: 17px;
          color: #e84393
     }
     
     @media (min-width: 992px) {
          .sp-serv-sm {
               color: #949494;
               font-size: 14px
          }
     }
     
     .orlc {
          border-radius: 10px;
          font-weight: 600;
          font-size: 14px;
          line-height: 17px;
          padding: 5px 10px;
          background: #f7fafc;
          color: #74809d;
          border-radius: 10px
     }
     
     .orlc.min {
          background: rgba(45, 250, 213, 0.18);
          color: #0a977e;
          border: 1px solid #0a977e
     }
     
     .orlc.max {
          background: rgba(255, 38, 38, 0.25);
          color: #FE7E7E;
          border: 1px solid #FE7E7E
     }
     
     .sp-services .card {
          margin-bottom: 30px
     }
     
     @media (min-width: 992px) {
          .sp-services .card {
               background-color: #fff;
               border: 1px solid #eee;
               overflow: hidden
          }
     }
     
     .si-header {
          padding: 25px 30px;
       background: linear-gradient(
          to right,
          rgba(250, 50, 157, 1) 0%,
          rgba(162, 13, 160, 1) 100%
        );
          border-radius: 15px;
          margin-bottom: 14px
     }
     
     .si-header .si-title {
          font-weight: 600;
          font-size: 19px;
          line-height: 23px;
          color: #fff;
          margin-bottom: 0
     }
     
     .search-services {
          height: 40px;
          position: relative
     }
     
     .search-services:focus-within .icon {
          color: #fff
     }
     
     .search-services .icon {
          width: 40px;
          height: 40px;
          display: flex;
          align-items: center;
          justify-content: center;
          position: absolute;
          color: #92969d;
          transition: .14s ease
     }
     
     .search-services .textbox {
          width: calc(100% - 40px);
          margin-left: 40px;
          height: 40px;
          background-color: transparent;
          outline: none;
          border: none;
          color: #252525;
          font-weight: 600;
          font-size: 14px;
          line-height: 16px
     }
     
     .search-services .textbox::placeholder {
          color: #92969d
     }
     
     .orders-nav-wrapper {
          padding-top: 30px;
          margin-bottom: 30px
     }
     
     .orders-nav {
          list-style: none;
          margin: 0;
          padding: 0 0 10px;
          display: flex;
          align-items: center;
          gap: 10px;
          flex-wrap: wrap
     }
     
     .orders-nav-link {
          background: #fff;
          border: 1px solid #fa329c;
          box-sizing: border-box;
          border-radius: 15px;
          color: #fa329c;
          display: flex;
          align-items: center;
          gap: 10px;
          padding: 10px 20px;
          transition: .14s ease
     }
     
     .orders-nav-link:focus {
          box-shadow: 0 0 0 .25rem rgba(94, 10, 239, 0.25)
     }
     
     .orders-nav-link.active {
          background:linear-gradient(
               to right,
               rgba(250, 50, 157, 1) 0%,
               rgba(162, 13, 160, 1) 100%
             );
          border-color: #fa329c !important;
          color: #fff
     }
     
     .orders-nav-link.active:hover {
          background-color: #fa329c;
          border-color: #fa329c !important;
          color: #fff;
     }
     
     @media (min-width: 992px) {
          .orders-nav-link {
               padding: 10px 13px
          }
     }
     
     @media (min-width: 1200px) {
          .orders-nav-link {
               padding: 11px 15px
          }
     }
     
     @media (min-width: 1400px) {
          .orders-nav-link {
               padding: 14px 18px
          }
     }
     
     .orders-nav-link .icon {
          font-size: 20px;
          display: flex;
          align-items: center
     }
     
     .orders-nav-link .text {
          font-weight: 600;
          font-size: 14px;
          line-height: 16px
     }
     
     .op-search-box {
          transition: .14s ease
     }
     
     .op-search-box:focus-within {
          box-shadow: 0 0 0 .25rem rgba(94, 10, 239, 0.25)
     }
     
     .op-search-box .icon {
          color: #637990
     }
     
     .op-search-box input {
          transition: .14s ease;
          background-color: transparent;
          border: none;
          outline: none;
          flex: 1;
          color: #fff;
          font-weight: 600;
          font-size: 14px;
          line-height: 16px
     }
     
     .op-search-box input::placeholder {
          color: #566676
     }
     
     .op-card {
          margin-bottom: 30px
     }
     
     .op-card .op-card--top {
          padding-bottom: 30px;
          border-bottom: 1px solid #0c141b
     }
     
     .op-card .op-card--bottom {
          padding-top: 30px
     }
     
     .op-stats {
          display: block;
          font-weight: 600;
          font-size: 14px;
          line-height: 20px;
          text-align: center;
          border: 1px solid #fff;
          background-color: rgba(255, 255, 255, 0.15);
          border-radius: 15px;
          padding: 20px 34px
     }
     
     .op-stats.op-stats-sm {
          padding: 16px 30px;
          border-color: rgba(255, 255, 255, 0.15) !important
     }
     
     .op-stats.op-stats-btn {
          padding: 20px;
          display: inline-block;
          background: #0258FF;
          border: none;
          color: #566676;
          transition: .14s ease;
          color: #fff
     }
     
     .op-stats.op-stats-btn:focus {
          box-shadow: 0 0 0 .25rem rgba(94, 10, 239, 0.25)
     }
     
     .op-stats.op-stats-btn.cs-btn {
          font-size: 24px;
          margin-bottom: 0
     }
     
     .op-stats.primary {
          background-color: #00B67A;
          border: none;
          color: #fff
     }
     
     .op-stats.secondary {
          background-color: #192149;
          border: none;
          color: #fff
     }
     
     .op-stats.info {
          background-color: #029fff;
          border: none;
          color: #fff
     }
     
     .op-stats.warning {
          background-color: #fbbc05;
          border: none;
          color: #fff
     }
     
     .op-stats.danger {
          background-color: #f65619;
          border: none;
          color: #fff
     }
     
     .op-stats.danger-btn {
          border: 1px solid #f65619;
          background: rgba(246, 86, 25, 0.1);
          color: #f65619
     }
     
     .op-service-title {
          font-weight: 600;
          font-size: 14px;
          line-height: 25px;
          color: #fdfdfd;
          margin-bottom: 0
     }
     
     .op-search-box.op-order-link {
          display: flex;
          width: 100%
     }
     
     .op-search-box.op-order-link .link {
          display: block;
          width: 100%;
          flex: 1 0 0;
          font-weight: 500;
          font-size: 12px;
          line-height: 18px;
          color: #637990;
          opacity: .8;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden
     }
     
     .op-date {
          font-weight: 600;
          font-size: 16px;
          line-height: 25px;
          color: #566676
     }
     
     .op-date::before {
          content: "";
          width: 9px;
          height: 9px;
          background: #9aacbd;
          display: inline-block;
          border-radius: 50%;
          margin-right: 14px;
          margin-left: 0
     }
     
     .op-item {
          display: flex;
          align-items: center;
          gap: 8px;
          flex-direction: column
     }
     
     @media (min-width: 992px) {
          .op-item {
               flex-direction: row
          }
     }
     
     .op-item .title {
          font-size: 14px;
          line-height: 18px;
          color: #72879d
     }
     
     .op-item .icon {
          display: flex;
          align-items: center;
          font-size: 24px;
          color: #fdfdfd
     }
     
     .op-item .text {
          font-weight: 700;
          font-size: 23px;
          color: #fdfdfd;
          line-height: 27px
     }
     
     .af-text {
          font-weight: 600;
          font-size: 16px;
          line-height: 20px;
          color: #fff;
          margin-bottom: 0
     }
     
     .card-af-top {
          margin-bottom: 30px
     }
     
     .af-nav-pay {
          display: flex;
          margin: 0 0 10px !important;
          justify-content: space-between;
          gap: 10px
     }
     
     .af-nav-pay .nav-item {
          position: relative;
          flex: 1;
          margin-bottom: 10px
     }
     
     @media (max-width: 992px) {
          .af-nav-pay {
               flex-wrap: nowrap;
               overflow-x: auto
          }
     }
     
     .af-nav-pay .nav-link {
          font-weight: 600;
          font-weight: 600;
          font-size: 12px;
          line-height: 15px;
          color: #192149;
          padding: 15px 0;
          width: 100%;
          background: #151b26;
          border: 1px solid #171f2e;
          box-sizing: border-box;
          border-radius: 15px;
          min-width: 80px;
          color: #fff
     }
     
     .af-nav-pay .nav-link .icon {
          height: 50px;
          display: flex;
          align-items: center;
          justify-content: center;
          transition: .14s ease
     }
     
     .af-nav-pay .nav-link.active {
          background: #e84393;
          border-color: #171f2e
     }
     
     .af-nav-pay .nav-link.active .icon {
          opacity: 1
     }
     
     .af-pm-title {
          font-weight: 600;
          font-size: 19px;
          line-height: 22px;
          color: #fff;
          margin-bottom: 14px
     }
     
     .paytab-head {
          margin-bottom: 30px
     }
     
     .af-pm-about {
          font-weight: 600;
          font-size: 16px;
          line-height: 20px;
          color: #636b82;
          margin-bottom: 0
     }
     
     .af-pm-text {
          font-weight: 400;
          font-size: 14px;
          line-height: 22px;
          color: #fff;
          margin-bottom: 0
     }
     
     @media (min-width: 768px) {
          .af-pm-text {
               padding: 30px;
               background: #fa329c;
               border: 1px solid #fa329c;
               box-sizing: border-box;
               border-radius: 20px
          }
     }
     
     .af-pm-img {
          width: 60px
     }
     
     .af-ph {
          background: #293141;
          border: 1px solid #333d54;
          box-sizing: border-box;
          border-radius: 15px;
          font-weight: 600;
          font-size: 16px;
          line-height: 18px;
          padding: 20px 24px;
          margin-bottom: 14px
     }
     
     .af-pm-list {
          font-weight: 600;
          font-size: 14px;
          line-height: 20px;
          color: #000;
          margin-bottom: 20px;
          padding-left: 1.25rem
     }
     
     .af-pm-list>li+li {
          margin-top: 10px
     }
     
     .sc-sup-item {
          background: #171f2e;
          border: 1px solid #0C141B;
          box-sizing: border-box;
          border-radius: 15px;
          padding: 18px 30px;
          display: block;
          width: 100%;
          transition: .14s ease
     }
     
     .sc-sup-item:hover {
          background: #0C141B;
          border: 1px solid #171f2e
     }
     
     .sc-sup-item .title {
          font-weight: 600;
          font-size: 14px;
          line-height: 16px;
          color: #8b98b8;
          margin-bottom: 10px
     }
     
     .sc-sup-item .text {
          font-weight: 600;
          font-size: 14px;
          line-height: 16px;
          color: #fff;
          margin-bottom: 10px
     }
     
     @media (min-width: 992px) {
          .sc-sup-item .text {
               margin-bottom: 0
          }
     }
     
     .sc-sup-item+.sc-sup-item {
          margin-top: 13px
     }
     
     .sd-head {
          padding: 20px 0 30px
     }
     
     .sd-back {
          display: block;
          padding: 10px 0 12px;
          margin: 10px 0;
          color: #fff;
          position: relative;
          display: flex;
          align-items: center;
          text-decoration: none;
          font-weight: 600;
          font-size: 16px;
          line-height: 20px
     }
     
     .sd-back:hover {
          color: #fff
     }
     
     .sd-back:hover::after {
          left: -18px;
          right: -18px
     }
     
     .sd-back i,
     .sd-back span {
          position: relative;
          z-index: 3
     }
     
     .sd-back::after {
          content: "";
          height: 2px;
          background-color: #0258FF;
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          transition: .14s ease
     }
     
     .sd-tid {
          display: flex;
          align-items: center;
          gap: 30px
     }
     
     .sd-tid .title {
          font-weight: 600;
          font-size: 25px;
          line-height: 31px;
          color: #0c2447;
          margin: 0
     }
     
     .sd-tid .tid {
          display: block;
          background-color: #0258FF;
          border-radius: 40px;
          font-weight: 600;
          font-size: 16px;
          line-height: 20px;
          color: #ffff;
          padding: 14px 30px
     }
     
     .tc-tdet-title {
          font-weight: 600;
          font-size: 25px;
          line-height: 31px;
          margin-bottom: 0
     }
     
     .sd-cb {
          padding: 7px 8px 7px 30px
     }
     
     .sd-cb .row {
          align-items: center
     }
     
     .tc-ti-title {
          font-weight: 600;
          font-size: 16px;
          line-height: 20px;
          color: #72879d;
          margin-bottom: 0
     }
     
     .tc-ti-text {
          font-weight: 600;
          font-size: 14px;
          line-height: 20px;
          color: #fff;
          background-color: #0258FF;
          padding: 14px 0;
          width: 150px;
          text-align: center;
          border-radius: 0 15px 15px 0
     }
     
     .ticket-message-block {
          display: flex
     }
     
     .ticket-message-block.ticket-message-left+.ticket-message-left {
          margin-top: -50px
     }
     
     .ticket-message-block.ticket-message-right+.ticket-message-right {
          margin-top: -50px
     }
     
     .ticket-message-block.ticket-message-right {
          justify-content: flex-end
     }
     
     .ticket-message-block.ticket-message-right .ticket-msg-container {
          text-align: right
     }
     
     .ticket-message-block.ticket-message-right .ticket-msg-container .ticket-msg {
          background: #171f2e;
          border-radius: 20px 20px 0 20px
     }
     
     .ticket-message-block.ticket-message-left .ticket-msg-container .ticket-msg {
          border-radius: 20px 20px 20px 0
     }
     
     .ticket-message-block .ticket-msg-container {
          width: 100%;
          max-width: 400px
     }
     
     .ticket-message-block .ticket-msg-container .ticket-msg {
          background: #e84393;
          border-radius: 30px;
          padding: 14px 26px;
          display: inline-flex;
          margin-bottom: 12px;
          font-weight: 500;
          font-size: 13px;
          line-height: 22px;
          letter-spacing: .3px;
          color: #fff
     }
     
     .ticket-message-block .ticket-msg-container .date-time {
          font-size: 12px;
          line-height: 15px;
          color: #747886;
          margin-bottom: 30px;
          padding: 0 10px;
          display: block
     }
     
     .schat-body .schat-chat-body {
          max-height: 553px;
          overflow-y: auto;
          margin: 0 -24px;
          padding: 0 24px
     }
     
     .schat-body .schat-chat-body::-webkit-scrollbar {
          width: 6px;
          border-radius: 3px
     }
     
     .schat-body .schat-chat-body::-webkit-scrollbar-track {
          background: transparent;
          border-radius: 3px
     }
     
     .schat-body .schat-chat-body::-webkit-scrollbar-thumb {
          background: rgba(255, 255, 255, 0.2);
          border-radius: 3px
     }
     
     .schat-body .schat-chat-body::-webkit-scrollbar-thumb:hover {
          background: rgba(255, 255, 255, 0.4)
     }
     
     .schat-body .schat-input {
          padding-top: 10px
     }
     
     .schat-msg-input {
          position: relative;
          display: flex;
          background: #0c141b;
          border-radius: 0 0 28px 28px;
          height: 70px;
          align-items: center
     }
     
     .schat-msg-input input {
          border: none;
          outline: none;
          background: transparent;
          flex: 1;
          padding: 0 30px;
          font-size: 14px;
          line-height: 17px;
          color: #fff
     }
     
     .schat-msg-input input::placeholder {
          color: rgba(255, 255, 255, 0.6)
     }
     
     a {
          color: #0258FF;
          transition: .14s ease;
          text-decoration: none
     }
     
     a:hover {
          color: #19b7e7;
          text-decoration: underlin
     }
     
     .payments-table {
          width: 100%
     }
     
     .payments-table tr {
          background: #f9f9f9;
          border-radius: 10px;
          padding: 12px 14px;
          display: block;
          display: flex;
          align-items: center;
          margin: 0 -10px;
          justify-content: space-between;
          margin-bottom: 14px
     }
     
     .payments-table tr>td {
          padding: 0 10px
     }
     
     .payments-table .pyt-id {
          background: #21c5fb;
          border-radius: 7px;
          color: #fff;
          padding: 12px 24px;
          font-weight: 600;
          font-size: 16px;
          line-height: 20px
     }
     
     .payments-table .pyt-title {
          font-weight: 700;
          font-size: 16px;
          line-height: 20px;
          margin-bottom: 2px
     }
     
     .payments-table .pyt-text {
          font-weight: 600;
          font-size: 16px;
          line-height: 20px;
          color: #21c5fb;
          margin-bottom: 0
     }
     
     .btn.sd-send-btn {
          box-shadow: none;
          display: flex;
          align-items: center
     }
     
     .scd-title {
          font-weight: 600;
          font-size: 25px;
          line-height: 31px;
          color: #fff;
          margin-bottom: 0
     }
     
     .scd-id {
          background: #e84393;
          border-radius: 15px;
          padding: 12px 20px;
          font-weight: 600;
          font-size: 16px;
          line-height: 20px;
          color: #fff
     }
     
     .scd-item {
          background: #151b26;
          border: 1px solid #171f2e;
          border-radius: 15px;
          padding: 20px 24px;
          font-weight: 600;
          font-size: 16px;
          line-height: 18px;
          display: flex;
          align-items: center;
          gap: 10px
     }
     
     .scd-item+.scd-item {
          margin-top: 14px
     }
     
     .scd-item .title {
          flex: 1
     }
     
     .scd-item .text {
          color: #e84393
     }
     
     .dh-icon {
          background-color: #e84393;
          color: #fff;
          border-radius: 50%;
          position: relative;
          height: 64px;
          width: 64px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 32px;
          font-weight: 400
     }
     
     .afp-ftext {
          font-weight: 600;
          font-size: 16px;
          line-height: 20px;
          color: #fff
     }
     
     .afp-top {
          margin-bottom: 30px
     }
     
     .aft-item {
          display: flex;
          gap: 17px;
          align-items: center;
          margin: 5px 0
     }
     
     .aft-item .title {
          font-weight: 600;
          font-size: 14px;
          line-height: 18px;
          color: #4e5d7c;
          margin-bottom: 4px
     }
     
     .aft-item .text {
          font-weight: 600;
          font-size: 16px;
          line-height: 22px;
          color: #fff
     }
     
     .aft-box-row {
          margin: 0 -8px -10px
     }
     
     .aft-box-row>.col {
          padding: 0 8px
     }
     
     .aft-box-row>.col:nth-child(1n) .aft-box .icon {
          background-color: #0258FF
     }
     
     .aft-box-row>.col:nth-child(2n) .aft-box .icon {
          background-color: #F65619
     }
     
     .aft-box-row>.col:nth-child(3n) .aft-box .icon {
          background-color: #8000FF
     }
     
     .aft-box-row>.col:nth-child(4n) .aft-box .icon {
          background-color: #FBBC05
     }
     
     .aft-box-row>.col:nth-child(5n) .aft-box .icon {
          background-color: #F09
     }
     
     .aft-box {
          position: relative;
          overflow: hidden;
          margin-bottom: 16px;
          padding: 10px;
          display: flex;
          align-items: center;
          gap: 20px
     }
     
     .aft-box .icon {
          width: 56px;
          height: 56px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 50%;
          font-size: 30px;
          font-weight: 400
     }
     
     .aft-box .title {
          font-weight: 600;
          font-size: 14px;
          line-height: 17px;
          color: #fff
     }
     
     .aft-box .text {
          font-weight: 600;
          font-size: 25px;
          line-height: 25px;
          color: #fff
     }
     
     .card-header-ap {
          background-image: url(../img/card-head-ap.png)
     }
     
     .acc-avatar {
          width: 66px;
          height: 66px;
          border-radius: 50%;
          object-fit: cover
     }
     
     .acc-username {
          font-size: 19px;
          line-height: 19px;
          letter-spacing: .01em;
          color: #fff;
          display: flex;
          align-items: center
     }
     
     .acc-username .txt {
          font-weight: 600
     }
     
     .acc-username i {
          color: #647494
     }
     
     .acc-email {
          font-weight: 400;
          font-size: 14px;
          line-height: 17px;
          margin-top: 8px;
          color: #4e5d7c
     }
     
     .acc-switch {
          display: flex;
          background: #192149;
          border-radius: 15px;
          height: 58px;
          padding: 8px;
          outline: none;
          min-width: 122px;
          align-items: center;
          justify-content: center;
          gap: 8px;
          position: relative;
          transition: .14s ease;
          border: 1px solid #192149
     }
     
     .acc-switch:focus {
          box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0.25)
     }
     
     .acc-switch.gs-female .acc-switch-bg {
          left: 50%
     }
     
     .acc-switch .acc-switch-bg {
          position: absolute;
          z-index: 3;
          border-radius: 12px;
          background-color: #0258FF;
          left: 8px;
          width: calc(50% - 8px);
          top: 8px;
          bottom: 8px;
          transition: .2s ease
     }
     
     .acc-switch .btn-gender {
          position: relative;
          z-index: 5;
          outline: none;
          border: none;
          background-color: transparent;
          width: calc(50% - 8px);
          font-size: 18px;
          line-height: 16px;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #fff
     }
     
     .acc-icon {
          width: 44px;
          height: 44px;
          border-radius: 50%;
          background-color: rgba(2, 88, 255, 0.25);
          color: #0258FF;
          font-size: 24px;
          display: flex;
          align-items: center;
          justify-content: center
     }
     
     .acc-icon.i-1 {
          background: rgba(246, 86, 25, 0.15);
          color: #f65619
     }
     
     .acc-icon.i-2 {
          background: rgba(0, 182, 122, 0.15);
          color: #00B67A
     }
     
     .acc-item {
          padding: 10px 0;
          flex-wrap: nowrap;
          overflow: hidden
     }
     
     .acc-item-title {
          font-weight: 600;
          font-size: 13px;
          line-height: 19px;
          letter-spacing: .01em;
          color: rgba(255, 255, 255, 0.622);
          margin-bottom: 6px
     }
     
     .acc-item-text {
          font-weight: 600;
          font-size: 16px;
          line-height: 19px;
          color: rgba(255, 255, 255, 0.848);
          display: inline-block;
          max-width: 100%;
          white-space: nowrap;
          overflow: hidden !important;
          text-overflow: ellipsis
     }
     
     .serch-in-updates {
          background: #0C141B;
          border: 1px solid #151b26;
          border-radius: 15px;
          height: 58px;
          position: relative;
          padding-left: 58px;
          color: #92969d
     }
     
     .serch-in-updates::before {
          content: "\f0cd";
          font-family: remixicon !important;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          width: 58px;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 18px
     }
     
     .serch-in-updates input {
          width: 100%;
          height: 100%;
          border: none;
          outline: none;
          background-color: transparent;
          color: #fff;
          font-weight: 500
     }
     
     .serch-in-updates input::placeholder {
          color: rgba(255, 255, 255, 0.5)
     }
     
     .btn-filter {
          background-color: #fff;
          display: flex;
          align-items: center;
          border: 1px solid #ebf2fa
     }
     
     .btn-filter .icon {
          color: #0258FF
     }
     
     .blog-head {
          padding: 30px 4px
     }
     
     @media (min-width: 992px) {
          .blog-head {
               padding: 70px 0 50px
          }
     }
     
     .blogs-title {
          font-weight: 600;
          font-size: 35px;
          line-height: 40px;
          color: #fff
     }
     
     .blogs-text {
          font-weight: 600;
          font-size: 16px;
          line-height: 22px;
          color: #8b98b8
     }
     
     .blogs {
          padding-bottom: 100px
     }
     
     .blog-item {
          position: relative;
          margin-bottom: 30px
     }
     
     .blog-item .blog-img {
          position: relative;
          padding-top: 55%;
          width: 100%;
          border-radius: 20px 20px 0 0;
          background-color: #192149
     }
     
     .blog-item .blog-img img {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          object-fit: cover
     }
     
     .blog-item .blog-title {
          font-weight: 600;
          font-size: 19px;
          line-height: 22px;
          color: #fff;
          margin-bottom: 22px
     }
     
     .blog-item .blog-content {
          font-size: 14px;
          line-height: 21px;
          color: #8b98b8;
          margin-bottom: 24px
     }
     
     .blog-single-head {
          padding: 20px 0 30px
     }
     
     @media (min-width: 992px) {
          .blog-single-head {
               padding: 60px 0 30px
          }
     }
     
     .b-title {
          font-weight: 600;
          font-size: 35px;
          line-height: 40px;
          color: #fff;
          margin-bottom: 30px
     }
     
     .b-user {
          display: inline-flex;
          align-items: center;
          gap: 20px
     }
     
     .b-user-right {
          text-align: left;
          font-weight: 600
     }
     
     .b-user-name {
          font-size: 19px;
          line-height: 22px;
          color: #bac4d2;
          margin-bottom: 3px
     }
     
     .b-user-title {
          font-size: 12px;
          line-height: 14px;
          color: #92969d
     }
     
     .b-go-services {
          padding-bottom: 30px
     }
     
     .bgo-title {
          font-weight: 600;
          font-size: 19px;
          line-height: 22px;
          color: #fff;
          margin-bottom: 10px
     }
     
     .bgo-text {
          font-weight: 600;
          font-size: 14px;
          line-height: 16px;
          color: #92969d
     }
     
     .blog-single-content {
          padding-bottom: 100px;
          font-weight: 600;
          font-size: 16px;
          line-height: 20px;
          color: #ffffff8c
     }
     
     .blog-single-content h1,
     .blog-single-content h2,
     .blog-single-content h3,
     .blog-single-content h4,
     .blog-single-content h5,
     .blog-single-content h6 {
          color: #fff;
          font-weight: 600;
          margin-bottom: 20px
     }
     
     .blog-single-content h1 {
          font-size: 32px
     }
     
     .blog-single-content h2 {
          font-size: 28px
     }
     
     .blog-single-content h3 {
          font-size: 24px
     }
     
     .blog-single-content h4 {
          font-size: 20px
     }
     
     .blog-single-content h5 {
          font-size: 18px
     }
     
     .blog-single-content h6 {
          font-size: 16px
     }
     
     .register-page {
          position: relative;
          min-height: 100vh;
          background: #fff;
          width: 100%;
          display: flex;
          align-items: center;
          overflow: hidden
     }
     
     @media (min-width: 1200px) {
          .register-page::before {
               content: "";
               left: 0;
               top: 0;
               bottom: 0;
               width: calc(50% - 50px);
               position: absolute;
               background-color: #fa329c;
               background-image: url("https://res.cloudinary.com/sol-0123456789/image/upload/v1678103039/userkv/t3qhe3wfw3ei044n_pddqth.png");
               background-size: cover;
               background-position: center;
               background-repeat: no-repeat;
          }
     }
     
     .register-left {
          min-height: 100vh;
          position: relative
     }
     
     .register-img {
          position: absolute;
          right: 0;
          bottom: 0;
          max-width: 130%
     }
     
     .register-go-back {
          font-size: 16px;
          line-height: 1.3;
          letter-spacing: -.02em;
          color: #000;
          display: flex;
          align-items: center;
          margin-bottom: 30px
     }
     
     .register-go-back span {
          font-weight: 600
     }
     
     .login-title {
          font-weight: 600;
          font-size: 25px;
          line-height: 1.2px;
          letter-spacing: -.05em;
          color: #fff;
          margin-bottom: 20px
     }
     
     .login-text {
          font-weight: 600;
          font-size: 12px;
          line-height: 25px;
          letter-spacing: -.02em;
          color: #606b80;
          margin-bottom: 22px
     }
     
     .login-label {
          font-weight: 600;
          font-size: 14px;
          line-height: 25px;
          color: #fff;
          margin-bottom: 10px
     }
     
     .login-control {
          background: #fff;
          border: 1px solid #151b26;
          box-sizing: border-box;
          border-radius: 15px;
          height: 50px;
          width: 100%;
          position: relative;
          transition: .14s ease;
          caret-color: #7750f6;
     }
     
     .login-control:focus-within {
          background-color: #fff !important;
     }
     
     .login-control:focus-within .icon {
          color: #252525;
     }
     
     .login-control .icon {
          position: absolute;
          top: 50%;
          left: 0;
          transform: translateY(-50%);
          width: 54px;
          height: 22px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 20px;
          transition: .14s ease;
          color: #fa329c;
         
     }
     
     .login-control input {
          margin-left: 44px;
          width: calc(100% - 54px);
          height: 100%;
          border: none;
          outline: none;
          background: #fff ;
          padding: 0 14px;
          font-weight: 600;
          font-size: 14px;
          color:#7750f6;
     }
     
     .register-left {
          position: relative
     }
     
     .register-phone {
          max-width: 140%;
          position: absolute;
          right: 50px
     }
     
     .home-menu-btn {
          position: relative;
          width: 44px;
          height: 44px;
          border-radius: 15px;
          background-color: #171f2e;
          color: #e84393;
          outline: none;
          border: none;
          font-size: 18px;
          transition: .14s ease;
          z-index: 1020
     }
     
     .home-menu-btn i {
          position: absolute;
          top: 10px;
          left: 13px
     }
     
     .form-group.fields {
          margin-bottom: 1.5rem !important
     }
     
     .select2-results__option a {
          color: #fff !important;
          font-size: 14px !important
     }
     
     .select2-results__option a:hover {
          background: #171f2e;
          color: #fff !important
     }
     
     .select2-container--default .select2-results>.select2-results__options,
     .select2-container--open .select2-dropdown--below,
     .select2-container--default .select2-results__option[aria-selected=true],
     .select2-container--default .select2-results__option:hover {
          background-color: #0c141b !important
     }
     
     .select2-container--default .select2-selection--single {
          height: 50px;
          line-height: 36px
     }
     
     .select2-results__option a {
          border-bottom: 1px solid #171f2e
     }
     
     .modal-wrapper {
          margin: auto;
          background-color: rgba(0, 0, 0, 0.5);
          backdrop-filter: blur(5px);
          position: fixed;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          z-index: 2000;
          display: none;
          align-items: center;
          justify-content: center;
          box-shadow: 0 2px 5px #000
     }
     
     .modal-wrapper.active {
          display: flex
     }
     
     .mbo-wrapper {
          height: 100%;
          width: 100%;
          padding: 40px 20px;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-wrap: nowrap;
          white-space: nowrap;
          overflow-y: auto
     }
     
     .modal-box {
          margin: auto 0;
          max-width: 560px;
          width: 100%;
          border-radius: 25px;
          background-color: #0C141B;
          text-align: left;
          position: relative
     }
     
     .m-header {
          padding: 30px;
          background-color: #e84393;
          background-size: cover;
          background-position: center;
          border-radius: 25px 25px 0 0;
          white-space: normal
     }
     
     .m-body {
          padding: 30px;
          white-space: normal
     }
     
     .m-title {
          font-weight: 600;
          font-size: 16px;
          line-height: 30px;
          letter-spacing: -.005em;
          color: #fff;
          margin-bottom: 0
     }
     
     .m-close {
          border: none;
          outline: none;
          background-color: transparent;
          width: 40px;
          height: 40px;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #fff;
          font-size: 20px;
          border-radius: 15px;
          position: absolute;
          z-index: 3001;
          top: 30px;
          right: 30px
     }
     
     .m-close:focus {
          box-shadow: 0 0 0 .25rem rgba(2, 88, 255, 0.2)
     }
     
     .m-sub-title {
          margin-top: 4px;
          font-weight: 600;
          font-size: 14px;
          line-height: 26px;
          letter-spacing: -.005em;
          color: rgba(255, 255, 255, 0.6);
          margin-bottom: 0
     }
     
     .modal-body,
     .modal-header {
          background: #fff
     }
     
     .modal-header {
          border: none
     }
     
     .badgearea .badge {
          background: #4a5cf6;
          border-radius: 7px;
          padding: 3px 10px;
          margin: 0 5px 0 0;
          color: #fff;
          font-weight: 400
     }
     
     .badge.garanti {
          background: rgba(37, 159, 86, 0.5)
     }
     
     .badge.iptal {
          background: rgba(255, 38, 38, 0.5)
     }
     
     .badge.hizli {
          background: rgba(59, 255, 211, 0.5)
     }
     
     .badge.sureli {
          background: rgba(72, 0, 133, 0.5)
     }
     
     .badge.yeni {
          background: rgba(255, 36, 227, 0.5)
     }
     
     .badge.onerilen {
          background: rgba(74, 92, 246, 0.5)
     }
     
     .sUpd.priceDown {
          color: rgba(133, 131, 251, 1)
     }
     
     .sUpd.newServ {
          color: rgba(59, 255, 211, 1)
     }
     
     .sUpd.priceUp {
          color: rgba(255, 38, 38, 1)
     }
     
     .sUpd.priceActive {
          color: rgba(255, 193, 7, 1)
     }
     
     .sUpd.priceCare {
          color: rgba(214, 97, 238, 1)
     }
     
     .catetitle td strong {
          background-color: #4a5cf6;
          display: block;
          padding: 12px 15px;
          margin: 0 -10px;
          text-align: center;
          font-size: 16px;
          color: #fff;
          font-weight: 500;
          border-radius: 15px
     }
     
     .thead-tr,
     .thead-tr th:first-child {
          border-radius: 15px 0 0 15px
     }
     
     .thead-tr,
     .thead-tr th:last-child {
          border-radius: 0 15px 15px 0
     }
     
     .thead-tr,
     .thead-tr th {
          background-color: #45485B;
          border-color: #0a0f1d;
          font-weight: 400;
          font-size: 12px;
          color: #fff;
          padding: 7px
     }
     
     .table td {
          border-color: #fa329c;
          color: #fa329c;
          font-size: 13px
     }
     
     .table th,
     .table thead th,
     .catetitle td {
          border: none
     }
     
     .table>:not(:last-child)>:last-child>* {
          border-bottom-color: currentColor;
          color: #fa329c;
     }
     
     @media (max-width:991.98px) {
          .header .site-name img {
               height: 70px
          }
     
          .apHdIt .arrows {
               display: none
          }
     
          .apHdIt.apHdPrb {
               background: transparent;
               border-radius: 50px;
               padding: 0
          }
     }
     
     .tooltip-inner {
          background-color: #e84393 !important;
          color: #fff
     }
     
     .bs-tooltip-top .arrow::before,
     .bs-tooltip-auto[x-placement^="top"] .arrow::before {
          border-top-color: #e84393 !important
     }
     
     .bs-tooltip-right .arrow::before,
     .bs-tooltip-auto[x-placement^="right"] .arrow::before {
          border-right-color: #e84393 !important
     }
     
     .bs-tooltip-bottom .arrow::before,
     .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
          border-bottom-color: #e84393 !important
     }
     
     .bs-tooltip-left .arrow::before,
     .bs-tooltip-auto[x-placement^="left"] .arrow::before {
          border-left-color: #e84393 !important
     }
     
     .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
     .bs-tooltip-top .tooltip-arrow::before {
          border-top-color: #e84393 !important
     }
     
     .blog-content {
          display: -webkit-box;
          -webkit-line-clamp: 6;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis
     }
     
     @media screen and (min-width: 991.98px) {
     
          .swiper-button-prev,
          .swiper-button-next {
               display: none !important
          }
     }
     
     .nwo-categories .swiper-slide {
          width: auto !important;
     }
     
     .nwo-categories .swiper-wrapper {
          position: relative;
     }
     
     .nwo-categories .swiper-wrapper::before,
     .nwo-categories .swiper-wrapper::after {
          content: "";
          position: absolute;
          top: 0;
          bottom: 0;
          z-index: 10;
     }
     
     .nwo-categories .swiper-wrapper::before {
          left: 0;
          width: 50px;
     }
     
     .nwo-categories .swiper-wrapper::after {
          left: 0;
          width: 50px;
     }
     
     .nwo-categories .swiper-button-next::after,
     .nwo-categories .swiper-button-prev::after {
          font-family: remixicon !important;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 20px;
          color: #fff;
     }
     
     .nwo-categories .swiper-button-prev::after {
          content: "\ea64";
     }
     
     .nwo-categories .swiper-button-next::after {
          content: "\ea6e";
     }
     
     .nwo-cat-btn {
          display: flex;
          align-items: center;
          gap: 15px;
          background: #171f2e;
          border: 1px solid #151b26;
          border-radius: 10px;
          padding: 15px 24px 15px 15px;
     }
     
     .nwo-cat-btn.active {
          background: #e84393;
          border: 1px solid #e84393;
     }
     
     .nwo-cat-btn.active .icon,
     .nwo-cat-btn.active .text {
          color: #fff;
     }
     
     .nwo-cat-btn .gnytMicon {
          color: #fff;
          font-size: 20px;
          display: flex;
          align-items: center;
          justify-content: center;
     }
     
     .nwo-cat-btn .text {
          font-weight: 600;
          font-size: 13px;
          line-height: 15px;
          color: #fff;
     }
     
     .t-icon {
          background: #242731;
          width: 60px;
          height: 60px;
          border-radius: 5px;
          text-align: center;
          font-size: 32px;
          color: #fff;
          line-height: 60px;
     }
     
     /* Benifits Style CSS */
     .user_current_level {
          display: flex;
          gap: 30px;
     }
     
     .user_current_level .left h2 {
          margin: 0;
          color: var(--primary-set-color);
          text-transform: capitalize;
          font-weight: bold;
          font-size: 25px;
          margin-bottom: 10px;
     }
     
     .user_current_level .left .user_spented h5 {
          font-size: 14px;
          font-weight: normal;
          color: var(--white-color);
     }
     
     .user_current_level .left .user_spented h5 span {
          display: block;
          text-align: left;
          margin-top: 1px;
          font-size: 21px;
          font-weight: bold;
     }
     
     .user_current_level .right {
          flex: 100%;
     }
     
     .user_status_bar_top {
          display: flex;
          justify-content: space-between;
          margin-bottom: 10px;
          align-items: center;
     }
     
     .status_bar_info_left h6 {
          font-size: 14px;
          font-weight: normal;
          margin-bottom: 1px;
     }
     
     .status_bar_info_left h3 {
          font-size: 25px;
          font-weight: bold;
     }
     
     .status_bar_info_right #Progress {
          font-size: 30px;
          font-weight: bold;
     }
     
     #user_status_bar {
          position: relative;
          height: 20px;
          background: white;
          border-radius: 50px;
          margin-bottom: 15px;
     }
     
     #user_progress {
          position: absolute;
          top: 0;
          left: -2px;
          border-radius: 50px;
          height: 20px;
          background: #e84393;
          transition: 1s ease-in;
     }
     
     .status_item_top {
          display: flex;
          justify-content: space-between;
          gap: 20px;
          align-items: center;
          margin-top: 10px;
     }
     
     .status_item_top .status_item_left {
          display: flex;
          gap: 10px;
          align-items: center;
     }
     
     .status_item_left .status_item {
          width: 70px;
          height: 70px;
          border-radius: 70px;
          font-size: 24px;
     }
     
     .status_item_left .status_item i {
          width: 100%;
          height: 100%;
          border-radius: 50px;
          display: flex;
          align-items: center;
          justify-content: center;
     }
     
     .status_item_left .status_name h5,
     .status_item_right .require_spent h5 {
          font-size: 14px;
          font-weight: normal;
          margin-bottom: 2px;
     }
     
     .status_item_left .status_name h3,
     .status_item_right .require_spent h3 {
          font-size: 25px;
          font-weight: bold;
          color: var(--white-color);
          margin: 0;
     }
     
     .benifit_item {
          display: flex;
          gap: 5px;
          align-items: center;
     }
     
     .benifit_item .icon {
          font-size: 20px;
     }
     
     .status_item_benifits {
          padding-top: 20px;
     }
     
     .benifit_item .txt {
          font-size: 16px;
          font-weight: normal;
     }
     
     .top_stages {
          position: absolute;
          top: 5px;
          right: 5px;
          padding: 1px 20px;
          background: #174e2d;
          border-radius: 50px;
          border: 1px solid #3aa766;
     }
     
     .status_item_benifits del {
          color: #7c7676;
     }
     
     /*Light Mode Style CSS*/
     @media (max-width: 991.98px) {
     
          .nwoNav li,
          .nwoNav li button {
               width: 100%
          }
     }
     
     .colorbox {
          background: #0C141B;
          border-radius: 25px;
          padding: 4px 10px;
          line-height: 32px;
          height: 42px;
     }
     
     .colorbtn {
          background: #e84393;
          border-radius: 25px;
          padding: 5px;
          line-height: 1
     }
     
     html.light .btndark,
     .btnblack {
          background: #e5e7eb;
          padding: 5px;
          line-height: 1;
          border: 0;
          color: #e84393
     }
     
     html.dark .btnlight,
     .btnblack {
          background: #141717;
          padding: 5px;
          line-height: 1;
          border: 0;
          color: #fff
     }
     
     html.black .btnlight,
     .btndark {
          background: #e84393;
          padding: 5px;
          line-height: 1;
          border: 0;
          border-radius: 25px
     }
     
     html.light .btnlight {
          background: #e84393;
          border-radius: 25px;
          padding: 5px;
          line-height: 1;
          border: 0
     }
     
     .btnlight {
          background: #141717;
          border-radius: 25px;
          padding: 5px;
          line-height: 1;
          border: 0;
          color: #fff
     }
     
     html.dark .btndark {
          background: #e84393;
          border-radius: 25px;
          padding: 5px;
          line-height: 1
     }
     
     .btnactive {
          background: #e84393
     }
     
     html.light #appDashboard,
     html.light .appAuth {
          background: #f7f8f9
     }
     
     html.light .appSidebar {
          background: #edeff2;
          border-color: #e5e7eb;
     }
     
     html.light .sbMenu .mLink .mText,
     html.light .sbMenu .mLink .mIcon {
          color: #3d4249
     }
     
     html.light .sbMenu .mLink.active .mText,
     html.light .sbMenu .mLink.active .mIcon {
          color: #fff
     }
     
     html.light .sbUsr {
          background: #e5e7eb
     }
     
     html.light .sbName,
     html.light .apPgTi,
     html.light .apHdIt .title,
     html.light .apHdIt .title,
     html.light .dropdown-item,
     html.light .card.card-no-box h2,
     html.light .card.card-no-box h3,
     html.light .pwd,
     html.light .nwo-cat-btn .text,
     html.light .nwo-cat-btn .gnytMicon,
     html.light .nwoNav .nwoNavLink,
     html.light .form-label,
     html.light label,
     html.light .form-control,
     html.light .nwoDeIt .text,
     html.light .nwoDeIt.description .text,
     html.light .goWr,
     html.light .apHdIt .arrows,
     html.light .sp-serv-title,
     html.light .sp-serv-sm,
     html.light .appAuth,
     html.light .af-pm-text,
     html.light .panel-body,
     html.light .form-select,
     html.light .af-pm-title,
     html.light .sc-sup-item .text,
     html.light .scd-title,
     html.light .acc-username,
     html.light .acc-item-title,
     html.light .acc-item-text,
     html.light .op-service-title,
     html.light .op-item .text,
     html.light .op-item .icon,
     html.light .aft-item .text,
     html.light .aft-box .title,
     html.light .aft-box .text,
     html.light .table>:not(:last-child)>:last-child>* {
          color: #3d4249
     }
     
     html.light .table>:not(:last-child)>:last-child>* {
          border-bottom-color: #e5e7eb;
     }
     
     html.light .appHeader {
          background: #edeff2;
     }
     
     html.light .apHdIt.apHdPrb,
     html.light .apHdIt .icon,
     html.light .colorbox,
     html.light .dropdown-menu {
          background: #e5e7eb
     }
     
     html.light .card,
     html.light .nwo-cat-btn,
     html.light .form-control:disabled,
     html.light .form-control[readonly],
     html.light .service-item,
     html.light .orders-nav-link {
          background: #fff !important;
          border-color: #7750f6 !important
     }
     
     html.light .form-control,
     html.light .nwoNav,
     html.light .nwoDeIt,
     html.light .af-pm-text,
     html.light .panel-body,
     html.light .form-select,
     html.light .sc-sup-item,
     html.light .scd-item {
          background: #f7f8f9 !important;
          border-color: #e5e7eb !important
     }
     
     html.light .nwo-cat-btn.active,
     html.light .orders-nav-link.active {
          background: #e84393 !important;
          border: 1px solid #e84393 !important;
     }
     
     html.light .nwo-cat-btn.active .text,
     html.light .nwo-cat-btn.active .gnytMicon,
     html.light .nwoNav .nwoNavLink.active,
     html.light .orders-nav-link.active,
     html.light .dashboard-head-wrapper .dhead-body .text {
          color: #fff
     }
     
     html.light .select2-container .badge {
          background: #6100ee
     }
     
     html.light .select2-results__option a {
          color: #3d4249 !important;
          font-size: 14px !important
     }
     
     html.light .select2-results__option a:hover {
          background: #6100ee;
          color: #fff !important
     }
     
     html.light .select2-container--default .select2-results>.select2-results__options,
     html.light .select2-container--open .select2-dropdown--below,
     html.light .select2-container--default .select2-results__option[aria-selected=true],
     html.light .select2-container--default .select2-results__option:hover {
          background-color: #f7f8f9 !important
     }
     
     html.light .menu-btn {
          background-color: #e5e7eb;
          color: #e84393;
     }
     
     html.light .modal-box {
          background-color: #f7f8f9;
     }
     
     html.light .schat-msg-input {
          background: #f7f8f9 !important
     }
     
     html.light .dashboard-head-wrapper .dhead-body .dhead-icon.pg-ap {
          color: #e84393;
     }
     
     html.light .modal-body,
     html.light .modal-header {
          background: #edeff2
     }
     
     html.light .dashboard-head-wrapper .dashboard-head {
          background: #edeff2;
          border-color: #e5e7eb
     }
     
     html.light .dashboard-head-wrapper .dhead-body .title,
     html.light .dashboard-head-wrapper .dhead-body .text {
          color: #3d4249
     }
     
     .tooltip-inner {
          background-color: #e84393 !important;
          color: #fff;
     }
     
     .bs-tooltip-top .arrow::before,
     .bs-tooltip-auto[x-placement^="top"] .arrow::before {
          border-top-color: #e84393 !important;
     }
     
     .bs-tooltip-right .arrow::before,
     .bs-tooltip-auto[x-placement^="right"] .arrow::before {
          border-right-color: #e84393 !important;
     }
     
     .bs-tooltip-bottom .arrow::before,
     .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
          border-bottom-color: #e84393 !important;
     }
     
     .bs-tooltip-left .arrow::before,
     .bs-tooltip-auto[x-placement^="left"] .arrow::before {
          border-left-color: #e84393 !important;
     }
     
     .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
     .bs-tooltip-top .tooltip-arrow::before {
          border-top-color: #e84393 !important;
     }
     
     .logo-light,
     .logo-dark,
     html.light .logo-dark {
          display: none
     }
     
     html.dark .logo-light {
          display: block
     }
     
     html.light .logo-dark {
          display: block
     }
     
     
     .help-block.min-max {
          color: #e84393
     }
     
     .brand-company .media {
          background: linear-gradient(
               to right,
               rgba(250, 50, 157, 1) 0%,
               rgba(162, 13, 160, 1) 100%
             );
          border: 1px solid #fa329c;
          box-sizing: border-box;
          border-radius: 12px;
          display: flex;
          width: 100%;
          outline: none;
          align-items: center;
          padding: 13px;
          gap: 10px;
          margin-bottom: 12px;
          cursor: pointer;
          transition: 0.14s ease;
          font-weight: 600;
          font-size: 15px;
          line-height: 10px;
          color: #ffffff;
     }
     
     .brand-company .media .icon {
          /* background: #f0f3ff; */
          border-radius: 50%;
          width: 36px;
          color: #ffffff;
          height: 36px;
          align-items: center;
          justify-content: center;
          display: flex;
          font-size: 30px;
     }
     
     .brand-company .media:hover {
          background:linear-gradient(
               to right,
               rgba(250, 50, 157, 1) 0%,
               rgba(162, 13, 160, 1) 100%
             );
          color: #fff;
     }
     
     .brand-company .row {
          --bs-gutter-x: 1.5rem;
          --bs-gutter-y: 0;
          display: flex;
          flex-wrap: wrap;
          margin-top: calc(-1 * var(--bs-gutter-y));
          margin-right: calc(-1.2 * var(--bs-gutter-x));
          margin-left: calc(-1.2 * var(--bs-gutter-x));
     }
     
     .brand-company .row [class*=col-] {
          padding-left: 5px;
          padding-right: 5px;
          margin-bottom: 10px;
          -ms-flex: 0 0 12.5%;
     }
     
     @media (max-width:456px) {
          .brand-company .row {
               margin-left: 0px;
               margin-right: 0px;
          }
     }
     
     .select2-container .badge {
          background: #e84393
     }
     
     
     
     
     
     
     
     
     
     
     
     body {
          height: 100%;
          overflow-x: hidden;
          margin: 0 auto;
     
     }
     
     .my-btn,
     .my-btn-border,
     .btn-bell {
          border-radius: 95%;
          position: fixed;
          bottom: 40px;
          right: 40px;
          transform: translate(-95%, -95%);
          transform: translate(-95%, -95%);
     
     }
     
     .my-btn {
          height: 60px;
          width: 60px;
          box-shadow: -1px 2px 10px #999;
          background: #e84393;
          animation-name: col;
          animation-duration: 4s;
          animation-iteration-count: infinite;
     }
     
     .my-btn-border {
          height: 59px;
          width: 59px;
          border: 1px solid #5100dd !important;
          animation-name: bord-pop;
          animation-duration: 4s;
          animation-iteration-count: infinite;
          box-shadow: 2px 2px 5px #ccc, -2px -2px 5px #ccc;
     }
     
     .btn-bell {
          color: white;
          margin: -37.5px auto;
          margin-right: -35.5px;
     
          font-size: 20px;
          animation-name: bell-ring;
          animation-duration: 4s;
          animation-iteration-count: infinite;
     }
     
     @keyframes bord-pop {
          0% {
               transform: translate(65%, 65%);
          }
     
          50% {
               transform: translate(65%, 65%) scale(1.9);
               opacity: 0.1;
          }
     
          100% {
               transform: translate(65%, 65%) scale(1.9);
               opacity: 0;
          }
     }
     
     @keyframes col {
          0% {
               transform: scale(1) translate(0, 0);
          }
     
          10% {
               transform: scale(1.1) translate(0, 0);
          }
     
          75% {
               transform: scale(1) translate(0, 0);
          }
     
          100% {
               transform: scale(1) translate(0, 0);
          }
     }
     
     @keyframes bell-ring {
          0% {
               transform: translate(-95%, -95%);
          }
     
          5%,
          15% {
               transform: translate(-95%, -95%) rotate(25deg);
          }
     
          10%,
          20% {
               transform: translate(-95%, -95%) rotate(-25deg);
          }
     
          25% {
               transform: translate(-95%, -95) rotate(0deg);
          }
     
          100% {
               transform: translate(-95%, -95%) rotate(0deg);
          }
     }
     
     
     
     
     
     
     
     
     @import url("https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css");
     
     *:after,
     *:before {
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
     }
     
     html {
          height: 100%;
     }
     
     
     
     
     a {
          text-decoration: none;
     }
     
     .social-share-btns-container {
          overflow: hidden;
          position: fixed;
          left: 0;
          font-size: 0;
          top: 95%;
          margin: -30px 0;
          text-align: center;
          width: 100%;
          z-index: 111;
     }
     
     .social-share-btns {
          display: inline-block;
          overflow: hidden;
     }
     
     .social-share-btns .share-btn {
          float: left;
          margin: 0 5px;
          padding: 8px 16px;
          border-radius: 10px;
          color: #fff;
          font-size: 14px;
          line-height: 18px;
          vertical-align: middle;
          -moz-transition: background 0.2s ease-in-out;
          -o-transition: background 0.2s ease-in-out;
          -webkit-transition: background 0.2s ease-in-out;
          transition: background 0.2s ease-in-out;
     }
     
     .social-share-btns .share-btn i {
          margin-right: 5px;
          display: inline-block;
          font-size: 18px;
          vertical-align: middle;
     }
     
     .share-btn {
          background-color: #95a5a6;
     }
     
     .share-btn:hover {
          background-color: #798d8f;
     }
     
     .share-btn-twitter {
          background-color: #00aced;
     }
     
     .share-btn-twitter:hover {
          background-color: #0087ba;
     }
     
     .share-btn-facebook {
          background-color: #3b5998;
     }
     
     .share-btn-facebook:hover {
          background-color: #2d4373;
     }
     
     .share-btn-linkedin {
          background-color: #007bb6;
     }
     
     .share-btn-linkedin:hover {
          background-color: #005983;
     }
     
     .share-btn-reddit {
          background-color: #ED001C;
     }
     
     .share-btn-reddit:hover {
          background-color: #ba0016;
     }
     
     .share-btn-mail {
          background-color: #f1c40f;
     }
     
     .share-btn-mail:hover {
          background-color: #dab10d;
     }
     
     .credit a {
          text-decoration: none;
          color: #fff;
          font-weight: 800;
     }
     
     .credit {
          margin: 10px;
          color: #fff;
          text-align: center;
     }