.themewhite.nav-tabs {
    background-color: #f4f4f4;
    flex-wrap: wrap;
}

.themewhite.nav-tabs li button {
    color: #0d0d0d;
}

.themewhite.nav-tabs li button.active {
    color: #fff;
}

.themewhite.nav-tabs li button::before {
    background-color: #000;
    opacity: 0.2;
}

.themewhite.nav-tabs li button.active::before {
    background: #F4F4F4;
    opacity: 1;
}

.gallery-image>div {
    position: relative;
    padding-top: 69%;
}

.gallery-image>div img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-images .tab-pane .row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;
}

.gallery-images {
    position: relative;
}

.gallery-bg-images {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    overflow: hidden;
}

.line-image {
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.gallery-bg-images img {
    position: absolute;
}

.gallery-image>div:hover {
    transform: scale(1.07);
}

.gallery-image>div {
    transition: 0.4s;
}

.circle-image {
    right: 0;
    transform: rotate(180deg);
    top: 5%;
    opacity: 0.9;
    width: 8.4%;
}

.circle-image2 {
    left: 0;
    top: 48%;
    width: 8.4%;
    opacity: 0.9;
}

.spider-image {
    top: -14%;
    right: 77%;
    width: 26.4%;
}

.spider-image2 {
    transform: rotate(180deg);
    top: 47%;
    right: 0px;
    left: 78%;
    width: 26.4%;
}

.gallery-load-morebtn .btn {
    border-color: #bb7115;
}

@media(max-width:991px) {
    .gallery-image>div {
        padding-top: 64%;
    }
    .tab-parent {
        padding-bottom: 6px;
    }
    .themewhite.nav-tabs {
        flex-wrap: unset;
    }
}

@media(max-width:767px) {
    .gallery-images .tab-pane .row {
        --bs-gutter-x: 18px;
        --bs-gutter-y: 18px;
    }
}