/* =========================================================
           LUFERA PACKAGE CAROUSEL
        =========================================================*/


        
        .package-scroll{
            width:100%;
            overflow-x:auto;
            overflow-y:hidden;
            padding:10px 0 20px;
            margin:0;
            scroll-behavior:smooth;
            -webkit-overflow-scrolling:touch;
            scrollbar-width:thin;
        }
        
        .package-scroll::-webkit-scrollbar{
            height:8px;
        }
        
        .package-scroll::-webkit-scrollbar-track{
            background:#ededed;
            border-radius:30px;
        }
        
        .package-scroll::-webkit-scrollbar-thumb{
            background:#1e8a8a;
            border-radius:30px;
        }
        
        .package-scroll::-webkit-scrollbar-thumb:hover{
            background:#166f6f;
        }
        
        /* Row */
        
     .package-row{
    display:flex;
    gap:24px;
    align-items:flex-start;
}
        
        /* Desktop */
        
      .package-column{
    flex:0 0 calc((100% - 48px)/3);
    max-width:calc((100% - 48px)/3);
    display:flex;
}
        
        /* Card */
        
        .package-column .pricing-plan{
    width:100%;
    height:100%;
    box-sizing:border-box;
}
        
        /* Remove Hover Animation */
        
        .package-column .pricing-plan:hover{
    transform:none!important;
    box-shadow:0 10px 30px rgba(0,0,0,.06)!important;
}
        
        /* =========================
           Tablet
        ========================= */
        
        @media(max-width:992px){
        
        .package-column{
            flex:0 0 calc((100% - 24px)/2);
            min-width:calc((100% - 24px)/2);
            max-width:calc((100% - 24px)/2);
        }
        
        }
        
        /* =========================
           Mobile
        ========================= */
        
        @media(max-width:768px){
        
        .package-scroll{
        
            scroll-snap-type:x mandatory;
        
            scrollbar-width:none;
            -ms-overflow-style:none;
        
        }
        
        .package-scroll::-webkit-scrollbar{
            display:none;
        }
        
        .package-row{
        
            gap:16px;
        
        }
        
        .package-column{
        
            flex:0 0 100%;
            min-width:100%;
            max-width:100%;
        
            scroll-snap-align:start;
            scroll-snap-stop:always;
        
        }
        
        .package-column{
    display:block;
}

.package-column .pricing-plan{
    display:flex;
    flex-direction:column;
    width:100%;
}
        
        .package-column .pricing-plan{
        
            width:100%;
            height:100%;
        
        }
        
        .plan-title{
            font-size:28px!important;
        }
        
        .plan-price{
            font-size:40px!important;
        }
        
        .plan-price span{
            font-size:18px!important;
        }
        
        .get-started-btn{
            width:100%;
        }
        
        .check-points{
            font-size:15px;
        }
        
        }
        
        /* ==========================================
           PACKAGE CARD DESIGN
        ========================================== */
        
        .pricing-plan{

    width:100%;

    display:flex;

    flex-direction:column;

    background:#fff;

    border-radius:18px;

    padding:32px;

    border:none;

    box-shadow:0 6px 18px rgba(0,0,0,.06);

    transition:.25s;

}

.pricing-plan:hover{

    transform:translateY(-4px);

    box-shadow:0 14px 35px rgba(0,0,0,.08);

}
        
        /* Featured Card */
        
        .pricing-plan.featured{
            background:#278f90 !important;
            color:#fff;
        }.pricing-plan.featured{

    background:#2b8f90;

    color:#fff;

}

.pricing-plan.featured h5,

.pricing-plan.featured p,

.pricing-plan.featured li,

.pricing-plan.featured h4{

    color:#fff;

}
        
        .pricing-plan.featured .text-muted{
            color:rgba(255,255,255,.75)!important;
        }
        
        /* Titles */
        
   .plan-title{


    font-size:19px;

    font-weight:700;

    margin-bottom:6px;

}

.pricing-plan p{
    font-size:15px;
    line-height:1.5;
}
        
        .plan-price{
    font-size:35px;
    font-weight:800;
    margin:16px 0;
}
        
        .plan-price span{
            font-size:18px;
            font-weight:500;
        }
        
        /* Old Price */
        
        .plan-price p{
            font-size:16px;
            margin-bottom:10px!important;
        }
        
        /* ==========================================
           BUTTON
        ========================================== */
        
      .get-started-btn{

    width:100%;
    height:56px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    border-radius:50px;

    border:1.5px solid #278f90;

    background:#fff;

    color:#18232d !important;

    font-size:18px;
    font-weight:600;

    text-decoration:none;

    transition:.3s;

}

.get-started-btn:hover{

    background:#278f90;

    color:black !important;

}

