#find-form{
margin: 35px 0;
}
#find-form .form-inner{
display: flex;
flex-direction: column;
row-gap: 20px;
}
#find-form .form-group{
display: flex;
column-gap: 13px;
}
#find-form input{
border: 1px solid #D2D2D2;
border-radius: 52px;
padding: 12px 28px;
min-width: 320px;
}
#find-form input::placeholder{
color: #979292
}
@media(min-width: 992px ){
#find-form input[name="c_name"]{
width: 100%;
max-width: 63%;
}
}
#find-form button{
font-family: 'Rubik';
font-weight: 500;
font-size: 14px;
line-height: 17px;
text-align: center;
text-decoration: none;
color: #656565;
padding: 10px 24px;
border: 3px solid #95C81F;
border-radius: 62px;
background: #fff;
}
#find-form .danger{
margin: 15px 0;
color: red;
font-size: 20px;
}
#find-form .list{
margin-top: 20px;
}
#find-form .list ul{
display: flex;
flex-direction: column;
row-gap: 10px;
}
#find-form .list li span{
cursor: pointer;
text-decoration: underline;
}
#result-form {
margin: 30px 0 90px;
}
#result-form .inner{
display: grid;
grid-template-columns: 1.3fr 0.7fr;
grid-gap: 40px;
}
#result-form .left{
display: flex;
flex-direction: column;
row-gap: 26px;
}
#result-form .left .item{
display: flex;
flex-direction: column;
}
#result-form .left .line:not(:last-child){
margin-bottom: 14px;
}
#result-form .line{
display: flex;
column-gap: 8px;
}
#result-form .group{
display: flex;
flex-direction: column;
width: 100%;
}
#result-form #country.group{
flex: 1.8;
}
#result-form #data_add.group,
#result-form #data_expired.group{
flex: 1.2;
}
#result-form .group .name{
font-size: 14px;
line-height: 17px;
color: #979292;
margin-bottom: 7px;
}
#result-form input,
#result-form textarea{
background: #F5F5F5;
border: 1px solid #D2D2D2;
border-radius: 52px;
padding: 12px 28px;
width: 100%;
}
#result-form textarea{
min-height: 130px;
width: 100%;
border-radius: 8px;
}
#result-form .title{
font-weight: 500;
font-size: 18px;
line-height: 21px;
color: #656565;
margin-bottom: 7px;
}
#result-form .left .item:first-child .title{
margin-bottom: 26px;
}
#result-form .right .item{
height: 100%;
min-height: 300px;
position: relative;
display: flex;
flex-direction: column;
}
#result-form #result{
height: 100%;
width: 100%;
background: #F5F5F5;
border: 1px solid #D2D2D2;
padding: 12px 28px;
border-radius: 8px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
#result-form #result .icon{
margin-bottom: 50px;
}
#result-form #result .text{
max-width: 290px;
margin: 0 auto;
}
@media(max-width: 767px){
#result-form .right{
order: 0;
}
#result-form .left{
order: 1;
}
#result-form .right .item {
min-height: 160px;
}
#result-form .inner{
grid-template-columns: 1fr;
}
#find-form input{
min-width: unset;
}
#result-form .line{
column-gap: unset;
flex-direction: column;
row-gap: 8px;
}
}