.dpb-frontend-wrap {
    width: 100%;
}

.dpb-section,
.dpb-col,
.dpb-widget {
    position: relative;
}

.dpb-section {
    width: 100%;
}

.dpb-section-inner {
    position: relative;
    z-index: 2;
}

.dpb-row-inner {
    position: relative;
    z-index: 2;
}

.dpb-row {
    width: 100%;
}

.dpb-columns {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.dpb-col {
    box-sizing: border-box;
    width: 100%;
    padding: 8px;
}

.dpb-col-inner,
.dpb-widget-inner {
    position: relative;
    z-index: 2;
}

.dpb-section .col-12 { width: 100%; }
.dpb-section .col-11 { width: 91.666667%; }
.dpb-section .col-10 { width: 83.333333%; }
.dpb-section .col-9 { width: 75%; }
.dpb-section .col-8 { width: 66.666667%; }
.dpb-section .col-7 { width: 58.333333%; }
.dpb-section .col-6 { width: 50%; }
.dpb-section .col-5 { width: 41.666667%; }
.dpb-section .col-4 { width: 33.333333%; }
.dpb-section .col-3 { width: 25%; }
.dpb-section .col-2 { width: 16.666667%; }
.dpb-section .col-1 { width: 8.333333%; }

.dpb-widget {
    margin-bottom: 16px;
}

.dpb-widget img,
.dpb-gallery img,
.dpb-carousel img {
    max-width: 100%;
    display: block;
    height: auto;
}

.dpb-button {
    display: inline-block;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 6px;
    background: #222;
    color: inherit;
}

.dpb-grid {
    display: grid;
    gap: 12px;
}

.dpb-gallery.cols-1 { grid-template-columns: repeat(1, 1fr); }
.dpb-gallery.cols-2 { grid-template-columns: repeat(2, 1fr); }
.dpb-gallery.cols-3 { grid-template-columns: repeat(3, 1fr); }
.dpb-gallery.cols-4 { grid-template-columns: repeat(4, 1fr); }
.dpb-gallery.cols-5 { grid-template-columns: repeat(5, 1fr); }
.dpb-gallery.cols-6 { grid-template-columns: repeat(6, 1fr); }

.dpb-carousel {
    overflow-x: auto;
}

.dpb-carousel-track {
    display: flex;
    gap: 12px;
}

.dpb-carousel-item {
    min-width: 240px;
}

.dpb-video iframe,
.dpb-video video {
    width: 100%;
    min-height: 280px;
    border: 0;
}

.dpb-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.dpb-progress {
    width: 100%;
    height: 10px;
    background: #eee;
    border-radius: 999px;
    overflow: hidden;
}

.dpb-progress span {
    display: block;
    height: 100%;
    background: #4f46e5;
}

.dpb-progress-label {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.dpb-col{
    box-sizing:border-box;
    flex:0 0 auto;
    padding:8px;
}

/* desktop */

:root{
 --dpb-gap:16px;
}

/* COLUMN CONTAINER */

.dpb-columns{
display:flex;
flex-wrap:wrap;
gap:var(--dpb-gap);
width:100%;
}

/* COLUMN */

.dpb-col{
flex:0 0 auto;
box-sizing:border-box;
/*min-height:120px;*/
}

/* GRID SYSTEM */

.dpb-section .col-12{flex:0 0 100%;max-width:100%;}

.dpb-section .col-11{flex:0 0 calc(91.6667% - var(--dpb-gap)) !important;max-width:calc(91.6667% - var(--dpb-gap))  !important;}
.dpb-section .col-10{flex:0 0 calc(83.3333% - var(--dpb-gap)) !important;max-width:calc(83.3333% - var(--dpb-gap)) !important;}
.dpb-section .col-9{flex:0 0 calc(75% - var(--dpb-gap)) !important;max-width:calc(75% - var(--dpb-gap)) !important;}
.dpb-section .col-8{flex:0 0 calc(66.6667% - var(--dpb-gap)) !important;max-width:calc(66.6667% - var(--dpb-gap)) !important;}
.dpb-section .col-7{flex:0 0 calc(58.3333% - var(--dpb-gap));max-width:calc(58.3333% - var(--dpb-gap)) !important;}

.dpb-section .col-6{
flex:0 0 calc(50% - var(--dpb-gap)/2) !important;
max-width:calc(50% - var(--dpb-gap)/2) !important;
}

.dpb-section .col-5{flex:0 0 calc(41.6667% - var(--dpb-gap)) !important;max-width:calc(41.6667% - var(--dpb-gap)) !important;}
.dpb-section .col-4{flex:0 0 calc(33.3333% - var(--dpb-gap)) !important;max-width:calc(33.3333% - var(--dpb-gap)) !important;}
.dpb-section .col-3{flex:0 0 calc(25% - var(--dpb-gap)) !important;max-width:calc(25% - var(--dpb-gap)) !important;}
.dpb-section .col-2{flex:0 0 calc(16.6667% - var(--dpb-gap)) !important;max-width:calc(16.6667% - var(--dpb-gap)) !important;}
.dpb-section .col-1{flex:0 0 calc(8.3333% - var(--dpb-gap)) !important;max-width:calc(8.3333% - var(--dpb-gap)) !important;}

/* SHORTCODE → reset to normal bootstrap */

.dpb-shortcode .col-md-1  {flex:0 0 8.333333%;  max-width:8.333333%;}
.dpb-shortcode .col-md-2  {flex:0 0 16.666667%; max-width:16.666667%;}
.dpb-shortcode .col-md-3  {flex:0 0 25%;        max-width:25%;}
.dpb-shortcode .col-md-4  {flex:0 0 33.333333%; max-width:33.333333%;}
.dpb-shortcode .col-md-5  {flex:0 0 41.666667%; max-width:41.666667%;}
.dpb-shortcode .col-md-6  {flex:0 0 50%;        max-width:50%;}
.dpb-shortcode .col-md-7  {flex:0 0 58.333333%; max-width:58.333333%;}
.dpb-shortcode .col-md-8  {flex:0 0 66.666667%; max-width:66.666667%;}
.dpb-shortcode .col-md-9  {flex:0 0 75%;        max-width:75%;}
.dpb-shortcode .col-md-10 {flex:0 0 83.333333%; max-width:83.333333%;}
.dpb-shortcode .col-md-11 {flex:0 0 91.666667%; max-width:91.666667%;}
.dpb-shortcode .col-md-12 {flex:0 0 100%;       max-width:100%;}

.dpb-row-inner{
display:flex;
flex-direction:column;
}

.dpb-columns{
display:flex;
align-items:stretch;
}
.dpb-section{
position:relative;
width:100%;
}

.dpb-row{
width:100%;
}

.dpb-columns{
display:flex;
flex-wrap:wrap;
gap:var(--dpb-gap,16px);
}

.dpb-col{
box-sizing:border-box;
}

.dpb-widget img{
max-width:100%;
height:auto;
}

.dpb-overlay{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
pointer-events:none;
}

@media (max-width: 1024px) {
    .dpb-gallery.cols-4,
    .dpb-gallery.cols-5,
    .dpb-gallery.cols-6 {
        grid-template-columns: repeat(3, 1fr);
    }
	
	.dpb-section .col-12{flex:0 0 100%;max-width:100%}
	.dpb-section .col-6{flex:0 0 calc(50% - var(--dpb-gap)/2) !important;max-width:calc(50% - var(--dpb-gap)/2) !important}
	.dpb-section .col-4{flex:0 0 calc(33.333% - var(--dpb-gap)) !important;max-width:calc(33.333% - var(--dpb-gap)) !important}
	.dpb-section .col-3{flex:0 0 calc(25% - var(--dpb-gap)) !important;max-width:calc(25% - var(--dpb-gap)) !important}

}

@media (max-width: 768px) {
    .dpb-gallery {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .dpb-video iframe,
    .dpb-video video {
        /*min-height: 220px;*/
        min-height: auto;
    }
	
	.dpb-section .col-12{flex:0 0 100%;max-width:100%}
.dpb-section .col-6{flex:0 0 calc(50% - var(--dpb-gap)/2) !important;max-width:calc(50% - var(--dpb-gap)/2) !important}

}

/* common */
/*.dpb-icon-widget,
.dpb-icon-box {
  width: 100%;
}

.dpb-icon-inner {
  display: flex;
  flex-direction: column;  
  align-items: center;
  text-align: center;
  gap: 10px;
}*/

/* icon/image */



/* =========================
   CAROUSEL MAIN
========================= */
.dpb-carousel {
    position: relative;
    padding-bottom: 40px;
}

/* ITEM CARD */
.dpb-carousel-item {
    padding: 10px;
}

.dpb-carousel-item img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    border-radius: 16px;

    /* smooth animation */
    transition: transform 0.4s ease, box-shadow 0.4s ease;

    /* subtle shadow */
   /* box-shadow: 0 8px 25px rgba(0,0,0,0.08);*/
}

/* hover effect */
.dpb-carousel-item:hover img {
    transform: scale(1.05);
   /* box-shadow: 0 15px 35px rgba(0,0,0,0.15);*/
}

/* =========================
   ARROWS
========================= */
.dpb-carousel .slick-prev,
.dpb-carousel .slick-next {
    position: absolute;
    top: 45%;
    z-index: 5;
    width: 45px;
    height: 45px;
    background: #ffffffc7;
    border-radius: 50%;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

.dpb-carousel .slick-prev {
    left: -20px;
}

.dpb-carousel .slick-next {
    right: -20px;
}

/* REMOVE DEFAULT ICON */
.dpb-section .slick-prev:before,
.dpb-section .slick-next:before {
    display: none;
}

/* CUSTOM ICON */
/*.slick-prev::after {
    content: "\f053";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #000;
}

.slick-next::after {
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #000;
}*/

/* =========================
   DOTS
========================= */
.dpb-carousel .slick-dots {
    bottom: 0;
}

.dpb-carousel .slick-dots li button:before {
    font-size: 10px;
    color: #bbb;
    opacity: 1;
}

.dpb-carousel .slick-dots li.slick-active button:before {
    color: #000;
    font-size: 12px;
}

/* DOTS FIX */
.dpb-carousel .slick-dots {
    position: absolute;
    bottom: 10px;
    width: 100%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.dpb-carousel .slick-dots li {
    display: inline-block;
    margin: 0 5px;
}

.dpb-carousel .slick-dots li button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ccc;
    border: none;
    font-size: 0;
}

.dpb-carousel .slick-dots li.slick-active button {
    background: #000;
}

/* SCROLL FIX */
.dpb-carousel {
    overflow: hidden !important;
    position: relative;
}

/* slick track fix */
.dpb-carousel .slick-track {
    display: flex !important;
}

/* item spacing fix */
.dpb-carousel .slick-slide {
    padding: 10px;
}

/* arrow inside karo */
.dpb-carousel .slick-prev {
    left: 10px !important;
    z-index: 2;
}

.dpb-carousel .slick-next {
    right: 10px !important;
    z-index: 2;
}

/* =========================
   RESPONSIVE FIX
========================= */
@media(max-width:768px){
    .dpb-carousel .slick-prev {
        left: 0;
    }

    .dpb-carousel .slick-next {
        right: 0;
    }

    .dpb-carousel-item img {
        height: 200px;
    }
}


/*** widget css ***/
.dpb-widget-heading,.dpb-widget-button {
    font-size: unset !important;
    font-style: unset !important;
    font-weight: unset !important;
    line-height: unset !important;
    letter-spacing: unset !important;
    font-family: unset !important;
    color: unset !important;
    text-align: unset !important;
}

.dpb-widget-button,.dpb-widget-image{text-decoration: unset !important; border-style: unset !important;border-color: unset !important;border-width: unset !important;border-radius: unset !important;}
.dpb-widget-button .dpb-button{margin: unset !important;}
.dpb-widget-divider hr{opacity: 1 !important;}

.dpb-icon{display: flex;align-items: center;flex-flow: column;gap: 20px;}
.dpb-icon img{max-width: 60px;height: auto;}
.dpb-widget img{display: inline-block;}
.dpb-widget-icon-box .dpb-icon-box img{max-width: 60px;}
.dpb-widget-image-box img{width: 100%;}
.dpb-widget.dpb-widget-heading h1,
.dpb-widget.dpb-widget-heading h2,
.dpb-widget.dpb-widget-heading h3,
.dpb-widget.dpb-widget-heading h4,
.dpb-widget.dpb-widget-heading h5,
.dpb-widget.dpb-widget-heading h6,
.dpb-widget.dpb-widget-heading p {
    margin-bottom: 0px !important;
}

.dpb-widget-icon-box .heading,.dpb-widget-image-box  .heading{font-weight: 600;}
.dpb-widget-icon .heading{width:100%;text-align: inherit !important;}
.dpb-widget-icon span,.dpb-widget-icon-box .description{text-align: inherit !important;}
.dpb-widget-image a{border-width: unset !important;background-color: unset !important;text-align: unset !important;border-style: unset !important;border-color: unset !important;padding:0px !important; margin:0px !important}
.dpb-widget-image .dpb-image{padding:0px; margin:0px}
.dpb-image {
    max-width: 100%;
    width: 100%;
    height: auto;
}
.dpb-gallery img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 6px;
}

.dpb-masonry .dpb-gallery-item {
    break-inside: avoid;
    margin-bottom: 10px;
}
.dpb-masonry {
    column-fill: balance;
}

/* ===== COMMON GALLERY STYLE ===== */

.dpb-gallery {
    margin: 0;
}

.dpb-gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;
}

/* IMAGE STYLE */
.dpb-gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease, filter 0.4s ease;
}

