/* 
Theme Name: Crypto Premium Signals
Versione: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');

*, *::before, *::after{
    box-sizing: border-box;
}

*{
    padding: 0;
    margin: 0;
}

img, picture, svg, video{
    max-width: 100%;
    display: block;
}

:root{
    --font: 'Poppins', sans-serif;;
}

body{
    background-color: #000 !important;
}

header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.8);
    border-bottom: 1px solid #353535;
}

.colored{
    background: -o-linear-gradient(335deg, #ea00ff 18.14%, #00eeff 73.35%);
    background: linear-gradient(115deg, #EB00FF 18.14%, #00f0ff 73.35%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
    display: inline;
}

.foggy{
    background: rgb(255,255,255);
    background: -moz-linear-gradient(0deg, rgba(255,255,255,0.5004202364539565) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,0.5004202364539565) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(0deg, rgba(255,255,255,0.5004202364539565) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); 
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
    display: inline;
}

/* Nav */

.head-nav{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 8rem;
    min-height: 75px;
}

.head-nav > a > img{
    width: 3rem;
    height: 3rem;
}

.head-nav-list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    list-style-type: none;
    gap: 6rem;
}

.head-nav-list > li > a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-family: var(--font);
    font-weight: 600;
    font-size: 17px;
    color: #fff !important;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    text-decoration: none;
    position: relative;
}

.head-nav-list > li > a::after{
    content: '';
    position: absolute;
    inset: auto auto 0 auto;
    background-color: #fff;
    height: 2px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    width: 0;
}

.head-nav-list > li > a:hover::after{
    width: 100%;
}

.head_nav_login > a{
    width: 152px;
    height: 59px;
    border-radius: 22px;
    position: relative;
    overflow: hidden;
    background-color: #141414;
}

.head_nav_login > a::before{
    content: '';
    position: absolute;
    width: 200px;
    height: 160px;
    background: rgb(0,255,240);
    background: -o-linear-gradient(225deg, rgba(0,255,240,1) 0%, #141414 45%, #141414 55%, rgba(235,0,255,1) 100%);
    background: linear-gradient(225deg, rgba(0,255,240,1) 0%, #141414 45%, #141414 55%, rgba(235,0,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00fff0",endColorstr="#eb00ff",GradientType=1); 
    -webkit-transform-origin: center; 
        -ms-transform-origin: center; 
            transform-origin: center;
    -webkit-transition: .7s ease;
    -o-transition: .7s ease;
    transition: .7s ease;
}

.head_nav_login > a:hover::before{
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.head_nav_login > a > span{
    position: absolute;
    inset: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #141414;
    border-radius: 15px;
    font-size: 17px;
}

.head_nav_login > a::after{
    display: none;
}

.logged{
    font-size: 15px;
    font-family: var(--font);
    color: #fff !important;
}

.menu_icon{
    display: none;
}

/* Articoli */

article.post{
    width: 380px;
    height: 490px;
    margin: auto;
    border: 2px solid #fff;
    border-radius: 40px;
    position: relative;
}

.content_article > a{
    text-decoration: none;
}

.content_article > a > h2{
    color: #fff;;
    text-align: center;
    padding: 1.8rem 0;
    border-bottom: 2px solid #fff;
    border-radius: 40px;
    font-family: var(--font);
}

.text_article{
    max-height: 300px;
    overflow: hidden;
    margin: 1rem 2rem;
    position: relative;
}

.text_article::after{
    position: absolute;
    content: '';
    inset: 0;
    background: linear-gradient(180deg, #00000000 40%, rgba(0, 0, 0, 0.5) 65%, black 100%);
}

.text_article > p{
    color: #fff;
    font-family: var(--font);
    line-height: 1.5;
}

.link_article{
    background-color: #fff;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    position: absolute;
    inset: auto 2rem 1.5rem 2rem;
    transition: .2s;
    padding: .5rem 0;
}

.link_article > img{
    max-width: 55px;
    transition: .2s;
}

.link_article:hover{
    background-color: #e2e2e2;
    transform: scale(1.01);
}

.link_article:hover > img{
    transform: scale(1.07);
}

main.index > article > a {
    display: none;
}

/* Main */

main.blog{
    display: grid;
    grid-template-columns: 
        repeat(3, 1fr);
    max-width: 1500px;
    margin: 10rem auto 5rem auto;
    row-gap: 2rem;
}

main.sample_page{
    max-width: 800px;
    margin: auto;
    margin-top: 3rem;
    border: 2px solid #fff;
    border-radius: 50px;
    margin-bottom: 1rem;
}

main.sample_page > *{
    font-family: var(--font);
}

main.error{
    text-align: center;
    font-family: var(--font);
    margin-top: 4rem;
}

main.log{
    display: grid;
    place-content: center;
}

/* Section */

.article_of_the_day2{
    display: none;
}

section.contact{
    margin-top: 10rem;
}

section.contact h1{
    text-align: center;
    color: #fff;
    font-family: var(--font);
    font-size: 3rem;
}

section.contact .contact_links{
    max-width: 450px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 4rem;
    row-gap: 3rem;
}

section.contact .contact_links a{
    font-family: var(--font);
    text-decoration: none;
    font-size: 1.5rem;
    border: 2px solid #fff;
    color: #fff;
    padding: .7rem 0;
    border-radius: 30px;
    width: 160px;
    margin: auto;
    text-align: center;
}

section.contact .contact_links a:hover{
    text-decoration: underline;
}

/* Comments */

.comments-wrapper{
    max-width: 800px;
    margin: auto;
}

#reply_comments_title{
    margin-top: 2rem;
}

#commentform > p{
    margin-block: 1rem;
}

#commentform > p > label{
    display: block;
    margin-bottom: .5rem;
}

#commentform > p > input{
    width: 100%;
    background-color: #000;
    border: 1px solid #fff;
    height: 35px;
    padding: .25rem;
    border-radius: 20px;
}

