* {
    margin: 0;
    padding: 0;
}

::selection {
  background: #FBEDC0;
  color: #1F2937;
}

body {
    width: 100vw;
    display: flex;
    align-items: center;
    flex-direction: column;        
    overflow-x: hidden;
    min-height: 100vh;
    max-width: 100%;
}



body * {
    max-width: 1920px;
}



@font-face {
  font-family: NekstBold;
  src: url(../fonts/NEKST-BOLD.TTF);
}

@font-face {
  font-family: NekstSemiBold;
  src: url(../fonts/NEKST-SEMIBOLD.TTF);
}

@font-face {
  font-family: NekstRegular ;
  src: url(../fonts/NEKST-REGULAR.TTF);
}

@font-face {
  font-family: NekstMedium ;
  src: url(../fonts/NEKST-MEDIUM.TTF);
}

@font-face {
  font-family: NekstBlack ;
  src: url(../fonts/NEKST-BLACK.TTF);
}

@font-face {
    font-family: Dm-Sans-Regualr ;
    src: url(../fonts/DMSans-Regular-BF64376d323f095.ttf);
}

.Dm-Sans-Regualr {
    font-family: Dm-Sans-Regualr !important;
}

@font-face {
    font-family: Dm-Sans-medium ;
    src: url(../fonts/DMSans-Medium-BF64376d329a539.ttf);
}

.Dm-Sans-medium {
    font-family: Dm-Sans-medium !important;
}

@font-face {
    font-family: Dm-Sans-Bold ;
    src: url(../fonts/DMSans-Bold-BF64376d32191f2.ttf);
}

.Dm-Sans-Bold {
    font-family: Dm-Sans-Bold !important;
}

.NekstMedium {
  font-family: NekstMedium !important;
}

.NekstBold {
  font-family: NekstBold !important;
}

.NekstBlack {
  font-family: NekstBlack !important;
}

.NekstSemiBold {
  font-family: NekstSemiBold !important;
}

.NekstRegular {
  font-family: NekstRegular;
}



main {

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    min-height: 100vh;
    gap: 30px;
    padding-bottom: 150px;
    
}



.header-list {
    color: white;
} 

.header-list:hover {
    color: #81FFE5;
}






.shadow-bg {
    background-image: url(../images/VP-shadow.webp) !important;
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}



.center-flex {
    display: flex;
    align-items: center;
    justify-content: center;
  }


  .link-col {
    display: flex;
    gap: 12px;
    flex-direction: column;
  }



  .footer-links-bg {
    background: #1D3A9C;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(14.5px);
    -webkit-backdrop-filter: blur(14.5px);
   
  }


    @media  (max-width:1024px) {

        .footer-bg {
            background: url(../images/mobile-footer-img.svg);
            background-size: cover; 
          }    

          .link-col {
            display: flex;
            gap: 6px;
            flex-direction: column;
          }
          
    }


    @media  (min-width:1024px) {

        .footer-bg {
            background: url(../images/footer-image.svg) 
          }    
          
          .link-col {
            display: flex;
            gap: 12px;
            flex-direction: column;
          }
    }



    .link-hover:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 2px;
      bottom: -8px;
      left: 0;
      background: #81FFE5;
      visibility: hidden;
      border-radius: 5px;
      transform: scaleX(0);
      transition: 150ms linear;
    }


    .link-hover:hover:before
     {
      visibility: visible;
      transform: scaleX(1);
    }







    .registerpart-bg {
      background-size: cover;
      background-position: center;
      background-blend-mode: multiply;
  }

  .analyze-bg {

      background-size: cover;
      background-position: center;
      background-blend-mode: multiply;
  }

  .nav-active {
      background-color: #345DEE !important;
      color: white !important;
  }

  
  
  .box {
    opacity: 0 !important;
    transform: translateY(-100px) !important;
    transition: all 1s ease 0.25s !important;
  }


  .box2 {
    opacity: 0 !important;
    transform: translateY(100px) !important;
    transition: all 1s ease 0.25s !important;
  }

  .animate {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }


  html {
    scroll-behavior: smooth;
  }
     

  #goTop {
    display: none;
    position: fixed; 
    bottom: 20px; 
    right: 30px;
    z-index: 99; 
    border: none; 
    outline: none; 
    background-color: #5B7BE9; 
    color: white; 
    cursor: pointer; 
    padding: 15px; 
    border-radius: 100%; 
    font-size: 18px; 
  }
  
  #goTop:hover {
    background-color: #555; 
  }



  .footer-icon {
    width: 20px;
    height: 20px;
  }


  .hr-lines{
    position: relative;
   
    
    text-align: center;
    z-index: 0;
  }
  
  .hr-lines:before{
    content:" ";
    height: 1px;
    width: 100%;
    background: #D1D5DB;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
  }
  
  .hr-lines:after{
    content:" ";
    height: 1px;
    width: 100%;
    background: #D1D5DB;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
  }

