@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
:root{
	--pri: #BF0000;
	--pridim: #ef4444;
	--prigri: linear-gradient(45deg, #cd0404, #fa4677);
	--btnpri: linear-gradient(45deg, #cd0404, #fa4677);
	--sec: #ffffff;
	--bgdim: #21313C;
	--ter:  #ffffff;
	--sha: rgb(196 196 196 / 12%) 0px 8px 24px;
	--bg: hsl(0deg 0% 18.04%);
	--hoversha: #ff26260d 0px 8px 24px 7px;
	--font:  "Noto Sans", sans-serif;
	--bor: 1px solid gainsboro;
	--basefontsz: 10px;
	--h1fontsz: 30px;
	--h2fontsz: 25px;
	--h3fontsz: 20px;
	--txtcolor: black;
	--spacing-small: 8px;
	--spacing-medium: 16px;
	--spacing-large: 24px;
	--borrad: 9px;
	--gtcw: 370px;
	--curve: 22px;
}

.ribbon-pop {
    display: none;
}

*{
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}
html{
	margin: 0px;
	padding: 0px;
    min-width: 100%;
	overflow-x: hidden;
	scroll-behavior: smooth;
	box-sizing: border-box;
	font-size: 10px;
}

body{
	margin: 0px;
	padding: 0px;
	min-width: 100%;
	min-height: 100vh;
	background: #f2f2f2;
	background:white;
	overflow-x: initial;
	box-sizing: border-box;
	font-family: var(--font);
	overflow-x: hidden;
	font-size: 10px;
	user-select: none;
}

/**Ads Styling**/

.universal_header_ad {
    width: 100%;
    margin: 20px auto;
    text-align: center;
}

/*Utility Design*/

p{
	text-transform: capitalize;
}

a {
    text-decoration: none;
}

h2 {
    font-size: 2rem;
    color: var(--pri);
    margin: 10px;
}

h3 {
    font-size: 20px;
    font-family: var(--fonth);
    color: var(--pri);
    margin: var(--spacing-small) var(--spacing-small);
    font-weight: 600;
}

h1{
	font-size: 2.4rem;
	color: var(--pri);
	margin: 10px;
}

h2.sectionheadline {
    color: var(--pri);
    margin: 10px auto;
    font-size: 2.3rem;
    border-radius: 0px;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
}

.body-left-page h2 {
    background: none;
    color: var(--bgdim);
    text-align: left;
    font-size: 2.1rem;
}

.body-left-page ul, .body-left-page ol {
    list-style: auto;
    margin: 0px 19px;
    padding: 0px 10px;
}

.body-left-page ul li, .body-left-page ol li {
    font-size: 18px;
    line-height: 1.9em;
    margin: 5px;
}

figcaption.wp-element-caption {
    text-align: center;
    font-size: 17px;
    margin: 8px;
    text-transform: capitalize;
}

figure.wp-block-image.size-full.is-resized {
    display: flex;
    flex-direction: column;
    margin: 20px auto;
    text-align: center;
    width: 100%;
}

figure.wp-block-image.size-full.is-resized img {
    background-size: cover;
    width: 66% !IMPORTANT;
    margin: 0px auto;
    text-align: center;
}

figure.wp-block-image.size-full img, .body-left-page > img {
    width: 94%;
    height: auto;
    margin: 20px auto;
    text-align: center;
    justify-content: center;
    display: flex;
}

/*Social Share Plugin **/

.social_share {
    position: fixed;
    bottom: 132px;
    width: 40px;
    height: 40px;
    background: var(--pri);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
	cursor: pointer;
}

.social_share svg {
    width: 25px;
    height: 25px;
    fill: white !important;
}

/** Universal Controlars**/

.universal_control {
    position: fixed;
    width: 60px;
    right: 10px;
    bottom: 191px;
    display: flex;
	flex-direction: column-reverse;
	gap: 20px;
    justify-content: center;
    align-items: center;
    height: auto;
}

/**Wh Btn Design **/

.wh_btn {
    width: 70px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
}

.wh_btn a span {
    position: absolute;
    top: -44px;
    font-size: 14px;
    left: 0px;
    color: var(--black);
    font-weight: 700;
}

.wh_btn a svg {
    width: 40px;
    height: 40px;
}

/**back to top btn **/

.back_to_top {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--prigri);
    border-radius: 50%;
	cursor: pointer;
}

.back_to_top svg {
    width: 28px;
    height: 40px;
    fill: white;
}

/**Search Result Heading**/

.resultoqur {
    width: 90%;
    margin: 20px auto;
    background: white;
    box-shadow: var(--sha);
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    border-bottom: 1px solid gainsboro;
}

/*Search Page Pagination **/

.pagination {
    width: 50%;
    margin: 20px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    height: 40px;
    border: 1px solid gainsboro;
    font-size: 1.6rem;
    border-radius: 39px;
    color: var(--bgdim);
}

span.page-numbers{
    color: var(--bg);
    font-size: 20px;
}

span.page-numbers.current {
    color: var(--bg);
    font-size: 20px;
}


.body-right h2.wp-block-heading {
    font-size: 2rem;
    padding: 5px;
    color: white;
    background: var(--prigri);
    text-align: center;
    border-radius: 28px;
    margin-top: 0px;
    margin-bottom: 20px;
    font-weight: 600px;
}

.widget ul {
    margin-bottom: 20px;
}

.widget ul {
    margin-bottom: 20px;
    list-style: auto;
    margin-left: 16px;
}

.widget ul li {
    font-size: 18px;
    border-bottom: 1px solid gainsboro;
    width: 100%;
    margin: 5px;
    padding: 11px;
}

.widget ul li a{
	color: var(--bgdim);
}

.postgri {
    margin: 20px auto;
}

/** Post Job Card **/

.wp-block-custom-job-card-block-job-card.job_card {
    max-width: 100%;
    margin: 20px auto;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    box-shadow: var(--sha, 0 2px 8px rgba(0,0,0,0.1));
    border-radius: 13px;
    padding: 13px;
}

.job_upper {
    margin: 0px 14px;
    max-width: 300px;
}
.job_middle p, .job_middle button {
    margin: 0px 14px;
}
.job_upper img {
    max-width: 300px;
	border-radius: 12px;
}

.job_bottom {
    width: 100%;
    margin-top: 28px;
    margin-left: 17px;
    margin-bottom: 10px;
}

button.job_type {
    margin-top: 15px;
    width: 131px;
    height: 33px;
    border-radius: 39px;
    background: white;
    border: 1px solid;
    font-size: 1.5rem;
    font-weight: 700;
    color: #00bd67;
}
button.job_duration {
    width: 150px;
    height: 40px;
    border: 1px solid;
    border-radius: 45px;
    background: white;
    color: #00bd67;
    font-size: 1.5rem;
    font-weight: 600;
}
.job_bottom a button {
    background: var(--prigri);
    height: 40px;
    width: 325px;
    margin: 0px auto;
    text-align: center;
    justify-content: center;
    align-items: center;
    border: none;
    color: white;
    font-size: 1.6rem;
    font-weight: 600;
    border-radius: 45px;
    cursor: pointer;
}

/**Sidebar Categories Section**/

.wp-block-categories li {
    border-radius: 0;
    padding: 8px !important;
    margin: 5px !important;
    border-bottom: 1px solid gainsboro !IMPORTANT;
}
/**Sidebar Archieve Section **/

.wp-block-archives {
    display: grid;
    grid-template-columns: 1fr;
    justify-content: left;
    align-items: center;
    grid-gap: 20px;
    text-align: left;
}

/*Nvigation Design */

header .mobile_menu{
	display: none;
}


header .search_icon {
    position: absolute;
    top: 16px;
    right: 17px;
    height: 26px;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav {
    display: flex;
    height: 62px;
    justify-content: space-around;
    text-align: center;
    align-items: center;
    border-bottom: 1px solid gainsboro;
    background: var(--pri);
    position: relative;
    box-shadow: none;
}

.nav_left {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
	width: 176px;
}

.nav_left h1 {
    font-weight: 700;
	color: var(--sec);
}

.search_icon{
	cursor: pointer;
}

.nav_left img {
    width: 140px;
    height: 36px;
}

.nav_right ul {
    display: flex;
    list-style: none;
    align-items: center;
    text-decoration: none;
    text-align: center;
    width: 100%;
    gap: 15px;
}

/**Sub Menu design **/

.nav_right ul li.menu-item-has-children{
	display: block;
	position: relative;
}

.nav_right ul li.menu-item-has-children ul {
    position: absolute;
    top: 45px;
    background: white;
    width: 300px;
    display: none;
    padding: 10px;
    grid-template-columns: repeat(auto-fit, 100px);
    justify-content: center;
    left: 50%;
    translate: -50%;
}

.nav_right ul li{
	text-decoration: none;
}

.nav_right ul li a {
    text-decoration: none;
    font-size: 18px;
    color: var(--sec);
    font-weight: 400;
}

/*Search Form Design **/

.search_form {
    position: absolute;
    top: 0;
    width: 100%;
	display: none;
}

label.screen-reader-text, #searchsubmit {
    display: none;
}

input#s {
    width: 100%;
    height: 56px;
    background: white;
    border: 1px solid gainsboro;
    outline: none;
    box-shadow: var(--sha);
    font-size: 2rem;
    color: var(--pri);
    text-align: center;
}