.comment-notes{
    display: none;
}

#comment{
    resize: none;
    max-height: 55px;
    width: 100%;
    background-color: #000;
    border: 1px solid #fff;
    padding: .25rem;
    border-radius: 20px;
}

.comment-form-cookies-consent > label{
    display: inline !important;
}

#wp-comment-cookies-consent{
    width: auto !important;
    height: auto !important;
}

.comments-header{
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-family: var(--font);
}

.comment{
    display: grid;
    grid-template-columns: calc(70px + 1rem) 1fr;
    font-family: var(--font);
    border: 2px solid #fff;
    padding: 1rem;
    border-radius: 50px;
    min-height: 150px;
    margin-left: 20px;
}

.comment-author{
    border-right: 2px solid #fff;
    padding-right: 1rem;
    display: grid;
    place-content: center;
}

.comment-author > img{
    border-radius: 50%;
}

.comment-author-name{
    font-weight: bold;
}

.comment-author-name > span{
    font-weight: lighter;
    margin: 0 7px;
}

.comment-content{
    margin-left: 1rem;
    font-family: var(--font);
}

.comment-list, ol.children{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

ol.children{
    margin-left: 2rem;
}

/* WP */

div#login{
    width: fit-content;
}

div#login > h1{
    display: none;
}

div#login > .notice-info{
    display: none;
}

.navigation.pagination{
    max-width: 500px;
    margin: 5rem auto 3rem auto;
    display: flex;
    justify-content: center;
}

form#lostpasswordform, form#resetpassform{
    width: 800px;
    height: 650px;
    background: #23232375;
    border-radius: 70px;
    color: #fff;
    display: grid;
    place-content: center;
    gap: 2rem;
    font-family: var(--font);
    border: none;
    margin-inline: auto;
}

