@font-face {font-family: bodyBg;src: url(../fonts/SolaimanLipi.ttf);}
body {font-family: 'Poppins', sans-serif;font-weight: 400;}
html,body{	max-width:100%;	overflow-x:hidden;}
body {padding-top: 65px;}
a{text-decoration:none !important;}
p{line-height:27px;}
.navbar{padding: 0;}
.navbar-brand>img {height: 60px;}

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

.navbar-light .navbar-nav .nav-link{color:#000;transition: 0.3s ease-out;font-weight: 400;font-size: 0.85rem;}
.navbar-light .navbar-nav .nav-link:hover{color:#0f3375;transition: 0.3s ease-in;}
.navbar-light .navbar-nav .nav-link.active{transition: 0.3s ease-in;color:#0f3375;font-weight: 600;}

.title{font-size: 2.1rem;font-weight: 700;color:#0f3375;}
.title span{color:#0f3375;font-weight: 600;}

.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:#0f3375 !important;}
.bg-site{background-color:#0f3375 !important;}

.fs-5{font-size:1.15rem !important;}
.fs-7{font-size:0.95rem !important;}
.fs-8{font-size:0.85rem !important;}
.fs-9{font-size:0.8rem !important;}

.fw-200{font-weight:200;}
.fw-300{font-weight:300;}
.fw-400{font-weight:400;}
.fw-500{font-weight:500;}
.fw-600{font-weight:600;}
.fw-700{font-weight:700;}
.py-6 {padding-top: 1.85rem!important;padding-bottom: 1.85rem!important;}

.btn-site{font-size:0.85rem;font-weight:normal;border-radius:25px;color:#FFF !important;	background-color:#0f3375;border-color:#0f3375;transition:all 0.5s ease;box-shadow: 0 7px 15px -4px #0f3375;padding: 0.7rem 3rem;}
.btn-site:hover{color:#0f3375 !important;background-color:transparent;box-shadow:0 7px 12px -7px #0f3375;transition:all 0.5s ease;}

.btn-outline-site{font-size:0.9rem;font-weight:600 !important;border-radius:0.3rem;color:#0f3375;	background-color:transparent;border-color:#0f3375;transition:all 0.5s ease;box-shadow: none;border-width: 2px;}
.btn-outline-site:hover{color:#FFF !important;background-color:#0f3375;ransition:all 0.5s ease;}


.btn-white{font-size:0.85rem;font-weight:normal;color:#0f3375;	background-color:#FFF;border-color:#FFF;transition:all 0.5s ease;box-shadow: 0 7px 15px -4px rgba(0,0,0,0.3);padding: 0.7rem 3rem;}
.btn-white:hover{color:#FFF;background-color:#0f3375;border-color:#0f3375;box-shadow:0 7px 12px -7px rgba(0,0,0,0.5);transition:all 0.5s;}


.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;}
.rounded-3 .rounded-bottom{border-bottom-left-radius:0.5rem !important;border-bottom-right-radius: 0.5rem !important;}

#carouselFade img{height:50vh;}

.owl-next,.owl-prev{position:absolute;width:40px;height:40px;line-height:40px;border-radius:50% !important;top:calc( 50% - 25px );color:#FFF !important;background: #359d50 !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;}

#booking .book{width: 75px;height: 75px;line-height: 75px;}
#booking .btn{background-color: #092457;color: #FFF;}

.why_us .card .fet{width: 75px;height: 75px;border-radius: 50%; display: block;margin: auto;text-align: center;line-height: 75px;font-size: 2rem;background-image: linear-gradient(90deg, rgba(15,51,117,1) 0%, rgba(220,23,51,1) 100%);}


#brands{background-image: linear-gradient(rgba(250,250,250,0.01), rgba(250,250,250,0.01)), url("../../assets/img/clients.jpg");background-position: center center;	 background-repeat: no-repeat;	  background-size: cover;position: relative;}

#brands .start{width: 200px;height: 200px;filter: blur(100px);z-index: 1;}
#brands .mid{background-color: #dc1733;height: 200px;filter: blur(175px);}
#brands .end{height: 300px;width: 500px;filter: blur(125px);}
#brands .cvr{background-color: rgba(255,255,255,0.55);position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 2;}
#brands .cats{position: relative;z-index: 3;}
#brands .card-cvr{position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 2;filter: blur(75px);}
#brands .card{position: relative;z-index: 3;background-color: rgba(255,255,255,0.3) !important;border: 2px solid #FFF;}

#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_home img{border-radius:200px 100px 100px 100px;height: 100%;object-fit: cover;}

#about_home{background:url("../img/mid-bg.png") no-repeat center center;background-size:cover;padding: 100px 0;}
#pricing-panel{padding: 100px 0;}

#about-us{padding: 75px 0;background:linear-gradient(130deg, rgba(70,50,218,0.8) 0%, rgba(15,51,117,1) 100%),     url("../img/parallax-cover-home.jpg");  background-size: cover;  background-position: center center;background-attachment: fixed;}


#brands{background:url("../img/mid-bg.png") no-repeat center center;background-size:cover;padding: 100px 0;}


.text-light {    color: #959595 !important;}

.services .card{box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1)}
.services .card .service-holder{height: 250px;display: block;}
.services .card .service-holder img{width: 100%;height: 100%;object-fit: cover;transition: 0.4s ease-in;}
.services .card:hover .service-holder img{transform: scale(1.1);}


#about-us img{height:250px;}

#services .card .card-footer.bg-success{background-color: #FFF!important;}
#services .card .card-footer{border: none;padding-bottom: 15px;}
#services .card .card-body{padding: 0.7rem 1rem;}
#services .card-title{font-weight: 600;}

#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:rgba(0,0,0,0.02) !important;}

#pricing-panel{background-image: linear-gradient(0deg, rgba(255, 255, 255,0.5), rgba(255,255,255,0.95)), url(../../assets/img/internet-service.webp);	  background-position: center center;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;position: relative;}

#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.01), rgba(0,0,0,0.01)), url("../../assets/img/numbers.jpg");background-position: center center;background-repeat: no-repeat;background-size: cover;background-attachment:fixed;position: relative;}

#appointment2{background-image: linear-gradient(130deg, rgba(0,0,0,0.3), rgba(0,0,0,0.95)), url("../img/appointment-bg.webp");background-position: center center;background-repeat: no-repeat;background-size: cover;background-attachment:fixed;position: relative;}

#appointment2 .bi-calendar3{color: navy;background: #FFF;width: 55px;height: 55px;line-height: 55px;border-radius: 50%;display: block;margin: auto;margin-bottom: 1.5rem;}


#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{height:100%;transition: 0.3s ease;}
#shop-panel .card .card-img{height:230px;overflow:hidden;}
#shop-panel .col-lg-3:hover .card-img img{transform:scale(1.075);transition:0.3s;}

.social a{background-color: #0f3375;color:#FFF;margin: 0 5px;width: 35px;height: 35px;line-height: 35px;text-align: center;display: inline-block;border-radius: 50%;position: relative;transition: all 0.2s ease-out;border: 1px solid #0f3375;}
.social a:hover{transform: scale(1.1);transition: all 0.3s ease-in;background-color:transparent;color: #0f3375;}

#social a:hover{color:#0f3375;transition: 0.3s;}

#footer img{height: 55px;}
.footer .footer-info h3{font-size:40px;margin-bottom:0.5rem;}
.footer .footer-info p{font-size: 0.85rem;line-height: 25px;}
.footer .footer-info h5,.footer .footer-address h5{margin-bottom:0.7rem;font-size:1rem;line-height:25px;font-weight: 600;}
.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.85rem;padding: 3px 0;display: block;color:rgba(0,0,0,.75);transition: 0.3s;font-weight: 500;}
.footer .footer-info ul li:hover a{padding-left: 10px;color:#0f3375 ;transition: 0.3s;}

.copyright {border-top: 1px solid #e9e9e9;color:#454545;text-align:center;padding: 15px 0;font-size: 0.75rem;}
.copyright h6{font-size: 0.7rem;margin-bottom: 0;}
.contact .addr .fa{width:45px;height: 45px;line-height: 45px;background-color: #359d50;text-align: center;color: #FFF;border-radius: 50%;}

.banner{background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../img/breadcrumbs_bg.jpg");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:#b2ff00 ;}
.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);}
.brandsacc.owl-carousel .owl-item img{width:75% !important;height: 45px;margin: auto;}

.nscr{overflow-y: hidden !important;}
.mb-menu{display:none;}

.marn{position:absolute;right:10px;bottom:20px;}
.marn img{width:120px;height:auto !important;}


.accordion-button {
      background: transparent;
      font-weight: 600;
      box-shadow: none;
      padding: 1.5rem 0;
      position: relative;
	font-size: 1.1rem;
    }

    /* Remove default ::after arrow */
    .accordion-button::after {
      display: none;
    }

    /* Custom icon at the end */
    .accordion-button .bi {
      margin-left: auto;
      transition: transform 0.3s ease;
    }

    .accordion-button:not(.collapsed) .bi {
      transform: rotate(180deg);
    }

    .accordion-item {
      border: none;
      border-bottom: 1px solid #e0e0e0;
    }

    .accordion-body {
      padding: 1rem 0;
      color: #555;
    }
	.accordion-button:focus {
  box-shadow: none;
  outline: none;
}

.accordion-button:not(.collapsed) {
  background-color: transparent;
	color: #0f3375;
	
}


@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1500px;
    }
}
@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) {
	.footer{padding-bottom:95px;}
	.navbar {height: 70px;}
	.banner{padding: 45px 0;}
	.banner h1{font-size:1.5rem;}
	.navbar-brand>img {height: 45px;padding: 0;}
	#carouselFade img {height: auto;}
	#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:150px;}
	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;}
	
	.marn{left:0;right:0;margin-left: auto;margin-right: auto;bottom:10px;}
	.marn img{width:100px;height:auto !important;margin: auto;display: block;}

	.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;}
	#about_home{padding:50px 0;}
}