.tab {
        overflow: hidden;
        display: flex;
        width: 70%;
        justify-content: center;
        margin: auto;
        text-align: center;
    }

    .tab span {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 0.5rem 0.6rem;
        transition: 0.3s;
        font-size:19px;
        color:#000;
        border-bottom: 1px solid #fff;
        margin: 0 10px;
    }

    .tab span:hover {
        border-color: black;
    }

    .tab span.active {
        border-color: black;
    }

    .tabcontent {
        display: none;
        padding: 0 1rem;
    }

@media (max-width:600px) {
    .tab {
        padding: 1rem 0;
    } 
    .padding-fix {
        padding: 1rem 1rem 3rem !important;
    }
    .tab span {
        font-size: 1.5rem !important;
    }
}
    @media (max-width:991px) {
        .tab {
            width: 100%;
            display: block;
            text-align: center;
        }
        .tab span {
            float: none;
            display: inline-block;
        padding: 0.5rem 0.6rem;
            font-size: 1rem;
        }
    }


        .modal {
            display: none;
            position: fixed;
            z-index: 1;
/*            padding-top: 50px;*/
            left: 0;
            top: 0;
            width: 100%;
            z-index:999999;
            height: 100%;
            overflow: auto;
            background-color: #000000c2;
        }

        .modal-content {
            position: relative;
            margin: auto;
            padding: 0;
/*            top:8%;*/
            width: 100%;
            max-width: 708px;
        }

        .close {
            color: #eee !important;
            position: absolute;
            top: 10px;
            right: 25px;
            font-size: 35px;
            font-weight: 700;
            opacity: 1 !important;
        }

        .close:hover,
        .close:focus {
            color: #fff;
            text-decoration: none;
            cursor: pointer
        }

        .mySlides {
            display: none
        }

        .mySlides img {
            width: 100%
        }

        .cursor {
            cursor: pointer
        }

        .prev,
        .next {
            cursor: pointer;
            position: absolute;
            top: 50%;
            width: auto;
            padding: 16px;
            margin-top: -50px;
            color: #fff;
            font-weight: 700;
            font-size: 20px;
            transition: 0.4s ease;
            border-radius: 0 3px 3px 0;
            user-select: none;
            -webkit-user-select: none;
            background: #000000ab
        }

        .next {
            right: 0;
            border-radius: 3px 0 0 3px
        }

        .prev:hover,
        .next:hover {
            background-color: rgba(0, 0, 0, .9)
        }

        .numbertext {
            color: #f2f2f2;
            font-size: 12px;
            padding: 8px 12px;
            position: absolute;
            top: 0
        }


        .caption-container {
            text-align: center;
            background-color: #000;
            padding: 2px 16px;
            color: #fff
        }

        .demo {
            opacity: .6
        }

        .active,
        .demo:hover {
            opacity: 1
        }

        img.hover-shadow {
            transition: 0.3s
        }

        .hover-shadow:hover {
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
        }


.gallery{
    margin-top: 1.5rem;
    cursor: pointer;
    animation: zoomIn;
    animation-duration: 1s;
}

.gallery img{
    width: 100%;
}

.gallery hr{
    height: 5px;
    background: linear-gradient(45deg, #732b82 20%, #2259a8 80%, #2259a8 100%);
    margin: 0;
}