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

.quote-text {
font-size: 18px; /* Adjust font size for the text */
font-style: italic; /* Make it italic for a testimonial look */
color: #555; /* Neutral text color */
position: relative;
padding:20px;
border-radius: 10px; /* Rounded corners */
font-family: "Roboto", serif !important;
font-weight: 700;

}

.author-name{
font-family: "Roboto", serif !important;
font-weight: 400;
font-size: 14px !important;
padding-left:20px;

}

.align-items-center{
margin-left: 5px;
border-radius: 25px;
padding:10px;
}

.quote-card {

border-radius: 10px;
padding-left: 10px !important;
transition: transform 0.3s ease, box-shadow 0.3s ease;

}

@media only screen and (max-width: 992px) {
.quote-card {
margin-top: 20px;
}
}

.quote-text::before {
content: "“";
font-size: 4rem;
font-family: 'Times New Roman', serif;
color: #333;
position: absolute;
top: -20px;
left: 10px;
transform: rotate(-10deg);
text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
opacity: 0.9;
}

.quote-text::after {
content: "”";
font-size: 4rem;
font-family: 'Times New Roman', serif;
color: #333;
position: absolute;
bottom: -40px;
right: 10px;
transform: rotate(10deg);
text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
opacity: 0.9;
}

.category-card {
background-color: #f8f9fa;
border: 1px solid #e9ecef;
border-radius: 10px;
padding-left: 10px !important;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.category-card:hover, .category-card-2:hover {
transform: scale(1.05); /* Slight zoom on hover */
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); /* Shadow effect */
color:#07acf2 !important;
}

.azharisocialmedia{
background-color: #0e0e55 !important;
}

@media only screen and (min-width: 992px) {
.socialheight {
margin-top: 120px;
}
}

.ml-3 {
margin-left: 15px;
text-align: left; /* Adds spacing between the icon and text */
}

.ml-3 h4, .text-center h4{
font-family: "Roboto", serif !important;
font-weight: 700;
font-size: 18px;;
}

.text-muted{
font-family: "Roboto", serif !important;
font-weight: 400;
font-size: 16px;;
}

.icon-circle {
background-color:#FFFAFA; /* Set a background color for the circle */
padding: 15px; /* Adds padding inside the circle */
border-radius: 50%; /* Makes it circular */

align-items: center;
}

.icon-circle-2 {
background-color: #f0c674; /* Set a background color for the circle */
padding: 15px; /* Adds padding inside the circle */
border-radius: 50%; /* Makes it circular */
display: flex;
justify-content: center;
align-items: center;
}

.icon {
font-size: 24px; /* Adjust the size of the icon */
color: #39BFF8; /* Set the icon color */
}

.category-card-2 {
display: flex;
flex-direction: column; /* Ensures the icon and text are stacked vertically */
align-items: center; /* Centers the items horizontally */
justify-content: center; /* Centers the content vertically (if height is specified) */
transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth hover effect */
background-color: #f8f9fa; /* Light background */
border: 1px solid #e9ecef; /* Subtle border */
border-radius: 10px; /* Rounded corners */
padding-top: 20px;
padding-bottom: 20px;

}

.mb-3 {
margin-bottom: 15px; /* Adds spacing between the icon and text */
}

.logo-container {
display: flex;
justify-content: center;
align-items: center;
margin: 30px 0;
}

.logo-container img {
max-width: 60%;
height: auto;
}

.socialMediaName {
margin-top: 15px;
font-family: "Roboto", serif !important;
font-weight: 700;
font-size: 18px;;
}

.socialMediaPara{
font-family: "Roboto", serif !important;
font-weight: 400;
font-size: 16px;;
}

.form-container {
display: none; /* Hide all forms by default */
}
.form-container.active {
display: block; /* Show the active form */
}

.event_body{

border-bottom: 4px solid #39BFF8;
}

.upcomingEvent .title_for_event{
    font-family: Prata;
    font-weight: 400;
    font-size: 20px;
    color:#303030;
}

.event_body .title{
font-family: "Cinzel", serif;
font-weight: 900;
font-size: 20px;

color:#303030;
}

.event_body .description {
font-family: "Roboto", sans-serif !important;
font-weight: 400;
font-size: 18px;
color: #787878;
line-height: 10px;

}

.description p{
font-family: "Roboto", sans-serif !important;
font-weight: 400;
font-size: 18px;
color: #787878;
}

.event_body .description .fa-map-marker{

margin-left: 5px !important;
color: #39BFF8;

}

.event_body .description .fa-calendar{

margin-left: 5px !important;
color: #39BFF8;

}

.video-container {
position: relative;
padding-bottom: 56.25%; /* 16:9 aspect ratio */
height: 0;
overflow: hidden;
max-width: 100%;
background: #000;
}

.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.title{
font-family: "Roboto", sans-serif !important;
font-weight: 700;
font-size: 18px;
color:#303030;
font-style: normal;

}

.title1{
font-family: "Roboto", sans-serif !important;
font-weight: 400;
font-size: 18px;
color:#303030;
}

.midea_title{
font-family: "Roboto", sans-serif !important;
font-weight: 400;
font-size: 16px;
color:#000000;

}

.title2{
font-family: "Roboto", sans-serif !important;
font-weight: 400;
font-size: 18px;
color:#39BFF8;
}

.description p{
font-family: "Roboto", sans-serif !important;
font-weight: 400;
font-size: 16px;
color: #787878 !important;

}

.promo {
border: none;
outline: 0;
display: inline-block;
padding: 8px;
color: white;
background-color:#39BFF8;
cursor: pointer;
width: 100%;
font-family: Prata;
font-weight: 400;
font-size: 20px;
}


.container-quate {

width: 100%;
margin: auto;
padding: 0 15px;
}

.testimonial-area {
background: var(--blue);
position: relative;
z-index: 2;
padding: 10px 0;
}

.single-testimonial {
border: 7px solid #1ca9c9;
text-align: center;
border-radius: 45px;
position: relative;
z-index: 2;
}

.single-testimonial p {
color: #000;
font-size: 15px;
line-height: 24px;
padding: 15px 45px 10px 45px;
padding-bottom: 10px;
position: relative;
z-index: 3;
}

