/* Custom styles for image gallery */
        /* .portfolio-gallery .portfolio-style2 {
            position: relative;
            overflow: hidden;
            cursor: pointer;
        } */
        


.card{
    border-radius: 20px;
}


.card .card-title{
    color: #000339;
}

.card .btn.my-custom-btn{
    background-color: #6D3476;
    border: 1px solid;
    color: white;
    transition: all 0.3s ease;
    cursor: pointer;
}


.card .btn.my-custom-btn:hover {
    background-color: #00ADF3;
    /*border: 1px solid #000339;*/
    color: white;
    transition: all 0.3s ease;
    cursor: pointer;
}




/*Blogs code starts here*/
/* Sidebar Styling */
.sidebar {
  background-color: #000339;
  color: white;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.sidebar-title {
  color: white;
  font-weight: 600;
  border-bottom: 2px solid white;
  padding-bottom: 10px;
}

.sidebar-links li {
  margin: 15px 0;
}

.sidebar-links li a {
  text-decoration: none;
  color: white;
  transition: all 0.3s ease;
  font-weight: 500;
  display: block;
}

.sidebar-links li a i {
  margin-right: 10px;
  color: #00ADF3;
}

.sidebar-links li a:hover {
  color: #00ADF3;
  padding-left: 5px;
}
        


        
        

        .portfolio-gallery .portfolio-style2 {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background: linear-gradient(45deg, #06507D, #06B7BD); /* Gradient background for border */
    padding: 5px; /* Space for the gradient border */
    border-radius: 10px; /* Optional: Add rounded corners */
}

        /* .portfolio-gallery .img-responsive {
            width: 100%;
            height: auto;
            object-fit: cover;
            transition: transform 0.3s;
        } */

        /* Optional hover effect for a better interaction */
.portfolio-gallery .portfolio-style2:hover {
    transform: scale(1.01);
}

        .portfolio-gallery .img-responsive {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: transform 0.3s;
    background-color: #fff; /* Background color inside the border */
    border-radius: 8px; /* Optional: To match padding space for smooth edges */
}


        .portfolio-gallery .item-img-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.6);
            opacity: 0;
            transition: opacity 0.3s;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .portfolio-gallery .item-img-overlay i {
            font-size: 2rem;
            color: #fff;
        }

        .portfolio-gallery .portfolio-style2:hover .img-responsive {
            transform: scale(1.1);
        }

        .portfolio-gallery .portfolio-style2:hover .item-img-overlay {
            opacity: 1;
        }

        /* Responsive adjustments */
        @media (max-width: 768px) {
            .portfolio-gallery .col-md-4 {
                flex: 0 0 50%;
            }

            .portfolio-gallery .margin-t{
                margin-top: 25px;
            }

            .portfolio-gallery .portfolio-style2 {
            padding: 2px;
                }
        }