.cut_search {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 17px;
    right: 16px;
	cursor: pointer;
}


/**Front Page Container **/

.front_page_container {
    width: 85%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0px auto;
    text-align: center;
    position: relative;
}

/**News Ticker **/


		 .breaking_news_ticker {
    width: 100%;
    border-bottom: 1px solid gainsboro;
    background: white;
    box-shadow: var(--sha);
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: flex-start;
	height: 40px;
}
.breaking_news_ticker div p {
    background: var(--sec);
    width: max-content;
    color: var(--pri);
    justify-content: center;
    display: flex;
    align-items: center;
    text-align: center;
    height: 40px;
    padding: 0px 29px;
    font-size: 18px;
    font-weight: 700;
    box-shadow: var(--hoversha);
    z-index: 3;
    position: relative;
}
		   
		   .breaking_news_ticker ul {
    display: flex;
    list-style: none;
    font-size: 15px;
    white-space: nowrap;
	animation: ticker 50s infinite linear;
	animation-play-state: running;
align-items: center;


}
		   .breaking_news_ticker ul:hover{
			animation-play-state: paused;
		   }
		   
		   .breaking_news_ticker ul li {
    margin-right: 0px;
    color: var(--bgdim);
}
		   
		   .breaking_news_ticker ul li::after {
    content: "|";
    margin: 0px 11px;
}
		   
		   
		   
		   @keyframes ticker{
			   from{
				   transform: translateX(10%);
}
			   to{
   transform: translateX(-100%);
			   }
			   
		   }