/* HOVER EFFECT */
.dpb-gallery-item:hover img {
    transform: scale(1.08);
    filter: brightness(0.9);
}

/* OVERLAY (optional modern effect) */
.dpb-gallery-item::after {
    content: "";
    
    background: linear-gradient(180deg, transparent, rgba(0,0,0,0.4));
    opacity: 0;
    transition: 0.3s ease;
}

.dpb-gallery-item:hover::after {
    opacity: 1;
}

/* ===== GRID STYLE ===== */

.dpb-grid.dpb-gallery {
    display: grid;
    gap: 15px;
}

/* fixed height modern grid */
.dpb-grid .dpb-gallery-item {
    height: 250px;
}

/* ===== MASONRY STYLE ===== */

.dpb-masonry {
    column-gap: 15px;
}

.dpb-masonry .dpb-gallery-item {
    break-inside: avoid;
    margin-bottom: 15px;
}

/* natural height masonry */
.dpb-masonry img {
    height: auto;
}

/* ===== SHADOW EFFECT ===== */

.dpb-gallery-item {
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}

.dpb-gallery-item:hover {
    box-shadow: 0 12px 30px rgba(0,0,0,0.15);
}

/* ===== BORDER STYLE (optional premium look) ===== */

.dpb-gallery-item {
    border: 1px solid rgba(0,0,0,0.05);
}

