﻿#sticky-cta {
    position: fixed;
    right: 18px;
    bottom: 110px;
    background: linear-gradient(90deg,#7cb780,#5ea36a);
    color: #fff;
    padding: 12px 16px;
    border-radius: 8px;
    box-shadow: 0 8px 22px rgba(0,0,0,0.18);
    z-index: 10050;
    text-decoration: none;
    display: flex;
    gap: 10px;
    align-items: center;
}

    #sticky-cta span {
        opacity: .95;
        font-size: 13px
    }

    #sticky-cta strong {
        font-weight: 700
    }

    #sticky-cta:hover {
        transform: translateY(-3px);
        transition: all .18s ease
    }

@media(max-width:768px) {
    #sticky-cta {
        right: 14px;
        bottom: 88px;
        padding: 10px 12px
    }
}



.stats {
    padding: 36px 0;
    background: linear-gradient(180deg,#fff,#fbfbfb)
}

.stat {
    flex: 1;
    text-align: center
}

    .stat .num {
        font-size: 36px;
        font-weight: 800;
        color: #2d6b43
    }

    .stat .label {
        font-size: 13px;
        color: #666;
        margin-top: 6px
    }

@media(max-width:768px) {
    .stats .zt-container {
        flex-direction: column;
        gap: 14px
    }
}


.timeline-item {
    opacity: 0;
    transform: translateY(18px);
    transition: all .6s cubic-bezier(.2,.9,.2,1)
}

    .timeline-item.visible {
        opacity: 1;
        transform: none
    }



/* Animation for heading */
.contact-title-animated {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeSlideUp 1.2s ease-out forwards;
}

@keyframes fadeSlideUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Decorative animated underline */
.contact-title-animated::after {
    content: "";
    display: block;
    width: 0px;
    height: 4px;
    margin: 12px auto 0;
    background: #7cb780;
    border-radius: 4px;
    animation: underlineGrow 1s ease-out forwards 0.6s;
}

@keyframes underlineGrow {
    from {
        width: 0;
    }

    to {
        width: 120px;
    }
}



/*#contact-form .inner-banner.about-banner {
    background-image: url('/images/map1-1.png');*/ /* put your new image here */
    /*background-repeat: no-repeat;
    background-size: cover !important;
    background-position: center !important;
}*/



#contact-form .inner-banner {
    padding: 80px 30px 80px 0 !important;
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
}