/*Hero Heder Design*/

.hero_header {
    width: min(1409px, 100%);
    margin: 15px auto;
    text-align: center;
    display: flex;
    min-height: 269px;
    background: white;
    gap: 21px;
    border-radius: 0px;
    justify-content: center;
    align-items: center;
}






.hero_header_left {
    gap: 10px;
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: flex-start;
    width: 50%;
    text-align: left;
    margin: 10px 0px;
    align-items: center;
}

.hero_header_left_left {
    width: 100%;
    padding: 10px;
    box-shadow: var(--sha);
    border-radius: var(--curve);
}

.hero_header_left_left .post-item-featured img {
    width: 100%;
    height: 200px;
	border-radius: var(--curve);
}

.hero_header_left_left .post-item-featured p {
    font-size: 14px;
    margin: 10px 0px;
    width: max-content;
    background: var(--pri);
    padding: 2px 13px;
    border-radius: 17px;
    color: white;
}

.hero_header_left_right {
    width: 100%;
}

.hero_header_left_right .post-item-not-featured img {
    width: 100%;
    height: 100%;
    border-radius: var(--curve);
    margin-left: 0px;
    display: flex;
    padding: 0px;
    justify-content: center;
    align-items: center;
    object-fit: cover;
}

.hero_header_left_right .post-item-not-featured p {
    font-size: 11px;
    margin: 8px 8px;
    width: max-content;
    background: var(--pri);
    color: var(--sec);
    padding: 2px 16px;
    border-radius: var(--curve);
}