.pricing-plan.featured .get-started-btn{

    background:#fff;

    color:#111;

}
        
        /* ==========================================
           FEATURES
        ========================================== */
        
        .pricing-plan ul{
    padding:0;
    margin:0;
    list-style:none;
    flex:1;
}
        
        .pricing-plan li{
        
            margin-bottom:18px;
        
            position:relative;
        
            padding-left:38px;
        
            font-size:17px;
        
            line-height:1.5;
        
        }
        
        /* Green Circle */
        
        .pricing-plan li::before{

    content: "✓";

    position:absolute;

    left:0;

    top:3px;
   
   border-radius: 50%;

    color:#278f90;

    font-size:18px;

    font-weight:700;

width:20px;
    height:25px;
  
    background: #1e8a8a;
    color: #fff;

    text-align: center;
}        
        .pricing-plan.featured li::before{
        
       background: #fff;
    color: #1e8a8a;
        
        }
        
       
        
        /* ==========================================
           MOBILE
        ========================================== */
        
        @media(max-width:768px){
        
        .pricing-plan{
        
            padding:28px!important;
        
        }
        
        .plan-price{
        
            font-size:46px;
        
        }
        
        .plan-title{
        
            font-size:28px;
        
        }
        
        .get-started-btn{
    width:100%;
    border-radius:50px;
    padding:16px;
    font-size:18px;
    font-weight:600;
    margin:20px 0;
    border:1px solid #278f90;
    background:#fff;
    color:#222 !important;
}

.pricing-plan.featured .get-started-btn{
    background:#fff;
    color:#222 !important;
    border:none;
}
        
        .pricing-plan li{
    position:relative;
    padding-left:36px;
    margin-bottom:14px;
    line-height:1.6;
    font-size:16px;
    color:inherit;
}
        
        }
        
        .view-more-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    padding:16px;
    margin-top:18px;
    border-radius:50px;
    background:#278f90;
    color:#fff !important;
    font-size:18px;
    font-weight:600;
    text-decoration:none;
    transition:.3s;
}

.view-more-btn:hover{
    background:#1d7b7c;
    color:#fff !important;
}

.pricing-plan.featured .view-more-btn{
    background:#fff;
    color:#278f90 !important;
}

.pricing-plan.featured .view-more-btn:hover{
    background:#f7f7f7;
}

/* Hide all features after first 5 */

.extra-feature{
    display:none;
}

/* When opened */

.extra-feature.show{
    display:list-item;
}

/* Show More Button */

.show-more-btn{

    width:100%;

    padding:12px;

    border:none;

    border-radius:40px;

    background:#278f90;

    color:#fff;

    font-size:15px;

    font-weight:600;

    cursor:pointer;

}

.show-more-btn:hover{

    background:#1d7b7c;

}

.pricing-plan.featured .show-more-btn{

    background:#fff;

    color:#278f90;

}

/* ==========================================
   DURATION TABS
========================================== */

.duration-tabs{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:14px;

    margin:30px 0;

    padding:0;

    border:none;

}

.duration-tabs .nav-item{

    list-style:none;

}

.duration-tabs .nav-link{

    border:none !important;

    background:#ffffff;

    color:#278f90;

    font-size:18px;

    font-weight:600;

    padding:14px 28px;

    border-radius:50px;

    transition:.3s;

    box-shadow:none;

}

.duration-tabs .nav-link:hover{

    background:#e8f6f6;

    color:#278f90;

}

.duration-tabs .nav-link.active{

    background:#278f90 !important;

    color:#fff !important;

    box-shadow:0 8px 24px rgba(39,143,144,.25);

}

.duration-tabs .nav-link:focus{

    box-shadow:none;

}

@media(max-width:768px){

.duration-tabs{

    gap:10px;

    flex-wrap:wrap;

}

.duration-tabs .nav-link{

    font-size:16px;

    padding:12px 22px;

}

}

/* ==========================================================
   DESKTOP COMPACT PACKAGE DESIGN
   Only Desktop (993px+)
========================================================== */

@media (min-width:993px){

    /* Card spacing */

    .package-row{
        gap:20px;
    }

    /* Package Card */

    .pricing-plan{

        padding:30px !important;

        border-radius:18px !important;

        box-shadow:0 8px 24px rgba(0,0,0,.05);

    }

    /* Package Title */

    .plan-title{

        font-size:18px !important;

        font-weight:700;

        margin-bottom:6px;

    }

    /* Subtitle */

    .pricing-plan > p{

    font-size:15px;

    font-weight:400;

    color:#44505b;

    margin-bottom:26px;

}

.pricing-plan.featured > p{

    color:#ffffff;

}

    /* Price */

  .plan-price{

    font-size:55px;

    font-weight:800;

    line-height:1;

    margin:0 0 26px;

}

    /* Currency */

    .plan-price{

        position:relative;

    }

    .plan-price{

        font-weight:800;

    }

    /* /per month */

.plan-price span{

    font-size:16px;

    font-weight:500;

    align-self:flex-end;

    margin-bottom:8px;

}

    /* Old price */

.plan-price p{

    font-size:17px;

    margin:0;

}

    /* Button */

    .get-started-btn{

        padding:15px 20px;

        font-size:16px;

        border-radius:40px;

        margin:18px 0 24px;

    }

    /* Feature List */

    .pricing-plan ul{

        margin-top:8px;

    }

    .pricing-plan li{

        font-size:15px;

        line-height:1.55;

        margin-bottom:14px;

        padding-left:26px;

    }

    /* Feature Icon */

    .pricing-plan li::before{

        font-size:14px;

        top:4px;

        left:0;

    }

    /* Show More Button */

    .show-more-btn{

        padding:12px;

        font-size:15px;

        border-radius:40px;

        margin-top:16px;

    }

    /* Duration Tabs */

    .duration-tabs{

        gap:12px;

        margin:0 0 30px;

    }

    .duration-tabs .nav-link{

        font-size:16px;

        padding:12px 26px;

        border-radius:40px;

    }

}

.btn-icon{

    width:30px;
    height:30px;

    border-radius:50%;

    background:#13222b;

    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:13px;

    transition:.3s;

    flex-shrink:0;
}

.btn-icon i{

    transform:translateY(-1px);

}

.package-scroll{

     overscroll-behavior-x: auto;
 scroll-behavior: smooth;

}