.dark1 {
     --p1: 255, 145, 251;
     --p2: 84, 182, 137;
     --n1: 41, 41, 41;
     --n11: 255, 255, 255;
     --n2: 79, 79, 79;
     --n3: 143, 143, 143;
     --n4: 250, 250, 250;
     --n41: 255, 255, 255;
     --n42: 255, 255, 255;
     --n5: 255, 165, 0;
    /* Orange */
     --n51: 79, 79, 79;
     --y1: 255, 172, 39;
}
 /* body {
     max-width: 1920px;
     background-color: rgba(var(--n1), 1);
     font-size: 16px;
     line-height: 130%;
     padding: 0;
     margin: 0;
     font-weight: 400;
     overflow-x: hidden;
     position: relative;
} */
 .br-bottom-n3 {
     border-bottom: 1px solid rgba(var(--n4), .08);
}
 .pb-120 {
     padding-bottom: 120px;
}
 .pt-120 {
     padding-top: 120px;
}
 .mt-10 {
     margin-top: 2.5rem !important;
}
 .br-bottom-n3 {
     border-bottom: 1px solid rgba(var(--n4), .08);
}
 .mt-8 {
     margin-top: 2rem !important;
}
 .pb-60 {
     padding-bottom: 60px;
}
 .page-heading {
     width: 856px;
     margin: auto;
}
 .page-heading .page-title {
     width: 664px;
     margin: auto;

}
 .n5-color {
     color:var(--text-black-700);
}
 .fs-seven {
     font-size: 18px;
     line-height: 130%;
}
 .mb-4 {
     margin-bottom: 1rem !important;
}
 .p1-color {
     color: rgba(var(--p1), 1);
}
 a {
     text-decoration: none !important;
     outline: none;
     transition: all .3s ease;
}
 a, p, button, label, li {
     margin: 0;
     color: rgba(var(--d1), 1);
     font-weight: 400;
}
 a, p, button, span, label, li {
     font-size: 16px;
     line-height: 150%;
}
 .p-btn {
     border: none;
     display: inline-block;
     position: relative;
     font-size: 18px;
     cursor: pointer;
     color: rgb(255, 255, 255);
     z-index: 1;
     border-radius: 4px;
     transition: 0.2s ease-in;
     overflow: hidden;
}
 .w-max {
     width: max-content;
}
 .bg1-color {
     background-color: var(--skin-color);
}
 .n11-color {
     color: rgba(var(--n11), 1);
}
 .p-btn:before {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     /* background-color: #28a745; */
     transform: translateY(100%);
     transition: transform 0.3s ease-in-out;
     z-index: -1;
}
/* .p-btn:after {
     content: "";
     position: absolute;
     left: 55%;
     transform: translate(-50%) scaleY(1) scaleX(1.45);
     top: 180%;
     width: 160%;
     height: 190%;
     background-color: rgba(var(--n51));
     border-radius: 50%;
     display: block;
     transition: all .5s .1s cubic-bezier(.55,0,.1,1);
     z-index: -1;
}
 */
 .p-btn:hover::before {
     transform: translateY(0);
}
#line{
    height: 50px !important;
 }
 .title-line {
     width: 4px;
     height: 67px;
     background-color: var(--skin-color);
}

 .section-heading {
     width: 732px;
}
 .pricing-card:hover {
     transform: scale(1.05);
     border: 1px solid var(--skin-color);
}
 .pricing-card {
     transition: all .5s ease-in-out;
}
 .display-four{
    /* color: rgba(var(--d1), 1);
     */
     font-weight: 700;
     padding: 0;
     margin: 0;
     line-height: 120%;
     display: block;
     transition: var(--transition);
}
 .n4-color {
     color: var(--text-black-700);
         font-size: 20px !important;
}
 .g-6, .gy-6 {
     --bs-gutter-y: 1.5rem;
}
 .g-6, .gx-6 {
     --bs-gutter-x: 1.5rem;
}
 .pricing-card {
     transition: all .5s ease-in-out;
}
 .brn4 {
     border: 1px solid var(--text-black-700, .08);
}
 .bgn2-color {
     background-color: var(--bg-black-100);
}
 .fs-eight {
     font-size: 16px;
     line-height: 130%;
}
 span {
     display: inline-block;
}
 .line-divider {
     height: 1px;
     width: 100%;
     background-color: #cddbd8;
}
 .fs-six{
     font-size: 20px;
     line-height: 120%;
}
 .display-four {
       font-size: 40px;
    color: var(--text-black-900);
    font-weight: 700;
     line-height: 120%;
}
 .service{
     max-width: 100%;
     height: 400px;
}
 .faq_icon_width {
     width: 20px;
     height: 20px;
     border-radius: 50%;
     background-color: rgba(var(--n3), 1);
    /* color: rgba(var(--n1), 1);
     */
}
 .br1 {
     border: 1px solid var(--skin-color, 1);
}
 .p1-color {
     color: var(--skin-color);
}
 .faq_icon_width_active {
     width: 20px;
     height: 20px;
     border-radius: 50%;
     background-color: rgba(var(--skin-color), 1);
}
 .vah-static {
     transition: height 0.3s ease;
     overflow: hidden;
}
 .pz-color{
     color: rgba(var(--p1), 1);
}
 @media (min-width: 768px) {
     .mt-md-15 {
         margin-top: 3.75rem !important;
    }
   
}
 @media (max-width: 991px) {
     .pricing-card .popular-price {
         top: 24px;
    }
}
 .pricing-card .popular-price {
     width: max-content;
     background-color: var(--skin-color);
     border-radius: 0 1000px 1000px 0;
     position: absolute;
     top: 32px;
     right: -48px;
     transform: rotate(90deg);
}
 @media (max-width: 768px) {
    .pricing-card .popular-price {
        right: -20px;
    }
 }