.dpb-lightbox-overlay{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.9);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:99999;
}

.dpb-lightbox-overlay img{
    max-width:90%;
    max-height:90%;
}

.dpb-section .fancybox__thumbs{display:none !important}

/* ===== RESPONSIVE ===== */

@media (max-width: 768px) {
    .dpb-grid .dpb-gallery-item {
        height: 160px;
    }
}





/* ================= TABS ================= */
.dpb-tabs {
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
}
.dpb-tab-nav {
    display: flex;
    background: #f7f7f7;
    border-bottom: 1px solid #ddd;
}
.dpb-tab-btn {
    flex: 1;
    padding: 10px;
    cursor: pointer;
    border: none;
    background: transparent;
    font-weight: 500;
}
.dpb-tab-btn.active {
    background: #fff;
    border-bottom: 2px solid #4f46e5;
    color: #4f46e5;
}
.dpb-tab-content {
    padding: 15px;
}
.dpb-tab-pane {
    display: none;
}
.dpb-tab-pane.active {
    display: block;
}

/* ================= ACCORDION ================= */
.dpb-accordion details {
    border: 1px solid #ddd;
    margin-bottom: 10px;
    border-radius: 6px;
    overflow: hidden;
}
.dpb-accordion summary {
    padding: 12px;
    cursor: pointer;
    font-weight: 600;
    background: #f9f9f9;
}
.dpb-accordion div {
    padding: 12px;
}

