.herobanner{background: var(--color-smoke-grey);overflow-x:clip;}
.herobanner:before{width: 100%; height: 100%; background: inherit; position: absolute; left: 0; bottom: 100%; z-index: -1; content: '';}
.herobanner-content{grid-template-columns: 1fr 4vh;grid-gap: 0;gap: 0;grid-template-rows: 45vh auto 15vh auto auto;}
/* === banner left content === */
.herobanner_leftbx{grid-area: 2/1/4/1;z-index:1}
.herobanner_leftin{background: var(--color-white); border-top: 3px solid var( --color-light-purple); padding: 50px 30px;}
/* === baner right link nav === */
.herobanner_linknav{grid-area: 6/4/6/1;margin-top: 2.5rem}
.herobanner_linknav a{text-decoration: none;color: var(--color-black);}
.herobanner_linknavin{padding: 1.875rem 30% 1.875rem 1.25rem; border-top: 2px solid var(--color-blue); background: var(--color-white); z-index:3; flex-direction: column; gap: 0 1.875rem; transition: all .3s ease;}
.herobanner_linknav a:hover .herobanner_linknavin{scale: 110%;z-index: 200;box-shadow: 0 5px 15px 5px #0004;}
.herobanner p{font-size: 1.125rem; line-height: 1.75rem; margin: .625rem 0 0;}
.herobanner_linknavin:after{width: 2.5rem; height: 2.5rem; border-radius: 100%; background-color: #2314a7; color: #fff; align-items: center; justify-content: center; display: flex; aspect-ratio: 1 / 1; transition: all; transition-duration: .3s; transition-timing-function: ease-in-out; content: ''; position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%);}
.herobanner_linknavin:before {width: 8px; height: 8px; border: 2px solid white; border-left: 0; border-top: 0; content: ''; position: absolute; right: 37.7px; top: 50%; transform: translateY(-50%) rotate(-45deg); z-index: 1;}
/* === banner image === */
.herobanner_img{grid-area: 1/1/3/3;margin: 0 -.9375rem;}
.herobanner_img img{height:100%;}
/* === banner bottom left content === */
.herobanner_infotitle{grid-area: 4/1/4/3;padding: 1.875rem 1.25rem;}
.herobanner_infotitle h2{margin:0;font-size: 1.5rem;line-height: 2rem}
.herobanner-content:after{content: "";display: block;position: absolute;width: 20rem;height: 53.75rem;transform: translateX(220px);top: -85px;right: 0;pointer-events: none;mix-blend-mode: multiply;background-color: #a8a9f7;}
.herobanner_leftin .text-black{font-size: 1rem;line-height: 1.5rem;font-weight: 400;}
@media only screen and (max-width:992px){
.article-landing-cta.d-flex.justify-content-center {padding-top: 1.25rem;border-top: 1px solid #3434341a;}
}
@media only screen and (min-width:740px){
.herobanner-content{grid-template-rows: 60vh auto 7vh auto auto; grid-template-columns: 1fr 7vh;}
.herobanner_infotitle{background-color:unset;}
}
@media only screen and (min-width:992px){
.herobanner-content{grid-template-columns:repeat(12,1fr); gap: 0 3rem;grid-template-rows: 3.125rem 1fr auto}
.herobanner_leftbx{grid-area: 1/1/3/6}
.herobanner_leftin{transform:translateX(-20px)}
.herobanner_linknav{grid-area: 1/8/3/13;margin-top: 0}
.herobanner_img{grid-area:2/5/4/12;margin: 0}
.herobanner_infotitle{grid-area: 3/1/4/5;padding:0;}
.herobanner_infotitle h2{margin:3.125rem 5rem 1.375rem 0;}
.herobanner_linknavin{padding:20px 84px 20px 20px}
}
@media only screen and (min-width:1160px){
.herobanner_linknav{grid-area: 1/9/3/13}
.herobanner_infotitle h2{font-size:2rem;line-height: 2.5rem}
.herobanner-content:after{width:  28.4375rem;height: calc(100% + 125px);}
.herobanner_leftin{padding:6.25rem 3.125rem}
.herobanner_leftin .text-black{font-size: 1.125rem;line-height: 1.75rem;}
}
@media only screen and (min-width:1300px){
.herobanner_linknav{ grid-area:1/10/3/13}
}
@media only screen and (min-width:1540px){
.herobanner_img{grid-area:2/5/4/13}
.herobanner_infotitle h2{font-size:2.125rem;line-height: 2.75rem}
.herobanner_leftin{transform:translateX(0)}
}
/*====latest articles ===*/
.latest-articles-block-wrapper .latest-articles-block:not(:last-child) {border-bottom: 1px solid #3434341a;}
.latest-articles-block-wrapper sectiion:last-child{padding-bottom:0;}
.latest-articles-block:last-of-type{border-bottom:none;padding-bottom:0}
.latest-articles-wrapper { display: grid;grid-template: "presentation" auto "articles" auto "cta" auto/1fr;grid-gap: 1.25rem;gap: 1.25rem;}
.category-title{grid-area: presentation;}
.category-title h2{ font-size:1.75rem;line-height: 2.25rem;}
.articles-wrapper{grid-area: articles;display: grid;grid-template-columns: 1fr;grid-auto-flow: "dense";grid-auto-rows: auto;grid-gap: 1rem 0;gap: 1rem 0;}
.articles-block{grid-template: "image content" 1fr / 1fr 1fr;display: grid;align-items: flex-start;grid-gap: 1.25rem;gap: 1.25rem;text-decoration:none;}
.article-card-image{min-height:7.5rem;grid-area:image;overflow:hidden}
.article-card-image img{position:absolute;height:100%;width:100%;transition:all .3s ease;object-position:center center;}
.latest-article-content{margin:0 .625rem 0 0;grid-area:content;align-items:flex-start;}
.latest-article-category{color: #343434;font-size: .875rem;line-height: 1.25rem;padding: 0 0 .625rem;}
.article-card-title{display: grid;grid-gap: 0 .3125rem;gap: 0 .3125rem;grid-template-columns: 1fr auto;}
.article-card-title span{ font-size: 1rem;line-height: 1.375rem;color:var(--color-light-black);}
.articles-block:hover .latest-article-content .article-card-title span{color:var(--color-blue-secondary);}
.articles-block:hover .latest-article-content .latest-article-category{opacity:0.7;}
.articles-block:hover  .article-card-image img{transform:scale(1.1);}
.recommended-articles-first-block .recommended-articles-wrapper{grid-template:"image" auto"content" 1fr / 1fr;gap: .625rem;}
.article-landing-cta-left{display:none}
@media only screen and (min-width: 740px){
.article-card-image{min-height:10rem}
.articles-block{grid-template: "image content" 1fr / 1fr 1fr;}
.article-landing-cta-left{display:block}
.article-landing-cta{display:none!important}
}
@media only screen and (min-width: 992px){
.category-title h2{ font-size: 2.125rem;line-height: 2.75rem;}
.articles-wrapper{grid-template-columns:repeat(2,1fr);gap: 2rem;}
}
 @media only screen and (min-width: 1160px) {
.latest-articles-wrapper {gap:0 1.25rem;grid-template: "presentation articles" auto "cta cta " auto/1fr 3fr;}
.articles-wrapper{ grid-template-columns:1fr 1fr 1fr;grid-template-rows: 1fr;gap: .625rem 0;}
.latest-article-category{font-size:1rem;line-height: 1.375rem;padding: 0 0 1.25rem;}
.article-card-title span{font-size:1.125rem;line-height: 1.5rem;}
.articles-wrapper{ grid-template-columns: 1fr 1fr 1fr;grid-template-rows: 1fr;gap: 2rem  0;}
.article-landing-cta{display:none!important}
.articles-block{grid-template: "image" auto "content" 1fr / 1fr;}
}
/*banner tabs*/
.recommended-articles-wrapper:hover .recommended-article-content .article-title{color:var(--color-blue-secondary)}
.recommended-articles-wrapper:hover .recommended-article-content .recommended-article-title-wrapper .cta{background:var(--color-purple-secondary)}
.recommended-articles-wrapper .recommended-article-title-wrapper{ gap: 0 .3125rem;grid-template-columns: 1fr auto;}
.herobanner .recommended-articles-wrapper.first-block-article:hover{  box-shadow: 0 5px 15px 5px #0000004d;}
.herobanner .recommended-articles-wrapper:hover .recommended-article-image-wrapper img{transform:scale(1.1);transition:0.3s ease all}
.herobanner .recommended-article-content .article-title{font-size:1.5rem}
.herobanner .recommended-articles-section{display:none;}
.herobanner .recommended-articles-section h2{font-size:2.125rem;line-height:2.75rem}
.banner-tabs{grid-area:5/1/5/3;}
.bannner-tabs-list{gap:0 1px;}
.banner-tabs-item{z-index: 3;flex: 1 1;transition: all .3s ease;}
.banner-tabs-item-link{font-size:1.25rem;line-height:2.375rem;padding:1.875rem 4.688rem 1.875rem 1.25rem; ;flex-grow:1;}
h3.banner-tabs-item-link{font-size:1.25rem!important;line-height:2.375rem!important}
.recommended-articles-section:before{content: "";display: block;position: absolute;bottom: 0;z-index: 3;width: 28.4375rem;height: 41.5625rem;transform: translateX(-220px);mix-blend-mode: multiply;background-color: #a8a9f7;}
.recommended-articles-first-block{gap:1.5rem; grid-template-columns:repeat(1,1fr);}
.recommended-articles-wrapper{z-index:4;transition: all .3s ease-in-out;}
.first-block-article .recommended-article-image-wrapper{overflow:hidden;grid-area:image; min-height: 13.75rem;}
.first-block-article .recommended-article-image-wrapper img{transition: all .3s ease;}
.first-block-article .recommended-article-content{margin:0.625rem}
.first-block-article .recommended-article-content .article-category{padding: 0 0 .625rem;}
.recommended-articles-second-block{gap:1.5rem; grid-template-columns: repeat(1,1fr);}
.second-block-article{grid-template: "image" auto "content" 1fr/1fr;gap: .625rem}
.second-block-article .recommended-article-image-wrapper{grid-area:image;min-height:10rem;overflow:hidden;}
.second-block-article .recommended-article-content{grid-area:content}
.second-block-article .recommended-article-content .article-category{padding: 0 0 .625rem;}
.banner-tabs .bannner-tabs-list{flex-direction:column;}
.banner-tabs-item:hover{scale: 1.1;background: #2314a7; z-index: 4;}
.banner-tabs-item.active:hover{scale:1}
.banner-tabs-item-link::before{content: '';position: absolute;height: 32px;width: 32px;top: 50%;right: 20px;display: inline-block;transform: translateY(-50%);border-radius: 50%;border: 3px solid #A8A9F7;}
.banner-tabs-item-link{position: relative;}
.active .banner-tabs-item-link::after {content: "✓";height: 32px;width: 32px;background: #A8A9F7;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 15px;color: #2314a7; position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}
.recommended-articles-first-block .recommended-article-image-wrapper{max-height:220px}
.recommended-articles-second-block .recommended-article-image-wrapper{max-height:160px}
@media only screen and (min-width: 740px) {
.banner-tabs .bannner-tabs-list{flex-direction:row}
.recommended-articles-first-block{ grid-template-columns:repeat(2,1fr)}
.recommended-articles-second-block{grid-template-columns: repeat(3,1fr)}
}
@media only screen and (min-width: 992px) {
.banner-tabs{grid-area:4/1/5/12}
.recommended-articles-first-block .recommended-article-image-wrapper{max-height:400px}
.recommended-articles-second-block .recommended-article-image-wrapper{max-height:220px}
}
@media only screen and (min-width: 1160px) {
.first-block-article .recommended-article-image-wrapper{min-height:25rem}
.recommended-article-content .article-category{padding: 0 0 1.25rem}
.second-block-article .recommended-article-image-wrapper{min-height:13.75rem}
.second-block-article .recommended-article-content .article-category{padding: 0 0 1.25rem}
}
@media only screen and (min-width: 1300px) {
.first-block-article .recommended-article-content{ margin-right:1.25rem;margin-bottom: 1.25rem;margin-left: 1.25rem;}
.second-block-article{grid-template: "image" auto "content" 1fr/1fr;gap: 1.25rem}
.second-block-article .recommended-article-content{margin-right:1.25rem}
.recommended-articles-first-block .recommended-articles-wrapper{gap:1.25rem}
}
@media only screen and (min-width: 1540px) {
.banner-tabs{grid-area:4/1/5/13}
}