.widget_about_style_50 .container-fluid {
padding: 0;
}
.widget_about_style_50 .banner_section {
position: relative;
}
.widget_about_style_50 .banner_section .img {
position: relative;
display: block;
width: 100%;
padding-top: var(--ratio);
height: inherit ;
overflow: hidden;
z-index: 1;
}
.widget_about_style_50 .banner_section .img::after {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--bg-overlay);
}
.widget_about_style_50 .banner_section .img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.widget_about_style_50 .banner_section .content{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 99;
width: 100%;
height: 100%;
padding: 30px 30px;
max-width: 1330px;
display: flex;
align-items: center;
justify-content: flex-start;
text-align: left;
}
@media screen and (min-width: 769px) {
.widget_about_style_50 .banner_section.top_left .content {
align-items: flex-start;
padding: 100px 30px;
}
.widget_about_style_50 .banner_section.top_right .content {
align-items: flex-start;
justify-content: flex-end;
padding: 100px 30px;
}
.widget_about_style_50 .banner_section.center_right .content {
justify-content: flex-end;
}
.widget_about_style_50 .banner_section.center .content {
justify-content: center;
text-align: center;
}
.widget_about_style_50 .banner_section.center_bottom .content {
justify-content: center;
text-align: center;
align-items: flex-end;
padding: 0 30px 135px;
}
}
.widget_about_style_50 .banner_section .content .heading-item .heading{
margin-bottom: 25px;
letter-spacing: 1px;
}
.widget_about_style_50 .banner_section .content .content-item {
--width-container: 762px;
width: var(--width-container);
max-width: 100%;
color: var(--des-color);
}
.widget_about_style_50 .banner_section .content .content-item,
.widget_about_style_50 .banner_section .content .content-item p{
font-size: 18px;
line-height: 1.45em;
margin-bottom: 0;
word-wrap: break-word;
font-weight: 300;
}
.widget_about_style_50 .banner_section .content .button {
margin-top: 35px;
}
.widget_about_style_50 .banner_section .content .btn-text{
font-weight: 300;
display: inline-block;
font-size: 24px;
line-height: 1.45em;
letter-spacing: 0.5px;
transition: all .3s linear;
-webkit-transition: all .3s linear;
color: var(--btn-color);
border-bottom: 1px solid var(--btn-color);
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
.widget_about_style_50 .banner_section.center_bottom .content {
padding: 0 30px 100px;
}
}
@media screen and (max-width: 992px) {
.widget_about_style_50 .banner_section .img {
padding-top: var(--ratio-tablet);
}
}
@media screen and (max-width: 768px) {
.widget_about_style_50 .banner_section .img {
padding-top: var(--ratio-mobile);
}
.widget_about_style_50 .banner_section .content .btn-text {
font-size: 18px;
}
.widget_about_style_50 .banner_section .content .content-item,
.widget_about_style_50 .banner_section .content .content-item p{
font-size: 14px;
}
.widget_about_style_50 .banner_section .content .content-container {
width: 100%;
}
.widget_about_style_50 .banner_section .content {
padding: 0 12px 100px;
justify-content: center;
text-align: center;
align-items: flex-end;
}
.js_widget_about_style_50_11 .banner_section .content .heading-item .heading {
margin-bottom: 18px;
}
.widget_about_style_50 .banner_section .content .button {
margin-top: 25px;
}
}
.widget_product_category_style_2 .container-fluid {
padding: 0;
}
.widget_product_category_style_2 .item {
position: relative;
margin-bottom: var(--bs-gutter-x);
overflow: hidden
}
.widget_product_category_style_2 .item .img {
position: relative;
padding-top: var(--ratio);
width: 100%;
height: 0!important;
overflow: hidden;
}
.widget_product_category_style_2 .item .img img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s,-webkit-transform 8s cubic-bezier(.25,.46,.45,.94);
transition: all 0.3s,transform 8s cubic-bezier(.25,.46,.45,.94),-webkit-transform 8s cubic-bezier(.25,.46,.45,.94);
}
.widget_product_category_style_2 .item .title {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
padding: 0 10px 3.2rem;
text-align: center;
display: flex;
align-items: flex-end;
justify-content: center;
background: linear-gradient(180deg, rgba(37, 37, 37, 0.00) 0%, rgba(37, 37, 37, 0.40) 56.25%, rgba(37, 37, 37, 0.80) 100%);
pointer-events: none;
}
.widget_product_category_style_2 .item .title .box_heading {
border-style: solid;
border-width: 0 0 1px 0;
border-color: var(--border-box-heading-color);
}
.widget_product_category_style_2 .item .title .heading {
text-align: center;
transition: all 0.5s;
font-family: var(--font-header);
margin: 0;
}
.widget_product_category_style_2 .item .title .heading a {
color: inherit;
font-size: inherit;
line-height: inherit;
}
@media (max-width: 768px) {
.widget_product_category_style_2 .item .title .heading {
font-size: 18px !important;
line-height: 1.4 !important;
}
.widget_product_category_style_2 .item .title {
padding: 0 10px 2.2rem;
}
}
@media (max-width: 576px) {
}:root {
--prs7-tab-bg:#fff;
--prs7-tab-color:#ccc;
--prs7-tab-active-color:#252525;
--prs7-tab-active-bg:var(--theme-color);
}
.widget_product_style_7 .product_style_7_category_list {
background: transparent;
margin-bottom: 50px;
padding: 0;
display: inline-flex;
overflow: auto;
list-style-type: none;
justify-content: flex-start;
}
.widget_product_style_7 .product_style_7_category_list li {
float: left;
padding: 0;
margin-right: 10px;
border-bottom: 0;
display: inline-block;
position: relative;
flex: none;
width: max-content;
}
.widget_product_style_7 .product_style_7_category_list li:last-child {
margin-right: 0px;
}
.widget_product_style_7 .product_style_7_category_list li a {
color:var(--prs7-tab-color);
padding: 0 35px;
display: block;
font-size: 20px;
transition: all 0.5s;
text-transform: uppercase;
text-decoration: none;
word-spacing: 1px;
font-weight: 300;
}
/* Fix hover tag a */
.widget_product_style_7 .product_style_7_category_list li a::after {
content: attr(data-content);
font-weight: 400;
display: block;
height: 0;
visibility: hidden;
overflow: hidden;
}
/* Fix hover tag a */
.widget_product_style_7 .product_style_7_category_list li a.active,
.widget_product_style_7 .product_style_7_category_list li a:hover {
color: var(--prs7-tab-active-color);
font-weight: 400;
}
.widget_product_style_7 .product_style_7_content a.more-link {
display: inline-block;
font-size: 15px;
}
.widget_product_style_7 .product_style_7_content .product-slider-horizontal .item {
margin-bottom: var(--bs-gutter-x);
}
@media screen and (max-width: 768px) {
.widget_product_style_7 .product_style_7_category_list li a {
font-size: 15px;
padding: 0 5px 5px;
}
}
@media (max-width: 600px) {
.widget_product_style_7 .product_style_7_category_list {
width: 100%;
}
}.widget_videos_style_1 .swiper-container {
padding: 0;
}
.widget_videos_style_1 .video-item .video-img {
position: relative;
overflow: hidden;
padding-top: var(--ratio);
width: 100%;
height: 0;
border-radius: var(--img-radius);
transition: all .5s ease-out;
}
.widget_videos_style_1 .video-item .video-img picture {
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 img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform .3s ease-out;
transition: -webkit-transform .3s ease-out;
-o-transition: transform .3s ease-out;
transition: transform .3s ease-out,-webkit-transform .3s ease-out;
object-fit: cover;
}
.widget_videos_style_1 .video-title .heading {
margin: 10px 0;
}
.widget_videos_style_1 .video-title .heading a {
color:#000; font-size: 15px; outline: none;
}
.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_videos_style_1 .video-item:hover .video-img {
box-shadow: 0 1px 2px 0 rgba(60,64,67,.1), 0 2px 6px 2px rgba(60,64,67,.15);
}
@media screen and (max-width: 576px) {
.widget_videos_style_1 .play-now {
width: 35px;
height: 35px;
}
.widget_videos_style_1 .play-now .icon {
height: 25px;
width: 25px;
line-height: 25px;
padding-left: 2.5px;
}
.widget_videos_style_1 .play-now .ripple,
.widget_videos_style_1 .play-now .ripple:before,
.widget_videos_style_1 .play-now .ripple:after {
height: 40px;
width: 40px;
}
}
.widget_item_style_1 {
overflow: hidden; text-align: center;
}
.widget_item_style_1 .row-flex {
position: relative;
display: grid;
grid-template-columns: var(--item1-per-row);
gap:10px;
}
.widget_item_style_1 .item {
position: relative; overflow: hidden; text-align: center; background-position: center;
}
.widget_item_style_1 .item .img {
width: var(--item1-height);
height: var(--item1-height);
text-align: center;
margin: 0 auto 10px;
}
.widget_item_style_1 .item .img img {
width: 100%;
height: 100%;
display: block;
object-fit: contain;
}
.widget_item_style_1 .item .title {
text-align: center; padding: 10px;
}
.widget_item_style_1 .item .title p.heading {
margin: 0 0 10px 0;
}
.widget_item_style_1 .item .title p.description {
color: var(--item1-des); font-size: 16px; line-height: 20px; font-weight: 300;
margin: 0;
}
@media screen and (min-width: 769px) {
.widget_item_style_1 .arrow_box {
display: none;
}
}
@media (max-width: 768px) {
.widget_item_style_1 .row-flex {
display: unset;
}
.widget_item_style_1 .item .img { --item1-height: 60px; }
.widget_item_style_1 .item .title p.heading {
font-size: 16px !important;
line-height: 24px !important
}
.widget_item_style_1 .item .title p.description {
font-size: 14px; line-height: 21px;
}
}
.widget_contact_style_1 .box-content {
max-width: 100%;
margin: 0 auto;
}
.widget_contact_style_1 .btn-custom {
background-color: var(--bg-btn);
color: var(--txt-btn);
border-radius: 50px 50px 50px 50px;
padding: 10px 40px;
font-size: 20px;
letter-spacing: 0.5px;
text-transform: uppercase;
font-family: var(--font-header);
font-weight: 300;
}
.widget_contact_style_1 .btn-custom:hover {
background-color: var(--bg-btn-hv);
color: var(--txt-btn-hv);
}
@media(max-width: 768px) {
.widget_contact_style_1 .btn-custom {
font-size: 15px;
}
.widget_contact_style_1 .box-content .header-title.header-title-style-1 .header {
margin-bottom: 40px !important;
}
}