.dg-gallery-wrapper {

    background: transparent;

    padding: 60px 20px;
}


.dg-section {

    margin-bottom: 90px;
}


.dg-title {

    text-align: center;

    font-size: 35px;

    font-weight: 600;

    color: #0016AD !important;

    font-family: "Poppins", Sans-serif;    
   
    margin-bottom: 40px;

    line-height: 1.2;
}



.dg-swiper {

    position: relative;

    overflow: hidden;
}


.dg-image-card {

    position: relative;

    overflow: hidden;

    border-radius: 28px;

    cursor: pointer;

    transition: all .3s ease;

    background: #fff;
}


.dg-image-card img {

    width: 100%;

    height: 360px;

    object-fit: cover;

    display: block;

    transition: transform .6s ease;
}


.dg-image-card:hover img {

    transform: scale(1.08);
}



.dg-overlay {

    position: absolute;

    inset: 0;

    background: linear-gradient(
        to top,
        rgba(0,0,0,.85),
        rgba(0,0,0,.2),
        transparent
    );

    display: flex;

    align-items: flex-end;

    padding: 20px;

    opacity: 0;

    transition: .4s ease;
}


.dg-image-card:hover .dg-overlay {

    opacity: 1;
}


.dg-overlay-content {

    color: #fff;

    font-size: 15px;

    line-height: 1.5;

    transform: translateY(20px);

    transition: .4s ease;
}


.dg-image-card:hover .dg-overlay-content {

    transform: translateY(0);
}

.dg-slider-wrap{

    position: relative;

    display: flex;

    align-items: center;

    gap: 24px;
}



.dg-swiper{

    width: 100%;

    overflow: hidden;
}



/*
|--------------------------------------------------------------------------
| OUTSIDE NAVIGATION
|--------------------------------------------------------------------------
*/

.dg-nav{

    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #3b5bfc;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .3s ease;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .15);
    z-index: 10;
}


.dg-nav:hover{

    transform: scale(1.08);

    background: #001bb7;
}



.dg-prev{

    margin-left: -28px;
}


.dg-next{

    margin-right: -28px;
}



/*
|--------------------------------------------------------------------------
| REMOVE DEFAULT SWIPER BUTTONS
|--------------------------------------------------------------------------
*/

.swiper-button-next,
.swiper-button-prev{

    display: none !important;
}


/*.swiper-button-next,
.swiper-button-prev {

    width: 52px !important;

    height: 52px !important;

    border-radius: 50%;

    background: #5b70ff;

    color: #fff !important;

    box-shadow: 0 8px 25px rgba(0,0,0,.12);
}


.swiper-button-next:after,
.swiper-button-prev:after {

    font-size: 18px !important;

    font-weight: bold;
}
*/


.dg-load-more-wrap {

    text-align: center;

    padding-bottom: 80px;
}


#dg-load-more {

    background: #001bb7;

    color: white;

    border: none;

    padding: 16px 36px;

    border-radius: 50px;

    font-size: 16px;

    font-weight: 600;

    cursor: pointer;

    transition: .3s;
}


#dg-load-more:hover {

    transform: translateY(-2px);
}



/*
|--------------------------------------------------------------------------
| RESPONSIVE
|--------------------------------------------------------------------------
*/

@media(max-width: 1200px){

    .dg-title{
        font-size: 42px;
    }

    .dg-image-card img{
        height: 320px;
    }
}


@media(max-width: 991px){

    .dg-gallery-wrapper{
        padding: 40px 20px;
    }

    .dg-title{
        font-size: 36px;
    }

    .dg-image-card img{
        height: 280px;
    }
}



@media(max-width: 767px){

    .dg-title{
        font-size: 30px;
    }

    .dg-image-card img{
        height: 240px;
    }

   /* .swiper-button-next,
    .swiper-button-prev{

        width: 40px !important;
        height: 40px !important;
    }*/
}

@media(max-width: 767px){

    .dg-slider-wrap{

        gap: 12px;
    }

    .dg-nav{

        width: 42px;

        min-width: 42px;

        height: 42px;

        font-size: 18px;
    }

    .dg-prev{

        margin-left: -10px;
    }

    .dg-next{

        margin-right: -10px;
    }
}