.post-item-not-featured {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 0px;
    box-shadow: var(--sha);
    margin-top: 10px;
    border-radius: var(--curve);
    padding: 0px 0px;
    justify-content: center;
    align-items: center;
    justify-items: center;
}

.post-item-not-featured-left {
    width: 99px;
    height: 77px;
}

.post-item-not-featured h3 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    font-size: 17px;
    color: var(--bgdim);
    font-weight: 600;
}

.post-item-featured h2{
	 display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    font-size: 18px;
    color: var(--bgdim);
    font-weight: 600;
	margin: 10px 0px;
	text-align: left;
}



h2.hero_header_tagline {
    font-size: 2.9rem;
    font-weight: 600;
    margin: 0px;
	color: var(--bgdim);
}

.hero_header_tagline span{
	color: var(--pri);
}

.hero_header_desc, .hero_header_desc p {
    width: 100%;
    font-size: 1.6rem;
    margin-bottom: 21px;
}

.hero_heaader_left_bottom {
    width: 100%;
}

.hero_header_buttons {
    display: flex;
    width: 100%;
    grid-gap: 20px;
    --herobtnwidth: 150px;
    margin: 0px auto;
    text-align: center;
    justify-content: flex-start;
	flex-direction: column;
}

.hero_header_buttons div button {
    border: none;
    height: 44px;
    width: 100%;
    color: white;
	font-size: 16px;
    background: var(--pri);
    border-radius: 22px;
    width: 300px;
    cursor: pointer;
}

.hero_header_buttons div button.btn_wh{
	background: #0cbfaa;
}

.hero_header_buttons div button.btn_wh:hover{
	background: white;
	border: 1px solid #0cbfaa;
	color: #0cbfaa;
}

.hero_header_buttons div button.btn_kh{
	background: var(--pri);	
}

.hero_header_buttons div button.btn_kh:hover{
	background: white;
	border: 1px solid var(--pri);
	color: var(--pri);
}

.hero_header_buttons div button.btn_jobs{
	background: #4d4e4e;
}

.hero_header_buttons div button.btn_jobs:hover{
	background: white;
	border: 1px solid #4d4e4e;
	color: #4d4e4e;
}

.hero_header_buttons div button.btn_adver{
	background: #1e87ff;
}
.hero_header_buttons div button.btn_adver:hover{
	background: white;
	border: 1px solid #1e87ff;
	color: #1e87ff;
}

.hero_header_right {
    position: relative;
}

.hero_header_right_download_btn button.btn_news {
    background: white;
    height: 44px;
    width: 85%;
    border-radius: 10px;
    position: absolute;
    top: 80%;
    transform: translateX(-50%);
    left: 50%;
    color: var(--pridim);
    border: none;
    font-size: 2rem;
    cursor: pointer;
    font-weight: 700;
}

.hero_header_right_download_btn button.btn_news:hover{
	background: white;
	border: none;
	color: #ef4444;
}

