/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
/* 
HOME */

.faqs .e-n-accordion-item-title,.faqs div[role="region"]{
background:#ffffff12 !important;
padding:26px 40px !important;
border-radius:5px !important;
}

.banner-text::after {
    content: ' ';
    background: url('https://thesbashop.com/wp-content/uploads/2024/12/Group-10@2x.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 230px;
    height: 150px;
    position: absolute;
    /* left:0; */
    top: 0;
   right:-150px;
}

.testimonials .slick-arrow{
padding:22px;
display:flex;
justify-content:center;
align-items:center;
border-radius:0px !important;
bottom:-100px !important;
top:unset !important;
}

.testimonials .slick-arrow:hover{
background:#D6A572 !important;
}

.testimonials .slick-arrow {
border:1px solid #a9a9a996 !important;
}

.testimonials .slick-arrow.slick-next{
right:unset !important;
left:60px; 
}

.testimonials .slick-prev:before{
content:url('https://thesbashop.com/wp-content/uploads/2024/12/Vector-45.png') !important;
font-size:16px !important;
}

.testimonials button.slick-arrow:hover::before  {
filter:invert(0)brightness(10);
}

.testimonials .slick-next:before{
content:url('https://thesbashop.com/wp-content/uploads/2024/12/Vector-46.png') !important;
font-size:16px !important;
}

.testimonials .slick-arrow.slick-prev{
left:0px !important; 
}

.blogs .slick-slider .slick-slide {
  margin: 0 10px; /* Add a horizontal gap of 10px */
}

.blogs  .slick-list {
  margin: 0 -10px; /* Negate the gap on the edges */
}

.blogs .slick-track {
height:650px;
padding-top:60px
}

.c-form  input::placeholder ,textarea::placeholder{
color:#000 !important;
font-weight:300 !important;
}


.c-form button[type="submit"] {
margin-top:20px !important;
}

.c-form input, .c-form textarea{
border:1px solid #00000017 !important;
 box-shadow: 0 4px 30px rgb(0 0 0 / 2%), 
              0 1px 3px rgb(0 0 0 / 2%);
background:#fff !important;
}


.subheader .banner-text::after{
right:0 !important;
top: 45px !important;
}

@media screen and (max-width:1024px){

.banner-text::after {
    width: 220px !important;
    height: 120px !important;
    position: absolute;
    top: unset !important;
    right: -26px !important;
}

}

@media screen and (max-width:767px){

.faqs .e-n-accordion-item-title, .faqs div[role="region"] {
padding:20px 20px !important;
}

.blogs .slick-track {
padding-top:20px !important;
}

.banner-text::after {
width: 150px !important;
right: 0px !important;

}

.footer-menu ul{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}

.footer-menu ul li a{
margin:0px !important;
}

.subheader .banner-text::after {
    top: 20px !important;
}

}