


.category-sec .heading{float: left; width: 100%; background-color: #9b49a9; padding: 10px 30px; box-shadow: 0px 5px 12px -2px rgba(0,0,0,0.2); }
.category-sec .heading h1{font-size: 26px; color: #fff; font-family: 'Mont-600'; }
.category-banner{float: left; width: 100%; margin-bottom: 30px;}
.category-banner img{width: 100%;}
.category-sec .product-card{float: left; width: 100%; text-align: center; margin-bottom: 20px;}
.category-sec .product-card .prod-img{display: flex; justify-content: center;}
.category-sec .product-card .prod-img img {height: 200px; width: auto;}
.category-sec .product-card .prod-img .hvr-img{display: none;}
.category-sec .product-card:hover .hvr-img{display: block;}
.category-sec .product-card:hover .simp-img{display: none;}
.category-sec .product-card hr {width: 15%;opacity: 1;height: 3px;color: #9b4aa9;margin: auto;}
.category-sec .product-card h5{width: 100%;float: left; font-family: 'Mont-700'; font-size: 14px; color: #9b4aa9; margin-top: 15px;}
.category-sec .product-card .prod-card-btn{float: left; width: 100%; text-align: center; margin-top: 20px;}
.category-sec .product-card .prod-card-btn a{display: inline-block; background-color: #fff; border: 2px solid #9b4aa9; height: 50px; line-height: 49px; color: #9b4aa9; 
text-transform: uppercase; padding: 0px 30px; font-size: 14px;}
.category-sec .product-card .prod-card-btn a:hover{background-color: #9b4aa9; transition: .3s; color: #fff;}
.category-form{float: left; width: 100%; box-shadow: 0px 5px 12px -2px rgba(0,0,0,0.2); position: sticky; top: 92px;}
.category-form .form-head{float: left; width: 100%; background-color: #9b49a9; padding: 15px 0px; text-align: center;}
.category-form .form-head h3{font-size: 18px; font-family: 'Mont-600'; color: #fff; text-transform: uppercase;}
.category-form form{float: left; width: 100%; background-color: #fff; padding: 20px 15px;}
.category-form form input{width: 100%; border: 1px solid #9b49a9; font-size: 12px; height: 32px; line-height: 31px; margin-bottom: 20px; padding: 0px 5px; outline: none;}
.category-form form select{width: 100%; border: 1px solid #9b49a9; font-size: 12px; height: 32px; line-height: 31px; margin-bottom: 20px; padding: 0px 5px; outline: none;}
.category-form form::placeholder{font-size: 12px;}
.category-form form label{float: left; width: 100%; color: #66696b; margin-bottom: 5px; font-family: 'Mont-500'; font-size: 14px;}
.category-form form textarea{width: 100%; border: 1px solid #9b49a9; font-size: 12px; height: 60px; line-height: 30px; margin-bottom: 20px; padding: 0px 5px;  outline: none; resize: none;}
.category-form form .no-pad{padding-left: 3px; padding-right: 3px;}
.category-form form .submit-btn{float: left; width: 100%; text-align: center;}
.category-form form .submit-btn button{width: 100%; background-color: #9b49a9; height: 38px; line-height: 36px; outline: none; border: none; color: #fff; font-family: 'Mont-600'; border: 2px solid #9b49a9;}
.category-form form .submit-btn button:hover{background-color: #fff; color: #9b49a9; transition: .3s;}

@media only screen and (max-width: 991px) {
.category-sec .heading{padding: 10px 15px;}
.category-sec .heading h1{font-size: 20px;}
.category-sec .product-card h5{font-size: 16px;}
}



@media only screen and (max-width: 767px) {
.category-sec .heading{text-align: center;}
.category-banner{margin-bottom: 0px;}
.category-sec .heading h1{font-size: 18px;}

}


.feature-sec{background-color: #dba1e5; padding: 25px 0px; text-align: center; margin-top: 50px; margin-bottom: 60px;}
.feature-sec h2{font-size: 30px; font-family: 'Mont-600'; color: #000; margin-bottom: 10px;}
.feature-sec p{font-size: 14px; color: #333;}


@media only screen and (max-width: 991px) {
.feature-sec h2{font-size: 22px;}
}



@media only screen and (max-width: 767px) {
.feature-sec h2 {font-size: 18px;}
}



@media only screen and (max-width: 575px) {
.feature-sec {margin-top: 20px;margin-bottom: 30px;}
}



.offer-sec{overflow: hidden;}
.offer-sec .offer-txt{float: left; width: 100%; text-align: center; margin-bottom: 30px;}
.offer-sec .offer-txt h2{color: #9b4aa9; font-size: 20px; font-family: 'Mont-700'; margin-bottom: 10px;}
.offer-cont h2{color: #9b4aa9e3;font-size: 20px;font-weight: bold;font-family: 'Mont-600';margin-bottom: 20px;}
.offer-cont h2 strong{color: #9b4aa9;font-size: 20px;font-weight: bold;font-family: 'Mont-700';margin-bottom: 20px;}
.offer-cont h3 {color: #9b4aa9;font-size: 18px;font-weight: bold;margin-bottom: 20px;margin-top: 10px;}
.offer-cont h3 strong{color: #9b4aa9;font-size: 18px;font-weight: bold;margin-bottom: 20px;margin-top: 10px;font-family: 'Mont-700';}
.offer-sec .offer-txt p{font-size: 14px;}
.offer-sec .offer-slider{float: left; width: 100%;}
.offer-sec .offer-slider .offer-card{float: left; width: 100%; position: relative;}
.offer-sec .offer-slider .offer-card .card-shahdow{background-color: #eee; border-radius: 20px; box-shadow: 0 5px 12px -2px rgba(0, 0, 0, 0.20);}
.offer-sec .offer-slider .offer-card .price-tag {position: absolute; top: 10px; right: 20px; background-color: #fff; border-radius: 50%; padding: 10px; height: 65px;
width: 70px; text-align: center; line-height: 19px;}
.offer-sec .offer-slider .offer-card .price-tag small{font-size: 18px; font-family: 'Mont-700'; color:#9b4aa9;}
.offer-sec .offer-slider .offer-card .line{margin-top: 20px; float: left; width: 100%;}
.offer-sec .offer-slider .offer-card .line hr {width: 10%;margin: auto;background-color: #9b4aa9;height: 4px;opacity: 1;}
.offer-sec .offer-slider .offer-card .offer-title{float: left; width: 100%; text-align: center; padding: 0px 10px; margin-top: 10px;}
.offer-sec .offer-slider .offer-card .offer-title h5{color: #9b4aa9; font-size: 16px; font-family: 'Mont-700';}
.offer-sec .offer-slider .slick-slide{padding: 0px 10px;}
.offer-sec .offer-slider .slick-btn{top: 120px; position: absolute; background-color: #9b4aa9; width: 50px; height: 40px; z-index: 999; border: none; outline: none;} 
.offer-sec .offer-slider .slick-right {right: -70px;}
.offer-sec .offer-slider .slick-left {left: -70px;}
.offer-sec .offer-slider .slick-right i, .offer-sec .offer-slider .slick-left i{-webkit-text-stroke: 1px; color: #fff;}
.offer-cont{float: left; width: 100%; margin-top: 50px;}
.offer-cont h5{font-size: 30px; font-family: 'Mont-500'; color: #000; margin-bottom: 10px;}
.offer-cont p{color: #000; font-size: 16px;text-align: justify;}
.offer-cont ul{    margin-left: 26px;}
.offer-cont ul li{list-style: disc}
.offer-scroll {max-height: 200px; overflow-y: auto; padding-right: 20px; padding-left: 20px; box-sizing: border-box; word-wrap: break-word; white-space: normal; scrollbar-width: thin; scrollbar-color: #9d49ac transparent;}

@media only screen and (max-width: 1345px) {
.offer-sec .offer-slider .slick-right{right: 0;}
.offer-sec .offer-slider .slick-left{left: 0;}
}



@media only screen and (max-width: 991px) {
.offer-sec .offer-slider .offer-card .offer-title h5{font-size: 16px;}
}



@media only screen and (max-width: 767px) {
.offer-cont h5{font-size: 20px;}
}



@media only screen and (max-width: 575px) {
.offer-sec .offer-txt h2{font-size: 22px;}
}


