test2/public/assets/scss/template/language_academy/_faq.scss
2024-12-04 20:33:53 +05:30

96 lines
2.7 KiB
SCSS

.faq-style-6 {
overflow: hidden;
.edu-faq-content {
padding-bottom: 120px;
@media #{$md-layout-1} {
padding-bottom: 60px;
}
}
.edu-faq-gallery {
bottom: -96px;
@media #{$smlg-device} {
bottom: -115px;
left: 40px;
}
@media #{$md-layout-1} {
left: 0;
bottom: 0;
}
.thumbnail-1 {
img {
border-radius: 0;
}
@media #{$md-layout-1} {
text-align: center;
}
}
.shape-group {
li {
&.shape-1 {
top: -88px;
left: 0%;
span {
width: 550px;
height: 550px;
border-radius: 50%;
display: block;
background-color: rgba(255, 255, 255, 0.4);
box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.05);
}
}
&.shape-2 {
top: -37px;
left: 50px;
span {
width: 450px;
height: 450px;
border-radius: 50%;
display: block;
background-color: rgba(255, 255, 255, 0.4);
box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.05);
}
}
&.shape-3 {
top: 165px;
left: 367px;
bottom: inherit;
z-index: -1;
}
&.shape-4 {
top: 80px;
right: -38px;
left: inherit;
bottom: inherit;
z-index: 1;
}
&.shape-5 {
left: -20px;
bottom: 153px;
}
}
}
}
.faq-accordion {
.accordion-item {
box-shadow: none;
.accordion-button.collapsed {
border: 1px solid var(--color-border);
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.accordion-body {
box-shadow: var(--shadow-darker);
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
}
}
.row--45 > [class*="col"],
.row--45 > [class*="col-"] {
@media #{$laptop-device} {
padding-left: 40px;
padding-right: 40px;
}
}
}