/* Common Start */
:root{
    --lightGreen: #F3F8F2;
    --green: #82AF29;
    --primaryGreen: #379E14;
    --chesnut: #305125;
    --primaryGreen500: #3AA616;
    --primaryGreen900: #23640D;
    --buttonGreen: #2B7B10;
    --primary100: #E8F1E7;
    --primary200: #CEE3CC;
    --primary300: #B1D3AD;
    --primary400: #8EC286;
    --primary700: #318E12;
    --primary50: #F3F8F2;
    --white: #fff;
    --black: #000;
    --neutral900: #111827;
    --neutral500: #6B7280;
    --neutral400: #9CA3AF;
    --neutral300: #D1D5DB;
    --neutral200: #E5E7EB;
    --neutral100: #F3F4F6;
    --neutral700: #374151;
    --neutral800: #374151;
    --blue: #10117B;
    --deepSea500: #272766;
    --secondary500: #1617A6;
    --secondary600: #15169E;
    --secondary50: #F2F2F8;
    --neutral50: #F9FAFB;
    --accent50: #F8F2F6;
    --accent500: #A61691;
    --rust500: #A64716;
    --earth200: #E3DCCC;
    --borderColor: #9CA3AF;
    --featureSection: #F3F4F6;
    --cardBorder: #E5E7EB;
    --deepSea800: #1D1D4B;
    --deepSea50: #F2F2F4;
    --secondary200: #CCCCE3;
    --error: #EF4444;
    --indigo700: #4a5ab1;
    --dogwoodrose: #D71E67;
    --darkyellow: #A68C16;
    --oldSiteGreen: #7DB22D;

    --forestGreen: #465A27;
    --darkGreen: #305125;
    --charcoalGrey: #2E3137;
    --honeyOrange: #A68C16;
    --lightOrange: #FFE29A;
    --teal: #1B4C4E;
    --duskyRose: #9F7272;

    --primaryGreenLight: #F3F8F2;
    --charcoalGreyLight: #F9FAFB;
}
.white, .White{
    color: var(--white);
}
.black, .Black{
    color: var(--black);
}
.error{
    color: var(--error)
}
.Primary700{
    color: var(--primary700);
}
.Primary700Bg{
    background: var(--primary700);
}
.Primary800{
    color: var(--buttonGreen);
}
.PrimaryLightBg {
    background: var(--primaryGreenLight);
}
.CharcoalGreyLightBg {
    background: var(--charcoalGreyLight);
}
.has-no-touchevents a.Primary800:hover{
    color: var(--primaryGreen500);
}
.secondary500, .Secondary500{
    color: var(--secondary500);
}
.Secondary500Bg{
    background: var(--secondary500);
}
.Secondary50Bg{
    background: var(--secondary50);
}
.Secondary200{
    color: var(--secondary200);
}
.Secondary200Bg{
    background: var(--secondary200);
}
.Neutral900{
    color: var(--neutral900);
}
.whiteBg{
    background: var(--white);
}
.Neutral700{
    color: var(--neutral700);
}
.Neutral500{
    color: var(--neutral500);
}
.Neutral500Bg{
    background: var(--neutral500);
}
.Neutral400{
    color: var(--neutral400);
}
.Neutral100{
    color: var(--neutral100);
}
.Neutral100Bg{
    background: var(--neutral100);
}
.BlackBg, .blackBg{
    background: var(--black);
}
.MangentaBg{
    background: var(--accent500);
}
.mangenta,.Mangenta{
    color: var(--accent500);
}
.primary500, .Primary500{
    color: var(--primaryGreen500);
}
.Primary500Bg{
    background: var(--primaryGreen500);
}
.DeepSea800Bg{
    background: var(--deepSea500);
}
.deepSea800, .DeepSea800{
    color: var(--deepSea500);
}
.DeepSea50Bg{
    background: var(--deepSea50);
}
.ChesnutBg{
    background: var(--chesnut);
}
.chesnut, .Chesnut{
    color: var(--chesnut);
}
.Neutral50Bg{
    background: var(--neutral50);
}
.neutral50, .Neutral50{
    color: var(--neutral50);
}
.Secondary800Bg{
    background: var(--blue);
}
.Rust500bg{
    background: var(--rust500);
}
.rust500, .Rust500{
    color: var(--rust500);
}
.Primary50Bg{
    background: var(--primary50);
}
.Accent50Bg{
    background: var(--accent50);
}
.Accent500{
    color: var(--accent500);
}
.Accent500Bg{
    background: var(--accent500);
}
.Earth200Bg{
    background: var(--earth200);
}
.earth200, .Earth200{
    color: var(--earth200);
}
.DogwoodRose{
    color: var(--dogwoodrose);
}
.DogwoodRoseBg{
    background: var(--dogwoodrose);
}
.DarkYellow{
    color: var(--darkyellow);
}
.DarkYellowBg{
    background: var(--darkyellow);
}
.forestGreen {
    color: var(--forestGreen);
}
.forestGreenBg {
    background: var(--forestGreen);
}
.darkGreen {
    color: var(--darkGreen);
}
.darkGreenBg {
    background: var(--darkGreen);
}
.charcoalGrey {
    color: var(--charcoalGrey);
}
.charcoalGreyBg {
    background: var(--charcoalGrey);
}
.honeyOrange {
    color: var(--honeyOrange);
}
.honeyOrangeBg {
    background: var(--honeyOrange);
}
.lightOrange {
    color: var(--lightOrange);
}
.lightOrangeBg {
    background: var(--lightOrange);
}
.teal {
    color: var(--teal);
}
.tealBg {
    background: var(--teal);
}
.duskyRose {
    color: var(--duskyRose);
}
.duskyRoseBg {
    background: var(--duskyRose);
}
.c{
    max-width: 1416px;
    padding: 0 100px;
}
.section{
    padding: 65px 0;
}
.secColor + .secColor{
    padding-top: 0;
}
.secWhite + .secWhite{
    padding-top: 0;
}
.secAccent50Bg + .secAccent50Bg{
    padding-top: 0;
}
.secSecondary800Bg + .secSecondary800Bg{
    padding-top: 0;
}
.secPrimary50Bg + .secPrimary50Bg{
    padding-top: 0;
}
.secDeepSea50Bg + .secDeepSea50Bg{
    padding-top: 0;
}
.size12{
    font-size: 12px;
    line-height: 1.6;
}
.size14{
    font-size: 14px;
    line-height: 1.4;
}
.size16{
    font-size: 16px;
    line-height: 1.5;
}
.size18{
    font-size: 18px;
    line-height: 1.5;
}
.size20{
    font-size: 20px;
    line-height: 1.4;
}
.size52{
    font-size: 52px;
    line-height: 1;
}
.size40{
    font-size: 40px;
    line-height: 1.3;
}
.size32{
    font-size: 32px;
    line-height: 1.2;
}
.size36{
    font-size: 36px;
    line-height: 1.2;
}
.size28{
    font-size: 28px;
    line-height: 1.2;
}
.size24{
    font-size: 24px;
    line-height: 1.2;
}
.fw400{
    font-weight: 400;
}
.fw500{
    font-weight: 500;
}
.fw600{
    font-weight: 600;
}
.fw700{
    font-weight: 700;
}
.fw800{
    font-weight: 800;
}
.title{
    font-family: 'Lora';
    font-weight: 600;
}
.centerAlignText{
    text-align: center;
}
.dropDown {
    border: solid var(--black);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    margin-top: 5px;
    margin-left: 10px;
    transition: all .3s;
}
.dropDown.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.dropDown.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    margin-left: 0px;
}
.colRow{
    display: flex;
    position: relative;
    width: 100%;
}
.colRow.colRowReverse {
    flex-direction: row-reverse;
}
.vCenter{
    align-items: center;
}
.hCenter{
    justify-content: center;
}
.flexColumn{
    flex-direction: column;
}
.flexRow{
    flex-direction: row;
}
.textUpper{
    text-transform: uppercase;
}
.error404 .content{
    min-height: 100vh;
}
.btn{
    display: inline-block;
    padding: 10px 16px;
    border: 1px solid transparent;
    transition: all .3s;
    border-radius: 6px;
    color: var(--black);
    text-align: center;
    font-size: 18px;
    font-family: 'Nunito';
    font-weight: 400;
    cursor: pointer;
}
.btn.size18{
    font-size: 18px;
}
.btn.size16{
    font-size: 16px;
}
.btn.size14{
    font-size: 14px;
}
.btn.btnGreen{
    background: var(--buttonGreen);
    color: var(--white);
}
.has-no-touchevents .btn.btnGreen:hover{
    background: var(--buttonGreen);
}
.btn.btnWhite{
    border-color: var(--neutral300);
    background: var(--white);
    color: var(--neutral700);
    box-shadow: 0px 1px 2px 0px #1018280D;
}
.has-no-touchevents .btn.btnWhite:hover{
    background: var(--neutral50);
}
.btn.btnPrimary50{
    background: var(--lightGreen);
    color: var(--primaryGreen900);
}
.has-no-touchevents .btn.btnPrimary50:hover{
    background: var(--primary100);
}
.buttonIconYes{
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: max-content;
}
.fullWidthBtn{
    width: 100%;
}
.aLinkHover{
    transition: all .3s;
}
.has-no-touchevents .aLinkHover:hover{
    color: var(--buttonGreen);
    text-decoration-color: transparent;
}
.has-no-touchevents .aLinkHover:hover svg path{
    fill: var(--buttonGreen);
}
svg path{
  transition: all .3s;
}
.has-no-touchevents .viewAllLink.aLinkHover:hover{
    color: var(--primaryGreen500);
}
.bg-video, .bg-video iframe {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.bg-video {
    z-index: 1;
    pointer-events: none;
}
.banner .videos {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.banner video {
    opacity: 1;
    border: 0;
}
.bg-video video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
}
.banner.bannerHive {
    z-index: 5;
}
.banner > .hiveBannerContent {
    position: relative;
    z-index: 3;
    padding: 70px 0 85px;
}
.banner.bannerHive .hiveBannerContent .textContent {
    width: 60%;
}
.banner > .hiveBannerContent .hiveNavItem {
    border-bottom-width: 0;
}
.banner > .hiveBannerContent .hiveNavWrap {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding-bottom: 0;
}
.banner > .hiveBannerContent .hiveMenuList {
    gap: 16px;
}
.banner > .hiveBannerContent .hiveNavPlaceholder,
.banner > .hiveBannerContent .hiveNavItemLabel {
    background-color: var(--primaryGreen);
    color: var(--white);
    padding: 10px 16px;
}
.banner > .hiveBannerContent .hiveNavPlaceholder {
    width: 100%;
}
.banner > .hiveBannerContent .dropDown {
    border-color: var(--white) !important;
}
.bannerHive > .hiveBannerContent .cardHeader {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}
.video-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
svg, .icon{
    line-height: 0;
    vertical-align: middle;
}
.LinkTagIconYes{
    display: flex;
    align-items: center;
    gap: 8px;
}
.col1{
    width: 100%;
}
.col2{
    width: 50%;
}
.col3{
    width: 33.33%;
}
.col4{
    width: 25%;
}
.col5, .colFixed5{
    width: 20%;
}
.col75{
    width: 75%;
}
.col25{
    width: 25%;
}
.col60{
    width: 60%;
}
.col40{
    width: 40%;
}
input[type="email"], input[type="text"]{
    border: 1px solid var(--neutral300);
    box-shadow: 0px 1px 2px 0px #1018280D;
    font-family: 'Nunito';
    font-weight: 400;
    padding: 12px 12px;
    border-radius: 6px;
    width: 100%;
}
::placeholder{
    color: var(--deepBlue);
    font-family: 'Nunito';
    font-size: 0px;
    color: var(--neutral400);
}
.underLineLink{
    text-underline-position: under;
    text-decoration-line: underline;
    text-underline-offset: 0px;
    text-decoration-thickness: 1px;
}
.wpcf7-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #23282d;
    opacity: 0.75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: relative;
}
.wpcf7-spinner::before {
    content: '';
    position: absolute;
    background-color: #fbfbfc;
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    border: none;
    border-radius: 100%;
    transform-origin: 8px 8px;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.loadingBtnWrap .wpcf7-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    opacity: 0;
    visibility: hidden;
}
.loadingBtn + .wpcf7-spinner {
    visibility: visible;
    opacity: 1;
}
.loadingBtn {
    opacity: .6;
    cursor: not-allowed;
    pointer-events: none;
}
@keyframes spin {
    100% {
        transform: rotate(360deg)
    }
}
.loadingBtnWrap{
    position: relative;
}
a:not([href]), a[href=""]{
    cursor: default;
}
@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}
.lazyLoading {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: var(--neutral200);
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.breadcrumbWrap{
    padding: 16px 0;
}
.bannerBreadcrumbs{
    background: var(--neutral50);
}
.bannerBreadcrumbs span{
    font-size: 14px;
}
.delimiter i{
    padding: 0 10px;
    color: var(--neutral300);
}
.bannerBreadcrumbs a{
    color: var(--primaryGreen);
}
.bannerBreadcrumbs .current{
    color: var(--neutral500);
}
.mobileOnly{
    display: none;
}
.desktopOnly{
    display: block;
}
.tagBtn{
    border-radius: 24px;
    border: 1px solid var(--primary300);
    color: var(--primary700);
    padding: 4px 12px;
}
::placeholder, input{
    font-family: 'Nunito';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    color: var(--neutral700);
}
label{
    position: relative;
}
.searchLabel{
    height: 100%;
    display: block;
}
.searchLabel::before{
    content: "";
    position: absolute;
    left: 24px;
    top: 0;
    bottom: 0;
    width: 20px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M17.5 17.5L12.5 12.5M14.1667 8.33333C14.1667 11.555 11.555 14.1667 8.33333 14.1667C5.11167 14.1667 2.5 11.555 2.5 8.33333C2.5 5.11167 5.11167 2.5 8.33333 2.5C11.555 2.5 14.1667 5.11167 14.1667 8.33333Z" stroke="%23374151" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center / contain no-repeat;
}
.searchBox .searchInput, .searchBox .commonSearchInput{
    padding: 10px 24px 10px 50px; 
    background: var(--white);
}
.filter {
    position: relative;
}
.filterPlaceholder {
    width: 100%;
    border: 1px solid var(--neutral300);
    border-radius: 6px;
    padding: 11px 24px;
    white-space: nowrap;
    overflow: hidden;
    color: var(--neutral700);
    background: var(--white);
    cursor: pointer;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.filterlabel:after {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    border: solid var(--neutral700);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    margin-top: -2px;
    margin-left: 10px;
    transition: all .3s ease;
    transform: rotate(45deg) translateY(-50%);
    -webkit-transform: rotate(45deg) translateY(-50%);
}
.filter.open .filterlabel:after {
    transform: rotate(223deg) translateY(-50%);
    -webkit-transform: rotate(223deg) translateY(-50%);
    margin-top: -6px;
    right: 16px;
}
.list-filters .filter.open ul {
    display: block;
}
.list-filters .filter ul {
    margin-top: 10px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    width: 100%;
    border: 1px solid var(--deepBlue);
    overflow: hidden;
    background: var(--neutral50);
    z-index: 10;
    box-shadow: 0px 4px 6px -1px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.10);
}
.filter li{
    list-style: none;
}
.filter li a{
    display: block;
    width: 100%;
    background: var(--white);
    padding: 10px 24px;
    cursor: pointer;
}
.filter li a.active{
    background: var(--primary200);
}
.filter li a:hover{
    background: var(--primary100);
}
.rText{
    text-align: right;
}
.lText{
    text-align: left;
}
.cText{
    text-align: center;
}
input[type="checkbox"][readonly] {
    pointer-events: none;
}
.single .wrapWidth{
    max-width: 800px;
}
.single .text .commonHeader{
    max-width: unset;
}
.has-no-touchevents .aGreenLinkHover:hover{
    color: var(--black);
}
/* Common End */

/* Spacer Start */
.Spacer30{
    display: block;
    padding-top: 30px;
}
.Spacer24{
    display: block;
    padding-top: 24px;
}
.Spacer20{
    display: block;
    padding-top: 20px;
}
.Spacer16{
    display: block;
    padding-top: 16px;
}
.Spacer12{
    display: block;
    padding-top: 12px;
}
.Spacer4{
    display: block;
    padding-top: 4px;
}
.Spacer100{
    display: block;
    padding-top: 100px;
}
/* Spacer End */

/* Header Start */
.header{
    position: fixed;
    width: 100%;
    z-index: 9999;
}
.headerHelper{
    position: relative;
    z-index: 999;
    background: var(--white);
    border-bottom: 1px solid var(--borderColor);
}
.headerWrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.menuWrap{
    display: flex;
    align-items: center;
    gap: 24px;
    position: relative;
}
.menuItem{
    display: block;
    padding: 30px 0;
    color: var(--neutral900);
    cursor: pointer;
    transition: all .3s;
    position: relative;
}
.has-no-touchevents .menuItem:hover{
    opacity: .7;
}
.menuItem.active{
    color: var(--primaryGreen500);
    opacity: 1;
}
.bottomBorder{
    height: 4px;
    width: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--primaryGreen500);
    transition: 0.4s;
}
.logoWrap{
    width: 135px;
}
.menuItem.active .dropDown.down{
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    margin-top: 9px;
}
.menuItem.active .dropDown{
    border-color: var(--primaryGreen500);
}
.megaMenuContainer{
    z-index: 1;
    position: absolute;
    left: 0;
    width: 100%;
    background: var(--neutral50);
    box-shadow: 0px 1px 2px -1px #1018281A;
    box-shadow: 0px 1px 3px 0px #1018281A;
    opacity: 0;
    bottom: 2px;
    height: 100%;
    transition: transform .3s ease-in, bottom .3s ease-in, opacity .3s ease-out, height .15s;
}
.megaMenuContainer.active{
    opacity: 1;
    transform: translateY(100%);
}
.megaMenuBody{
    position: relative;
    pointer-events: none;
    overflow: hidden;
}
.megaMenu{
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    pointer-events: none;
}
.megaMenu.active {
    transition: opacity .2s linear .3s;
    opacity: 1;
    pointer-events: all;
}
.subMenuItems{
    padding: 0 16px;
}
.subMenuItems.col1{
    width: 100%;
}
.subMenuItems.col2{
    width: 50%;
}
.subMenuItems.col3{
    width: 33.33%;
}
.featuredSectionYes .subMenuRow:not(.mobileMenu .subMenuRow){
    padding: 40px 32px 40px 0;
}
.featuredSectionNo .subMenuRow:not(.mobileMenu .subMenuRow){
    padding: 40px 0;
}
.megaMenu .colRow.featuredSectionYes .subMenuRow:not(.mobileMenu .subMenuRow){
    width: 68.42%;
}
.megaMenu .colRow.featuredSectionNo .subMenuRow{
    width: 100%;
}
.subMenuInnerRow{
    display: flex;
    flex-wrap: wrap;
    row-gap: 32px;
    margin: 0 -16px;
}
.megaMenu .colRow.featuredSectionYes .featuredSection:not(.mobileMenu .featuredSection){
    width: 31.58%;
    background: var(--featureSection);
    position: relative;
    padding: 40px 32px;
    padding-right: 0;
}
.megaMenu .colRow.featuredSectionYes .featuredSection{
    padding-right: 0;
}
.megaMenu .colRow.featuredSectionYes .featuredSection .card{
    width: 100%;
}
.featuredSection:not(.mobileMenu .featuredSection)::after{
    position: absolute;
    content: "";
    background: var(--featureSection);
    top: 0;
    left: 100%;
    width: 50vw;
    height: 100%;
}
.subMenuTitle{
    text-transform: uppercase;
    color: var(--neutral500);
    padding-bottom: 20px;
}
.subMenuHeader{
    border-bottom: 1px solid var(--neutral300);
    margin-bottom: 20px;
}
.subMenuBodyWrap{
    display: flex;
    margin: 0 -12px;
    flex-direction: column;
    max-width: max-content;
}
.subMenuItem{
    display: block;
    padding: 12px;
    border-radius: 8px;
}
.has-no-touchevents .subMenuItem:hover{
    background: var(--featureSection);
}
.subMenuItem .iconWrap{
    width: 20px;
}
.subMenuItem .colRow{
    gap: 12px;
    max-width: max-content;
}
.subMenuLabel{
    color: var(--neutral900);
}
.subMenuSubLabel{
    color: var(--neutral500);
}
.bodyCover{
    position: fixed;
    height: 100dvh;
    width: 100vw;
    pointer-events: none;
}
.openMenu .bodyCover{
    background-color: #000;
    opacity: .1;
    pointer-events: all;
}
.featuredSection .cardHeader{
    border-bottom: 1px solid var(--neutral300);
}
.featuredSection .cardItem{
    padding: 16px 0;
    border-bottom: 1px solid var(--neutral300);
    display: flex;
    gap: 16px;
    transition: all .3s;
}
.featuredSection .cardItemText{
    color: var(--neutral500);
}
.featuredSection .imageWrap .sizer{
    padding-top: 88.57%;
}
.featureImage{
    position: relative;
    display: block;
}
.imageWrap{
    width: 140px;
}
.textWrap{
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}
.featuredSection.highlights .imageWrap{
    display: none;
}
.featuredSection.highlights .textWrap{
    width: 100%;
}
.featuredSection.section .cardItem:not(.cardItem:first-child) .imageWrap{
    display: none;
}
.featuredSection.section .cardItem:not(.cardItem:first-child) .textWrap{
    width: 100%;
}
.featuredSection.section .cardItem:not(.cardItem:first-child) .textWrap .cardItemText, .featuredSection.section .cardItem:not(.cardItem:first-child) .textWrap .cardItemLabel{
    display: none;
}
.featuredSection.section .cardItem:not(.cardItem:first-child){
    border-color: transparent;
    padding-bottom: 0;
}
.featuredSection.products .cardItem, .featuredSection.media .cardItem{
    background: var(--white);
    border: 1px solid var(--cardBorder);
    padding: 8px;
    margin-top: 16px;
}
.has-no-touchevents .featuredSection.products .cardItem:hover, .has-no-touchevents .featuredSection.media .cardItem:hover{
    box-shadow: 0px 4px 6px -1px #1018281A;   
    transform: translateY(-2px); 
}
.has-no-touchevents .featuredSection.products .cardItem .iconTextRow, .has-no-touchevents .featuredSection.media .cardItem .iconTextRow{
    color: var(--primaryGreen900);
}
.viewAllLink{
    color: var(--primaryGreen900);
}
.iconTextRow{
    display: flex;
    align-items: center;
    gap: 8px;
}
.featuredSection.products .iconTextRow, .featuredSection.media .iconTextRow{
    justify-content: space-between;
}
.bar{
    width: 18px;
    height: 2px;
    background: var(--neutral900);
    display: block;
    position: relative;
    transition: all 225ms ease-in-out;
    top: 50%;
    left: 50%;
    transform-origin: center;
    transform: translate(-50%, -50%);
    position: absolute;
}
.bar::before{
    height: 2px;
    position: absolute;
    top: -6px;
    left: 0;
    content: "";
    width: 100%;
    background: var(--neutral900);
}
.bar::after{
    height: 2px;
    position: absolute;
    top: 6px;
    left: 0;
    content: "";
    width: 100%;
    background: var(--neutral900);
}
.mobileMenuOpen .bar::before{
    animation: barAnimation .8s cubic-bezier(0,1.02,1,1.01) forwards;
    top: 0;
    left: 0;
}
.mobileMenuOpen .bar::after{
    animation: barTopAnimation .8s cubic-bezier(0,1.02,1,1.01) forwards;
    top: 0;
    left: 0;
}
.mobileMenuOpen .bar{
    transition-delay: .2s;
    transform: translate(-50%, -50%) rotate(135deg);
}
.mobileMenuBtn{
    width: 18px;
    height: 14px;
    position: relative;
    background: transparent;
    display: none;
}
@keyframes barAnimation{
    0% {
        transform: translateY(6px);
    }
    30% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes barTopAnimation{
    0% {
        transform: translateY(-6px);
    }
    30% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(0) rotate(90deg);
    }
}
.logoMobile{
    display: none;
}
.mobileMenu{
    display: none;
}
.openMenu body{
    overflow: hidden;
}
/* Header End */

