.cat-banner-text {
            padding: 0 5px 0 0 !important;
        }

        .btn-black::before {
            background: #979494 !important;
        }

        .header-wrapper {
            background: #FFF !important;
            padding: 0px !important;
            position: fixed !important;
        }

        .header-wrapper {
            min-height: 60px !important;
            max-height: 100px !important;
            flex-wrap: initial !important;
        }

        .cat-banner-social {
    position: absolute;
    right: 0px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    
}

.cat-banner-social ul {
    padding: 0;
    margin: 0;

}

.cat-banner-social ul li {
    list-style: none;
    writing-mode: vertical-lr;
    color: var(--cat-white);
    right: 0;
    background: var(--cat-primary-color);
    padding: 15px 5px;
/*    writing-mode: tb;*/
    -webkit-transform: rotate( 180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate( 180deg);
    border-radius: 0px 20px 20px 0px;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 2px;


    
}

.cat-banner-social ul li+li {
    margin: 30px 0 0;
}

.cat-banner-social ul li a {
    font-weight: 700;
    color: var(--cat-white);
}

.cat-banner-social ul li a:hover {
    color: var(--cat-black);
}

.cat-banner-contact {
    color: var(--cat-white);
    background: var(--cat-primary-color);
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px 15px;
    top: 0;
    margin: auto;
    height: fit-content;
    writing-mode: tb;
    -webkit-transform: rotate( 180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate( 180deg);
    border-radius: 20px 0 0 20px;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 2px;
}

.cat-banner-contact i {
    -webkit-transform: rotate( 120deg);
    -moz-transform: rotate( 120deg);
    -ms-transform: rotate( 120deg);
    -o-transform: rotate( 120deg);
    transform: rotate( 120deg);
}

.cat-banner-contact:hover,
.cat-banner-contact:visited,
.cat-banner-contact:focus {
    color: var(--cat-white);
    background: var(--cat-primary-color);
}

.zooming {
    animation: 5s zooming infinite linear;
    -webkit-animation: 5s zooming infinite linear;
    -moz-animation: 5s zooming infinite linear;
    -ms-animation: 5s zooming infinite linear;
    -o-animation: 5s zooming infinite linear;
}

@-webkit-keyframes zooming {
    0% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes zooming {
    0% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.cat-banner-title {
    color: #3a6146!important;
}

.cat-banner-text-inner p {
/*    color: var(--cat-primary-color) !important;*/
}

.justify{
    text-align: justify;
    text-justify: inter-word
}