@charset "utf-8";
/* CSS Document */
html {
    scroll-behavior: smooth;
}
body {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif!important;
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 16px; /* অর্থাৎ 1em = 16px */
	overflow-x: hidden;
}

.content 
{
    padding: 20px;
    text-align: center;
}


  /* Headings with em-based scale */
  h1 {
	font-size: 2em;      /* 32px */
	font-weight: 700;
	margin-bottom: 0.5em;
	line-height: 1.2;
  }
  
  h2 {
	font-size: 1.75em;   /* 28px */
	font-weight: normal;
	margin-bottom: 0.5em;
	line-height: 1.3;
	padding:4% 0% 2% 0%; 
	color: #004b17; 
  }
  
  h3 {
	font-size: 1.5em;    /* 24px */
	font-weight: 600;
	margin-bottom: 0.5em;
	line-height: 1.3;
  }
  
  h4 {
	font-size: 1.25em;   /* 20px */
	font-weight: 600;
	margin-bottom: 0.5em;
  }
  
  h5 {
	font-size: 1em;      /* 16px */
	font-weight: 600;
	margin-bottom: 0.5em;
  }
  
  h6 {
	font-size: 0.875em;  /* 14px */
	font-weight: 600;
	margin-bottom: 0.5em;
  }
  

.background-midBox
{
	background: url(../../img/bg/bg-s-black.png) repeat;
	margin:0 auto;  
}



.donate-button-top
{
	background-color: #FF6B00; 
	width: 100px;
	height: 55px;
	margin: 0 0 0 300px;
	padding: 0 auto; 
	border: none;
	border-radius: 0%; 
	text-align: center;
	color: white;
	font-weight: normal;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	position: absolute;
    z-index: 999;
}
.donate-button-top:hover 
{
	background-color: transparent;
	border-left: 1px solid #FF6B00; 
	border-right: 1px solid #FF6B00;
	color:#FF6B00;
}

.navbar {
	margin-bottom: 0;
	border-radius: 0;
	background: #d0ccfd;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	padding: 0;
	font-size: 12px;
	border: 0;
}

/* ================
   Branding Area
   ================ */
.navbar-brand,
.navbar-brand a {
	font-size: 14px;
	line-height: 1.4;
	display: inline-block;
	padding: 5px 15px;
	color: #3f3e3e;
}
.navbar-brand a:hover {
	text-decoration: none !important;
	color: #000000;
}

/* ================
   Navbar Menu Items
   ================ */
.navbar-inverse .navbar-nav > li > a {
	color: #1A6E05;
	background: none;
	line-height: 24px;
	font-size: 14px;
	font-weight: normal;
}
.navbar-inverse .navbar-nav > li > a:hover {
	color: #F90;
	text-shadow: none;
}

/* ================
   Active Dropdown
   ================ */
.navbar .navbar-nav > .open > a,
.navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > .open > a:focus {
	color: #F90;
	background: rgba(172, 202, 233, 0.6);
}

/* ================
   Dropdown Menu
   ================ */
.dropdown-menu {
	background-color: #CFCBF8;
	color: #0c5f02;
	border-radius: 0;
	border: none;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
	z-index: 9999 !important;
}

/* Dropdown item style */
.dropdown-menu > li > a {
	color: #0c5f02;
	padding: 8px 20px;
}

.dropdown-menu > li > a:hover 
{
	background-color: rgba(172, 202, 233, 0.3);
	color: #F90;
}

/* ================
   Toggle Button (Mobile)
   ================ */
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
	background-color: rgba(255, 255, 255, 0.5);
}

.for-crazy-c 
{
	color:#7E0000; 
	display: inline-block; 
	transform: rotate(-40deg); 
	transform-origin: center center; 
	font-size: 18px;
}

.for-crazy-c:hover 
{
	color: #F90;
	transform: rotate(0deg); 
	font-size: 18px;
}
/* end sub menu*/


 /*------home Slide Welcome Social Media Icon ------*/ 
.section-home {
	position: relative;
	width: 100%;
	height: 100vh; /* পুরো ভিউপোর্ট */
	overflow: hidden;
  }

  .slide {
	width: 100%;
	height: 100%;
	background: url('your-slide-image.jpg') no-repeat center center;
	background-size: cover;
	animation: slideMove 10s infinite linear;
  }

  @keyframes slideMove {
	0%   { background-position: 0% 0; }
	100% { background-position: 100% 0; }
  }

.carousel,
.carousel-inner,
.carousel .item,
.carousel .item video {
  height: 100vh; /* পুরো ভিউপোর্ট হাইট */
}

