body{background-color:#ffffff;font-family:"Roboto",sans-serif;font-weight:400;color:#000;font-size:14px;line-height:27px;position:relative;}
body img{max-width:100%;}
a,a:hover{text-decoration:none}
.img{width:100%;text-align:center;position:relative;overflow:hidden;height:auto;}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:5px;}
p{margin-bottom:0;}
img.alignnone{width:auto;}
img.alignright{float:right;margin:0 0 1em 1em;width:auto}
img.alignleft{float:left;margin:0 1em 1em 0;width:auto;}
img.aligncenter{display:block;margin-left:auto;margin-right:auto;height:auto}
a img.alignright{float:right;margin:0 0 1em 1em;width:auto}
a img.alignleft{float:left;margin:0 1em 1em 0;width:auto}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto;height:auto}

/*---- header----*/
header{padding:5px 0;}
.header__name h1{font-weight:600;color:#1e82c3;font-size:26px;}
.header__name h1 span {
	color:#f90808;
	font-size: 36px;
}
.header__phone a{font-size:34px;color:#f90808;font-weight:500;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	line-height: 32px; 
}
.header__phone a i{
	background-color:#c0392b;color:#fff;border-radius:100%;width:30px;height:30px;padding:7px;
	margin-right:6px;
	font-size: 20px;
	margin-right: 6px;
}
.header-sm{background-color:#fff;padding:2px 50px 2px 10px;box-shadow:0 0 5px 0 rgba(0,0,0,0.3);-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.3);-o-box-shadow:0 0 5px 0 rgba(0,0,0,0.3);}
.header-sm .logo img{width:40px;}
#hamburger{background-color:#1e82c3}

/*---menu---*/
.menu{background-color:#1e82c3;}
.navigation,.navigation ul,.navigation ul li,.navigation ul li a{list-style:none;line-height:0;display:block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;}
.navigation ul li ul li{-webkit-box-shadow:0px 0px 25px 0px rgba(50,50,50,0.21);box-shadow:0px 0px 25px 0px rgba(50,50,50,0.21);}
.navigation ul{width:100%;margin:0 auto;padding:0;}
.navigation:after,.navigation > ul:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.navigation > ul > li{display:table-cell;width:1%;}
.navigation > ul > li > a{color:#fff;display:block;font-size:14px;line-height:30px;text-align:center;padding:0 10px;text-transform:uppercase;white-space:nowrap;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden;font-weight:700;height:35px;padding-top:4px;}
.navigation ul li:first-child a{margin-left:0}
.navigation ul li:last-child a{margin-right:0;}
.navigation > ul > li:hover{background-color:#105786;}
.navigation > ul > li.active{background-color:#105786;}
.navigation > ul > li.active > a:hover:before,.navigation > ul > li.active > a:focus:before,.navigation > ul > li.active > a:active:before{display:none;}
.navigation ul ul{position:absolute;left:-9999px;top:40px;width:200px;z-index:999;padding-top:15px;opacity:0;-webkit-transition:top 0.2s ease,opacity 0.2s ease-in;-o-transition:top 0.2s ease,opacity 0.2s ease-in;transition:top 0.2s ease,opacity 0.2s ease-in;}
.navigation ul ul ul{width:auto;}
.navigation.align-right ul ul{text-align:right;}
.navigation > ul > li > ul::after{content:"";position:absolute;width:0;height:0;border:8px solid transparent;border-bottom-color:#1e82c3;top:-1px;left:30%;}
.navigation.align-right > ul > li > ul::after{left:auto;right:20px;}
.navigation ul ul ul::after{content:"";position:absolute;width:0;height:0;border:7px solid transparent;border-right-color:#1e82c3;top:12px;left:-8px;}
.navigation.align-right ul ul ul::after{border-right-color:transparent;border-left-color:#387002;left:auto;right:-4px;}
.navigation > ul > li:hover > ul{top:28px;left:-25px;opacity:1;}
.navigation.align-right > ul > li:hover > ul{left:auto;right:0;}
.navigation ul ul ul{padding-top:0;padding-left:6px;}
.navigation.align-right ul ul ul{padding-right:6px;}
.navigation ul ul > li:hover > ul{left:200px;top:0;opacity:1;}
.navigation.align-right ul ul > li:hover > ul{left:auto;right:100%;opacity:1;}
.navigation ul ul li a{background-color:#1e82c3;border-bottom:1px solid #1e82c3;color:#fff;font-size:13px;font-weight:300;text-decoration:none;padding:0 10px 0 25px;line-height:36px;width:200px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-weight:700;}
.navigation ul ul li:last-child a{border-bottom:none;}
.navigation ul ul li a::before{font:normal normal normal 10px/1 FontAwesome;content:"\f101";position:absolute;top:14px;left:10px;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.navigation ul ul li:hover > a,.navigation ul ul li > a:hover,.navigation ul ul li > a:focus{background-color:#105786;color:#fff;}
.navigation ul ul li.active > a{background-color:#DF0000;color:#fff;}
.navigation ul ul li:hover > a::before,.navigation ul ul li > a:hover:before,.navigation ul ul li > a:focus:before{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}
.navigation ul ul li.active > a::before{color:#fff;}
.frm-search{background-color:#fff;margin:4px 0;}
.frm-search input{padding-left:5px;height:28px;}
.frm-search button{position:absolute;right:5px;top:0;color:#1e82c3;}
.search-mobile{top:10px;right:60px;}
.search-mobile .search-mobile__icon i{font-size:20px;}
.frm-seach-sm{right:0;top:35px;width:200px;display:none;}
.frm-seach-sm button{position:absolute;top:4px;right:10px;}
.frm-seach-sm button i{font-size:14px!important;color:#1e82c3;}

/*---slider---*/
.main-slider .owl-dots{position:absolute;bottom:5px;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important;width:100%;}
.main-slider .owl-dots .owl-dot.active span,.main-slider .owl-dots .owl-dot:hover span{background-color:#1e82c3!important;}
.main-slider .owl-dots .owl-dot span{background-color:#6E6E6E!important;}

/*---main-content----*/
.home-about{background-color:#F8F8F8;padding:55px 0;}
.home-about__main{background-color:#fff;padding:50px;box-shadow:0px 3px 6px 0px rgba(0,0,0,0.5);-webkit-box-shadow:0px 3px 6px 0px rgba(0,0,0,0.5);-o-box-shadow:0px 3px 6px 0px rgba(0,0,0,0.5);-ms-box-shadow:0px 3px 6px 0px rgba(0,0,0,0.5);}
.home-about__main h3{font-weight:700;font-size:34px;color:#1e82c3;}
.home-about__main__content h4{font-weight:500;font-size:20px;color:#1e82c3;}
.home-about__main__view a{color:#fff;background-color:#1e82c3;padding:7px 10px;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.home-about__main__view a:hover{background-color:#DF0000;}
.box-content{padding:20px 0;}
#main-content h2{font-weight:700;color:#1e82c3;font-size:34px;}
#main-content h2 span{padding:0 15px;}
#main-content h2 span:after{content:'';position:absolute;bottom:17px;left:-100%;border-bottom:2px solid #1e82c3;width:92%;height:2px;}
#main-content h2 span:before{content:'';position:absolute;bottom:17px;right:-100%;border-bottom:2px solid #1e82c3;width:92%;height:2px;}
.box-content__item{border:1px solid #e1e1e1;padding:15px;
	-webkit-box-shadow: 0 5px 11px rgba(0,0,0,0.2);
	        box-shadow: 0 5px 11px rgba(0,0,0,0.2);
}
.box-content__item:hover{box-shadow:0px 5px 10px 0px rgba(0,0,0,0.16);-webkit-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.16);-o-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.16);-ms-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.16);}
.box-content__item .img{border:1px solid #e1e1e1;}
.box-content__item .img:after{content:'';background:rgba(255,255,255,0.5);position:absolute;top:0;left:0;width:110%;height:110%;-webkit-transition:-webkit-transform 0.6s;-o-transition:-o-transform 0.6s;transition:-webkit-transform 0.6s;-o-transition:transform 0.6s;transition:transform 0.6s;transition:transform 0.6s, -webkit-transform 0.6s;transition:transform 0.6s,-webkit-transform 0.6s;-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);-ms-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);}
.box-content__item:hover .img:after{-ms-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);}
.box-content__item .img img,.service-home__item .img img,.news-home__item .img img,.gr-news a img{-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.box-content__item:hover .img img,.service-home__item:hover .img img,.news-home__item:hover .img img,.gr-news:hover a img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
.box-content__caption h4{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.box-content__caption h4 a{color:#4E4E4E;font-weight:700;font-size:16px}
.box-content__caption h4 a:hover{color:#DF0000;}
.price-product{height:46px;overflow:hidden;}
.price-product__sale{color:#DF0000;font-weight: 700;}
.price-product__old{color:#707070;font-size:13px;text-decoration:line-through;}
.box-content__item .sale-percent{top:0;right:0;background-color:#1e82c3;z-index:999;padding:3px 7px;}
.service-home{background-color:#F8F8F8;padding-bottom:70px;padding-top:20px;}
.service-home__comment{bottom:0;left:0;background-color:rgb(147, 190, 230);}
.service-home__comment h4{margin:10px;}
.service-home__comment h4 a{font-weight:500;font-size:18px;color:#4E4E4E;display:block;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.service-home__comment h4 a span{background:rgba(126,222,149,0.5);padding:11px 17px;bottom:-11px;right:-10px;
	display: none;
}
.service-home__comment h4:hover a span{background-color:#1e82c3}
.news-home{padding:20px 0 70px 0;}
.news-home__item__caption{width:100%;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;
	margin: 10px 0;
}
.news-home__item__caption h4{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.news-home__item__caption h4 a{color:#333;font-size:14px;}
.news-home__item:hover .news-home__item__caption{opacity:1}


/*---footer---*/
.footer{padding:70px 0;background-color:#232F3E;}
.footer h4{font-weight:500;font-size:20px;}
.footer h4 span{font-weight:100;font-size:20px}
.footer__company p i{margin-right:5px;}
.footer__social ul li{display:inline-block;margin-right:5px;}
.footer__social ul li a{color:#fff;font-size:17px;}
.footer__social ul li a:hover{color:#000;}
.footer__map iframe{height:220px;}
.footer h5{font-weight:400;font-size:20px;margin-top:8px}
.footer__menu ul li{display:inline-block;width:49%;}
.footer__menu ul li a{color:#fff;}
.footer__menu ul li .sub-menu{display:none;}
.copyright{background-color:#000;padding:5px 0}
#go-top{background:url(../images/go-top.png) center top no-repeat;position:fixed;z-index:999;height:40px;width:40px;right:10px;bottom:-50px;cursor:pointer;}
#go-top:hover{background-position:center -40px;}

/*---main-breadcrumb---*/
.main-breadcrumb{border-radius:0;padding:5px 0;font-weight:400;}
.main-breadcrumb a{color:#000;font-weight:400;}

/*---page---*/
.main-page__pagination ul li{border-right:none;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.main-page__pagination ul li:last-child{border-right:1px solid #EDCE2D;}
.main-page__pagination ul > li > a,.main-page__pagination ul >li > span{position:relative;float:left;padding:4px 12px;color:#fff;background:#1e82c3!important;}
.main-page__pagination ul li:hover a,.main-page__pagination ul li span,.main-page__pagination ul li span:hover{background-color:#DF0000!important;}
body .pagination > li > a,.pagination > li > span{border:solid 1px #1e82c3!important;}
.pagination > li > a:hover,.pagination > li > a:focus,.pagination > li > span:hover,.pagination > li > span:focus{background-color:#DF0000!important;}
.main-page__info h4{font-weight:700;font-size:20px;margin-bottom:10px;}
#contact_form button{background-color:#1e82c3;border-color:#1e82c3;}
.group-product .nav-tabs{border-bottom:none;margin-bottom:20px;}
.group-product .nav-item.show .nav-link,.group-product .nav-link.active{color:#fff;background-color:#1e82c3;border:none;border-radius:0;}
.group-product .nav-link{border:none;border-radius:0;color:#000;font-size:17px;margin-bottom:20px;}
.main-page__support{border:1px solid #000;padding:15px;box-shadow:0px 5px 10px 0px rgba(0,0,0,0.16);-webkit-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.16);-o-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.16);-ms-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.16);}
.main-page__support__img{width:20%}
.main-page__support__info{width:73%;}
.main-page__support__info p{font-size:20px;color:#1e82c3;font-weight:500;}
.related-post h6{font-size:20px;text-transform:uppercase;font-weight:700;}
/* .others{border-left:1px solid #1e82c3;} */
ul.list-other{margin:5px 0 5px 14px;padding:0;width:auto;}
ul.list-other li{list-style:square;color:#1e82c3;font-size:14px;line-height:18px;font-weight:normal;margin-bottom:5px;}
ul.list-other li a{color:#000;}
ul.list-other li a:hover{color:#1e82c3;}
.main-page__info-pro .price-product__sale{font-size:25px;font-weight:400;margin-bottom:5px;}
.main-page__info-pro .price-product__old{font-size:20px;font-weight:400}
.main-page__info-pro p{font-size:17px;}
.main-page__info-pro p a{color: #1e82c3}
.main-page__info-pro h3{font-size:20px;color:#1e82c3;font-weight:700;}
.content-info-pro .nav-tabs>li>a{color:#000;}
.content-info-pro .nav-tabs>li a.active,.content-info-pro .nav-tabs>li a.active:focus,.content-info-pro .nav-tabs>li a.active:hover{color:#fff;background-color:#1e82c3;}
.content-info-pro  .tab-content{padding:10px;}
.related-post h5{margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #1e82c3;}
.main-page__order .order-pro,#form_order button{background-color:#1e82c3;border-color:#1e82c3;}
.main-page__order .order-pro:hover,.main-page__order .order-pro:focus,#form_order button:hover,#form_order button:focus{background-color:#DF0000;border-color:#DF0000;outline:none;}
.main-page__order h5{width:100%;text-align:center;text-transform:uppercase;}
.side-bar__title{color:#444;border:1px solid #eee;background-color:transparent;font-size:18px;padding:10px 5px;}
.side-bar__category ul{border:1px solid #eee;border-top:none;background-color:#fff;}
.side-bar__category ul li{padding:10px;border-bottom:1px solid #ccc;position:relative;
	    background: #1e82c3;
	    color: #fff;
}
.side-bar__category ul li:hover{
	background: #fff;
	transition: all ease-in 0.2s;
}
.side-bar__category ul li:hover a{
	color: #1e82c3;
	transition: all ease-in 0.2s;
}

.side-bar__category ul .child-menu li a {
	color: #fff;
}
.side-bar__category ul .child-menu li:hover a {
	color: #1e82c3;
}

.side-bar__category ul li span{position:absolute;top:12px;right:18px;}
.side-bar__category ul li span i{font-size:18px;}
.side-bar__category ul li a{color:#fff;font-size:16px;}
.side-bar__category ul ul.child-menu{display:none;position:absolute;width:250px;left:100%;top:0;z-index:999;background:#fff;border:1px solid #eee;box-shadow:5px 2px 12px 0px rgba(50,50,50,0.4);-webkit-box-shadow:5px 2px 12px 0px rgba(50,50,50,0.4);-moz-box-shadow:5px 2px 12px 0px rgba(50,50,50,0.4);}
.side-bar__category ul > li:hover > ul.child-menu,.side-bar__category ul ul li:hover ul.child-menu{display:block;}
.list-news__title a{font-size:18px;color:#000;}
.list-news__view a{color:#8C8C90;}
.list-news__title a:hover,.list-news__view a:hover{color:#DF0000;}

/*---Responsive---*/
@media screen and (max-width:1200px){
	.navigation > ul > li > a{font-size:12px;}
	.header__name h1{font-size:20px;}
	.footer h4{font-size:25px;}
	.testominal-slider .owl-nav .owl-prev{left:0;}
	.testominal-slider .owl-nav .owl-next{right:0;}
	.side-bar h3{font-size:16px;}

	.header__phone a {
		font-size: 25px;
	}

	.header__name h1 span {
	    font-size: 26px;
	}
}
@media screen and (max-width:991px){
	.home-about__main__content{height:247px;overflow:hidden;}
	.footer h4{font-size:20px;}
	.footer h4 span{font-size:15px;}

	#main-content h2 span:before,
	#main-content h2 span:after {
		display: none;
	}
}
@media screen and (max-width:767px){
	img.alignright,img.alignleft,a img.alignright,a img.alignleft,img.alignnone{width:100%;height:auto;}
	.home-about__main h3{margin-top:20px;}
	#main-content h2{font-size:28px;}
	#main-content h2 span{padding:0;}
	.copyright p{text-align:center;}
	.main-page__support{margin-bottom:10px;}
	.group-product .nav-item{width:100%;text-align:center;}
	body.single-product h2{margin-top:15px;}
}


.partners-wrap img {
	max-height: 70px;
	margin: 10px 0px;
}


.partners-wrap {
    white-space: nowrap;
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0;
    display: block;
}

.partners-wrap .owl-item img {
	width: auto !important;
}

.partners-wrap .owl-stage {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.tong-truy-cap {
	border-top: 1px solid #ccc;
	padding-top: 10px;
}

.tong-truy-cap table {
	width: 100%;
}

.tong-truy-cap table tr td:last-child {
	text-align: left;
	font-weight: 700;
    font-size: 17px;
}

.tong-truy-cap table tr td {
	width: 50%;
}
.grecaptcha-badge{
    display: none!important;	   
}

/* START MEGA MENU  */
/* ===========================
   CỘT TRÁI LUÔN HIỆN (SIDEBAR)
   =========================== */
.title-cate-wrap{
	width: 260px;
	font-weight: bold;
	color: white;
	display: block;
	padding: 4px 20px 4px 20px;
	/* background: #f90808; */
}
.gm-megamenu {
    width: 260px;
    background: #fff;
    border: 1px solid #ccc;
    list-style: none;
    margin: 0;
    padding: 0;

    /* KEY: không cho lấy height của nav cha */
    position: absolute;
    top: 100%;            /* nằm ngay dưới "DANH MỤC SẢN PHẨM" */
    left: 0;
    z-index: 999;
    display: none;        /* ẩn sidebar khi chưa hover */
}

/* Khi hover vào "DANH MỤC SẢN PHẨM" → show sidebar */
.category-wrap{

}
.category-wrap:hover .gm-megamenu {
    display: block;
}

/* Style item menu trái */
.gm-megamenu > li > a.mega-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 15px;
    border-bottom: 1px solid #eee;
    color: white;
    text-decoration: none;
    background: #1e82c3;
}

.gm-megamenu > li > a.mega-link:hover {
    background: #f5f5f5;
    color: #333;
}

/* Icon */
.mega-icon {
    width: 24px;
    height: 24px;
}


/* ===========================
   SUB MENU (CỘT PHẢI)
   =========================== */
   .gm-megamenu > .mega-item{
    position: relative;
   }
    .gm-megamenu > .mega-item > .mega-item{
    position: absolute;
   }
.mega-sub {
    display: none;
    position: absolute;
    top: 0;
    left: 260px;          /* ngay bên phải cột trái */
    width: 260px;
    background: #fff;
    border: 1px solid #ccc;
    border-left: none;
    z-index: 1000;        /* nổi lên trên */
}

/* Hiện submenu khi hover vào item trái */
.gm-megamenu > li:hover > .mega-sub {
    display: block;
}
.mega-item.depth-1:hover > .mega-sub {
    display: block;
}
.mega-sub-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mega-sub-list li a {
    display: block;
    padding: 5px 15px;
    color: #333;
}
.mega-sub-list li a:hover {
    background: #f3f3f3;
}
/* END MENU */

/* START FEATURE */
.feature-boxes {
    background: #f7f6f6;
    padding: 25px 20px;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    margin-top: 15px;
}

.feature-item {
    flex: 1;
    text-align: center;
}

.feature-item img {
    width: 45px;
    height: 45px;
    object-fit: contain;
    margin-bottom: 10px;
}

.feature-item p {
    font-size: 15px;
    color: #333;
    font-weight: 500;
}

.divider {
    width: 1px;
    background: #e16a4a; /* màu cam trong ảnh */
    height: 55px;
}

/* Mobile responsive */
@media(max-width: 768px) {
    .feature-boxes {
        flex-direction: column;
    }
    .divider {
        width: 80%;
        height: 1px;
    }
}
/* END FEATURE */

/* START MÔ TẢ NGẮN KHÁC */
.spec-box {
    background: #f5f5f5;
    padding: 20px 25px;
    border-radius: 12px;
    font-size: 18px;
}

.spec-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 8px;
}

.spec-item:last-child {
    margin-bottom: 0;
}

.spec-dot {
    width: 8px;
    height: 8px;
    background: #007bff;
    border-radius: 2px;
    margin-top: 9px;
    flex-shrink: 0;
}

.spec-item strong {
    font-weight: 600;
    min-width: 130px;
}

.spec-value {
    color: #333;
    font-size: 16px;
}
/* END MÔ TẢ NGẮN KHÁC */
.filter-group h4 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 10px;
}

.filter-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 25px;
}

.filter-item {
    display: inline-block;
    padding: 8px 15px;
    font-size: 15px;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #fff;
    transition: 0.2s;
}

.filter-item:hover {
    border-color: #0d6efd;
    color: #0d6efd;
}

.filter-item.active {
    background: #0d6efd;
    color: #fff;
    border-color: #0d6efd;
}
.side-bar__category > ul > li:hover{
    background-color: white !important;
    color: #1e82c3 !important;
}
.side-bar__category ul.child-menu > li > ul.child-menu > li > a{
    color: white !important;
}
.side-bar__category ul.child-menu > li > ul.child-menu > li:hover > a{
    color: #1e82c3 !important;
}
.child-menu li:hover a{
    color: #1e82c3 !important;
}

@media screen and (min-width: 768px){
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
    padding-left: 5px !important;
    padding-right: 5px !important;
}
}

.main-page__content ul, .main-page__content li{
    list-style-type: revert !important;
}
.main-page__content ul{
    padding-left: 20px;
}
.main-page__content img{
    border-radius: 10px;
}
.main-page__content h2{
    font-size: 25px !important;
}