.navbar-active-blue {
    color: #5B7BE9 !important;
}

.active-notif-button {
    border: 1px solid #81FFE5 !important;
    background-color: #81FFE5 !important;
}

/* Home */

@media (min-width:1024px) {

    .recomended-section {
        transform: perspective(300px) rotatey(-7deg) rotate(0deg);
        transition: all 1000ms  ease 150ms;
        animation: recomended-section-transform 3000ms  ease-in-out 1;
    }


    .recomended-section:hover {
        transform: perspective(300px) rotatey(0deg) rotate(0deg);
    }


    @keyframes recomended-section-transform {
        0% {
            transform: perspective(300px) rotatey(-7deg) rotate(0deg);
        }

        50% {
            transform: perspective(300px) rotatey(0deg) rotate(0deg);
        }

        100% {
            transform: perspective(300px) rotatey(-7deg) rotate(0deg);
        }

    }
}


.little-cards-bg {


    background: rgba(11, 16, 36, 0.43);

    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

}


.little-cards-moves {
    animation: cardmoves 4000ms ease-in-out infinite;
}

@keyframes cardmoves {

    0% {
        transform: translatey(0px);
    }
    50% {
        transform: translatey(15px);
    }
    100% {
        transform: translatey(0px);
    }

}

.little-cards-moves2 {
    animation: cardmoves2 4000ms ease-in-out  infinite ;
}

@keyframes cardmoves2 {

    0% {
        transform: translatey(0px);
    }
    50% {
        transform: translatey(-5px);
    }
    100% {
        transform: translatey(0px);
    }
}

/* companies */
.active-menu {
    background: #E5E7EB !important;
}







@media  (max-width:1024px) {
    .text-appear-load {
        transform: translateY(-50px);
        opacity: 0;

        animation: text-appear-load-animate 2000ms  ease-in-out 1 ;
        animation-delay: 500ms;
        animation-fill-mode: forwards;
    }

    @keyframes text-appear-load-animate {
        0% {
            transform: translateY(-50px)  ;
            opacity: 0;
        }

        100% {
            transform: translateY(-0px)   ;
            opacity: 1;
        }

    }

}

@media  (min-width:1024px) {
    .text-appear-load {
        transform: translateY(-50px);
        opacity: 0;

        animation: text-appear-load-animate 2000ms  ease-in-out 1 ;
        animation-delay: 500ms;
        animation-fill-mode: forwards;
    }

    @keyframes text-appear-load-animate {
        0% {
            transform: translateY(-50px) rotate(90deg) ;
            opacity: 0;
        }

        100% {
            transform: translateY(-0px)  rotate(90deg) ;
            opacity: 1;
        }

    }

}

.card-appear-load {
    transform: translateY(50px);
    opacity: 0;
    animation: card-appear-load-animate 2000ms  ease-in-out 1 ;
    animation-delay: 500ms;
    animation-fill-mode: forwards;
}