/* ================= TOGGLE ================= */
.dpb-toggle {
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
}
.dpb-toggle summary {
    padding: 12px;
    cursor: pointer;
    background: #f7f7f7;
    font-weight: 600;
}
.dpb-toggle div {
    padding: 12px;
}

/* ================= PROGRESS ================= */
.dpb-progress {
    width: 100%;
    height: 8px;
    background: #eee;
    border-radius: 50px;
    overflow: hidden;
}
.dpb-progress span {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #6366f1, #4f46e5);
    border-radius: 50px;
}

/* ================= COUNTER ================= */
.dpb-counter {
    text-align: center;
}
.dpb-counter strong {
    display: block;
}
.dpb-counter span {
}

/* ================= STAR RATING ================= */
.dpb-star-rating {
}
/*.dpb-star-rating::after {
    content: "★★★★★";
    color: #fbbf24;
    margin-left: 5px;
}*/

/* ================= ALERT ================= */
.dpb-alert {
    padding: 12px 15px;
    border-radius: 6px;
    font-weight: 500;
}
.dpb-alert-info {
    background: #dbeafe;
    color: #1e40af;
}
.dpb-alert-success {
    background: #d1fae5;
    color: #065f46;
}
.dpb-alert-warning {
    background: #fef3c7;
    color: #92400e;
}
.dpb-alert-danger {
    background: #fee2e2;
    color: #991b1b;
}