.client-video {
padding-right: 15px;
}

.client-info {
position: relative;
z-index: 3;
}
.client-video img {
width: 80px;
height: 80px;
border-radius: 100px;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
font-size: 22px;
}
.client-info {
display: flex;
align-items: center;
justify-content: center;
text-align: left;
padding-bottom:20px;
}
.client-details h6{
color:#fff;
font-weight: 700;
font-size: 18px;
}
.client-info span {
display: inline-block;
color: #000;
font-size: 12px;
}

/* Above code timeline */

.subscription {
min-height: 200px;
background-color:#F3F3F3;
padding: 60px 0;
padding-left:15px;
padding-right: 15px;

}

.subscription .input-group .btn-lg{
border-bottom: 1px solid #787878;
border-radius: 0;
text-align: left !important;

}

input.btn.btn-lg {
width: 85%;
height: 60px;

}

.subs {
display: flex;
justify-content: center;
align-items: center;
height: 100%; /* Optional, to ensure vertical centering */
}

.newsletter {
text-align: center;
font-family: Prata;
font-weight: 400;
font-size: 32px;
color: #404040;
padding-top: 20px; /* Add padding to the top */
padding-bottom: 20px; /* Add padding to the bottom */
}

.subs-des{
font-family: "Roboto", serif !important;
font-weight: 400;
font-size: 16px;
text-align: left !important;
color: #787878;
}

.fa-telegram{
background-color:black !important;
}

.azhari-code .owl-theme .owl-nav{
color:red !important;
font-size: 30px;
position: absolute;
transform: translateY(-50%);
left:30%; /* Adjust the value according to your design */
top: 90%; /* Adjust the value according to your design */

}

.session .owl-theme .owl-nav{

font-size: 30px;
position: absolute;
transform: translateY(-50%);
right:8%; /* Adjust the value according to your design */
top: 80%; /* Adjust the value according to your design */

}

.session .owl-arrow .owl-nav .owl-prev,
.session .owl-arrow .owl-nav .owl-next {
display: inline-block;
transition: all 0.6s ease-in-out;
color:red !important;
}

.azhari-code .owl-theme .owl-nav button.owl-next,.azhari-code .owl-theme .owl-nav button.owl-prev{background:0 0;
color:red !important; padding:0!important;font:inherit}

.card-footer{
border-top: 1px solid red;
}

.fancybox-infobar{
background:white !important;
}

.fancybox-caption__body{
color:white !important
}

.fancybox-button{
background-color:#ffffff !important;
}
/* Bellow css code for watch page */

div.watchcount{
color:#1ca9c9 !important;
font-family: "Roboto", sans-serif !important;
font-weight:700;
font-size:16px !important;
text-decoration: none !important;
padding-bottom:1px;
}

#overflowTest {
width:100%;
height: 450px;
overflow-x: hidden;
overflow-y: scroll;

}

.latestTitle{
color:#1ca9c9 !important;
font-family: "Roboto", sans-serif !important;
font-weight:700;
font-size:16px !important;
margin:5px 0 5px 5px;
}

div.alignment img{

background-color:#F5F5F5;
max-height: 80px;
margin-bottom:10px;
float:left;
margin-right:10px;
}

div.blog_video img{

background-color:#F5F5F5;
max-height: 70px;
margin-bottom:10px;
float:left;
margin-right:10px;
}

div.watchback_video{

background-color:#F5F5F5 !important;
min-height: 70px;
border-top: 1px solid #07acf2;
}

div.watchback{

background-color:#F5F5F5 !important;
min-height: 80px;
border-top: 1px solid red;
}

div.watchback:hover{
background-color:#e5e5e5;
opacity: 0.8;
}

.watchTitle{
color:#1ca9c9 !important;
font-family: "Roboto", sans-serif !important;
font-weight:700;
font-size:14px !important;
text-decoration: none !important;
padding-bottom:1px;
}

.watchSubTitle{
color:black !important;
font-family: "Cinzel", serif;
font-weight:900;
font-size:12px !important;
text-decoration: none !important;

}

.watch {
position: relative;
width: 100%;
overflow: hidden;
padding-top: 56.25%; /* 16:9 Aspect Ratio */
margin-bottom: 50px;
}

.responsive-iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
border: none;
}

/* Bellow NavBar css code */

@media screen and (max-width: 800px) {

hr {
display: none;
}

.nav_margin{
    margin-top:30px;
    margin-bottom:20px;
}

.navbar{
background-color: #343a40;
}

.nav-link {
color: #000 !important;
font-family: "Roboto", serif !important;
font-weight: 700;
font-size: 14px !important;
text-decoration: none !important;
}

.navPosition {

position: relative;
z-index: 3;
}

.deskTopVersion {
display: none;
}
.webName {
display: none;
}

.slider {
z-index: 1;
margin-top: 1px;
}

.event {
padding-left: 10px;
padding-right: 10px;
}

.oictoday {
padding-left: 10px;
padding-right: 10px;
margin-top: 40px;
}

/* Bellow css code for Mobile Navbar*/

/* need a solution for the next 2 properties */
li {
list-style: none;
}

a {
color: #fff;
text-decoration: none;
}

.gallery {
color: black !important;
}

.container {
width: 100%;
margin: 0 auto;
}

.highlights {
z-index: 1;
padding-left: 10px;
padding-right: 10px;
}

}

#collapsibleNavbar{
justify-content: center;
}

@media screen and (min-width: 800px) {
.coverPhoto {
margin-top: -60px;
border-top: 2px solid red;
margin-bottom: 20px;
}

.intro-coverphoto{
margin-top: -50px;
margin-bottom: 20px;
}

.slider {
z-index: 1;
margin-top: -50px;
border-top: 2px solid #e2dfd2;
}

.navbar-nav{
text-align: left;
padding-left: 50px;

}

.navbar-brand img{
display: none;
}

.navPosition {
height: 50px;
position: relative;
top: -25px;
border-radius: 50px;
z-index: 3;
border: 2px solid #e2dfd2;
}

.navbar{
background-color: white;
}

}

.active{
color:red !important;
}

.nav-link {
color: #000 !important;
font-family: 'Roboto' !important;
font-weight: 700 !important;
font-size: 16px !important;
text-decoration: none !important;
}