@keyframes card-appear-load-animate {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(-0px);
        opacity: 1;
    }

}




.profile-images-move {
    animation: profilemoves 4000ms ease-in-out infinite;
}

@keyframes profilemoves {

    0% {
        transform: translatey(0px);
    }
    50% {
        transform: translatey(15px);
    }
    100% {
        transform: translatey(0px);
    }

}

.profile-images-move2 {
    animation: profilemoves2 4000ms ease-in-out infinite;
}

@keyframes profilemoves2 {

    0% {
        transform: translatey(0px);
    }
    50% {
        transform: translatey(-15px);
    }
    100% {
        transform: translatey(0px);
    }

}


.positive-comments-animate {
    background: rgba(255, 255, 255 , 0.7);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    animation: commentmove 6000ms ease-in-out infinite;
}

@keyframes commentmove {

    0% {
        transform: translatey(0px);
    }
    50% {
        transform: translatey(-20px);
    }
    100% {
        transform: translatey(0px);
    }

}



.profile-character-move {
    animation: profileCharactermoves 5000ms ease-in-out infinite;

}

@keyframes profileCharactermoves {

    0% {
        transform: translatey(-50px);
    }
    50% {
        transform: translatey(-40px);
    }
    100% {
        transform: translatey(-50px);
    }

}

.active-notiff-button {
    background-color: #ffffff !important;
}


.join-button-bg {
    background-color: white !important;
    color: #345DEE !important;
}

.about-content-wrapper {
    text-align: justify;
}

.about-content-wrapper h1,
.about-content-wrapper h2,
.about-content-wrapper h3,
.about-content-wrapper h4,
.about-content-wrapper h5,
.about-content-wrapper h6
{
    margin-top: 8px;
    margin-bottom: 5px;
    font-weight: bold !important;
    font-size: 18px;
}

.btn-loader {
    width: 19px;
    height: 19px;
    border: 3px solid #FFF;
    border-bottom-color: #0e0e0e;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

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

.active-fill {
    fill: #6B7280 !important;
}




div#wave {
    position: relative;
    text-align: center;
}
div#wave .dot {
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    margin-right: 3px;
    background: #4B577A;
    animation: wave 1.3s linear infinite;
}
div#wave .dot:nth-child(2) {
    animation-delay: -1.1s;
}
div#wave .dot:nth-child(3) {
    animation-delay: -0.9s;
}

@keyframes wave {
    0%, 60%, 100% {
        transform: initial;
    }
    30% {
        transform: translateY(-15px);
    }
}


.go-hero-bg {
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    background-size: cover !important;
}




.go-navbar-scroll::-webkit-scrollbar {
    height: 3px;
}


.go-navbar-scroll::-webkit-scrollbar-track {
    background: #7e8caf63;
    border-radius: 4px;
}

.go-navbar-scroll::-webkit-scrollbar-thumb {
    background: #5B7BE9;
    border-radius: 5px;
}


.go-navbar-scroll::-webkit-scrollbar-thumb:hover {
    background: #004aab;
}