/* Footer Start */
.footer{
    background: var(--neutral900);
}
.footerMainMenu{
    padding: 65px 0;
    display: flex;
    flex-wrap: wrap;
}
.footerMenuTitle{
    color: var(--borderColor);
}
.footerItemLink{
    color: var(--cardBorder);
}
.footerLogoWrap{
    width: 55px;
}
.footerForm{
    width: 175px;
}
.footerMainMenuWrap{
    flex: 1 0 0;
}
.subscribeYes .footerLogoWrap{
    width: 100%;
    margin-bottom: 32px;
}
.subscribeYes .footerMainMenuWrap{
    width: calc(100% - 200px);
}
.subscribeYes .footerMenuItem:first-child{
    padding-left: 0;
}
.footerBody{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.footerMenuItem{
    width: 16.66%;
    padding-left: 48px;
    display: inline-block;
    font-size: 0;
}
.subscribeYes .footerMenuItem{
    padding-left: 25px;
}
.footerMainMenuRow{
    width: 100%;
    font-size: 0;
}
.footerMenuItemWrap{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.footerForm{
    border: 1px solid var(--neutral500);
    padding: 16px;
    background: var(--neutral900);
    margin-left: 25px;
}
.footer .formRow{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.footer .formTitle{
    color: var(--white);
}
.footer .formText{
    color: rgba(255, 255, 255, .6);
}
.footerBottomMenu{
    background: var(--neutral900);
    padding: 24px 0;
}
.footerBottomMenuItemLink{
    color: var(--cardBorder);
}
.footerBottomMenuRow{
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
}
.copyrightText{
    color: var(--cardBorder);
}
.footerCopyright{
    padding: 32px 0;
}
.copyrightTextWrap{
    width: 58.67%;
}
.socialMediaItemLink{
    display: block;
}
.socialMediaRow{
    display: flex;
    gap: 16px;
}
.footerCopyright .colRow{
    justify-content: space-between;
}
.socialMediaItemLink.twitter{
    padding-top: 2px;
}
/* Footer End */

/* Video Banner Start */
.banner{
    position: relative;
}
.banner .middle-wrap-table{
    min-height: calc(100vh - 85px);
    z-index: 3;
}
.banner .overlay{
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 12.36%, rgba(0, 0, 0, 0) 52.95%);
    z-index: 2;
    display: block;
}
.videoBanner .textContent{
    width: 48.68%;
    color: var(--white);
}
.videoBanner .textContent .colRow{
    flex-direction: column;
}
.btnRow{
    display: flex;
    gap: 12px;
}
.btnRow.gap24{
    gap: 24px;
}
.videoBanner .textContent .cardBody{
    padding-right: 100px;
}
.bannerLabel{
    padding-bottom: 4px;
}
/* Video Banner End */

/* Image Banner Start */
.banner.imageBanner .overlay{
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0) 100.95%);
    z-index: 2;
    display: block;
}
.bannerBackground.desktop{
    display: block;
}
.bannerBackground.mobile{
    display: none;
}
/* Image Banner End */

