.component-slider-ss .slider-ss .control,.gallery-ss .slider-ss .control {
    list-style: none;
    position: absolute;
    width: 100%;
    margin: 0;
    padding: 0;
    top: 30%
}

.component-slider-ss .slider-ss .control li,.gallery-ss .slider-ss .control li {
    align-items: center;
    aspect-ratio: 1;
    background: rgb(255 255 255 / 0%);
    border-radius: 50%;
    color: #8e224f;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: absolute;
    transform: translateY(-50%);
    width: 20px;
    z-index: 99
}

.component-slider-ss .slider-ss .control li:hover,.gallery-ss .slider-ss .control li:hover {
    background: #ffffff
}

.component-slider-ss .slider-ss .control li.prev,.gallery-ss .slider-ss .control li.prev {
    left: 15px;
    i {
        font-size: 1.5em
    }
}

.component-slider-ss .slider-ss .control li.next,.gallery-ss .slider-ss .control li.next {
    right: 15px;
    i {
        font-size: 1.5em
    }
}

.component-slider-ss .slider-ss .tns-nav {
    display: flex;
    justify-content: center;
    padding: 15px;
    z-index: 1
}

.gallery-ss .slider-ss .tns-nav {
    display: block;
    text-align: center
}

.component-slider-ss .slider-ss .tns-nav button,.gallery-ss .slider-ss .tns-nav button {
    background-color: #00000010;
    border: 0;
    border-radius: 50%;
    margin: 0 3px;
    padding: 3px
}

.component-slider-ss .slider-ss .tns-nav .tns-nav-active,.gallery-ss .slider-ss .tns-nav .tns-nav-active {
    background-color: #8e224f
}
#tns3 {
    width: calc(2100%);
    transition-duration: 0.4s;
}
@media only screen and (max-widht: 980px) {
  #catalogPage .single-product .product-info .title {
    font-size: 18px;
    line-height: 20px;
  }
  
 #tns3 {
    width: 1050% !important;
    transition-duration: 0.4s !important;
    margin-right: 20% !important;
}
For product slider
#catalogPage .single-product .slider-image {
  aspect-ratio: 1/1 !important;
  max-height: 380px !important;
  width: 100% !important;
  object-fit: cover !important;
  border-radius: 4px !important;
  -webkit-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
  height: 100% !important;
     }
}
#ss-custom-component .products-gallery {
    font-size: 50px !important;
}


#catalogPage .single-product .product-info .title {
  font-size: 16px !important; 
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 0;
}

#catalogPage .single-product .product-info .price {
    font-size: 16px !important;
    line-height: 27px !important;
    font-weight: 600 !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    #catalogPage .single-product .product-info .title {
        font-size: 20px !important;
        line-height: 26px !important;
        margin-top: 4px !important;
    }
}

@media (max-width: 767px) {
    #catalogPage .single-product .product-image {
        height: 380px !important;
    }
}

.row {
    --bs-gutter-x: -0.8rem !important;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5)
}

#catalogPage .single-product .slider-image {
    aspect-ratio: 1 / 1;
    max-height: 300px !important;
    width: 100%;
}

@media (max-width: 767px) {
    #catalogPage .single-product .product-image {
        height: 300px !important;
    }
}

.mb-2 {
    margin-bottom: 1.5rem !important;
}


#catalogPage .item-details .product-info .title {
    font-size: 26px !important;
    font-weight: 400 !important;
    line-height: 36px !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}

#cartModal .container-product-cart .title {
    font-size: 16px !important;
}

#cartModal .product-image img {
    width: 80px !important;
    object-fit: contain !important;
}