
      .publisher-slide {
            display: flex !important;
           align-items: start; 
            gap: 30px;
            height: auto !important; /* 🔥 IMPORTANT */
            background-color: #FBFBFB !important;
        }

        .publisher-left {
            width: 30%;
            text-align: center;
        }

        .publisher-left img {
            width: 100%;
            border-radius: 6px;
        }

        .publisher-name {
            font-size: 16px;
            font-weight: bold;
            margin-top: 10px;
        }

        .publisher-role {
            color: #A0A0A0 !important;
            font-size: 14px;
            font-family: Poppins;
font-weight: 300 !important;
text-transform: capitalize;
padding-left: 10px;
        }

        .publisher-right {
            width: 70%;
            height: 400px !important; /* Ek fixed height zaroori hai scroll ke liye */
    overflow-y: scroll !important; /* Scroll functional rahega */
    
    /* Scrollbar chhupane ke liye niche wala code: */
    
    /* 1. For Firefox */
    scrollbar-width: none; 
    
    /* 2. For IE and Edge */
    -ms-overflow-style: none;  
        }
.slider-publisher-desc {
    overflow: visible !important;
    height: auto !important;
}
        .slick-prev, .slick-next {
            width: 40px;
            height: 40px;
            background: red;
            border-radius: 50%;
            z-index: 10;
        }

        .slick-prev:before, .slick-next:before {
            color: #fff;
        }
        .slick-prev,
.slick-next {
    display: block !important;
    /* z-index: 9999; */
}

.slick-prev:before,
.slick-next:before {
    font-size: 30px;
}
.publishers-slider {
    position: relative;
       max-width: 1000px;
            margin: 0 auto;
            position: relative;
              margin-bottom: 41px !important;
              
}

 .publishers-slider {
    position: relative;
}

/* Common arrow style */
button.custom-prev.slick-arrow,
button.custom-next.slick-arrow {
    position: absolute;
     top: 105%; 
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: #E30613;
    border-radius: 50%;
    border: none;
    /* z-index: 999; */
    cursor: pointer;
}

/* 👇 BOTH arrows on LEFT side */
button.custom-prev {
    left: 0px;
}

button.custom-next {
    left: 50px; /* spacing between buttons */
}
/* REMOVE default slick icon */
button.custom-prev::before,
button.custom-next::before {
    display: none;
}

/* Clean SVG arrows */
.arrow-left::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 10px solid #fff;
    margin: auto;
}

.arrow-right::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #fff;
    margin: auto;
}
.publishers-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.publisher-item {
    width: calc(25% - 20px);
    display: flex;
    flex-direction: column;
    background: #FBFBFB;
}
.publisher-img {
    padding: 10px;
}
/* Image */

.slider-publisher-img img {
    padding-top: 20px;
    width: 233px !important;
    height: 293px !important;
    object-fit: cover;
    border-radius: 10px;
}
.publisher-right {
        padding: 20px;
}
.slider-publisher-name{
    font-family: Poppins;
font-weight: 600;
font-style: SemiBold;
font-size: 24px;
line-height: 35px;
letter-spacing: 0%;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 5px;
text-align: left;
}

.slider-publisher-role{
font-family: Poppins;
font-weight: 300;
font-style: Light;
font-size: 20px;
letter-spacing: 0%;
text-transform: capitalize;
 margin: 0 0 10px;
 text-align: left;
 color: red;
}
.slider-publisher-desc{
    font-family: Poppins;
font-weight: 400;
font-style: Light;
font-size: 18px;
line-height: 35px;
letter-spacing: 0%;

}

.publisher-right{
  background-color: #FBFBFB;
}

h2.scroll-class-behaviour
 {
    scroll-padding-top: 300px;
    scroll-margin-top: 300px;
}
#scroll-class-behaviour{
    scroll-padding-top: 300px;
    scroll-margin-top: 300px;
}
div#submission-work p >a
 {
    color: black !important;
  font-weight:300 
}
.read-more {
    font-family: 'Poppins', sans-serif;
    font-weight: 300 !important; /* Light */
    font-size: 18px !important;
    letter-spacing: 0;
    text-transform: capitalize;
    text-decoration: underline !important;
    padding-bottom: 5px;
    color: #E30613;
}


