.widget_slider_style_12 .row-slider {
display: grid;
grid-template-columns: 2.5fr 1fr;
grid-gap: 20px;
}
.widget_slider_style_12 .row-slider .col-slider{
width: 100%;
display: block;
overflow: hidden;
}
.widget_slider_style_12 .sliderWidthTitle .slider_list_thumb .item .heading{
display: block;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
height: 40px;
}
.widget_slider_style_12 .slider-form{
padding: 15px;
border-radius: 5px;
}
.widget_slider_style_12 .slider-form-register {
}
.widget_slider_style_12 .slider-form-register-box .heading {
display: none;
}
.widget_slider_style_12 .slider-form-register .form-control {
border: 1px solid #ccc;
background: #fff;
box-shadow: none;
color: #000;
margin-bottom: 10px;
height: 40px;
}
.widget_slider_style_12 .slider-form-register textarea.form-control {
height: 50px;
}
@media(max-width: 768px){
.widget_slider_style_12 .row-slider{
grid-template-columns: 1fr;
}
}.widget_videos_style_1 .slick-list{
margin-left: calc(var(--bs-gutter-x)/-2);
}
.widget_videos_style_1 .slick-slide {
margin: 0 calc(var(--bs-gutter-x)/2);outline: none; overflow: hidden;
}
.widget_videos_style_1 .video-item .video-img {
position: relative;
display: block;
width: 100%;
padding-top: 70%;
height: 100%;
overflow: hidden;
border-radius: 0px;
}
.widget_videos_style_1 .video-item .video-img a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.widget_videos_style_1 .video-item .video-img a img {
height: 100%;
width: 100%;
position: relative;
display: block;
transition: all .5s ease-in-out;
object-fit: cover;
}
.widget_videos_style_1 .video-title .heading {
margin: 10px 0 0 0;
}
.widget_videos_style_1 .video-title .heading a {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: #000;
font-weight: 500;
font-size: 14px;
}
.widget_videos_style_1 .play-now {
position: absolute;
left: 50%;
top: 50%;
display: block;
border-radius: 50%;
z-index: 10;
width: 60px;
height: 60px;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
transform-origin: center center;
}
.widget_videos_style_1 .play-now .icon {
position: absolute;
left: 50%;
top: 50%;
height: 65px;
width: 65px;
text-align: center;
line-height: 65px;
color: #fff;
z-index: 1;
font-size: 20px;
padding-left: 5px;
display: block;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transform-origin: center;
transform-origin: center center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
-moz-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
-ms-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
-o-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
background-color: var(--theme-color);
}
.widget_videos_style_1 .play-now .ripple,
.widget_videos_style_1 .play-now .ripple:before,
.widget_videos_style_1 .play-now .ripple:after {
position: absolute;
top: 50%;
left: 50%;
height: 65px;
width: 65px;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transform-origin: center;
transform-origin: center center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.widget_videos_style_1 .play-now .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.widget_videos_style_1 .play-now .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
background-color: var(--theme-color);
}
.widget_box_gallery_3 .item-gallery{
}
.widget_box_gallery_3 .item-gallery .img{
position: relative;
display: block;
width: 100%;
padding-top: 70%;
height: inherit;
overflow: hidden;
border-radius: 0;
}
.widget_box_gallery_3 .item-gallery .img picture {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.widget_box_gallery_3 .item-gallery .img picture img {
height: 100%;
width: 100%;
position: relative;
display: inherit;
transition: all .5s ease-in-out;
object-fit: cover;
}:root {
--prs6-header-color: var(--theme-color);
--prs6-header-bg:#b3b3b3;
--prs6-list-bg:#fff;
--prs6-list-color:#8F9091;
}
.widget_product_style_6 .product_style_6_header {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 2px solid var(--prs6-header-bg);
background: var(--prs6-list-bg);
margin-bottom: 15px;
padding-bottom:10px;
text-align: left;
}
.widget_product_style_6 .product_style_6_header .heading {
margin-bottom:0;
border-radius: 0;
position:relative;
overflow: initial;
display: flex;
align-items: center;
justify-content: center;
}
.widget_product_style_6 .product_style_6_header .heading .header {
font-size: 25px;
margin-bottom: 0; margin-top: 0;
color: var(--prs6-header-color);
height: var(--prs6-header); line-height: var(--prs6-header);
text-transform: uppercase;
display:inline-block;
position:relative;
padding:0;
}
.widget_product_style_6 .product_style_6_category_list {
background: var(--prs6-list-bg); overflow: hidden;
margin: 0; list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
padding-left: 0;
}
.widget_product_style_6 .product_style_6_category_list li {
position: relative;
margin-left: 30px;
}
.widget_product_style_6 .product_style_6_category_list li a:after {
content: '';
background-color: var(--prs6-list-color);
position: absolute;
top: 50%;
right: -18px;
transform: translateY(-50%);
width: 5px;
height: 5px;
border-radius: 50%;
}
.widget_product_style_6 .product_style_6_category_list li a {
color:var(--prs6-list-color);
padding: 0;
display: block;
}
.widget_product_style_6 .product_style_6_category_list li a:hover {
color: var(--theme-color);
}
.widget_product_style_6 .product_style_6_category_list li a.more-link {
margin: 0!important;
}
.widget_product_style_6 .product_style_6_content {
overflow:hidden;
}
.widget_product_style_6 .js_show_tab {
position: absolute;
display: none;
top: 0;
right: 0;
}
.widget_product_style_6 .js_show_tab .js_btn_show_tab {
padding: 7px 10px;
color: #000;
background-color: #fff;
border-radius: 5px;
display: inline-block;
box-shadow: 0 0 5px #ccc;
line-height: 20px;
}
@media (max-width: 600px) {
.widget_product_style_6 .js_show_tab { display: block; }
.widget_product_style_6 .product_style_6_category_list {
margin-left: 0;
display: none;
position: absolute;
width: 100%;
top: calc(100% + 5px);
z-index: 999;
border:1px solid #ccc;
padding: 10px;
}
.widget_product_style_6 .product_style_6_category_list li {
display: block; width: 100%; margin: 0;
}
.widget_product_style_6 .product_style_6_category_list li a:after{
display: none;
}
}.widget_album_tab_style_1 .album_tab_style_1_category_list {
display: inline-block;
background: transparent;
overflow: hidden;
list-style: none;
margin: 0 0 20px 0;
}
.widget_album_tab_style_1 .album_tab_style_1_category_list li {
float: left;
padding: 0;
margin-right: 10px;
position: relative;
}
.widget_album_tab_style_1 .album_tab_style_1_category_list li:last-child {
margin-right: 0px;
}
.widget_album_tab_style_1 .album_tab_style_1_category_list li a {
color:var(--theme-color);
background-color: #fff;
padding: 3px 10px;
display: block;
font-size: 15px;
transition: all 0.5s;
text-transform: capitalize;
text-decoration: none;
border-radius: 5px;
border: 1px solid var(--theme-color);
}
.widget_album_tab_style_1 .album_tab_style_1_category_list li a.active,
.widget_album_tab_style_1 .album_tab_style_1_category_list li a:hover {
color: #fff;
background-color:var(--theme-color);
}
.widget_album_tab_style_1 .item .img {
position: relative;
display: block;
width: 100%;
padding-top: 50%;
height: inherit;
overflow: hidden;
border-radius: 0;
}
.widget_album_tab_style_1 .item .img a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.widget_album_tab_style_1 .item .img a img {
min-height: 100%;
min-width: 100%;
position: relative;
display: inherit;
transition: all .5s ease-in-out;
object-fit: cover;
}
.widget_album_tab_style_1 .readmore{
margin-top: 20px;
}.widget_videos_style_5 {
position: relative;
}
.widget_videos_style_5 .container {
overflow: hidden;
}
.widget_videos_style_5:after{
position: absolute; content: '';
bottom: -1px;
left: 0;
background-image: url('views/theme-store/widget/videos/assets/bg-luon-song.png');
background-position: center bottom;
background-repeat: repeat-x;
width: 100%; height: 50px; background-size: contain;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
z-index: 0;
}
.widget_videos_style_5 .container{
position: relative; z-index: 1;
}
.widget_videos_style_5 .header-title .header{
color: #cba730;
}
.widget_videos_style_5 .swiper-container{
padding-top: 20px;
padding-bottom: 20px;
}
.widget_videos_style_5 .swiper-slide {
width: 400px;
perspective-origin: 100% 100%; border-radius: 5px; border: 2px solid #fff; overflow: hidden;
}
.widget_videos_style_5 .swiper-slide .swiper-slide-shadow-left,
.widget_videos_style_5 .swiper-slide .swiper-slide-shadow-right{
background-image: unset;
}
.widget_videos_style_5 .video-section {
position: relative;
display: block;
width: 100%;
padding-top: 60%;
height: inherit;
border-radius: 0px;
overflow: hidden;
}
.widget_videos_style_5 .video-section a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.widget_videos_style_5 .video-section a img {
min-height: 100%;
min-width: 100%;
position: relative;
display: inherit;
transition: all .5s ease-in-out;
object-fit: cover;
}
.widget_videos_style_5 .play-now {
position: absolute;left: 50%;top: 50%;z-index: 10;
display: block;
border-radius: 50%;
width: 60px;
height: 60px;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
transform-origin: center center;
}
.widget_videos_style_5 .play-now .icon {
position: absolute;left: 50%;top: 50%;z-index: 1;
height: 65px;
width: 65px;
text-align: center;
line-height: 65px;
color: #fff;
font-size: 20px;
padding-left: 5px;
display: block;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transform-origin: center;
transform-origin: center center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
-moz-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
-ms-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
-o-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
background-color: var(--theme-color);
}
.widget_videos_style_5 .play-now .ripple,
.widget_videos_style_5 .play-now .ripple:before,
.widget_videos_style_5 .play-now .ripple:after {
position: absolute;top: 50%;left: 50%;
height: 65px;
width: 65px;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transform-origin: center;
transform-origin: center center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.widget_videos_style_5 .play-now .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.widget_videos_style_5 .play-now .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
background-color: var(--theme-color);
}.widget_videos_style_3 .row-widget{
display: grid;
grid-template-columns: 1.8fr 1fr;
grid-gap: 30px;
}
.widget_videos_style_3 .row-widget .col-widget{
width: 100%;
display: block;
overflow: hidden;
}
.widget_videos_style_3 .post-box .row-post{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
}
.widget_videos_style_3 .post-box .item .img {
position: relative;
display: block;
width: 100%;
padding-top: 76%;
height: inherit;
overflow: hidden;
}
.widget_videos_style_3 .post-box .item .img a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.widget_videos_style_3 .post-box .item .img a img {
height: 100%;
width: 100%;
position: relative;
display: block;
transition: all .5s ease-in-out;
object-fit: cover;
}
.widget_videos_style_3 .post-box .item .title .header{
color: #000;
font-size: 16px;
font-weight: bold;
margin: 10px 0 0 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.widget_videos_style_3 .post-box .item .title .date-box{
color: #737373;
margin: 5px 0 0 0;
}
.widget_videos_style_3 .post-box .item .title .description{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: #000;
text-align: left;
margin: 5px 0 0 0;
}
.widget_videos_style_3 .post-box .list-posts{
overflow-y: auto;
}
.widget_videos_style_3 .post-box .list-posts::-webkit-scrollbar-track {
background-color: transparent;
border: 1px solid #ccc;
}
.widget_videos_style_3 .post-box .list-posts::-webkit-scrollbar {
width: 5px;
background-color: transparent;
}
.widget_videos_style_3 .post-box .list-posts::-webkit-scrollbar-thumb {
background-color: #686464;
border-radius: 10px;
}
.widget_videos_style_3 .post-box .list-posts .item {
display: grid;
grid-template-columns: 1fr 2fr;
grid-gap: 10px;
margin-bottom: 10px;
}
.widget_videos_style_3 .post-box .list-posts .item:last-of-type{
margin-bottom: 0;
}
.widget_videos_style_3 .post-box .post-main .item .title .description{
display: none;
}
.widget_videos_style_3 .post-box .list-posts .item .title .header{
margin-top: 0;
}
.widget_videos_style_3 .video-box .list-videos{
/*margin-top: 10px;*/
}
.widget_videos_style_3 .video-box .slick-list{
margin-left: -5px;
margin-right: -5px;
}
.widget_videos_style_3 .video-section-outer{
margin-left: 5px;
margin-right: 5px;
}
.widget_videos_style_3 .video-section-outer .video-img{
position: relative;
display: block;
width: 100%;
padding-top: 55%;
height: inherit;
overflow: hidden;
}
.widget_videos_style_3 .video-section-outer .video-img a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.widget_videos_style_3 .video-section-outer .video-img a img {
height: 100%;
width: 100%;
position: relative;
display: block;
transition: all .5s ease-in-out;
object-fit: cover;
}
.widget_videos_style_3 .video-section-outer .video-title .heading{
margin: 10px 0 0 0;
}
.widget_videos_style_3 .video-section-outer .video-title .heading a{
color: #000;
font-size: 16px;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.widget_videos_style_3 .video-section-outer .video-title .des{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.widget_videos_style_3 .video-section-outer .video-title .date-box{
color: #737373;
margin: 5px 0 0 0;
}
.widget_videos_style_3 .play-now {
position: absolute;left: 50%;top: 50%;z-index: 10;
display: block;
border-radius: 50%;
width: 60px;
height: 60px;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
transform-origin: center center;
}
.widget_videos_style_3 .play-now .icon {
position: absolute;left: 50%;top: 50%;z-index: 1;
height: 65px;
width: 65px;
text-align: center;
line-height: 65px;
color: #fff;
font-size: 20px;
padding-left: 5px;
display: block;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transform-origin: center;
transform-origin: center center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
-moz-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
-ms-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
-o-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
background-color: var(--theme-color);
}
.widget_videos_style_3 .play-now .ripple,
.widget_videos_style_3 .play-now .ripple:before,
.widget_videos_style_3 .play-now .ripple:after {
position: absolute;top: 50%;left: 50%;
height: 65px;
width: 65px;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transform-origin: center;
transform-origin: center center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.widget_videos_style_3 .play-now .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.widget_videos_style_3 .play-now .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
background-color: var(--theme-color);
}
@media(max-width: 768px){
.widget_videos_style_3 .row-widget{
grid-template-columns: 1fr;
}
}
@media(max-width: 600px){
.widget_videos_style_3 .post-box .row-post{
grid-template-columns: 1fr;
}
}:root {
--question-title-color:#fff;
--feedback-title-color:#000;
}
.widget_question_feedback .question-box {
text-align: center;
overflow: hidden;
position: relative;
}
.widget_question_feedback .question-box .panel-group{ border-radius: 7px; overflow: hidden; }
.widget_question_feedback .question-box .panel-body {
padding:15px 0 15px 30px; text-align: left; color: #ccc;
}
.widget_question_feedback .question-box .panel-default {
border-color: #fff; box-shadow: none; background-color: var(--theme-color);
}
.widget_question_feedback .question-box .panel-default>.panel-heading {
background-color: transparent; border: #fff; overflow: hidden;
}
.widget_question_feedback .question-box .panel { transition: all 0.3s ease; }
.widget_question_feedback .question-box .panel-group .panel+.panel { margin-top: 0;}
.widget_question_feedback .question-box .panel-title { line-height: 27px; text-align: left; }
.widget_question_feedback .question-box .panel-title h4 {
font-size: 18px;
overflow: hidden;
margin-top: 0;
margin-bottom: 0;
cursor: pointer;
color:var(--question-title-color);
}
.widget_question_feedback .question-box .panel-title .plus-main {
width: 25px;
height: 25px;
float: left;
font-size: 8px;
}
.widget_question_feedback .question-box .panel-title .plus-main i {
font-weight: 400;
font-size: 25px;
color: var(--question-title-color);
}
.widget_question_feedback .question-box .panel-title .title-po {
width: calc(100% - 30px);
float: right;
color: var(--question-title-color);
font-size: 17px;
}
.widget_question_feedback .feedback-box .box-content {
position: relative;
}
.widget_question_feedback .feedback-box .item{
background-color: #F0F0F0;
padding: 15px;
}
.widget_question_feedback .feedback-box .item .info{
display: grid;
grid-template-columns: 100px auto;
grid-gap: 30px;
align-items: center;
margin-bottom: 10px;
}
.widget_question_feedback .feedback-box .item .avatar {
text-align: center;
}
.widget_question_feedback .feedback-box .item .avatar img {
width:100px; height: 100px; object-fit: cover;
border-radius: 50%;
display: inline-block;
}
.widget_question_feedback .feedback-box .item .title {
text-align: center;
}
.widget_question_feedback .feedback-box .item .title .feedback-name {
text-align: center; font-size: 18px; font-weight: bold;
}
.widget_question_feedback .feedback-box .item .title .feedback-office {
font-size: 13px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.widget_question_feedback .feedback-box .item .title .feedback-content {
/*margin: 20px auto;*/
font-size: 14px;
}.widget_item_style_2 {
overflow: hidden; text-align: center;
}
.widget_item_style_2 .row-flex {
position: relative;
display: grid;
grid-template-columns: var(--item-per-row);
grid-gap:10px;
align-items: center;
}
.widget_item_style_2 .service-block {
position: relative;
}
.widget_item_style_2 .item {
position: relative;
text-align: center; background-position: center;
display: grid;
grid-template-columns: var(--item-height) auto;
grid-gap: 10px;
align-items: center;
}
.widget_item_style_2 .item:before, .widget_item_style_2 .item:after {
content: "";
position: absolute;
background-repeat: no-repeat;
opacity: 0;
transition: all .5s;
-webkit-transform: scale(.1);
transform: scale(.1);
z-index: 0;
}
.widget_item_style_2 .item:before {
background-image: url('views/theme-store/widget/item/image/item-before.png');
height: 150px;
top: -30px;
left: -100px;
width: 100%;
}
.widget_item_style_2 .item:after {
background-image: url('views/theme-store/widget/item/image/item-after.png');
height: 200px;
bottom: -40px;
right: 100px;
width: 250px;
}
.widget_item_style_2 .item.active:after, .widget_item_style_2 .item.active:before,
.widget_item_style_2 .item:hover:after, .widget_item_style_2 .item:hover:before {
opacity: 1;
-webkit-transform: scale(0.3);
transform: scale(0.3);
}
.widget_item_style_2 .item .img {
}
.widget_item_style_2 .item .img img {
width: 100%; height: 100%; object-fit: contain;
}
.widget_item_style_2 .item:hover .img img {
-webkit-animation: toTopFromBottom .5s forwards;
animation: toTopFromBottom .5s forwards;
}
.widget_item_style_2 .item:hover .img img {
}
.widget_item_style_2 .item .title {
text-align: left;
}
.widget_item_style_2 .item .title p.heading {
color: var(--item-title); font-size: 17px; font-weight: bold; margin: 0;
}
.widget_item_style_2 .item .title p.heading a {
color: var(--item-title);
}
.widget_item_style_2 .item .title p.description {
color: var(--item-des); font-size: 14px; line-height: 20px; margin: 5px 0 0 0;
}
.widget_item_style_2 .item .title p.description a {
color: var(--item-des);
}
@media (max-width: 768px) {
.widget_item_style_2 .row-flex {
grid-template-columns: var(--item-per-row-tablet);
}
}
@media (max-width: 600px) {
.widget_item_style_2 .row-flex {
grid-template-columns: var(--item-per-row-mobile);
}
}
.badge-style-1 {
position: absolute;
font-size: 12px;
line-height: 16px;
color: var(--badge-style1-textColor, #ffffff);
padding: 2px 12px;
background: var(--badge-style1-bgColor, #00adef);
font-weight: 700;
border-radius: var(--badge-style1-borderRadius, 4px);
border: 1px solid var(--badge-style1-borderColor, var(--badge-style1-bgColor, #00adef));
}
.badge-style-1.top-left {
top: 10px;
left: 10px;
}
.badge-style-1.top-right {
top: 10px;
right: 10px;
}
.badge-style-1.bottom-left {
bottom: 10px;
left: 10px;
}
.badge-style-1.bottom-right {
bottom: 10px;
right: 10px;
}