.hero_header_right_img img {
    width: 320px;
    height: 356px;
    margin: 20px 0px;
    border-radius: 12px 12px 0px 0px;
    border: 1px solid gainsboro;
    border-bottom: none;
}

/** Latest News Wrapper **/

.latest_news_holder {
    box-shadow: var(--sha);
    border-radius: var(--curve);
    text-align: left;
    padding: 9px;
}

.latest_news_wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, var(--gtcw));
    grid-gap: 30px;
    justify-content: center;
}

.latest_news_wrapper_img {
    width: 100%;
    padding: 0px;
    border-radius: 15px;
    margin-bottom: 10px;
}

.latest_news_wrapper_img img {
    width: 100%;
    object-fit: cover;
    height: 202px;
    border-radius: 0px;
    aspect-ratio: 2/1;
}

.lastes_news_middle {
    margin-top: 13px;
}

.latest_news_wrapper_title h2{
	font-size: 2rem;
	color: var(--bgdim);
	text-decoration: none;
	font-weight: 600;
	margin: 10px 7px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipse;
}

.latest_news_wrapper_footer {
    display: grid;
    grid-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    margin: 10px 7px;
    text-align: center;
}

.latest_footer_author p {
	color: var(--bgdim);
    width: 100%;
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    font-size: 15px;
}

.latest_footer_author p img {
    width: 30px;
    height: 30px;
    border-radius: 3px;
}

.latest_footer_category, .latest_footer_category p {
    width: max-content;
    font-size: 1.5rem;
    background: var(--pri);
    padding: 1px 4px;
    color: white;
    border-radius: 17px;
    margin-left: 4px;
}

/** Short News Wrapper **/

.short_news_holder{
 display: grid;
    grid-template-columns: repeat(auto-fit, var(--gtcw));
    grid-gap: 30px;
    justify-content: center;

}

.short_news_wrapper {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, var(--gtcw));
    justify-content: center;
    grid-gap: 30px;
}

.short_news_wrapper_image {
    width: 100%;
}

.short_news_wrapper_image img {
    width: 100%;
    object-fit: cover;
	 aspect-ratio: 2/1;
	border-radius: 6px;
}

.short_news_wrapper_heading h2{
	font-size: 2rem;
	color: var(--bgdim);
	text-decoration: none;
	font-weight: 600;
	margin: 10px 2px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipse;
}

.short_news_wrapper_footer {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
    margin: 0;
    width: 100%;
    text-align: center;
    align-content: center;
    justify-content: center;
}

.short_news_wrapper_footer p{
	color: var(--bgdim);
	font-size: 1.2rem;
}

/**Jobs Wrapper**/

.jobs_wrapper_holder {
    box-shadow: var(--sha);
    border: 1px solid gainsboro;
    padding: 10px;
    border-radius: 12px;
}

.jobs_wrapper {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, var(--gtcw));
    grid-gap: 30px;
}

.jobs_wrapper_image {
    width: 100%;
}

.jobs_wrapper_image img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 2/1;
	border-radius: 6px;
}

.jobs_wrapper_heading h2{
	font-size: 2rem;
	color: var(--bgdim);
	text-decoration: none;
	font-weight: 600;
	margin: 10px 2px;
	display: -webkit-block;
	overflow: hidden;
	text-overflow: ellipse;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}


.jobs_wrapper_wrapper_footer {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
    grid-gap: 20px;
    margin: 10px auto;
}

.jobs_wrapper_wrapper_footer p{
	color: var(--bgdim);
	font-size: 1.2rem;
}

/**Krushi Sindhu Wrapper **/

.krushi_sindhu_wrapper_holder {
    box-shadow: var(--sha);
    border: 1px solid gainsboro;
    padding: 10px;
    border-radius: 12px;
}

.krushi_sindhu_wrapper{
	display: grid;
	grid-template-columns: repeat(auto-fit, var(--gtcw));
	grid-gap: 30px;
	justify-content: center;
}