form#lostpasswordform::before, form#resetpassform::before{
    content: 'New Password';
    font-size: 3rem;
    text-align: center;
    font-weight: 800;
}

form#lostpasswordform input, form#resetpassform input{
    background-color: #000;
    color: #fff;
    height: 60px;
    border-radius: 60px;
    font-size: 18px;
    border: 3px solid #fff;
}

#pass-strength-result{
    margin-top: .5rem !important;
    border-radius: 30px;
}

.user-pass1-wrap p label{
    display: none !important;
}

.submit{
    float: none !important;
    width: fit-content;
    margin: auto !important;
}

.nav-links{
    display: flex;
    gap: .7rem;
}

.nav-links > *{
    font-family: var(--font);
    font-size: 20px;
}

.page-numbers{
    color: #7a7a7a;
}

.page-numbers.current{
    font-weight: bolder;
    color: #fff;
}

/* Form Login */

#loginform{
    background-color: #23232375 !important;
    margin-top: 5rem;
    border-radius: 30px !important;
    border: 0 !important;
    padding: 60px !important;
    padding-inline: 100px !important;
    position: relative !important;
}

#loginform::before{
    content: 'Login';
    font-size: 3rem !important;
    color: #fff;
    font-weight: 600;
    text-align: center;
    width: 100% !important;
    display: block;
    margin-bottom: .5rem;
}

#loginform p label{
    color: #fff !important;
}

#loginform p input#user_login{
    background-color: #23232375 !important;
    border: 2px solid #fff !important;
    border-radius: 15px !important;
    color: #fff !important;
}

.user-pass-wrap label{
    color: #fff !important;
}

.user-pass-wrap input{
    background-color: #23232375 !important;
    border: 2px solid #fff !important;
    border-radius: 15px !important;
    color: #fff !important;
}

#loginform #wp-submit{
    background-color: #17A8E3 !important;
}

#backtoblog{
    margin-bottom: 15rem;
}

#loginform .dashicons-visibility{
    top: -1.25rem !important;
}

#resetpassform .dashicons{
    top: -.5rem !important;
}

div.error_login_container{
    width: fit-content;
    margin: auto;
    font-family: var(--font);
    background-color: red;
    border: 2px solid #fff;
    padding: 1rem;
}

.custom-login-form, .custom-registration-form{
    width: 100%;
    height: 100%;
    display: grid;
    place-content: center;
    margin-top: 10rem;
}

#registerform{
    width: 960px;
    height: 660px;
    background: #23232375;
    border-radius: 80px;
    display: grid;
    place-content: center;
    gap: 2rem;
    font-family: var(--font);
}

#registerform > h2{
    font-size: 3.5rem;
    text-align: center;
    margin-bottom: 2rem;
}

#registerform > div{
    display: flex;
    gap: 1.5rem;
}

#registerform > div > .container_img_login{
    width: 90px;
    height: 90px;
    margin: auto;
    border: 5px solid #fff;
    border-radius: 50%;
    display: grid;
    place-content: center;
}

#registerform > div > .container_img_login > img{
    max-width: 40px;
    max-height: 40px;
}

.login-password > input, .login-username > input, .login-email > input, #phone{
    min-width: 590px;
    min-height: 90px;
    border: 5px solid #fff;
    background: rgba(0, 0, 0, 0);
    border-radius: 60px;
    padding: 0 .5rem;
    font-weight: 600;
    font-size: 20px;
    padding-left: 1rem;
}

#phone{
    padding-left: 4rem;
}

#registerform > div.login-submit > input{
    cursor: pointer;
}

.login-submit, .signup-submit{
    justify-self: center;
}

.login-submit > button, .signup-submit > button{
    width: 160px;
    height: 59px;
    border-radius: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-family: var(--font);
    font-weight: 600;
    font-size: 17px;
    color: #fff;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    background-color: #141414;
    margin: 4rem auto 0 auto;
    border: none;
    cursor: pointer;
}