@media screen and (min-width:1360px){

.navbar-nav>li{
margin:0px 5px;
}

}

.deskTopVersion {
background-color: #F3F3F3;
}

a {
text-decoration: none;
}

/*Bellow css code for Mizanur Rahman Azhari*/

.mizanVai {
font-family: 'Sundey', sans-serif;
font-weight: 200;
color:#07acf2;
font-size: 3.5vw;
text-align: center;
margin-bottom: 30px;
padding-top: 30px;
}

/*Bellow css code for Mizanur Rahman Azhari */

/* Bellow css code for social Media */

.fa-facebook-f,
.fa-youtube,
.fa-times,
.fa-instagram,
.fa-telegram-plane,
.fa-tiktok{
height: 25px;
width: 25px;
border-radius: 50%;
padding-top: 5px;
background-color:#7A7A7A;
color:white;
text-align:center;
margin-top: 5px;
}

.fa-facebook-f:hover,
.fa-youtube:hover,
.fa-times:hover,
.fa-instagram:hover,
.fa-telegram-plane:hover,
.fa-tiktok:hover {
height: 25px;
width: 25px;
border-radius: 50%;
padding-top: 5px;
background-color:#7A7A7A;
color:#FA6D3D;
text-align:center;
margin-top: 5px;
}

.fa-user {
border: 1px solid black;
color: white;
background-color: #4A4A4A;
}

/* Bellow css code for inline list*/

ul#menu li {
display: inline;
padding: 0px 5px;
}



/* Bellow css code for slider zoomeffect */

@keyframes zoom {
    from {
        transform: scale(1, 1);
    }
    to {
        transform: scale(1.5, 1.5);
    }
}

/* Webkit-specific for older versions of browsers like Safari */
@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(1, 1);
    }
    to {
        -webkit-transform: scale(1.5, 1.5);
    }
}

/* Standard syntax */

.carousel-caption {
text-align: right !important;
margin-bottom: 15% !important;
}

/* Bellow css code for left side highlight section */

.highlightsBack {

padding-top: 50px;

}

.section-title{
text-align: center;
font-family: Prata;
font-weight: 400;
font-size: 32px;
color:#000000;
}

.highTitleLeft h3 {
font-family: "Roboto", sans-serif !important;
font-weight: 900;
font-size: 20px;

color:#303030;
}

.highDesLeft p{
font-family: "Roboto", sans-serif !important;
font-weight: 400;
font-size: 18px;
color: #787878;
line-height: 20px;
}



@media screen and (min-width:1380px){

.fa-map-marker {
margin-left: 40px;
color: #ff5f1f;
}



.eventTitle {
font-family: "raleway", sans-serif;
font-weight: 400;
font-size: 22px;
text-align: left;
color: #2b2b2b;
margin-top:15px;
margin-bottom: 10px;
}

}



@media screen and (min-width: 750px) {

div.intr2 {
display: none !important;
}

div.mobile-intr{
padding: 40px;
}

}

.btn{
background-color: #ff5f1f !important;
margin-top: 20px;
padding-right: 15px;
padding-left: 15px;
color:#ffffff;
font-family: "Roboto", serif !important;
font-weight: 400;
font-size: 16px;;
}

.btn:hover{
background-color: #39BFF8 !important;
margin-top: 20px;
padding-right: 15px;
padding-left: 15px;
color:#ffffff;
font-family: "Roboto", serif !important;
font-weight: 400;
font-size: 16px;;
}

/* Bellow css code for upcoming event section */

.upcomingEvent {
margin-top: 50px;
margin-bottom: 20px;
}

.cal .fa-calendar {
float: left;
margin-top: 5px;
margin-right: 19px;
font-size: 10px;
background-color: #39BFF8;
padding: 2px 2px 2px 2px;
color: white;
border-radius: 3px;
}

.cal .fa-calendar {
float: right;
margin-top: 5px;
margin-right: 19px;
font-size: 10px;
background-color: #39BFF8;
padding: 2px 2px 2px 2px;
color: white;
border-radius: 3px;
}

.fa-calendar-check, .fa-map-marker-alt {
color: #07acf2;
margin-bottom: 2px;

}

.upcoming-section-home{
    text-align: right;
}

@media (max-width: 767px) {
    .upcoming-section-home {
        text-align: left;
        margin-top:10px;
        margin-left:10px;
    }
}

@media (max-width: 767px) {
    .event {
        margin-top:10px;
    }
}

.event {
margin-top: none;
}

.event-device{
padding:5px 10px;
}

.eventDes {
font-family: "Roboto", sans-serif !important;
font-weight: 400;
font-size: 14px;
text-align: left;
color: #2b2b2b;
margin-bottom: 10px;
}

.upcoming-event-title{
font-family: "Roboto", sans-serif !important;
font-weight: 400;
font-size: 18px;
color: #2b2b2b;
margin-top:5px;
margin-bottom: 5px;
}

.content {
position: absolute;
bottom: 0;
background: rgb(0, 0, 0); /* Fallback color */
background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
color: #f1f1f1;
width: 100%;
padding: 10px;
}

.con {
position: relative;
max-width: 800px;
margin: 0 auto;
}


@media screen and (min-width:1380px){



.event-device{
padding:5px 50px;
}

.fa-map-marker {
margin-left: 4px;
color:#ff5f1f;

}

.fa-clock-o {
color: black;
margin-top: 4px;
}

.eventTitle {
font-family: "Roboto", sans-serif !important;
font-weight: 400;
font-size: 22px;
text-align: left;
color: #2b2b2b;

}

.oictodayFeature {
margin-top: 50px !important;

}

}

@media screen and (min-height:1300px){

.oictodayFeature {
margin-top: 50px !important;

}

div.highlights-display{
margin-top:100px;
text-decoration:none;"
}

.event {
margin-top: 30px;
}

.fa-map-marker {
margin-left: 4px;
color:#ff5f1f;

}

.fa-clock-o {
color: black;
margin-top: 4px;
}

.eventTitle {
font-family: "Roboto", sans-serif !important;
font-weight: 400;
font-size: 22px;
text-align: left;
color: #2b2b2b;

}

}

