body{
            font-family:"Poppins",sans-serif !important;
         }
         .wehubh2 {
            font-size: 22px !important;
            text-align: center !important;
            border-bottom: 1px dashed #a19d9dcc;
         }
         .sectioh4 {
            padding-left: 0px;
            position: relative;
            color: #941c37 !important;
            font-size: 25px;
            text-align:center !important;
         }
         .itmint_bg_partners {
            background-image: url(../../img/sdgwalk/partners.jpg);
            padding-top: 26px;
            padding-bottom: 0px;
            background-size: cover;
            padding-bottom: 40px;
         }
         @media (min-width: 768px) {
            .section-header--medium-margin {
               margin-bottom: 30px;
            }
         }
         .keydeb {
            margin: auto;
            display: flex
         ;
            justify-content: center;
            margin-bottom: 12px;
         }
         .tgs {
            width: 40%;
            text-align: center;
            margin: auto;
            display: flex
         ;
            padding-top: 8px;
         }
         .wehubh2 {
            font-size: 22px !important;
            text-align: center !important;
            border-bottom: 1px dashed #a19d9dcc;
         }
         .nabard {
            width: 30%;
            /* text-align: center; */
            margin: auto;
            display: flex
         ;
            padding-top: 5px;
         }
         .card-custom {
            border: none;
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 4px 20px rgba(0, 0, 0, .1);
            background: #fff;
            transition: transform .3s ease, box-shadow .3s ease;
            padding:10px;
         }
         .inaug-content{
            color:#111 !important;
         }
         .inaug-heading{
            color:#006b3f !important;
            text-transform:none !important;
         }
         p{
            font-size: 15px !important;
            line-height: 25px !important;
         }
         h5{
         color:#006b3f !important; 
         }

         .pan li{ text-align: left;}
          .gallery {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
         }

         .gallery-item img {
            width: 100%;
            border-radius: 10px;
            cursor: pointer;
            transition: transform 0.3s;
         }

         .gallery-item img:hover {
            transform: scale(1.05);
         }

         /* Lightbox styles */
         .lightbox {
            position: fixed;
            display: none;
            top: 0; left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.9);
            justify-content: center;
            align-items: center;
            z-index: 9999;
         }

         .lightbox img {
            max-width: 90%;
            max-height: 80%;
            border-radius: 10px;
         }

         .lightbox .close,
         .lightbox .prev,
         .lightbox .next {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            color: white;
            font-size: 3rem;
            background: rgba(0,0,0,0.5);
            border: none;
            cursor: pointer;
            padding: 10px 20px;
            border-radius: 50%;
         }

         .lightbox .close {
            top: 20px;
            right: 30px;
            font-size: 2rem;
            transform: none;
         }

         .lightbox .prev {
            left: 20px;
         }

         .lightbox .next {
            right: 20px;
         }
         .resbanner{
            height: 515px;
            width: 100%;
            background-size: 100% 100% !important;
            background-position:top !important;
         }
         .mt44{margin-top: 15px;}
         @media screen and (min-device-width: 320px) and (max-device-width: 410px) {
            .resbanner {
               background: url(../../img/sdgwalk/sdgwalk-success-mobile.jpg) no-repeat !important;
               background-size: cover !important;
               height:263px !important;
            }
            p{
               text-align:justify !important;
                margin-bottom:10px !important;
            }
            .mt44{margin-top: 0px;}
         }
         @media screen and (min-device-width: 411px) and (max-device-width: 767px) {
            .resbanner {
               background: url(../../img/sdgwalk/sdgwalk-success-mobile.jpg) no-repeat !important;
               background-size: cover !important;
               height:303px !important;
            }
            p{
               text-align:justify !important;
               margin-bottom:10px !important;
            }
           
         }
         @media screen and (min-device-width: 768px) and (max-device-width:1024px) {
            .resbanner {
               background: url(../../img/sdgwalk/sdgwalk-success-mobile.jpg) no-repeat !important;
               background-size: cover !important;
               height:540px !important;
            }
            p{
               text-align:justify !important;
                margin-bottom:10px !important;
            }
           
         }
        .cohostimgimg { width: 112%;}

         .scbox {
         border-radius: 7px;
         /* box-shadow: 0px 5px 20px 0px rgb(217 217 217) !important; */
         /* width: 240px; */
         }
         .img-col{
         padding-left:0px;
         padding-right:0px;
         }
         .cohostleft img {
         width: 69px;
         border-radius: 10px;
         box-shadow: 0px 5px 20px 0px rgb(153 149 149);
         }
         .nameproh2 b {
         font-weight: 500;
         color: #000;
         }
         .bg-warning-transparent {
         background-color: #FEF8EA !important;
         color: #fff !important;
         }
         .cohostimg {
         width: 80%;
         }
         .rounded {
         border-radius: 4px !important;
         }
         .dcl {
         padding-top: 34px;
         padding-left: 1px;
         }
         .avatar {
         position: relative;
         height: 70px;
         width: 70px;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         border-radius: 4px;
         color: #FFF;
         font-weight: 500;
         }
         .bg-success-transparent {
         background-color: #E8F9E8 !important;
         color: #1ABE17 !important;
         }
         .bg-danger-transparent {
         background-color: #fff !important;
         color: #E82646 !important;
         }
         .bg-secondary-transparent {
         background-color: #fff !important;
         color: #6FCCD8 !important;
         }
         .bg-warning {
         --bs-bg-opacity: 1;
         background-color: rgb(255 255 255) !important;
         }.nameproh2 {
         font-size: 14px;
         padding-left: 10px;
         /* padding-top: 19px; */
         color: #000;
         font-weight: bold;
         }
         .vdds2 {
         background-color: #e8f9e8 !important;
         }
         .vdds3 {
         background-color: #fde9ed !important;
         }
         .vdds4 {
         background-color: #e8fcff !important;
         }
         .c1{font-weight: bold !important;}
         .c2{    font-weight: normal;}


         .empower{    font-size: 20px;}

         .empowerrese{    font-size: 27px;
         color: #963246;}

         .presr{font-weight: bold;
         color: #081f6c;}

         .sessionplan table {
            width: 100%;
            border-collapse: collapse;
            background: #fff;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
         }

         .sessionplan th{border: 1px solid #ccc;
            padding: 10px;
            vertical-align: top;}

         .sessionplan td{border: 1px solid #ccc;
            padding: 10px;
            vertical-align: top;}


         .sessionplan th {
            background-color: #953246;
            text-align: center;
            font-size: 18px;
            font-weight: bold;
            color: #fff;
         }
         .sessionplan .header-row {
            background-color: #fce4e4;
            font-weight: bold;
            text-align: center;
         }

         .sessionplan .session {
            background-color: #f4f4f4;
            font-weight: bold;
            text-align: center;
         }

         .sessionplan .break {
            background-color: #fff7e6;
            font-style: italic;
            text-align: center;
         }

         .sessionplan .inaugural {
            background-color: #e6f2ff;
            text-align: center;
            font-weight: bold;
         }

         .sessionplan .panel {
            background-color: #e6ffe6;
         }

         .sessionplan td[colspan] {
            text-align: center;
         }

         .timem{  width: 180px}
         .guest-name{
            color: #006b3f !important;
            margin-bottom:10px !important;
         }
         .pan ul li{
            text-align:left !important;
         }
         .gallery-item{
            margin-bottom:5px;
         }
         .inaug-video{
            background-color:#ad2e2e !important;
         }
         .btn-watch-video {
            line-height: 30px;
            height: 37px;
            border-radius: 22px;
            display: inline-block;
            background: rgba(0, 0, 0, 0.4);
            color: white;
            text-decoration: none;
            padding: 4px 46px 5px 20px;
            position: relative;
            box-sizing: border-box;
            text-transform: uppercase;
            font-size: 13px;
            font-weight: bold;
            letter-spacing: 1px;
            transition: all 200ms ease-in;
            margin-bottom: 10px;
         }
         .btn-watch-video .fa {
            width: 32px;
            height: 32px;
            line-height: 32px;
            text-align: center;
            border-radius: 50%;
            border: solid 1px white;
            position: absolute;
            top: 3px;
            right: 4px;
            text-indent: 4px;
         }
         .btn-watch-video:hover {
         padding-right: 50px;
         padding-left: 24px;
         }
         .somanath-video{
            background-color:#fff !important;
            color:#111 !important;
         }
         .somanath-video .fa{
            border:solid 1px black;
         }
         .pan-dis {
            text-align:left !important;
         }
         .mode{
            text-align:justify !important;
         }
         .panel-list{
            color:#af4656;
         }
         .dis-sess{
            text-align:left !important;
         }
         .title {
            color: #111 !important;
         }
         .footer{
            margin-top:0px !important;
         }
         .sec-bg{
         background: url(../../img/sdgwalk/sec-bg.jpg) !important; 
         }
         .you-vid{
            border-radius:10px;
         }
         .title div span {
            background: linear-gradient(135deg, #00b894, #0984e3);
            display: inline-block;
            height: 10px;
            width: 10px;
            border-radius: 50%;
            box-shadow: 0 0 10px rgba(0, 184, 148, 0.5);
            margin: 0 3px;
         } 
         .walk-gallery img{
            width:100% !important;
            height:200px !important;
         }
         .hmda{
            width:80%;
         }
         .titlehead{
            text-align:center !important;
            margin-bottom:10px !important;
         }
         .wehubh2 {
            font-size: 15px !important;
            text-align: center !important;
            border-bottom: 1px dashed #a19d9dcc;
         }
         .partner{
            padding-bottom:18px !important;
         }
         .title div span::before {
            border: 1px solid #d8d8d8 !important;
            content: "";
            position: absolute !important;
            right: 15px !important;
            top: 3px !important;
            width: 20px !important;
         }
         .title div span::after {
            border: 1px solid #d8d8d8 !important;
            content: "";
            left: 15px !important;
            position: absolute !important;
            top: 3px !important;
            width: 20px !important;
         }
         .grey-bg {
            background-color: #f1f3ff !important;
         }
         .mfp-img {
    max-height: 540px !important;
}
 /* Gallery Styles */
.gallery_container {
  /* max-width: 1200px; */
  margin: 0 auto;
}

@media (min-width: 1300px) and (max-width: 2560px) {
  .popup-gallery {
    display: flex;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
  }
}

@media (min-width: 700px) and (max-width: 1299px) {
  .popup-gallery {
    display: flex;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
}

@media (min-width: 300px) and (max-width: 699px) {
  .popup-gallery {
    display: flex;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
  }
}

.gallery_item {
  margin-bottom: 5px;
  overflow: hidden;
}

.popup-gallery a {
  display: block;
  width: 100%;
  border: 1px solid #fff;
  overflow: hidden;
  transition: transform 0.3s ease, border-color 0.3s ease;
}

.popup-gallery a:hover {
  transform: scale(1.05);
  border-color: #fff;
}

.popup-gallery img {
  display: block;
  width: 100%;
  object-fit: cover;
  min-height: 250px;
  max-height: 250px;
}