/* ===================================================================================

* Theme Name: Sixart Child
* Theme URI: https://data.themeim.com/wp/sixart/
* Author: Themeim
* Author URI: https://themeforest.net/user/themeim/portfolio
* Description: Sixart – Digital Agency WordPress Theme 
* Version: 1.0.2
* Template: sixart
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */

body {

   
}

.test{
    background:red!important
    ;
}
.tp-hero-blue-shape {
    display:none!important;

}

.tp-about-thumb img{

    background-color:transparent!important;
}
.tp-about-thumb{
    mix-blend-mode: normal!important;

}

.tp-logo img{

   
}

/* Set the initial scale of the image to 1 (normal size) */
.tpproduct__img img {
    transition: transform 0.3s ease; /* Add a smooth transition effect */
  }
  
  /* Apply the zoom effect on hover */
  .tpproduct__img:hover img {
    transform: scale(1.1); /* You can adjust the value to control the level of zoom (e.g., 1.1 for 10% zoom in) */
  }
  .tpproduct__img::after{

background:#164942;
background-color:transparent;

}
  h2 {
    color:#FFCE08!important;
    font-size:40px!important;;
  }

  p{
    color:#59504B!important;
  }

  .tp-btn{
    background-color:#194C45!important;
  }

  .onsale{
    background-color:#194C45!important;
  }
  .tp-product-icon :hover {
    background-color:#194C45!important;


  }
  .header-sticky{
    background: transparent!important;
    border: none!important;
  }

  .header-border-bottom{
    border: none!important;


  }
  .tp-logo img{

    width:auto!important;;
  }
  .tp-logo-border{

    border: none!important;

  }

  .tp-header-right ul li{

    border: none!important;

  }
  .tp-hero-shape-one{
  



  }

.elementor-widget-wrap {

  padding:0!important;
}

.elementor-element-populated{


}
.tp-hero__thumb {
  mix-blend-mode:normal;
}

.widget-video {
background:none!important;
}


.elementor-wrapper video {
  background:none!important;

}

.elementor-headline-plain-text{
  color:#194C45!important;
  font-family: Poppins;

}
.elementor-headline-dynamic-text {
  color:#FFCE08!important;
}

h3 {
  color:#194C45!important;


}
.elementor-widget-container{

  color:#194C45!important;

}
.WdYUQQ {
  color:#194C45!important;

}
.swiper-slide-shadow-left{
  background-image:none!important;
}
.swiper-slide-shadow-right{
  background-image:none!important;
}

.product__title a {

  display: inline-block; /* Make the link a block-level element */
  padding: 10px 20px; /* Add some padding around the text */
  border: 2px solid #194C45; /* Add a border */
  border-radius: 5px; /* Round the corners */
  background-color: #194C45; /* Set a background color */
  color: white; /* Set the text color to white */
  font-size: 16px; /* Set the font size */
  text-align: center; /* Center the text horizontally */
  transition: background-color 0.3s, color 0.3s; /* Add a smooth transition */
}

.product__title a:hover {
 
  color: #fff;
}

/* On click, change the background and text color to create a pressed effect */
.product__title a:active {
  background-color: #003b80;
  color: #fff;
}