/*Mrittka Beauty Custom CSS*/

/*Common Classes and Properties*/
html,body{	max-width:100%;	overflow-x:hidden;}
body {font-family: 'Poppins', sans-serif;font-weight: 300;padding-top: 65px;}
a{	text-decoration:none !important;	}
.temp-color{color:#eaffe4;}
.text-light {
    color: #dcdcdd!important;
}
.navbar{height:65px;}
.navbar-brand>img {height: 60px;padding: 0.25rem;}

.navbar-light .navbar-nav .nav-link{color:#000;transition: 0.3s ease-out;font-weight: 300;font-size: 0.85rem;padding-left: 1rem;padding-right: 1rem;}
.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link.active{color:#11ab00;transition: 0.3s ease-in;}

.title{font-weight:300;}
.title span{color:#11ab00;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:#11ab00;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:#11ab00 !important;}
.bg-site{background-color:#11ab00 !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;}

th{font-weight:500;font-size: 0.9rem;}

.btn-purple{font-size:0.9rem;font-weight:600;border-radius:25px;color:#FFF;	background-color:#11ab00;border-color:#11ab00;transition:all 0.5s ease;box-shadow: 0 5px 12px -4px #11ab00;padding: 0.5rem 1.5rem;}
.btn-purple:hover{color:#11ab00;background-color:transparent;box-shadow:0 7px 12px -7px #11ab00;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:calc( 100vh - 65px );}

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


#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: #11ab00;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:#11ab00;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: #11ab00;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.jpg");background-position: center center;background-repeat: no-repeat;background-size: cover;background-attachment:fixed;position: relative;}


#file_server img{height: 65px;display: block;margin: auto;margin-bottom: 1rem;}
#file_server h4 span{top: 1px;}

#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{display: -webkit-box;  -webkit-line-clamp: 1;  -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;}

.dsc{position: absolute;top:0;right: 0;background-color:#11ab00;color: #FFF;border-radius: 0.5rem;padding: 0 7px;z-index: 2;}
.atc{background-color:rgba(17,171,0,0.1);color:#0B7000;font-size: 0.80rem;}
.atc .feather{width: 16px;stroke-width:2;}
.total-count{position:absolute;top: 5px;border-radius: 50%;background-color: #11ab00;color: #FFF;right: -5px;width: 25px;height: 25px;font-size: 0.75rem;line-height: 25px;text-align: center;}



#cart_info{z-index: 1500;display: none;top: 55px;right:-100%;width: 25%;}
#gblCrt{right:-100%;display: none;z-index: 1700;background-color: rgba(0,0,0,0.3)}
.crtLst{overflow-y:auto;top:45px;height: calc( 100vh - 125px);}
.crtHldr{width:20%;right: -100%;transition: all 0.2s;}

#social{background-color:#11ab00;}
#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:'Courgette', 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);}

.on_mbl{display:none;bottom: 10px;left: 10px;padding: 10px;z-index: 2500;}
.on_mbl .feather{width:30px;height: 30px;}
.on_mbl .total-count{position:absolute;top: -20px;right: -20px;border: 1px solid #FFF;width: 30px;height: 30px;font-size: 0.85rem;line-height: 30px;}
@media (max-width: 1366px){    
    .crtHldr{width:25%;}
}

/*CSS for menubar breakpoint at screen width 1024px*/
@media (max-width: 1024px) {
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.affix .navbar-nav>li>a {
		padding-top: 20px;
		padding-bottom: 20px;
		transition:all 0.3s ease;
	}
    .on_mbl{display:block;}
    .crtHldr {width: 85%;}
	.banner{padding: 45px 0;}
	.banner h1{font-size:1.5rem;}
	.navbar-brand>img {height: 50px;padding: 0.30rem;}
	#carouselFade img {height: 35vh;}
	#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;}
		
}