
        .join,
        .join2 {
            position: relative;
            margin: auto;
            font-size: 1.5em;
            padding: 20px 0;
            z-index: 2;
            text-align: center;
        }

        .join2 {
            margin: 40px auto;
            overflow: hidden;
            xborder: 2px solid  rgb(176, 51, 86);
            border-radius: 20px;
        }

        .join a,
        .join2 a {
            color: #fff;
            padding: 15px 45px;
            background: var(--gp-join-button-color);
            border-radius: 20px;
            font-weight: 700;
            white-space: nowrap;
        }


        .shiney {
                overflow:hidden;
                position:relative;
        }
        .shiney:after {
                animation: shine 4s ease-in-out infinite;
                animation-fill-mode: forwards;
                content: "";
                position: absolute;
                top: -110%;
                left: -210%;
                width: 200%;
                height: 200%;
                opacity: 0;
                transform: rotate(5deg);
                background: rgba(255, 255, 255, 0.13);
                background: linear-gradient( to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100%);
        }
        @keyframes shine {
                10% {
                        opacity: 1;
                        top: -30%;
                        left: -30%;
                        transition-property: left, top, opacity;
                        transition-duration: 0.7s, 0.7s, 0.1s;
                        transition-timing-function: ease;
                }
                30% {
                        opacity: 0;
                        top: -30%;
                        left: -30%;
                        transition-property: left, top, opacity;
                        transition-duration: 0.7s, 0.7s, 0.1s;
                }
                40% {
                        opacity: .5;
                        top: -110%;
                        left: -210%;
                        transition-duration: 0.1s, 0.1s, 0.1s;
                        }
                60% {
                        opacity: 0;
                        top: -110%;
                        left: -210%;
                        transition-duration: 0.1s, 0.1s, 0.1s;
                }
        }

 
        /* Footer Styles */
        .footer {
            background-color: #FAF9FF;
            padding-bottom:50px;
            line-height: 1.5em;
            text-align: center;
        }
        .overlap {
            position: relative;
            top:-60px;
            margin-bottom:-60px;
        }
        .box-wrapper {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
        }
        p.testimonials,
        h2.testimonials {
            margin: 15px;
            color:#000;
        }
        p.testimonials {
            color:#565656;
            margin-bottom:50px;
        }
        .top-footer-box,
        .top-footer-box-rounded {
            position:relative;
            width: auto;
            color: #000;
            background-color: #fff;
            margin: 10px 10px 0 10px;
            padding:15px;
        }
        .top-footer-box-rounded {
            margin-bottom: 30px;
            border-radius: 20px;
            min-height: 200px;
            position: relative;
        }
        .top-footer-box-rounded.margin {
            margin-bottom: 70px;
        }
        .quotes,
        .badge {
            position:relative;
            width:125px;
            margin:auto;
        }
        .quotes {
            width:50px;
        }
        .cs_icon {
            width:80px;
            background:#fff;
            padding:10px;
            border-radius:100%;
            margin:auto;
        }
        
        .footer-box.testimonials {
                background: none;
        }
        
        .footer-box.testimonials img {
                max-width: 420px;
        }
        
        .footer-container {
                background: rgba(255, 255, 255, 0.2);
                border-top: none;
                margin: 10px 10px -50px 10px;
                bottom: 0;
        }
        .new-nav {
        font-size:20px;
        color: #666;
        }
        
        .new-nav a {
        color: #2980b9;
        text-decoration: none;
        }
        
        .btn-csr img {
                -webkit-filter: invert(75%);
                filter: invert(75%);
        }
        
        .footer-box.testimonials.bubble1,
        .footer-box.testimonials.bubble2 .footer-box.testimonials.bubble3 {
                margin-top: auto;
        }
        
        .footer-box.testimonials h2 {
                margin-top: 30px;
        }
        
        
        @media screen and (min-width: 800px) {
            .footer {
                text-align: left;
            }
            .testimonial_sec {
                position: relative;
                margin-bottom: -100px;
            }
            .testimonial_sec .join2 {
                padding-left:0;
            }
            .box-wrapper {
                    flex-direction: row;
            }
            .top-footer-box {
                    width: 50%;
            }
            .top-footer-box:first-child {
                    margin: 10px 0px 0 10px;
            }
            .top-footer-box:last-child {
                    margin: 10px 10px 0 10px;
            }
            .footer-box {
                    margin: 10px 5px 0 10px;
                    width: 30%
            }
            .footer-box:nth-child(2) {
                    margin: 10px 5px 0 5px;
            }
            .footer-box:nth-child(3) {
                    margin: 10px 10px 0 5px;
            }
            .footer-box.testimonials.bubble1,
            .footer-box.testimonials.bubble3 {
                    margin-top: -50px;
            }
            .footer-box.testimonials.bubble2 {
                    margin-top: -20px;
            }
            .footer-box.testimonials p {
                    font-size: calc(12px + (22 - 14) * ((100vw - 300px) / (1600 - 400))) !important;
            }
            .box-wrapper {
                flex-direction: row;
                justify-content: space-evenly;
            }
            .quotes,
            .badge,
            .cs_icon {
                left:5px;
                transform: unset;
                margin:unset;
            }
            .solid {
                background-color: #fff;
                border-radius: 20px;
                width:80%;
                margin:auto;
                padding:40px 0;
            }
            .solid .top-footer-box-rounded {
                width:40%;
            }
            p.testimonials, h2.testimonials {
                position: relative;
                left:10%;
                width:25%;
                text-align: left;
            }
            .test_contain {
                display: flex;
                width: 80%;
                margin: auto;
                position: relative;
            }
            .test_flex {
                display: flex;
                flex-wrap: wrap;
                flex-direction: row;
                width:50%;
                left:40%;
                top:-120px;
                position: relative;
                justify-content: space-between;
            }
            .top-footer-box-rounded {
                margin:0;
            }
            .test_flex .top-footer-box-rounded {
                width:calc(50% - 20px);
                margin-left:20px;
                margin-bottom: 20px;
            }
            .top-footer-box-rounded.margin {
                margin-bottom:50px;
            }
            .repos {
                position:absolute;
                left:10%;
                top:135px;
                margin-left:10px;
            }
            .dt-row{
                display: flex;
                width:80%;
                margin:0 auto 15px auto;
                justify-content: space-between;
            }
             .footer-box.button_container {
                justify-content: center;
            }
            .footer-box.button_container .arrow{
                display:none;
            }
        }
        .badge:empty {
            display: initial;
        }