/* 
 Theme Name:   Hello Elementor Child
 Theme URI:    
 Description:  A lightweight and minimalist WordPress theme for Elementor page builder.
 Author:       Elementor Team
 Author URI:   A lightweight and minimalist WordPress theme for Elementor page builder.
 Template:     hello-elementor
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html*/

 /* == Add your own styles below this line == */

.wbc-title {
  font-family: "arial-rounded-mt-pro", Sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 52px;
  color: #000;
}
.wbc-title a {
  color: #000;
}
.wbc-content p {
  font-size: 16px;
  line-height: 24px;
  color: #575756;
}

.wbc-content-sec {
  margin: 20px 0;
}

.wbc-content-cta-sec a {
  background-color: transparent;
  border-color: #000 !important;
  color: #000 !important;
  border: 2px solid;
  border-radius: 40px;
  display: inline-block;
  font-family: "arial-rounded-mt-pro", Sans-serif;
  transition: all .3s ease-in-out;
}

.wbc-content-cta-sec a:hover {
  background-color: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
}
.owl-carousel.we-block-carousel .owl-nav button.owl-prev {
  left: -100px;
}
.owl-carousel.we-block-carousel .owl-nav button.owl-next {
  right: -100px;
}
.owl-carousel.we-block-carousel .owl-nav button.owl-prev, 
.owl-carousel.we-block-carousel .owl-nav button.owl-next {
  background-color: #000 !important;
  top: 50%;
  position: absolute;
    margin: 0;
    transform: translate3d(0,-50%,0);
    color: #fff !important;
}
.owl-carousel.we-block-carousel .owl-nav button.owl-prev svg {
  position: relative;
  top: 2px;
  left: -2px;
}
.owl-carousel.we-block-carousel .owl-nav button.owl-next svg {
  position: relative;
  top: 2px;
  left: -1px;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
  border: 2px solid #000000 !important;
  border-radius: 50%;
  margin: 0 1rem;
  position: relative;
  height: 60px;
  width: 60px;
  transition: all .3s ease-in-out;
}

.owl-carousel.we-block-carousel .owl-nav svg path
{
    stroke:#fff !important;
}

.slick-prev::before {
  content: ''!important;
  width: 22px !important;
  height: 20px !important;
  background: url('https://invanitym47.sg-host.com/wp-content/uploads/2025/08/arrow-left-white.png') !important;
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  right: 0 !important;
  margin: auto;
  transform: translate(0, -50%);
  background-repeat: no-repeat !important;
  background-size: 20px !important;
}

.slick-next::before {
  content: '' !important;
  width: 22px !important;
  height: 20px !important;
  background: url('https://invanitym47.sg-host.com/wp-content/uploads/2025/08/arrow-right-white.png') !important;
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  right: 0 !important;
  margin: auto;
  transform: translate(0, -50%);
  background-repeat: no-repeat !important;
  background-size: 20px !important;
}
.slick-arrow {
  border: 0px !important;
}

.wbc-iamge img {
  height: 310px !important;
  object-fit: cover;
  transform: scale(1);
  transition: all .5s ease-in-out;
  width: 100%;
}

.wbc-iamge img:hover {
  transform: scale(1.1);
}

.wbc-iamge {
  overflow: hidden;
}
.wc-solution-slider
{
  overflow: hidden !important;
}

.wc-solution-slider .owl-carousel .owl-stage-outer
{
  overflow: visible;
}

.wbc-content-cta-sec {
  margin-top: 30px;
} 
.owl-dots {
  text-align: center;
}
.owl-dots .owl-dot {
  background: #000 !important;
  height: 12px !important;
  width: 12px !important;
  margin: 5px;
  border-radius: 100%;
}
.owl-dots .owl-dot.active {
  background: #d93a96 !important;
}
.product-sampling-channels-page-tab .product-sampling-channels-page-tab-heading {
  max-width: 1140px !important;
  margin: 0 auto;
  width: 100%;
}
.product-sampling-channels-page-tab .theplus-tabs-nav-wrapper.elementor-tabs-wrapper.text-left.align-top
{
  max-width: 1140px !important;
  margin: 0 auto;
  width: 100%;
}
@media(max-width:1341px){
.owl-carousel.we-block-carousel .owl-nav button.owl-prev {
  left: 0;
}
.owl-carousel.we-block-carousel .owl-nav button.owl-next {
  right: 0;
}
.wc-solution-slider{
  overflow: hidden !important;
}	
}
@media(max-width:1279.99px){
.slick-prev{
   left: 0 !important;
} 
.slick-next{
   right: 0 !important;
}
 
}
@media screen and (max-width: 1200px) {
  .wc-solution-slider .owl-carousel .owl-stage-outer
{
  overflow: hidden;
}
.owl-carousel.we-block-carousel .owl-nav button.owl-prev {
  left: 0;
}
.owl-carousel.we-block-carousel .owl-nav button.owl-next {
  right: 0;
}
table {
  width: 100%;
  overflow: scroll;
  display: block;
}
}

@media(max-width:1023px){
.wp_tailored_slider .slick-prev{
   display: none !important;
} 
.wp_tailored_slider .slick-next{
   display: none !important;
}
.slick-prev{
   display: none !important;
} 
.slick-next{
   display: none !important;
}
.wp_mobile_menu_sec {
  overflow-x: hidden !important;
}  
}

@media(max-width:767px){
 .banner-right-sec {
  margin-left: auto;
  margin-right: auto;
} 
}