.carousel-inner {
	padding: 0;
	margin: 0;
  }
  .carousel .item video {
	width: 100%;
	object-fit: cover;
  }
  .carousel-inner > .item video {
	width: 100%;
	height: 100vh;
	object-fit: cover;
  }
  .carousel-caption {
	right: 5%;
	left: auto;
	bottom: 10%;
	text-align: right;
	padding: 10px 10px 25px 10px;
	background: linear-gradient(to left, #000, transparent);
	border-right: 5px solid #FF6B00;
	animation: slideUpFade 1.2s ease-out forwards;
	animation-delay: 0.3s;
  }

  .carousel-caption h3 {
	font-size: 42px;
	font-weight: 700;
	color: #fff;
  }

  .carousel-caption p {
	font-size: 22px;
	color: #f2f2f2;
  }

  @keyframes slideUpFade {
	0% { opacity: 0; transform: translateY(60px); }
	80% { opacity: 1; transform: translateY(0); }
	100% { opacity: 1; transform: translateY(0); }
  }

  .carousel-control {
	display: none;
	pointer-events: none;
  }

  .carousel-indicators .active {
	background-color: #FF6B00;
	border-color: #fff;
  }
  
  .welcome-text {
	position: absolute;
	top: 120px;
	left: 60px;
	width: 100%;
	text-align: left;
	z-index: 10;
  }
 
  .welcome-text h1 {
	font-size: 3em;
	display: inline-block;
	padding: 20px 20px 10px 0px;
	border-radius: 10px;
	font-weight: normal;
	color: #510101;
	text-shadow: 1px 1px 0px rgba(0, 0, 0); 
  }
 
.siri-address
{
	background: transparent;
	width: auto;
	height: auto;
	margin-top: -30px;
	color:#050505;
	font-size: 20px;
	line-height: 25px;
}

.siri-address a {
	text-decoration: none;
	color: #1A6E05;
  }
  
  .siri-address a:hover,
  .siri-address a:focus,
  .siri-address a:active {
	color: #000;
  }

.siri-address p
{
	padding: 0%;
	margin: 0;
	font-size: 22px;
	line-height: 40px;
}

.donate-button
{
	background-color: #FF6B00;
	border: 1px solid #a34400;
	width: 140px;
	height: 40px;
	margin-top: 10px;
	padding: auto; 
  	color: white;
	font-size: 16px;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
} 
.donate-button:hover 
{
	background-color: #ffffff!important;
	border: 1px solid #a34400!important;
	color: #FF6B00!important;
	transform: translateY(-2px);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5); /* Stronger shadow on hover */
	text-shadow: none; 
} 

.social-media {
    z-index: 9999; /* এটিকে সবকিছুর ওপর রাখুন */
	position: fixed;          
    top: 60px;                
    left: 40px;          
    display: flex;           
    justify-content: space-between;  
    align-items: center;  
    padding: 10px;          
}

.social-media a {
	width: 30px;
	height: 30px;
	border-radius: 3px;
	margin: 0 5px!important;
	padding: 0 auto; 
	text-align: center;         
    color: #FFF!important;    
    font-size: 20px; 
	box-shadow: 0px 1px 1px rgba(0, 0, 0, .3);        
}

.social-media a:hover {
    transform: scale(1.2);
}

/*--------Admission Right Tag Div----------*/
.admission-wrapper {
    width: 650px;
    height: 80px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: -40px -20px 0px -120px; /* বক্সটা ডান পাশে আংশিক আউট */
    display: flex;
    align-items: center;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    padding: 0 10px;
    transition: all 0.3s ease;
    cursor: pointer;
}
.admission-link {
    text-decoration: none;
    display: inline-block;
}

.admission-link:hover .admission-wrapper {
    opacity: 0.98;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	margin: -40px -20px 0px -160px;
    transition: all 0.3s ease;
}

.rotating-logo {
    width: 50px;
    height: 50px;
    animation: rotateY 4s linear infinite;
    transition: all 0.3s ease;
}

.admission-link:hover .rotating-logo {
    animation-play-state: paused;
}

@keyframes rotateY {
    from { transform: rotateY(0deg); }
    to { transform: rotateY(360deg); }
}

.divider {
    width: 3px;
    height: 60px;
    background-color: orange;
    margin: 0 10px;
}

.admission-text {
    font-size: 14px;
    line-height: 1.4;
    padding-right: 5px;
    color: #333;
}

.admission-text strong {
    font-size: 16px;
    color: #d9534f;
}

 /*------End home Slide Welcome Social Media ------*/ 

.container
{
	padding: 0% 2% 3% 2%;  
}
.ecbottam3
{
	margin-left: 3%;
	margin-right: 3%; 
}
.img-about
{
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	margin-top:1%;  
}

