:root {
    --default-width: 60%;
}

.rnc-cloudmetakeys-container {
    display: flex; align-items: center; justify-content: center;
}

.rnc-cloudmetakeys-container .rnc-cloudmetakeys-content {
    max-width: var(--default-width);
}

.rnc-cloudmetakeys-container .rnc-cloudmetakeys-title {
    text-align: center; margin: 0px 0px 4em 0px; padding: 0px 0px 0px 0px;
}

.rnc-cloudmetakeys-container .rnc-cloudmetakeys-title h2.h2 {
    color: #000000; font-family: var(--xanlite-ff-nunitosans), sans-serif; font-size: 1.875rem; font-weight: 600; text-transform: uppercase;
}

.rnc-cloudmetakeys-container .rnc-cloudmetakeys-cmtcontainer ul.rnc-cloudmetakeys-list-items{
    display: flex; /*margin-right: calc(-15px/2); margin-left: calc(-15px/2);*/-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center; flex-wrap: wrap; max-width: 100%;
}

.rnc-cloudmetakeys-container .rnc-cloudmetakeys-cmtcontainer ul.rnc-cloudmetakeys-list-items li.rnc-cloudmetakeys-list-item {
    cursor: pointer; background-color: #f4f1ef; font-family: var(--xanlite-ff-nunitosans), sans-serif; font-size: 20px; padding: 8px 30px 8px 25px; border-radius: 50px 50px 50px 50px;margin-right: calc(60px/2);margin-left: calc(60px/2);margin-top: calc(0px/2);margin-bottom: calc(72px/2); color: #333333;
}

.rnc-cloudmetakeys-container .rnc-cloudmetakeys-cmtcontainer ul.rnc-cloudmetakeys-list-items li.rnc-cloudmetakeys-list-item:hover,
.rnc-cloudmetakeys-container .rnc-cloudmetakeys-cmtcontainer ul.rnc-cloudmetakeys-list-items li.rnc-cloudmetakeys-list-item:hover > a,
.rnc-cloudmetakeys-container .rnc-cloudmetakeys-cmtcontainer ul.rnc-cloudmetakeys-list-items li.rnc-cloudmetakeys-list-item a:hover {
    color: #f4f1ef;
    background-color: #333333;
}

.rnc-cloudmetakeys-container .rnc-cloudmetakeys-cmtcontainer ul.rnc-cloudmetakeys-list-items li.rnc-cloudmetakeys-list-item > a{
    text-decoration: none;
}

.products.rnc-slide {
    display: block !important;
    position: relative;
    /*overflow: hidden;*/
    /*margin:0;*/
    /*padding:0;*/
}


.rnc-slide .slick-next.slick-arrow, .rnc-slide .slick-prev.slick-arrow{
    position: absolute;
    border:none;
    outline: none;
    display: block;
    font-size: 0;
    line-height: 0;
    top: 50%;
    padding: 0;
    transform: translate(0, -50%);
    background: transparent;
    z-index: 1;
    width: 25px;
}

.rnc-slide .slick-next.slick-arrow:hover, .rnc-slide .slick-prev.slick-arrow:hover{
    color: var(--xanlite-text-red);
}

.rnc-slide .slick-next.slick-arrow{
    right: -25px;
}

.rnc-slide .slick-prev.slick-arrow {
    left: -25px;
}

.rnc-slide .slick-next.slick-arrow:before{
    content: "\f105";
    font-family: "Font Awesome 6 Pro";
    font-size: 53px;
}

.rnc-slide .slick-prev.slick-arrow:before{
    content: "\f104";
    font-family: "Font Awesome 6 Pro";
    font-size: 53px;
}

h2.rnc-title-slider {
    font-family: "Nunito Sans", sans-serif;
    font-size: 1.875rem;
    font-weight: 600;
    margin-bottom: 1.2em;
}

@media (max-width: 480px){
    .rnc-cloudmetakeys-container .rnc-cloudmetakeys-content {
        max-width: 100%;
    }

    .rnc-cloudmetakeys-container .rnc-cloudmetakeys-title h2.h2 {
        font-size: 1.3em;
    }

    h2.rnc-title-slider {
        font-size: 1.675rem;
    }
    .product-accessories{
        margin-top: 3em;
        padding-left: 20px;
        padding-right: 20px;
    }
}