@font-face {
  font-family: bangla;
  src: url('https://ahoncommunication.com/assets/fonts/bangla.ttf');
}
html,body{	max-width:100%;	overflow-x:hidden;}
body {font-family: 'Poppins', sans-serif;font-weight: 300;padding-top: 75px;}
a{	text-decoration:none !important;	}
.navbar{height:75px;}
.navbar-brand>img {height: auto;padding: 0.25rem;}
.animated {
  animation-iteration-count: 1 !important; animation-fill-mode: both !important;
}
.navbar-light .navbar-nav .nav-link{color:#000;transition: 0.3s ease-out;font-weight: 400;font-size: 0.88rem;}
.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link.active{color:#DF0E0E;transition: 0.3s ease-in;}

.title{font-weight:300;}
.title span{color:#DF0E0E;font-weight: 900;}
.subtitle{position: relative;padding-bottom: 20px;}
.subtitle:before{position: absolute;content: '';width: 100px;height: 1px;background-color:#212529;left: 0;right: 0;margin-left: auto;margin-right: auto;bottom: 0;}
.subtitle:after{position: absolute;content: '';width: 35px;height: 7px;background-color:#DF0E0E;left: 0;right: 0;margin-left: auto;margin-right: auto;bottom: -3px;border-radius: 7px;}

.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:#DF0E0E !important;}

.fs-7{font-size:0.95rem !important;}
.fs-8{font-size:0.85rem !important;}
.fs-9{font-size:0.70rem !important;}
.fw-600{font-weight:600;}
.fw-700{font-weight:700;}
.py-6 {padding-top: 1.85rem!important;padding-bottom: 1.85rem!important;}

.btn-purple{font-size:0.9rem;font-weight:600;border-radius:25px;color:#FFF;	background-color:#DF0E0E;border-color:#DF0E0E;transition:all 0.5s ease;box-shadow: 0 5px 12px -4px #df0e0e;}
.btn-purple:hover{color:#DF0E0E;background-color:transparent;box-shadow:0 7px 12px -7px #df0e0e;transition:all 0.5s ease;}

.text-info-site{color:#00ffd0 !important;}

.feather{width: inherit;height: auto;stroke-width:1;}

.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;}

#carouselFade img{height:80vh;}
.carousel-caption{bottom: calc( 50% - 75px );background-color:rgba(255,255,255,0.35);border-radius:1.5rem;}
.carousel-caption p{color:#000;}

.owl-next,.owl-prev{position:absolute;width:40px;height:40px;line-height:40px;border-radius:50% !important;top:calc( 50% - 25px );color:#DF0E0E !important;background: #FFF !important;box-shadow: 0 2px 15px -3px rgba(0,0,0,0.07),0 10px 20px -2px rgba(0,0,0,0.04);}
.owl-next span,.owl-prev span{font-size:1.5rem;}
.owl-prev{left:-45px;}
.owl-next{right:-45px;}
.owl-theme .owl-nav .disabled {opacity: 0 !important;}

#why-us{background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.85)), url("../../assets/img/why_us_bg.webp");background-position: center center;background-repeat: no-epeat;background-size: cover;background-attachment:fixed;position: relative;}

#why-us .title{color: #FFF;}
#why-us .subtitle:before{background-color: #FFF;}

#why-us .point h4 {color: rgba(255,255,255,0.85);position: relative;font-size: 1.1rem;text-align: center;}
#why-us .point h4 span{width: 85px;height: 85px;border:2px solid rgba(255,255,255,0.25);border-radius: 50%; display: block;margin: auto;margin-bottom: 20px;text-align: center;line-height: 80px;}
#why-us .point h4{transition: 0.2s ease;}
#why-us .point:hover h4{color:#DF0E0E;transition: 0.2s ease;}
#why-us .point:hover h4 span{background-color:#DF0E0E;border-color:#DF0E0E;transition: 0.2s ease;}
#why-us .point h4 span .feather{width:40px;height: 40px;transition: 0.1s linear;}
#why-us .point:hover h4 span .feather{color:#FFF;margin-top:-15px;transition: 0.2s linear;}

#file_server .card-img{height:175px;overflow:hidden;}
#file_server .card-img img{max-height:100%;}

#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;}
#services .service-list .card .card-header{height:275px;overflow: hidden;}
#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 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;}

#pricing-panel{	  background-image: linear-gradient(rgba(250,250,250,0.95), rgba(250,250,250,0.7)), url("../../assets/img/internet-service.webp");	  background-position: center center;	 background-repeat: no-repeat;	  background-size: cover;position: relative;}

.pricing-panel{background:rgba(0,0,0,0.02) !important;}

#pricing-panel .pricing .card{transition:0.3s;position:relative;}
#pricing-panel .pricing:hover .card{transform:translateY(-15px);transition:0.3s;box-shadow:0 15px 30px -5px rgba(165,165,165,0.3);}
#pricing-panel .pricing .card .text-info{color:#2dff00 !important;}

#pricing-panel .pricing .card-title{font-size:1rem;text-transform: uppercase;letter-spacing: 5px;color: #FFF;margin-top: 0.5rem;text-align: center;}
#pricing-panel .pricing .table{border-color:#f1f1f1}
#pricing-panel .pricing .card-footer{box-shadow:0 -7px 30px -5px rgba(165,165,165,0.2);}

#pricing-panel .pricing .card .bg-1{
	background-color: #7238a0!important;
	background-image: -webkit-gradient(linear,left top,right top,from(#054b1e),to(#90c200 ));
	background-image: -webkit-linear-gradient(-45deg,#054b1e 0%,#90c200 100%);
	background-image: linear-gradient(-45deg,#054b1e 5%,#90c200 100%)}

#pricing-panel .pricing .card ul{padding: 0;margin: 0;}
#pricing-panel .pricing .card ul li{display: block;}
#pricing-panel .table strong{font-weight: 600;}
#pricing-panel .table td{border: none;padding:.7rem .7rem;}

.gallery .card img{transition: 0.3s ease-out;}
.gallery .card:hover img{transform: scale(1.1);transition: 0.3s ease-in;}

#appointment{background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../assets/img/appointment-bg.webp");background-position: center center;background-repeat: no-repeat;background-size: cover;background-attachment:fixed;position: relative;}


#shop-panel .card{border:none;padding:0;	transition:0.3s;position:relative;}
#shop-panel .col-lg-3:hover .card{	box-shadow:0 15px 30px -5px rgba(165,165,165,0.3);transform:translateY(-10px);transition:0.3s;}
#shop-panel .card h6.text-dark{height: 39px;display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;    overflow: hidden;}
#shop-panel .card .card-img img{max-height:100%;transition: 0.3s ease;}
#shop-panel .card .card-img{height:175px;overflow:hidden;}
#shop-panel .col-lg-3:hover .card-img img{transform:scale(1.075);transition:0.3s;}

#social{background-color:#DF0E0E;}
#social a{color:#FFF;transition: 0.3s;margin: 0 5px;}
#social a .fa{width: 45px;height: 45px;line-height: 45px;border-radius: 50%;transition: 0.3s;}
#social a:hover{color:#FFF;transition: 0.1s;}
#social a:hover .fa{background-color:rgba(255,255,255,0.25);transition: 0.3s;}

#footer{background-image: linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0.65)), url("../../assets/img/footer-bg.webp");background-position: center center;background-epeat: no-repeat;background-size: cover;background-attachment:fixed;position: relative;color:#FFF;}
.footer .footer-info h3{font-family:'Great Vibes', cursive;	font-size:40px;margin-bottom:1rem;}
.footer .footer-info p{font-size: 0.95rem;line-height: 25px;}
.footer .footer-info h5,.footer .footer-address h5{margin-bottom:1rem;	font-size:16px;line-height:25px;}
.footer .footer-address h6{font-size:0.95rem;font-weight: 400;}
.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:#DF0E0E;transition: 0.3s;}

.copyright {background-color: rgba(0,0,0,0.5);color:#FFF;text-align:center;padding: 20px 0;}

.banner{background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../assets/img/footer-bg.webp");background-position: center center;background-repeat: no-repeat;background-size: cover;position: relative;padding: 65px 0;}
.banner h1{font-size:1.7rem;font-weight:500;color:#FFF;}
.banner h4{font-size:14px;color:#00ffd0 ;}
.banner h4 a{color:#FFF;text-decoration:none;}

.navbar-collapse.show{background-color: #FFF;padding: 0.5rem;box-shadow: 0px 10px 30px 0 rgba(0,0,0,0.1);}


@media (min-width: 768px){
	.navbar-nav>li>a {
		padding-top: 21px;
		padding-bottom: 21px;
	}
	.affix .navbar-nav>li>a {
		padding-top: 20px;
		padding-bottom: 20px;
		transition:all 0.3s ease;
	}
}

/*CSS for menubar breakpoint at screen width 1024px*/
@media (max-width: 1024px) {
    body{padding-top: 60px;}
	.navbar{height:60px;}
	.navbar-brand{padding:0;}
	.navbar-brand>img {height: 50px;padding: 0;margin-top:-3px;}
	.banner{padding: 45px 0;}
	.banner h1{font-size:1.5rem;}
	#carouselFade img {height: 30vh;}
	#why-us .point h4 span {    width: 65px;    height: 65px;    line-height: 60px;}
	#why-us .point h4 span .feather {    width: 30px;    height: 30px;}
	p.w-50{width:100% !important;}	
	.copyright {padding: 20px 15px;}
	.owl-prev{left:0;}
	.owl-next{right:0;}
		
}