.login-submit > button::after, .signup-submit > button::after{
    content: '';
    position: absolute;
    inset: auto auto 0 auto;
    background-color: #fff;
    height: 2px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    width: 0;
}

.login-submit > button:hover::after, .signup-submit > button:hover::after{
    width: 100%;
}

.login-submit > button::before, .signup-submit > button::before{
    content: '';
    position: absolute;
    width: 200px;
    height: 160px;
    background: linear-gradient(225deg, rgba(0, 255, 240, 1) 0%, #141414 45%, #141414 55%, rgba(235, 0, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00fff0", endColorstr="#eb00ff", GradientType=1);
    transform-origin: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    transition: .7s ease;
}

.login-submit > button:hover::before, .signup-submit > button:hover::before{
    transform: translate(-50%, -50%) rotate(180deg);
}

.login-submit > button > span, .signup-submit > button > span{
    position: absolute;
    inset: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #141414;
    border-radius: 15px;
    font-size: 17px;
    
}

.login-submit > button::after, .signup-submit > button::after{
    display: none;
}

.password-recovery{
    display: flex;
    justify-content: space-between;
}

.password-recovery > a{
    color: #fff;
}

.toggle-password{
    margin-left: -50px;
    border: none;
    font-size: 20px;
    background: transparent;
}

#iti-0__country-listbox{
    background-color: rgb(35, 35, 35);
}

.iti__arrow{
    border-top-color: #fff !important;
}

button.wp-hide-pw{
    top: 1.5rem !important;
    right: 1rem !important;
}

#login_error.notice-error{
    margin-top: 6rem !important;
}

p.reset-pass-submit{
    gap: 1rem;
}

/* WPEC */

.wpec-price-container::before{
    content: 'Amount due:' !important;
}

.wpec-price-container{
    display: grid !important;
    place-content: center !important;
}

/* Footer */

footer{
    margin-top: 20rem;
    width: 100%;
    font-family: var(--font);
    font-weight: 800;
    /* background-color: #000; */
    position: relative;
    bottom: 0;
    z-index: 2;
    color: #fff !important;
}