.momento-title {
font-family: "Roboto", serif !important;
font-weight: 700;
font-size: 18px;
text-align: left;
color: #2b2b2b;
margin-bottom: 8px;
margin-top: -5px;
}

.momento-des {
font-family: "Roboto", serif !important;
font-weight: 400;
font-size: 16px;;
text-align: left;
color: #303030;
margin-bottom: 5px;
line-height: 25px;
margin-top: 10px !important;

}


/* Bellow css code for published book section */

.booklayer-2 img{
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);

float: center;
}

.book{
padding:10px;
}

.bookDesign {
padding: 10px 10px;
background-color: white;
border: 2px solid #e5e5e5;
-webkit-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
-moz-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
-o-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
-ms-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
}

.con {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
-webkit-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
-moz-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
-o-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
-ms-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
}

.con:hover,
.bookDesign:hover {
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-o-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
box-shadow: 0 26px 50px -10px rgba(0, 0, 0, 0.38),
0 10px 20px 0px rgba(0, 0, 0, 0.2), 0 15px 10px -10px rgba(0, 0, 0, 0.2);
}

.bookDes {
font-family: 'Kalpurush', serif !important;
font-size: 16px;;
text-align: center;
color: #303030;
margin-bottom: 10px;
margin-top: 5px;
}

.bookTitle {
font-family: 'Kalpurush', serif !important;
font-size: 23px;
color: #2b2b2b;
text-align:center;
margin-bottom: 5px;
margin-top: 10px;
}

.mediaTitle {
font-family: "Roboto", sans-serif !important;
font-weight: 500;
font-size: 18px;
text-align: left;
color: #303030;
margin-bottom: 5px;
margin-top: 10px;
}

.bookShop a {
color:#FA6D3D !important;
text-decoration: none;
text-align: center;

}
.bookShop h6 {
color:#FA6D3D !important;
font-family: "Roboto", serif !important;
font-weight: 700;
font-size: 18px;;
}

.bookShop h6:hover {
color: #39BFF8 !important;
font-family: "Roboto", serif !important;
font-weight: 700;
font-size: 18px;;
}

.bookShop a:hover {
color: #39BFF8 !important;
text-decoration: none;
text-align: center;
}

.mediacoverage {

text-decoration: none;
text-align: center;

margin-bottom:-75px;
padding: 10px;
}

.mediacoverage .fa-arrow-right{
color: #FA6D3D !important;
}

.btn-outline-dark{
border-radius: 50px;
padding: 10px;
color: #FA6D3D !important;
background-color: #fff !important;
border: 1px solid #FA6D3D !important;
}
.mediacoverage a:hover {
color: #39BFF8 !important;
text-decoration: none;
text-align: center;
}

.btn-outline-danger{
border: 1px solid #FA6D3D !important;
color: #FA6D3D !important;
font-size:14px !important;

}

.btn-outline-danger:hover{
border: 1px solid #FA6D3D !important;
color: #FA6D3D !important;
font-size:14px !important;
background-color: #fff;

}

.video-button{
margin-bottom: 30px;
}

.publishedBook {
min-height: 200px;
padding-top: 60px;

}

/* Bellow css code for oictoday feature section */

.oic-img{

margin-top:-10px;
margin-bottom:-10px;
}

.oictodayFeature {
margin-top: 20px;

}

.featureTitle {
font-family: "Roboto", serif !important;
font-weight: 700;
font-size: 18px;
text-align: left;
color: #404040;
margin-bottom: 20px;
}

.featureSubTitle {
font-family: "Roboto", serif !important;
font-weight: 400;
font-size: 18px;
text-align: left;
font-style: italic;
color: #404040;
margin-bottom: 20px;
}

.featureDes {
font-family: "Roboto", serif !important;
font-weight: 400 !important;
font-size: 16px;;
text-align: left;
color: #404040;
margin-bottom: 20px !important;
}

.sancity {
font-family: "Roboto", serif !important;
font-weight: 700;
font-size: 18px;;
text-align: left;
color: #404040;

}

.fa-arrow-right{
color:#ffffff;
margin-left: 10px;
font-size:14px;
font-weight: 300;

}

/* Bellow css code photo Gallery section */

.gallery-device{
padding:10px;
}

.photoGallery {
position: relative;
-webkit-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
-moz-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
-o-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
-ms-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
align-items: center; /* Center align images */
justify-content: center;
display: flex;

}

.text-block {
position: absolute;
bottom: 30px;
left: 20px;
color: white;

}

.galleryTitle {
font-family: "Roboto", sans-serif !important;
font-weight: 600;
font-size: 16px;

}

.galleryDes {
font-family: "Roboto", sans-serif !important;
font-weight: 500;
font-size: 13px;

}

.active{
color: #39BFF8 !important;
}

.photoGallery:hover {
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-o-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
}

/* Bellow css code for momento section */

.momentoTitle {
margin-top: 50px;
text-align: center;
font-size: 32px;
margin-bottom: 20px;
color: white;
font-family: Prata;
font-weight: 400;

}

.momentoDes {
font-family: "Roboto", serif !important;
font-weight: 400;
font-size: 16px;
text-align: center;
color: #ffffff !important;
margin-bottom: 30px;
}

.card {

z-index: 999;
padding:20px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
-webkit-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
-moz-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
-o-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
-ms-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
width:100%;
height:100%;

}

.bookDesign:hover,
.card:not(.card-plain):not(.card-price):hover {
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-o-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
box-shadow: 0 26px 50px -10px rgba(0, 0, 0, 0.38),
0 10px 20px 0px rgba(0, 0, 0, 0.2), 0 15px 10px -10px rgba(0, 0, 0, 0.2);
}

.momento-body{
margin-top:25px;
padding-bottom: 10px;
}

@media screen and (max-width: 1050px) {
.momento-padding{
padding: 5px;
}


.headshot {
background-color: #F3F3F3;
margin-top: 60px;
padding:10px;
}
}

/* Bellow css code for session section */

.session {
margin-top: -50px;
text-align: center;
font-family: "Roboto", sans-serif !important;
font-weight: 600;
margin-bottom: 20px;
background-color: white;
padding:10px;
z-index: 999;
}

