/*-----------------------------------
    1 - Trust
------------------------------------*/
        .trust {
            padding: 100px 0;
            background-color: #26264b;
            color: #ddd;
            position: relative;
        }

        .trust .title {
            margin-bottom: 150px;
        }

        .trust h1 {
            color: #fff;
        }

        .trust h5 {
            font-size: 24px;
            color: #fefefe;
            margin: 28px 0 12px;
        }

        .trust ul {
            color: #fff;
            -webkit-column-count: 2;
            -moz-column-count: 2;
            column-count: 2;
        }

        .trust li {
            margin-bottom: 15px;
        }

        .trust .gallery img {
            width: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            height: 100%;
        }

        .trust .gal-img {
            display: inline-block;
            position: relative;
            z-index: 1;
        }

        .trust .gal-img i {
            font-size: 72px;
            color: #fff;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            opacity: 0;
            z-index: 2;
        }

        .trust .gal-img::after {
            content: "";
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.6);
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            transition: all 0.2s ease-in-out;
        }

        .trust .gal-img:hover {
            cursor: pointer;
        }

        .trust .gal-img:hover i {
            opacity: 1;
        }

        .trust .gal-img:hover::after {
            opacity: 1;
        }

        .trust .gal-img3 {
            top: -50%;
            left: 50%;
        }

        .youtube-video {
            cursor: pointer;
            background: black;
        }

        .video-thumbnail {
            width: 100%;
            height: auto;
            display: block;
        }

        .play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            width: 60px;
            height: 60px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            font-size: 24px;
        }

        .play-button i {
            pointer-events: none;
        }

        .slick-prev,
        .slick-next {
            position: absolute;
            top: 50%;
            border: none;
            width: 60px;
            height: 60px;
            cursor: pointer;
            z-index: 999;
            background: rgba(0, 0, 0, 0.5) !important;
            border-radius: 50%;
        }

        .slick-prev:hover,
        .slick-next:hover {
            background: #000 !important;
        }

        .slick-prev {
            margin-left: 20px;
        }

        .slick-prev:before,
        .slick-next:before {
            font-size: 20px !important;
            color: #fff !important;
            opacity: 1 !important;
        }

        .slick-prev:before {
            font-family: 'revicons' !important;
            content: '\e82c' !important;
            margin-left: -3px;
        }

        .slick-next:before {
            font-family: 'revicons' !important;
            content: '\e82d' !important;
            margin-right: -3px;
        }


        .slick-prev {
            left: 0;
        }

        .slick-next {
            right: 0;
            margin-right: 20px;
        }

        .btn-wa {
            position: fixed;
            right: 20px;
            bottom: 20px;
            z-index: 999999;
            background: rgb(37, 211, 102);
            color: white;
            padding: 12px 20px;
            border-radius: 24px;
            box-shadow: 0 0 4px 1px rgba(0, 0, 0, .2);
            -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .2);
        }

        .btn-shopee {
            position: fixed;
            right: 20px;
            bottom: 70px;
            z-index: 999999;
            background: rgb(250, 106, 9);
            color: white;
            padding: 12px 20px;
            border-radius: 24px;
            box-shadow: 0 0 4px 1px rgba(0, 0, 0, .2);
            -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .2);
        }

        .btn-tokped {
            position: fixed;
            right: 20px;
            bottom: 120px;
            z-index: 999999;
            background: rgb(8, 134, 19);
            color: white;
            padding: 12px 20px;
            border-radius: 24px;
            box-shadow: 0 0 4px 1px rgba(0, 0, 0, .2);
            -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .2);
        }

        .btn-tiktokshop {
            position: fixed;
            right: 20px;
            bottom: 170px;
            z-index: 999999;
            background: rgb(0, 0, 0);
            color: white;
            padding: 12px 20px;
            border-radius: 24px;
            box-shadow: 0 0 4px 1px rgba(0, 0, 0, .2);
            -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .2);
        }