File: /home/codo66ho/.trash/assets/scss/_why_choose.scss
.why_choose_section {
overflow: visible;
padding: 118px 0px 110px;
background-color: #343434;
.why_choose_left {
padding-left:40px;
li {
&:hover {
h3 {
color: $base-color;
}
}
}
.section_title_area {
padding-bottom: 58px;
h2 {
color: #fff;
}
}
.choose_icon {
width: 90px;
height: 90px;
padding-top: 15px;
margin-right: 30px;
text-align: center;
border-radius: 100%;
background-color: #3f3f3f;
i {
font-size: 40px;
color: $base-color;
}
span {
top: 5px;
right: -5px;
width: 25px;
height: 25px;
font-size: 14px;
font-weight: 700;
line-height: 25px;
position: absolute;
border-radius: 100%;
background-color: #fff;
}
}
.choose_text {
margin-top: 20px;
display: inline-block;
h3 {
@extend%heading_style;
color: #fff;
padding-bottom: 18px;
transition: .3s all ease-in-out;
}
p {
color: #bbbbbb;
overflow: hidden;
max-width: 340px;
line-height: 1.625;
}
}
}
}
.choose_us_list {
li {
margin-bottom: 15px;
&:last-child {
margin-bottom: 0;
}
}
}
.choose_form {
bottom: -150px;
position: absolute;
margin-right: 15px;
background-color: #fff;
padding: 80px 55px 70px 55px;
border-top: 10px solid $base-color;
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
.section_title_area {
h2 {
font-size: 48px;
}
p {
padding-left: 40px;
}
}
}
.choose_form_area {
margin-top: 60px;
.contact-info {
width: 100%;
padding: 25px;
position: relative;
margin-bottom: 10px;
display: inline-block;
background-color: #f8f8f8;
label {
display: block;
font-size: 14px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
}
input,
textarea {
border: none;
width: 100%;
background-color: transparent;
&::placeholder {
font-size: 24px;
color: #cccccc;
}
}
.icon-bg {
@extend%form_icon;
}
}
.sub-button {
button {
color: #fff;
font-size: 14px;
margin-top: 20px;
padding: 20px 40px;
@extend%button_defult;
text-transform: uppercase;
background-color: $base-color;
@extend%btn_hover;
}
}
}