@font-face {font-family: bodyBg;src: url("../fonts/font.woff");}
body {font-family: 'Montserrat', sans-serif;}
html,body{	max-width:100%;	overflow-x:hidden;}
body {padding-top: 0px;}
a{text-decoration:none !important;	}
.navbar{height:65px;background-color: transparent;}
.navbar-brand>img {height: 55px;}

.bangla{font-family: 'bodyBg', sans-serif;}
.nav-link{padding:0.3rem 1rem;}
.navbar-light .navbar-nav .nav-link{color:#FFF;transition: 0.3s ease-out;font-weight: 400;font-size: 0.85rem;}
.navbar-light .navbar-nav .nav-link:hover{color:#69d0fb;transition: 0.3s ease-in;}
.navbar-light .navbar-nav .nav-link.active{background-color:#00b4ff;transition: 0.3s ease-in;color:#FFF;border-radius: 15px;}

.title{font-size: 2.5rem;font-family: 'bodyBg', sans-serif;font-weight: 600;text-transform: uppercase;position: relative;padding-bottom: 15px;letter-spacing: 2px;}
.subtitle{margin-bottom: 5px;font-family: 'bodyBg', sans-serif;letter-spacing: 1px;text-transform: uppercase;}
.title:before{position: absolute;content: '';width: 50px;height: 3px;background-color:#000;left: 0;right: 0;margin-left: auto;margin-right: auto;bottom: 0;}

.shadow-md{box-shadow: 0 2px 15px -3px rgba(0,0,0,0.07),0 10px 20px -2px rgba(0,0,0,0.04);}


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


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


.bg-site{background-color:#69d0fb !important;}
.text-info-site{color:#00ffd0 !important;}
.text-site{color:#2fc0ff !important;}

.btn-white{background-color: #FFF;font-size: 1rem;border-radius: 0;color: #000;font-family: 'bodyBg', sans-serif;transition:all 0.3s ease;text-transform: uppercase;letter-spacing: 1px;}
.btn-site{background-color: #2fc0ff;font-size: 1rem;border-radius: 0;color: #FFF;font-family: 'bodyBg', sans-serif;transition:all 0.3s ease;text-transform: uppercase;letter-spacing: 1px;}
.btn-site:hover{color:#2fc0ff;background-color:#000;transition:all 0.5s ease;}

.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:60vh;}

.owl-next,.owl-prev{position:absolute;width:40px;height:40px;line-height:20px;border-radius:50% !important;top:calc( 50% - 25px );color:#B3B3B3 !important;background: transparent !important;}
.owl-next span,.owl-prev span{font-size:2rem;}
.owl-prev{left:-45px;}
.owl-next{right:-45px;}
.owl-theme .owl-nav .disabled {opacity: 0 !important;}
.owl-theme .owl-nav [class*=owl-] {margin: 0 !important;}

.why_us .card .fet{width: 55px;height: 55px;border-radius: 50%; display: block;margin: auto;margin-bottom: 15px;text-align: center;line-height: 50px;}

#home{background-image: linear-gradient(rgba(47, 192, 255,0.75), rgba(47, 192, 255,0.75)), url("../img/home.webp");background-position: center center;background-repeat: no-repeat;background-size: cover;background-attachment:fixed;position: relative;}

#home .col-12.position-relative{height: 100vh!important;}
#home .h1{font-size:7rem;}

#why_choose_us{background-image: linear-gradient(rgba(255,255,255,0.35), rgba(255,255,255,0.55)), url("../img/numbers.webp");background-position: center center;background-repeat: no-repeat;background-size: cover;background-attachment:fixed;position: relative;}
#why_choose_us .card img{height:75px;}
#about-us img{height:auto;}
#about-us .title:before{left: 0;right: 0;margin-left: 0;margin-right: 0;bottom: 0;}

#file_server .card,#home_yt .card{position:relative;overflow: hidden;}
#file_server .card img{max-height: 175px;}
#file_server .card .icon,#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;}
#file_server .card .icon .feather,#home_yt .card .icon img{height: 45px;position: relative;top: calc( 50% - 25px);}

#file_server .card .cover-1,#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;}
#file_server .card .cover-2,#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;}
#file_server .card:hover .cover-1,#home_yt .card:hover .cover-1{top: 0;left:0;transition:0.3s;}
#file_server .card:hover .cover-2,#home_yt .card:hover .cover-2{bottom: 0;right:0;transition:0.3s;}
#file_server .card:hover .icon,#home_yt .card:hover .icon{opacity:1;transition:0.5s;}

#products .card span.rent{background-color:#69d0fb; display: block;padding: 0.7rem 0.5rem;font-family: 'bodyBg', sans-serif;text-transform: uppercase;letter-spacing: 1px;color: #FFF;}
#products .card span.sale{background-color:#474747; display: block;padding: 0.7rem 0.5rem;font-family: 'bodyBg', sans-serif;text-transform: uppercase;letter-spacing: 1px;color: #FFF;}
#products .card span.sold{background-color:#000000; display: block;padding: 0.7rem 0.5rem;font-family: 'bodyBg', sans-serif;text-transform: uppercase;letter-spacing: 1px;color: #FFF;}
#products .card span.rented{background-color:#4672bb; display: block;padding: 0.7rem 0.5rem;font-family: 'bodyBg', sans-serif;text-transform: uppercase;letter-spacing: 1px;color: #FFF;}

#products .card img{max-height: 180px;width:100%;}
#products .prd .card .card-body{position: relative;top: -38px;}

#services .title:before{background-color:#3ec0f8;}
#services .card .fa{width:75px;height: 75px;line-height: 55px;border: 2px solid #3ec0f8;border-radius: 50%;padding: 10px;}


#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;}

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


.social a{background-color: #000;color:#00b4ff;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;}
.social a:hover{transform: scale(1.2);transition: all 0.1s ease-in;}

.copyright {background-color: #FFF;color:#000;padding: 0 75px;}
.copyright img{height:65px;}

.banner{background-image: linear-gradient(rgba(47, 192, 255,0.70), rgba(47, 192, 255,0.70)), url("../img/breadcrumbs_bg.webp");background-position: center center;background-repeat: no-repeat;background-size: cover;position: relative;padding: 75px 0;text-align: center}
.banner h1{font-size:1.7rem;font-weight:500;color:#FFF;}
.banner h4{font-size:14px;color:#8ae3ff ;}
.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: auto;margin: auto;}

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

#reviews .title:before {left: 0;right: auto;}
#reviews .point h2{font-size: 4rem;left: 0!important;}
#reviews .list .card:last-child{border-bottom:none !important;}
@media (max-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;
	}
    .title {font-size: 2rem;}
    #home .h1{font-size: 2.5rem;}
    #home p{width:100% !important;}
    #yt_iframe{height: 250px;}
    #services .service-list p{width:100% !important;}
    .footer .title{font-size:1.8rem;}
    .copyright img {height: auto;}
}
@media (min-width: 992px){
	.navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}
@media (min-width: 1366px){
	.pt-5{padding-top:4rem!important;}
	.pb-5{padding-bottom:4rem!important;}
    #home .h1{font-size:6rem;}
}

/*CSS for menubar breakpoint at screen width 1024px*/
@media (max-width: 1024px) {
	.navbar {height: 70px;}
	.banner h1{font-size:1.3rem;padding-top: 1.5rem;}
	.navbar-brand>img {height: 45px;padding: 0;}
    #home .col-12.position-relative{height:auto !important;}
	#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;}
	p.w-50{width:100% !important;}	
    #reviews .point h2{font-size: 3rem;left: 0!important;right: 0 !important;margin-left: auto;margin-right: auto;text-align: center;top:25px !important;}
	.copyright {padding: 15px 15px;}
	.owl-prev{left:0;}
	.owl-next{right:0;}
    #home_form p.w-75{width:100% !important;}
	.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:#69d0fb;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 {color: #FFF;    border-radius: 25px;font-weight: 600;display: inline-block;}
	.navbar-light .navbar-nav .nav-link {color: #000;}
	.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: #69d0fb;}
}