.widget_item_style_100 .header-title.header-title-style-2 .header:before {
width: 200px;
}
.widget_item_style_100 {
overflow: visible;
}
.widget_item_style_100 .list-post {
margin-top: 60px;
}
.widget_item_style_100 .item {
padding: 0 50px;
position: relative;
}
.widget_item_style_100 .item .img {
position: relative;
}
.widget_item_style_100 .slick-slide:not(.slick-current) .item .img::before {
height: 200px;
opacity: .5;
}
.widget_item_style_100 .item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.widget_item_style_100 .slick-list {
overflow: visible;
}
.widget_item_style_100 .slick-slide {
position: relative;
z-index: 1;
transition: all 0.5s ease-in-out;
}
.widget_item_style_100 .slick-slide.slick-current {
transform: translate(0, 0) scaleY(1.05);
z-index: 2;
}
.widget_item_style_100 .slick-dots {
bottom: -50px;
}
.widget_item_style_100 .slick-dots li button {
}
.widget_item_style_100 .slick-dots li button:before {
content: '';
background-color: rgba(0,0,0,0.1);
border: 1px solid #111;
border-radius: 100px;
width: 14px;
height: 14px;
opacity: 1;
}
.widget_item_style_100 .slick-dots li.slick-active button:before {
background-color: rgba(0,0,0,1);
}
@media (max-width: 769px) {
.widget_item_style_100 .list-post {
margin-top: 30px;
}
.widget_item_style_100 .slick-list {
overflow: hidden;
}
.widget_item_style_100 .slick-slide.slick-current {
transform: unset;
}
.widget_item_style_100 .slick-dots {
bottom: -30px;
}
.widget_item_style_100 .slick-dots li button:before {
width: 8px;
height: 8px;
}
.widget_item_style_100 .item {
padding: 0;
}
.widget_item_style_100 .slick-slide:not(.slick-current) .item .img::before {
height: 30px;
opacity: .5;
}
}.widget_box_gallery_1 .grid {
display: grid;
grid-template-columns: var(--gallery-1-template);
grid-gap: var(--gallery-1-grid-gap);
}
.widget_box_gallery_1 .grid-item {
/* height: 300px;*/
overflow: hidden;
}
.widget_box_gallery_1 .grid-item img{
width: 100%; height: 100%; object-fit: cover;
}
@media(max-width: 600px) {
.widget_box_gallery_1 .grid {
display: grid;
grid-template-columns: [col1] auto [col2] auto [end];
}
.widget_box_gallery_1 .grid-item {
height: 200px;
}
}.widget_product_category_style_1 .header-title.header-title-style-10,
.widget_product_category_style_1 .header-title.header-title-style-10 .header {
text-align: center;
}
.widget_product_category_style_1 .header-title.header-title-style-10 .header {
justify-content: center;
}
.widget_product_category_style_1 .cate-list {
display: grid;
grid-template-columns: var(--template-col);
grid-gap: 20px;
}
.widget_product_category_style_1 .item .img {
height: 130px;
text-align: center;
border-radius: 8px;
overflow: hidden;
}
.widget_product_category_style_1 .item .img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.widget_product_category_style_1 .item .title .heading {
margin-top: 8px;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 21px */
margin-top: 8px;
text-transform: uppercase;
font-family: var(--font-header);
color: #252525;
}
.widget_product_category_style_1 .item .title a:hover,
.widget_product_category_style_1 .item .title a:focus {
text-decoration: none;
outline: none;
}
@media (max-width: 991px) {
.widget_product_category_style_1 .cate-list {
grid-template-columns: var(--template-col-tablet);
}
}
@media (max-width: 991px) {
.widget_product_category_style_1 .cate-list {
grid-template-columns: var(--template-col-mobile);
}
.widget_product_category_style_1 .item .title .heading {
font-size: 15px;
}
}
@media (max-width: 769px) {
.widget_product_category_style_1 .item .title .heading {
font-size: 12px;
}
}:root {
--prs6-header: 50px;
--prs6-header-color: var(--theme-color-2);
--prs6-header-bg: var(--theme-color);
--prs6-list-bg:#fff;
--prs6-list-color:#000;
}
.widget_product_style_6 .product_style_6_header {
position: relative;
display: flex;
justify-content: space-between;
align-items: flex-end;
border-top: 2px solid var(--prs6-header-bg);
background: var(--prs6-list-bg);
margin-bottom: 15px;
padding:0;
text-align: left;
/*overflow:hidden;*/
}
.widget_product_style_6 .product_style_6_header .heading {
float:left;
margin-bottom:0;
border-radius: 0;
position:relative;
overflow: initial;
width: 250px;
height: var(--prs6-header);
background-color: var(--prs6-header-bg);
display: flex;
align-items: center;
justify-content: center;
}
.widget_product_style_6 .product_style_6_header .heading:before {
content:'';
position: absolute;
top:0;
width: 0;
height: 0;
border-top: var(--prs6-header) solid var(--prs6-header-bg);
border-right: 35px solid transparent;
left: 100%;
display: block;
}
.widget_product_style_6 .product_style_6_header .heading .header {
font-size: 18px;
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;
float: right; margin-bottom: 0; list-style: none; margin-left:50px;
}
.widget_product_style_6 .product_style_6_category_list li {
float: left;
padding: 7px 0;
font-size: 13px;
height: 50px;
position: relative;
}
.widget_product_style_6 .product_style_6_category_list li.item a:after {
content: '/';
color: #dddddd;
position: absolute;
top: 50%;
right: 0;
transform: translate(50%,-50%);
}
.widget_product_style_6 .product_style_6_category_list li span {
padding: 5px;font-size: 14px;
}
.widget_product_style_6 .product_style_6_category_list li a {
color:var(--prs6-list-color);
padding: 6px 10px;
display: block;
background-color: transparent;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.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; top:15px; right: 5px; display: none;
}
.widget_product_style_6 .js_show_tab .js_btn_show_tab {
width:50px; padding:10px; color:#000;
background-color: #fff; border-radius: 5px;
}
@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: 55px;
z-index: 999;
border:1px solid #ccc;
}
.widget_product_style_6 .product_style_6_category_list li.item {
display: block; width: 100%;
}
.widget_product_style_6 .product_style_6_category_list li.arrow { display: none; }
}.widget_item_style_1 .header-title.header-title-style-10,
.widget_item_style_1 .header-title.header-title-style-10 .header {
text-align: center;
}
.widget_item_style_1 .header-title.header-title-style-10 .header {
justify-content: center;
}
.widget_item_style_1 {
overflow: hidden; text-align: center;
}
.widget_item_style_1 .box-item {
position: relative;
}
.widget_item_style_1 .box-item::after {
content: '';
position: absolute;
bottom: -6px;
left: 50%;
transform: translateX(-50%);
width: 90%;
height: 6px;
background-color: var(--theme-color);
}
.widget_item_style_1 .row-flex {
position: relative;
display: grid;
grid-template-columns: var(--item1-per-row);
gap: 0;
}
.widget_item_style_1 .item {
position: relative; overflow: hidden; text-align: left; background-position: center;
background-color: var(--item-color-1);
padding: 32px 30px;
}
.widget_item_style_1 .item:nth-child(2n) {
background-color: var(--item-color-2);
}
.widget_item_style_1 .item .img {
position: relative;
z-index: 2;
height: var(--item1-height); text-align: left;
margin-bottom: 20px;
}
.widget_item_style_1 .item .img img {
width: auto; height: 100%; display: inline-block;
border-radius: 5px;padding:5px; margin-top: 5px;
}
.widget_item_style_1 .item .title {
position: relative;
z-index: 2;
text-align: left;
margin: 0;
padding: 0;
}
.widget_item_style_1 .item .title p.heading {
color: var(--item1-title);
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
padding: 0;
margin: 0;
}
.widget_item_style_1 .item .water-hover {
position: absolute;
bottom: -100%;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all 1.5s cubic-bezier(.2,.6,.8,.4);
-moz-transition: all 1.5s cubic-bezier(.2,.6,.8,.4);
-o-transition: all 1.5s cubic-bezier(.2,.6,.8,.4);
transition: all 1.5s cubic-bezier(.2,.6,.8,.4);
}
.widget_item_style_1 .item:hover .water-hover {
bottom: 25px;
}
}
.widget_item_style_1 .item .water-hover svg:not(:root) {
overflow: visible;
}
.widget_item_style_1 .item .water-hover svg {
width: 100%;
height: 100%;
}
.widget_item_style_1 .item .water-hover .waveShape {
-webkit-animation-name: waveaction;
animation-name: waveaction;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
/*fill: #04acff;*/
fill: #43c1ff;
}
@keyframes waveaction {
0% {
-webkit-transform: translateX(calc(-100% + 285px));
-moz-transform: translateX(calc(-100% + 285px));
-ms-transform: translateX(calc(-100% + 285px));
-o-transform: translateX(calc(-100% + 285px));
transform: translateX(calc(-100% + 285px));
}
50% {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
100% {
-webkit-transform: translateX(calc(-100% + 285px));
-moz-transform: translateX(calc(-100% + 285px));
-ms-transform: translateX(calc(-100% + 285px));
-o-transform: translateX(calc(-100% + 285px));
transform: translateX(calc(-100% + 285px));
}
}
@media (max-width: 991px) {
.widget_item_style_1 .row-flex {
grid-template-columns: var(--item1-per-row-tablet);
}
.widget_item_style_1 .item .img { height: 44px; }
}
@media (max-width: 769px) {
.widget_item_style_1 .row-flex {
grid-template-columns: var(--item1-per-row-mobile);
}
.widget_item_style_1 .item:nth-child(2n) {
background-color: var(--item-color-1);
}
.widget_item_style_1 .item:nth-child(2) {
background-color: var(--item-color-2);
}
.widget_item_style_1 .item:nth-child(3) {
background-color: var(--item-color-2);
}
.widget_item_style_1 .item .img { height: 40px; }
}.widget_service .slick-slide {
margin: 0 10px 10px 10px;
outline: none;
}
.widget_service .header-title .header {
color: var(--text-color);
}
.widget_service .service-item .service-img {
width: 100%;
height: 0;
padding-top: 71.4%;
position: relative;
}
.widget_service .service-item .service-img img {
position: absolute;
top: 0;
left: 0;
object-fit: cover;
height: 100%;
width: 100%;
}
.widget_service .service-title {
padding: 12px 10px;
background: #FFF;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.widget_service .service-title .heading a {
color: var(--text-color);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 24px */
}
.widget_service .service-title .heading:hover a {
color: var(--theme-color);
}
.widget_service .service-title .heading {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
height: 48px;
margin: 0 0 12px;
}
.widget_service .service-title .description {
color: var(--text-color);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 21px */
height: 42px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin: 0 0 12px;
}
.widget_service .service-title .btn {
color: var(--text-color);
padding: 0;
margin: 0;
}
.widget_service .service-title .btn:hover,
.widget_service .service-title .btn:focus {
color: var(--theme-color);
outline: 0;
text-decoration: none;
}
@media (max-width: 769px) {
.widget_service .service-title .heading a {
font-size: 14px;
height: 42px;
}
.widget_service .service-title .description {
font-size: 12px;
height: 36px;
}
.widget_service .service-title .btn {
font-size: 12px;
}
}.widget_about_style_13 .header-title.header-title-style-10,
.widget_about_style_13 .header-title.header-title-style-10 .header {
text-align: center;
}
.widget_about_style_13 .header-title.header-title-style-10 .header {
justify-content: center;
}
.widget_about_style_13 .about-item {
padding: 62px 20px;
}
.widget_about_style_13 .about-item-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.widget_about_style_13 .item {
position: relative; overflow: hidden;
text-align: left;
background-position: center;
padding-left: 24px;
}
.widget_about_style_13 .item::before {
content: '';
position: absolute;
width: 4px;
height: 60px;
background-color: var(--ab-item-title);
left: 0;
top: 50%;
transform: translateY(-50%);
}
.widget_about_style_13 .item .title p.heading {
font-size: 50px;
font-family: Quicksand;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 72px */
color: var(--ab-item-number);
margin-bottom: 4px;
}
.widget_about_style_13 .item .title p.description {
color: var(--ab-item-title);
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 27px */
text-transform: uppercase;
margin-bottom: 0;
}
@media(max-width: 769px) {
.widget_about_style_13 .about-item {
padding: 20px 4px;
}
.widget_about_style_13 .about-item-list {
grid-template-columns: repeat(2,1fr);
}
.widget_about_style_13 .item {
padding-left: 20px;
}
.widget_about_style_13 .item .title p.heading {
font-size: 32px;
line-height: 1.35;
}
.widget_about_style_13 .item .title p.description {
font-size: 14px;
}
}.widget_album_style_1 .box-content { position: relative; }
.widget_album_style_1 .album-item {
display: block;
}
.widget_album_style_1 .album-item .album {
position: relative;
overflow: hidden;
margin-bottom: 20px;
}
.widget_album_style_1 .swiper-slide:nth-child(2n+1) .album-item:first-child .album .img,
.widget_album_style_1 .swiper-slide:nth-child(2n) .album-item:last-child .album .img {
height: 520px;
}
.widget_album_style_1 .album-item .album .img {
position: relative;
display: block;
width: 100%;
height: 260px;
overflow: hidden;
transition: all 1s;
}
.widget_album_style_1 .album-item .album .img picture {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.widget_album_style_1 .album-item .album .img picture img {
height: 100%;
width: 100%;
position: relative;
display: inherit;
transition: all .5s ease-in-out;
object-fit: cover;
}
.widget_album_style_1 .album-item .album:hover .img img{
transform: scale(1.1);
transition: all 500ms;
}
.widget_album_style_1 .album-item .album .title{
position: absolute;
z-index: 2;
width: 100%;
bottom: 0;
left: 0;
transform: translateY(100%);
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 20px 100px 32px 20px;
transition: all 0.7s ease;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.40) 75%, rgba(0, 0, 0, 0.80) 100%);
}
.widget_album_style_1 .album-item .album:hover .title{
width: 100%;
transform: translateY(0);
}
.widget_album_style_1 .album-item .album .title h3.header{
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 27px */
color: #fff;
margin-bottom: 20px;
}
.widget_album_style_1 .album-item .album .title .description {
color: var(--trang, #FFF);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 21px */
margin-bottom: 20px;
}
.widget_album_style_1 .album-item .album .title .read-more span{
display: block;
font-size: 14px;
color: var(--theme-color-2);
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 21px */
text-transform: uppercase;
background-color: #fff;
transition: all 0.3s linear;
padding: 10px 32px;
border-radius: 100px;
}
.widget_album_style_1 .button {
width: 100%;
text-align: center;
}
.widget_album_style_1 .btn {
color: #fff;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 21px */
padding: 8px 20px;
border-radius: 0;
}
@media(max-width: 769px){
.widget_album_style_1 .swiper-slide:nth-child(2n+1) .album-item:first-child .album .img,
.widget_album_style_1 .swiper-slide:nth-child(2n) .album-item:last-child .album .img {
height: 240px;
}
.widget_album_style_1 .album-item .album .img {
height: 120px;
}
.widget_album_style_1 .album-item .album .title {
padding: 14px 10px 18px;
}
.widget_album_style_1 .album-item .album .title h3.header{
margin: 0;
font-size: 12px;
margin-bottom: 8px;
}
.widget_album_style_1 .album-item .album .title .description {
font-size: 10px;
margin-bottom: 8px;
}
.widget_album_style_1 .album-item .album span{
line-height: 14px;
}
.widget_album_style_1 .btn {
font-size: 10px;
padding: 6px 16px;
}
}.widget_post_style_1 .header-title.header-title-style-10,
.widget_post_style_1 .header-title.header-title-style-10 .header {
text-align: center;
}
.widget_post_style_1 .header-title.header-title-style-10 .header {
justify-content: center;
}
.widget_post_style_1 .box-content { position: relative; }
.widget_post_style_1 .item .img { padding-top: 65.3%; width: 100%; border-radius: 0; }
.widget_post_style_1 .item .img img { height: 100%; width: 100%; object-fit: cover; }
.widget_post_style_1 .item:hover .img {
border-radius: 0;
}
.widget_post_style_1 .item .title {
padding: 24px 20px;
border-bottom: 1.5px solid var(--theme-color);
background: #FFF;
}
.widget_post_style_1 .item .title .header {
font-size: 16px; line-height: 24px; height: 48px; font-family: var(--theme-color);
margin: 0 0 12px;
color: var(--theme-color-2);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* number of lines to show */
line-clamp: 2;
-webkit-box-orient: vertical;
}
.widget_post_style_1 .item .title .header a {
color: var(--theme-color-2); outline: none;
}
.widget_post_style_1 .item .title .description {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 21px */
margin-bottom: 0; height: 63px;
text-align: initial;
color: #252525;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.widget_post_style_1 .item .title .post-info {
margin: 0 0 20px 0;
}
.widget_post_style_1 .item .title .read-more a {
color:#000;display: inline-block; position: relative;
transition: all 0.3s;
}
.widget_post_style_1 .item .title .read-more i {
color:red;position: relative;top:1px;
}
.widget_post_style_1 .item .title .read-more a:hover {
padding-left: 20px; color:var(--theme-color);
}
.widget_post_style_1 .item:hover {
box-shadow: 0 4px 20px 0 rgba(0,0,0,0.2), 0 0 0 transparent;
}
.widget_post_style_1 .button {
width: 100%;
text-align: center;
margin-top: 32px;
}
.widget_post_style_1 .button .btn {
border-radius: 0;
padding: 12px 32px;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 24px */
text-transform: uppercase;
}
@media (max-width: 1200px) {
.widget_post_style_1 .item .img { height: 250px; }
}
@media (max-width: 768px) {
.widget_post_style_1 .item {padding:0;margin: 10px;}
.widget_post_style_1 .button {
display: none;
}
.widget_post_style_1 .button .btn {
padding: 8px 26px;
font-size: 14px;
}
.widget_post_style_1 .item .title {
padding: 12px 10px;
}
.widget_post_style_1 .item .title .header {
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 18px */
height: 36px;
margin: 0 0 8px;
}
.widget_post_style_1 .item .title .description {
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 15px */
height: 45px;
}
}.widget_feedback_partner .box-content {
position: relative;
}
.widget_feedback_partner .feedback-item {
position: relative;
padding-bottom: 20px;
}
.widget_feedback_partner .item {
background-color: transparent;
display: flex;
justify-content: center;
align-items: flex-start;
gap: 25px;
}
.widget_feedback_partner .feedback-img {
position: relative;
}
.widget_feedback_partner .feedback-info {
overflow: hidden;
background-color: transparent;
}
.widget_feedback_partner .item .avatar {
width: 100px;
}
.widget_feedback_partner .item .avatar img {
border: 2px solid var(--theme-color);
width: 100px; height: 100px; object-fit: cover;
border-radius: 50%;
display: inline-block;
}
.widget_feedback_partner .item .title {
text-align: left;
padding: 0;
margin-bottom: 24px;
}
.widget_feedback_partner .item .title .feedback-name {
text-align: left;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
text-transform: uppercase;
color: var(--fb-text-color);
margin: 0;
}
.widget_feedback_partner .item .feedback-content {
text-align: left;
color: var(--fb-text-color);
font-size: 16px;
font-style: italic;
font-weight: 300;
line-height: 150%; /* 24px */
margin-bottom: 20px;
}
.widget_feedback_partner .item blockquote {
position: absolute;
right: -10px;
top: 0;
font-size: 30px;
}
.widget_feedback_partner .item blockquote i { font-size: 30px; color: var(--theme-color);}
.widget_feedback_partner .slick-dots {
text-align: left;
margin-left: 121px;
bottom: 14px;
}
.widget_feedback_partner .slick-dots li button {
width: 14px;
height: 14px;
border-radius: 100%;
background-color: #485870;
}
.widget_feedback_partner .slick-dots li.slick-active button{
background-color: #BAC3CE;
}
.widget_feedback_partner li button:before {
content: '';
}
.widget_feedback_partner .partners {
position: relative;
padding-left: 40px;
padding-right: 40px;
}
.widget_feedback_partner .partners::before {
content: '';
position: absolute;
top: 0;
left: -1.5px;
display: block;
height: 100%;
width: 3px;
background: #657080;
}
.widget_feedback_partner .partners .slick-slide {
margin-left: 15px;
margin-right: 15px;
}
.widget_feedback_partner .logo-item {
position: relative;
display: block;
width: 100%;
height: 0;
padding-top: 50%;
}
.widget_feedback_partner .logo-item img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 5px;
overflow: hidden;
object-fit: contain;
}
@media (max-width: 769px) {
.widget_feedback_partner .item {
gap: 15px;
}
.widget_feedback_partner .item .avatar {
height: 90px;
}
.widget_feedback_partner .item .avatar img {
width: 90px
height: 90px;
}
.widget_feedback_partner .item .title {
margin-bottom: 12px;
}
.widget_feedback_partner .item .title .feedback-name {
font-size: 14px;
}
.widget_feedback_partner .item .feedback-content {
font-size: 14px;
margin-bottom: 14px;
}
.widget_feedback_partner .partners {
padding-left: 10px;
padding-right: 10px;
padding-top: 24px;
}
.widget_feedback_partner .partners::before {
content: '';
height: 2px;
width: calc(100% - 20px);
left: 50%;
transform: translateX(-50%);
top: -1px;
}
.widget_feedback_partner .slick-dots {
bottom: 8px;
}
.widget_feedback_partner .slick-dots li button {
width: 6px;
height: 6px;
}
.widget_feedback_partner .partners .slick-slide {
margin-left: 10px;
margin-right: 10px;
}
.widget_feedback_partner .item blockquote {
position: absolute;
right: -5px;
top: 0;
font-size: 24px;
}
.widget_feedback_partner .item blockquote i { font-size: 24px; color: var(--theme-color);}
}.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);
gap:10px;
align-items: center;
}
.widget_item_style_2 .service-block {
position: relative;
display: flex;
gap:10px;
align-items: center;
justify-content: center;
}
.widget_item_style_2 .item {
margin-bottom: 10px; position: relative;
text-align: center; background-position: center;
display: flex; width: 100%;
}
.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 {
height: var(--item-height); width:var(--item-height); text-align: center;
}
.widget_item_style_2 .item .img img {
width: 100%; height: 100%; display: inline-block;
border-radius: 0px;padding:0px; margin: 0px;
}
.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 {
box-shadow: 0 0 10px 4px rgba(31,66,135,.1);
}
.widget_item_style_2 .item .title {
text-align: left; padding-left: 15px; width: calc(100% - var(--item-height));
}
.widget_item_style_2 .item .title p.heading {
color: var(--item-title); font-size: 15px; font-weight: 600; margin: 0 0 4px 0;
line-height: 135%; /* 20.25px */
}
.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: 12px;
font-style: normal;
font-weight: 400;
line-height: 135%; /* 16.2px */
margin-bottom: 0;
}
.widget_item_style_2 .item .title p.description a {
color: var(--item-des);
}
@media (max-width: 991px) {
.widget_item_style_2 .row-flex {
grid-template-columns: var(--item-per-row-tablet);
}
.widget_item_style_2 .service-block {
height: 100%;
align-items: start;
}
}
@media (max-width: 769px) {
.widget_item_style_2 .row-flex {
grid-template-columns: var(--item-per-row-mobile);
}
.widget_item_style_2 .item .img { height: 60px; width: 60px; }
.widget_item_style_2 .item .img img { height: 100%; width: 60px; }
.widget_item_style_2 .item .title {
width: calc(100% - 60px);
padding-left: 8px;
}
}