@import url('https://fonts.googleapis.com/css2?family=Galada&family=Noto+Sans+Bengali&family=Noto+Serif+Bengali&display=swap');

@font-face {
    font-family: cursiveFont;
    src: url('/fonts/Li_Alinur_Ichamati_Unicode.ttf');
}


*{
    font-family: 'Noto Serif Bengali', serif;
}

.wa-style{
    height: 70px;
    width: 70px;
    padding: 2px 10px;
    position: fixed;
    bottom: 40px;
    right: 20px;
    font-size: 30px;
}

.social-icon{
    padding-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.social-icon img{
    obejct-fit: cover;
    border-radius: 50%;
}

.font-main{
    font-family: cursiveFont;
}

.text-custom{
    color: #E90064;
}

.text-blue{
    color: #060047;
}

.bg-custom{
    background-color: #E90064!important;
}

.bg-blue{
    background-color: #060047!important;
}

.btn-custom{
    background-color: #E90064;
    color: #ffffff;
}

.btn-blue{
    background-color: #060047;
    color: #ffffff;
}

.shadow-pink{
    box-shadow: 10px 10px #E90064!important;
}

.shadow-pink-sm{
    box-shadow: 5px 5px #E90064!important;
}

.shadow-blue{
    box-shadow: 8px 8px #060047!important;
}


.btn-outline-custom{
    color: #E90064;
    background-color: #ffffff;
    border: 1px solid #E90064;
}

.bg-custom{
    background-color: #e9e9e9;
}

.slider-image{
    width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: center;
}

.carousel-caption{
    width: 28%!important;
    top: 7%!important;
    bottom: 7%!important;
    left: 12%!important;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: left;
}

.icon-box{
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background-color: #E90064;
    color: #ffffff;
}

.service{
    height: 540px;
}

.service-image {
    width: 100%;
    position: absolute;
    object-fit: cover;
    height: 100%;
}

.service-content{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    height: 100%;
}

.popular-box{
	height: 30px;
	width: 150px;
    background-color: #7952B3;
    color: #fff;
    transform: rotate(-45deg);
    position: absolute;
    left: -40;
    top: 20px;
}

.premium-box{
	height: 30px;
	width: 150px;
    background-color: #7952B3;
    color: #fff;
    transform: rotate(45deg);
    position: absolute;
    right: -40;
    top: 20px;
    text-align: center;
}

.story{
    height: 460px;
}

.owl-theme{
    position: relative;
}

/* owl carousel controls */
.owl-controls .owl-buttons{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 24px;
    height: 34px;
    position: absolute;
    top: 45%;
    width: 100%;
    right: 0;
    left: 0;
    color: white;
}

#short-table{
    font-size: 12px;
}


@media (max-width: 420px){
    .carousel-caption{
        width: 80%!important;
        top: 10%!important;
        bottom: 10%!important;
        background-color: rgba(0, 0, 0, 0.8);
        left: 10%!important;
        right: 10%!important;
        text-align: left;
    }

    .slider-image{
        width: 100%;
        height: 690px;
        object-fit: cover;
        object-position: center;
    }
}