/*----header cart css------*/
.cart-btn{
    display: flex;
    align-items: center;
}
.cart-cr{
    background-color: #1f1f1f;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    border-radius: 50%;
    position: relative;
    top: -9px;
    left: -18px;
}
.main_crt{
    font-size: 14px;
    font-family: 'Poppins',sans-serif;
    font-weight: 500;
}
.crt-vw{
    padding: 10px 30px;
    font-size: 18px;
    text-align: center;
}


.nav_active{
     /* border-bottom: 3px solid #0B36CD!important; */
     color: #0b36cd!important;
}
.top-clr-nav{
    width: 100%;
    height: 7px;
    background: linear-gradient(90.02deg, #57DE7A 7.76%, #0587D0 31.3%, #4631C4 48.01%, #AC55FB 70.84%);;
}

/* hero section--------*/
.hero_sec{
    background: #fff;
    /* height: 580px; */
    padding: 30px 0px 15px 0px;
    font-family: 'Poppins',sans-serif;
}
.bnr-box{
    width: 100%;
    height: 450px;
    background: url(../images/bg-1.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 30px 30px;
    border-top-right-radius: 50px;
    border-top-left-radius: 50px;
    background-position: top left;
    position: relative;
}
.bng-cnt{position: absolute;max-width: 80%;top: 25%;left: 46%;}
.bng-cnt p{
    font-size: 20px;
    font-weight: 400;
    color: #fff;
}
.bng-cnt h4{
    font-family: "Kumbh Sans", sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 60px;
}

/*---Mid section----*/
.box-outer h4{
    font-size: 19px;
    font-weight: 600;
    font-family: "Inter", sans-serif;
}
.box-1{
    /* border: 1px solid #000; */
    border-radius: 30px;
    height: 200px;
    background: url(../images/Frame-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
}
.box-2{
    /* border: 1px solid #000; */
    border-radius: 30px;
    height: 200px;
    background: url(../images/Frame-2.png);
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
}
.box-3{
    /* border: 1px solid #000; */
    border-radius: 30px;
    height: 200px;
    background: url(../images/Frame-3.png);
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
}
.box-4{
    /* border: 1px solid #000; */
    border-radius: 30px;
    height: 200px;
    background: url(../images/Frame-4.png);
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
}
.box-5{
    /* border: 1px solid #000; */
    border-radius: 30px;
    height: 200px;
    background: url(../images/Frame-5.png);
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
}
.end-bg{
    margin-top: 25px;
}
.grn-box{
    background: linear-gradient(180deg, #599C30 0%, #11574A 100%);
    width: 100%;
    height: auto;
    padding: 20px;
    border-radius: 20px;
    margin-top: 40px;
    font-family: "Montserrat", sans-serif;
}
.grn-box h4{    
    font-size: 30px;
    font-weight: 600;
    color: #fff;
}
.grn-box p{
    color: #fff;
    font-size: 22px;
    font-weight: 400;
}
.grn-img-1{
    /* background-size: contain; */
    background: url(../images/Rectangle1.png);
    border-radius: 30px;
    padding: 15px;
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
}
.grn-img-1 h4{
    color: #000;
    font-size: 26px;
    font-weight: 600;
}
.grn-img-1 p{
    color: #000;
    font-size: 15px;
}
.grn-img-1 a{
    position: absolute;
    bottom: 10px;
    right: 50%;
    font-size: 19px;
    font-weight: 600;
    transform: translateX(50%);
}
.grn-img-2{
    /* background-size: contain; */
    background: url(../images/Rectangle2.png);
    border-radius: 30px;
    padding: 15px;
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
}
.grn-img-2 h4{
    color: #000;
    font-size: 26px;
    font-weight: 600;
}
.grn-img-2 p{
    color: #000;
    font-size: 15px;
}
.grn-img-2 a{
    position: absolute;
    bottom: 10px;
    right: 50%;
    font-size: 19px;
    font-weight: 600;
    transform: translateX(50%);
}
.grn-img-3{
    /* background-size: contain; */
    background: url(../images/Rectangle3.png);
    border-radius: 30px;
    padding: 15px;
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
}
.grn-img-3 h4{
    color: #000;
    font-size: 26px;
    font-weight: 600;
}
.grn-img-3 p{
    color: #000;
    font-size: 15px;
}
.grn-img-3 a{
    position: absolute;
    bottom: 10px;
    right: 50%;
    font-size: 19px;
    font-weight: 600;
    transform: translateX(50%);
}
.grn-img-4{
    /* background-size: contain; */
    background: url(../images/Rectangle4.png);
    border-radius: 30px;
    padding: 15px;
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
}
.grn-img-4 h4{
    color: #000;
    font-size: 26px;
    font-weight: 600;
}
.grn-img-4 p{
    color: #000;
    font-size: 15px;
}
.grn-img-4 a{
    position: absolute;
    bottom: 10px;
    right: 50%;
    font-size: 19px;
    font-weight: 600;
    transform: translateX(50%);
}


/*--------*/
/**
 *  slider
 */
.slider-pro{
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: flex-start; */
    height: auto;
    margin: 80px 0px;
 }
.card-list .card-item{
    list-style: none;
    /* width: 230px!important; */
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    !importan;
    !importa;
    !import;
    !impor;
    !impo;
    !imp;
    !im;
    !i;
    !;
  }
.card-list .card-item .card-link{
    user-select: none;
    width: 100%;
    display: block;
    background-color: #fff;
    text-decoration: none;
    padding-bottom: 5px;
 }
 .card-list .card-item .card-link:hover{
     box-shadow: 1px 10px 10px rgba(0, 0, 0, 0.05);
 }
.card-list .card-link .card-image{
    width: 100%;
    height: 260px;
    object-fit: cover;
    aspect-ratio: 16 / 9;
  }
.card-list .card-link h4{
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 600;
    padding-top: 18px;
    height: 65px;
   }
.card-list .card-link h6{
    font-family: "Montserrat", sans-serif;
    font-size: 21px;
    font-weight: 600;
   }
.card-list .card-link .card-button{
    width: 100%;
    display: block;
    background: #FF000D;
    padding: 10px;
    color: #fff;
    font-size: 21px;
    font-weight: 700;
    text-align: center;
    border: none;
}   
.card-list .card-link .card-txt{
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    padding-top: 5px;
    display: block;
    text-decoration: underline #222;
}
.swiper-scrollbar{
    background: #ddd;
    height: 10px;
}
.swiper-button-next{
    background: #1EBA38;
    padding: 25px;
    border-radius: 50%;
    top: 40%;
    right: -30px;
    color: #fff;
}
.swiper-button-next:after{
    font-size: 32px;
    font-weight: 800;
}
.swiper-button-prev{
    background: #1EBA38;
    padding: 25px;
    border-radius: 50%;
    top: 40%;
    left: -30px;
    color: #fff;
    font-weight: 800;
    z-index: 100;
}
.swiper-button-prev:after{
    font-size: 32px;
    font-weight: 800;
}
.swiper-scrollbar.swiper-scrollbar-horizontal{bottom: 0;height: 10px;}
.swiper-scrollbar-drag{background: none;}
.swiper-scrollbar-drag:after{content: "";width: 100px;height: 10px;border-radius: 10px;background: #1EBA38; position: absolute;top: 0;left: 50%;margin: 0 0 0 -20px;}
/*----------------------slider css end---------*/

.card-list{
    padding: 0px !important;
}
.swp-cont{
    overflow: visible !important;
}
.card-wrp{
    overflow: hidden !important;
}