[v-cloak] {
    display: none;
}

[v-cloak-footer] {
    display: none;
}


.carousel-container {
    transition: transform 0.5s ease-in-out;
}

input[type="checkbox"]:checked+label>div {
    border-color: green;
}

input[type="checkbox"]:checked+label>div>svg {
    display: block;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 12px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 6px;
}

.cta_t3_bg_sty {
    background-image: url('/blog-public/website/img/cta_t3_bg.png');
    background-size: 175px;
    background-repeat: no-repeat;
}

.cta_t5_bg_sty {
    background-image: url('/blog-public/website/img/cta_t3_bg.png'), url('/blog-public/website/img/cta_t5_bg.png');
    background-size: 175px auto, 400px auto;
    background-position: 0% 0%, 100% 100%; 
    background-repeat: no-repeat, no-repeat;
}

.cta_t7_bg_sty {
    background-image: url('/blog-public/website/img/cta_t7_bg.webp');
    background-position: center;
    background-size: cover; 
    background-repeat: no-repeat;
}
.text-primary {
    color: #18B04C;
}

.text-notes {
    color: #EF8405;
}

.text-heading {
    color: #2B2E33;
}

.text-heading:hover {
    color: #18B04C
}

.text-head {
  color: #222222;
}

.text-head:hover {
  color: #302EDD;
}

.text-anc {
  color: #302EDD;
}

/* mobile menu icon animation */
.menu {
    background-color: transparent;
    border: none;
    cursor: pointer;
  }
  .line {
    fill: none;
    stroke: black;
    stroke-width: 6;
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
      stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .line1 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
  }
  .line2 {
    stroke-dasharray: 60 60;
    stroke-width: 6;
  }
  .line3 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
  }
  .opened .line1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
  }
  .opened .line2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
    stroke-width: 6;
  }
  .opened .line3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
  }

  .bg-fancy-gradient {
   background: linear-gradient(
    to top right,
    #9358F7 0%,
    #7B78F2 26%,
    #6197EE 50%,
    #45B5E9 77%,
    #21CCE4 92%,
    #10D7E2 100%
  );
}

  /* mobile menu icon animation */
  




/* .fade-enter-active, .fade-leave-active {
    transition: opacity 2s;
  }
  .fade-enter, .fade-leave-to {
    opacity: 0;
    transition: ease-in-out;
  }
   */