@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&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&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

html,body{
    width: 100%;
    height: 100%;
}

body{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

/* main-extension-page */
.main-extension-page{
    padding: 1rem 0;
     margin-top: 3.5rem; 
    min-height: 350px;
    background-color: rgb(16 85 97 / 16%);
}

.cerrrd-lisst{
    margin-top:2rem !important;
}

.main-extension-page .card {
    position: relative;
    min-height: 300px;
    border-radius: 1.2rem;
    border: none;
    background-color: transparent;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    background: url('img/mobile_app_index.webp')no-repeat center center/cover;
}

    .main-extension-page .card .extesion_card_txt {
        position: absolute;
        left: 5%;
        top: 50%;
       /* color: #1111bc;
        background-color: #bbbbbbc2;
        border-radius: 10px;
        padding: 10px;*/
        transform: translateY(-50%);
    }
.main-extension-page .card .extesion_card_txt .exten_crd_h3{
    font-size: 2.5rem;
    font-family: "Josefin Sans", serif;
    margin-bottom: 0;
}


/* extension_crd */
.extension_crd {
    min-height: 300px;
    // background: radial-gradient(50% 50% at 50% 50%, rgba(255, 221, 0, 0.24) 0, rgba(255, 196, 0, 0) 100%), radial-gradient(40% 40% at 50% 50%, rgba(171, 11, 83, 0.247) 0, rgba(189, 8, 89, 0) 100%);
    background: radial-gradient(50% 50% at 50% 50%, rgb(183 236 245) 0, rgba(255, 196, 0, 0) 100%), radial-gradient(40% 40% at 50% 50%, rgb(226 255 67 / 23%) 0, rgba(189, 8, 89, 0) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 0;
}
.btn_ending_pstn{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.extn_head_title{
    font-size: 2.5rem;
    font-family: "Josefin Sans", serif;
}
.see_more_btn {
    background-color: rgb(13 192 223 / 65%) !important;
    width: 150px;
    height: 40px;
    border-radius: 30px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500 !important;
}
    .see_more_btn:hover,
    .see_more_btn:focus,
    .see_more_btn:active {
        background-color: rgb(13 192 223) !important;
        color: #000 !important;
        border: none !important;
        outline: none !important;
    }
.extnsion_a_crd_prnt{
    text-decoration: none;
}

.extension_crd .card{
    padding: .5rem;
    border-radius: 1rem;
    min-height: 360px;
    background: #edefff;
    border: 1px solid rgba(12, 12, 71, 0.495);
}
.extension_crd .card .card-body{
    padding: 0;
    padding-top: 1rem;
}

.extension_crd .extn_crd_tle{
    min-height: 40px;
    font-family: "Josefin Sans", serif;
}

.extension_crd .card img{
    height: 100%;
    object-fit: cover;
    border-radius: .6rem;
}

.rvw{
    font-weight: 600;
}

.totl_rvw_prsn{
    opacity: .7;
}


/* mdlContent */
.mdl-cnt{
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 2rem;
}
.mdl-cnt .mdl_tle{
    font-size: 2.5rem;
    font-family: "Josefin Sans", serif;
    border-bottom: 2px solid rgb(11, 11, 52);
}



/* blog */
.extn_blog{
    min-height: 400px;
    padding-bottom: 2rem;
}
.blog_tle{
    font-size: 2.5rem;
    font-family: "Josefin Sans", serif;
}
.blg_a_crd_prnt{
    text-decoration: none;
}

.extn_blog .card{
    padding: .5rem;
    border-radius: 0;
    min-height: 480px;
    background: #edefff;
    border: 1px solid rgba(12, 12, 71, 0.495);
}
.extn_blog .card .card-body{
    padding: 0;
    padding-top: 1rem;
}

.extn_blog .blg_crd_tle{
    min-height: 40px;
    font-family: "Josefin Sans", serif;
}

.extn_blog .card img{
    height: 280px;
    object-fit: cover;
    border-radius: .3rem;
}



@media (max-width: 675px){
    .main-extension-page {
        min-height: 235px;
    }

    .main-extension-page .card {
        min-height: 200px;
    }

    .main-extension-page .card .extesion_card_txt .exten_crd_h3 {
        font-size: 1.8rem;
    }
    .main-extension-page .card .extesion_card_txt p{
        font-size: .8rem;
    }
}