.container_footer{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.title_footer,
.navigation_footer{
    width: calc(50% - 1px);
}

.title_footer{
    display: flex;
    align-items: center;
}

.title_footer{
    justify-content: center;
    gap: 5rem;
}

.title_footer > img{
    max-width: 75px;
    max-height: 75px;
}

.title_footer > h2{
    width: min-content;
    font-size: 2.3rem;
}

.list_navigation_footer{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.container_navigation_footer{
    width: 50%;
}

.vert_line_footer{
    width: 2px;
    height: 200px;
    background-color: #fff;
}

.navigation_footer{
    display: flex;
    justify-content: center;
}

.container_navigation_footer > p{
    margin-top: 1.5rem;
    font-weight: 600;
}

.list_navigation_footer > ul{
    list-style: none;
}

.list_navigation_footer > ul > li{
    font-weight: 600;
}

.list_navigation_footer > ul > li > a{
    color: #fff;
    text-decoration: none;
}

.copyright{
    text-align: center;
    margin-top: 3rem;
    margin-bottom: 1rem;
}

/* Registration Page */

.title_registration_page{
    text-align: center;
    font-family: var(--font);
    color: #fff;
    margin-top: 10rem;
}

.subtitle_registration_page{
    text-align: center;
    font-family: var(--font);
    color: #fff;
}

/* Change Password */

.wp-generate-pw{
    border-radius: 30px !important;
}

.pw-checkbox{
    background-color: #000 !important;
    color: #fff !important;
    height: 1rem !important;
    border-radius: 5px !important;
    font-size: 24px !important;
    border: 1px solid #fff !important;
}

@media screen and (max-width: 1870px){

    footer{
        margin-top: 15rem;
    }
}

@media screen and (max-width: 1400px){

    /* Nav */

    .head-nav{
        margin: 0 4rem;
        min-height: 60px;
    }

    .head-nav > a > img{
        width: 2.5rem;
        height: 2.5rem;
    }

    .head-nav-list{
        gap: 4rem;
    }

    .head-nav-list > li > a{
        font-size: 13px;
        font-weight: 600;
    }

    .head-nav-list > li > a::after{
        height: 1px;
    }

    .head_nav_login > a{
        width: 115px;
        height: 48px;
        border-radius: 18px;
    }

    .head_nav_login > a::before{
        width: 136px;
        height: 120px;
    }

    .head_nav_login > a > span{
        inset: 6px;
        border-radius: 12px;
        font-size: 13px;
    }

    .logged{
        font-size: 12px;
    }

    footer{
        margin-top: 10rem;
    }

    /* Footer */
    
    .title_footer{
        gap: 3rem;
    }
    
    .title_footer > img{
        max-width: 55px;
        max-height: 55px;
    }
    
    .title_footer > h2{
        font-size: 1.5rem;
    }
    
    .vert_line_footer{
        height: 150px;
    }
    
    .container_navigation_footer > p{
        margin-top: 1rem;
        font-size: .8rem;
    }
    
    .list_navigation_footer > ul > li > a{
        font-size: 1rem;
    }
    
    .copyright{
        font-size: .8rem;
    }
}

@media screen and (max-width: 1084px){
    #lostpasswordform, form#resetpassform{
        margin-top: 8rem !important;
        width: 600px !important;
        height: 490px !important;
    }

    form#resetpassform{
        margin-top: 6rem !important;
        border-radius: 55px;
    }

    form#resetpassform > *{
        margin-inline: 3rem;
    }

    form#lostpasswordform::before, #resetpassform::before{
        font-size: 2rem !important;
    }
    
    form#lostpasswordform p{
        max-width: 300px;
        margin-inline: auto;
    }
    
    form#lostpasswordform input, #resetpassform input{
        margin-inline: auto !important;
        height: 50px !important;
    }
    
    form#lostpasswordform #wp-submit{
        height: 30px !important;
        font-size: 15px !important;
    }

    .wp-generate-pw, #resetpassform #wp-submit{
        height: 40px !important;
        font-size: 15px !important;
    }
    
    #resetpassform .dashicons{
        top: -.75rem !important;
    }
}

@media screen and (max-width: 833px){
    
    .head-nav{
        margin: 0;
        position: relative;
    }

    .head-nav > a{
        z-index: 100;
    }

    .head-nav > a > img{
        margin-left: 4rem;
    }

    .head-nav-list{
        position: absolute;
        width: 100%;
        height: 0;
        background-color: #0e0e0e;
        flex-direction: column;
        gap: 5rem;
        justify-content: normal;
        overflow-y: scroll;
        top: 0;
        z-index: 99;
        transition: 1s;
    }

    .head-nav-list.clicked{
        height: 100vh;
        height: 100dvh;
        border-bottom: 1px solid #fff;
    }

    .head-nav-list > li:nth-of-type(1){
        margin-top: 10rem;
    }

    .head-nav-list > li:last-of-type{
        margin-bottom: 2rem;
    }

    .menu_icon{
        cursor: pointer;
        display: block;
        margin-right: 4rem;
        z-index: 100;
        color: #fff;
        font-size: 40px;
    }

    #lostpasswordform, form#resetpassform{
        width: 430px !important;
        height: 390px !important;
        border-radius: 50px !important;
    }

    form#resetpassform{
        height: 450px !important;
        gap: .5rem;
    }

    .login #pass-strength-result {
        margin-bottom: 0;
    }

    #loginform{
        padding: 30px !important;
        padding-inline: 40px !important;
    }

    #loginform::before{
        font-size: 2rem !important;
    }

    /* Footer */
    
    .title_footer{
        gap: 1rem;
    }
    
    .title_footer > img{
        max-width: 40px;
        max-height: 40px;
    }
    
    .title_footer > h2{
        font-size: 1.1rem;
    }
    
    .vert_line_footer{
        height: 100px;
    }
    
    .container_navigation_footer > p{
        margin-top: 1rem;
        font-size: .5rem;
    }
    
    .list_navigation_footer > ul > li > a{
        font-size: .7rem;
    }
    
    .copyright{
        margin-top: 1.5rem;
        font-size: .6rem;
    }
}

