    .case{
        /*position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);*/
        width: 100%;
        height: 450px;
        background-size: cover;
        background-position: top;
        box-shadow: 0 20px 30px rgba(0,0,0,.5);
        transition: 5s;
        border-radius: 1rem!important;
    }
    .case:hover{ background-position: bottom;}  
    .gimg{width: 100%;height: 300px;object-fit: cover;}
            
    .shadow-lg {
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
        padding: 1rem!important;
        border-radius: .25rem!important;
    }
    .f1{background:url(../images/case/f1.png);background-size: cover;}
    .f2{background:url(../images/case/f2.png);background-size: cover;}
    .f3{background:url(../images/case/f3.png);background-size: cover;}

    .Registers-fix:hover {color: #f07b00;background-color: #ffe7c5;border-color: #f07b00;}
    .Registers-fix {color: #ffe7c5;background: #f07a00;position: fixed;z-index: 999999;top: 50%;transform: rotate(270deg);right: -61px;border: 2px solid #ffe7c5;box-shadow: 1px 1px 11px;border-radius: 25px ;}


    .mobile{display: none;}
    .call{display: none;}
    .whats-pops {margin: 5px auto;position: fixed;top: 50%;right: 0;z-index: 9999;}

    /*==========    share button    ===========*/
    .btn-s { display: inline-flex; font-family: 'Roboto', sans-serif; text-decoration: none; justify-content: center; align-items: center; text-align: center; cursor: pointer; white-space: nowrap; padding: 8px 20px; font-size: 14px;
    background-color: #E91E63; border-radius: 2px; color: white; text-transform: uppercase; border: none; transition: all 0.2s ease-in; background-position: 50%; outline: none !important; } .btn-s.btn-circle { height: 50px; width: 50px;
    border-radius: 50%; padding: 0 !important; font-size: 18px; } .btn-multi { position: fixed; top: 50%; transform: rotate(265deg); right: 13px; z-index: 99999999; } .btn-multi input { display: none; } .btn-multi input:not(:checked) ~ label {
    transform: rotate(0); width: 70px; height: 70px; } .btn-multi input:not(:checked) ~ label .btn-s { border-radius: 0; height: 30px; width: 30px; box-shadow: none; } .btn-multi input:not(:checked) ~ label .btn-s:first-child {
    border-top-left-radius: 100%; transform: translate(25px, 25px); } .btn-multi input:not(:checked) ~ label .btn-s:nth-child(2) { border-top-right-radius: 100%; transform: translate(55px, 25px); } .btn-multi input:not(:checked) ~ label
    .btn-s:nth-child(3) { border-bottom-left-radius: 100%; transform: translate(25px, 55px); } .btn-multi input:not(:checked) ~ label .btn-s:nth-child(4) { border-bottom-right-radius: 100%; transform: translate(55px, 55px); } .btn-multi
    input:not(:checked) ~ label .btn-s .icon { opacity: 0; } .btn-multi input:not(:checked) ~ label > .icon { opacity: 1; cursor: pointer; transform: rotate(90deg); } .btn-multi label { position: relative; height: 110px; width: 110px; display:
    block; transform: rotate(45deg); transition: all 0.2s ease-in; cursor: default; border-radius: 30px; } .btn-multi label .btn-s { position: absolute; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .btn-multi
    label .btn-s:nth-child(2) { transform: translate(60px, 0); } .btn-multi label .btn-s:nth-child(3) { transform: translate(0, 60px); } .btn-multi label .btn-s:nth-child(4) { transform: translate(60px, 60px); } .btn-multi label .btn-s .icon {
    opacity: 1; transition: all 0.15s ease-in-out; /*transform: rotate(-45deg);*/ transform: rotate(52deg); } .btn-multi label > .icon { color: white; position: absolute; border-radius: 50%; display: flex; font-size: 30px; align-items: center;
    justify-content: center; height: 60px; width: 60px; top: 25px; left: 25px; opacity: 0; transition: all 0.25s ease-in-out; } .btn-multi label .icon { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }


    
    @media only screen and (max-width: 600px) {
        .call{display: block;}
        .desktop{display: none !important;}
        .mobile{display: block !important;}
    }