/* ==========================
   Logo
========================== */

.site-header .sticky-wrapper .logo-header img,
.site-header.ui3-main-header .sticky-wrapper .is-fixed.color-fill .logo-header img {
    width: 100px !important;
    min-width: 100px !important;
}

/* ==========================
   Text Clamp
========================== */

.multiline-ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7 !important;
    overflow: hidden;
}

/* ==========================
   Common Button Style
========================== */

.header-style-1 .extra-nav .extra-cell:first-child,
#contact-submit {
    background: linear-gradient(#ffffff, var(--site-primary-color) 80%) !important;
    transition: background .3s ease;
}

/* ==========================
   Hover
========================== */

.header-style-1 .extra-nav .extra-cell:first-child:hover,
.view-all-button:hover,
#contact-submit:hover {
    background: #e2b999 !important;
    color: #fff;
}

#contact-submit:hover {
    border-color: #e2b999 !important;
}


@media only screen and (max-width: 767px) {
    .ui3-main-header .sticky-wrapper .is-fixed .logo-header img {
        position: absolute;
        top: -25px;
    }
     .service-swiper{
        padding-top:0;
    }

    .service-swiper .swiper-slide-active .sv-item{
        transform:none;
        margin-top:20px !important;
    }

    .service-swiper-wrap{
        height:auto;
    }
}