.contact_landing{
    background: url("../static/browser_picture/contactUs.jpg") no-repeat;
    background: cover;
    min-height: 560px;
    background-position: center center;
    background-size: cover;
    padding-top: 200px;
}
.contactUsFormbody{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.CForm{
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    padding: 100px 0;

}

.rightConact{
    background-color: #C1BAC4;
    

}
.input_contact_container input{
    border: 1px solid #f1f1f1;
    height: 50px;
    width: 100%;
    padding: 0 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
}
.input_contact_container{
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-top: 20px;
    grid-gap: 20px;
}
.textareaForm textarea{
    border: 1px solid #f1f1f1;
    height: 70px;
    width: 100%;
}
.submit_contac{
    background-color: #3D404F;
    border-radius: 4px ;
    padding: 8px 10px;
    text-align: center;
    width: 200px;
    color: #fff;
    display: inline-block;
    border: none;
}
.faqsContainer{
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-top: 40px;
}

.liveSupport{
    margin: 80px 0 0 0;
    background: url("../static/browser_picture/live.jpg") no-repeat;
    background: cover;
    background-attachment: fixed;
    position: relative;
    min-height: 400px;
    background-position: center center;
    background-size: cover;
    padding: 100px 20px;
}
.livesupportContainergrd{
    background-color: #fff;
    border-radius: 15px;
    padding: 80px;
    max-width: 550px;
    width: 100%;
    margin: auto;
}

/* Login */


.loginSection .NavSignUpSection{
    background-color: #E7E5EA;
    border-radius: 15px;
    transform-origin: top left;
    transform: rotate(0deg);
    transition: none;
    position: relative;
    z-index: 2;
    max-width: 340px;
    width: 100%;
    margin: 50px 0;
}

/* About */

.aboutContent{
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.mainAbout .couterDetail{
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    max-width: 1000px;
    width: 100%;
    background-color: #ffffff;
    border-radius: 100px;
    padding: 30px 0;
}
.mainAbout .generalContainer{
    padding-top: 60px;
}
.mainAbout .landing_Btn_container{
    padding-top: 0;
}
.aboutGrd{
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
    grid-gap: 40px;
    padding: 0 20px;
}
.aboutGrd .border{
    padding: 20px;
}
.aboutGrd i{
    font-size: 30px;
    color: #6C63FF;
}

/* Resources/coins */

.login_page_header{
    margin-top: 50px;
    font-weight: 650;
    font-size: 35px;
}
.eth_padder{
    padding: 0 80px;
}
@media (max-width: 1100px) {
    .CForm{
        padding: 100px 20px;
    
    }
    .CForm input{
        max-width: 100%;
    }
}
@media (max-width:900px) {
    .contactUsFormbody{
        display: block;
    }
    .aboutContent .couterDetail .font_34{
        font-size: 20px;
    }
    .projex{
        font-size: 12px;
    }
    .rigtAbout{
        padding-right: 20px;
    }
    .font_32{
        font-size: 27px;
    }
}
@media (max-width:650px) {
    .aboutContent{
        display: block;
    }
    .rigtAbout .font_32{
        text-align: center;
    }
    .rigtAbout{
        padding: 20px;
    }
    .aboutContent .landing_Btn_container{
        text-align: center;
    }
}
@media (max-width:600px) {
    .contact_landing{
        padding-top: 140px;
        min-height: 450px;
    }
    .font_40{
        font-size: 35px;
    }
    
}
@media (max-width: 568px){
    .eth_padder{
        padding: 0 40px;
    }
    .font_38{
        font-size: 30px;
    }
}
@media (max-width: 442px) {
    .loginSection{
        padding: 0 20px;
    }
    .rigtAbout .font_32{
        font-size: 23px;
    }
    .aboutContent .couterDetail .font_34{
        font-size: 14px;
    }
    .projex{
        font-size: 9px;
    }
    .login_page_header{
        font-size: 25px;
    }
    .input_contact_container{
        grid-template-columns: 1fr;
    }
    .input_contact_container input{
        margin-top: 0;
        margin-bottom: 0;
    }
    .font_28{
        font-size: 22px;
    }
    .CForm{
        padding-top: 50px;
        padding-bottom: 50px;
    
    }
    .faqsContainer{
        display: block;
    }
    .faqsContainer .pr_2{
        padding-right: 0;
    }
    .faqsContainer .pl_2{
        padding-left: 0;
    }
}

@media (max-width: 370px){
    .eth_padder{
        padding: 0 15px;
    }
    .font_40{
        font-size: 30px;
    }
    .livesupportContainergrd{
        padding: 20px;
    }
    .aboutGrd{
        grid-template-columns: repeat(auto-fill,minmax(240px,1fr));
        padding: 0;
    }
    .font_38{
        font-size: 23px;
    }
    
}
@media (max-width: 326px) {
    
    .login_page_header{
        font-size: 20px;
    }
}