.krushi_sindhu_wrapper_holder{
	width: 100%;
}

.krushi_sindhu_wrapper_img img{
	 width: 100%;
    object-fit: cover;
    aspect-ratio: 2/1;
	border-radius: 6px;
}

.krushi_sindhu_heading h2{
	font-size: 2rem;
	color: var(--bgdim);
	text-decoration: none;
	font-weight: 600;
	margin: 10px 2px;
	display: -webkit-block;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipse;
}

.krushi_sindhu_wrapper_footer{
	 display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
    grid-gap: 20px;
    margin: 10px auto;
}

.krushi_sindhu_wrapper_footer p{
	color: var(--bgdim);
	font: 1.2rem;
}


/** Must Read Wrapper **/

.must_read_holder{
 box-shadow: var(--sha);
    border: 1px solid gainsboro;
    padding: 10px;
    border-radius: 12px;
}

.must_read_wrapper {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, var(--gtcw));
    grid-gap: 30px;
    justify-content: center;
}

.must_read_wrapper_img {
    width: 100%;
}

.must_read_wrapper_img img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 2/1;
	border-radius: 6px;
}

.must_read_heading{
	font-size: 2rem;
	color: var(--bgdim);
	text-decoration: none;
	font-weight: 600;
}

.must_read_wrapper_heading h2{
	font-size: 2rem;
	color: var(--bgdim);
	text-decoration: none;
	font-weight: 600;
	margin: 10px 2px;
	display: -webkit-block;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipse;
}

.must_read_wrapper_footer{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
    grid-gap: 20px;
    margin: 10px auto;
}

.must_read_wrapper_footer p{
	font: 1.2rem;
	color: var(--bgdim);
}

/**Single Post section **/


.homemint_page {
    display: grid;
    grid-template-columns: 2.5fr 1fr;
    width: 95%;
    margin: 20px auto;
    grid-gap: 20px;
    padding: 16px;
}

.body-left-page {
    background: white;
    padding: 16px 16px;
}

.body-left-page p {
    font-size: 1.8rem;
    line-height: 2;
    padding: 9px;
}

.custom_featured_image {
    max-width: 90%;
    height: auto;
    margin: 20px auto;
	border-radius: 0px;
    text-align: center;
    align-items: center;
    display: flex;
    aspect-ratio: 2/1;
    width: 70%;
}

h1.posttitle {
    margin: 0px var(--spacing-medium);
    padding: 0px;
    font-size: 24px;
    color: var(--pri);
    font-weight: 700;
    text-transform: capitalize;
    text-align: left;
}

.breadcrumb {
    margin: 1px var(--spacing-small);
    text-align: left;
    padding: 9px;
    font-size: 1.6rem;
}

.breadcrumb a{
	color: var(--bgdim);
}

.post_top_share {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    gap: 11px;
    margin: 12px 0px 0px 0px;
    background: ghostwhite;
    padding: 7px 14px;
    border-radius: 12px;
}

.post_top_share div{
	cursor: pointer;
}

.post_top_info {
    display: flex;
    margin: 0px var(--spacing-medium);
}

.post_top_info p{
	font-size: 1.6rem;
	padding: 0px;
	margin: 0px;
}

.post_top_info_flex {
    display: flex;
    gap: 12px;
}

.post_top_share {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
}

.post_top_share svg {
    width: 39px;
    height: 40px;
}

/**Post Author Box**/

.author-box {
    max-width: 95%;
    margin: 20px auto;
    border-radius: var(--curve);
    padding: 24px 31px;
    background: white;
    display: grid;
    grid-template-columns: 1fr 4fr;
    text-align: center;
    align-items: center;
    box-shadow: var(--sha);
    border: 1px solid gainsboro;
}

.author-info {
    text-align: left;
}

.author-info h3, .author-info h3 a {
    width: 98%;
    margin: 10px 0px;
    font-size: 1.8rem;
    color: var(--pri);
}

