/* 
    Created on : 20 June, 2022   
    Created by : Rajendra Chandeliya
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,400&display=swap');

.vue-go-top__content { display: none; }

body { font-family: 'Poppins', sans-serif !important; font-size: 15px;}
h1, h2 { font-weight: 800; }
p {font-size: 14px;}
h1, h2, h3, h4, h5, div, p, h6, span { font-family: 'Poppins', sans-serif !important; }
.btn.btn-primary { background: #3ac1c1;border-color: #3ac1c1;border-radius: 5px !important; }
.btn { background: #3ac1c1;border-color: #3ac1c1; border-radius: 5px!important;}
.btn-primary { background: #3ac1c1;border-color: #3ac1c1; border-radius: 5px!important;}

img { max-width: 100%; }

.header .header-bottom .nav a {
    padding: 6px .3em 0 .5em !important;
}
.header .header-top div.left-content ul.logo-container li img {
	max-width: 152px;
	max-height: 76px;
	position: absolute;
	z-index: 1050;
	top: 5px;
}
section.slider-block div.slider-content ul.slider-images li.show .show-content{
display:block;
top:20%;
left:6%;
}
.header .header-bottom .nav > li:hover {
	background-color: #fff;
}
ol, ul{
padding-left:0 !important;
}

.main-container-wrapper .product-card .product-image {
	max-height: 278px;
	width: 100%;
	overflow: hidden;
	min-height: 278px;
}

.footer{
background:#F4f8fb;
}
.control-group .control {     border: 2px solid #e6e6e6;
    border-radius: 10px;height: 44px; }

.footer .footer-content .footer-list-container .list-container .list-heading {
	color: #444;
	font-weight: bold;
}
.footer .footer-content .footer-list-container .list-container .list-group a {
	color: #444;
	font-size: 14px;
}
.social-btns a {     padding: 7px;
    font-size: 20px;
    color: #000; }
.social-btns a:hover { color: #3ac1c1; }

section.product-detail div.layouter .form-container .details .product-heading {
	font-weight: bold;
}

.header {
	margin-top: 25px;
	margin-bottom: 25px;
}

.item-image svg {
        width: 150px !important;
        height:150px !important;
    }

.vue-go-top {
	width: 40px !important; 
	height: 40px !important;
	background-color: #333 !important;        
}
.header .header-bottom .nav a {
    padding: 5px 15px !important;
}
.header .header-bottom .nav ul { border: 0 !important;box-shadow: 0 8px 30px rgb(129 148 185 / 20%);border-radius: 15px; padding: 15px 0; } 
.header .header-bottom .nav li li a { font-size: 14px;  padding: 10px 20px !important; }
.header .header-bottom .nav > li:hover { background-color: transparent; }

.choose-bg { text-align: center; padding-bottom: 50px;}
.top-text p { margin-bottom: 40px; }
.Choose-card { padding: 40px;border-radius: 15px; }
.Choose-card h3 { font-weight: 600;font-size: 18px;margin-top: 15px; }
.Choose-card p { font-size: 16px; }
.Choose-card img { max-width: 80px;margin: 0 auto;}
.Choose-card:hover { background: #fff;box-shadow: 0 8px 30px rgb(129 148 185 / 20%); }

.custom-box {  display: flex;}
.custom-box-imag { width: 50%; }
.custom-text { width: 50%; }

.popular-pro { text-align: center;padding: 0 0 70px 0; }
.popular-pro h2 { margin-bottom: 50px; }
.popular-box h4{ font-size: 18px; font-weight: 600;margin-bottom: 30px; }
.popular-box img{ padding: 30px; }
.popular-box {
    padding: 40px;
    border-radius: 15px;
}
.product-img { min-height: 290px; }
.popular-box.light {
    background: #e2fefb;
}
.popular-box.light-green {
    background: #eef7ff;
}
.popular-box.light-yellow {
    background: #f6f2ec;
}

.how-it-work {  background: #90eaea;  padding: 70px 40px 0;margin-bottom: 40px;text-align: center;border-radius: 15px;}
.how-it-work h2 { color: #000;}
.how-it-work p {margin-bottom: 40px;  }
.how-it-box h3 { font-size: 18px;font-weight: 600;margin: 40px 0 20px;color: #000; }

.request-quote { padding: 50px 0; }
.request-quote-img img { max-width: 300px; }
.btn { padding: 6px 20px!important;font-size: 16px !important;}
.request-quote-deflx { display: flex;align-items: center; }
.footer .footer-content .footer-list-container .list-container .list-group li { text-transform: capitalize !important; }
.request-quote-left { flex: 1; }



.icon-search, .account-icon, .cart-icon, .icon-menu, .icon-menu-close, .icon-menu-back  {
		width: 20px !important;
		height: 20px !important;
	}

.reviews-container .card { border-radius: 15px;padding: 30px 15px !important; }
.reviews-container .card .user-content p { color: #777; }
.reviews-container .card .ratings { color: #eeab1d; }
.reviews-container .card .user-content p.mb-1 { margin-top: 30px;color: #000; }
.reviews-container .card .user-content .remove-decoration { color: #3ac1c1; }
.footer-content .list-container p.mt-4 { max-width: 260px; }
.footer-content .social-btns { margin-top: 50px; }
 { box-shadow: 0 8px 30px rgb(129 148 185 / 20%); }



/*About us*/