.news p
{
	margin-bottom: 15px!important; 
	padding: 0%;
}

#icon
{
	max-width:100%;
	height: 400px;
	margin:1% 0 10% 0;
	background-color:#CCCDCF;
	box-shadow: 0 0px 8px 2px rgba(0, 0, 0, 0.19);
	-webkit-border-radius:3px; 
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
#icon:hover
{
	box-shadow:  0px 0px 8px 4px rgba(0, 0, 0, 0.3);
	transition: all 350ms ease;
	-webkit-transform: scale(1.005);
	-ms-transform: scale(1.005);
	transform: scale(1.005);  
}
#icon-employee
{
	max-width:100%;
	margin:0 0 5% 0;
	background-color:none;
}
.icon-img
{
	width:100%;
	margin-bottom:10px;
	padding:none;
}

.icon-img-context
{
	width:100%;
	margin-bottom:10px;
	padding-top:15px;
}
.icon-text
{
	width: 100%;
	height:170px; 
	color:#000;
	padding:10px;
	margin:0 auto; 
}

.icon-text p
{
	line-height:14px;
	font-size:12px;
	color: #504f4f;   
}
#icts, #trainings, #developments
{
	padding-top:50px;  
}

.more-custom 
{
	text-decoration:none; 
	color:#FFF;  
}
.more-custom:hover, .more-custom:focus
{
	text-decoration:none;
	color:#999;
	text-shadow: none;  
}

.news-front
{
	background: url(../../img/bg/bg-medium.png) repeat; 
	width:100%; 
	padding: 0% 8% 5% 8%;	   
}
.news-left-column
{
	background-color: transparent;
	margin-bottom: 20px; 
	padding: 14px 5px; 
	font-size: 14px; 
	color:rgb(11, 1, 39); 
	border: 2px solid #2A2C5C;
}
.news-middle-coll
{
    background-size: contain; 
    height: 100%; 
    width: 100%; 
	padding: 0%;
}

.news-middle-coll p
{
	margin-bottom: 15px!important; 
	padding: 0%; 
}

.news-video-thumbnail 
{
	cursor: pointer;
	width: 100%;
	height: auto;
	border: 2px solid #000;
}

.news-right
{
	border-bottom: 3px solid #FF6B00; 
}
.news-right h5
{
	color: #000; 
	text-align: center;
	line-height: 15px;
}
.news-right p
{
	color: #000; 
	text-align: justify;
	line-height: 20px;
}


.news-img-description
{
	margin-top: 10px;
}

/* Tag Details*/
.custom-tag-box {
	
	padding-bottom: 10px;
	margin-bottom: 20px;
	text-align: center;
	background-color: #fff;
	transition: background-color 0.3s ease;
}

.custom-tag-box:hover {
	background-color: #f1f1ef;
}

.custom-tag-box img {
	max-width: 100%;
	height: auto;
}

.custom-tag-subheading {
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #5A0202; 
}

.page-heading {
	margin-bottom: 40px;
	font-size: 24px;
	color:#1A6E05; 
	text-align: center;
	font-family: 'Cormorant Garamond', serif;
}
/* End Tag Detalis*/
/*--- about section who we are -----*/
.custom-about
{
	background: #dbe0e4;
	color: #4b4444; 
	width:100%; 
	padding: 10px auto;
	border-top:1px solid #CCC;   
}
.about-heading
{
	color: #175A02; 
	font-size: 18px;
}


.programmes
{
	background: #DBE0E4;
	color: #4b4444; 
	width:100%; 
	padding: 0 8% 5% 8%;
	border-top:1px solid #CCC;   
}
.programme_paragraph {
	text-indent: 2em; 
}
.programme_subheads 
{
	display: block; 
	margin-bottom: 0.3em; 
	font-style: italic;
	font-size: 0.875em;
	line-height: 1.2;
}
.vision
{
	background: #dbe0e4;
	color: #4b4444; 
	width:100%; 
	padding: 0 8% 5% 8%; 
}

.comments h2
{
	padding:10px;
	margin-bottom: -20px;
	color:#580101;
	font-size:24px; 
	text-shadow: none;
	font-family: 'Dancing Script', cursive; 
}
.comments p
{
	margin-top: -25px;
	color:#580101;
	font-size:24px; 
	text-shadow: none;
	font-family: 'Dancing Script', cursive; 
}

.custom-context
{
	background: url(../../img/bg/context-back.jpg) repeat;
	color: #1d1b1b;
	width:100%; 
	padding: 0 5% 3% 5%; 
	border-top:1px solid #d5d5d5;
}
.custom-context p 
{
	color:#3b3434;
}
.custom-context h4
{
	color:#FFF; 
}

.custom-gallery
{
	width:100%; 
	padding: 0 5% 5% 4%;
}

.custom-gallery h2
{
	padding-bottom: 0%;
}

.custom-gallery h3
{
	padding-bottom: 5%;
	color:rgb(88, 1, 1);
	font-size:24px; 
}

.gallery-hidden {
    display: none;
}
#portfolio
{
	color: #4b4444;
} 
#portfolio p
{ 
	padding-bottom:2%; 
	color: #F90;
	font-size:16px;
	text-transform:uppercase;  
}

.video-container-gallery 
{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-container-gallery iframe 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-block-gallery 
{
	margin-bottom: 30px;
}

/* Horizontal Slider */
.page-wrapper a, .page-wrapper a:hover 
{
	color: #fff;
	font-size:14px;
	line-height:30px;  
	text-decoration:none;  
}
.post-slider
{
	position:relative;
}
.post-slider .slider-title
{
	text-align:center;
	margin:30px auto; 
}
.post-slider .next
{
	position:absolute;
	top: 50%;
	right:30px;
	font-size:42px;
	color:#F90;
	cursor:pointer; 
}
.post-slider .prev
{
	position:absolute;
	top: 50%;
	left:30px; 
	font-size:42px;
	color:#F90;
	cursor:pointer;
}
.post-slider .post-wrapper
{
	width:84%;
	height:72%;
	margin:0px auto;
	overflow:hidden;
	padding:10px 0; 
}
.post-slider .post-wrapper .post 
{
	width:100%;
	height:67%;
	margin:0px 10px; 
	display:inline-block; 
	background: #333;
	border-radius:3px;
	box-shadow: 0px 0px 8px 4px rgba(255, 255, 255, 0.05);  
}
.post-slider .post-wrapper .post .post-info
{
	height:27%;
	padding:0 5px;  
}
.post-slider .post-wrapper .post .slider-image
{
	width:100%;
	height:53%;
	border-top-left-radius:3px; 
	border-top-right-radius:3px; 
}

/* End Horizontal Slider */
/* Team*/

/* End Team*/

.custom-gallery h5
{
	color:#352e2e;
	font-size: 16px; 
}

#photography p
{ 
	padding-bottom:0%; 
	color: #F90;
	font-size:16px;
	text-transform:uppercase;  
}


/* Gallery */

#gallery 
{
	padding: 0;
	margin: 0 auto;
	list-style: none;
	text-align: center;
	overflow:hidden !important;
	border-top:1px solid #CCC;  
}

#gallery .gallery-item 
{
  position: relative;
  overflow: hidden !important;
  margin-bottom: 15px;
  transition: all 350ms ease;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

#gallery .gallery-item img 
{
  position: relative;
  top: 0;
  transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
}


#gallery .gallery-item .details 
{
  height: 50px;
  background: #F90;
  position: absolute;
  width:100%; 
  height: 50px;
  bottom: -50px;
  transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#gallery .gallery-item .details h4 
{
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  padding: 8px 0 2px 0px;
  margin: 0;
}

#gallery .gallery-item .details span  
{
  display: block;
  color: #CCC;
  font-size: 13px;
  font-weight:bolder;
  padding-left: 8px;
}


#gallery .gallery-item:hover .details 
{
  bottom: 0;
}

#gallery .gallery-item:hover img 
{
  top: -30px;
}
/* See More*/
#toggleGalleryBtn {
	background-color: #FF6B00;
	color: white; /* টেক্সট কালার যাতে ভালো দেখা যায় */
	border: none;
	padding: 8px 16px;
	border: 1px solid #FF6B00;
	border-radius: 4px;
	cursor: pointer;
}

#toggleGalleryBtn:hover {
	background-color: transparent;
	border: 1px solid #FF6B00;
	color: #FF6B00;
}
.extra-item 
{
	display: none;
}

/*Videography*/
.videography
{
	padding-top:2%;
	padding-bottom:10%; 
}
.video-caption {
	margin: -15px 0 0 0;
	padding-top: 0px;
	font-size: 14px;
	font-weight: bolder;
}
.thumbnails-border
{
	border-top: 2px solid #FF6B00;
}

/* End Gallery */

/* Wings wings Home Page------------*/

.wing-card {
    background-color: #f1ebeb;
	border: 1px solid #ddd;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 20px;
    height: 100%;
    transition: all 0.3s ease-in-out;
}

.wing-card:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    
}
.wing-link,
.wing-link:hover,
.wing-link:focus,
.wing-link:active {
    text-decoration: none;
    color: inherit;
}

.wing-img {
    height: 100px;
    width: auto;
    object-fit: contain;
    margin: 0 auto 10px;
}

.wing-title {
    font-size: 16px;
    font-weight: bold;
    color: #5a0000;
    margin-bottom: 10px;
}

.wing-desc {
    font-size: 13px;
    line-height: 1.4em;
    max-height: 4.2em; /* ~3 lines */
    overflow: hidden;
}

.wing-link {
    text-decoration: none;
    color: inherit;
}


footer
{
	width: 100%;
	color:#1b1b1b;
	padding:0 6% 7.5% 6%;
	border-top:1px solid #333;
}
.custom-footer-in
{
	border-left:1px solid #333;
	padding:3%;
	padding-top:5%; 
	height:350px; 	
}
.custom-footer-in-less-border
{
	border-left:none;
	padding:3%;
	padding-top:5%; 
	height:350px; 	
}

.fa
{
	padding:10px;
	color:#ffffff;
}
.fa:hover
{
	text-decoration:none;
}

.font-size a
{
	text-decoration:none;
}

/*------- Footer Contact Us Form----------*/ 
    .footer-contact-section {
        font-family: 'Segoe UI', sans-serif;
    }

    .footer-contact-title {
        margin-bottom: 15px;
		font-weight: normal;
		font-family: 'Roboto', sans-serif!important; 
    }

    .footer-input,
    .footer-textarea {
		background-color: #eeecec;
        font-size: 13px;
        padding: 6px 10px;
        border-radius: 4px;
        border: 1px solid #004B17;
    }

    .footer-submit-btn {
        font-size: 14px;
        border-radius: 4px;
        background-color: #004B17;
        border: none;
    }

    .footer-submit-btn:hover {
        background-color: #580101;
    }
	.footer-contact-form input:focus,
	.footer-contact-form textarea:focus {
	border-color: #28a745; /* Green border */
	box-shadow: 0 0 5px rgba(40, 167, 69, 0.6); /* Green glow */
	outline: none;
	}


/* Aditional Page CSS */

.adi-page-heading
{
	background: rgba(0, 0, 0, .1);
	border-bottom: 2px solid rgba(255,255,255,0.1);
	font-size: 22px;
	padding-top: 20px;
	border-radius: 5px;
	color:#CCC;

}
.adi-page-heading p
{
	font-size: 16px;
	color: #FFF !important;
	padding-top: 10px;
	font-weight: 700;
}

.aditionalPageText
{
	width: 100%;
	height: 100%;
	padding: 10px auto;
	margin-top: 20px;
}
.aditionalPageImg
{
	width: 100%;
	padding: 10px auto;
	padding-top: 20px;
}
.aditionalPageText h4
{
	color:#F90;
}
.elimentsOfAditional
{
	margin-top: 20px;	
	border-radius: 5px;
}


/* employees*/ 
.employee-img
{
	width:100%;
	margin-bottom:10px;
	padding:none;
	border: 2px solid #004b17;
	box-shadow: 0 0px 8px 2px rgba(0, 0, 0, 0.19);
	border-radius: 50%;
}
.employee-text
{
	width: 100%;
	height:auto; 
	color:#FFF;
	padding:5px;
	margin:0 auto;
	font-size: 12px; 
}

.employee-text p
{
	line-height:16px;  
}

.student-text
{
	width: 100%;
	height:auto; 
	color:#004b17;
	padding: 0px 5px 25px 5px;
	margin:0 auto;
	font-size: 12px; 
}

/* wings Page Codding */

.team-coments h2
{
	margin-top: -4%;
	color:rgb(88, 1, 1);
	font-size:28px; 
	text-shadow: none;
}

.wings-heading
{
	background: none;
	margin: 0 auto; 
	padding-bottom: 0px; 
}

.image-double
{
	background: none; 
	width: 100%;
	padding-top: 40%; 
}

.wings-link
{
	background: #dbe0e4; /* Old browsers */
	background: -moz-linear-gradient(left,  #dbe0e4 2%, #5a0000 50%, #dbe0e4 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #dbe0e4 2%,#5a0000 50%,#dbe0e4 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #dbe0e4 2%,#5a0000 50%,#dbe0e4 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbe0e4', endColorstr='#dbe0e4',GradientType=1 ); /* IE6-9 */
	height: 30px;
	width: 100%;
	padding-top: 2px;
	color: #FFFFFF; 
	font-size: 15px; 
	font-weight: bolder; 
	text-align: center; 
	margin-top: 20px;
	border: 1px solid #DBE0E4;
}

/* class for Scrolling id*/
.forScrolling-ID-down
{
	background: none;
	padding-top: 5%;  
}

.forScrolling-ID-down-img
{
	background: none;
	padding-top: 5%;  
}

/* payment*/
.payment-page-speech
{
	background: transparent;
	width: 100%;
	height: 100%;
	margin-top: -25px;
	margin-bottom: 20px;
	padding: 0 20px;  
	font-size: 20px; 
	color: #690202; 
	line-height:20px;
}
.reference
{
	font-style: italic;
    font-size: 0.85em;
    display: block;
    margin-top: 0px;
	margin-bottom: 10px;
    text-align: right;
    color: #363636;
}
.video-payment-page
{
	background: url('../../img/bg/video-thumb-back.gif') no-repeat center center;
    background-size: contain; 
    height: 100%; 
    width: 100%; 
	padding: 0%;
	border-radius: 5px;
}

.payment-video-description p
{
	margin-bottom: 15px!important; 
	padding: 0%; 
}

/*  Video Container for Front page */
.video-container {
	position: relative;
	max-width: 100%;
	height: auto;
}

/* ভিডিও থাম্বনেইল Front page */
.video-thumbnail {
	cursor: pointer;
	width: 100%;
	height: auto;
	border-radius: 8px;
}

/* ভিডিও iframe for Front Page */
#videoIframe {
	display: none;
	width: 100%;
	height: 315px;
	border-radius: 8px;
}

/* Video New Palate videography*/
.video-thumb {
	position: relative;
	cursor: pointer;
	margin-bottom: 15px;
	border: 2px solid transparent;
	transition: border-color 0.3s;
}
.video-thumb:hover {
	border-color: orange;
}
.video-thumb img {
	width: 100%;
	height: auto;
	display: block;
}
.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 40px;
    background-color: rgba(255, 0, 0, 0.8);
    border-radius: 20%;
    color: white;
    font-size: 22px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    z-index: 5;
}
.video-thumb:hover .play-button {
	background-color: red;
}