@media screen and (max-width: 486px){

    #lostpasswordform, form#resetpassform{
        width: 280px !important;
        height: 380px !important;
        border-radius: 30px !important;
    }

    form#lostpasswordform::before, form#resetpassform::before{
        font-size: 1.7rem !important;
    }
    
    form#lostpasswordform p{
        max-width: 250px;
    }

    .user-pass1-wrap > div{
        margin-inline: 3rem;
    }
    
    form#lostpasswordform input{
        margin-inline: auto;
        height: 50px;
    }

    form#resetpassform {
        border-radius: 15px !important;
    }
    
    #login form .indicator-hint {
        padding-inline: 1.5rem;
    }

    .wp-generate-pw{
        font-size: 13px !important;
        padding: 0 !important;
        line-height: 0 !important;
    }

    #loginform{
        padding-inline: 0 !important;
        width: 280px !important;
    }

    #loginform > *{
        margin-inline: 1rem;
    }
    
    /* Footer */
    
    .title_footer{
        gap: 1.5rem;
    }
    
    .title_footer > img{
        max-width: 30px;
        max-height: 30px;
    }
    
    .title_footer > h2{
        font-size: 1rem;
    }
    
    .vert_line_footer{
        height: 80px;
    }
    
    .container_navigation_footer{
        width: 60%;
    }
    
    .container_navigation_footer > p{
        margin-top: .8rem;
        font-size: .4rem;
    }
    
    .list_navigation_footer > ul > li > a{
        font-size: .6rem;
    }
    
    .copyright{
        margin-top: 1.5rem;
        font-size: .5rem;
    }
}

