/home/moonrcjl/public_html/wp/wp-content/themes/arsha/assets/scss/layout/pages/_award.scss
@use "../../utils" as *;
/*----------------------------------------*/
/* 7.1 about css start
/*----------------------------------------*/
.mtaward {
&__area {
& .mt-section-content {
@media #{$lg, $md, $xs} {
margin-left: 0px;
}
}
}
&__item {
border-bottom: 1px solid var(--mt-border-3);
padding: 10px 0px;
@include transition(.3s);
@media #{$lg, $md, $xs} {
flex-wrap: wrap;
gap: 30px;
}
&:last-child {
border-bottom: none;
}
&:hover {
& .mtaward__title {
color: var(--mt-theme-1);
}
& .mtaward__img {
& img {
opacity: 1;
visibility: visible;
display: block;
}
}
}
}
&__title {
font-size: 24px;
font-weight: 700;
color: var(--mt-common-white);
margin-bottom: 0;
@include transition(.3s);
&-2 {
font-size: 20px;
color: rgba(255, 255, 255, 0.8);
}
}
&__subtitle {
font-size: 24px;
color: var(--mt-common-white);
margin-bottom: 0;
&-2 {
font-size: 20px;
color: rgba(255, 255, 255, 0.8);
}
}
&__tilte-wrap {
flex: 0 0 auto;
width: 350px;
@media #{$lg, $md, $xs} {
width: inherit;
}
&-2 {
width: 450px;
@media #{$lg, $md, $xs} {
width: inherit;
}
}
}
&__content {
flex: 0 0 auto;
width: 290px;
@media #{$lg, $md, $xs} {
width: inherit;
}
}
&__img {
flex: 0 0 auto;
width: 290px;
@media #{$lg, $md, $xs} {
width: inherit;
}
& img {
opacity: 0;
visibility: hidden;
position: absolute;
right: 19%;
bottom: -40px;
@include transition(.3s);
}
}
}