#main-video-title {
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 15px;
	color: #333232;
	font-style: italic; 
}
.campaign-id
{
	font-weight: bolder;
	text-decoration: underline;
	color:rgb(26, 110, 5); 
	font-style: italic; 
}
/* End Video New Palate*/

.full-screen {
	width: 100vw;
	height: 100vh;
	background-color: #f8f9fa; /* Light Grey */
	display: flex;
	justify-content: center;
	align-items: center;
}
.box-container {
	display: flex;
	justify-content: center;
	align-items: center;
}

.no-radius {
	border-radius: 0 !important;
}
.no-radius h2 {
	padding-top: 0%; 
}
.panel-footer {
	border-radius: 0;
	background: rgba(219, 224, 228, 0.7);
	color: #050505;
	padding: 0.5%;
}

abbr[title] {
	border-bottom: none !important;
	cursor: default !important;
	text-decoration: none !important;
}

.payment-options {
    overflow: hidden;
    margin: 0 -5px;
}
/* Payment Bank Logo Img*/
.payment-option {
    display: inline-block !important;
    margin-right: 20px !important;
    text-align: center !important;
	background-color: transparent;
	border-radius: 5px;
	width: 100px;
	border: 1px solid transparent;
	padding: 5px 0px; 
}
.payment-option:hover {
    display: inline-block !important;
    margin-right: 20px !important;
    text-align: center !important;
	border: 1px solid #FF6B00; 

}
.payment-option img {
    width: 80px !important;
    height: auto !important;
}
 

