/* Add here all your CSS customizations */
    /* orange bullets */
    
    ul.orange {
        list-style: none
    }
    
    ul.orange>li:before {
        content: "•";
        color: #fa721a;
        margin-right: 10px;
    }
    /* Testimonials */
    
    #demo {
        max-width: 1200px;
        margin: auto
    }
    
    #testimonial {
        background: #b784a7;
        max-width: 100%;
        margin: auto
    }
    
    .carousel-caption {
        position: initial;
        z-index: 10;
        padding: 5rem 8rem;
        text-align: center;
    }
    
    @media(max-width:767px) {
        .carousel-caption {
            position: initial;
            z-index: 10;
            padding: 3rem 2rem;
            text-align: center;
        }
        .home2clients {
            margin-bottom: -20px;
        }
    }
    
    .fa-arrow-right::before {
        background-color: #EDF0F7;
        padding: 1.4rem;
        color: #b7b8bc;
    }
    
    @media(max-width:767px) {
        .fa-arrow-right::before {
            padding: 0.8rem
        }
    }
    
    .fa-arrow-left::before {
        background-color: #EDF0F7;
        padding: 1.4rem;
        color: #b7b8bc;
    }
    
    @media(max-width:767px) {
        .fa-arrow-left::before {
            padding: 0.8rem;
        }
    }
    
    .carousel-control-prev {
        justify-content: flex-start
    }
    
    .carousel-control-next {
        justify-content: flex-end
    }
    
    .carousel-control-prev,
    .carousel-control-next {
        transition: none;
        opacity: unset
    }
    
    .orange {
        color: #fa721a;
    }
    
    #header .header-logo img {
        -webkit-transform: initial !important;
        transform: translateZ(0);
        image-rendering: auto;
        image-rendering: crisp-edges;
        image-rendering: -webkit-optimize-contrast;
    }