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

/* .container {max-width: 1535px;} */
.theme-color {color: #700064 !important;}
.theme-button {background-color: #545454; border: none; border-radius: 12px; font-weight: bold; padding: 10px 32px;}
.theme-button-2 {background-color: #700064; border: none; border-radius: 12px; font-weight: bold; padding: 12px 35px; color: #FFFFFF;}
input[type=text],input[type=email],input[type=number],input[type=date],input[type=clock],textarea {border: solid 1px #700064 !important;}
a {color: #000000;}
a:hover {color: #000000; text-decoration: none;}

.logo {font-size: 40px; color: #700064; font-weight: bold; font-family: Inter;}
.logo:hover {font-size: 40px; color: #700064; font-weight: bold; font-family: Inter;}
.slogan {color: #700064; font-weight: 600; font-family: Poppins;}

.header-contact li {list-style: none; line-height: 50px; float: right; margin: 0px 15px 0px 0px;}
.header-contact li a {color: #700064 !important; font-family: Poppins; font-weight: 600;}
/* .header-contact li:nth-child(3) {background-image: url(images/header-envelope.png); background-repeat: no-repeat; background-position: center; background-size: 27px; margin-top: 2px; width: 25px; height: 50px;} */
/* .header-contact li:nth-child(4) {background-image: url(images/header-phone.png); background-repeat: no-repeat; background-position: left center; background-size: 21px; padding: 0px 10px 0px 28px; font-size: 20px; border-right: 2px solid #6D0D5A;} */
.header-button {border: 2.02632px solid #6D0D5A; border-radius: 6.38905px; padding: 4px 8px; font-size: 10px; font-weight: bold}
.header-contact li select {border: solid 2.02632px #700064; padding: 3px 6px; border-radius: 6.38905px; margin-top: 13px; font-size: 12px;}
.header-search {border: solid 1px #DDDDDD; border-radius: 10px; max-width: 40px;}

.fixed-phone {width: 50px; height: 50px; background-color: #6D0D5A; position: fixed; right: 0px; top: 100px; z-index: 9999;}
.fixed-phone {width: 50px; height: 50px; line-height: 50px;}
.fixed-phone-detail {width: 290px; height: 350px; background-color: #FFFFFF; position: fixed; right: -400px; top: 100px; padding: 10px;}
.fixed-phone-detail p {line-height: 30px !important;}

.search input {width: 270px !important;}
.search-icon{width: 42px; height: 42px; }
.search-icon:hover {background-color: #700064; color:white; width: 42px; height: 42px; border-radius: 100%; text-align: center; color: #FFF !important;}
.search-icon-hover {background-color: #700064; width: 42px; height: 42px; border-radius: 100%; text-align: center; color: #FFF !important;}
.search {position: absolute; bottom: -58px; right: 10%; padding: 10px 13px; background-color: rgba(0,0,0,0.6); display: none; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}

.navbar .active a {color: #700064 !important;}
.navbar .nav-item {margin: 0px 0px;}
.navbar .nav-item a {text-transform: uppercase;}
/* .navbar .nav-link {font-size: 16px; color: #545454; font-weight: 600; font-family: Montserrat;} */
.navbar .nav-link {
	line-height: 22px;
	/*padding: 5px;
  color: #444;
  font-weight: 700;
  font-size: 0.8125rem;
  text-transform: uppercase;
  font-family: Arial, Helvetica, 'Poppins', sans-serif;*/
	color: #455057;
	font-size: 14px;
	font-weight: 600;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 8px 8px 0 0;
}
  .navbar .nav-link:hover {color: #6D0D5A !important;}
.navbar .title {font-size: 20px; color: #6D0D5A; font-weight: 700; font-family: Inter; line-height: 35px;}
.navbar .link {line-height: 45px;}
.navbar .link:hover {background-image: url(images/menu-hover.png); background-repeat: no-repeat; background-position: right center; }
.navbar .link a {font-size: 14px; color: #545454 !important; font-weight: 500; font-family: Inter; padding-left: 22px; background-repeat: no-repeat; background-position: left center; background-size: 15px;}
.navbar .link a:hover {color: #6D0D5A !important;}

/*
  TOP BAR
*/
.top-bar {background-color: #700064; min-height: 44px;}
.top-bar ul {padding: 0px; margin: 0px;}
.top-bar ul.first-ul li {float: left; list-style: none; line-height: 44px; position: relative;}
.top-bar ul.first-ul li:hover {color: #700064; background-color: #FFFFFF;}
.top-bar ul.first-ul li:hover a {color: #700064;}
/*.top-bar ul.first-ul li:last-child a{border-right: none;}*/
.top-bar ul.first-ul li a {color: #FFFFFF; display: block; padding: 0px 14px; border-right: solid 1px #FFFFFF}
.top-bar ul.first-ul li ul {background-color: #FFFFFF !important; clear: both !important; display: none; position: absolute; top: 0px; z-index: 9999 !important;}
.top-bar ul.first-ul li ul li {float: none; margin: 0px;}
.top-bar ul.first-ul li ul li a {color: #700064; display: block}
.top-bar ul.first-ul li ul li a:hover {background-color: #EEEEEE;}
.top-bar ul.first-ul li:hover ul {display: block; top: 44px;}
.top-bar ul.second-ul li {float: right; list-style: none;line-height: 44px;}
.top-bar ul.second-ul li a {color: #FFFFFF !important;  padding: 0px 14px; border-left: solid 1px #FFFFFF; display: block;}
/*.top-bar ul.second-ul li:last-child a{ border-left: none;}*/
/* .top-bar ul.second-ul li a span{display: none;} */
.top-bar ul.second-ul li * {line-height: 44px !important;}


/* .navbar .cat {background-color: #F5F4F2; box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 0px 37.7665px 0px 0px;} */
.navbar .link2 {
	padding-left: 40px;
	/*border-right: solid 1px #6D0D5A;*/
}
/*.navbar .link2:nth-child(3n+1) {border-right: solid 1px #6D0D5A;}*/ 
/*.navbar .link2:nth-child(3n+3) {border-right: none;}*/ 

.navbar .link2 a {font-size: 13px; color: #333 !important; font-weight: 500; font-family: Inter; line-height: 45px;}
.navbar .link2 a:hover {color: #6D0D5A !important;}
.link2 {float: left; width: 32%;}

.carousel-caption {bottom: 20%;}
.carousel-caption h2 {font-family: Poppins;}

.carousel-caption a {background-color: #545454; border: none; border-radius: 12px; font-weight: bold}

.home-about {border: 25px solid; border-bottom: none; border-image: linear-gradient(45deg, #FFFFFF, #FFF) 1;}
.home-section-1 {min-height: 400px; background-image: url(images/bg-1.png); background-repeat: no-repeat; background-size: cover; background-position: center;}

.home-news {font-size: 40px; font-weight: 700; font-family: Poppins;}
.home-news-box {border-radius: 10px; border-right: solid 4px #CCCCCC; border-bottom: solid 4px #CCCCCC;}
.home-new-text {background-color: #F4F4F4;}
.home-news-box .img {min-height: 170px; max-height: 170px;}
.home-news-box img {border-radius: 10px;}
.home-news-title-2 {font-size: 18px; font-weight: 700; min-height: 75px; max-height: 75px; display: block; font-family: Poppins; text-transform: capitalize;line-height:20px}
.home-news-text-2 {font-size: 13px; font-weight: 400;  min-height: 100px; max-height: 100px; display: block; font-family: Poppins; text-transform: capitalize;}

.home-brands h1 {max-width: 680px; font-size: 36px; font-weight: 700; font-family: Poppins; border-bottom: 6.76892px solid #6D0D5A;}
.home-brands .brand {-webkit-box-shadow: 5px 5px 10px 0px rgba(170,170,170,1); -moz-box-shadow: 5px 5px 10px 0px rgba(170,170,170,1); box-shadow: 5px 5px 10px 0px rgba(170,170,170,1); filter: grayscale(100%);}
.home-brands .brand:hover {filter: grayscale(0%);}

.home-subscription {min-height: 274px; background-image: url(images/bg-2.png); background-repeat: no-repeat; background-size: cover; background-position: center;}
.home-subscription .box {background: #700064; border-radius: 30px; margin: 50px 0px; padding: 15px}
.home-subscription input[type=text] {height: 52px; border-radius: 10px;}
.home-subscription button {height: 50px;}

.footer-divider {height: 27px; background-color: #700064; background-image: url(images/footer-1.png); background-repeat: no-repeat; background-size: 58px; background-position: center;}
.footer {background-color: #E3E3E3; min-height: 300px; padding: 30px 0px;}
.footer-title {font-size: 20px; font-weight: 400; font-family: Poppins; color: #050505; width: 100%; padding-bottom: 10px; padding-top: 20px; border-bottom: solid 3px #050505;}
.footer ul {margin: 0px; padding: 0px;}
.footer ul li {list-style: none;}
.footer ul li a {font-size: 14px; font-weight: 400; color: #050505;}

.footer-social {background-color: #700064; min-height: 50px;}
.footer-social ul {margin: 0px; padding: 0px; text-align: center}
.footer-social ul li {list-style: none; line-height: 45px; margin: 0px 20px; display: inline-block;}
.footer-social ul li img {height: 30px;}

.footer-copyright {min-height: 35px; background-color: #E3E3E3; line-height: 35px;}
.footer-copyright a {color: #050505;}

.owl-prev {outline: none !important;}
.owl-next {outline: none !important;}
.owl-dots {padding-top : 15px}
/* .owl-prev *{outline: none !important; backgnt;} */

/* .navbar {background-image: url(images/menu-bg.png); background-repeat: repeat-x; background-position: center;} */
.navbar .megamenu{padding: 1rem;}
.dropdown-menu {border: none !important;}
@media all and (min-width: 992px) {
  .navbar .has-megamenu{position:static!important;}
  .navbar .megamenu{left:0; right:0; width:100%; margin-top:-3px;  }
}	

@media(max-width: 991px){
  .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{overflow-y: auto; max-height: 90vh; margin-top:10px;}
}

.owl-prev {width: 15px; height: 100px; position: absolute; bottom: 0px; left: 44%!important;}
.owl-next {width: 15px; height: 100px; position: absolute; bottom: 0px; right: 44%!important;}

@media only screen and (min-width: 500px) {
	.owl-prev {
		left: 48% !important;
	}

	.owl-next {
		right: 48% !important;
	}
}
@media only screen and (max-width: 1120px) {
	.owl-prev {
		left: 45% !important;
	}

	.owl-next {
		right: 45% !important;
	}
}

@media only screen and (max-width: 470px) {
	.owl-prev {
		left: 44% !important;
	}

	.owl-next {
		right: 44% !important;
	}
}


.page-header {max-height: 258px; min-height: 258px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.page-header h1 {font-size: 40px; line-height: 258px;}

/** PRODUCT */
.products {background: #F3F5F6; border-radius: 8px; font-weight: 700; font-size: 18px;}
/* .product-item img {width: 250px; height: 250px;} */
.product-item {position: relative; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15); border-radius: 5px;}
.product-item .card-title {min-height: 55px;} 
.product-item .card-title, .product-item .card-text  {font-size: 14px !important; font-weight: 600; font-family: Inter;} 
.product-item .hover {background-color: rgba(255,255,255,0.8); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: none; text-align: center;}
.product-item:hover .hover{display: block;} 
.hover .card-title {margin-top: 120px;}
.product-item-button {background-color: #D9D9D9; padding: 9px 8px; font-size: 12px; color: #000000; border-radius: 3px;} 
.product-item-button:hover {color: #000000;} 
.pagination li {margin: 0px 3px; text-align: center;}
.pagination li a {color: #455057; font-size: 15px; font-weight: 600; font-family: Inter; width: 38px; height: 38px; line-height: 38px; display: inline-block;}
.pagination li a:hover {background: #772E68; border-radius: 19px; color: #FFFFFF;}
.pagination li a.active {background: #772E68; border-radius: 19px; color: #FFFFFF;}
.product-sidebar {background: #F4F4F4; border-radius: 10.1455px;}
.product-sidebar li {list-style: none;}
.product-sidebar li a {font-weight: 700; font-size: 16px; padding: 10px 0px; color: #343E5C; border-bottom: solid 1px #CCCCCC; display: block;}
.product-sidebar li a.active {color: #000000;}
.product-sidebar li a:hover {color: #000000;}
.product-sidebar li ul {margin: 0px; padding: 0px;}
.product-sidebar li ul a {font-weight: 500; font-size: 16px; padding: 8px 0px; color: #455057; display: block;}
.product-tab a {background: #FFFFFF; border-radius: 12px; border: 1px solid #DDDDDD; font-weight: 400;}
.product-tab a.active {border: none; background-color: #F3F5F6; font-weight: bold;}
.product-menu input {accent-color: #700064; width: 17px; height: 17px;}


/* MOBILE NAV */
.mobile-nav ul {padding: 0px; margin: 0px;}
.mobile-nav ul li {line-height: 25x; background-color: #EEEEEE; border-bottom: solid 1px #CCCCCC; padding: 10px; border-radius: 5px; margin-bottom: 5px; list-style: none} 
.mobile-nav ul li a {color: #700064; font-weight: bold; padding-left: 10px; display: block; font-size: 18px;}

.mobile-nav ul li ul {margin-left: 10px; margin-top: 10px; display: none;}
.mobile-nav ul li ul li {background-color: #FFFFFF; border-bottom: none; line-height: 20px;}

/** PRODUCT DETAIL */
.product-page-header {max-height: 344px; min-height: 344px;  background-repeat: no-repeat; background-position: center; background-size: cover;}
.product-page-header  h1 {font-size: 40px; line-height: 344px;}
.product-header span, h1.MainTitle {font-size: 22px; color: #772E68;  font-weight:bold}
.product-header ul {float: left;}
.product-header ul li {font-size: 19px; color: #772E68; list-style: none;}
.product-header ul.key {width: 25%;}
.product-header ul.key li {font-weight: 700;}
.product-header ul.val {width: 75%;}
.product-header ul.val li {font-weight: bold; color:black }
.product-properties li {
	background-image: url(images/product-check.png); 
	background-position: left center; 
	background-repeat: no-repeat; 
	background-size: 30px; 
	padding-left: 43px; 
	color: black ; 
	font-size: 20px; 
	/*font-weight: bold;*/
	margin-bottom: 20px; 
	list-style: none;}
.product-offer-btn {background-image: url(images/envelope.png); background-position: 20px center; background-repeat: no-repeat; background-size: 22px; padding-left: 43px; background-color: #6D0D5A; border-radius: 23px; padding: 12px 31px 12px 52px; color: #FFFFFF; font-weight: 600; font-size: 12px;}
.product-offer-btn:hover {color: #FFFFFF;}
.product-doc { background-color: #DDDDDD;}
.product-doc a:hover {text-decoration: none;}
.product-doc span {font-size: 15px; font-weight: 500; color: #333333;}
.product-doc img.down {width: 24px;}
.similar-product a:hover {text-decoration: none;}
.similar-product h2 {font-size: 30px; font-weight: 700; color: #772E68; font-family: Inter;}
.similar-product .item {background: linear-gradient(180deg, #FFFFFF 12.19%, #FFFFFF 50%, #FFFFFF 89.9%); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15); border-radius: 5px;}
.similar-product h3 {font-weight: 600; font-size: 18px; font-family: Inter;}
.img-change {cursor: pointer; opacity: 0.7;}
.img-change:hover {opacity: 1;}


.catalog-sidebar {background: #F4F4F4; border-radius: 10.1455px;}
.catalog-sidebar li {list-style: none;}
.catalog-sidebar li a {font-weight: 700; font-size: 16px; padding: 10px 0px; color: #343E5C; border-bottom: solid 1px #CCCCCC; display: block;}
.catalog-sidebar li a.active {color: #000000;}
.catalog-sidebar li a:hover {color: #000000;}




.page-sidebar {background: #F4F4F4; border-radius: 10.1455px;}
.page-sidebar li {list-style: none;}
.page-sidebar li a {font-weight: 700; font-size: 16px; padding: 10px 0px; color: #343E5C; border-bottom: solid 1px #CCCCCC; display: block;}
.page-sidebar li a.active {color: #700064;}
.page-sidebar li a:hover {color: #000000;}
.page-content h4 {color: #343E5C; /*margin-top: 30px;*/ font-size: 25px;}
.page-content li {line-height: 40px; color: #343E5C;}
.page-title {font-weight: 500;}
.history .box {background: #FFFFFF; border: 1.85208px solid #EEF1F3; border-radius: 3.70417px; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.55));}
.history span {font-weight: 300; font-size: 13.3132px; color: #495057; display: block}
.history h4 {font-weight: 700; font-size: 27.7358px; color: #212529;}
.history p {font-weight: 300; font-size: 13.3132px;}

.brand-product {background: linear-gradient(180deg, #FFFFFF 12.19%, #FFFFFF 50%, #FFFFFF 89.9%); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15); border-radius: 5px;}
.brand-info-btn {background-image: url(images/envelope.png); background-position: 20px center; background-repeat: no-repeat; background-size: 26px; padding-left: 43px; background-color: #6D0D5A; border-radius: 23px; padding: 12px 31px 12px 52px; color: #FFFFFF; font-weight: 600; font-size: 20px;}
.brand-info-btn:hover {color: #FFFFFF;}

.article-input {border: solid 2.02632px #700064; border-radius: 6.38905px; height: 40px !important;}
.article { filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.55));}
.article-tag {position: absolute; z-index: 9; top: 20px; right: 20px; background-color: rgba(0,0,0,0.7); border-radius: 5px; color: #FFFFFF; padding: 6px 10px; font-size: 14px;}
.article-similar {background: #EEF1F3; border-radius: 5px;}
.article-similar .date {color: #6C757D}
.article-similar .title {font-size: 16px; font-family: Poppins; color: #212529; min-height: 40px; max-height: 40px;}
.article-similar .desc {font-size: 16px; font-family: Poppins; color: #6C757D; min-height: 120px; max-height: 120px;}
.article-similar .category {font-size: 16px; font-family: Poppins; color: #6C757D;}
.article-text {color: #1C1A17; line-height: 30px; font-family: Poppins;}
.article-text p {margin-bottom: 38px;}
.career-block {border-bottom: solid 1px #343E5C;}

.hover-underline-animation {
  display: inline-block;
  position: relative;
  color: #495057;
}

.hover-underline-animation::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #495057;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.hover-underline-animation:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}