/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/* btns social */

.btn-cta-wrap {
    display: flex;
    gap: 10px;
    /*height         : 240px;
    display        : flex;
    justify-content: end;
    flex-direction : column;
    align-items    : flex-start;*/
}

.btns {
    margin-top: 25px !important;
}

.cta-social {
    display: inline-block;
}

.btn-social {
    margin-top: 25px !important;
}

/* fontawesome */
.fa {
    padding: 20px;
    font-size: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
  }

.ico-ig {
    text-decoration: none !important; 
    display: inline-block !important;
   /* padding: 10px !important; */
    background-image: url('https://sismadev.it/wp-content/uploads/2024/12/ico-fb-1.svg') !important;
    background-size: contain !important; 
    background-repeat: no-repeat !important; 
    width: 64px !important;
    height: 64px !important;
    text-align: center !important;
  }


.ico-fb {
    text-decoration: none !important; 
    display: inline-block !important; 
   /* padding: 10px !important; */
    background-image: url('https://sismadev.it/wp-content/uploads/2024/12/ico-ig-1.svg') !important; 
    background-size: contain !important; 
    background-repeat: no-repeat !important; 
    width: 64px !important;
    height: 64px !important;
    text-align: center !important;
}


.ico-fb:hover, .ico-ig:hover {
    /* opacity: 0.8 !important;
    color: white !important; */
}


 /* valuebrands */


 .valuebrands-image-wrapper {
    width : 661px;
    height: 499px !important;
}

.valuebrands-image {
    width                : 100%;
    height               : 100% !important;
    object-fit           : cover;
    border-radius        : 50px !important;
    -webkit-border-radius: 50px !important;
    -moz-border-radius   : 50px !important;
    -ms-border-radius    : 50px !important;
    -o-border-radius     : 50px !important;
}

.valuebrands-logo img {
    width    : 620px;
    max-width: 100%;
}

/* altri marchi */

.carousel-image-wrapper {
    width : 520px;
    height: 700px !important;
}

.carousel-image {
    width                : 100%;
    height               : 100% !important;
    object-fit           : cover;
    border-radius        : 50px !important;
    -webkit-border-radius: 50px !important;
    -moz-border-radius   : 50px !important;
    -ms-border-radius    : 50px !important;
    -o-border-radius     : 50px !important;
}

.brand-logo img {
    width    : 250px;
    max-width: 100%;
}

.separatore {
    width           : 100%;
    height          : 1px;
    display         : block;
    background-color: #474745;
    margin          : 25px 0;
}

.titolo-fisso {
    margin-top: 35px;
}

.titolo-fisso h3 {
    font-size  : 48px;
    font-weight: bold;
}

.testo p {
    font-size  : 18px;
    font-weight: 500;
}


.btn-cta {
	/* margin-top: 25px; */
    color                : #ffffff;
    font-size            : 20px;
    font-weight          : bold;
    text-align           : center;
    padding              : 15px 50px;
    display              : inline-block;
    background-color     : #eb0029;
    border               : solid 2px #eb0029;
    border-radius        : 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius   : 50px;
    -ms-border-radius    : 50px;
    -o-border-radius     : 50px;
    transition           : all 0.3s linear;
    -webkit-transition   : all 0.3s linear;
    -moz-transition      : all 0.3s linear;
    -ms-transition       : all 0.3s linear;
    -o-transition        : all 0.3s linear;
}

.btn-cta:hover {
    border          : solid 2px #eb0029;
    background-color: #ffffff;
    color           : #eb0029;
}

/* CAROUSEL THUMBNAILS */

.thumbnails-section {
    position: relative;
}

.cotoneve-thumbnails,
.farmacotone-thumbnails,
.logex-thumbnails,
.samurai-thumbnails {
    height    : 100px;
    margin-top: 35px;
}

.cotoneve-thumbnails .swiper-wrapper .swiper-slide,
.farmacotone-thumbnails .swiper-wrapper .swiper-slide,
.logex-thumbnails .swiper-wrapper .swiper-slide,
.samurai-thumbnails .swiper-wrapper .swiper-slide {
    height: 100px !important;
}

.cotoneve-thumbnails .swiper-wrapper .swiper-slide img,
.farmacotone-thumbnails .swiper-wrapper .swiper-slide img,
.logex-thumbnails .swiper-wrapper .swiper-slide img,
.samurai-thumbnails .swiper-wrapper .swiper-slide img {
    width                : 100%;
    height               : 100%;
    object-fit           : cover;
    border-radius        : 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius   : 20px;
    -ms-border-radius    : 20px;
    -o-border-radius     : 20px;
}

.cotoneve-thumb-left-arrow,
.farmacotone-thumb-left-arrow,
.logex-thumb-left-arrow,
.samurai-thumb-left-arrow {
    top : 85px !important;
    left: -30px !important;
}

.cotoneve-thumb-right-arrow,
.farmacotone-thumb-right-arrow,
.logex-thumb-right-arrow,
.samurai-thumb-right-arrow {
    top  : 85px !important;
    right: -30px !important;
}