footer{
    margin-top: 0 !important;
}

.footerInnerWrap{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}


.footerLogo svg{
    transition: all 0.3s ease-in-out;
}

.footerLogo:hover svg{
    transform: scale(1.07);
}

.footerLogo+div{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
}

.fIconCont{
    min-width: 35px !important;
    max-width: 35px !important;
    min-height: 35px !important;
    max-height: 35px !important;
    border-radius: 50% !important;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease-in-out;
}

.fIconCont svg path{
    transition: all 0.3s ease-in-out;
}

.fIconCont:hover{
    background-color: var(--wp--preset--color--custom-accent-3);
}

.fIconCont:hover svg path{
    fill: var(--wp--preset--color--custom-base);
}

.fIconCont > div {
    width: unset !important;
}

.fNavWrap{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
}

.fNavCont{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 80px;
}
.fNavCont>div{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
}

.fNavMain a,
.fNavSub a{
    position: relative;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.fNavSub a{
    padding-left: 16px;
}

.fNavMain:hover a{
    color: var(--wp--preset--color--custom-accent);
}

.fNavSub:hover a{
    color: var(--wp--preset--color--custom-accent-2);
}

.fNavSub{
    padding-left: 20px;
}

.fNavMain a::before{
    content: '';
    display: inline-flex;
    background-image: url('/wp-content/uploads/2025/10/fNavMainHex.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 10px;
    height: 11px;
    margin-right: 5px;
}

.fNavSub a::before,
.fNavSub a::after{
    content: '';
    position: absolute;
    display: block;
    background-image: url('/wp-content/uploads/2025/10/fNavSubHex.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    left: 0;
    top:50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    opacity: 1;
    transition: all 0.3s ease-in-out;
}

.fNavSub a::after{
    background-image: url('/wp-content/uploads/2025/10/fNavSubHex2.svg');   
    opacity: 0;
}

.fNavSub:hover a::before{
    opacity: 0;
}
.fNavSub:hover a::after{
    opacity: 1;
}

.footerCTA{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    border: 4px solid var(--wp--preset--color--custom-accent);
    filter: drop-shadow(0 0 80px rgba(0, 0, 0, 0.6));
}

.footerCTA .footerBox{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    position: absolute;
    z-index: +1;
    top: 10%;
    right: 8%;
}

.footerBox h3{
    transition: all 0.3s ease-in-out !important;
}

.footerBox p{
    color: var(--wp--preset--color--custom-base);
    background-color: var(--wp--preset--color--custom-accent-2);
    border-radius: 40px;
    padding: 13px 0;
    transition: all 0.3s ease-in-out;

}

.footerCTA:hover{
    cursor: pointer;
}

.footerCTA:hover .footerBox h3{
    color: var(--wp--preset--color--custom-base) !important;
}

.footerCTA:hover .footerBox p{
    color: var(--wp--preset--color--custom-accent-3);
    background-color: var(--wp--preset--color--custom-accent);
}

.footerPPC .footerDecor{
    width: 54%;
}

.footerPPC p strong{
    font-weight: 700;
}

@media(max-width:1380px){
    footer>div:first-child{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .footerInnerWrap{
        flex-wrap: wrap;
        justify-content: center;
        gap: 70px;
    }
}

@media(max-width: 480px){
    .fNavCont{
        flex-direction: column;
    }
}