.author-info p {
    padding: 0px !important;
    margin: 0px !important;
	font-size: 18px;
}

.author-avatar, .author-avatar img {
    width: 100px;
    height: 100px;
    margin: 0px auto;
    border-radius: 11%;
}

/**Comment Section **/

div#respond input {
    border: 1px solid gainsboro;
    width: 100%;
    padding: 10px 0px;
    margin-top: 10px;
}

div#respond input:focus {
 outline: none;
 padding: 9px;
width: 98%;
}

textarea#comment {
    width: 100%;
    border: 1px solid gainsboro;
    margin-top: 11px;
    resize: none;
    border-radius: var(--curve);
    padding: 10px;
}

textarea#comment:focus {
    outline: 1px solid gainsboro;
    font-size: 20px;
}
p.comment-form-cookies-consent {
    display: flex;
    max-width: 100%;
    font-size: 15px;
    height: 26px;
    text-align: left;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
}

input#wp-comment-cookies-consent {
    width: 15px !important;
    text-align: center;
    padding: 0px !important;
    margin: 0px 6px 0px 0px !important;
}

input#submit {
    background: var(--prigri);
    color: white;
    font-size: 18px;
	cursor: pointer;
	transition: 0.2s ease all;
	border-radius: var(--curve);
}

#submit:hover {
    border-radius: 22px;
    background: white;
    color: var(--pri);
    border: 1px solid var(--pri);
}

/*comment section design */

.comment-body {
    border: 1px solid gainsboro;
    border-radius: 0px;
    padding: 16px;
    box-sizing: border-box;
    margin-top: 30px;
    box-shadow: var(--sha);
}

.comment-list a {
    text-decoration: none !important;
}

cite.fn {
    font-style: inherit;
    margin-right: 9px;
    text-decoration: none;
}


.comment-list {display: block;list-style:none;}
.comment-list .comment .comment-body .comment-author {display: flex;justify-content: left;align-items: center;}
.comment-list .comment .comment-body .comment-author .avatar {width: 50px;height: 50px;border-radius: 50%; margin-right: 11px;}
.comment-list .comment .comment-body .reply {background: var(--pri); height: 37px; width: 30%; text-align: center; border-radius: 22px; cursor: pointer;}
.comment-list .comment .comment-body .reply .comment-reply-link {color: var(--ter);}



.body-right {
    width: 100%;
    background: white;
    display: flex;
    flex-direction: column;
    padding: 25px;
}


/**Footer Section Design**/

footer {
    width: 100%;
    background: white;
    border-top: 1px solid gainsboro;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    padding-top: 20px;
}

.footer_top {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, var(--gtcw));
    justify-content: center;
    width: 100%;
    grid-gap: 28px;
    margin: 0px auto;
    text-align: center;
}

.footer_top_section {
    width: 100%;
    min-height: 100px;
}

.footer_top_section_heading h2 {
    font-size: 2.2rem;
    color: var(--pri);
    text-align: left;
}

.footer_top_section_content ul {
    list-style: none;
    padding: 0px;
    margin: 20px auto;
    text-align: left;
}

.footer_top_section_content ul li {
    font-size: 1.6rem;
    color: var(--bgdim);
}

.footer_top_section_content ul li a{
	color: var(--bgdim);
}

/**Footer About Us Design **/


.footer_top_section_content p {
    font-size: 1.6rem;
    text-align: left;
    color: var(--bgdim);
	margin:10px auto;
}

.footer_about_logo img {
    width: 200px;
    display: flex;
    justify-content: flex-start;
}

.footer_bottom {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 49px;
    border-top: 1px solid gainsboro;
    font-size: 1.5rem;
    text-transform: capitalize;
}

.footer_bottom_credits {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer_bottom_credits p {
    margin-top: 19px;
    text-align: center;
    align-items: center;
    margin-bottom: 10px;
}