.session-padding{
margin-bottom: 30px;
}

.item img {
border-top-right-radius: 20px;
border-top-left-radius: 20px;
}

.sessionTitle {
margin-top: 40px;
text-align: left;
font-family: "Roboto", serif !important;
font-weight: 700;
font-size: 28px;
color: black;
}

.sessionDes {
font-family: "Roboto", serif !important;
font-weight: 400;
font-size: 16px;
text-align: center;
color: black !important;
}

/* Bellow css code for headshots section */

.headshot {
background-color: #F3F3F3;
margin-top: 60px;
}

.headshotTitle {
text-align: center;
font-family: Prata;
font-weight: 400;
font-size: 32px;
margin-bottom: 20px;
color: #404040;
}

.item {
-webkit-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
-moz-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
-o-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
-ms-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
}

.item:not(.card-plain):not(.card-price):hover {
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-o-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
box-shadow: 0 26px 50px -10px rgba(0, 0, 0, 0.38),
0 10px 20px 0px rgba(0, 0, 0, 0.2), 0 15px 10px -10px rgba(0, 0, 0, 0.2);
}


/* Bellow css code for latest video section */

.blogSection{
padding: 10px;
}




.blog-body{

padding: 20px;
}

.blog-body .line{
height: 1px;
flex: 1;
margin-top:8px;
margin-bottom:8px;
background-color: #C1C1C1;
}

.line2{
height: 1px;
flex: 1;
background-color: #C1C1C1;
}

.blogshowTitle{
color:black !important;
font-family: "Roboto", sans-serif !important;
font-weight:600;
font-size:14px !important;
text-decoration: none !important;

}

div.blog-alignment img{
background-color:#F5F5F5;
max-height: 90px;
float:left;
margin-right:10px;
}

.make-me-sticky {
position: -webkit-sticky;
position: sticky;
top: 0;

}