.forminator-row{
    display: flex !important;
    margin-bottom: 0 !important;
   }
   
   .login_form_img{
       max-width: 40px !important;
       max-height: 40px !important;
   }
   
    .forminator-custom-form{
       width: 960px !important;
       height: 660px !important;
       background: #23232375 !important;
       border-radius: 80px !important;
       display: grid !important;
       place-content: center !important;
       gap: 2rem !important;
       font-family: var(--font) !important;
       margin: 10rem auto 0 auto !important;
    }
    
    .container_img{
        width: 90px !important;
        height: 90px !important;
        margin: auto !important;
        border: 5px solid #fff !important;
        border-radius: 50% !important;
        display: grid !important;
        place-content: center !important;
    }
    
    .forminator-input{
        min-width: 590px !important;
     min-height: 90px !important;
     border: 5px solid #fff !important;
     background: rgba(0, 0, 0, 0) !important;
     border-radius: 60px !important;
     padding: 0 .5rem !important;
       padding-left: 0.5rem !important;
     font-weight: 600 !important;
     font-size: 20px !important;
     padding-left: 1rem !important;
   }
   
   .container_img_login_form{
       display: flex !important;
     max-width: fit-content !important;
   }
   
   .forminator-custom-form h2{
       font-size: 3.5rem !important;
     text-align: center !important;
     margin-top: 1.5rem !important;
     margin-bottom: 2rem !important;
     color: #fff !important;
   }
   
   .custom_phone_value input{
       padding-left: 4rem !important;
   }
   
   .forminator-custom-form input{
       color: #fff !important;
   }

   .forminator-checkbox-box{
    border-radius: 5px !important;
   }

   .forminator-checkbox-label{
    color: #fff !important;
   }

   .container_confirm_registration{
       display: grid;
       place-content: center;
   }

   .confirmed_registration{
       color: #fff !important;
       width: fit-content;
       margin: 10rem 3rem 15rem 3rem;
       font-family: var(--font);
       text-align: center;
   }

   @media screen and (max-width: 1048px){
   
       .login_form_img{
           max-width: 30px !important;
           max-height: 30px !important;
       }
   
           .forminator-custom-form{
           width: 700px !important;
           height: 500px !important;
           background: #23232375 !important;
           border-radius: 80px !important;
           display: grid !important;
           place-content: center !important;
           gap: 2rem !important;
           font-family: var(--font) !important;
           margin: 10rem auto 0 auto !important;
           }
           
           .container_img{
               width: 60px !important;
               height: 60px !important;
               border: 3px solid #fff !important;
           }
           
           .forminator-input{
               min-width: 400px !important;
           min-height: 60px !important;
           border: 3px solid #fff !important;
           border-radius: 30px !important;
           padding: 0 .2rem !important;
           padding-left: 0.2rem !important;
           font-size: 15px !important;
           padding-left: .5rem !important;
       }
   
       .forminator-custom-form h2{
           font-size: 3rem !important;
           margin-top: 1.2rem !important;
           margin-bottom: 1.5rem !important;
       }
   
       .custom_phone_value input{
           padding-left: 2rem !important;
       }
   
       .forminator-checkbox-box{
           border-radius: 3px !important;
           width: 15px !important;
           height: 15px !important;
           flex: 0 0 15px !important;
       }
       
       .forminator-checkbox-label{
           font-size: .7rem !important;
       }
   }

   @media screen and (max-width: 783px){
    .forminator-custom-form{
        width: 600px !important;
        height: 500px !important;
    }
   }

   @media screen and (max-width: 647px){
   
       .login_form_img{
           max-width: 17px !important;
           max-height: 17px !important;
       }

       .forminator-row{
        gap: 1rem !important;
       }
   
           .forminator-custom-form{
           width: 400px !important;
           height: 285px !important;
           border-radius: 45px !important;
           gap: .5rem !important;
           margin: 10rem auto 0 auto !important;
           }
           
           .container_img{
               width: 34px !important;
               height: 34px !important;
               border: 2px solid #fff !important;
           }
           
           .forminator-input{
                min-width: 228px !important;
                min-height: 34px !important;
                border: 2px solid #fff !important;
                border-radius: 34px !important;
                padding: 0 .2rem !important;
                padding-left: 0.2rem !important;
                font-size: 9px !important;
                padding-left: .5rem !important;
            }
   
       .forminator-custom-form h2{
           font-size: 1.5rem !important;
           margin-top: 1rem !important;
           margin-bottom: 0rem !important;
       }
   
       .custom_phone_value input{
           padding-left: 1rem !important;
       }
   
       .forminator-checkbox-box{
           border-radius: 2px !important;
           width: 9px !important;
           height: 9px !important;
           flex: 0 0 9px !important;
       }
       
       .forminator-checkbox-label{
           font-size: .5rem !important;
       }

       .forminator-button-submit{
            width: 50px !important;
            min-width: 50px !important;
            height: 20px !important;
            min-height: 20px !important;
            line-height: 0 !important;
            font-size: 10px !important;
       }

       .forminator-description-password{
        font-size: 8px !important;
       }
   }

   @media screen and (max-width: 448px){
           .forminator-custom-form{
           width: 280px !important;
           height: 200px !important;
           border-radius: 32px !important;
           gap: .3rem !important;
           }
        
        .forminator-input{
             min-width: 210px !important;
         }
   }



   /* Courses */

   .csp_courses_message{
    color: #fff;
    font-family: var(--font);
    font-size: 1.5rem;
    position: absolute;
    top: 4rem;
    left: 50%;
    transform: translate(-50%, 0);
}