.Article_Pagination{width: 100%; float: left;}
.Article_Pagination ul{display: flex;gap: 10px;}
.Article_Pagination ul li{font-size: 14px;font-weight: 500;text-align: justify;line-height: 22px;display: flex; gap: 10px;}
.Article_Pagination ul li a{color: #666;padding: 10px 18px;text-decoration: none;border:var(--brd-grey);background-color: #fff;box-shadow: 0 0 10px #EEE;border-radius: 5px;}
.Article_Pagination ul li a.active{color: #000000; border: 1px solid #111;}

.Articles_Section{}
.Articles_Section .title_class{text-align: center; padding-bottom: 25px; font-size: 26px; position:relative; font-weight:600;}
.Articles_Section .title_class span{text-decoration:underline;}
.Articles_Section .title_class.two{text-align:left; font-size:20px; padding-top:10px;}
.Articles_Section .ContinueShopping_Btn{padding-top: 25px; text-transform: uppercase;}
.Articles_Section .ContinueShopping_Btn a{ display: inline-block;background: var(--price-grey); color: #fff; padding: 15px 20px; font-weight: 600;border-radius:50px;}

.Article_Title{font-size: 16px;color: #000104;font-weight: 600;border-bottom: 1px solid var(--clr-grey);padding: 0; margin-bottom:20px;}
.Article_Left .Article_Title{border:0; padding:0; margin:0; padding-left:10px; background:var(--clr-grey); line-height:50px;}
.Article_Right .Article_Title{line-height:45px; font-size:26px;}

.Articles_Container{position:relative; width:100%; float:left;}
.Articles_Container img{width: 100%; height: auto; max-width: 100%;}

.Articles_Container.SinglePage{padding-top:10px;}

.Article_Right{width: 70%; float:left;}
.Article_Right p.article-date{padding:0;}
.Article_Right p.article-date svg{width:20px; height:20px;}
.Article_Right .title_class{text-align:left;padding-bottom: 0;font-size: 36px;}

.PostText{}
.PostText .article-date{}

.ArticleSlider{padding: 0 0 20px 0; position: relative;}
.ArticleSlider .owl-nav button.owl-prev, 
.ArticleSlider .owl-nav button.owl-next {position: absolute !important;top: 38%;border: 1px solid #333 !important;border-radius: 50px !important;cursor: pointer;padding: 0 !important;}
.ArticleSlider .owl-dots{bottom: 10px !important;position: absolute;left: 0;right: 0; display: none;}
.ArticleSlider .owl-dots .owl-dot.active{background: var(--Primary) !important;}
.ArticleSlider .owl-dots .owl-dot{background: var(clr-grey) !important;}
.ArticleSlider .ArticleBox{margin: 0;}
.ArticleSlider .ArticleBox h2{padding: 15px 0 !important;}

.ArticleBox{border: var(--brd-grey); overflow: hidden;}
.ArticleBox a{color: #7B7B7B;}
.ArticleBox .ArticleImg{}
.ArticleBox .ArticleImg img{width: 100%;}
.ArticleBox .ArticleContent{background: #fff; padding: 15px;}
.ArticleBox .ArticleContent h2,
.ArticleBox .ArticleContent h4{font-size: 18px; font-weight: bold; color: #000000; padding: 15px 0 0 0;}
.ArticleBox .ArticleContent h2 span,
.ArticleBox .ArticleContent h4 span{display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; overflow:hidden; text-overflow: ellipsis;}

.ArticleBox .ArticleContent .article-date,
.Article_Popular .PostText .article-date,
.Article_Right .article-date{font-size: 12px; display: flex; align-items: center; font-weight:400}
.Article_Right .article-date{padding-top:0; padding-bottom:0;}

.ArticleBox .ArticleContent .article-date svg,
.Article_Popular .PostText .article-date svg,
.ArticleBox .ArticleContent span.more svg,
.Article_Right .article-date svg,
.Article_Right h1 svg{width: 30px; height: 30px; margin-right:5px;}

.ArticleBox .ArticleContent .article-date svg,
.Article_Popular .PostText .article-date svg{width:20px; height:20px;}

.ArticleBox .ArticleContent .article-date path,
.Article_Popular .PostText .article-date path,
.Article_Right .article-date path,
.Article_Right h1 path{stroke: #7B7B7B;}

.ArticleBox .ArticleContent p.ShortNotes{line-height: 22px; text-align: justify; height: 80px; color:#111; font-size:15px;}
.ArticleBox .ArticleContent p.ShortNotes span{display:-webkit-box; -webkit-line-clamp: 3; -webkit-box-orient:vertical; overflow:hidden; text-overflow: ellipsis;}
.ArticleBox .ArticleContent span.more{display: flex; align-items: center; font-weight: 600; font-size: 14px; color: var(--top-green);}
.ArticleBox .ArticleContent span.more svg{margin: 0;}
.ArticleBox .ArticleContent span.more svg path{fill: var(--top-green);}

.Common_Articles_Container{display: flex;gap: 15px;flex-wrap: wrap;}
.Common_Articles_Container .ArticleBox .ArticleContent h4{height: 70px;}
.Common_Articles_Container .Article_Detalis{width: 49%; float: left; margin-bottom: 20px;}

.Article_Right .pagination{text-align: center; width: 100%;}
.Article_Right .pagination li{margin: 0 1px !important; display: inline-block; float: none !important;}
.Article_Right .pagination span{font-size: 18px;}

.Article_Left{width: 24%; position:sticky; float:right; top:0;}
.Article_Search{}
.Article_Search .Article_Title{display:none;}
.Article_Search .formBox{background: #fff; border: var(--brd-grey); padding: 5px; display: flex; justify-content: space-between; margin: 0 0 25px 0;height: 44px;}
.Article_Search .formBox .textbox{width: 75%;}
.Article_Search .formBox .textbox input{height: 35px; border: 0; width: 100%; padding: 0 0 0 15px;}
.Article_Search .formBox .btn_holder{width: 40px; text-align: center;}
.Article_Search .formBox .btn_holder button{width: 100%; height: 35px; cursor: pointer; padding: 0 0 0 15px;}
.Article_Search .formBox .btn_holder button svg{width: 24px; height: 24px;}
.Article_Search .formBox .btn_holder button svg path{stroke: #b0b0b0;}

.Article_Categories,
.Article_Popular{border:var(--brd-grey); margin-bottom:25px;}

.Article_Categories_Content,
.Article_PopularBox{padding:0 10px;}

.Article_Categories_Content .CategoryBox{position: relative; overflow: hidden;}
.Article_Categories_Content .CategoryBox .CategoryLink{font-size: 14px; font-weight: 600; width: 100%; padding: 15px 15px 15px 0;border-bottom: 1px solid var(--clr-grey); transition: 0.3s;}
.Article_Categories_Content .CategoryBox .menuheader{width: 35px; float: right; text-align: center; position: absolute; top: 0; right: 0; cursor:pointer;}
.Article_Categories_Content .CategoryBox .menuheader::after{content:""; position:absolute; right:6px;top: 18px; border-bottom: 2px solid #111; border-right: 2px solid #111; transform: rotate(-43deg); width: 10px; height: 10px;}
.Article_Categories_Content .CategoryBox .menuheader.openheader{}
.Article_Categories_Content .CategoryBox .menuheader.openheader::after,
.Article_Categories_Content .CategoryBox.OpenMenu .menuheader::after{transform: rotate(44deg);border-bottom: 2px solid var(--top-green); border-right: 2px solid var(--top-green);top: 15px;}
.Article_Categories_Content .categoryitems{width: 100%; padding: 0 10px; font-size: 14px;max-height: 200px;overflow: hidden auto; border-bottom: 1px solid var(--clr-green); padding-bottom: 10px;}
.Article_Categories_Content .categoryitems ul li{ padding: 10px 0 10px 15px; position: relative;}
.Article_Categories_Content .categoryitems ul li::before {content: '';position: absolute;left: 3px;top: 16px;width: 6px;height: 6px;background: #111;border-radius: 50px;}
.Article_Categories_Content .categoryitems a.active{color:var(--top-green);}
.Article_Categories_Content .CategoryBox.NoSubLinks{}
.Article_Categories_Content .CategoryBox.NoSubLinks .menuheader,
.Article_Categories_Content .CategoryBox.NoSubLinks .categoryitems{display:none;}

.Article_Categories_Content .CategoryBox:has(.menuheader.openheader) .CategoryLink,
.Article_Categories_Content .CategoryBox.OpenMenu .CategoryLink{border:0;}
.Article_Categories a:hover,
.Article_Categories_Content .CategoryBox:has(.menuheader.openheader) .CategoryLink a,
.Article_Categories_Content .CategoryBox.OpenMenu .CategoryLink a,
a.Selected{color:var(--top-green);}

.Article_Categories_Content .CategoryBox:last-child .CategoryLink{border:0;}
.Article_Categories_Content .CategoryBox.OpenMenu{}
.Article_Categories_Content .CategoryBox.OpenMenu .categoryitems{display:block !important;}

.Article_PopularBox .col{width: 100%; float: left; padding: 15px 0; border-top: 1px solid var(--clr-grey);}
.Article_PopularBox .col:first-child{border:0;}
.Article_PopularBox .col a{display:inline-block; width:100%;}
.Article_PopularBox .PostImg{width: 90px; float: left; overflow: hidden;}
.Article_PopularBox .PostImg img{border-radius: 5px;}
.Article_PopularBox .PostImg img{width: 100%;}
.Article_PopularBox .PostText{width: 60%; float: right;}
.Article_PopularBox .PostText p{display:-webkit-box; -webkit-line-clamp: 3; -webkit-box-orient:vertical; overflow:hidden; text-overflow: ellipsis; font-size: 14px;}
.Article_PopularBox .PostText .article-date{padding-top: 10px; color: #7b7b7b;}

.Article_ContentPage{padding: 0;}
.Article_Discription{padding-top: 20px; font-size:16px;}
.Article_Discription p{text-align: justify; line-height: 24px; margin-bottom: 15px;}
.Article_Discription .title_One,
.Article_Discription h2,
.Article_Discription h3,
.Article_Discription h4,
.Article_Discription h3{font-size: 18px; font-weight: 600; margin-bottom: 25px;}

.Article_Discription h4,
.Article_Discription h3{margin-bottom:10px;}

.Article_Discription h2{font-size:25px;}
.Article_Discription h3{font-size:22px;}

.Article_Discription h2.title_One{font-size:26px;}
.Article_Discription h3.title_One{font-size:22px;}
.Article_Discription h4{font-size:20px;}

.Article_Discription a,
.Article_Discription strong,
.Article_Discription b{color: var(--top-green);}
.Article_Discription ul,
.Article_Discription ol{margin-left: 30px; margin-bottom: 25px;}
.Article_Discription ul li,
.Article_Discription ol li{margin-bottom: 10px;line-height:24px;}
.Article_Discription ul ul,
.Article_Discription ol ol,
.Article_Discription ol ul{margin-top: 10px; margin-bottom:0;}
.Article_Discription ul li{list-style: disc;}
.Article_Discription ul li strong,
.Article_Discription ol li strong,
.Article_Discription .BlackText{color: #000000;}


@media only screen and (max-width:900px),(max-width:999px){
.Article_PopularBox .PostImg{width: 60px;}
.Article_PopularBox .PostText{width: 60%;}

.Common_Articles_Container .Article_Detalis{width: 100%;}
.Common_Articles_Container .ArticleBox .ArticleContent h4{padding: 15px 0 !important; height: auto;}

}

@media only screen and (max-width:800px),(max-width:899px){
.Article_Right {width: 60%;}
.Article_Left {width: 35%; top:120px;}
.Article_Search .formBox,
.Article_Categories,
.Article_Popular{margin-bottom:20px;}

}

@media only screen and (max-width:400px),(max-width:499px) {
.Article_Right .Article_Title{font-size:20px;}
.Article_Discription p{line-height: 22px;}

.Main_Brdcrm .breadcrumb{display:block; width:100%;}
.Main_Brdcrm .breadcrumb li:last-child a{display:none;}
.Articles_Section .title_class{padding-bottom:0; font-size:26px;}

.Article_Discription h2.title_One{font-size:22px;}
.Article_Discription h3.title_One{font-size:18px;}
.Article_Discription h4{font-size:18px;}

.Articles_Container{display: inline-block; width: 100%;}
.Articles_Section h1.title_class.two{padding:0 0 15px 0; font-size:20px;}
.ArticleSlider{padding-bottom: 50px;}
.ArticleSlider .owl-nav{display: none;}
.ArticleSlider .owl-dots{display: block; bottom: 25px !important;}

.Article_Right{width: 100%;}
.Article_Right .Article_Title{line-height:normal; border-bottom:1px slid #f1f1f1; padding-bottom:10px; margin-bottom:10px;}
.Article_Left{width: 100%; padding-top: 15px; float: left;}
.Article_PopularBox .PostImg{width: 25%;}
.Article_PopularBox .PostText{width: 70%;}
.Article_PopularBox .PostText p{text-align: left;}

}

@media only screen and (max-width:375px),(max-width:399px){

}

@media only screen and (max-width:360px){

}

@media only screen and (max-width:300px),(max-width:320px){

}