.add {
border: none;
outline: 0;
display: inline-block;
padding: 4px;
color: white;
background-color: #39BFF8;
background-image: linear-gradient(to right, #39BFF8, #111010 , #39BFF8);
text-align: center;
font-family: Prata;
font-weight: 400;
font-size: 20px;
cursor: pointer;
width: 100%;

}

.blog-body .fa-calendar {

margin-right: 5px;
font-size: 10px;
background-color:#7A7A7A;
color: #CDE7FF;
border-radius: 3px;
}



.read-more-bangla{
color:#07acf2;
font-family: 'Kalpurush', serif !important;
font-size:20px;
margin-top: 10px !important;
}

.read-more-bangla:hover{
color:red;
font-family: 'Kalpurush', serif !important;
font-size:20px;
}

.event-title-bangla {
font-family: 'Kalpurush', serif !important;
font-size: 23px;
color: #2b2b2b;
margin-bottom: 8px;
margin-top: -5px;
}

.event-vanue-bangla {
font-family: 'Kalpurush', serif !important;
font-size: 16px;;
color: #303030;
margin-bottom: 5px;
line-height: 25px;
margin-top: 10px !important;

}

.title-bangla {
font-family: 'Kalpurush', serif !important;
font-size: 23px;
text-align: left;
color: #2b2b2b;
margin-bottom: 8px;
margin-top: -5px;
}

.title-bangla-details {
font-family: 'Kalpurush', serif !important;
font-size: 23px;
text-align: left;
color: #2b2b2b;
margin-bottom: 8px;
margin-top: -5px;
}

.title-bangla:hover {
font-family: 'Kalpurush', serif !important;
font-size: 23px;
text-align: left;
text-decoration: underline;
color: #2b2b2b;
margin-bottom: 8px;
margin-top: -5px;
}

.des-bangla {
font-family: 'Kalpurush', serif !important;
font-size: 16px;;
text-align: left;
color: #303030;
margin-bottom: 5px;
line-height: 25px;
margin-top: 10px !important;

}

.des-bangla-details {
font-family: 'Kalpurush', serif !important;
font-size: 16px;;
text-align: left;
color: #303030;
margin-bottom: 5px;
line-height: 25px;
margin-top: 10px !important;

}

.des-bangla:hover {
font-family: 'Kalpurush', serif !important;
font-size: 16px;;
text-align: left;
color: #303030;
margin-bottom: 5px;
line-height: 25px;
margin-top: 10px !important;
text-decoration: underline;
}

.blog-details-bangla {
font-family: 'Kalpurush', serif !important;
font-size: 16px;;
text-align: left;
color: #303030;
margin-bottom: 5px;
margin-top: 10px !important;


}

.blog-body .card-author-bangla{
float: right;
font-family: 'Kalpurush', serif !important;
font-size: 16px;
font-style:italic;

}

.blog-body .card-date-bangla{
font-family: 'Kalpurush', serif !important;
font-size: 14px;
font-style:italic;

}

.fa-pencil{
height: 20px;
width: 20px;
border-radius: 50%;
border: 1px solid #07acf2;
font-size:12px;
padding-top:3px;
text-align:center;
margin-top: 7px;
}


.widget .card-body .card-title {
font-family: 'Kalpurush', serif !important;
font-size: 19px;
margin-bottom: 5px;
}

/* Bellow css code for feature section */

.feature-card {
padding: 1px;
z-index: 999;
width:100%;
height:100%;

}

.feature-card .card-author{
float: right;
font-family: "Roboto", sans-serif !important;
font-weight: 400;
font-size: 18px;
font-style:italic;

}

.feature-card .card-date{
font-family: "Roboto", sans-serif !important;
font-weight: 400;
font-size: 18px;
font-style:italic;

}

.blog-feature-title {
font-family: "Roboto", serif !important;
font-weight: 700;
font-size: 18px;
text-align: left;
color: #2b2b2b;
margin-top:10px;

}

.feature-body{

padding: 10px;
}

.feature-body .line{
height: 1px;
flex: 1;
margin-top:10px;
margin-bottom:10px;
background-color: #C1C1C1;
}

.feature-body .fa-calendar {

margin-right: 5px;
font-size: 10px;
background-color:#7A7A7A;
color: #CDE7FF;
border-radius: 3px;

}

.feature-footer{
float:right;
}

/* Bellow css code for latest video section */

.latestVideo {
background: rgba(0, 0, 0, 0.6) !important;
margin-top: 50px;
margin-bottom: 50px;
padding: 10px;
}

.latestVideoTitle {
text-align: center;
font-family: Prata;
font-weight: 400;
font-size: 32px;
margin-bottom: 20px;
color: #000000;
}

.play-button {
    background-color: rgba(255, 255, 255, 0.2);
    height: 50px;
    width: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: background-color 0.3s ease-in-out;
}

.play-button i {
    color: white;
    font-size: 24px;
    padding-left: 6px;
    opacity: 1;
}

.play-button:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.vimg {
position: relative;
width: 100%;
}

.vimg img {
opacity: 1;
border-radius:10px;
}

.vimg img:hover {
opacity: 0.7;
}

/* Bellow css code for frequently asked question section */

.question {
margin-top: 80px;
margin-bottom: 90px;
padding: 10px;
}


.accordion-button:not(.collapsed) {
      background-color:#39BFF8;
      color: white;
    }

    .accordion-collapse.show {
      border: 1px solid #39BFF8;
      border-radius: 0 0 0.375rem 0.375rem;
      margin-top: -1px;
      border-radius:0px;
    }


    .accordion-button:focus {
      box-shadow: none;
    }

    .accordion-button {
      transition: all 0.3s ease;
    }

/* Bellow css code for headshot section */

.image-container {
  position: relative;
}

.hover-content {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 0.4s ease;
  text-align: center;
  z-index: 10;
}

.image-container:hover .hover-content {
  opacity: 1;
}

.btn-hover {
  background-color:#ff5733;
  color: #fff;
  padding: 8px 15px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: bold;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.btn-hover:hover {
  background-color: #1ca9c9;
  color: #ffffff;

}

/* Bellow css code for latest video section */

.footerTop {
margin-top: 50px;
padding:5px;
}

.footerDown {
margin-top: -180px;

}


.footerTitle {
font-family: "Roboto", serif !important;
font-weight: 700;
font-size: 18px;
text-align: center;
color: #2b2b2b;
margin-bottom: 5px;
}

.contactTitle {
font-family: "Roboto", serif !important;
font-weight: 400;
font-size: 16px;
color: #07acf2;
margin-bottom: 5px;
}

.fa-home {
font-size: 30px;
color: #ff5733;
height: 60px;
width: 60px;
padding: 15px 0px 0px 14px;
background-color: #e1ebee;
border-radius: 50%;
}

.fa-mobile-alt {
font-size: 30px;
color: #ff5733;
height: 60px;
width: 60px;
padding: 15px 0px 0px 20px;
background-color: #e1ebee;
border-radius: 50%;
}

.fa-envelope {
font-size: 30px;
color: #ff5733;
height: 60px;
width: 60px;
padding: 15px 0px 0px 16px;
background-color: #e1ebee;
border-radius: 50%;
}

.footerSoIcon ul#menu {
background-color: #e1ebee;
padding-top: 11px;
padding-bottom: 10px;
border-radius: 10px;
}

.btn-primary {
background-color: #07acf2 !important;
border: none;
color: white;
padding: 13px 24px;
text-decoration: none;
margin: 4px 2px;
cursor: pointer;
width: 100%;
}

.btn-primary:hover{
background-color: #ff5733 !important;
border: none;
color: white;
padding: 13px 24px;
text-decoration: none;
margin: 4px 2px;
cursor: pointer;
width: 100%;
}

.address .card-text {
font-family: "Roboto", serif !important;
font-weight: 400;
font-size: 15px;

margin-bottom: 5px;
}

.card-body .card-title {
font-family: 'Kalpurush', serif !important;
font-size: 18px;
margin-bottom: 5px;
}

::placeholder {
font-family: "Roboto", serif !important;
font-size: 14px;
font-weight: 400;

}

select{
font-family: "Roboto", sans-serif !important;
font-size: 14px;
font-weight: 600;
}

input[date]{
font-family: "Roboto", sans-serif !important;
font-size: 14px;
font-weight: 600;
}

.subscribeTitle {
font-family: "Roboto", sans-serif !important;
font-weight: 500;
font-size: 18px;
text-align: center;
color:#000000;
margin-top: 30px;
}

.copy-text {
font-family: "Roboto", sans-serif !important;
font-weight: 500;
font-size: 12px;
color: #464343;
text-align: center;
margin-bottom: 5px;
}

.data{
display: none;
}

a {
color: #182d41;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
display: inline-block;
text-decoration: none;
}

a:hover,
a:focus,
a:active {
color: #182d41;
text-decoration: none;
outline: none;
}

@media (min-width: 992px) {
.aside-bg:after {
position: absolute;
content: "";
top: 0;
right: 0;
width: 35%;
height: 100%;
z-index: -1;
background-color: #f7f1e9;
}
}
@media (min-width: 992px) {
.aside-bg:after {
width: 35%;
}
}
@media (min-width: 1440px) {
.aside-bg:after {
width: 39%;
}
}

a > h1,
a > h2,
a > h3,
a > h4,
a > h5,
a > h6 {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}

h5 {
font-size: 22px;
}

.lab-ul {
margin: 0;
padding-left: 0;
}
.lab-ul li {
list-style: none;
}

.widget {
margin-bottom: 65px;
}
.widget:last-child {
margin-bottom: 0;
}
.widget .widget-header h5 {
text-transform: capitalize;
color: #182d41;
font-weight: 900;
position: relative;
font-family: "Cinzel", serif;
margin-bottom: 40px;
font-size: 20px;
}
.widget .widget-header h5::before {
position: absolute;
content: "";
width: 40px;
height: 4px;
background-color: #07acf2;
bottom: -20px;
border-radius: 2px;
}
.widget .widget-header h5::after {
position: absolute;
content: "";
border-bottom: 5px dotted #07acf2;
width: 30px;
bottom: -20px;
left: 43px;
}

@media (max-width: 991px) {
.widget.widget-search {
margin-top: 65px;
}
}
.widget.widget-search h5 {
margin-bottom: 40px;
}
.widget.widget-search .search-wrapper input {
height: 50px;
padding: 13px 23px;
line-height: 50px;
margin-bottom: 0;
border: none;
width: 100%;
outline: none;
background-color:#e1f4fc;
}
.widget.widget-search .search-wrapper button {
padding: 0;
top: 0;
right: 0;
line-height: 50px;
width: 50px;
height: 50px;
outline: none;
border: none;
cursor: pointer;
background-color: inherit;
}
.widget.widget-category .widget-wrapper li {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px 0;
}
.widget.widget-category .widget-wrapper li:last-child {
border-bottom: none;
}
.widget.widget-category .widget-wrapper.list-bg-none li a span:last-child {
background-color: transparent;
}
.widget.widget-category .widget-wrapper li {
padding: 0;
}
.widget.widget-category .widget-wrapper li a {
color: #182d41;
padding: 15px 0px;
}
.widget.widget-category .widget-wrapper li a i {
margin-right: 5px;
}
.widget.widget-category .widget-wrapper li a.active, .widget.widget-category .widget-wrapper li a:hover {
padding-left: 10px;
color:#07acf2;
}
.widget.widget-category .widget-wrapper li a.active span:last-child, .widget.widget-category .widget-wrapper li a:hover
span:last-child {
background-color: #07acf2;
color: #fff;
}
.widget.widget-category .widget-wrapper li a span {
font-weight: 500;
}
.widget.widget-category .widget-wrapper li a span:last-child {
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 100%;
background-color: rgba(0, 0, 0, 0.1);
color: #182d41;
text-align: center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.widget.widget-archive li {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px 0;
}
.widget.widget-archive li:last-child {
border-bottom: none;
}
.widget.widget-archive li a {
color: #182d41;
font-weight: 500;
}
.widget.widget-archive li a i {
margin-right: 5px;
}
.widget.widget-archive li a.active, .widget.widget-archive li a:hover {
padding-left: 10px;
color: #07acf2;
}
.widget.widget-post h5 {
margin-bottom: 40px;
}
.widget.widget-post ul.widget-wrapper {
padding: 0;
}
.widget.widget-post ul.widget-wrapper li {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px 0;
}
.widget.widget-post ul.widget-wrapper li:last-child {
border-bottom: none;
}
.widget.widget-post ul.widget-wrapper li:hover .post-thumb img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.widget.widget-post ul.widget-wrapper li .post-thumb {
width: 100px;
height: 80px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.widget.widget-post ul.widget-wrapper li .post-thumb {
width: 80px;
height: 80px;
margin-bottom: 15px;
}
}
.widget.widget-post ul.widget-wrapper li .post-thumb a {
display: inline-flex;
height: 100%;
}
.widget.widget-post ul.widget-wrapper li .post-thumb a img {
width: 100%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.widget.widget-post ul.widget-wrapper li .post-content {
width: calc(100% - 100px);
}
@media (min-width: 992px) and (max-width: 1199px) {
.widget.widget-post ul.widget-wrapper li .post-content {
width: calc(100% - 80px);
}
}
.widget.widget-post ul.widget-wrapper li .post-content h6 {
font-family: "Cinzel", serif;
font-size: 16px;
line-height: 1.5;
color: #182d41;
margin-bottom: 2px;
}
@media (min-width: 576px) {
.widget.widget-post ul.widget-wrapper li .post-content h6 {
font-size: 18px;
}
}
.widget.widget-post ul.widget-wrapper li .post-content h6:hover {
color: #07acf2;
}
.widget.widget-post ul.widget-wrapper li .post-content p {
font-family: "Crimson Text", serif;
margin: 0;
}
.widget.widget-instagram {
padding: 0;
}
.widget.widget-instagram ul.widget-wrapper {
padding-top: 15px;
}
.widget.widget-instagram ul.widget-wrapper li {
width: calc(100% / 3);
padding: 0;
border: none;
}
.widget.widget-instagram ul.widget-wrapper li:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.widget.widget-instagram ul.widget-wrapper li a {
margin: 5px;
display: block;
}
.widget.widget-instagram ul.widget-wrapper li a img {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 100%;
}
.about-section {
overflow: hidden;
}

@media (min-width: 768px) {
.about-section .lab-item .lab-inner .lab-thumb .img-grp {
width: 450px;
height: 450px;
}
}

@media (min-width: 1200px) {
.about-section .lab-item .lab-inner .lab-thumb .img-grp {
width: 550px;
height: 550px;
}
}

.about-section .lab-item .lab-inner .lab-thumb .img-grp .about-fg-img {
position: absolute;
z-index: 1;
right: 37px;
top: -51px;
}

@media (min-width: 768px) {
.about-section .lab-item .lab-inner .lab-thumb .img-grp .about-fg-img {
right: 57px;
top: -79px;
}
}

@media (min-width: 1200px) {
.about-section .lab-item .lab-inner .lab-thumb .img-grp .about-fg-img {
right: 75px;
top: -33px;
}
}

.about-section .lab-item .lab-inner .lab-thumb .img-grp .about-fg-img img {
width: 100%;
}
.about-section .lab-item .lab-inner .lab-thumb .img-grp .about-img-wrapper {
border: 2px solid #2bb573;
border-radius: 100%;
}

.about-section .lab-item .lab-inner .lab-thumb .img-grp .about-circle,
.about-section .lab-item .lab-inner .lab-thumb .img-grp .about-circle-2 {
display: block;
box-shadow: 0px 0px 20px 0px rgba(0, 255, 106, 0.3);
background: green;
width: 30px;
height: 30px;
border-radius: 100%;
position: absolute;
}

@media (min-width: 768px) {
.about-section .lab-item .lab-inner .lab-thumb .img-grp .about-circle,
.about-section .lab-item .lab-inner .lab-thumb .img-grp .about-circle-2 {
width: 40px;
height: 40px;
}
}

.about-section .lab-item .lab-inner .lab-thumb .img-grp .about-circle-wrapper {
position: absolute;
width: 100%;
height: 100%;
top: 0%;
left: 0%;
animation: circle 15s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
}
.about-section .lab-item .lab-inner .lab-thumb .img-grp .about-circle-wrapper .about-circle {
bottom: -15px;
left: 50%;
background-image: linear-gradient(to bottom, #8dc53f, #76c14e, #5ebd5b, #46b868, #29b373);
}
.about-section .lab-item .lab-inner .lab-thumb .img-grp .about-circle-wrapper .about-circle-2 {
top: -16px;
right: 50%;
background-image: linear-gradient(to top, #8dc53f, #76c14e, #5ebd5b, #46b868, #29b373);
}
.about-section .lab-item .lab-inner .lab-content {
margin-bottom: 80px;
}

.fa-heart{
color: #ffffff;
}

.email-subscribe-container {
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px;
}

/* Style for the input field */
.email-subscribe-container input {
padding: 10px;
font-size: 16px;
border: 1px solid #ddd;

width: 100%;
outline: none;
color: #555;
}

.email-subscribe-container input::placeholder {
color: #888;
}

.select-ordi{
    color: #888;
    font-family: "Roboto", serif !important;
    font-size: 14px;
    font-weight: 400;
}

/* Style for the subscribe button */
.email-subscribe-container button {
padding: 10px 20px;
font-size: 16px;
color: white;
background-color: #ff5722;
border: none;

cursor: pointer;

transition: background-color 0.3s ease;
}

/* Hover effect for the button */
.email-subscribe-container button:hover {
background-color: #e64a19;
}

/* Bellow CSS code for Profile */

.bi-star,
.bi-people,
.bi-search,
.bi-book,
.bi-tv,
.bi-trophy{
color:#07acf2;
}

.nav-pills {
position: relative;
display: flex;
justify-content: center;
align-items: center;
gap:3%;
}

.nav-pills .nav-item {
display: flex;
flex-direction: column;
align-items: center;
position: relative;

}

.nav-pills .nav-item:not(:last-child)::after {
content: '';
position: absolute;
top: 30%;
left: calc(90% );
width: 50px;
height: 2px;
border-top: 1px dashed #07acf2;
transform: translateY(-50%);
}

.nav-pills .nav-link {
border-radius: 50%;
width: 60px;
height: 60px;
line-height:50px;
text-align: center;
border: 1px dashed #07acf2;
background-color: #fff;
font-size:40px;
font-weight: bold;
position: relative;
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
color: #07acf2;
}

.nav-pills .nav-link.active{
background-color:#fff;
color: #fff;
position: relative;
border: 1px dashed #FA6D3D;
}

.nav-pills .nav-item .nav-link.active + span {
  color: #FA6D3D;
  font-weight: bold;
}

.nav-pills .nav-link.active .bi-star,
.nav-pills .nav-link.active .bi-people,
.nav-pills .nav-link.active .bi-search,
.nav-pills .nav-link.active .bi-book,
.nav-pills .nav-link.active .bi-tv,
.nav-pills .nav-link.active .bi-trophy {
color: #FA6D3D;
}

.nav-item span {
display: block;
margin-top: 10px;
font-size: 14px;
color: #333;
text-align: center;
background-color: transparent;
}



.tab-pane{
text-align: center;

}

.tab-pane .description  p{
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-size: 16px;
    color: #787878;
    text-align:justify;
}

.profile-tab {

border-radius: 10px;
position: relative; /* Needed to position the triangle */
padding: 20px;
}

.profile-tab::before {
content: '';
position: absolute;
top: -15px;
left: 50%;
transform: translateX(-50%);
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #f8f9fa;
}

.active-video {
border: 2px solid #FA6D3D;
background-color: #ffefef;
font-weight: bold;
animation: pulse 1.5s infinite alternate; /* Pulsing border effect */
}

/* Pulsating border animation */
@keyframes pulse {
0% {
box-shadow: 0 0 5px rgba(39, 39, 39, 0.5);
}
100% {
box-shadow: 0 0 10px rgb(238, 98, 5);
}
}

/* "Playing" indicator (Centered) */
.playing-indicator {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(255, 0, 0, 0.9);
color: white;
font-size: 16px;
padding: 5px 12px;
border-radius: 8px;
font-weight: bold;
animation: blink 1s infinite;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}

/* Blinking effect for the playing indicator */
@keyframes blink {
50% {
opacity: 0.5;
}
}

.bi-mortarboard{
font-size: 50px;
color:#363434;

}

 /* Style for Meetup section */

.styled-hr {

  width: 100%;
  height: 20px;
  margin: 20px 0;
  overflow: hidden;
  background-color: transparent;
  position: relative;
}

.styled-hr::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  background: repeating-linear-gradient(
    90deg,

    #b3e0e6 0%,
    #7ad7e6 10%,
    #b3e0e6 40%,
    transparent 40%,
    transparent 50%
  );

  background-size: 50px 100%;

}

.btn-primary-custom {
            /* This hex code matches the button color in your image */
            background-color: #008398;
            border-color: #008398;
        }
        .btn-primary-custom:hover {
             /* A slightly darker shade for hover effect */
            background-color: #006b7a;
            border-color: #006b7a;
        }
        /* Style for the required asterisk */
        .required-label::after {
            content: " *";
            color: red;
            font-size: 1.1em;
            vertical-align: top;
            line-height: 1;
        }

        .form-check-input {
  display: inline-block !important;
  appearance: auto !important;
  width: 1em;
  height: 1em;
}


.meetup p {
  font-size: 20px;
  font-family: 'Kalpurush', serif;
  line-height: 1.6;
  color: #2c2c2c;
  margin-bottom: 12px;
  text-align: justify;
  letter-spacing: 0.3px;
  word-spacing: 1px;
}

.meetup-title{
    font-size: 30px;
    font-family: 'Kalpurush', serif;
    text-align: center;
    margin-top:25px;
}

.form-label {
    font-size: 18px;
    font-family: 'Kalpurush', serif;
}

.form-check-label{
    font-size: 18px;
    font-family: 'Kalpurush', serif;
}

.meetup option{
    font-size: 18px;
    font-family: 'Kalpurush', serif;
}

.meetup-select {
  font-size: 18px !important;
  font-family: 'Kalpurush', serif;
  color: #333;
}


.meetup ::placeholder {
  font-size: 12px;
  font-family: 'Kalpurush', serif;
  color: #777;
}

.iframe-container {
  border: 2px solid #39BFF8; /* same as your theme color */
  border-radius: 6px;
}