.publisher-title {
    font-family: Poppins;
    font-weight: 600;
    font-size: 24px;
    text-transform: uppercase;
    margin: 10px 0 5px;
    padding-left: 10px;
}
.publisher-short-description{
    padding-left: 10px;
}
.publisher-read-more{
    padding-left: 10px;
}
.slider-publisher-desc .read-more-toggle {
    display: inline-block;
    margin-top: 10px;
    color: #E30613;
    cursor: pointer;
    text-decoration: underline;
    font-weight: 300;
}
.slick-list {
    /* overflow-y: visible !important; */
     overflow-y: scroll !important; /* Ensures vertical scrolling is enabled */
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none;  
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: #fbfbfb !important;
}
div.submission-banner-cls img {
    min-height: 280px !important;
    object-fit: cover;
}
.desc-full{
     font-size: 18px !important;
}

@media (max-width: 1440px) {
    .aboutsidemenu p {
        line-height: 30px;
        padding: 0px 3px;
    }
}
@media (max-width: 768px) {
    /* h2#subguidelines {
        font-size: 23px !important;
    } */
    .submission-container div{
        display: contents !important;
    }
    
  
div.publisher-slide {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
}
.publisher-left {
    width: 100%;
    text-align: center;
}
.slider-publisher-img img {
    padding-top: 20px;
    width: 100% !important;
    height: 293px !important;
    object-fit: cover;
    border-radius: 10px;
}
.publisher-right {
    padding: 0px;
        width: 100%;
        
}
button.custom-prev.slick-arrow, button.custom-next.slick-arrow {
    position: absolute;
    top: 103%;
    text-align: center;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: #E30613;
    border-radius: 50%;
    border: none;
    /* z-index: 999; */
    cursor: pointer;
    margin-top: 6px;
    /* padding-bottom: 12px; */
}


.publishers-slider {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    height: auto;
    margin-bottom: 34px;
}
button.custom-prev {
    left: 35%;
}

button.custom-next {
    left: 49%; /* spacing between buttons */
}
div#submission-container p {
    font-size: 18px;
}
.email-submission-guidelines p {
    font-size: 18px !important;
    line-height: 2;
    margin: 0;
}
.email-submission-guidelines ul li {
    font-size: 18px !important;
    line-height: 2;
    margin: 0;
}
.desc-short{
 font-size: 18px !important;
}
.desc-full{
     font-size: 18px !important;
}
}
.slick-list {
    background-color: #FBFBFB !important;
}

.slick-track {
    background-color: #FBFBFB !important;
}

.publishers-slider {
    width: 100% !important;
    max-width: 100% !important;
}
/* Image */
.publisher-img img {
    width: 100%;
    height: 210px !important;
    object-fit: contain;
    border-radius: 10px;
}
/* Make it square between 1360px and 1765px */
@media (min-width: 1359px) and (max-width: 1544px) {
  .publisher-img img {
    width: 210px !important;
    height: 156px !important;
  }
}
@media (min-width: 1544px) and (max-width: 1765px) {
  .publisher-img img {
        width: 210px !important;
        height: 156px !important;
    }
}

 
  @media (min-width:1025px) and (max-width:1358px){ 
 .publisher-item {
    width: calc(50% - 20px) !important;
    display: flex;
    flex-direction: column;
}
/* .slick-slide{
    width: 718px !important;
} */
div.submission-container-cls {
    gap: 0;
}
 .div-submission-left,
 .div-submission-right
 {
        width: 50% !important;
    }
    .publishers-slider {
    position: relative;
       max-width: 1000px;
            margin: 0 auto;
            position: relative;
              margin-bottom: 41px !important;
                  margin-left: 5px;
}
div#submission-container p {
    font-size: 18px;
}
.email-submission-guidelines p {
    font-size: 18px !important;
    line-height: 2;
    margin: 0;
}
.email-submission-guidelines ul li {
    font-size: 18px !important;
    line-height: 2;
    margin: 0;
}
.desc-short{
 font-size: 18px !important;
}
.desc-full{
     font-size: 18px !important;
}
 .publisher-img img {
    width: 100% !important;
    height: 246px !important;
  }
}
 @media (min-width:768px) and (max-width:1000px){ 
 .publisher-img img {
    width: 100% !important;
    height: 245px !important;
  }
}
@media (min-width:657px) and (max-width:768px){
 .publisher-img img {
    width: 100%;
    height: 226px !important;
    object-fit: contain;
    border-radius: 10px;
}
}
@media (max-width:657px){
 .publisher-img img {
    width: 100%;
   height: 232px !important;
    object-fit: contain;
    border-radius: 10px;
}
.publisher-content {
    text-align: center;
}
}



