.popup-link {
    display: flex;
    flex-wrap: wrap;
}

.popup-link a {
    background: #333;
    color: #fff;
    padding: 10px 30px;
    border-radius: 5px;
    font-size: 17px;
    cursor: pointer;
    margin: 20px;
    text-decoration: none;
}



.popup-content {


    margin: auto;
    padding:0px;

    width: 40%;
}

.popup-content p {
    font-size: 17px;
    padding: 10px;
    line-height: 20px;
}

.popup-content a.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    background: none;
    padding: 0;
    margin: 0;
    text-decoration: none;
}

.popup-content a.close:hover {
    color: #333;
}

.popup-content span:hover,
.popup-content span:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.popup-container:target {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}

.popup-container h3 {
    margin: 10px;
}

/*End popup styles*/

/* Additional styles */
.popup-style-2 {
    transform: scale(0.3);
}

.popup-style-2:target {
    transform: scale(1);
}

.form-container {
    display: none;
}

.form-container.active {
    display: block;
}

.signup-form {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.signup-form-control {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.signup-form-control:focus {
   box-shadow: none;
}

.input-group-text {
    color: rgb(221, 114, 194);
    height: 100%;
    border-radius: 0;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.signup-label {
    font-size: 14px;
}

.signup-btn {
    background: blue;
    color: #ffffff;
}

input::placeholder {
    font-size: 14px;
}

.select-ccode-signup {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    font-size: 14px;
    height: 100%;
}

@media (max-width: 768px) {
    .popup-content {
        width: 90%;
        height: auto;
        margin: auto;
        
     

     
    }

    
    .popup-content a.close {
        position: absolute;
        top: 0%;
        right: 8%;
        padding: 5px;
        text-decoration: none;
    }

}

   







.form-toggle
{
padding:10px;


}

.sign-up-btn-link
{

color:#ffffff;
font-size:14px;
text-decoration:none;
font-weight:700;
margin:none;
border-radius:none;
border-radius:0px;




}
.sign-up-btn-link
{
color:#ffffff;
font-size:14px;
text-decoration:none;
font-weight:700;
margin:none;
border-radius:none;
border-radius:0px;
}





.sign-in-btn-link
{

color:#ffffff;
font-size:14px;
text-decoration:none;
font-weight:700;
margin:none;
border-radius:0px;

}


.sign-in-btn-link:active
{

color:#ffffff;
font-size:14px;
text-decoration:none;
font-weight:700;
margin:none;
border-radius:0px;

}




.btn-popup-submit
{
width:120px;
font-size:13px;
font-weight:800;
color:#ffffff;
background: rgb(24,182,79);
background: linear-gradient(90deg, rgba(24,182,79,1) 0%, rgba(14,171,69,1) 36%, rgba(5,181,67,1) 100%);
outline:none;
border:none;
box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

.btn-popup-submit:hover
{

background: rgb(7, 194, 100);
color:#ffffff;

}



.btn-popup-close
{
background: rgb(226,11,11);
background: linear-gradient(90deg, rgba(226,11,11,1) 0%, rgba(210,15,15,1) 36%, rgba(170,5,5,1) 100%);
width:120px;
color:#ffffff;
font-size:13px;
font-weight:800;
outline:none;
border:none;
box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;

}

.btn-popup-close:hover
{
background: rgb(235, 7, 7);

color:#ffffff;


}