@font-face {font-family: 'Lato';src: url('../fonts/Lato-Black.eot');src: url('../fonts/Lato-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Black.woff2') format('woff2'), url('../fonts/Lato-Black.woff') format('woff'), url('../fonts/Lato-Black.ttf') format('truetype'), url('../fonts/Lato-Black.svg#Lato-Black') format('svg');font-weight: 900;font-style: normal;font-display: swap;}
@font-face {font-family: 'Lato';src: url('../fonts/Lato-BlackItalic.eot');src: url('../fonts/Lato-BlackItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-BlackItalic.woff2') format('woff2'), url('../fonts/Lato-BlackItalic.woff') format('woff'), url('../fonts/Lato-BlackItalic.ttf') format('truetype'), url('../fonts/Lato-BlackItalic.svg#Lato-BlackItalic') format('svg');font-weight: 900;font-style: italic;font-display: swap;}
@font-face {font-family: 'Lato';src: url('../fonts/Lato-Bold.eot');src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Bold.woff2') format('woff2'), url('../fonts/Lato-Bold.woff') format('woff'), url('../fonts/Lato-Bold.ttf') format('truetype'), url('../fonts/Lato-Bold.svg#Lato-Bold') format('svg');font-weight: bold;font-style: normal;font-display: swap;}
@font-face {font-family: 'Lato Hairline';src: url('../fonts/Lato-HairlineItalic.eot');src: url('../fonts/Lato-HairlineItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-HairlineItalic.woff2') format('woff2'), url('../fonts/Lato-HairlineItalic.woff') format('woff'), url('../fonts/Lato-HairlineItalic.ttf') format('truetype'), url('../fonts/Lato-HairlineItalic.svg#Lato-HairlineItalic') format('svg');font-weight: 300;font-style: italic;font-display: swap;}
@font-face {font-family: 'Lato';src: url('../fonts/Lato-LightItalic.eot');src: url('../fonts/Lato-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-LightItalic.woff2') format('woff2'), url('../fonts/Lato-LightItalic.woff') format('woff'), url('../fonts/Lato-LightItalic.ttf') format('truetype'), url('../fonts/Lato-LightItalic.svg#Lato-LightItalic') format('svg');font-weight: 300;font-style: italic;font-display: swap;}
@font-face {font-family: 'Lato';src: url('../fonts/Lato-Regular.eot');src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Regular.woff2') format('woff2'), url('../fonts/Lato-Regular.woff') format('woff'), url('../fonts/Lato-Regular.ttf') format('truetype'), url('../fonts/Lato-Regular.svg#Lato-Regular') format('svg');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'Lato Hairline';src: url('../fonts/Lato-Hairline.eot');src: url('../fonts/Lato-Hairline.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Hairline.woff2') format('woff2'), url('../fonts/Lato-Hairline.woff') format('woff'), url('../fonts/Lato-Hairline.ttf') format('truetype'), url('../fonts/Lato-Hairline.svg#Lato-Hairline') format('svg');font-weight: 300;font-style: normal;font-display: swap;}
@font-face {font-family: 'Lato';src: url('../fonts/Lato-BoldItalic.eot');src: url('../fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-BoldItalic.woff2') format('woff2'), url('../fonts/Lato-BoldItalic.woff') format('woff'), url('../fonts/Lato-BoldItalic.ttf') format('truetype'), url('../fonts/Lato-BoldItalic.svg#Lato-BoldItalic') format('svg');font-weight: bold;font-style: italic;font-display: swap;}
@font-face {font-family: 'Lato';src: url('../fonts/Lato-Italic.eot');src: url('../fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Italic.woff2') format('woff2'), url('../fonts/Lato-Italic.woff') format('woff'), url('../fonts/Lato-Italic.ttf') format('truetype'), url('../fonts/Lato-Italic.svg#Lato-Italic') format('svg');font-weight: normal;font-style: italic;font-display: swap;}
@font-face {font-family: 'Lato';src: url('../fonts/Lato-Light.eot');src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Light.woff2') format('woff2'), url('../fonts/Lato-Light.woff') format('woff'), url('../fonts/Lato-Light.ttf') format('truetype'), url('../fonts/Lato-Light.svg#Lato-Light') format('svg');font-weight: 300;font-style: normal;font-display: swap;}
@font-face {font-family: 'Playfair Display';src: url('../fonts/PlayfairDisplay-Italic.eot');src: url('../fonts/PlayfairDisplay-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/PlayfairDisplay-Italic.woff2') format('woff2'), url('../fonts/PlayfairDisplay-Italic.woff') format('woff'), url('../fonts/PlayfairDisplay-Italic.ttf') format('truetype'), url('../fonts/PlayfairDisplay-Italic.svg#PlayfairDisplay-Italic') format('svg');font-weight: normal;font-style: italic;font-display: swap;}
@font-face {font-family: 'Playfair Display';src: url('../fonts/PlayfairDisplay-Regular.eot');src: url('../fonts/PlayfairDisplay-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/PlayfairDisplay-Regular.woff2') format('woff2'), url('../fonts/PlayfairDisplay-Regular.woff') format('woff'), url('../fonts/PlayfairDisplay-Regular.ttf') format('truetype'), url('../fonts/PlayfairDisplay-Regular.svg#PlayfairDisplay-Regular') format('svg');font-weight: normal;font-style: normal;font-display: swap;}

/* Resource page css start */

.resource-hero .resource-headline {padding: 40px 20px;max-width: 600px;}
.resource-hero {position: relative;min-height: 582px;display: flex;align-items: center;background-color: #6C822A;}
.resource-hero .resource-row {max-width: 1560px;width: 100%;margin: 0 auto;}
.resource-hero .title {font-size: 42px;margin-bottom: 30px;padding: 0px;line-height: 54px;font-weight: 700;color: #fff;}
.resource-hero .resource-col.col-img img {position: absolute;top: 0px;right: 0px;width: 50%;height: 100%;object-fit: cover;object-position: center;}
.resource-hero .text {font-size: 19px;line-height: 34px;font-weight: 500;color: #fff;}

.resource-layout .flex{display: flex;width: 100%;}
.resource-layout {max-width: 1560px;margin: 0 auto;padding: 100px 20px;}
.resources-single-page h2,
.resource-layout h2.title {margin-bottom: 30px;padding: 0px;text-align: center;font-size: 42px;line-height: 54px;font-weight: 700;}
.resource-layout .grid-resources {display: grid;grid-template-columns: 662px auto;row-gap: 25px;column-gap: 38px;}
.resource-layout .grid-list:first-child {grid-row-start: 1;grid-row-end: 3;}
.resource-layout .card {display: flex;position: relative;background-color: #EEEEEE;border-radius: 10px;overflow: hidden;}
.resource-layout .card-img,
.resource-layout .card-body {width: 50%;}
.resource-layout .card-body{padding: 40px 40px 24px;}
.resource-layout .card-img{display: flex;overflow: hidden;position: relative;}
.resource-layout .card-img img {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;object-fit: cover;object-position: center;transition: all 0.2s;}
.resource-layout .grid-list:first-child .card{flex-direction: column;}
.resource-layout .grid-list:first-child .card-img img {position: relative;width: 100%;max-height: 405px;}
.resource-layout .grid-list:first-child .card-img,
.resource-layout .grid-list:first-child .card-body {width: 100%;}
.resource-layout .grid-list:first-child .card-body{padding: 40px;}
.resource-layout .card-title {font-weight: 700;font-size: 24px;vertical-align: middle;text-transform: capitalize;color: #222222;padding-bottom: 20px;font-family: 'Lato';letter-spacing: 1px;}
.resource-layout p.card-text {font-family: Montserrat;font-weight: 500;font-size: 19px;line-height: 34.2px;letter-spacing: 0px;vertical-align: middle;padding-bottom: 20px;color: #222222;}
.resource-layout .learn-btn {position: relative;font-weight: 400;font-size: 18px;line-height: 160%;letter-spacing: 0;color: #222222;font-family: 'Lato';transition: 0.2s color;}
.resource-layout .learn-btn::before {content: '';position: absolute;background-image: url('../images/btn-arrow.png');width: 10px;height: 10px;right: -25px;top: 6px;transition: 0.2s filter;}
.resource-layout .learn-btn:hover{color: #99bc2f;}
.resource-layout .learn-btn:hover::before {filter: invert(76%) sepia(41%) saturate(756%) hue-rotate(26deg) brightness(88%) contrast(85%);}
.resource-other-post {margin-top: 80px;}
.resource-layout .resource-other-post h2.title {text-align: left;margin-bottom: 50px;}
.resource-other-post .resource-posts {display: flex;min-height: 275px;position: relative;}
.resource-other-post .resource-posts .resource-img img {position: absolute;top: 0px;width: 100%;height: 100%;border-radius: 10px;object-fit: cover;transition: all 0.2s;}
.resource-other-post .resource-w-100:not(:last-child) {margin-bottom: 40px;}
.resource-other-post .content-rp {margin-left: 20px;flex: 1;}
.resource-other-post h3.sub-heading {font-weight: 700;font-size: 24px;line-height: 21px;letter-spacing: 1px;vertical-align: middle;text-transform: capitalize;color: #222222;padding-bottom: 16px;font-family: 'Lato';}
.resource-other-post .rp-info {display: flex;gap: 16px;margin-bottom: 16px;}
.resource-other-post .rp-info .info {display: flex;gap: 15px;align-items: center;}
.resource-other-post .rp-info .info .info-img {object-fit: contain;}
.resource-other-post .rp-info .info p.info-text {font-weight: 500;font-size: 19px;line-height: 34.2px;letter-spacing: 0%;}
.resources-single-page .rsp-text,
.resources-single-page .rsp-cta-text,
.resource-other-post p.sub-text {font-weight: 500;font-size: 19px;line-height: 34.2px;letter-spacing: 0px;margin-bottom: 16px;color: #222222;}
.resource-other-post a.btn-primary {padding: 9px 20px;background-color: #6C822A;color: #fff;font-weight: 700;font-size: 28px;line-height: 1.7145;letter-spacing: 0;text-align: right;vertical-align: middle;text-transform: uppercase;display: inline-block;border: 2px solid #6C822A;transition: 0.2s all;font-family: 'Lato';}
.resource-other-post a.btn-primary:hover {background-color: transparent;color: #6C822A;}
.pagination {padding-top: 50px;display: flex;justify-content: center;gap: 8px;}
.pagination .page-numbers {width: 51px;border-radius: 12.9px;border-width: 1.61px;padding: 16.13px;height: 51px;background-color: #EEEEEE;display: flex;justify-content: center;align-items: center;font-family: Lato;font-weight: 700;font-size: 16.52px;line-height: 100%;letter-spacing: 0px;color: #333333;transition: all 0.2s;}
.pagination .page-numbers.current{background-color: #6C822A;color: #FFFFFF;}
.pagination a.next.page-numbers {transform: rotate(180deg);}

.archive.tax-resources-category div#et-boc,
.archive.post-type-archive  div#et-boc {border-top: 1px solid #6C822A;}

.resources-single-page {padding: 100px 20px;max-width: 1560px;margin: 0 auto;}
.resources-single-page .rsp-row {display: flex;gap: 68px;}
.resources-single-page .rsp-sidebar {width: 493px;}
.resources-single-page .rsp-col {flex: 1;display: flex;flex-direction: column;gap: 30px;}
.resources-single-page .rsp-categories {background-color: #6C822A;padding: 60px 60px 50px 80px;border-radius: 10px;}
.resources-single-page .rsp-sidebar-heading {font-family: Lato;font-weight: 700;font-size: 36px;line-height: 42px;letter-spacing: 0px;color: #fff;padding-bottom: 35px;}
.resources-single-page .rsp-category-link {position: relative;color: #fff;font-weight: 500;font-size: 19px;line-height: 34.2px;letter-spacing: 0px;display: inline-block;}
.resources-single-page .rsp-category-link::before {content: '';position: absolute;top: 0px;height: 100%;width: 4px;left: -20px;background-color: #fff;opacity: 0;}
.resources-single-page .rsp-category-link:hover::before{opacity: 1;}
.resources-single-page .rsp-category-list {display: flex;flex-direction: column;gap: 19px;}

.resources-single-page .rsp-related-posts {margin-top: 50px;background-color: rgb(197 210 132 / 26%);padding: 81.5px 50px;border-radius: 10px;display: flex;flex-direction: column;gap: 45px;}
.resources-single-page .rsp-related-list {background-color: #fff;border-radius: 10px;overflow: hidden;}
.resources-single-page .rsp-post-content {padding: 20px;}
.resources-single-page .rsp-post-title {font-family: 'Lato';font-weight: 700;font-size: 24px;line-height: 21px;letter-spacing: 1px;vertical-align: middle;text-transform: capitalize;color: #222222;padding-bottom: 20px;}
.resources-single-page .rsp-btn-arrow {font-family: 'Lato';font-weight: 400;font-size: 18px;line-height: 160%;letter-spacing: 0px;color: #222222;position: relative;transition: 0.2s color;}
.resources-single-page .rsp-btn-arrow::before {content: '';position: absolute;background-image: url('../images/btn-arrow.png');width: 10px;height: 10px;right: -25px;top: 6px;transition: 0.2s filter;}
.resources-single-page .rsp-btn-arrow:hover{color: #99bc2f;}
.resources-single-page .rsp-btn-arrow:hover::before {filter: invert(76%) sepia(41%) saturate(756%) hue-rotate(26deg) brightness(88%) contrast(85%);}
.resources-single-page h2 {text-align: left;margin-bottom: 30px;}
.resources-single-page h2.rsp-title{margin-top: 20px;}
.resources-single-page .rsp-img-part{display: flex;}
.resources-single-page .rsp-cta-content {background-color: rgb(197 210 132 / 26%);padding: 35px 40px;border-radius: 10px;}
.resources-single-page .rsp-text {margin: 30px 0px 0px;}
.resources-single-page .rsp-cta-btn {font-family: 'Lato';font-weight: 700;font-size: 28px;line-height: 47.6px;letter-spacing: 0;text-align: right;vertical-align: middle;text-transform: uppercase;border: 3px solid #6C822A;padding: 9px 20px;border-radius: 5px;display: inline-block;margin-top: 30px;position: relative;transition: all 0.2s;color: #6C822A;}
.resources-single-page .rsp-cta-btn:hover {background-color: #6C822A;color: #fff;}
.rsp-content-block.only-content .rsp-text {margin: 0px;}
.resources-single-page .rsp-cta-text {margin-bottom: 0px;}
.rsp-content-block.img-position-bottom {display: flex;flex-direction: column-reverse;}
.rsp-content-block.img-position-bottom .rsp-img-part {margin-top: 30px;}
.resources-single-page .rsp-post-img img {max-height: 194px;object-fit: cover;transition: all 0.2s;}

.rsp-content-block.only-content .rsp-text ul {margin-top: 30px;display: flex;flex-wrap: wrap;gap: 20px;}
.rsp-content-block.only-content .rsp-text ul li {width: calc(50% - 10px);position: relative;padding-left: 27px;}
.rsp-content-block.only-content .rsp-text ul li::before {content: '';position: absolute;width: 12px;height: 12px;background-color: #6C822A;border-radius: 50%;top: 9px;left: 0px;}
.resource-other-post h3.sub-heading a, 
.resources-single-page .rsp-post-title a, 
.resource-layout .card-title a{transition: 0.2s color;}
.resource-other-post h3.sub-heading a:hover, 
.resources-single-page .rsp-post-title a:hover, 
.resource-layout .card-title a:hover{color: #99bc2f;}
.resource-layout .card-img img:hover {transform: scale(1.2);}
.resource-other-post .resource-img {overflow: hidden;position: relative;max-width: 453px;height: inherit;width: 100%;border-radius: 10px;}
.resource-other-post .resource-posts .resource-img img:hover {transform: scale(1.1);}
.rsp-related-posts .rsp-post-img a {display: flex;overflow: hidden;border-radius: 10px 10px 0 0px;}
.resources-single-page .rsp-post-img img:hover {transform: scale(1.1);}
.pagination .page-numbers:hover {background-color: #6c822b;color: #fff;}
.pagination a.next.page-numbers:hover img {filter: brightness(10);}
/* Resorce page css end */

/* Responsive css */
@media(max-width: 1440px) {
    .resource-layout .grid-resources {grid-template-columns: 40% auto;}
    .resource-other-post .resource-img {max-width: 350px;}
}
@media(max-width: 1280px){
    .resource-layout h2.title, .resources-single-page h2,
    .resource-hero .title{font-size: 35px;line-height: 1.3;}
    .resource-layout p.card-text,
    .resource-other-post p.sub-text,
    .resources-single-page .rsp-text,
    .resources-single-page .rsp-cta-text,
    .resource-other-post .rp-info .info p.info-text,
    .resources-single-page .rsp-category-link,
    .resource-hero .text{font-size: 17px;line-height: 1.7;}
    .resource-other-post h3.sub-heading,
    .resources-single-page .rsp-post-title,
    .resource-layout .card-title {font-size: 22px;line-height: 1.3;}
    .resource-other-post .resource-img{max-width: 300px;}
    /* .resource-other-post .content-rp {margin-left: 430px;} */
    
    .resource-layout .learn-btn {font-size: 16px;line-height: 1.6;}
    .resources-single-page .rsp-cta-btn,
    .resource-other-post a.btn-primary {font-size: 22px;line-height: 1.6;}
    .resource-layout .grid-resources {grid-template-columns: 33% auto;}
    .resource-hero .resource-headline {max-width: 50%;}
    .resource-hero {min-height: 500px;}
    .resources-single-page .rsp-sidebar {width: 420px;}
    .resources-single-page .rsp-categories {padding: 40px;}
    .resources-single-page .rsp-sidebar-heading{font-size: 32px;line-height: 1.2;padding-bottom: 25px;}
    .resources-single-page .rsp-category-link::before{left: -15px;}
    .resources-single-page .rsp-row{gap: 40px;}
    .rsp-content-block.only-content .rsp-text ul li {width: 100%;}
}
@media(max-width: 1023px){
    .resources-single-page .rsp-row {flex-direction: column;}
    .resources-single-page .rsp-sidebar {width: 100%;}
    .resources-single-page .rsp-post-img img{max-height: 250px;}
    .resource-layout .grid-resources {grid-template-columns: auto;}
    .resource-col.col-img {display: none;}
    .resource-hero .resource-headline {max-width: 100%;}
    .resource-hero {min-height: 350px;}
    .resource-layout .grid-resources {grid-template-columns: auto;}
    .resource-layout .card {flex-direction: column;}
    .resource-layout .card-img img {position: static;width: 100%;}
    .resource-layout .card-img, .resource-layout .card-body {width: 100%;}
    .resource-layout .grid-list:first-child .card-img img,
    .resource-layout .card-img img {max-height: 350px;}
    .resource-other-post .resource-img{max-width: 280px;}
    /* .resource-other-post .content-rp {margin-left: 320px;} */
    .resource-layout p.card-text, .resource-other-post p.sub-text, .resources-single-page .rsp-text, .resources-single-page .rsp-category-link, .resources-single-page .rsp-cta-text, .resource-other-post .rp-info .info p.info-text, .resource-hero .text {font-size: 15px;line-height: 1.7;}
    .resource-other-post h3.sub-heading, .resources-single-page .rsp-post-title, .resource-layout .card-title {font-size: 20px;}
    .resources-single-page .rsp-cta-btn,
    .resource-other-post a.btn-primary {font-size: 18px;}
    .resource-layout h2.title, .resources-single-page h2, .resource-hero .title {font-size: 30px;}
    .resources-single-page,
    .resource-layout{padding: 60px 20px;}
    .resource-layout .card-body,
    .resource-layout .grid-list:first-child .card-body {padding: 25px;}
    .resources-single-page .rsp-related-posts {padding: 50px 40px;}
    .resources-single-page .rsp-sidebar-heading{font-size: 28px;}
    
    
}
@media(max-width: 767px){
    .resource-other-post .resource-img{max-width: 100%;}
    .resources-single-page .rsp-related-posts {padding: 30px 20px;gap: 30px;margin-top: 30px;}
    .resources-single-page .rsp-categories{padding: 30px 30px 30px 40px;}
    .resource-other-post .resource-posts {flex-direction: column;}
    .resource-other-post .resource-posts .resource-img {width: 100%;}
    .resource-other-post .resource-posts .resource-img img {position: static;width: 100%;height: auto;max-height: 300px;max-width: 100%;}
    .resource-other-post .content-rp {margin: 0px;padding-top: 15px;}
    .resource-layout .resource-other-post h2.title{margin-bottom: 30px;}
    .resources-single-page .rsp-cta-btn,
    .resource-other-post a.btn-primary {font-size: 16px;}
    .resource-hero .title{margin-bottom: 20px;}
    .resource-layout h2.title, .resources-single-page h2, .resource-hero .title {font-size: 26px;}
    .rsp-content-block.only-content .rsp-text ul li {width: 100%;padding-left: 20px;}
    .rsp-content-block.only-content .rsp-text ul li::before {width: 8px;height: 8px;}
    .resources-single-page .rsp-cta-content{padding: 25px 20px;}
    .resources-single-page .rsp-sidebar-heading{font-size: 25px;}

}