File: /home/codo66ho/.trash/assets/scss/_faq.scss
.faq_section {
padding: 145px 0px 100px;
.faq_topic {
padding-bottom: 40px;
@extend%tab_defult;
.nav-item {
height: 170px;
padding-top: 45px;
position: relative;
overflow: hidden;
width: 170px;
float: left;
margin: 15px;
border: 2px solid #f4efe4;
a {
font-weight: 700;
}
}
.faq_icon {
margin-bottom: 12px;
i {
font-size: 40px;
color: $base-color;
}
}
.faq_icon_bg {
top: -5px;
right: 0px;
line-height: 1;
font-size: 55px;
color: #c1a66c;
opacity: 0;
position: absolute;
}
}
.faq_area {
.faq-header {
h3 {
margin-bottom: 0;
button {
padding: 0;
width: 100%;
height: 80px;
border: none;
font-size: 16px;
text-align: left;
font-weight: 700;
position: relative;
padding-left: 80px;
margin-bottom: 20px;
border: 2px solid #f4efe4;
background-color: transparent;
&:after {
left: 35px;
content: '\f067';
font-weight: 900;
position: absolute;
color: $base-color;
top: 30px;
font-family: 'Font Awesome 5 Free';
}
}
}
.faq_title {
border: none;
}
.faq_title.collapsed {
border: 2px solid #f4efe4;
box-shadow: none;
}
}
.faq-body {
font-size: 14px;
line-height: 1.714;
padding: 0px 40px 20px 40px;
margin-bottom: 20px;
}
}
.faq_area.faq_shadow {
transition: .5s all ease-in-out;
box-shadow: 0px 16px 32px 0px rgba(184, 155, 94, 0.2);
}
}
.faq_form_section {
background-color: #f7f3ea;
padding: 118px 0px;
.section_title_area {
margin: 0 auto;
max-width: 700px;
padding-bottom: 65px;
}
.faq_form_area {
@extend%contact_form_style;
.contact-info {
input,textarea {
border: none;
box-shadow: 0px 16px 32px 0px rgba(184, 155, 94, 0.2);
}
}
}
}
.faq_section .faq_topic .nav-item.faq_on {
background-color: $base-color;
color: #fff;
position: relative;
&:after {
bottom: -8px;
content: '';
left: 50%;
position: absolute;
transform: translateX(-50%);
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 12px solid #b89b5e;
transition: .5s all ease-in-out;
}
.nav-link {
color: #fff;
transition: none;
}
.faq_icon i {
color: #fff;
}
}