/* Text Left Start */
.textLeft .textLeftTextContent{
    width: 48.68%;
}
.textLeft .textLeftImageContent{
    width: 51.32%;
    position: relative;
    padding-left: 16px;
}
.textLeft .imageWrap{
    position: relative;
    width: 100%;
    max-width: 385px;
    margin-left: auto;
}
.textLeft .textLeftImageContent .sizer{
    padding-top: 105.97%;
}
.textLeftRow{
    display: flex;
}
.textLeft .cEditor p{
    font-size: 16px;
}
/* Text Left End */

/* Latest News List Start */
.commanCardItem .imageWrapper{
    position: relative;
}
.commanCardItem .imageWrapper .sizer{
    padding-top: 51.94%;
}
.commanCardItem.col4 .imageWrapper .sizer{
    padding-top: 85.71%;
}
.commanCardItem{
    padding: 0 16px;
    display: flex;
    flex-direction: column;
    height: auto;
}
.commanCardRow{
    display: flex;
    margin: 0 -16px;
    flex-wrap: wrap;
}
.commanRowGap{
    row-gap: 32px;
}
.commanCardItem .textContent{
    display: flex;
    flex-direction: column;
    flex: 1;
}
.commanCardItemWrap{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.commanCardItem .cardBody{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.commanCardItem .cardButtons{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.latestNewsList .cardFooter{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.latestNewsList .customIcon{
    height: 22px;
    width: auto;
}
.latestNewsList .iconWrap{
    background: var(--primary50);
    display: inline-block;
    padding: 15px 15px;
    border-radius: 50%;
}
.secPrimary50Bg.latestNewsList .iconWrap{
    background: var(--white);
}
/* Latest News List End */

/* CTA Start */
.ctaRow{
    display: flex;
    
}
.cta.Secondary800Bg{
    color: var(--white);
}
.cta.textWithButtons.centerAlignButton .ctaRow{
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
    flex-direction: column;
}
.cta.textWithButtons.rightAlignButton .ctaRow{
    gap: 30px;
    align-items: center;
    justify-content: space-between;
}
.cta.textWithButtons.centerAlignButton .buttonRow{
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
}
.cta.textWithButtons.rightAlignButton .buttonRow{
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    flex-direction: column;
}
.cta.textWithFeatures .buttonRow{
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.cta.textWithFeatures .cardWrap{
    padding: 20px;
    border-radius: 6px;
}
.cta .featureListContent{
    width: 31.66%;
}
.cta .textContent{
    width: 68.34%;
    padding-right: 30px;
}
.cta .cardHeader{
    border-bottom: 1px solid var(--neutral200);
    padding-bottom: 20px;
    text-align: center;
}
.cta.ChesnutBg .cEditor{
    color: var(--white);
}
/* CTA End */

/* Programmes Grid Start */
.gridImage{
    position: relative;
    overflow: hidden;
    transition: all .3s;
}
.gridImage .sizer{
    padding-top: 103.37%;
}
.programmesGrid .multipleItem .BigLinkTagIconYes{
    justify-content: space-between;
}
.gridImage .bsz, .cardHover .label, .BigLinkTagIconYes{
    transition: all .3s;
}
.cardHover:hover .bsz{
    transform: scale(1.1);
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
/* .cardHover:hover .BigLinkTagIconYes{
    gap: 16px;
} */
.programmesGrid .ListImage{
    display: flex;
    align-items: center;
}
.programmesGrid .ListImage .gridImage{
    width: 280px;
}
.programmesGrid .ListImage .gridImage .sizer{
    padding-top: 71.42%;
}
.programmesGrid .ListImage .gridTitle{
    flex: 1 0 0;
    padding-left: 16px;
}
.programmesGrid .multipleItem{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.programmesGrid .singleImage{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.programmesGrid .singleImage .gridImage{
    height: 100%;
}
.cardHover:hover .label{
    color: var(--primaryGreen500);
}
/* Programmes Grid End */

/* Testimonials List Start */
.testimonialsListSlider{
    overflow: hidden;
}
.testimonialsListSliderRow{
    width: 82.89%;
    margin: auto;
    position: relative;
}
.testimonialsListSliderItemRow .imageContent{
    width: 27.77%;
    min-width: 280px;
}
.testimonialsListSliderItemRow .textContent{
    width: 72.23%;
}
.testimonialsListSliderItemRow{
    display: flex;
    align-items: center;
}
.imageBackgroundColor{
    position: relative;
    background: var(--primary200);
    border-radius: 50%;
    overflow: hidden;
    padding: 8px;
    transition: all .3s ease-out;
}
.profileImage{
    position: relative;
    transition: all .3s ease-out;
}
.profileImage .bgimage{
    border-radius: 50%;
}
.imageBackgroundColor .sizer{
    padding-top: 100%;
}
.imageContentRow{
    padding: 35px 50px;
}
.imageBorder{
    border-radius: 50%;
    padding: 8px;
    border: 1px solid var(--primary200);
}
.sliderNavbar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: transparent;
    border-radius: 50%;
    border: 2px solid var(--primaryGreen500);
    cursor: pointer;
    transition: all .3s;
}
.sliderNavbar.swiper-button-disabled{
    border-color: var(--primary300);
    cursor: not-allowed;
}
.sliderNavbar.swiper-button-disabled svg path{
    fill: var(--primary300);
}
.sliderNavbar:not(.swiper-button-disabled):hover{
    background: var(--primaryGreen500);
    border-color: transparent;
    transform: scale(.9);
}
.sliderNavbar:not(.swiper-button-disabled):hover svg path{
    fill: var(--white);
}
.sliderNavbarWrap{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.testimonialsList .commanBody{
    position: relative;
}
.testimonialsList .textContent{
    padding: 40px 30px;
}
.testimonialsList .sliderNavbarWrap{
    display: none;
}
/* Testimonials List End */

/* Newsletter Start */
.newsletter .imageContentWrap{
    position: relative;
}
.newsletter .imageContentWrap .sizer{
    padding-top: 84.74%;
}
.newsletter .newsletterForm .btn{
    font-size: 14px;
}
.newsletterForm .col:first-child{
    width: 63.55%;
}
.newsletterWrap .commanCardRow{
    align-items: center;
}
.newsletter .imageContentWrap .bgimage{
    background-size: contain;
}
form .colRow{
    align-items: center;
    gap: 16px;
}
.title.fw700{
    font-weight: 700;
}
.newsletter .formContent .btn{
    width: 100%;
}
.newsletter.textWithForm .commanCardRow{
    align-items: flex-start;
}
/* For most modern browsers */
.newsletter input::placeholder, .searchInputBox::placeholder {
    color: var(--neutral400);
    font-size: 14px;
}
/* For Internet Explorer 10-11 */
.newsletter input:-ms-input-placeholder, .searchInputBox:-ms-input-placeholder {
    color: var(--neutral400);
    font-size: 14px;
}
/* For Edge */
.newsletter input::-ms-input-placeholder, .searchInputBox::-ms-input-placeholder {
    color: var(--neutral400);
    font-size: 14px;
}
/* For Firefox */
.newsletter input::-moz-placeholder, .searchInputBox::-moz-placeholder {
    color: var(--neutral400);
    font-size: 14px;
    opacity: 1; /* Required for Firefox to fully apply color */
}
/* For Chrome, Safari, and Opera */
.newsletter input:-webkit-input-placeholder, .searchInputBox:-webkit-input-placeholder {
    color: var(--neutral400);
    font-size: 14px;
}
.newsletter.centerForm .btn{
    min-width: 110px;
}
.newsletter.centerForm .wrapWidth{
    max-width: 800px;
}
.newsletter.centerForm .rightCol p{
    letter-spacing: -0.1px;
}
/* Newsletter End */

/* Page Banner Start */
.pageBanner .image{
    position: relative;
    height: 100%;
}
.pageBanner .imageContentWrap{
    height: 100%;
}
.pageBanner .sizer{
    padding-top: 50.43%;
}
.pageBanner.pageBannerHive .sizer{
    padding-top: 33.33%;
}
.pageBanner.imageExtraWidth .sizer{
    padding-top: 44.43%;
}
.pageBannerLogo{
    height: 55px;
    width: auto;
}
.pageBanner.imageExtraWidth .imageContentWrap{
    margin-left: -175px;
}
.pageBanner.imageExtraWidth .textContentWrap{
    padding-right: 175px;
}
.pageBanner .textContentSection{
    width: 100%;
}
.pageBanner .c{
    padding-right: 40px;
    max-width: 708px;
    margin-left: auto;
    margin-right: unset;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.pageBanner .colRowReverse .c {
    padding-right: 100px;
    padding-left: 40px;
}
.pageBannerContainer.section {
    max-width: 1216px;
    padding: 40px 0;
}
.pageBannerHive .section:not(.c) {
    padding: 40px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.pageBannerHive .textContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.pageBanner .pageBannerBody a:not(.btn),
.has-no-touchevents .pageBanner .pageBannerBody a:not(.btn):hover {
    color: inherit;
    text-decoration: underline;
}
.pageBannerContainer.section + .pageBannerContainer.section {
    padding-top: 0;
}
/* Page Banner End */

/* Text Start */
.wrapWidth{
    max-width: 900px;
    margin: auto;
}
.readMoreContentYes{
    position: relative;
}
.readMoreContentYes::after{
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    position: absolute;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 72%);
    transition: all .3s;
}
.readMoreContentYes.active::after{
    background: transparent;
}
a.readMoreContent{
    cursor: pointer;
}
.bottomTextContent{
    display: none;
    padding-top: 20px;
}
/* Text End */

/* FAQs Start */
.accordionTitle {
    padding: 16px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.accordionTitle .dropDown {
    border-color: var(--buttonGreen);
}
.accordionText {
    padding: 0 0 16px 0;
    display: none;
}
.faqs .cEditor p, .faqs .cEditor ol, .faqs .cEditor ul, .faqs .cEditor>div{
    font-size: 16px;
}
.accordionTitle.active .dropDown.down{
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    margin-top: 9px;
}
.accordionItem{
    border-bottom: 1px solid var(--neutral200);
}
.faqsCardIcon{
    height: 65px;
    width: auto;
}
.faqs .commanCardItemWrap{
    padding: 24px;
    border-radius: 6px;
}
/* FAQs End */

/* Support Start */
.supportWrap{
    padding: 32px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}
.support .title{
    font-family: 'Nunito'; 
}
.supportWrap .buttonContent{
    min-width: 120px;
}
/* Support End */

/* Text With Image Start */
.sizerWrap{
    position: relative;
}
.textWidthImage .imgWrap{
    max-width: 488px;
    margin-left: auto;
    width: 100%;
    position: relative;
}
.textWidthImage .imageHalf{
    max-width: unset;
    margin-left: auto;
    width: 100%;
    position: relative;
}
.textWidthImage .buttonRow{
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}
.textWidthImage.imageLeft .commanCardRow:not(.flexRow, .featureCardsRow){
    flex-direction: row-reverse;
}
.textWidthImage.imageLeft .imgWrap{
    margin-right: auto;
    margin-left: unset;
}
.textWidthImage.imageSmall .imageContent{
    width: 31.66%;
}
.textWidthImage.imageSmall .textContent{
    width: 68.34%;
}
.textWidthImage .featureCards .icon{
    display: inline-block;
    padding: 17px 15px;
    border-radius: 50%;
}
.borderTop{
    border-top: 1px solid var(--neutral200);
}
.imageOverflow .textContentRow{
    max-width: 590px;
}
.imageRight.imageOverflowYes .imageOverflow .textContentRow{
    margin-left: auto;
}
.imageLeft.imageOverflowYes .imageOverflow .textContentRow{
    margin-right: auto;
}
.imageLeft.imageOverflowYes .imageOverflow .textContent .c{
    padding-left: 0;
    margin-left: 0;
}
.imageRight.imageOverflowYes .imageOverflow .textContent .c{
    padding-right: 0;
    margin-right: 0;
}
.imageOverflowYes .textWidthImage .imgWrap{
    max-width: unset;
}
.imageLeft.imageOverflowYes .textWidthImage .imgWrap{
    padding-right: 104px;
}
.imageRight.imageOverflowYes .textWidthImage .imgWrap{
    padding-left: 104px;
}
.imageOverflowYes .imageCaption{
    display: none;
}
.textWidthImage.imageLeft .imgWrap.imageLeft.imageMedium{
    padding-right: 104px;
    max-width: unset;
}
.textWidthImage.imageRight .imgWrap.imageLeft.imageMedium{
    padding-left: 104px;
    max-width: unset;
}
/* Text With Image End */

/* Client List Start */
.clientListRow{
    display: flex;
    flex-wrap: wrap;
    row-gap: 4px;
    margin: 0 -2px;
}
.clientList .logoItem{
    width: 25%;
    padding: 0 2px;
    display: flex;
    flex-direction: column;
}
.clientList .logoItem .logoItemWrap{
    padding: 14px;
    flex: 1;
}
.clientList.secWhite .logoItem .logoItemWrap{
    background: var(--neutral50);
}
.clientList.secNeutral100Bg .logoItem .logoItemWrap{
    background: var(--neutral50);
}
.clientLogoImage{
    max-height: 90px;
    width: auto;
}
.clientList .imgWrap{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: relative;
    min-height: 90px;
}
/* Client List End */

/* Form Start */
.form textarea{
    width: 100%;
    border: 1px solid var(--neutral300);
    border-radius: 6px;
    padding: 12px;
}
.formCol p{
    margin-bottom: 4px;
}
.formRow.buttonRow{
    display: flex;
    gap: 24px;
}
.contactForm .wrapWidth{
    max-width: 800px;
}
.contactForm input[type="text"], .contactForm input[type="email"]{
    border: none;
    border-bottom: 1px solid var(--neutral300);
    border-radius: 0;
    padding: 12px 0;
    box-shadow: none;
    background: transparent;
}
.contactForm .formRow:not(.buttonRow){
    display: flex;
    flex-wrap: wrap;
    row-gap: 28px;
    column-gap: 24px;
}
.contactForm .formRow:not(.buttonRow) .formCol{
    flex: 1;
}
.contactForm .wpcf7-not-valid-tip{
    font-size: 12px;
}
.contactForm .wpcf7 form .wpcf7-response-output{
    margin: 0;
    text-align: center;
}
.contactForm .buttonWrap p{
    position: relative;
}
.contactForm .buttonWrap p .wpcf7-spinner{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}
.contactForm .buttonWrap .wpcf7-submit{
    font-size: 14px;
}
.contactForm input[type="checkbox"]{
    -webkit-appearance: checkbox;
    width: 16px;
}
.contactForm .wpcf7-list-item{
    margin: 0;
}
.contactForm .checkBoxRow label{
    display: flex;
    gap: 12px;
}
.contactForm a{
    color: var(--primaryGreen500);
}
.has-no-touchevents .contactForm a:hover {
    color: var(--primaryGreen500);
    text-decoration-color: transparent;
}
/* Form End */

/* Careers List Start */
.careerItem .commanCardItemHeader .colRow .fw800{
    line-height: 1.1;
}
.careerItem .commanCardItemHeader .colRow .fw400{
    vertical-align: middle;
    line-height: 1;
}
.careerItem .commanCardItemHeader .colRow{
    gap: 4px;
}
.careerItem .commanCardItemHeader .icon{
    display: flex;
    gap: 4px;
}
.careerItem .commanCardItemWrap{
    background: var(--white);
    padding: 30px;
    border: 1px solid var(--neutral300);
    border-radius: 8px;
}
.careerItem .commanCardItemBody a:hover{
    color: var(--buttonGreen);
}
.careerItem .commanCardItemFooter{
    margin-top: auto;
}
/* Careers List End */

/* Team List Start */
.teamImage{
    display: block;
    width: 116px;
    margin: auto;
}
a.teamImage{
    cursor: pointer;
}
.teamImage.clickYes:hover .imageBackgroundColor{
    padding: 0;
    margin: 4px;
    background: var(--primary400);
}
.teamImage.clickYes:hover .profileImage {
    transform: scale(1.01);
}
.teamImage.clickYes:hover .bsz {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.teamImage .imageBorder{
    padding: 6px;
}
.teamImage .imageBackgroundColor{
    padding: 6px;
}
.teamItem .socialMediaRow{
    justify-content: center;
}
.teamList .commanCardRow{
    justify-content: center;
}
#popup {
    opacity: 0;
    position: fixed;
    bottom: -100%;
    left: 50%;
    width: 100%;
    height: 100vh;
    transform: translateX(-50%);
    z-index: 9999999;
    transition: bottom 0.7s;
}
#popup.show{
    bottom: 50%;
    opacity: 1;
    transform: translate(-50%, 50%);
}
#popup.hide{
    bottom: -100%;
    opacity: 1;
    transform: translate(-50%, 50%);
}
.popupContent {
    width: 80%;
    max-height: 85vh;
    overflow-y: auto;
    max-width: 1000px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--white);
    padding: 24px 40px;
    border-radius: 6px;
    box-shadow: 0px 8px 10px -6px #1018281A;
    box-shadow: 0px 20px 25px -5px #1018281A;
}
#closeBtn {
    color: var(--primaryGreen500);
    font-size: 30px;
    cursor: pointer;
    line-height: .8;
}
.popupContentHeader{
    text-align: right;
}
#popup .sidebar{
    width: 180px;
    overflow: hidden;
}
.popupContentBodyWrap{
    display: flex;
    gap: 32px;
}
.teamImage .popupText{
    display: none;
}
#popup .textContent{
    flex: 1 0 0;
}
.overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    z-index: 88888;
    display: none;
    transition: all .3s;
}
.popUpShow .overlay{
    display: block;
}
.teamList + .teamList .teamListWrap{
    border-top: 1px solid var(--borderColor);
    padding-top: 65px;
}
.teamListWrap .commonHeader{
    max-width: 735px;
    margin: auto;
}
.teamItem .commanCardItemBody{
    display: flex;
    flex-direction: column;
    height: auto;
    flex: 1;
}
.teamItem .commanCardItemBody .roleWrap{
    margin-top: auto;
}
/* Team List End */

/* Join Team Start */
.joinTeamWrap{
    padding: 20px;
    background: var(--primary50);
    border-radius: 6px;
    max-width: 655px;
    margin: auto;
}
/* Join Team End */

/* Casestudy Carousel Start */
.casestudySliderItem{
    transition: all .3s;
    height: auto !important;
}
.casestudySliderItem .imageContents{
    position: relative;
    overflow: hidden;
}
.casestudySliderItem .sizer{
    padding-top: 56.42%;
}
.casestudySliderItem .termListWrap{
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.casestudySliderItem .textContent{
    padding: 24px;
}
.casestudySliderItemWrap{
    position: relative;
    height: 100%;
}
.casestudySliderItem .casestudySliderItemRow{
    border: 1px solid var(--neutral300);
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    height: 100%;
    transition: all .3s;
}
.casestudySliderItem .casestudySliderItemRow:hover{
    box-shadow: 0px 4px 6px -1px rgba(16, 24, 40, 0.1);
}
.casestudyCarousel .sliderNavbarWrap{
    position: relative;
    top: 0;
    transform:unset;
    justify-content:flex-start;
    gap: 24px;
    margin-top: 24px;
    height: 100%;
}
.casestudySliderItem .casestudySliderItemFrontEnd{
    position: relative;
    top: 0;
    left: 0;
    transition: all .3s;
    height: 100%;
}
.casestudySliderItem .casestudySliderItemBackEnd{
    position: absolute;
    top: 100%;
    left: 0;
    transition: all .3s;
    padding: 0 24px 24px 24px;
}
.casestudyCarousel.Secondary50Bg .casestudySliderItem{
    background: var(--white);
}
/* Casestudy Carousel End */

/* Feature With Cards Start */
.featureWithCardsImageContent .sizer{
    padding-top: 72.97%;
}
.featureWithCardsImageContent .imageContent{
    position: relative;
}
.featureWithCards .featureCards .icon, .features .featureCards .icon{
    display: inline-block;
    padding: 17px 15px;
    border-radius: 50%;
}
.featureWithCards .btnRow{
    flex-wrap: wrap;
}
/* Feature With Cards End */

/* Publications List Start */
.publicationsList .imageContent{
    position: relative;
}
.publicationsList .commanCardItem.col3 .commanCardItemWrap{
    display: flex;
    flex-direction: row;
}
.publicationsList .commanCardItem.col3 .commanCardItemWrap .textContent{
    padding: 0 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.publicationsList .commanCardItem.col3 .commanCardItemWrap .textContent .cardBody{
    display: block;
    height: auto;
}
.publicationsList .commanCardItem.col3 .sizer{
    padding-top: 93.75%;
}
.publicationsList .commanCardItem.col4 .sizer{
    padding-top: 64.28%;
}
.publicationsList .commanCardItem.col3 .commanCardItemWrap .imageContent,.publicationsList .commanCardItem.col3 .commanCardItemWrap  .textContent{
    width: 50%;
}
.publicationsList .icon svg{
    width: 20px;
    height: 20px;
}
/* Publications List End */

/* Member List Start */
.membersList .firstMember{
    display: flex;
    align-items: center;
}
.membersList .firstMember .profileImage{
    min-width: 164px;
}
.membersList .memberMessage{
    flex: 1 1 0;
    padding: 24px 32px;
}
.membersList .imageContentRow{
    padding: 0;
}
.tabHeaderWrap{
    display: flex;
    justify-content: center;
}
.tabHeader {
    overflow-x: auto;
    display: flex;
    margin: 0 50px;
}
.tabHeader a {
    cursor: pointer;
    padding: 16px;
    transition: 0.3s;
    display: inline-block;
    white-space: nowrap;
    border-bottom: 1px solid var(--neutral200);
}
.tabHeader a.active {
    border-bottom:1px solid var(--primaryGreen);
    color: var(--primaryGreen);
}
.tabContent {
    display: none;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}
.tabContent.active{
    display: block;
}
.tabSection .teamImage{
    width: 165px;
}
.tabContent .commanCardRow{
    justify-content: center;
}
.membersList .imageBackgroundColor, .membersList .imageBorder{
    padding: 6px;
}
.membersList .wrapWidth{
    max-width: 800px;
}
.tabContentRow .imageBackgroundColor{
    background: var(--secondary200);
}
.tabContentRow .imageBorder{
    border-color: var(--secondary200);
}
@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
/* Member List End */

/* Taxonomy landscape Start */
.mapInfoColor{
    width: 32px;
    height: 32px;
}
.mapInfoItem{
    display: flex;
    align-items: center;
    row-gap: 32px;
    column-gap: 16px;
}
.mapRow{
    display: flex;
    row-gap: 16px;
    column-gap: 32px;
    flex-wrap: wrap;
}
.taxonomyLandscape.Neutral50Bg:not(.rightSideMap) .commonBody{
    background: var(--white);
}
.taxonomyLandscape.whiteBg:not(.rightSideMap) .commonBody{
    background: var(--neutral50);
}
.mapTextContent{
    padding: 16px;
}
.mapContentRow{
    padding: 0 100px;
    display: flex;
    align-items: center;
}
.pinContent{
    width: 30.30%;
}
.mapImageContent{
    width: 69.7%;
    padding-left: 50px;
}
.pinItem{
    display: flex;
    gap: 24px;
}
.pinContent{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
/* Taxonomy landscape End */

/* Resources List Start */
.resourcesList{
    background: var(--neutral50);
}
.cardLink{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}
.resourcesList .casestudySliderItemRow:hover{
    border-color: var(--primary700);
}
.resourcesList .bsz{
    transition: all .3s;
}
.resourcesList .titleWrap,
.resourcesList .overlineTextWrap {
    flex-basis: 0;
}
.playIcon{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.speakerIcon{
    position: absolute;
    right: 0;
    bottom: 0;
    background: var(--white);
    padding: 8px;
}
.fiterRow{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.sortBy{
    display: flex;
    align-items: center;
    gap: 8px;
}
.filterColumn{
    position: relative;
    padding-right: 24px;
}
.allResourcesLabel{
    position: absolute;
    top: -24px;
    right: 0;
}
.fiterBtn .btn{
    padding: 11.2px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
}
.fiterBtn .btn svg{
    min-width: 20px;
}
.postTypeFilter{
    width: 20%;
    padding-right: 0;
}
.sortBy{
    width: 25%;
}
.searchBox{
    width: 45%;
}
@media (min-width: 1400px) {
    .list-filters:not(.hasPostType) .searchBox {
        width: 65%;
    }
    .list-filters:not(.hasPostType) .sortBy {
        padding-right: 0;
    }
}
.fiterBtn{
    width: 10%;
}
.filterButton.active{
    background: var(--primary200);
}
a.filterButton{
    cursor: pointer;
}
.has-no-touchevents .btn.btnWhite.filterButton:hover{
    background: var(--primary200);
}
.sortBy .sortByWrap{
    flex: 1 0 0;
}
.seletedTag{
    padding: 4px 12px;
    border: 1px solid var(--primary300);
    color: var(--primary700);
    border-radius: 24px;
    margin-top: 24px;
}
a.seletedTag{
    cursor: pointer;
}
.seletedTagList, .eSeletedTagList{
    display: flex;
    flex-wrap: wrap;
    column-gap: 8px;
    width: 100%;
}
.modernPagination li{
    list-style: none;
}
.modernPagination li a{
    padding: 8px 14px;
    border-radius: 6px;
    color: var(--neutral700);
}
.modernPagination li .current{
    padding: 8px 14px;
    border-radius: 6px;
    color: var(--neutral700);
    background: var(--neutral50);
}
.modernPagination li a:not(.prev, .next){
    background: var(--white);
}
.modernPagination ul{
    display: flex;
    gap: 8px;
}
.modernPagination{
    background: var(--white);
    padding: 16px;
}
.paginationArrow{
    border: solid var(--black);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transition: all .3s;
}
.rightArrow{
    margin-top: 6px;
    margin-left: 5px;
    transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
}
.prevArrow{
    margin-top: 6px;
    margin-right: 5px;
    transform: rotate(139deg);
    -webkit-transform: rotate(139deg);
}
.filterRowCount .filterPlaceholder{
    font-size: 14px;
    padding: 8px 16px;
}
.filterRowCount{
    min-width: 110px;
}
.filterRowCount .filterlabel:after{
    margin-top: -5px;
}
.resourcesListFooter{
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: 16px;
}
.modernPagination li a:hover{
    background: var(--primary50);
    color: var(--primaryGreen500);
}
.rowCountFilter, .rowCountFilterDropdown{
    padding: 8px 38px 8px 16px;
    border: 1px solid var(--neutral300);
    color: var(--neutral700);
    border-radius: 6px;
    position: relative;
}
.rowCountDropdown{
    position: relative;
}
.rowCountDropdown:after , .rowCountDropdown::after{
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    border: solid var(--neutral700);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    margin-top: 2px;
    margin-left: 10px;
    transition: all .3s ease;
    transform: rotate(45deg) translateY(-50%);
    -webkit-transform: rotate(45deg) translateY(-50%);
}
.temsListItem {
    display: flex;
    width: 100%;
    background: var(--white);
    padding-left: 24px;
    align-items: center;
    gap: 8px;
}
.temsListItem label{
    cursor: pointer;
    display: block;
    width: 100%;
    padding: 12px 24px 12px 0;
}
.closeLine {
    width: 12px;
    height: 1px;
    background: var(--primary700);
    display: inline-block;
    position: relative;
    transform: rotate(45deg);
    vertical-align: middle;
}
.closeLine::after{
    position: absolute;
    content: "";
    width: 12px;
    background: var(--primary700);
    height: 1px;
    transform: rotate(90deg);
}
.temsListItem.active{
    background: var(--primary200);
}
.temsListItem:hover{
    background: var(--primary100);
}
.resourcePopup .popupContent{
    max-width: 512px;
    padding: 24px;
}
.checkBoxButton{
    position: absolute;
    visibility: hidden;
    opacity: 0;
}
.checkBoxButton+label {
    background: var(--primary50);
    color: var(--primary700);
    padding: 4px 12px;
    border-radius: 24px;
    cursor: pointer;
}
.checkBoxButton:checked+label {
    background: var(--primary700);
    color: var(--white);
}
.popupItem{
    border-bottom: 1px solid var(--neutral300);
}
.resourcePopup .temsList, .resourcePopup .durationList, .resourcePopup .languageList, .resourcePopup .postList, .resourcePopup .popularList, .resourcePopup .dateList,.eventsPopup .dateList, .eventsPopup .popularList, .eventsPopup .languageList, .eventsPopup .temsList, .eventsPopup .locationList, .eventsPopup .etemsList, .eventsPopup .eventTypeList, .eventsPopup .language,.resourcePopup .popularList{
    display: flex;
    gap: 8px;
    row-gap: 20px; 
    flex-wrap: wrap;
}
.resourcePopup .seletedTagList{
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.popupFooter{
    justify-content: flex-end;
}
.resourcePopup .seletedTag{
    margin-top: 0;
}
.featurePostContainer .imageContents{
    position: relative;
}
.featurePostContainer .sizer{
    padding-top: 84.44%;
}
.fullWidth.featurePostBanner .sizer{
    padding-top: 56.42%;
}
.featurePostContainer.post .featurePostBanner .textContent{
    background: var(--secondary600);
}
.featurePostContainer.insights .featurePostBanner .textContent{
    background: var(--neutral900);
}
.featurePostContainer.podcasts .featurePostBanner .textContent{
    background: var(--indigo700);
}
.featurePostContainer.videos .featurePostBanner .textContent{
    background: var(--blue);
}
.featurePostContainer.reports .featurePostBanner .textContent .white{
    color: var(--black);
}
.featurePostContainer.reports .featurePostBanner .textContent{
    background: var(--white);
}
.featurePostBanner{
    display: flex;
}
.featurePostBanner .textContent{
    text-align: center;
    padding: 24px;
    justify-content: center;
    position: relative;
}
.featurePostContainer .commanCardItemRow{
    display: flex;
}
.mustReadPostList{
    padding-left: 30px;
}
.mustReadPostListTitle{
    padding-bottom: 30px;
}
.mustReadPostListItemRow{
    display: flex;
    gap: 30px;
}
.mustReadPostListItemRow .number{
    width: 20px;
    position: relative;
}
.mustReadPostListItemRow .number .title{
    margin-top: -7px;
}
.mustReadPostListItemRow .postTitle{
    border-bottom: 1px solid var(--neutral300);
    flex: 1 0 0;
}
.mustReadPostListItem:not(.mustReadPostListItem1){
    padding-top: 16px;
}
/* Resources List End */

/* Post Header Start */
.authorImage{
    position: relative;
    width: 40px;
}
.authorImage .sizer{
    padding-top: 100%;
}
.marker{
    display: inline-block;
    width: 4px;
    height: 4px;
    background: var(--black);
    border-radius: 4px;
}
.authorDetails .subText{
    display: flex;
    align-items: center;
    gap: 4px;
}
.authorWrap{
    display: flex;
    align-items: center;
    gap: 12px;
}
.postHeader .socialMediaItemLink{
    width: 24px;
    height: 24px;
    background: var(--neutral400);
    border-radius: 24px;
}
.postHeader .socialMediaItemLink svg{
    transform: scale(.6);
}
.postHeader .socialMediaItemLink.linkedinInner svg{
    transform: scale(1.1);
    margin-top: 5px;
    margin-left: 6px;
}
.has-no-touchevents .shareBtn:hover svg path{
    fill: var(--black);
}
/* Post Header End */

/* Quote Start */
.quoteWrap{
    border-left: 4px solid var(--primary200);
    padding-left: 16px;
}
.quoteMsg{
    font-style: italic;
    line-height: 1.5;
}
/* Quote End */

/* callOut Start */
.callOutWrap{
    background: var(--neutral50);
    border-radius: 6px;
    padding: 16px;
}
.callOutWrap .cEditor p{
    line-height: 1.5;
}
/* callOut End */

/* Related Articles Start */
.relatedArticles .commonHeader{
    border-bottom: 1px solid var(--neutral500);
}
.relatedArticles .textContent .descWrap, .relatedArticles .textContent .Spacer30, .relatedArticles .textContent .titleWrap + .Spacer16{
    display: none;
}
.relatedArticles .bsz {
    transition: all .3s;
}
.single-videos .relatedArticles .subTitleWrap{
    display: none;
}
.single-videos .relatedArticles .Spacer4{
    display: none;
}
.authorImage .bgimage{
    border-radius: 50%;
}
/* Related Articles End */

/* Video Start */
.frameWrap, .iframeVideo .videoWrap{
    position: relative;
    max-width: 1024px;
    margin: auto;
}
.single .iframeVideo .videoWrap{
    max-width: 800px;
}
.iframeVideoHelper{
    padding-top: 63.47%;
}
.iframeVideoHelper iframe{
    max-width: 1024px;
}
.single .frameWrap{
    max-width: 800px;
}
.single .iframeVideoHelper{
    padding-top: 66.75%;
}
.iframeVideoWrap .commonHeader{
    max-width: 600px;
    margin: auto;
    text-align: center;
}
.videoContainer{
    position: relative;
    padding-top: 56.42%;
}
.videoContainer .frameWrap{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.videoframe{
    width: 100%;
    height: 100%;
}
.imageContent{
    position: relative;
    z-index: 3;
    overflow: hidden;
}
.commanCardItem video, .iframeVideo video, .casestudyCarousel video{
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    height: 100% !important;
    width: 100% !important;
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    object-fit: cover;
    bottom: 0 !important;
}
.uploadVideoWrap{
    padding-top: 63.47%;
}
.videoWrap{
    position: relative;
}
/* Video End */

/* Meet The Hosts Start */
.meetTheHostsWrap .imageBorder{
    width: 180px;
    margin: auto;
}
.meetTheHostsWrap .teamImage{
    width: unset;
}
.meetTheHostsWrap .teamImage .imageBackgroundColor{
    padding: 8px;
}
.meetTheHostsWrap .descWrap{
    text-align: center;
    padding: 0 24px 0 24px;
}
.meetTheHostsWrap .commanCardRow{
    justify-content: center;
}
.meetTheHosts .teamItem .commanCardItemBody{ 
    flex: 0;
}
.meetTheHosts .teamItem .commanCardItemBody .roleWrap{
    margin-top: auto;
}
.meetTheHosts.typeColumn .commanCardRow{
    flex-direction: column;
}
.meetTheHosts.typeColumn .commanCardRow .col3{
    width: 100%;
}
.meetTheHosts.typeColumn .commanCardItemWrap{
    padding: 0 30px;
    flex-direction: row;
    gap: 24px;
}
.meetTheHosts.typeColumn .commanCardItemHeader{
    width: 115px;
}
.meetTheHosts.typeColumn .imageBorder{
    width: unset;
}
.meetTheHosts.typeColumn .teamItem .commanCardItemBody{
    align-items: flex-start;
    text-align: left;
    flex: 1 0 0;
    padding: 0 24px 24px;
}
.meetTheHosts.typeColumn .commanCardItemFooter{
    display: none;
}
.meetTheHosts.typeColumn .commonHeader {
    padding: 0 30px;
}
.meetTheHosts .commanCardItemFooter .descWrap{
    display: none;
}
.meetTheHosts .title {
    font-weight: 500;
}
.typeRow .meetTheHostsWrap .commanCardRow {
padding: 0 90px;
}
.typeColumn .roleWrap {
    font-size: 18px;
}
.typeColumn .description {
    font-size: 18px;
}
.section.meetTheHostsWrap {
    padding: 32px 0;
}
.meetTheHostsWrap .socialMediaRow svg { 
    height: 20px;
    width: 20px;
}
/*Meet The Host End */

/* Resource Dropdown Start */
.resourceDropdown .fiterRow{
    justify-content: flex-end;
}
/* Resource Dropdown End */

/* HiveNav Start */
.hiveNav{
    width: 100%;
    position: relative;
    z-index: 5;
}
.hiveNavWrap{
    padding: 22px 0;
}
.hiveMenuList{
    display: flex;
}
.hiveMenuList.active{
    overflow: visible;
}
.hiveNavDropdown, .hiveNavSubItem{
    display: flex;
    flex-direction: column;
}
.hiveNavSubItem{
    padding: 10px 24px;
}
.hiveNavItemLabel{
    display: flex;
    padding: 16px;
}
.hiveNavDropdown{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    box-shadow: 0px 4px 6px -1px rgba(16, 24, 40, 0.1);
    z-index: 9999;
    background: var(--white);
    transition: all .3s;
}
.hiveNavItem{
    position: relative;
    border-bottom: 1px solid var(--neutral300);
}
.hiveNavSubItem:hover {
    background: var(--primary100);
}
.hiveNavItem:hover .dropDown, .subLinkActive .dropDown{
    border-color: var(--primaryGreen);
}
.hiveNavItemLabel.dropDownYes.active + .hiveNavDropdown{
    display: flex;
}
.hiveNavItemLabel.dropDownYes.active .dropDown.down{
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    margin-top: 9px;
}
.hiveNavItemLabel.dropDownYes{
    cursor: pointer;
}
.hiveNavPlaceholder{
    display: none;
}
.hiveNavMobileSideBarPlaceholder{
    display: none;
}
.hiveNav.blackBg .hiveNavItem:not(.linkActive, .subLinkActive){
    color: var(--white);
}
.hiveNav.blackBg .hiveNavItem:not(.linkActive, .subLinkActive):hover{
    color: var(--primaryGreen);
}
.hiveNav.blackBg .hiveNavDropdown .linkActive{
    background: var(--buttonGreen);
}
.hiveNav .hiveNavDropdown .linkActive{
    background: var(--primary100);
}
.hiveNav.blackBg .hiveNavDropdown{
    background: var(--black);
}
.hiveNav.blackBg .hiveNavDropdown .Neutral900{
    color: var(--white);
}
.hiveNav.blackBg .hiveNavSubItem:hover{
    background: var(--buttonGreen);
}
/* HiveNav End */

/* Toolkits Start */
.toolkits h1 {
    margin-bottom: 1.5rem;
}
.toolkits .commanCardItem img {
    width: 100%;
}
.toolkits .imgWrap{
    position: relative;
}
.toolkits .imgWrap .bgimage {
    background-size: contain;
}
.toolkits .textContent{
    justify-content: center;
}
.toolkits.imageRight .commanCardRow{
    flex-direction: row-reverse;
}
.toolkits .textContentRow{
    max-width: 490px;
}
.toolkits.imageRight .textContentRow{
    margin-right: auto;
}
.toolkits.imageLeft .textContentRow{
    margin-left: auto;
}
.toolkits .textContent .title{
    font-weight: 500;
}
/* Toolkits End */

/* Text With Video Start */
.textWithVideo .videoWrap{
    position: relative;
}
.textWithVideo .commanRowGap{
    align-items: center;
}
.textWithVideo.rightVideo .commanRowGap{
    flex-direction: row-reverse;
}
.textWithVideo video{
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    height: 100% !important;
    width: 100% !important;
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    object-fit: cover;
    bottom: 0 !important;
}
.textWithVideo .uploadVideoWrap{
    padding-top: 63.47%;
}
/* Text With Video End */

/* Post Grid Start */
.postGrid .bsz {
    transition: all .3s;
}
/* Post Grid End */

/* How we work Start */
.howWeWork .commanCardItemWrap .cardTop{
    padding: 20px 16px 16px;
}
.processList.commanCardRow{
    align-items: flex-start;
}
.cardBottomTextContent{
    opacity: 0;
    height: 0;
    transition: all .3s;
    pointer-events: none;
}
.processItem:hover .cardBottomTextContent{
    height: auto;
    opacity: 1;
    padding: 20px 0;
}
.processItem .cardBottom{
    position: relative;
    background: #3ba611;
    padding: 20px 16px 16px;
}
.processItem .cardBottom:before {
    content: "";
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 16px solid var(--white);
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}
.howWeWork.whiteBg .processItem .cardBottom:before{
    border-top: 16px solid var(--neutral50);
}
.processItem{
    position: relative;
}
.processItem .cardTop{
    position: relative;
}
.processItem .cardTop::after{
    position: absolute;
    content: "";
    top: 50%;
    right: -36px;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: #3ba611;
    border-radius: 50%;
    z-index: 1;
}
.processItem .cardTop::before{
    position: absolute;
    content: "";
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid var(--white);
    top: 50%;
    transform: translateY(-50%);
    right: -26px;
    z-index: 2;
}
.processItem:nth-child(5n) .cardTop::after, .processItem:last-child  .cardTop::after{
    all: unset;
}
/* How we work End */

/* Language Dropdown Start */
.languages .languageList{
    overflow: hidden;
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background: var(--white);
    width: max-content;
    border: 1px solid var(--neutral300);
    border-radius: 6px;
    transition: all .3s;
}
.languages.active .languageList{
    display: block;
}
.languageItem{
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px;
}
a.languageItem:hover{
    background: var(--featureSection);
}
.languageItem.linkActive{
    background: var(--featureSection);
    color: var(--neutral900);
}
.languageItem img{
    width: 20px;
    height: 15px;
}
.languageItem .dropDown.down{
    margin-top: -5px;
}
.languages{
    position: relative;
    min-width: 150px;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.languages .sortName{
    width: 28px;
    text-transform: uppercase;
    text-align: center;
}
.languagePlaceholder{
    position: relative;
    padding: 6px 24px 6px 6px;
    border: 0px solid var(--neutral300);
    border-radius: 6px;
    cursor: pointer;
    flex-direction: row-reverse;
}
.languagePlaceholder::after{
    position: absolute;
    content: "";
    border: solid var(--black);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transition: all .3s;
    top: 12px;
    right: 6px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.languages.active .languagePlaceholder::after{
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    top: 15px;
}
.languages .languageList .sortName::after{
    content: ")";
}
.languages .languageList .sortName::before{
    content: "(";
}
/* Language Dropdown End */

/* Spotify Player Start */
.socialMediaRow{
    position: relative;
}
.tooltip{
    visibility: hidden;
    width: 80px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    right: 0;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 12px;
}
.tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.tooltip.active{
    visibility: visible;
    opacity: 1;
}
.spotifyPlayerWrap{
    max-width: 800px;
    margin: auto;
}
.spotifyPlayerWrap iframe{
    width: 100%;
}
.spotifyPlayerWrap iframe[src*="https://open.spotify.com"]{
    width: 100%;
    border-radius:12px  !important;
    height: 232px;
}
.spotifyPlayerWrap .postHeader .socialMediaItemLink svg{
    transform: unset;
}
.spotifyPlayerWrap .ListenOnRow{
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: end;
}
.spotifyPlayerLink{
    width: 24px;
    height: 24px;
    background: var(--neutral400);
    border-radius: 24px;
}
.encore-dark-theme{
    border: 5px solid red;
}
iframe[src*="https://podcasters.spotify.com"] {
    height: 159px;
    border-radius: unset !important;
}
iframe[src*="https://podcasters.spotify.com"] main{
    min-height: unset !important;
}
.spotifyPlayer .textContentRow{
    display: flex;
    gap: 16px;
    align-items: flex-start;
}
.spotifyPlayer .textContentRow .sizer{
    padding-top: 80%;
}
.spotifyPlayer .textContentRow .imageContent{
    width: 250px;
}
.spotifyPlayer .textContentRow .textContent{
    flex: 1 0 0;
}
.copyRss{
    padding-top: 2px;
}
/* Spotify Player End */

/* Data table Start */
.datatable .alphabet{
    margin-bottom: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.datatable .alphabet span{
    cursor: pointer;
    font-size: 14px;
    color: var(--primaryGreen500);
}
.datatable .dataTables_filter label{
    display: flex;
    align-items: center;
    justify-content: end;
}
.datatable .dataTables_filter{
    float: unset;
}
.datatable .dataTables_info{
    font-size: 12px;
    float: left;
    padding-top: 6px;
}
.datatable .paging_full_numbers{
    float: right;
}
.datatable .dt-button, .entry-content .dt-button{
    display: inline-block;
    padding: 8px 16px !important; 
    border: 1px solid transparent;
    transition: all .3s;
    border-radius: 6px;
    color: var(--white);
    text-align: center;
    font-size: 14px;
    font-family: 'Nunito';
    font-weight: 400;
    cursor: pointer;
    background: var(--primaryGreen500);
}
.datatable .dt-button:hover, .entry-content .dt-button:hover{
    border-color: var(--primaryGreen500) !important;
    background-color: transparent !important;
    color: var(--primaryGreen500);
    background-image:unset !important;
}
.datatable table.dataTable{
    margin: 24px 0;
}
div.datatable .paginate_button.current{
    background: var(--primary50) !important;
    border: 1px solid transparent !important;
    color: var(--primaryGreen500) !important;
    border-radius: 6px !important;
}
.paginate_button {
    padding: 8px 14px !important;
    border-radius: 6px !important;
    color: var(--neutral700) !important;
    border: 1px solid transparent !important;
}
.datatable .paginate_button:hover{
    background: var(--primary50) !important;
    color: var(--primaryGreen500) !important;
    border-color: transparent !important;
    border-radius: 6px !important;
}
.entry-content .paginate_button.current{
    background: var(--primary50) !important;
    border: 1px solid transparent !important;
    color: var(--primaryGreen500) !important;
    border-radius: 6px !important;
}
.entry-content .paginate_button {
    padding: 8px 14px !important;
    border-radius: 6px !important;
    color: var(--neutral700) !important;
    border: 1px solid transparent !important;
}
.entry-content .paginate_button:hover{
    background: var(--primary50) !important;
    color: var(--primaryGreen500) !important;
    border-color: transparent !important;
    border-radius: 6px !important;
}
.datatable .dataTables_length{
    float: left;
    margin-top: 6px;
}
.datatable td > *, .datatable th > *, .datatable td a > *, .datatable th a > *,.datatable td, .datatable th{
    vertical-align: middle;
}
.datatable .column0:not(.tHead){
    background: var(--primaryGreen500);
    color: var(--white);
    box-shadow: none !important;
}
table.dataTable>thead>tr>th, table.dataTable>thead>tr>td{
    border-bottom: 0px;
}
.datatable thead th{
    background: var(--black);
    color: var(--white);
    vertical-align: bottom;
}
.datatable .tHead:not(.column0).sorting::after, .datatable .tHead:not(.column0).sorting::before{
    all: unset;
}
.datatable .tHead.column0.sorting::before{
    bottom: 22px;
}
.datatable .tHead.column0.sorting::after{
    bottom: 10px;
    top: unset;
}
.datatable td i.fa-check-circle, .datatable td i.fa-info-circle{
    color: var(--primaryGreen500);
}
.datatable td i.fa-external-link{
    color: var(--rust500);
}
.datatable td i{
    font-size: 25px;
}
.datatable .lText{
    text-align: left !important;
}
.datatable .cText{
    text-align: center !important;
}
.datatable .rText{
    text-align: right !important;
}
.datatable .dataTables_empty{
    background: var(--primaryGreen500);
    color: var(--white);
}
.datatable .tableText{
    position: relative;
}
.datatableWrap .dataTable .tooltip{
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}
.datatableWrap .dataTable .tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.datatableWrap .dataTable .lText .tooltip{
    right: -250px;
}
.tooltipIcon:hover .tooltip {
    visibility: visible;
    opacity: 1;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    font-size: 12px;
}
.datatable .dataTables_wrapper .dataTables_length select{
    -webkit-appearance:auto;
}
.datatableWrap thead th, .datatableWrap tfoot th {
    border: 1px solid rgba(255, 255, 255, .2);
}
.tableCheckYes, .tableLinkYes{
    display: none;
}
.dataTable tr.child td:first-child {
    background: inherit;
    color: inherit;
}
.dataTable .infoAndText{
    display: flex;
    align-items: center;
    gap: 6px;
}
.cText .dataTable .infoAndText{
    justify-content: center;
}
.lText .dataTable .infoAndText{
    justify-content: flex-start;
}
.rText .dataTable .infoAndText{
    justify-content: flex-end;
}
.dataTable tr.child .dtr-title{
    font-weight: bold;
    width: 50%;
    float: left;
    font-size: 12px;
}
.dataTable tr.child .dtr-data {
    width: 50%;
    float: left;
    text-align: right;
}
.dataTable tr.child .dtr-details {
    padding: 0;
    list-style-type: none;
    width: 100%;
}
table.dataTable>tbody>tr.child ul.dtr-details>li{
    width: 100%;
    display: inline-block;
}
.dataTable .dataTables_empty{
    background: var(--primaryGreen500) !important;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    background-color: var(--rust500);
    border: 0;
    box-shadow: none;
    line-height: 20px;
    font-size: 20px;
    height: 20px;
    width: 20px;
}
/* Data table End */


.entry-content .customTable a {
    color: var(--rust500);
}
.entry-content .customTable .fa-check-circle,
.entry-content .customTable .fa-info-circle {
    color: var(--primaryGreen500);
}
.entry-content .customTable {
    border-collapse: collapse !important;
    font-size: 12px;
    line-height: 14px;
    width: 100% !important;
}
.entry-content .customTable th {
    background: var(--black);
    color: #ffffff !important;
    text-align: left;
    vertical-align: bottom;
}
.entry-content table.dataTable.customTable thead {
    border: 1px solid #464749;
}
.entry-content table.dataTable.customTable thead th,
.entry-content table.dataTable.customTable thead td {
    border-bottom: 0;
}
.entry-content .customTable th.border-left {
    border-left: 1px solid rgba(255, 255, 255, .2);
}
.entry-content .customTable th.border-right {
    border-right: 1px solid rgba(255, 255, 255, .2);
}
.entry-content .customTable th.col2 {
    width: 10%;
}
.entry-content .customTable th.col3,
.entry-content .customTable th.col4 {
    width: 5%;
}
.entry-content .customTable th.col1,
.entry-content .customTable th.col5,
.entry-content .customTable th.col6,
.entry-content .customTable th.col7,
.entry-content .customTable th.col8,
.entry-content .customTable th.col9,
.entry-content .customTable th.col10,
.entry-content .customTable th.col11,
.entry-content .customTable th.col12,
.entry-content .customTable th.col13 {
    width: 8%;
}
.entry-content table.dataTable.customTable thead .sorting,
.entry-content table.dataTable.customTable thead .sorting_asc,
.entry-content table.dataTable.customTable thead .sorting_desc,
.entry-content table.dataTable.customTable thead .sorting_asc_disabled,
.entry-content table.dataTable.customTable thead .sorting_desc_disabled {
    background-position: bottom 10px right;
}
.entry-content .customTable td, .datatable td{
    background: #E5E6E6;
    color: #1A1818;
    border: 1px solid #707070;
}
.entry-content .customTable td:first-child, .datatable td:first-child,  .dataTable td:first-child, .dataTable td:first-child{
    background: var(--primaryGreen500);
    background-color: var(--primaryGreen500);
    color: #ffffff;
}
.entry-content .customTable tr.child td:first-child {
    background: inherit;
    color: inherit;
}
.entry-content .customTable tr.child .dtr-details {
    padding: 0;
    list-style-type: none;
    width: 100%;
}
.entry-content .customTable tr.child .dtr-details li {
    clear: both;
    width: 100%;
    float: left;
    line-height: 18px;
    border-bottom: 1px solid #cccccc;
    margin: 0;
}
.entry-content .customTable tr.child .dtr-title {
    font-weight: bold;
    width: 50%;
    float: left;
    font-size: 12px;
}
.entry-content .customTable tr.child .dtr-data {
    width: 50%;
    float: left;
    text-align: right;
    font-size: 12px;
}
.entry-content .customTable tr.child .dtr-data .fa-info-circle {
    display: none;
}
.entry-content .customTable tr.child .dtr-data .tooltip {
    position: static;
    width: 200%;
    margin-left: -100%;
    border: 0;
    margin-top: 20px;
    padding: 0;
    opacity: 1;
    clear: both;
    display: block;
    text-align: left;
}
.entry-content table.customTable.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
.entry-content table.customTable.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    background-color: var(--rust500);
    border: 0;
    box-shadow: none;
    line-height: 20px;
    font-size: 20px;
    height: 20px;
    width: 20px;
}
.entry-content table.customTable.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,
.entry-content table.customTable.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {
    background-color: #1b191a;
}
.entry-content .customTable th.text-center,
.entry-content .customTable td.text-center {
    text-align: center;
}
.entry-content .customTable .fa-check-circle,
.entry-content .customTable .fa-info-circle {
    font-size: 25px;
}
.entry-content .customTable .fa-external-link {
    font-size: 20px;
}
.entry-content .customTable .fa-info-circle {
    cursor: pointer;
}
.entry-content .green-mortgage-table-top,
.entry-content .green-mortgage-table-bottom {
    width: 100%;
    margin: auto;
}
.entry-content .green-mortgage-table-top,
.entry-content .green-mortgage-table-bottom {
    width: 100%;
    margin: 20px auto;
    overflow: hidden;
}
.entry-content .green-mortgage-table-top{
    margin-top: 0;
}
.entry-content .green-mortgage-container button.dt-button,
.entry-content .green-mortgage-container div.dt-button,
.entry-content .green-mortgage-container a.dt-button,
.entry-content .green-mortgage-container input.dt-button {
    padding: 3px 5px;
    font-size: 14px;
}
.entry-content .green-mortgage-container .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 3px 15px;
    font-size: 14px;
}
.entry-content .green-mortgage-container .alphabet {
    overflow: hidden;
    margin-bottom: 20px;
}
.entry-content .green-mortgage-container .alphabet-info-display {
    float: left;
    margin-right: 10px;
}
.entry-content .green-mortgage-container .alphabet ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
.entry-content .green-mortgage-container .alphabet ul li {
    display: inline-block;
    margin-right: 5px;
}
.entry-content .green-mortgage-container .alphabet ul li a {
    color: var(--primaryGreen500);
    text-decoration: none;
}
.entry-content .green-mortgage-container .alphabet-info {
    display: none !important;
}
.tooltip-icon {
    position: relative;
}
.tooltip-icon .tooltip {
    position: absolute;
    width: 300px;
    background: #ffffff;
    border: 1px solid #777777;
    padding: 20px 10px;
    bottom: 20px;
    left: 20px;
    z-index: 999;
    opacity: 0;
    transition: opacity 0.4s ease;
    visibility: hidden;
}
.tooltip-icon:hover .tooltip {
    visibility: visible;
    opacity: 1;
}
.pdf-only {
    display: none;
}
.entry-content .green-mortgage-container .alphabet ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
.entry-content .green-mortgage-container .alphabet ul li {
    display: inline-block;
    margin-right: 5px;
    margin-left: 0;
    margin-top: 0;
}
.entry-content ul {
    list-style-type: disc;
    padding: 0 0 23px 1em;
    line-height: 26px;
}
.entry-content .dataTables_filter label{
    display: flex;
    align-items: center;
}
.entry-content .dataTables_length{
    margin-top: 6px;
}
.entry-content .dataTables_info {
    font-size: 12px;
    float: left;
    padding-top: 6px;
}
.entry-content .tooltip-icon:hover .tooltip {
    visibility: visible;
    opacity: 1;
}
.entry-content .tooltip-icon .tooltip {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}
.entry-content .tooltip-icon .tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }
.entry-content tr:nth-child(2n+1) td, .dataTable tr:nth-child(2n+1) td {
    background: #fbfbfb;
}
table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.display tbody tr.odd>.sorting_1{
    background-color: var(--primaryGreen500);
}
table.dataTable{
    border-collapse: collapse !important;
}
.dataTable .tHead:not(.column0).sorting{
    background-image: none;
    cursor: default;
}
table.dataTable thead .sorting_asc {
    background-position: bottom 10px right;
}
table.dataTable thead .sorting_desc {
    background-position: bottom 10px right;
}
td.dataTables_empty{
    font-size: 12px;
}
.entry-content .text-center.tied{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
div.tooltipIcon{
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}
.datatableWrap .dataTable .dtr-data .tooltip{
    left: unset;
    right: 0;
}
.datatableWrap .dataTable .dtr-data .infoAndText{
    justify-content: flex-end;
}


/* Search Start */
.searchFormWrap{
    display: none;
    position: absolute;
    width: 200px;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    background: var(--white);
    transition: all 0.5s 0.2s ease;
}
.searchCloseIcon path{
    width: 20px;
    height: 20px;
    transform: scale(1.5);
}
.searchCloseIcon g{
    transform: translate(1, -2);
}
.searchCloseIcon{
    display: none;
}
.searchFormIsActive .searchCloseIcon{
    display: block;
}
.searchFormIsActive .searchFormWrap{
    display: block;
}
form .searchInputBox{
    padding: 6px 12px;
    border-radius: 0;
}
a.searchIcon{
    padding: 9px;
    cursor: pointer;
}
.searchFormIsActive .searchIcon{
    background: var(--black);
}
.searchFormIsActive .searchIcon svg path{
    stroke: var(--white);
}
.searchResultList .resourcesListFooter{
    justify-content: center;
}
.searchResultList .bsz{
    transition: all .3s;
}
.search-results .col2{
    width: 100%;
}
.search-results .pageBanner .c{
    max-width: 1416px;
    margin: auto;
}
.header .searchInputBox::placeholder {
    color: var(--neutral400);
    font-size: 14px;
}
/* For Internet Explorer 10-11 */
.header .searchInputBox:-ms-input-placeholder {
    color: var(--neutral400);
    font-size: 14px;
}
/* For Edge */
.header .searchInputBox::-ms-input-placeholder {
    color: var(--neutral400);
    font-size: 14px;
}
/* For Firefox */
.header .searchInputBox::-moz-placeholder {
    color: var(--neutral400);
    font-size: 14px;
    opacity: 1;
}
/* For Chrome, Safari, and Opera */
.header .searchInputBox:-webkit-input-placeholder {
    color: var(--neutral400);
    font-size: 14px;
}
/* Search End */

/*Custom Publication Card Type */  
.customPublicationsList .textContent .cardBody {
    position:relative;
    z-index: 4;
}
.customPublicationsList .cardItemWrap.commanCardItemWrap {
    position: relative;
}

.customPublicationsList .cardItemWrap.commanCardItemWrap {
    border:1px solid white;
}

.customPublicationsList .cardItemWrap.commanCardItemWrap:hover {
    border-color: var(--primary700);
}

.customPublicationsList .cardItemWrap.commanCardItemWrap:hover {  
    box-shadow: 0px 4px 6px -1px rgba(16, 24, 40, 0.1);
}

.customPublicationsList .cardLink {
    z-index: 4;
}

.customPublicationsList .cardItemWrap.commanCardItemWrap .bsz {
    transition: all .3s;
}

.customPublicationsList .imageContent img {
    width: 100px;
    height: auto;
    transition: all .3s;
    transform: scale(1);
    margin: auto;
}

.customPublicationsList .imageContent {
    text-align: center;
    background-color: #f3f8f2;
    padding: 20px;
    display: flex;
}

.customPublicationsList .cardItemWrap.commanCardItemWrap:hover img {
    transform: scale(1.1);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all .3s;

}

.customPublicationsList .publicationToolTip {
    visibility: hidden;
    z-index: 3;
    left: 0;
    right: 0;
    bottom: 100%;
    opacity: 0;
    transition: opacity 0.3s;
}

.customPublicationsList .publicationToolTip::after {
    content: "";
    position: absolute;
    top: 100%; 
    left: 50%;
    margin-left: -5px; 
    border-width: 5px; 
    border-style: solid;  
    border-color: #555 transparent transparent transparent;
} 

.customPublicationsList .cardItemWrap.commanCardItemWrap.toolTipAdd .publicationToolTip { 
    visibility: visible;
    opacity: 1;
}

.customPublicationsList .tooltipIcon { 
    position: relative;
} 


/*Custom Publication Card Type */

/* Event List Start */

.eventList .searchBox{
    width: 65%;
}
.eventList .sortBy{
    padding-right: 0;
}
.eventList .tagBtn{
    border-radius: 24px;
    border: 1px solid var(--primaryGreen500);
    background: var(--primaryGreen500);
    color: var(--white);
    padding: 4px 12px;
}

/* Event List End */

/* Event Banner Start*/

.eventBanner{ 
    background: linear-gradient(163deg, rgba(21,14,121,.8) 0%, rgba(119,187,175,1) 55%, rgba(168,245,204) 90%,rgb(210, 238, 149,.6) 100%);
}
.eventBanner .socialMediaRow .whiteBg{
    background: var(--white);
}
.eventBanner .btnWrap{
    display: flex;
    gap: 16px;
    align-items: center;
}

/* Event Banner End*/ 

/*Event Popup Start*/ 

.eventsPopup  .popupContent{ 
    max-width: 512px;
    padding: 24px;
}
.eventsPopup .seletedTag {
    margin-top: 0;
}
.eventsPopup .overallList{
    display: flex;
    gap: 8px;
    row-gap: 20px;
    flex-wrap: wrap;
}
.eSeletedTagList{
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    width: 100%;
}
.eventsPopup .eSeletedTagList{
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

/*Event Popup End*/

/* Download Request Popup Start */
.textWidthImage .hideBtn{
    display: none;
}
.downloadRequestPopup .popupContent{
    max-width: 512px;
    padding: 24px;    
}
.downloadRequestPopup .imgWrap{
    width:180px;
}
.downloadRequestPopup .titleWrap{
    display: flex;
    gap: 16px;
    align-items: center;
}
.downloadRequestPopup .formWrap input{
    outline: none;
    border-radius: unset;
    box-shadow: unset;
    border: none;
    border-bottom: 1px solid var(--neutral300);
    padding: 10px 0;
    caret-color: var(--primaryGreen500);
}
.downloadRequestPopup .formWrap input:focus{
    border-bottom: 1px solid var(--primaryGreen500);
}
.downloadRequestPopup .formWrap input.borderRed{
    border-bottom: 1px solid var(--error);
}
.downloadRequestPopup .formWrap input.borderRed:focus{
    border-bottom: 1px solid var(--primaryGreen500);
}
.downloadRequestPopup .formWrap ::placeholder{
    font-family: 'Nunito';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    color: var(--neutral400);
    text-align: left;
    padding: 0 2px;
}
.downloadRequestPopup .btn.btnGreen:hover{
    background-color:var(--primary200);
}
.downloadRequestPopup  .policyContent{
    display: flex;
    gap: 4px;
}
.downloadRequestPopup .policyLink{
    text-decoration: underline;
}
.downloadRequestPopup .iconWrap{
    display: flex;
    justify-content: center;
}
.downloadRequestPopup .SuccessIcon{
    width: 60px;
    height: 60px;
    background-color: var(--primary100);
    border-radius: 50%;  
    display: flex;
    justify-content: center;
    align-items: center;
}
.downloadRequestPopup .downloadLinkBtnWrap{
    position: relative;
    width: max-content;
}
.downloadRequestPopup .RequestLoadingBtnWrap {
    position: absolute;
    top: 50%;
    left: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%);
}
.errorMessage{
    display: none;
}
.downloadRequestPopup input[type="checkbox"]{
    accent-color: var(--primaryGreen500);
    -webkit-appearance: checkbox;
    width: 16px;
    height: 16px;
}
.downloadRequestPopup .policyContent label{
    display: flex;
    gap: 10px;
    align-items: center;
}
.downloadRequestPopup .formWrap input.outlineRed{
    outline: 1px solid var(--error);
}
.downloadRequestPopup .descriptionWrap{
    flex: 1 0 0;
}
.downloadRequestPopup .image{
    position: relative;
    display: block;
    object-fit: cover;
    object-position: center;
    width: 180px;
    max-height: 180px;
}
.downloadRequestPopup .titleWrap{
    height: auto !important;
}
/* Download Request Popup End */

/* About Event Start*/ 
.aboutEvent .eventLink,.eventDiscountWrap{
    display: flex;
    gap: 24px;
}
.aboutEvent .eventDiscount{
    display: flex;
    gap: 8px;
    padding: 10px 16px;
    border: 2px dashed var(--secondary500);
    background-color:  var(--secondary50);
    justify-content: center;
}
.aboutEvent .eventLink .btn svg{
    margin-left: 10px;
}
/* About Event End*/

/*About Event Tool Tip Start*/ 
.aboutEvent .codetooltip{
    visibility:hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}
.aboutEvent .codetooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.aboutEvent .tooltipIcon.add .codetooltip{
    visibility: visible;
    opacity: 1;
}
.aboutEvent .tooltipIcon{
    position: relative;
}
/*About Event Tool Tip End*/

/*Event Details Start*/ 
.eventDetails .eventTitle {
    border-bottom: 1px solid var(--neutral300);
    padding-bottom: 16px;
}
.eventDetails .detailsRow{
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}
.eventDetails .rowItem{
    display: flex;
    align-items: center;
    text-transform: capitalize;
}
.eventDetails .eventHost .host{
    padding:0 2px;
}
.eventDetails .detailsRow g {
    transform: translate(3px,3px);
}
.eventDetails .detailsRow .desktopIcon g {
    transform: translate(2px,1px);
}
/*Event Details End*/

/* Related Event Start */ 
span.relatedSubtitle{
    padding-bottom: 8px;
    border-bottom: 1px solid var(--neutral500);
    display: block;
}
.relatedEventsWrap a.tagBtn.termListItem{
    border-radius: 24px;
    border: 1px solid var(--primaryGreen500);
    background: var(--primaryGreen500);
    color: var(--white);
    padding: 4px 12px;
}
/* Related Event End */ 
/* Arrow With Nav Start */
.arrowWithNavList.col3 {
    width: 33.33%;
}
.arrowWithNavList{
    padding: 24px;
}
.arrowWithNav .commanCardRow{
    margin: 0;
}
.arrowWithNavList{
    background: var(--primaryGreen900);
}
.arrowWithNavList:last-child, .arrowWithNavList:first-child{
    background: var(--primaryGreen500);
}
.arrowWithNavList i{
    -webkit-text-stroke-width: 3px;
    font-size: 30px;
}
.arrowWithNavList:hover{
    background: var(--buttonGreen);
}
/* Arrow With Nav End */

/* Card Carousel Start */
.cardCarouselSliderItem .sizer { 
    padding-top: 78.43%;
}
.cardCarouselSliderItem .imageContent{
    position: relative;
}
.cardCarouselSlider, .cardCarousel .commonHeader{
    overflow: hidden;
    width: 90%;
    margin: auto;
}
.cardCarouselRow{
    position: relative;
}
.cardCarousel .imageContent::after{
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: var(--black);
    transition: all .3s ease;
    opacity: 0.1;
}
.cardCarouselSliderItemContent{
    position: relative;
}
.cardCarouselSliderItemContent .textContent{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    padding: 16px;
    display: flex;
    align-items: flex-end;
}
.cardCarouselSliderItemWrap[href]:hover .imageContent::after{
    opacity: 0.3;
}
/* Card Carousel End */

/* Milestone Introduction Start */
.hide{
    display: none;
}
.milestonesPathVertical{
    display: none;
}
.svgImageContent{
    width: 66.66%;
}
.svgPathTextContent{
    width: 33.33%;
}
.svgImageContent svg{
    width: 100%;
    height: auto;
}
.milestoneIntroduction .commanCardRow {
    flex-direction: row-reverse;
}
.milestoneIntroduction .toolkit-bullets li:before {
    font-weight: 400;
    counter-increment: item;
    content: counter(item, decimal-leading-zero) " ";
    position: absolute;
    text-align: center;
    color: var(--black);
    top: 10px;
    left: 0;
    background-color: #6e9d2f;
    z-index: -1;
    display: inline-block;
    font-size: 14px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 100%;
    color: var(--white);
}
.milestoneIntroduction .toolkit-bullets li {
    position: relative;
    padding: 15px 0 15px 50px;
    list-style-type: none;
    border-bottom: 1px solid #707070;
    font-weight: 700;
}
.toolkit-bullets.farmers-toolkit-key li {
    padding: 0;
    border-bottom: 0;
    display: inline-block;
    display: block;
    float: left;
    font-weight: 700;
}
.milestoneIntroduction #main-content ol {
    list-style-type: decimal;
}
.toolkit-bullets ol {
    counter-reset: item;
    list-style-type: none;
    margin: 0;
}
.toolkit-bullets.farmers-toolkit-key li:before {
    position: static;
    margin-right: 10px;
    margin-bottom: 10px;
}
.toolkit-bullets.farmers-toolkit-key li:nth-child(5) {
    clear: both;
}
.farmers-toolkit-bullets{
    display: flex;
    justify-content: flex-end;
}
.toolkit-bullets li#number2:before {
    background-color: #9aa347;
}
.toolkit-bullets li#number3:before {
    background-color: #727c28;
}
.toolkit-bullets li#number4:before {
    background-color: #556432;
}
.toolkit-bullets li#number5:before {
    background-color: #cb9718;
}
.toolkit-bullets li#number6:before {
    background-color: #b65d1b;
}
.toolkit-bullets li#number7:before {
    background-color: #a27327;
}
.toolkit-bullets li#number8:before {
    background-color: #795635;
}
.toolkit-bullets li#number9:before {
    background-color: #503430;
}
.toolkit-bullets li.no-bullet:before{
    display: none;
}
.toolkit-bullets li.no-bullet{
    padding-top: 5px;
}
/* Milestone Introduction End */

/* Text Content With Background Image Start */
.textContentWithBackgroundImage{
    position: relative;
}
.textContentWithBackgroundImage .c{
    position: relative;
}
.textContentWithBackgroundImage .textContentItem{
    padding: 24px;
}
.textContentWithBackgroundImage .textContentItem.typetitle{
    padding: 24px 0;
}
.commanCardItem img{
    width: 50px;
    height: auto;
}
.textContentWithBackgroundImage .typecard .commanCardItemWrap{
    align-items: center;
    text-align: center;
    padding: 24px;
}
/* Text Content With Background Image End */

/* Discover Now Start */
.discoverNowWrap{
    padding: 24px;
    position: relative;
}
.discoverNowWrap .box{
    position: absolute;
    content: "";
    width: 40px;
    height: 40px;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
}
/* Discover Now End */

/* Text With Card Grid Start */
.textWithCardGrid {
    position: relative;
}
.textWithCardGrid.backgroundColor{
    background: var(--primaryGreen);
}
.textWithCardGrid .textContent{
    width: 40%;
}
.textWithCardGrid .cardGrid{
    width: 60%;
}
.textWithCardGrid .cardGridRow{
    display: flex;
    flex-wrap: wrap;
}
.textWithCardGrid .cardGridItem{
    width: 33.33%;
    display: flex;
    flex-direction: column;
    padding: 24px;
    transition: all .3s;
}
.textWithCardGrid .cardGridRow .cardGridItem:hover{
    background: var(--primaryGreen);
}
.textWithCardGrid .cardGridItem:nth-child(odd){
    background: var(--primaryGreen900);
}
.textWithCardGrid .cardGridItem:nth-child(even){
    background: var(--buttonGreen);
}
.textWithCardGrid .cardGridItem span img{
    width: 24px;
}
.timerRow{
    display: flex;
    align-items: center;
    gap: 8px;
}
.textWithCardGridRow{
    position: relative;
}
.afterYesHeight{
    content: "";
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    position: absolute;
    background: var(--white);
}
.textWithCardGridWrap{
    position: relative;
    z-index: 2;
}
.textWithCardGrid.backgroundColor.afterYes .textContentWrap.section{
    padding-top: 0;
}
.textWithCardGrid .iconDiv img{
    height: 50px;
    width: auto;
}
.textWithCardGrid .cardGridItemWrap{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/* Text With Card Grid End */
/* Useful resources */
.usefulResourcesIntro.cEditor a:not(.btn),
.has-no-touchevents .usefulResourcesIntro.cEditor a:not(.btn):hover {
    color: inherit;
    text-decoration: underline;
}
.usefulResourcesItemWrap {
    border: 1px solid var(--neutral300);
    border-radius: 4px;
    height: 100%;
    padding: 24px;
    position: relative;
    transition: all .3s;
}
.usefulResourcesItemWrap:hover {
    box-shadow: 0px 4px 6px -1px rgba(16, 24, 40, 0.1);
}
.usefulResourcesItemWrap img.usefulResourcesLogo {
     position: absolute;
     bottom: 18px;
     right: 24px;
     height: 50px;
     width: auto;
     max-width: 50%;
     object-fit: contain;
     object-position: center right;
 }

.usefulResourcesItemWrap .LinkTag {
    font-weight: bold;
}
/* Useful resources end */

/* Columns start */
.widgetColumns.widgetColumnsMerge {
    padding-top: 15px;
    margin-top: -50px;
}
@media(max-width: 1200px) {
    .widgetColumns.widgetColumnsMerge {
        margin-top: -45px;
    }
}
@media(max-width: 1024px) {
    .widgetColumns.widgetColumnsMerge {
        margin-top: -40px;
    }
}
@media(max-width: 900px) {
    .widgetColumns.widgetColumnsMerge {
        margin-top: -35px;
    }
}
@media(max-width: 860px) {
    .widgetColumns.widgetColumnsMerge {
        margin-top: -35px;
    }
}
@media(max-width: 780px) {
    .widgetColumns.widgetColumnsMerge {
        margin-top: -30px;
    }
}
@media(max-width: 420px) {
    .widgetColumns.widgetColumnsMerge {
        margin-top: -18px;
    }
}
.widgetColumns .columnRow {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.widgetColumns .columnRow.columns-5,
.widgetColumns .columnRow.columns-6 {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.widgetColumns:not(.whiteBg) a:not(.btn),
.has-no-touchevents .widgetColumns:not(.whiteBg) a:not(.btn):hover,
.verticalCard:not(.whiteBg) a:not(.btn),
.has-no-touchevents .verticalCard:not(.whiteBg) a:not(.btn):hover {
    color: inherit;
    text-decoration: underline;
}

.widgetColumns .cEditor > :last-child
{
    margin-bottom: 0;
}

.widgetColumns .cEditor iframe[src*='youtube.com'],
.widgetColumns .cEditor iframe[src*='youtube-nocookie.com'] {
    max-width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
}

.verticalCard {
    display: flex;
    flex-direction: column;
    gap: 20px;
    border: 1px solid var(--neutral300);
    border-radius: 4px;
    overflow:hidden;
    height: 100%;
}
.verticalCard:hover {
    box-shadow: 0px 4px 6px -1px rgba(16, 24, 40, 0.1);
}
.verticalCard .imageContent {
    height: 320px;
}
.verticalCard .textContent {
    padding: 0 20px 20px;
}
.verticalCard .textContent:nth-child(2) {
    flex-grow: 1;
}
.verticalCard .textContent:has(+.textContent) {
    padding-bottom: 0;
}

img.group-member-image {
    height: 192px;
    width: auto;
}
/* Columns end */
/* Case studies table start */
.single-casestudies .cEditor table
{
    border: 1px solid #eee;
    text-align: left;
    width: 100%;
    margin-bottom: 40px;
}

.single-casestudies .cEditor table td
{
    padding: 8px 12px;
    border-top: 1px solid #eee;
}

.single-casestudies .cEditor table thead th,
.single-casestudies .cEditor table tr th {
    font-weight: 700;
    padding: 9px 24px
}

.single-casestudies .cEditor table tr:nth-child(2n+1) td
{
    background: #fbfbfb;
}
/* Case studies table end */
/* Hive insights start */
.hive-insights--wrapper {
    display: grid;
    grid-template-columns: 3fr 1fr;
}
.hive-insights--content {
    margin-left: -20px;
    margin-right: -20px;
}
.hive-insights--content .c {
    padding-left: 20px;
    padding-right: 20px;
}
.hive-insights--sidebar {
    padding: 65px 0 65px 40px;
}
@media (max-width: 767px) {
    .hive-insights--wrapper {
        grid-template-columns: 1fr;
    }
    .hive-insights--content {
        margin-left: 0;
        margin-right: 0;
    }
    .hive-insights--sidebar {
        padding: 65px 20px;
    }
}
.hive-insights--sidebar-list {
    list-style-type: none;
    padding: 0;
    margin: 20px 0 0;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.hive-insights--sidebar-list > li
{
    max-width: 320px;
    margin: 0 auto;
}
.hive-insights--sidebar-list .gridImage {
    margin-bottom: 16px;
}
.hive-insights--sidebar-list .gridImage .sizer {
    padding-top: 66.667%;
}

.hive-insights--sidebar-list-content > div {
    font-size: 0.8em;
}
.hive-insights--sidebar-list-content h4 {
    font-family: 'Lora';
    font-weight: 600;
}
/* Hive insights end */
/* Post password form */
.post-password-form {
    display: flex;
    flex-direction: column;
    gap: .5em;
    max-width: 1296px;
    margin: 0 auto;
    padding: 40px;
}

.post-password-form > p:not(:last-child) {
    font-weight: 600;
    font-size: 1.16667em;
    line-height: 1.2;
}

.post-password-form > p:last-child,
.post-password-form > p:last-child > label {
    display: flex;
    flex-wrap: wrap;
    gap: .5em;
    align-items: center;
}

.post-password-form input[type=password] {
    border: 1px solid currentColor;
    border-radius: 3px;
    padding: 3px 9px;
}

.post-password-form input[type=submit] {
    border: 1px solid var(--primaryGreen900);
    border-radius: 3px;
    padding: 3px 15px;
    background-color: var(--buttonGreen);
    color: var(--white);
}

.sl-wrapper {
    z-index: 10040;
}
.sl-overlay {
    z-index: 10035;
}
.lightbox {
    position: relative;
}
.lightbox::after {
    content: "Click to enlarge";
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 6px 8px;
    background-color: rgba(0, 0, 0, 0.6);
    border-top-left-radius: 10px;
    font-weight: 900;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    backdrop-filter: blur(3px);
}

.additionalFilters {
    display: grid;
    margin-top: 24px;
    gap: 24px;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}

@media (max-width: 639px) {
    .additionalFilters {
        grid-template-columns: 1fr;
    }
}

.additionalFilters .filterColumn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-right: 0;
}
.additionalFilters .filterColumn .sortByWrap {
    flex-grow: 1;
}

