/*portfolio start*/
.prev-portfolio,
        .next-portfolio {
            opacity: 0.5;
            position: absolute;
            cursor: pointer;
            transition: ease-in-out 0.3s;
        }

        .prev-portfolio:hover,
        .next-portfolio:hover {
            opacity: 1;
        }

        .prev-portfolio {
            left: 0;
        }

        .next-portfolio {
            right: 0;
        }

        .modal_body {
            display: flex;
            position: relative;
            align-items: center;
            align-content: center;
            /* width: 600px;
                        height: 600px; */
            height: 75%;
            justify-content: center;
        }

        .portfolio-item {
            overflow: hidden;
            cursor: pointer;
        }

        .portfolio-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(255, 255, 255, 0.3);
            /* Adjust the transparency as desired */
            opacity: 0;
            transition: opacity 0.3s;
        }

        .portfolio_img {
            width: 100%;
            height: 100%;
            border-radius: 5px;
        }

        .portfolio-item {
            position: relative;
        }

        .portfolio-item:hover::before {
            opacity: 1;
        }


        #portfolioModal .close-button {
            color: #fff;
            font-size: 30px;
            font-weight: bold;
            position: absolute;
            top: 20px;
            right: 30px;
            cursor: pointer;
            z-index: 1030;
        }


        #portfolioModal.modal {
            display: none;
            position: fixed;
            z-index: 1020;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        #portfolioModal .modal-content {
            background-color: rgba(0, 0, 0, 0.7);
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
        }

        #portfolioModal .modal-image {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
            border-radius: 5px;
            user-select: none;
        }

        #portfolioModal button,
        #portfolioModal a {
            background: #ffa015;
            color: #fff;
            border-radius: 4px;
            border: 0px;
            margin: 5px;
        }

        #rotate {
            position: absolute;
            vertical-align: top;
            transform: rotate(7deg);
            -ms-transform: rotate(90deg);
            /* IE 9 */
            -moz-transform: rotate(90deg);
            /* Firefox */
            -webkit-transform: rotate(90deg);
            /* Safari and Chrome */
            -o-transform: rotate(90deg);
            /* Opera */
        }

        @media(max-width: 767px) {
            #portfolioModal #rotate {
                position: relative;
                transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                /* IE 9 */
                -moz-transform: rotate(0deg);
                /* Firefox */
                -webkit-transform: rotate(0deg);
                /* Safari and Chrome */
                -o-transform: rotate(0deg);
                /* Opera */
            }

            #portfolioModal #rotate .navLinks {
                padding-left: 10px !important;
                padding-right: 10px !important;
            }

            .modal_body {
                flex-direction: column-reverse;
            }

            #portfolioModal .modal-image {
                padding: 10px;
                border-radius: 15px;
            }
        }

        @media(min-width: 768px) {
            .modal_body #rotate {
                left: -218px;
            }
        }

        @media(min-width: 992px) {
            #portfolioModal .navLinks {
                font-size: 1rem;
                font-weight: 500;
                padding-left: 25px !important;
                padding-right: 25px !important;
            }
        }
/*portfolio end*/