@media (min-width: 576px) and (max-width: 768px) {
        .pricing-card .popular-price {
            top: 23px;
        }
} 
@media (max-width: 991px) {
     .fs-six{
         font-size: 16px;
         line-height: 120%;
    }
}
 @media (max-width: 575px) {
     .fs-six{
         font-size: 14px;
         line-height: 120%;
    }
     .btns{
        display: flex !important;
    }
}
 @media (max-width: 991px) {
     .fs-two{
         font-size: 28px;
         line-height: 120%;
    }
}
 @media (max-width: 575px) {
     .fs-two{
         font-size: 28px;
         line-height: 120%;
    }
}
 @media (max-width: 991px) {
     .display-four {
         font-size: 48px;
         line-height: 120%;
    }
}
 @media (max-width: 575px) {
     .display-four {
         font-size: 32px;
         line-height: 38.4px;
    }
}
 @media (max-width: 1199px) {
     .section-heading {
         width: 100%;
    }
}
 @media (max-width: 575px) {
     .pb-60 {
         padding-bottom: 40px;
    }
}
 @media (max-width: 991px) {
     .pb-60 {
         padding-bottom: 30px;
    }
     @media (max-width: 1199px) {
         .page-heading {
             width: 100%;
             margin: auto;
             padding: 0 12px;
        }
    }
     @media (max-width: 1199px) {
         .page-heading .page-title {
             width: 100%;
             margin: auto;
        }
    }
     @media (max-width: 991px) {
         .fs-seven {
             font-size: 12px;
             line-height: 130%;
        }
    }
     @media (max-width: 575px) {
         .fs-seven {
             font-size: 16px;
             line-height: 130%;
             text-align: justify !important;
        }
    }
     @media (max-width: 991px) {
         a, p, span, button, label, li {
             font-size: 14px;
             line-height: 22px;
        }
    }
     @media (max-width: 767px) {
         .p-btn {
             font-size: 12px;
        }
    }
}
 @media (max-width: 1199px) {
     .page-heading {
         width: 100%;
         margin: auto;
         padding: 0 12px;
    }
}
 @media (max-width: 1199px) {
     .page-heading .page-title {
         width: 100%;
         margin: auto;
    }
}
 @media (max-width: 991px) {
     a, p, span, button, label, li {
         font-size: 14px;
         line-height: 22px;
    }
}
 @media (max-width: 767px) {
     .p-btn {
         font-size: 12px;
    }
}
 .toast-message {
     position: fixed;
     top: 30px;
     right: 30px;
     background: #28a745;
     color: #fff;
     padding: 15px 25px;
     border-radius: 6px;
     font-size: 15px;
     font-weight: 500;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
     z-index: 9999;

     opacity: 0;
     visibility: hidden;
     transform: translateY(-20px);

     transition: all 0.4s ease;
 }

 .toast-message.show {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
 }