.cloud-hero {
  position: relative;
  overflow: hidden;
}
.cloud-hero::after {
  content: "";
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -1;
  background: linear-gradient(253deg, #0a00e9 5.74%, #00165b 102.24%);
  pointer-events: none;

  /* Mask */
  -webkit-mask-image: url(../img/shape/cloud-hero-shape.png);
  mask-image: url(../img/shape/cloud-hero-shape.png);
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;

  /* Try luminance mode to handle inverted colors */
  -webkit-mask-mode: luminance;
  mask-mode: luminance;

  /* Add visible color for debugging */
  background-color: red;
}

@media (min-width: 1200px) {
  .cloud-hero::after {
    left: 2%;
  }
}

.text-white {
    color: #fff;
}
.text-light {
    opacity: .9;
    color: #fff !important;
}

.bg-digi{
  background-color: #163300;
}
.bg-digi1 {
    background:linear-gradient(9deg, #2a4517 0%, #173401 40%, #1e370b 75%, #233e0e 100%);
}
.bg-digi2{
  background-color: #9fe870;
}
.bg2 {
  background-color: rgb(159 232 112) !important;
}
.bg3{
  background-color: #d3ffc3;
}
.text-digi {
    color: #163300;
}
.text-digi2 {
    color: #9fe870;
}

.dark-overlay {
    background: rgb(22 51 0 / 76%);
}
.light-overlay {
    background: rgb(255 255 255 / 10%);
}
.dark-overlay-digi{
  border: 1.5px solid rgb(159 232 112);
    background: rgb(8 8 8 / 67%)
}
.light-overlay-digi{
    /* background:rgb(255 255 255 / 51%); */
        background: linear-gradient(9deg, #e9f7dd 0%, #daf7c8bd 40%, #e9f7dd 75%, #e9f7dd 100%);

}

.bg-gd-11 {
    background: #9fe870;
    color: #152c0b  !important ;
}
.animation-gradient {
    position: relative;
    padding: 1px;
    background-color: #2b5012;
}
.animation-gradient::after {
    position: absolute;
    content: "";
    width: 138%;
    height: 80px;
    background: #9fe870;
    left: -220px;
    top: 200px;
    -webkit-animation: borderRotate 5s linear infinite;
    animation: borderRotate 5s linear infinite;
}
.text-primary {
    --bs-text-opacity: 1;
    color: rgb(159 232 112) !important;
}
.pill-border {
  color: #163300;
  border: 1px solid #163300;
  font-weight: 500;

}
.bg-dark-card-17 {
    --bs-bg-opacity: 1;
    background-color: rgb(159 232 112) !important;
}
.bg-dark-card-177 {
    --bs-bg-opacity: 1;
    background-color: rgb(159 232 112) !important;
}
.dark-style-btn {
    border: 1.5px solid rgb(26 40 64);
    background: rgb(24 33 66);
}
.animation-gradient .dark-overlay , #Campaigns .dark-overlay{
      background-color: #d3ffc3;

}
.navbar-1 .nav-link{
  font-family: 'Plus Jakarta Sans';
}

.bg-dark-17 {
    background-color: #d3ffc3;
}
.text-dark {
    --bs-text-opacity: 1;
    color: rgb(22 51 0) !important;
}
.text-body-17 {
    --bs-text-opacity: 1;
    color: rgb(25 28 23) !important;
    font-weight: 500;
}
.btn-light:hover, .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled).show {
    border-color: #f8f9fa;
    background-color: #f8f9fa;
        color: #152c0b  !important ;

}
.btn-success:hover, .btn-success:active, .btn-success:focus, .btn-success.active, .btn-success.show {
    border-color: #2e8121;
    background-color: #2e8121;
    color: #fff !important;
}
.hover\:bg-dark:hover {
    background-color: #2e8121 !important;
    color: #fff;
}
.hero_11 {
    padding-top: clamp(9rem, 11.5vw + 1rem, 13.75rem);
    padding-bottom: 80px;
}
.blog_12_item:hover .btn {
    color: #122901;
    background: linear-gradient(135deg, #d3ffc3 0%, #7bc75f 30%, #76a561 55%, #a9d79a 78%, #dfffd5 100%);
}
.white-icon{
    filter: brightness(0) invert(1);
}
.custom-icon{
    font-size: 40px;
    filter: brightness(0) saturate(100%) invert(88%) sepia(24%) saturate(706%) hue-rotate(32deg) brightness(102%) contrast(92%);
}
/* .btn-success1 {
    --bs-btn-color: #163300;
    --bs-btn-bg: #9fe870;
    --bs-btn-border-color: #9fe870;
    --bs-btn-hover-color: #163300;
    --bs-btn-hover-bg: #91dd5e;
    --bs-btn-hover-border-color: #91dd5e;
    --bs-btn-focus-shadow-rgb: 6, 163, 107;
    --bs-btn-active-color: #9fe870;
    --bs-btn-active-bg: #9fe870;
    --bs-btn-active-border-color: #163300;
    --bs-btn-active-shadow: unset;
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #19341f;
    --bs-btn-disabled-border-color: #19341f;
        transition: all 0.5s ease;
        font-weight: 500;

} */


.btn-success1{
    --bs-btn-color: #163300;
    --bs-btn-bg: #9fe870;
    --bs-btn-border-color: #9fe870;
    --bs-btn-hover-color: #163300;
    --bs-btn-hover-bg: #91dd5e;
    --bs-btn-hover-border-color: #91dd5e;
    --bs-btn-focus-shadow-rgb: 6, 163, 107;
    --bs-btn-active-color: #9fe870;
    --bs-btn-active-bg: #9fe870;
    --bs-btn-active-border-color: #163300;
    --bs-btn-active-shadow: unset;
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #19341f;
    --bs-btn-disabled-border-color: #19341f;

    font-weight: 500;

    transition:
        color .15s ease-in-out,
        background-color .15s ease-in-out,
        border-color .15s ease-in-out,
        box-shadow .25s ease,
        transform .25s ease;
}

.btn-success1:hover{
    box-shadow: 0 10px 26px rgb(159 232 112 / 5%);
    transform: translateY(-2px);
}
.btn-success {
    --bs-btn-color: #163300;
    --bs-btn-bg: #9fe870;
    --bs-btn-border-color: #9fe870;
    --bs-btn-hover-color: #163300;
    --bs-btn-hover-bg: #91dd5e;
    --bs-btn-hover-border-color: #91dd5e;
    --bs-btn-focus-shadow-rgb: 6, 163, 107;
    --bs-btn-active-color: #9fe870;
    --bs-btn-active-bg: #9fe870;
    --bs-btn-active-border-color: #163300;
    --bs-btn-active-shadow: unset;
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #19341f;
    --bs-btn-disabled-border-color: #19341f;
        transition: all 0.5s ease;
        font-weight: 500;

}



.btn-check:checked+.btn, :not(.btn-check)+.btn:active, .btn:first-child:active, .btn.active, .btn.show {
    color: #000;
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
}

.btn-success2{
    --bs-btn-color: #fff;
    --bs-btn-bg: #163300;
    --bs-btn-border-color: #9fe870;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #122901;
    --bs-btn-hover-border-color: #91dd5e;
    --bs-btn-focus-shadow-rgb: 6, 163, 107;
    --bs-btn-active-color: #9fe870;
    --bs-btn-active-bg: #9fe870;
    --bs-btn-active-border-color: #163300;
    --bs-btn-active-shadow: unset;
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #19341f;
    --bs-btn-disabled-border-color: #19341f;

    transition:
        color .15s ease-in-out,
        background-color .15s ease-in-out,
        border-color .15s ease-in-out,
        box-shadow .25s ease,
        transform .25s ease;

    font-weight: 500;
}

.btn-success2:hover{
    box-shadow:0 8px 24px rgb(159 232 112 / 6%);
    transform: translateY(-2px);
}
.navbar-1 {
    z-index: 99;
    background-color: #1b300b;
}
.hero-text {
    line-height: 1.05;
    font-size: 3.915rem;
}
.bg-digi:hover {
    background-color: #1e4401;
}
.light-overlay:hover{
    background-color: rgb(255 255 255 / 15%);
}
.why-card:hover h6, .why-card:hover .h6 {
    color: #9fe870 !important;
}
.why-card:hover p {
    color: rgb(250, 252, 251) !important ;
}
.animation-gradient .dark-overlay:hover {
    background-color: #c4ecb6;
}
.bg3:hover  {
    background-color: #bee6b0;
}
.footer-title{
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
}

.footer_11 p{
    font-size: 14px;
}
.border-right {
    border-right: 1px solid #274213;
}
.shadow-btn{
    box-shadow: 0 0.5rem 1rem rgb(49 109 4);
    color: #000;
}
.navbar-sticky-init .navbar-1 .nav-link {
    color: #163300;
    font-weight: 600;
}
.dark-pill{
    background: #00000061;
    border: var(--bs-border-width) var(--bs-border-style) #1d360b !important;
}