.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, .join2 a:hover {
            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;



    min-width: initial;
    padding: initial;
    font-size: initial;
    font-weight: initial;
    line-height: initial;
    color: initial;
    text-align: initial;
    white-space: initial;
    vertical-align: initial;
    background-color:initial;
    border-radius: initial;
}
.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;
}