@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


hr {
    margin-top: 0px;
    margin-bottom: 5px;
    border: 0;
    border-top: 2px solid #eee;
}




.width100{
    width: 100%;
    margin: 10px auto;
}
/* .terms{
    background: url('../img/bck.jpeg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
} */
.accordionbox{
    background-color: #EDF3FD;
    
    margin: 0 auto 30px auto;
    padding: 20px 45px ;
    border-radius: 15px;
}
.singlebox{
    background: #fff;
    
}
.newpanel-heading{
    border-color: none;
    background-color: ffffff00 !important;
    color: black !important;
    padding: 5px 15px;
    
}
.panel-default{
    border-bottom: 1px solid #bdbdbd !important;
}
.singlebox{
    cursor: pointer;
    padding: 5px 10px;
    background: #ffffff00 ;
}



.panel-title a {
    font-family: "Poppins", sans-serif !important;
}
.panel-body{
    color: #000;
    font-family: "Poppins", sans-serif !important;
    padding: 5px 15px 5px 15px !important;
    font-size: 12px;
    text-align: justify;
}

.panel-title .accordion-toggle{
    font-size: 14px !important;
}

@media (max-width: 768px) {
    
    .accordionbox {
    background-color: #d8e2ff;
    width: 100%;
    margin: 0 auto 30px auto;
    padding: 5px 5px;
    border-radius: 15px;
}
    
}



/* faq plan b design */
.innerdesc{
    width: 100%;
    margin: 0 auto;
    
}
.descboxinner{
    width: 95%;
    border-radius: 10px;
    margin: 0 auto 30px auto;
    padding: 20px 35px;
    font-family: "Poppins", sans-serif !important;
    background: #d8e2ff;
}














/* milestone css in this css */
.innermilestone{
    display: flex;
    justify-content: space-around;
    gap: 15px;
}
.innermilestone .card{
    width: 50%;
    background-color: #EDF3FD;
    border-radius: 10px;
    border: 1px solid #b6d1ff;
}

.innercard{
    width: 92%;
    padding: 5px;
    margin: 5px auto;
    display: flex;
    gap: 10px;
    align-items: center;
}
.innerimagecard{
    width: 25%;
}

@media (max-width: 1024px){
    .innerimagecard{
        width: 40%;
    }
}


@media (max-width: 765px) {
    .showinginmobilg{
    display: block !important;
    }
    .accordionbox {
    background-color: #fff; 
    width: 100%;
    margin: 0 auto 30px auto;
    padding: 0px 0px;
    border-radius: 15px;
    }   
    .singlebox {
    cursor: pointer;
    padding: 10px 0px;
    background: #ffffff00;
    }
    .panel-default {
     border-bottom: 1px solid #ffffff !important;
    }
    .newpanel-heading {
    border-color: none;
    background-color: ffffff00 !important;
    color: black !important;
    padding: 0px 0px;
    }
    .panel-body {
    font-family: "Poppins", sans-serif !important;
    padding:10px 0px 0px 0px !important;
    }   


    
    .innercard {
    width: 92%;
    padding: 5px;
    margin: 5px auto;
    display: flex;
    gap: 10px;
    align-items: center;
    flex-direction: column;
    }

    .innercardmobile{
        text-align: center;
    }

    .innermilestonemobile{
        width: 100%;
         display: grid;
        grid-template-columns: 0.5fr 0.5fr 0.5fr 0.5fr;
        gap: 10px;
        justify-content: center;
    }
    .milestoneboxmobile{
        width: 100%;
    }
    .cardmobile{
        border: 1px solid #002461;
        background: #EDF3FD;
        border-radius: 15px;
        padding: 5px;
    }
    
    .text-center span{
        font-size: 16px !important;
    }
    .fontlargephone{
        font-size: 16px !important;
        word-spacing: -2px;
        
    }
    .barhide{
        display: none;
    }
    
}

.showinginmobilg{
    display: none ;
}