/* ================= SOCIAL ICONS ================= */
.dpb-social-icons {
    display: flex;
    gap: 10px;
}
.dpb-social-icons a {
    padding: 8px 12px;
    border-radius: 4px;
    background: #f3f4f6;
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s;
}
.dpb-social-icons a:hover {
    background: #4f46e5;
    color: #fff;
}

.dpb-accordion summary,
.dpb-toggle summary {
    list-style: none;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
}

/* hide default arrow */
.dpb-accordion summary::-webkit-details-marker,
.dpb-toggle summary::-webkit-details-marker {
    display: none;
}

/* PLUS */
.dpb-accordion summary::before,
.dpb-toggle summary::before {
    content: "+";
    position: absolute;
    right: 20px;
    font-weight: bold;
}

/* MINUS when open */
.dpb-accordion details[open] summary::before,
.dpb-toggle[open] summary::before {
    content: "-";
}

.dpb-star-rating .stars {
    margin-left: 8px;
}

.dpb-star-rating .star {
    color: #ccc;
    font-size: 18px;
}

.dpb-star-rating .star.filled {
    color: #f5a623;
}

.dpb-section p{margin-bottom:0px}
.dpb-row {
    position: relative;
    isolation: isolate; /* 🔥 magic fix */
}

/*************** popup builder ********************/
#popupBuilderModal .modal-body,.dpb-global-popup .modal-body{padding: 0px;}
#popupBuilderModal .modal-content,.dpb-global-popup .modal-content{width: unset;background: transparent;border: none;}
#popupBuilderModal .modal-dialog,.dpb-global-popup .modal-dialog{width: fit-content;}
#popupBuilderModal .btn-close,.dpb-global-popup .btn-close{padding: 0px;width: 30px;height: 30px;border-radius: 50%;border: none;background: rgba(255, 255, 255, 0.15);backdrop-filter: blur(8px);color: #000;font-size: 30px;line-height: 1;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 9999;transition: all 0.3s ease;}


@media (max-width: 768px) {

#popupBuilderModal .modal-content,.dpb-global-popup .modal-content{width: 100% !important}

}