@font-face {font-family: bodyBg;src: url(../fonts/SolaimanLipi.ttf);}
body {font-family: 'Roboto', sans-serif;font-weight: 300;}
html,body{	max-width:100%;	overflow-x:hidden;}
a{text-decoration:none !important;	}
.navbar{height:75px;}
.navbar-brand>img {height: 45px;padding: 0;}

.bangla{font-family: 'bodyBg', sans-serif;}

.navbar-light .navbar-nav .nav-link{color:#e9e9e9;transition: 0.3s ease-out;font-weight: 400;font-size: 0.85rem;}
.navbar-light .navbar-nav .nav-link:hover{color:#fdca08;transition: 0.3s ease-in;}
.navbar-light .navbar-nav .nav-link.active{background-color:#fdca08;transition: 0.3s ease-in;color:#2b2e40;border-radius: 15px;}

.title{font-size: 1.1rem;text-transform: uppercase;position: relative;padding-bottom: 1.4rem;margin-bottom: 1.4rem; letter-spacing: 5px;}
.title:after{position: absolute;content: '';width: 250px;height: 1px;background-color:#e3e3e3;left: 0;bottom: 0;}




.title span{color:#fdca08;font-weight: 600;}
.subtitle{position: relative;padding-bottom: 20px;}
.subtitle:before{position: absolute;content: '';width: 100px;height: 1px;background-color:#e3e3e3;left: 0;right: 0;margin-left: auto;margin-right: auto;bottom: 0;}
.subtitle:after{position: absolute;content: '';width: 15px;height: 15px;background-color:#fdca08;left: 0;right: 0;margin-left: auto;margin-right: auto;bottom: -7px;border-radius: 50%;border: 3px solid #FFF;}

.shadow-md{box-shadow: 0 2px 15px -3px rgba(0,0,0,0.07),0 10px 20px -2px rgba(0,0,0,0.04);}
.text-site{color:#00a12a !important;}
.bg-site{background-color:#2b2e40 !important;}


.fs-5{font-size:1.2rem !important;}
.fs-7{font-size:0.95rem !important;}
.fs-8{font-size:0.85rem !important;}
.fs-9{font-size:0.75rem !important;}
.fw-600{font-weight:600;}
.fw-700{font-weight:700;}
.py-6 {padding-top: 1.85rem!important;padding-bottom: 1.85rem!important;}

h2.h1{font-size:3.5rem;}

.lh-3{line-height:1.85rem;}
.blink {
    animation: blinker 3s linear infinite;
  }

  @keyframes blinker {
    50% {
      opacity: 0;
    }
  }
.btn-purple{font-size:0.9rem;font-weight:normal;border-radius:25px;color:#FFF;	background-color:#359d50;border-color:#359d50;transition:all 0.1s linear;box-shadow: 0 7px 15px -4px #359d50;position: relative;top:0;}
.btn-purple:hover{color:#359d50;background-color:transparent;box-shadow:0 7px 12px -7px #359d50;transition:all 0.2s linear;top: -10px;}

.btn-white{font-size:0.9rem;font-weight:normal;border-radius:25px;color:#FFF;	background-color:transparent;border-color:#FFF;transition:all 0.1s linear;box-shadow: 0 3px 5px -4px #000;margin-right: 10px;padding: 8px 25px;}
.btn-white:hover{color:#000;background-color:#FFF;box-shadow:0 15px 15px -4px #000;transition:all 0.2s linear;}

.btn-site{background-color:#fdca08;outline: none;border:0;}
.btn-site:active{box-shadow: 0 0 5px #fdca08 !important;}

.tooltip-inner {white-space:pre-wrap;}
.text-info-site{color:#00ffd0 !important;}
.text-light{color:#8e8e99 !important;}

.feather{width: inherit;height: auto;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;}

.rounded-3{border-radius:0.5rem !important;}
.rounded-3 .card-img-top,.rounded-3 .card-header{border-top-left-radius:0.5rem !important;border-top-right-radius: 0.5rem !important;}
.rounded-3 .rounded-start{border-top-left-radius:0.5rem !important;border-bottom-left-radius: 0.5rem !important;}
.rounded-3 .rounded-bottom{border-bottom-left-radius:0.5rem !important;border-bottom-right-radius: 0.5rem !important;}

#services ul{padding: 0;margin: 0;margin-bottom: 1.3rem;}
#services ul li{display: block;padding: 5px 0;}

.video-container {position: relative;width: 100%;height: 100vh;overflow: hidden;}
.video-bg {position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;transform: translate(-50%, -50%);object-fit: cover;z-index: -1;}
.overlay-dark {position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 0;    }
.content-overlay {position: relative;z-index: 1;height: 100vh;display: flex;flex-direction: column;justify-content: center;align-items: start;text-align: left;color: white;}
.display-4{font-size:5rem;font-weight: bold;}

#about_us_parallax{background-image: linear-gradient(rgba(0,0,0,0.85), rgba(0,0,0,0.65)), url("../img/par_bg.jpg");background-position: center center;background-repeat: no-repeat;background-size: cover;background-attachment:fixed;position: relative;}

#carouselFade img{height:calc( 100vh - 75px );}
#carouselFade img.vot{height:105px;position: relative;top: -15px;}
.carousel-caption{top:calc( 50% - 115px);bottom: unset;right: unset;text-align: left;}
.carousel-caption h2{font-size:5.5rem;text-shadow: 0 2px 5px rgba(0, 0, 0,0.5);font-weight: 700;}
.carousel-caption h2 .text-danger{color:#ff0018 !important;}
.carousel-caption h2 .fs-4{font-size:1.40rem !important;font-weight: 500;}
.carousel-caption p{font-size:1.5rem;text-shadow: 0 2px 5px rgba(0,0,0,0.1);}

.profile-social{background:linear-gradient(0deg,rgba(255,255,255,0.85),rgba(255,255,255,0.55),rgba(255,255,255,0.01));padding: 15px 0;bottom: -50px;transition: 0.1s linear;}
.profile-social a{padding: 5px;color: #359d50;}
#team .card .card-header{overflow: hidden;}
#team .card:hover .profile-social{bottom: 0;transition: 0.3s linear;}

.owl-next,.owl-prev{position:absolute;width:60px;height:60px;line-height:60px;top:calc( 50% - 50px );color:#FFF !important;background: transparent !important;box-shadow: none;}
.owl-next span,.owl-prev span{font-size:3.5rem;}
.owl-prev{left:-65px;}
.owl-next{right:-65px;}
.owl-theme .owl-nav .disabled {opacity: 0 !important;}

.sacks .item {opacity: 0.4;  transition: .4s ease all;}

.sacks .active .item{  opacity: 1;}
.sacks .card .card-body img{transition: all 0.5s;}
.sacks .card .card-body{height:200px;overflow: hidden;}
.sacks .card:hover .card-body img{transform: scale(1.1);opacity: 0.7;transition: all 0.5s;}

.why_us .card{min-height:320px;}
.why_us .card .fet{width: 85px;height: 85px;border-radius: 50%; display: block;margin: auto;margin-bottom: 20px;text-align: center;line-height: 80px;}
.why_us .card .fet.bg1{background-color:#f5f5dc;}
.why_us .card .fet.bg2{background-color:#d6ffe1;}
.why_us .card .fet.bg3{background-color:#ffd1e5;}
.why_us .card .fet.bg4{background-color:#ffeabd;}
.why_us .card .fet.bg5{background-color:#ffd1c4;}
.why_us .card .fet.bg6{background-color:#c8fffc;}

#home_yt .card{position:relative;overflow: hidden;}
#home_yt .card .icon{position:absolute;top: 0;left:0;right:0;bottom: 0;width: 100%;z-index: 3;transition:0.2s;text-align: center;opacity: 1;}
#home_yt .card .icon img{height: 45px;position: relative;top: calc( 50% - 25px);}
#home_yt .card .cover-1{position:absolute;top: -100%;left:-100%;width: 100%;background: rgba(0,0,0,0.25);height: 100%;z-index: 1;transition:0.2s;}
#home_yt .card .cover-2{position:absolute;bottom: -100%;right:-100%;width: 100%;background: rgba(0,0,0,0.35);height: 100%;z-index: 1;transition:0.2s;}
#home_yt .card:hover .cover-1{top: 0;left:0;transition:0.3s;}
#home_yt .card:hover .cover-2{bottom: 0;right:0;transition:0.3s;}
#home_yt .card:hover .icon{opacity:1;transition:0.5s;}


#why_us .service-list .card{transition:0.2s;}
#why_us .service-list .card .feather{width: 45px;}
#why_us .service-list:hover .card{transform: scale(1.05);transition:0.2s;}

#live_tv .card{transition:0.3s;position: relative;top:0;}
#live_tv .card .feather{width: 35px;transition:0.2s;}
#live_tv .card .card-footer{background-color:rgb(192 255 133);}
#live_tv .service-list:hover .card{transform: scale(1.05);transition:0.3s;top:-10px;}

#about-us .service-list .card-body h3{position: relative;text-align: center;margin-bottom: 0;}
#about-us .service-list .card-body h3 i{position: absolute;left: 0;right:0;margin-left: auto;margin-right: auto;background-color: #DF0E0E;width: 70px;height: 70px;line-height: 60px;border-radius: 50%;top:-80px;border: 5px solid #FFF;color: #FFF;transition:0.3s;}

#about-us .service-list .card,#services .service-list .card{transition:0.3s;position: relative;}

#about-us .service-list .card .card-img-top,#services .service-list .card .card-img-top{transition:0.3s;}
#about-us .service-list:hover .card{box-shadow:0 30px 30px rgba(0,0,0,0.075);transform:translateY(-15px);transition:0.3s;}
#about-us .service-list:hover .card .card-img-top,#services .service-list:hover .card .card-img-top{transform: scale(1.1);transition:0.3s;}
#about-us .service-list .card h4,#services .service-list .card h4{transition:0.3s;}
#about-us .service-list:hover .card h4,#services .service-list:hover .card h4{color:#DF0E0E;transition:0.3s;}
#services .service-list:hover .card{transform: scale(1.05);box-shadow:0 30px 40px rgba(0,0,0,0.05);transition:0.3s;}

#about-us .service-list:hover .card-body h3 i{background-color: #FFF;color: #DF0E0E;box-shadow: 0 7px 10px rgba(0,0,0,0.1);transition:0.3s;}
#services .feather{width:35px;height: 35px;color: #000;}
#about-us .card{overflow: hidden;}
#about-us .card:hover img{transform: scale(1.1);transition: 0.3s ease;}
#about-us img{height:350px;transition: 0.3s ease;}
#about-us .play{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0,0,0,0);transition: 0.3s ease;}
#about-us .play:hover{background-color: rgba(0,0,0,0.5);transition: 0.3s ease;}
#about-us .play img{height:75px;position: absolute;width:75px;top:calc( 50% - 35px );left:0;right:0;margin-left: auto;margin-right: auto;}



.item .card{box-shadow:3px 8px 24px 0 rgba(0,0,0,0.07);}

.subs img{padding: 0;transition:0.2s;}
.subs .card .card-footer.bg-success{background-color: #FFF!important;}
.subs .service-list:hover .card img{transform: scale(1.05);transition:0.3s;}

#about-us .card p{display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;    overflow: hidden;}
#about-us .service-list .card .card-header{height:225px;overflow: hidden;}

.gallery .card img{transition: 0.3s ease-out;}
.gallery .card:hover img{transform: scale(1.1);transition: 0.3s ease-in;}


.social a{color:#FFF;margin: 0 5px;transition: all 0.2s ease-out;font-size: 1.5rem;}
.social a:hover{transform: scale(1.2);transition: all 0.1s ease-in;}

#footer{color:#FFF;}
.footer img{height: 75px;}
.footer .footer-info h3{font-size:40px;margin-bottom:0.5rem;}
.footer .footer-info p{font-size: 0.95rem;line-height: 25px;}
.footer h5{font-size: 1rem;}
.footer h5 .feather{width: 18px;height: 18px;color:#ccffd9;stroke-width:2;}
.footer .footer-info ul{padding: 0;margin: 0;}
.footer .footer-info ul li{padding: 0;display: block;}
.footer .footer-info ul li a{font-size: 0.9rem;padding: 3px 0;display: block;color:rgba(255,255,255,.9);transition: 0.3s;}
.footer .footer-info ul li:hover a{padding-left: 10px;color:#00ff43;transition: 0.3s;}

.copyright {background-color: rgba(0,0,0,0.5);color:#FFF;}

.contact .addr .fa{width:45px;height: 45px;line-height: 45px;background-color: rgba(53, 157, 80,0.10);text-align: center;color: #359d50;border-radius: 50%;}

.banner{background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../img/par_bg.jpg");background-position: center center;background-repeat: no-repeat;background-size: cover;position: relative;padding-top:100px;padding-bottom: 65px;}
.banner h1{font-size:1.4rem;font-weight:500;color:#FFF;}
.banner h4{font-size:10px;color:#9f9f9f ;text-transform: uppercase;letter-spacing: 2px;}
.banner h4 a{color:#FFF;text-decoration:none;}
.banner h4 i{color:#fdca08;}

.navbar-collapse.show{background-color: #FFF;padding: 0.5rem;box-shadow: 0px 10px 30px 0 rgba(0,0,0,0.1);}
.brandsacc.owl-carousel .owl-item img{width:75% !important;height: 45px;margin: auto;}

.nscr{overflow-y: hidden !important;}
.mb-menu{display:none;}
.blob-container-footer{overflow:hidden;}
.blob-container-footer #blob1 {
    width: 15vw;
    height: 15vw;
    background: #ed3327;
    background: linear-gradient(90deg, rgb(237 51 39) 0%, rgb(236 115 65) 100%);
    border-radius: 100%;
    filter: blur(35px);
}
#blob1 {
    animation: from360to0scaled 10s linear infinite;
    animation-duration: 5s;
    animation-name: from360to0scaled;
    animation-direction: alternate;
    transform-origin: center;
    filter: blur(0);
    position: absolute;
}
.blob-container-footer #blob2 {
    width: 15vw;
    height: 15vw;
    background: #ec7341;
    background: radial-gradient(circle, rgb(236 115 65) 0%, rgb(255 188 63) 100%);
    border-radius: 100%;
    filter: blur(35px);
}
#blob2 {
    animation: from360to0scaled2 10s linear infinite;
    animation-duration: 5s;
    animation-name: from360to0scaled2;
    animation-direction: alternate;
    transform-origin: center;
    filter: blur(35px);
    position: absolute;
}
.blob-container-footer #blob3 {
    width: 15vw;
    height: 15vw;
    background: #ed3327;
    background: linear-gradient(90deg, rgb(237 51 39) 0%, rgb(236 115 65) 100%);
    border-radius: 100%;
    filter: blur(35px);
}
#blob3 {
    animation: from360to0scaled3 10s linear infinite;
    animation-duration: 5s;
    animation-name: from360to0scaled3;
    animation-direction: alternate;
    transform-origin: center;
    filter: blur(0);
    position: absolute;
}
@keyframes from360to0scaled{
	0% {
		transform: translateX(-50px) rotate(0) scale(1.7);
	}
	100% {
		transform: translateX(100px) rotate(160deg) scale(1.3);
	}
}

@keyframes from360to0scaled2{
	0% {
		transform: translateX(100px) rotate(160deg) scale(1.3);
	}
	100% {
		transform: translateX(-50px) rotate(0) scale(1.7);
	}
}
@keyframes from360to0scaled3{
	0% {
		transform: translateY(-100px) rotate(0deg) scale(1.5);
	}
	100% {
		transform: translateY(200px) rotate(160deg) scale(.6);
    	filter: blur(60px);
	}
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


@media (min-width: 768px){
	.navbar-nav>li>a {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 0.75rem;
		padding-left: 0.75rem;
	}
}

/*CSS for menubar breakpoint at screen width 1024px*/
@media (max-width: 1024px) {
	.navbar {height: 70px;}
	.banner{padding: 45px 0;}
	.banner h1{font-size:1.5rem;}
	.navbar-brand>img {height: 45px;padding: 0;}
	#carouselFade img {height: 22vh;}
	#why-us .point h4 span {    width: 65px;    height: 65px;    line-height: 60px;}
	#why-us .point h4 span .feather {    width: 30px;    height: 30px;}
	#about-us img{height:200px;}
	p.w-50{width:100% !important;}	
	.copyright {padding: 15px 15px;}
	.owl-prev{left:0;}
	.owl-next{right:0;}
	#services .card-title.fs-6	{font-size:0.65rem !important;}
	
	.display-4{font-size: calc(1.475rem + 2.7vw);}
	#services h4{font-size:calc(1.175rem + .3vw);}
	
	.mb-menu{position: absolute;top: 0;width: 100%;height: 100vh;background-color: rgba(0,0,0,0.28);padding: 0;z-index: -1;left: 0;right: 0;bottom: 0;}
	.mb-menu .navbar-nav{position: absolute;background-color:#FFF;height:100%;margin: 0 !important;width: 75%;padding: 0.85rem;transition: all 0.3s ease-out;left: -100%;}
	.navbar-light .navbar-nav .nav-link.active {    background-color: #FFF;    color: #359d50;    border-radius: 0;font-weight: 600;}
	.mb-menu .menu-cls{position: absolute;top: 15px;right: 25px;background-color: #FFF;border-radius: 50%;width: 55px;height: 55px;line-height: 55px;text-align: center;font-size: 20px;color: #359d50;}
}