.about-us-top { padding: 70px 0;text-align: center; }
.about-us-inner { padding: 70px 0;}
.about-us-inner h3 { font-size: 16px; font-weight: 600; margin-bottom: 15px;color: #777;}
.about-us-inner h2 { color: #2d2e83; margin-bottom: 40px;}
.about-sub-text h3 { font-size: 18px; font-weight: 600; color: #2d2e83;margin-bottom: 15px; }
.about-sub-text p { line-height: 30px;color: #636b9c; }
.about-us-inner-sub .row { align-items: flex-start; }
.about-line { height: 2px; width: 60%; background: #2d2e83; margin-top: 10px;}
.about-bottom { padding: 70px 0; text-align: center; }
.about-bottom p {margin: 10px auto 30px; max-width: 750px;color: #636b9c; }
.about-bottom h2 {margin-bottom: 30px;}
.footer-bottom { border-top: 2px solid #dddde1;margin-top: 0 !important; }
.footer-content { max-width: 1320px;margin: 0 auto; }
.footer { padding: 0 !important; }

/*contact us*/

.contact-form { display: flex;padding: 50px 0; }
.left-contact-bg { background: #2d2e82;padding: 90px 40px; width: 40%;margin-top: -100px; }
.right-contact { width: 60%;padding-left: 90px; }
.left-contact-bg h2 { color: #fff; margin-bottom: 60px; }
.left-contact-bg h4 { color: #fff; margin-bottom: 10px; }
.mail-contct a { color: #999 !important; }
.mail-contct { margin-bottom: 90px; }
.social-btns-cont a { padding: 10px;font-size: 22px;color: #fff !important; }
.social-btns-cont a:first-child { padding-left: 0px; }
.contact-heading h3 { color: #2d2e82;margin-bottom: 20px; }
.right-contact .form-control { color: #777;
    border-color: #eee;
    background-color: #fff;
    border-radius: 0;
    height: 50px; }
.right-contact .form-group { margin-bottom: 20px; }    
.right-contact .btn {     width: 100%;
    padding: 15px !important;}    
.right-contact .form-group label { margin-bottom: 5px; } 

textarea.form-control { height: 95px !important; } 


/*Privacy Policy*/

.privacy-page {
    background: #fff;
    padding: 50px;
    border-radius: 20px;
    margin: 30px 0;box-shadow: 0 8px 30px rgb(129 148 185 / 20%);
}
.privacy-page h2 { margin: 20px 0; }
.privacy-page h3 { margin: 20px 0; font-size: 18px; font-weight: 600;}
.privacy-page p { color: #777;}
.privacy-page ul li p { color: #222;margin: 0;}
.privacy-page ul li { padding: 10px 0;position: relative;}
.privacy-page ul li:before { position: absolute;content: "";top: 20px;left: -30px;width: 10px;height: 2px;background: #222;}
.privacy-page ul { padding-left: 50px!important;}


/*Product Page design */

.product-page-design { display: block; }
.product-customizer-button	 { justify-content: right;margin: 10px 0; }
section.product-detail div.layouter .form-container div.product-image-group div .product-hero-image {border-radius: 10px; overflow: hidden;}
section.product-detail div.layouter .form-container div.product-image-group div .thumb-list .thumb-frame { border-radius: 5px; }
section.product-detail div.layouter .form-container div.product-image-group div .thumb-list { margin-right: 20px; }
.full-description {font-size: 14px; color: #666;line-height: 28px;}
.zoomWindow { border: 1px solid #ddd !important; border-radius: 10px;width: 500px!important; height: 500px !important;margin-left: 20px; }
.product-right-text { margin-left: 30px; }
.product-detail { position: relative;padding-top: 40px; }
.product-detail:before { position: absolute; top: 10px; width: 120%; height: 1px;content: "";background: #ddd;left: -10%;right: 0; }
.star-icon { background-color: #eeab1d;
-webkit-mask-size: cover;
mask-size: cover;background-image: none;
-webkit-mask: url(../images/Star-Icon.svg) no-repeat 50% 50%;
mask: url(../images/Star-Icon.svg) no-repeat 50% 50%;
  mask-size: auto;
 }
.rating-reviews .rating-header { padding: 15px 20px;
background: #fff5dc;
border-radius: 7px;
font-size: 20px;
font-weight: 600;
margin-bottom: 15px; }
.rating-reviews .overall .review-info .total-reviews {
  margin-top: 0;
  font-size: 13px;
  color: #666;
}
.rating-reviews .overall .review-info .number { font-weight: 600; } 
.rating-reviews .reviews .review .message { margin-bottom: 0;font-size: 13px; }
.rating-reviews .reviews .review .reviewer-details {
  color: #666;
  font-size: 12px;
}
.rating-reviews .reviews .review {
  margin-bottom: 15px;
  border-bottom: 1px dashed #cfcfcf;
  padding-bottom: 15px;
}
.rating-reviews .reviews .review .stars { margin-bottom: 5px; }
.rating-reviews .reviews { margin-top: 20px; }
.bullets-flex {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  color: #2f2f2f;
}
.bullets_bullet { display: flex;max-width: 300px; }
.bullets__right-col {
    -webkit-flex: 1 1;
    flex: 1 1;
    width: 100%;
}
.bullets_bullet .review-info .stars{ display: block; }
.bullets_bullet .review-info .stars .star-icon{ width: 18px; height: 18px; }
.bullets_bullet .review-info {  min-width: 100px;text-align: center;margin-right: 20px;}
.bullets_bullet .review-info .number {font-size: 24px;font-weight: 600; color: #eeab1d;}
.bullets_left-col {  min-width: 90px;}
.bullets_right-col h4 { font-size: 14px; font-weight: 600;}
.bullets_right-col p { font-size: 13px; font-weight: 100;}
.product-page-bullets {
  padding: 50px 0 30px;
  border-top: 1px solid #ddd;
  margin-top: 40px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
}
.rating-reviews .reviews .view-all { border: 1px solid #3ac1c1;padding: 7px 15px;border-radius: 5px;position: relative;top: 10px;
color: #3ac1c1; }


.product-custom-template { overflow: hidden; }
.product-custom-template .product-customizer {
  position: fixed !important;
  top: 0px !important;
  left: 0;
  right: 0;
  width: 100%;
  padding: 0 20px;
  height: 100vh !important;
}
.template-left h4{font-size: 20px; font-weight: 600;margin: 20px 0;  }
.template-left ul li{padding: 10px; border-radius: 5px;border: 1px solid #ddd;margin: 5px 0; cursor: pointer; }

.template-middle {
  height: 100vh;
  display: flex;position: relative;
  
  align-items: center;background: #f4f8fb;
}
.template-left ul { max-height: 90vh;overflow: auto; }
.template-right .details { width: 100% !important; }

.tem-custom-btn {
  background: transparent;
  border: none;
  box-shadow: none;
  margin: 10px;
  font-size: 14px;
  color: #30306b;
}
.tem-custom-btn span { display: block; }
.template-set {
  position: absolute;
  right: 0;
  top: 10%;
  bottom: 0;text-align: center;
}
.template-img {
  border-radius: 4px;
  border: 1px solid #ddd;box-shadow: 0 8px 15px rgba(129, 148, 185, 0.3);
}

.image-builder .image-builder-container.row{ align-items: start; }
.template-right { margin-top: 60px; }
.template-right .form-group label { display: block; }

.file-custom:before {
    position: absolute;
    top: -0.075rem;
    right: -0.075rem;
    bottom: -0.075rem;
    z-index: 6;
    display: block;
    content: "Browse";
    height: 2.5rem;
    padding: 0.5rem 1rem;
    line-height: 1.5;
    color: #555;
    background-color: #eee;
    border: 0.075rem solid #ddd;
    border-radius: 0 0.25rem 0.25rem 0;
}
.file-custom:after {
    content: "Choose file...";
}
.file {
    position: relative;
    display: inline-block;
    cursor: pointer;margin-bottom: 15px;
    height: 2.5rem;
}
.file-custom {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    height: 2.5rem;
    padding: 0.5rem 1rem;
    line-height: 1.5;
    color: #555;
    background-color: #fff;
    border: 0.075rem solid #ddd;
    border-radius: 0.25rem;
    box-shadow: inset 0 0.2rem 0.4rem rgb(0 0 0 / 5%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.file input {
    min-width: 14rem;
    margin: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}
.file-custom:after {
    content: "Choose file...";
}
.text-s { font-size: 14px; font-weight: 500;margin-bottom: 7px; }

.bag-st {
  border-radius: 4px !important;
  height: 36px;
  width: 90px;
  background: transparent;
  border: 1px dashed #b0b0b0;
  padding: 2px;
}
.close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  border: 3px solid #000;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;cursor: pointer;
}	

.dropdown-content .item-image svg {
    width: 100% !important;
    height: 100% !important;
}
.dropdown-content .item-details { margin-left: 15px; }
.dropdown-content .item-details .item-name a { color: #000; }
.dropdown-content .item-details .item-remove a { color: red; }


section.cart { position: relative; padding-top: 30px;}
section.cart .title { font-weight: 600;}
section.cart:before {
    position: absolute;
    top: 10px;
    width: 120%;
    height: 1px;
    content: "";
    background: #ddd;
    left: -10%;
    right: 0;
}
section.cart .cart-content .left-side {     padding: 20px; border: 1px solid #ddd;border-radius: 5px; }
.cart-item-list .item { margin-top: 20px !important	;border-radius: 5px;background: #f4f8fb;border: 0; }
.cart-item-list .item svg {height: 100% !important; }
.cart-item-list .item .item-image {
    margin-right: 30px !important;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 5px;
    display: flex;
    align-items: center;
}
.cart-item-list .item .item-details .misc .remove a { color: red; }
section.cart .cart-content .right-side {
    width: 26%;
    display: inline-block;
    margin-left: 30px;
    background: #fff;
    padding: 20px 15px;
    border-radius: 5px;box-shadow: 0 8px 30px rgb(125 126 129 / 21%);
}
section.cart .cart-content .right-side .order-summary h3 { font-weight: 600; }
.cart-item-list .item:hover { box-shadow: 0 8px 30px rgb(125 126 129 / 21%);background: #fff; }
a.link.continue-shopping-st {
    color: #000;
    padding: 7px 15px;
    border-radius: 5px;
    border: 1px solid #ddd;
}

.remove-btn { color: red;
    padding: 7px 15px;
    border-radius: 5px;
    border: 1px solid red;background: #fff; }

/*checkout-process    */
.checkout-process .control-group { display: inline-block !important;width: 48%; }
.template-img { width: auto;overflow: auto; margin-left: 5%;}
.checkout-process .control-group .control { width: 95%; padding-left: 10px;}
.checkout-process .col-right { width: 40%; }
.checkout-process .col-right .order-summary {     background: #fff;
    padding: 20px 15px;
    border-radius: 5px;
    box-shadow: 0 8px 30px rgb(125 126 129 / 21%); }
.checkout-process .col-main {
    margin-right: 0;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 5px;
}    






@media only screen and (max-width: 991px) {
	section.cart .cart-content .left-side { width: 100%; }
	section.cart .cart-content .right-side { width: 100%;margin-left: 0;margin-top: 20px; }
	section.cart .cart-content .left-side .misc-controls { position: unset !important;margin-top: 20px; }
	.dropdown-list { z-index: 99999 !important; }
	.bullets_left-col { min-width: 120px;text-align: center;}
		.template-left ul li { min-width: 120px;margin: 5px; }
		.template-left ul { display: flex;max-width: 100%;height: unset; }
		.product-custom-template .product-customizer { overflow: auto; }
		.template-middle { height: unset; }
		.template-right { max-height: unset !important; }

}
@media only screen and (max-width: 767px) {
	section.cart .title {
    font-size: 18px;
}
.template-img { width: 100%; margin-left: auto;}
.btn { font-size: 14px !important; }
.cart-item-list .item .item-details .item-title { font-size: 18px; }
.cart-item-list .item .item-details .price { font-size: 15px; }
.cart-item-list .item svg { width: 110px !important; }
	h2 { font-size: 20px; }
	.product-img { min-height: unset;     max-width: 250px;
    margin: 0 auto;}
	.show-content { display: none !important; }
	.Choose-card { padding: 0; }
	.Choose-card p { display: none; }
	.Choose-card h3 { font-size: 15px; }
	.right-content-menu{
		margin-bottom: 5px;
	}
	.popular-box h4 { margin-bottom: 0; }
	.popular-box { margin-bottom: 30px; }
	.slider-control { display: none !important; }
	.popular-pro { padding: 0 0 0; }

	.right-content-menu .dropdown-toggle::after {
		display: none;
	}
	.header .header-top div.left-content ul.logo-container li img {
		max-width: 90px;
	}

	#header-bottom .nav{
		 position: absolute;
		 width: 100%;
		 z-index: 9999;
		 background: #fff;
		 left: 0;top: 78px;
		 border-top: 2px solid #ccc;
		 padding: 15px !important;
		}

		.header .header-bottom .nav li li a {
			font-size: 15px;
			margin-left: 25px;
		}
		.featured-grid-custom {
			display: block !important;
			width: 100% !important;
		}
		.featured-grid-custom .product-card {
			height:auto !important;
		}
		.featured-grid-custom .product-card:hover{
			padding:15px !important;
			box-shadow: none !important;
		}
		.slider-content p {
			margin: 10px !important;
		}


		/*contact*/
		.contact-form { display: block; }
		.left-contact-bg {     padding: 40px 30px; width: 100%; }
		.right-contact {  width: 100%; padding-left: 0; margin-top: 30px;}
		.left-contact-bg h4 { font-size: 16px; }
		.mail-contct { margin-bottom: 30px;}

		/*product page*/

		.bullets-flex { display: block; }
		.bullets_bullet { max-width: 100%; }
		.bullets_left-col { min-width: 120px;text-align: center;}
		.template-left ul li { min-width: 120px;margin: 5px; }
		.template-left ul { display: flex;max-width: 100%;height: unset; }
		.product-custom-template .product-customizer { overflow: auto; }
		.template-middle { height: unset; }
		.template-right { max-height: unset !important; }
		/*.template-img .canvas-container { width: 100% !important; }
		.template-img .canvas-container canvas { width: 100% !important; }*/
		.template-middle { display: unset; }
		.template-set { position: unset;    display: flex; margin-top: 10px; }
		.tem-custom-btn { margin: 10px 0 0; }
		section.product-detail div.layouter .form-container .details .attributes { border-bottom: 0; }
		.template-right { margin-top: 30px; border-top: 2px solid #ddd; padding-top: 30px;}
		.template-img { overflow: auto; }
		section.cart:before { width: 110%; }
		section.cart .cart-content .left-side .misc-controls .btn { padding: 6px 10px!important; font-size: 14px !important;}

}