label {
	font-size: 14px;
	text-align: left !important;
	display: block;
	margin-bottom: 4px;
}

.btn-submit {
	margin-top: 10px;
}

/* end of payment */


/* End Aditional Page CSS */

@media (max-width: 1080px) {

.donate-button-top
{
	width: 80px;
	margin: 1px 0 0 -15px;
	font-weight: bolder;
}
	
.tube
{
	width: 50%;
}
.post-slider .post-wrapper .post .post-info a
{
	line-height:14px;  
}

.forScrolling-ID-down
{
	background: none;
	padding-top: 12%;  
}

.forScrolling-ID-down-img
{
	background: none;
	padding-top: 0px;
	margin-left: 3%;  
}

.image-double
{
	background: none;
	width: 100%;
	padding-top: 85%; 
}

.news-img-description
{
	margin-top: -20px;
}


.font-logo
{
	width:40px;  
	height:100%; 
	margin: 10% 0 -5% 0;
}

}


@media (max-width: 990px){
/*---------Admission Right Tag Div-------*/
.admission-wrapper {
	margin-left: 350px;
}
.admission-link:hover .admission-wrapper {
	margin: -40px 0px 0px 310px;
}
.news-box
{
	margin-top: 200px;
}

.image-double
{
	background: none;
	width: 100%;
	padding-top: 10%; 
}

}

