1#@!#!123s

https 1#@!#!123s
: / home2 / affluencebiotech / backup / arantrades.com / assets / css / module-css /
Filename : thm-form-section.css
back


/*** 
=============================================
    Thm Form Style1 Area Css
=============================================
***/
.thm-form-style1-area{
    position: relative;
    display: block;
    background: #f5f2e8;
    padding-top: 120px;
    padding-bottom: 150px;
    z-index: 1;
}
.thm-form-style1-area:before{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 340px;
    background: #ffffff;
    content: "";
    z-index: -1;
}
.thm-form-style1 {
    position: relative;
    display: block;
    padding: 94px 100px 110px;
    border-radius: 20px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 50px 0px rgba(12, 21, 41, 0.1);
}
.thm-form-style1 .car-image {
    position: absolute;
    bottom: -180px;
    right: -160px;
}
.thm-form-style1 .title{
    position: relative;
    display: block;
    margin-top: -7px;
    padding-bottom: 32px;
}
.thm-form-style1 .title h2{
    color: #0c1529;
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
}


#thm-form-style1{
    position: relative;
    display: block;
}
#thm-form-style1 .row{
    margin-left: -25px;
    margin-right: -25px;    
}
#thm-form-style1 .row [class*=col-] {
    padding-left: 25px;
    padding-right: 25px;
}


#thm-form-style1 .about-you{
    position: relative;
    display: block;
}
#thm-form-style1 .about-you .row{
    margin-left: -10px;
    margin-right: -10px;    
}
#thm-form-style1 .about-you .row [class*=col-] {
    padding-left: 10px;
    padding-right: 10px;
}

#thm-form-style1 .about-you h3 {
    color: #0c1529;
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    margin: 0 0 13px;
}
#thm-form-style1 .input-box{
    position: relative;
    display: block;
    margin-bottom: 20px;
}
#thm-form-style1 input[type="text"], 
#thm-form-style1 input[type="email"] {
    position: relative;
    display: block;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    width: 100%;
    height: 50px;
    color: #808080;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 5px;
    transition: all 500ms ease;
    font-family: 'Poppins', sans-serif;
}
#thm-form-style1 input[type="text"]:focus{
    color: #171717;
    border-color: #171717; 
}
#thm-form-style1 input[type="email"]:focus{
    color: #171717;
    border-color: #171717; 
}
#thm-form-style1 input[type="text"]::-webkit-input-placeholder {
    color: #808080;
}
#thm-form-style1 input[type="text"]:-moz-placeholder {
    color: #808080;
}
#thm-form-style1 input[type="text"]::-moz-placeholder {
    color: #808080;
}
#thm-form-style1 input[type="text"]:-ms-input-placeholder {
    color: #808080;
}
#thm-form-style1 input[type="email"]::-webkit-input-placeholder {
    color: #808080;
}
#thm-form-style1 input[type="email"]:-moz-placeholder {
    color: #808080;
}
#thm-form-style1 input[type="email"]::-moz-placeholder {
    color: #808080;
}
#thm-form-style1 input[type="email"]:-ms-input-placeholder {
    color: #808080;
}
.contact-form form textarea::-webkit-input-placeholder {
    color: #808080;
}
#thm-form-style1 .button-box {
    position: relative;
    display: block;
    margin-top: 30px;
}




/*** 
=============================================
    Thm Form Style2 Area Css
=============================================
***/
.thm-form-style2-area{
    position: relative;
    display: block;
    background: #e9ebf4;
    padding-top: 110px;
    padding-bottom: 110px;
}


.thm-form-style2 {
    position: relative;
    display: block;
    max-width: 940px;
    width: 100%;
    margin: 0 auto;
}
.thm-form-style2 .input-box {
    position: relative;
    display: block;
    margin-bottom: 15px;
}
.thm-form-style2 .input-box input[type="text"],
.thm-form-style2 .input-box input[type="email"],
.thm-form-style2 .input-box textarea {
    position: relative;
    display: block;
    background: #ffffff;
    border: 1px solid #dddddd;
    width: 100%;
    height: 65px;
    color: #888888;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    padding-left: 24px;
    padding-right: 20px;
    border-radius: 0px;
    transition: all 500ms ease;
    font-family: 'Lato', sans-serif;
}
.thm-form-style2 .input-box textarea {
    height: 150px;
    padding-top: 15px;
    padding-left: 24px;
    padding-right: 25px;
}

.thm-form-style2 .button-box{
    position: relative;
    display: block;
    padding-top: 15px;
}
.thm-form-style2 .button-box button{
    width: 100%;
}