.blog-lisitng-section { padding: 60px 0 120px; }
.blog-lisitng-section .main-heading-section { display: flex; align-items: center; justify-content: center; margin-bottom: 25px; }
.blog-lisitng-section .main-heading-section .sub-title-image { width: 29px; height: 31px; }
.blog-lisitng-section .main-heading-section .heading-sub-title p { margin: 0; color: var(--secondary_color); padding-left: 15px; } 
.blog-lisitng-section .listing-heading-text { text-align: center; margin-bottom: 60px; } 
.blog-lisitng-section .listing-heading-text h2 { margin: 0;text-transform: capitalize; } 
.blog-lisitng-section .listing-heading-text span {color: var(--primary_color);}
.blog-lisitng-section .topic-list {  border-radius: 5px; width: 397px; }
.wrap-drop-topic .drop-topic li a{text-transform: capitalize;}
.blog-pagination ul li.disabled, .blog-pagination ul li.disabled { display: none; }
.blog-pagination-center, .blog-pagination-right { display: flex; flex-wrap: wrap; }
.blog-pagination-left { display: flex; flex-wrap: wrap; }
.wrap-drop-topic { box-shadow: none; cursor: pointer; position: relative; text-align: left; margin-left: 0; max-width: 397px; border-radius: 5px; padding: 9px 20px; width: 100%; z-index: 3; background-color: #ffffff; transition: all 0.5s ease; border: 1px solid rgba(39, 42, 51, 0.5) }
.wrap-drop-topic.active { border-radius: 5px 5px 0 0; }
.wrap-drop-topic .drop-topic { left: 0;
	list-style: none;
	margin-top: 0;
	max-height: 290px;
	opacity: 0;
	overflow-y: auto;
	padding: 15px 20px;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: calc(100% + 1px);
	z-index: 11;
	border-width: 1px;
	border-style: solid;
	border-color: #272A33;
	border-top-width: 0;
	border-radius: 0 0 4px 4px;
	transition: all 0.5s ease;
	visibility: hidden;
	background-color: #fff;
	width: calc(100% + 2px);
	left: -1px;
	overflow-y: auto; }
.wrap-drop-topic span {color:#272A33; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 130px; display: block;     text-transform: capitalize;}
.wrap-drop-topic .drop-topic li a {     color: #000000; display: block; padding: 0; text-decoration: none; margin: 0 0 7px; }
.wrap-drop-topic .drop-topic  li:hover a { background-color: transparent; color:#114C99; }
.wrap-drop-topic .drop-topic li a.tag-active {color: #114C99; }
.wrap-drop-topic::after { content: ""; margin-top: 0; position: absolute; right: 20px; top: 50%; width: 15px; background-image: url('https://www.methodschools.org/hubfs/Method_Schools_July2023/Images/check_icons.svg'); height: 10px; transform: translateY(-50%); transition: all 0.5s ease; }
.wrap-drop-topic.active::after {transform: translateY(-50%) rotate(180deg);}
.wrap-drop-topic.active .drop-topic { visibility: visible;opacity: 1; pointer-events: auto; }
.blog-pagination ul { display: flex; flex-wrap: wrap; justify-content: center; }
.blog-pagination ul span.pg { display: flex; flex-wrap: wrap; justify-content: center; }
.blog-pagination ul li {transition: all 0.5s ease;width: 40px; height: 40px; border-radius: 4px; border: 1px solid #E95B07; display: flex; justify-content: center; align-items: center; margin-right: 16px; }
.blog-pagination ul li.eclips { border: none; }
.blog-post-list-module { padding:60px 0 40px;}
.blog-pagination ul li:hover { background-color: rgba(17,76,153,.1); border-color: #114c99; }
.blog-pagination ul li a { color: #272A33; } 
.blog-pagination ul li.active { background: rgba(233, 91, 7, 0.1); } 
.blog-pagination ul li.active a {color:#272A33;}
.blog-pagination ul li.last-child { margin: 0; }
.blog-pagination ul li a { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; height: 100%; line-height:1; }
.blog-pagination ul li a > svg path { fill: #E95B07;width:15px;height:15px; }
/* .blog-pagination {padding-top: 60px;} */

.tag-search-block .search-filter {max-width: 397px; width: 100%; position: relative; border: 1px solid rgba(39, 42, 51, 0.5); border-radius: 5px;}
.tag-search-block .search-filter form input{padding: 10px 15px !important; font-size:16px; height:46px; }
.tag-search-block .search-filter button {align-items: center;display: flex;box-shadow: none;background: #ffffff;border-radius: 50px;height: 40px;margin-bottom: 0;min-width: 60px;outline: 0;padding: 0;position: absolute;right: 0;top: 50%;transition: none;}
.tag-search-block .search-filter input {width: 100%;padding-right: 50px;}
.tag-search-block .search-filter input::placeholder {font-size:16px;line-height:1.625;}
.tag-search-block .search-filter button {align-items: center; background: transparent; border: none; box-shadow: none; display: flex; width: 20px; height: 20px; min-width: 40px; outline: 0; padding: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%);transition: none; }
.tag-search-block .search-filter i.fa.fa-search { background-image: url('https://www.methodschools.org/hubfs/DEHESA%20-%20Method%20-%20Feb2024/Images/fi_152536.svg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; box-shadow: none; height: 20px; width: 20px; }
.tag-search-block .search-filter button:after,
.tag-search-block .fa-search:before {display:none;}


.tag-search-block .search-filter ul.hs-search-field__suggestions{ position: absolute; z-index: 99;opacity: 0; visibility: hidden; }
.tag-search-block .search-filter .hs-search-field--open ul.hs-search-field__suggestions { overflow: hidden; max-height: 300px; overflow-y: auto; padding: 20px 15px; box-shadow: 0px 0px 20px 10px #0000000D; background-color: #fff; border-radius: 0 0 10px 10px;opacity: 1; visibility: visible;; }
.tag-search-block .tag-list ul li a.tag-active { color: var(--white_color); background-color: var( --primary_color); }
.hs-search-field__suggestions li#results-for {
	color: var(--secondary_color);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2222;
	text-transform: none;
	margin-bottom: 10px;
}
.tag-search-block .search-filter ul.hs-search-field__suggestions h4 { font-size: 20px; color: var(--body_color); margin-bottom: 10px; line-height: 1.2; } 
.tag-search-block .search-filter ul.hs-search-field__suggestions li a { padding: 0; line-height: 0; transition: none; } 
.tag-search-block .search-filter ul.hs-search-field__suggestions p { margin-bottom: 0; font-size: 14px; } 
.tag-search-block .search-filter ul.hs-search-field__suggestions h4 label { display: inline-block; font-size: 16px; line-height: normal; text-align: left; width: 100%; opacity: .5; pointer-events: none; }
.tag-search-block .search-filter .hs-search-field--open ul.hs-search-field__suggestions li { margin-bottom: 15px; } 
.tag-search-block .search-filter .hs-search-field--open ul.hs-search-field__suggestions li:last-child { margin-bottom: 0; }


/**************** listing items css *******/
.blog-lisitng-section .tag-search-block { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 60px; }
.main-blog-listing-section { display: flex; flex-wrap: wrap; margin: 0 -15px;margin-bottom:30px; } 
.main-blog-listing-section .item-blog-listing { width: 33.33%; padding: 0 15px 30px 15px; } 
.main-blog-listing-section .item-blog-listing .inner-blog-listing { box-shadow: 0px 4px 20px 0px #0000001A;padding: 20px;background: #114C991A;border-radius: 20px;height: 100%;border: 1px solid transparent;transition: border-color 0.3s ease-in-out;transition: 300ms ease-in-out;} 
.main-blog-listing-section .right-top-title-post h4 { font-size: 25px; }
.main-blog-listing-section .top-tag-post { margin-bottom: 15px; } 
.main-blog-listing-section .top-tag-post .tag-icon { width: 20px; height: 20px; } 
.main-blog-listing-section .top-tag-post .tag-icon svg { width: 100%; height: 100% !important; } 
.main-blog-listing-section .top-main-link-post {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-top: auto;} 
.main-blog-listing-section .post-lisiting-feat-img { width: 100%; height: 225px; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 12px; overflow: hidden; position: relative; } 
.main-blog-listing-section .lisitng-post-item-cont-sec { height: calc(100% - 225px); display: flex; flex-direction: column; padding-top: 25px; }
.main-blog-listing-section .lisiting-piblish-date- { position: absolute; top: auto; bottom: 10px; padding: 5px 20px; border-radius: 5px; background-color: var(--white_color); left: 10px; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; } 
.main-lisitng-feat-image { position: relative; } 
.main-blog-listing-section .lisiting-piblish-date- p { margin: 0; color: var(--secondary_color); } 
.main-blog-listing-section .lisiting-piblish-date- svg { display: block; }
.main-blog-listing-section .topic-link { display: flex; flex-wrap: wrap; align-items: center; } 
.main-blog-listing-section .topic-link .link-text { color: #272A33; padding-left: 10px; width: calc(100% - 20px); }
.main-blog-listing-section .read-time-top-post { display: flex; align-items: center; justify-content: center; align-items: center;gap: 10px; } 
.main-blog-listing-section .read-time-top-post .read-icon { width: 20px; height: 20px; }
.wrap-drop-topic .drop-topic li a.tag-active {
	color: var(--primary_color);
}


.tag-search-block .search-filter form input::-webkit-input-placeholder {
	color: ;
}

.tag-search-block .search-filter form input::-moz-placeholder {
	color: ;
}

.tag-search-block .search-filter form input:-ms-input-placeholder {
	color: ;
}

.tag-search-block .search-filter form input::placeholder {
	color: ;
}
.tag-search-block .search-filter .hs-search-field.hs-search-field--open form input {
	border-radius: 5px 5px 0 0;
}
.tag-search-block .search-filter .hs-search-field--open ul.hs-search-field__suggestions {
	overflow: hidden;
	max-height: 300px;
	overflow-y: auto;
	padding: 20px 15px;
	box-shadow: none;
	background-color: #fff;
	border-radius: 0 0 10px 10px;
	opacity: 1;
	visibility: visible;
	border: 1px solid #272A33;
	width: calc(100% + 2px);
	left: -1px;
	margin-top: -2px;
}
.main-blog-listing-section .read-time-top-post { color:var(--secondary_color);}

.main-blog-listing-section .item-blog-listing:nth-child(6n+1) .inner-blog-listing { background: rgba(17, 76, 153, 0.1);}
.main-blog-listing-section .item-blog-listing:nth-child(6n+2) .inner-blog-listing { background: rgba(233, 91, 7, 0.1); }
.main-blog-listing-section .item-blog-listing:nth-child(6n+3) .inner-blog-listing { background: rgba(4, 151, 115, 0.1);}
.main-blog-listing-section .item-blog-listing:nth-child(6n+4) .inner-blog-listing { background: rgba(4, 151, 115, 0.1);}
.main-blog-listing-section .item-blog-listing:nth-child(6n+5) .inner-blog-listing { background: rgba(17, 76, 153, 0.1);}
.main-blog-listing-section .item-blog-listing:nth-child(6n+6) .inner-blog-listing { background: rgba(233, 91, 7, 0.1);}

.main-blog-listing-section .item-blog-listing:nth-child(6n+1) .inner-blog-listing:hover, .main-blog-listing-section .item-blog-listing:nth-child(6n+5) .inner-blog-listing:hover{ border: 1px solid rgba(17, 76, 153, 1);box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1); }
.main-blog-listing-section .item-blog-listing:nth-child(6n+2) .inner-blog-listing:hover, .main-blog-listing-section .item-blog-listing:nth-child(6n+6) .inner-blog-listing:hover{ border: 1px solid rgba(233, 91, 7, 1);box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);}
.main-blog-listing-section .item-blog-listing:nth-child(6n+3) .inner-blog-listing:hover, .main-blog-listing-section .item-blog-listing:nth-child(6n+4) .inner-blog-listing:hover{ border: 1px solid rgba(4, 151, 115, 1);box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);}






@media(max-width:991px){
	.main-blog-listing-section{ justify-content: center;}
	.main-blog-listing-section .item-blog-listing{ width:50%;}
	.blog-lisitng-section { padding: 60px 0 80px; }
	.blog-lisitng-section .tag-search-block{ flex-direction: column;}
	.blog-lisitng-section .topic-list{ margin-bottom:30px;}
}


@media(max-width:767px){
	.blog-pagination ul li { width: auto; height: auto; border: 0; padding: 2px; background: transparent; margin-right: 10px; }
	.blog-pagination ul li.active { background: transparent; }
	.wrap-drop-topic .drop-topic { max-height: 270px; }	
	/* 	.main-blog-listing-section{ margin:0;} */
	.main-blog-listing-section .item-blog-listing { width: 100%;padding: 0 0px 30px max-width: 500px; margin: 0 auto;}
	.blog-lisitng-section { padding: 60px 0px; }
	.blog-pagination ul .blog-pagination-right li { margin-right: 0;} 
	.blog-pagination ul li.active a {color:#ff8034;}
}

@media(max-width:480px){
	.wrap-drop-topic { max-width:100%;}
	.blog-lisitng-section .topic-list {
		width: 100%;
	}
}