@media (max-width: 900px) 
{ 

.fa
{
	font-size:20px;
}


.custom-footer-in
{
	padding:1%;
}
.font-size
{
	font-size:12px;  
}


.employee-img
{
	width:60%;
	margin-bottom:10px;
	padding:none;
	border: 2px solid rgb(153, 151, 151);
	box-shadow: 0 0px 8px 2px rgba(0, 0, 0, 0.19);
	border-radius: 50%;
}
.employee-text
{
	width: 100%;
	height:auto; 
	color:#FFF;
	padding:5px;
	margin:0 auto;
	font-size: 12px;
	text-align: center; 
}

.employee-text p
{
	line-height:16px; 
	text-align: center;
}

.image-double
{
	background: none;
	width: 100%;
	padding-top: 10%; 
}

}

/* Drop-down menu auto open dropdown stop*/
@media (min-width: 768px) {
	.navbar-nav > li.dropdown:hover > .dropdown-menu {
		display: block;
		margin-top: 0;
	}

	.navbar-nav > li.dropdown > a:hover {
		background-color: transparent;
	}
}

@media (max-width: 767px) {


h1 
{
	font-size:28px;
}

h2
{
	font-size:22px;
	padding:10% 5% 1% 5%; 
}

.navbar-brand {
	margin: -55px 0 0 -25px;
	font-size: 13px;
}

.navbar .navbar-nav > .open > a,
.navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > .open > a:focus {
	color: #F90;
	background: url(../img/bg/bg-menu-black.png) repeat;
}

/* Admission and moving logo*/
.admission-wrapper {
	width: 100%;  /* আগের আকারের থেকে কিছুটা ছোট */
	height: auto;
	flex-direction: row;
	align-items: center;
	margin: 20px -10px 20px 0px;
	padding: 10px;
	border-radius: 5px;
	z-index: 99999;
	position: absolute;
	text-align: right;
}
.admission-link:hover .admission-wrapper {
	margin: 20px -10px 20px 0px;
}
.rotating-logo {
	width: 40px;  /* ছোট লোগো */
	height: 40px;
	margin-right: 10px;
}

.divider {
	height: 50px;  /* ডিভাইডারের উচ্চতা কিছুটা ছোট */
}

.admission-text {
	font-size: 14px;
	line-height: 1.2;
	text-align: left;
	padding: 0 5px;
}

.admission-text strong {
	font-size: 15px;
}

/* Hopage Video Slide with Right Text*/
.carousel,
.carousel-inner,
.carousel .item,
.carousel .item video {
  height: 100vh !important;
}
.carousel-inner > .item video {
  object-fit: cover;
  height: 60vh; /* Reduce height on mobile */
}
.carousel-caption {
    right: 3%;
    left: 0;
    bottom: 15%;
    text-align: right;
    padding: 3% 3% 5% 3%;
	background: linear-gradient(to left, #000, transparent);
	border-right: 3px solid #FF6B00;
    
  }

  .carousel-caption h3 {
    font-size: 24px;
    font-weight: 600;
  }

  .carousel-caption p {
    font-size: 16px;
  }

  .welcome-text {
	top: 120px;
	left: 30px;
  }

  .welcome-text h1 {
    font-size: 1.5em;
    padding: 10px 15px 20px 0px;
  }


.donate-button 
{
	background-color: #FF6B00; 
	border: 1px solid #a34400;
	color: white;
	width: 120px;
	height: 30px;
	margin-top: 10px;
	padding: 0%; 
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Drop shadow */
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.donate-button-top
{
	height: 51px;
	margin: -50px 0 0 180px;
	font-size: 12px;
	font-weight: bolder;
}
.social-media a 
{
	padding-top: 2px;      
}
.siri-address
{
	font-size: 16px;
	line-height: 30px;
}
.siri-address p
{
	font-size: 18px;
	line-height: 20px;
}
.social-media 
{
	top: 45px;
	left: auto;         /* বাম দিকের অবস্থান বাতিল করা */
	right: 10px;           /* ডান দিকের অবস্থান নির্ধারণ */
	flex-direction: row; /* পাশাপাশি রাখার জন্য */
	justify-content: flex-end;
}

#icon
{
	max-width:50%;
	margin:0 auto; 
}
.about-heading
{
	font-size: 16px;
}
.custom-about
{
	width:100%;  
}
.custom-tag-box {
	padding-bottom: 10px;
	margin-bottom: 15px;
}

.custom-tag-subheading {
	font-size: 16px;
	margin-top: 8px;
	margin-bottom: 8px;
}

.page-heading {
	font-size: 20px;
	margin-bottom: 30px;
}

.custom-tag-box img {
	max-width: 100%;
	height: auto;
}
.programmes
{
	width:100%; 
	padding: 0 2% 10% 0%;  
}

.vision
{
	width:100%; 
	padding: 0 2% 10% 2%;  
}

.custom-about p 
{
	padding-left:1%; 
}
.programmes p
{
	padding-left:1%;
}
.vision p
{
	padding-left:1%; 
}

.comments h2
{
	padding:1%; 
	margin-bottom: 0px; 
	font-size:20px; 
}

.wings-comments h2
{
	margin-top: -15%;
	color:rgb(88, 1, 1);
	font-size:24px; 
	text-shadow: none;
}

.team-coments h2
{
	margin-top: -14%;
	color:rgb(88, 1, 1);
	font-size:24px; 
	text-shadow: none;
}
.comments p
{
	margin-top: -10px;
	font-size:20px;
	line-height: 20px;  
}
.governance-subhead {
	color: #056102;
	padding-left: 20px;
}
.custom-context img
{
	width:60%;
	margin:0 auto; 
}
.custom-context h4 
{ 
	padding: 0;
}
.custom-context p
{
	padding:0;
}
.post-slider .next
{
	right:5px;
	font-size:32px;
}
.post-slider .prev
{
	left:5px; 
	font-size:32px;
}
.post-slider .post-wrapper .post .post-info a
{
	font-size: 12px;
	line-height:14px;  
}
/* Team Media*/
.team-img{
	width: 100%;
}
.team-text{
	width: 100%; 
}
/* End Team Media*/
/* Payment Page */
.payment-page-speech
{
	margin-top: -10px;
	font-size: 18px; 
	line-height:20px;
}
.payment-option {
    width: auto; /* বা নির্দিষ্ট প্রয়োজন অনুযায়ী */
    padding: 2.5px 5px;
    display: flex;
    align-items: center; /* উভয় উপাদানকে একই লাইনে সেন্টার করে */
    gap: 5px; /* radio ও image এর মাঝে সামান্য ফাঁকা */
    cursor: pointer; /* হোভার করলে ক্লিকযোগ্য মনে হয় */
}

.payment-option img {
    width: 50px !important;
    height: auto;
}
/*---End Payment Page----*/
.custom-gallery h3 
{
	font-size: 18px; 
}
.custom-gallery
{
	width: 100%;
	padding: 0%;
	display: block;
}
.custom-gallery p
{
	font-size:14px;
}

.custom-gallery h5, p 
{
	padding-left:5%;
}
.videography
{
	background-color: transparent;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0%; 
}
.play-button {
    width: 30px;
    height: 20px;
    font-size: 11px;
    line-height: 20px; 
}

.custom-footer-in, .custom-footer-in-less-border
{
	border-left:none;
	padding-top:10%; 
	border-bottom:1px solid #666;
	height:300px; 
}
.custom-footer-in h4
{
	padding-top:8%;  
}
.location-top-media
{
	margin-top:100px; 
}
.onlyMedia
{
	margin-top: -100px;
}

.pops.size-m {
	width: 450px;
	height: 300px;
}
.tube
{
	width: 70%;
	margin:5% auto;
	border-radius:5px;   
}

.ecbottam3
{
	padding: 0% 2% 3% 2%; 
}

}

@media (max-width: 640px) {

#icon
{
	max-width:80%;
	height: 450px;
	margin:0 auto; 
}
.custom-context img
{
	width:80%;  
	margin:0 auto; 
}

.onlyMedia
{
	margin-top: -60px;
}

.pops.size-m {
	width: 400px;
	height: 267px;
}

.outline
{
	width: 100%;
	height: auto; 
	margin: 10px;
	padding: 10px;
}
.outline h3
{
	padding-top: 40px;
}

.image-double
{
	background: none;
	width: 100%;
	padding-top: 10%; 
}


}


@media (max-width: 440px) {


h1 
{
	font-size:20px; 
}
.tube
{
	width: 70%;
	margin:5% auto;
	border-radius:5px;   
}
.pops.size-m {
	width: 260px;
	height: 173px;
}
#icon
{
	max-width:80%;
	margin:0 auto; 
}
.carousel-inner > .item video {
  height: 50vh;
}
.carousel-caption h3 {
    font-size: 20px;
  }

  .carousel-caption p {
    font-size: 14px;
  }

}