.bg-go-navbar {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(14deg, rgba(255,255,255,1) 0%, rgba(231,238,255,1) 40%);
    background: -webkit-linear-gradient(14deg, rgba(255,255,255,1) 0%, rgba(231,238,255,1) 40%);
    background: linear-gradient(14deg, rgba(255,255,255,1) 0%, rgba(231,238,255,1) 40%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e7eeff",GradientType=1);
}

/* new */
.box22 {
    position: relative;
    margin: 50px;
}

@media screen and (max-width:1536px) {
    .circle {
        width: 160px;
        height: 160px;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: rotateY(180deg);
    }
    .circle .points{
        width: 4px;
        height: 16px;
        position: absolute;
        border-radius: 5px;
        transform: rotate(calc(var(--i)*var(--rot))) translateY(-85px);
        background-color: #7e8caf63;
    }
}

@media screen and (min-width:1536px) {
    .circle {
        width: 200px;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: rotateY(180deg);
    }

    .circle .points{
        width: 5px;
        height: 20px;
        position: absolute;
        border-radius: 5px;
        transform: rotate(calc(var(--i)*var(--rot))) translateY(-100px);
        background-color: #7e8caf63;
    }

}

div.circle  div.points.marked:nth-child(60) {background: #33CDA7 ; }
div.circle  div.points.marked:nth-child(59) {background: #33CDA7 ; }
div.circle  div.points.marked:nth-child(58) {background: #36CAAA ; }
div.circle  div.points.marked:nth-child(57) {background: #39C6AE ; }
div.circle  div.points.marked:nth-child(56) {background: #3CC3B2 ; }
div.circle  div.points.marked:nth-child(55) {background: #3FBFB5 ; }
div.circle  div.points.marked:nth-child(54) {background: #42BCB9 ; }
div.circle  div.points.marked:nth-child(53) {background: #45B8BD ; }
div.circle  div.points.marked:nth-child(52) {background: #48B5C0 ; }
div.circle  div.points.marked:nth-child(51) {background: #4BB1C4 ; }
div.circle  div.points.marked:nth-child(50) {background: #4EAEC7 ; }
div.circle  div.points.marked:nth-child(49) {background: #52ABCB ; }
div.circle  div.points.marked:nth-child(48) {background: #55A7CF ; }
div.circle  div.points.marked:nth-child(47) {background: #58A4D2 ; }
div.circle  div.points.marked:nth-child(46) {background: #5E9DDA ; }
div.circle  div.points.marked:nth-child(45) {background: #6199DD ; }
div.circle  div.points.marked:nth-child(44) {background: #6496E1 ; }
div.circle  div.points.marked:nth-child(43) {background: #6792E5 ; }
div.circle  div.points.marked:nth-child(42) {background: #6A8FE8 ; }
div.circle  div.points.marked:nth-child(41) {background: #6D8BEC ; }
div.circle  div.points.marked:nth-child(40) {background: #728AEC ; }
div.circle  div.points.marked:nth-child(39) {background: #7889EC ; }
div.circle  div.points.marked:nth-child(38) {background: #7D89EC ; }
div.circle  div.points.marked:nth-child(37) {background: #8288EC ; }
div.circle  div.points.marked:nth-child(36) {background: #8887EC ; }
div.circle  div.points.marked:nth-child(35) {background: #8D86EC ; }
div.circle  div.points.marked:nth-child(34) {background: #9286EC ; }
div.circle  div.points.marked:nth-child(33) {background: #9785EC ; }
div.circle  div.points.marked:nth-child(32) {background: #9D84EC ; }
div.circle  div.points.marked:nth-child(31) {background: #A284ED ; }
div.circle  div.points.marked:nth-child(30) {background: #A783ED ; }
div.circle  div.points.marked:nth-child(29) {background: #AD82ED ; }
div.circle  div.points.marked:nth-child(28) {background: #B281ED ; }
div.circle  div.points.marked:nth-child(27) {background: #B781ED ; }
div.circle  div.points.marked:nth-child(26) {background: #BC80ED ; }
div.circle  div.points.marked:nth-child(25) {background: #C27FED ; }
div.circle  div.points.marked:nth-child(24) {background: #C77EED ; }
div.circle  div.points.marked:nth-child(23) {background: #CC7EED ; }
div.circle  div.points.marked:nth-child(22) {background: #D27DED ; }
div.circle  div.points.marked:nth-child(21) {background: #D77CED ; }
div.circle  div.points.marked:nth-child(20) {background: #D97BE7 ; }
div.circle  div.points.marked:nth-child(19) {background: #DB7BE1 ; }
div.circle  div.points.marked:nth-child(18) {background: #DD7ADA ; }
div.circle  div.points.marked:nth-child(17) {background: #DF7AD4 ; }
div.circle  div.points.marked:nth-child(16) {background: #E179CE ; }
div.circle  div.points.marked:nth-child(15) {background: #E379C8 ; }
div.circle  div.points.marked:nth-child(14) {background: #E578C2 ; }
div.circle  div.points.marked:nth-child(13) {background: #E778BB ; }
div.circle  div.points.marked:nth-child(12) {background: #E977B5 ; }
div.circle  div.points.marked:nth-child(11) {background: #EB77AF ; }
div.circle  div.points.marked:nth-child(10) {background: #ED76A9 ; }
div.circle  div.points.marked:nth-child(9)  {background: #EF75A3 ; }
div.circle  div.points.marked:nth-child(8)  {background: #F1759C ; }
div.circle  div.points.marked:nth-child(7)  {background: #F37496 ; }
div.circle  div.points.marked:nth-child(6)  {background: #F57490 ; }
div.circle  div.points.marked:nth-child(5)  {background: #F57490 ; }
div.circle  div.points.marked:nth-child(4)  {background: #F7738A ; }
div.circle  div.points.marked:nth-child(3)  {background: #F97384 ; }
div.circle  div.points.marked:nth-child(2)  {background: #FB727D ; }
div.circle  div.points.marked:nth-child(1)  {background: #FF7171 ; }

.points.marked {
    animation: glow32 0.5s linear forwards;
    /*animation-delay: calc(var(--i)*0.1666s);*/
}


@keyframes glow32 {

    100% {
        background-color:  #7e8caf63;
    }
}







/* cards */
.icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    background:  linear-gradient(120deg, #F5F5F6 80%, #ffffff57);;
    border-top-left-radius: 50%;
    display: flex;
    justify-content:  center;
    align-items: center;
    transform: rotate(-90deg);
}

.icon::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: -1.25rem;
    background: transparent;
    width: 1.25rem;
    height: 1.25rem;
    border-bottom-right-radius: 1rem;
    box-shadow: 0.313rem 0.313rem 0 0.313rem #F5F5F6;
}
.icon::after {
    position: absolute;
    content: "";
    top: -1.25rem;
    right: 0;
    background: transparent;
    width: 1.25rem;
    height: 1.25rem;
    border-bottom-right-radius: 1rem;
    box-shadow: 0.313rem 0.313rem 0 0.313rem #F5F5F6;
}
.icon .iconBox {
    position: absolute;
    z-index: 2;
    width: 45px;
    height: 45px;
    background: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    transform: rotate(90deg);
    box-shadow: 0px 0px 35px -9px rgba(55, 65, 81, 0.20);
}
.go-cards:hover  .iconBox{
    transform: rotate(90deg) scale(1.1);
}


.active-fill {
    fill: #6B7280 !important;
}

@media screen and (min-width:1024px) {
    .line-beetween-cards {
        position: relative;
    }
    .line-beetween-cards::after {

        position: absolute;
        content: "";
        z-index: 2;
        right: 0 ;
        top: 0;
        height: 100%;
        width: 1px;
        background-color: #D1D5DB;

    }

    .left-side-cards-a {
        transform-origin: right;
        transform: perspective(1400px) rotateY(90deg);
    }

    .right-side-cards-a {
        transform-origin: left;
        transform: perspective(1400px) rotateY(-90deg);
    }

    .left-right-cards-animation {
        transform: perspective(1400px) rotateY(0deg);
        transition: all 3s ease 0.25s !important;
    }

}







.apexcharts-xcrosshairs,
.apexcharts-ycrosshairs {
    display: none;
}


.box-home-black {
    position: absolute;
    bottom: -0.375rem;
    right: -0.375rem;
    width: 130px;
    height: 70px;
    border-top-left-radius: 34px;
}



.box-home-black::before {
    position: absolute;
    content: "";
    bottom: 0.375rem;
    left: -1.25rem;
    background: transparent;
    width: 1.25rem;
    height: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    box-shadow: 0.313rem 0.313rem 0 0.313rem #fff;
}

.box-home-black::after {
    position: absolute;
    content: "";
    top: -1.25rem;
    right: 0.375rem;
    background: transparent;
    width: 1.25rem;
    height: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    box-shadow: 0.313rem 0.313rem 0 0.313rem #fff;
}

.box-home-black .iconBox-home {
    position: absolute;
    inset: 0.600rem;
    border-radius: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all ease 0.3s;
    font-size: 16px;
}


.box-home-white {
    position: absolute;
    bottom: -0.375rem;
    right: -0.375rem;
    width: 130px;
    height: 70px;
    border-top-left-radius: 34px;
}



.box-home-white::before {
    position: absolute;
    content: "";
    bottom: 0.375rem;
    left: -1.25rem;
    background: transparent;
    width: 1.25rem;
    height: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    box-shadow: 0.313rem 0.313rem 0 0.313rem #F5F5F6;
}

.box-home-white::after {
    position: absolute;
    content: "";
    top: -1.25rem;
    right: 0.375rem;
    background: transparent;
    width: 1.25rem;
    height: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    box-shadow: 0.313rem 0.313rem 0 0.313rem #F5F5F6;
}

.box-home-white .iconBox-home {
    position: absolute;
    inset: 0.600rem;
    border-radius: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all ease 0.3s;
    font-size: 16px;
}



.little-box-cards::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 80%;
    transform: translateX(-50%) rotate(45deg);
    width: 14px;
    height: 14px;
    background-color: #f5f8ff;
    border-bottom: 1px solid #f5f8ff;
    border-right: 1px solid #f5f8ff;
}


.black-little-box-cards::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 80%;
    transform: translateX(-50%) rotate(45deg);
    width: 14px;
    height: 14px;
    background-color: #1F2937;
    border-bottom: 1px solid #1F2937;
    border-right: 1px solid #1F2937;
}



/* Register company */
.why-should-choose-us::-webkit-scrollbar {
    width: 4px;
}


.why-should-choose-us::-webkit-scrollbar-thumb {
    background: #DFE2E6;
    border-radius: 20px;
}


.company-register-main {
    overflow-x: hidden;
}

/* dropdown */
.wrapper-dropdown {
    position: relative;
    display: inline-block;
    border-radius: 5px;
    background: white;
    text-align: left;
    color: #9CA3AF;
    cursor: pointer;
    border: 1px solid #D1D5DB;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

.arrow {
    margin-left: 10px;
    float: right;
    rotate: 90deg;
}

svg {
    transition: all 0.3s;
}

.wrapper-dropdown::before {
    position: absolute;
    top: 50%;
    right: 16px;
    margin-top: -2px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #fff transparent;
}

.rotated {
    transform: rotate(90deg);
}

.wrapper-dropdown .dropdown {
    transition: 0.3s;
    position: absolute;
    top: 120%;
    right: 0;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 30;
    border-radius: 15px;
    box-shadow: inherit;
    background: inherit;
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 0;
    visibility: hidden;
}

.wrapper-dropdown .dropdown li {
    padding: 0 10px;
    line-height: 45px;
    overflow: hidden;
}

.wrapper-dropdown .dropdown li:last-child {
    border-bottom: none;
}

.wrapper-dropdown .dropdown li:hover {
    background-color: #5B7BE9 ;
    color: white;
    border-radius: 5px;
}

.wrapper-dropdown.active .dropdown {
    opacity: 1;
    visibility: visible;
    border-radius: 5px;
}


.round3 {
    position: relative;
}

.round3 label {
    background-color: #fff;
    border: 1px solid #D1D5DB;
    border-radius: 50%;
    cursor: pointer;

    right: 0;
    position: absolute;
    top: 2px;
    width: 18px;
    height: 18px;
}

.round3 label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 5px;
    left: 3px;
    opacity: 0;
    position: absolute;
    top: 5px;
    transform: rotate(-45deg);
    width: 10px;
}

.round3 input[type="radio"] {
    visibility: hidden;
}

.active-sponsor-buttons .round3 input[type="radio"] + label {
    background-color: #5B7BE9;
    border-color: #5B7BE9;
}

.active-sponsor-buttons .round3 input[type="radio"] + label:after {
    opacity: 1;
}

.active-sponsor-buttons {
    border: 1px solid #5B7BE9 !important;
    color: #374151 !important;
}

.edit-background-btn:disabled {
    background-color: #9CA3AF !important;
    border: 1px solid #9CA3AF !important;
}
.edit-background-btn:disabled:hover {
    color: white !important;
}


.active-peyment-method {
    border: 1px solid #5B7BE9 !important;
}


.round {
    position: relative;
}

.round label {
    background-color: #ffffff;
    border: 1px solid #5B7BE9;
    border-radius: 50%;
    cursor: pointer;

    right: 0;
    position: absolute;
    top: 3px;
    width: 20px;
    height: 20px;
}

.round label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 3px;
    opacity: 0;
    position: absolute;
    top: 5px;
    transform: rotate(-45deg);
    width: 12px;
}

.round input[type="radio"] {
    visibility: hidden;
}

.active-peyment-method .round input[type="radio"] + label {
    background-color: #5B7BE9;
    border-color: #5B7BE9;
}

.active-peyment-method .round input[type="radio"] + label:after {
    opacity: 1;
}




.multiple-selectbox-input:checked + .multiple-selectbox  {
    background: #5B7BE9 !important;
    color: white !important;
    gap: 6px;
    img {
        display: block !important;
    }
}



.selectBox {
    position: relative;
}



.overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.spoiler {
    cursor: pointer;
}
.spoiler.on {
    color: rgba(0, 0, 0, 0);
    text-shadow: 0 0 10px #000;
}



/* All reviews */

@media screen and (max-width:	1024px) {
    .hero-text {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        color: white;
        transform: translate(-50%, -50%);
        text-align: center;
    }
}
@media screen and (min-width:	1024px) {
    .hero-text {
        width: 100%;
        position: absolute;
        top: 45%;
        left: 50%;
        color: white;
        transform: translate(-50%, -50%);
        text-align: center;
    }

}



.review-hero-text {
    animation: slideFromTop 2s ease-in-out 1;
}


@keyframes slideFromTop {
    0% {
        transform: translateY(-100px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}


.review-hero-text2 {
    animation: slideFromBottom 2s ease-in-out 1;
}


@keyframes slideFromBottom {
    0% {
        transform: translateY(100px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }

}


/* @media screen and (min-width:1024px) {
        @keyframes buttonglow {

            0% {
                box-shadow: 0 0 0 0 #348dee91;
            }
            100% {
                box-shadow: 0 0 0 30px rgba(125, 173, 224, 0);
            }
        }

        @-webkit-keyframes buttonglow {

        0% {
            box-shadow: 0 0 0 0 #348dee91;
        }
        100% {
            box-shadow: 0 0 0 30px rgba(125, 173, 224, 0);
        }
        }

        .button-glow {

            animation: buttonglow 3s ease-in 1s infinite;
            -webkit-animation: buttonglow 3s ease-in 1s infinite;
        }

} */

.button-icon-animation {
    animation: down 2.5s infinite 1s;
    -webkit-animation: down 2.5s infinite 1s;
}

@keyframes down {
    0% {
        transform: translate(0);
    }
    20% {
        transform: translateY(10px);
    }
    40% {
        transform: translate(0);
    }
}
@-webkit-keyframes down {
    0% {
        transform: translate(0);
    }
    20% {
        transform: translateY(10px);
    }
    40% {
        transform: translate(0);
    }
}


.verfiy-company-popover-review::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -5px;
    transform: translateX(-50%) rotate(45deg);
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}






.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100vw, 0, 0) skewX(-30deg);
        transform: translate3d(100vw, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100vw, 0, 0) skewX(-30deg);
        transform: translate3d(100vw, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes lightSpeedOut {
    0% {

    }
    100% {
        -webkit-transform: translate3d(-100vw, 0, 0) skewX(30deg);
        transform: translate3d(-100vw, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {

    }
    100% {
        -webkit-transform: translate3d(-100vw, 0, 0) skewX(30deg);
        transform: translate3d(-100vw, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.chart-spoil-bg {
    border-radius: 7px;
    box-shadow: 0 0 10px  #14245b1c;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    --tw-blur: blur(6px);
}

.verfiy-company-popover::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -5px;
    transform: translateX(-50%) rotate(45deg);
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

/* Ads page */



.ads-cards-text::-webkit-scrollbar {
    width: 5px;
}

.ads-cards-text::-webkit-scrollbar-track {
    background: #888;
    border-radius: 5px;
}

.ads-cards-text::-webkit-scrollbar-thumb {
    background: #374151;
    border-radius: 5px;
}



.box-ads-right {
    position: absolute;
    bottom: -0.375rem;
    right: -0.375rem;
    width: 140px;
    height: 70px;
    border-top-left-radius: 34px;
}



.box-ads-right::before {
    position: absolute;
    content: "";
    bottom: 0.375rem;
    left: -1.25rem;
    background: transparent;
    width: 1.25rem;
    height: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    box-shadow: 0.313rem 0.313rem 0 0.313rem #F5F5F6;
}

.box-ads-right::after {
    position: absolute;
    content: "";
    top: -1.25rem;
    right: 0.375rem;
    background: transparent;
    width: 1.25rem;
    height: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    box-shadow: 0.313rem 0.313rem 0 0.313rem #F5F5F6;
}

.box-ads-right .iconBox-ads-right {
    position: absolute;
    inset: 0.600rem;
    border-radius: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}


.ads-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 75px;
    height: 75px;
    background:  linear-gradient(120deg, #F5F5F6 80%, #ffffff57);;
    border-top-left-radius: 50%;
    display: flex;
    justify-content:  center;
    align-items: center;
    transform: rotate(-180deg);
}

.ads-icon::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: -1.25rem;
    background: transparent;
    width: 1.25rem;
    height: 1.25rem;
    border-bottom-right-radius: 1rem;
    box-shadow: 0.313rem 0.313rem 0 0.313rem #F5F5F6;
}
.ads-icon::after {
    position: absolute;
    content: "";
    top: -1.25rem;
    right: 0;
    background: transparent;
    width: 1.25rem;
    height: 1.25rem;
    border-bottom-right-radius: 1rem;
    box-shadow: 0.313rem 0.313rem 0 0.313rem #F5F5F6;
}

.ads-icon .iconBox-ads {
    position: absolute;
    z-index: 2;
    width: 60px;
    height: 60px;
    background: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    transform: rotate(180deg);
    box-shadow: 0px 0px 35px -9px rgba(55, 65, 81, 0.20);
}

.ads-cards-hover:hover .ads-card-hidden-text {
    opacity: 1 !important;
    visibility: visible !important;
}


.form-input {
    color: #000;
    border: 2px solid #5b7be9;
    border-radius: 10px;
    padding: 3px 13px;
    background: transparent;
    max-width: 190px;
}

.form-input:active {
    box-shadow: 2px 2px 15px #8707ff inset;
}

.glow-btn {
    box-shadow: 0 0 10px 0px #3884E4;
}

.card-bg {
    filter: blur(4px);
    -webkit-filter: blur(4px);
}

.my-hidden {
    display: none !important;
}

.card-bg-top {
    filter: blur(25px);
    -webkit-filter: blur(25px);
}

.community-navbar-active {
    color: #345DEE !important;
}

/*.post-content-wrapper img[class^="wp-image-"] {*/
/*    margin-top : 10px !important;*/
/*    margin-bottom: 10px !important;*/
/*    display: none;*/
/*}*/