.upcoming-event-slides {
    overflow: hidden;
    padding: 10px 0;
}
.morecontent span {
    display: none;
}
.bookmarked:before {
    right: 1px !important;
}
.ReadMore {
    display: visible;
}
.without-featured-img-news .news-description ul {
    list-style: disc;
    padding-left: 2rem;
    border: unset !important;
}
.without-featured-img-news .news-description ul li {
    border: unset !important;
    padding: 0px;
    margin-bottom: 1rem;
    color: #675C53;
}
.header-top-sec {
    padding: 0;
    background-color: transparent;
    position: absolute;
    width: 100%;
}
.header-top-sec::before {
    display: none;
}
#events h2.commn-h2 {
    color: #A30050;
    color: var(--violet-red); 
    display: inline-block;
}
#events {
    padding-top: 80px;
    padding-bottom: 40px;
    margin-top: -22px;
}
ul.sorting-dropdown {
    position: absolute;
    z-index: 9;
    background-color: #fff;
}
.commn-upcomingevent-slide .card-body .card-bottom-info {   
    bottom: 0;  
    background-color: #fff; 
    padding: 25px 30px 25px 30px;   
    border-radius: 0px 0px 0px 0px;    
    padding-left: 25px; 
    box-shadow: 0 -22px 30px -25px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 -22px 30px -25px rgba(0, 0, 0, 0.35);  
    -moz-box-shadow: 0 -22px 30px -25px rgba(0, 0, 0, 0.35); 
}  
.upcoming-event-slides .owl-stage-outer {   
    overflow: visible !important;   
}   
/* .commn-upcomingevent-slide .card-body .card-featured-img-event img {    
    height: 100%;   
}    */
.commn-upcomingevent-slide .card-top-tools ul a {   
    display: block; 
    padding: 7px 12px;  
    color: #A30050; 
    line-height: normal;    
}
.commn-upcomingevent-slide .card-top-tools ul li:first-child {
    border-right: 1px solid #e9e9e9;
}
.commn-upcomingevent-slide .card-top-tools ul li {
    display: inline-block;
}
.commn-upcomingevent-slide .card-top-tools ul li i.fa, .commn-upcomingevent-slide .card-top-tools ul li i.fas {
    color: #A30050;
    color: var(--violet-red); 
}
.commn-upcomingevent-slide {
    background-color: transparent;
    box-shadow: 4px 4px 13px 1px rgba(0,0,0,0.35);
    -webkit-box-shadow: 4px 4px 13px 1px rgba(0,0,0,0.35);
    -moz-box-shadow: 4px 4px 13px 1px rgba(0,0,0,0.35);    
    background-position: center;
    background-size: cover;
    overflow: hidden;
    border-radius: 15px;
    position: relative;
    margin-bottom: 20px;
}
.commn-upcomingevent-slide .when-where-cost {
    margin-top: 20px;
}
.commn-upcomingevent-slide .card-body .card-bottom-info .card-title {
    margin-bottom: 3px;
    position: unset;
    padding: 0;
}
.upcoming-event-slider .owl-theme .owl-dots .owl-dot span {
    background: #DEDEDE;    
}
.upcoming-event-slider .owl-dots .owl-dot.active span, .upcoming-event-slider .owl-theme .owl-dots .owl-dot:hover span {
    background: #A30050 !important;
    background: var(--violet-red) !important;
}   
#news {
    background-color: #F4F4F4;
    padding-top: 80px;
    padding-bottom: 70px;
}
#news .row:first-child .col-6 p {
    color: #675C53;
}
#news h2.commn-h2 {
    color: #A30050;
    color: var(--violet-red); 
}
#news .col-6:first-child .card.comn-card, #news .col-6:nth-child(2) .card.comn-card {
    height: 380px;
    transform: unset;
}
#news .col-6:last-child .card.comn-card, #news .col-6:nth-child(3) .card.comn-card {
    transform: unset;
    height: 350px;
}
#news .col-6:first-child .card.comn-card .card-bottom-info, #news .col-6:nth-child(2) .card.comn-card .card-bottom-info {
    width: 245px;
}
#news .card.comn-card .card-bottom-info {
    padding: 20px 15px;
}
span.news-date {
    display: block;
    margin-bottom: 15px;
    color: #A30050;
    color: var(--violet-red);    
    font-size: 15px;
}
#news .card.comn-card .card-bottom-info p {
    margin-bottom: 5px;
}
.without-featured-img-news ul {
    padding: 0;
    margin: 0;
    list-style: none;
    border-top: 1px solid #b9b9b9;
}
.without-featured-img-news ul .col-3 img {
    border-radius: 10px;
/*    border: 1px solid #cac6c6;*/
}
.without-featured-img-news h2.commn-h2 {
    font-size: 22px;
}
.without-featured-img-news ul li {
    border-bottom: 1px solid #b9b9b9;
    padding: 20px 15px;
    width: 100%;
}
.without-featured-img-news ul li p {
    color: #675C53;
    margin-bottom: 10px;
}
.without-featured-img-news p a, .without-featured-img-news a, .without-featured-img-news li{
    color: #675C53;
}
.without-featured-img-news p sup {
    top: -5px;
}
.without-featured-img-news ul li .news-description span.readmore,
.without-featured-img-news ul li .news-description span.readless{
    color: #1E1E1E;
    font-weight: 600;
    font-family: 'Arimo', sans-serif;
    cursor: pointer;
}
.without-featured-img-news ul span.news-date {
    margin-bottom: 5px;
    margin-top: 10px;
}
.without-featured-img-news ul li .news-description {
    display: none;
}
.without-featured-img-news ul li .news-description.shortdesc {
    display: block;
}
.is-animated {
  animation: .6s zoom-in;
}
.scroll-section .card.comn-card:hover {
    transition: unset;
    transform: unset;
}
@keyframes zoom-in {
  0% {
   transform: scale(.1);
  } 
  100% {
    transform: none;
  }
}

.commn-upcomingevent-slide .card-top-tools i.fa::after {
    content: '';
    height: 20px;
    width: 20px;
    position: absolute;
    left: 0px;
    right: 0;
    top: -2px;
    bottom: 0;
    margin: auto;
    border-radius: 15px;
}
.commn-upcomingevent-slide .card-top-tools .bookmarked {
    font-size: 11px !important;
    position: relative; 
}
.news-loadmore-card {
    display:none;
}
.no-data-found {
    text-align: center;
    font-size: 18px;
    margin-top: 30px;
}
.bookmarked:after {
    /* left: -8px !important; */
}



@media only screen and (min-width: 1700px) {
    .without-featured-img-news ul li .news-description span.readmore,
    .without-featured-img-news ul li .news-description span.readless{
        font-size: 15px;
    }
    #news .col-6:first-child .card.comn-card .card-bottom-info, #news .col-6:nth-child(2) .card.comn-card .card-bottom-info {
        width: 317px;
    }
    .therapeutic-subpage-commn.news-and-events-header .therapeutic-subpage-commn-inner .col-12 p {
        width: 40%;
    }
}

@media only screen and (max-width: 1699px) {
    .commn-upcomingevent-slide .when-where-cost li {
        font-size: 14px;
    }
    .without-featured-img-news ul li .news-description span.readmore,
    .without-featured-img-news ul li .news-description span.readless{
        font-size: 13px;
    }
    .commn-upcomingevent-slide .card-body .card-bottom-info .card-title {
        min-height: 40px;
    }
}


@media only screen and (min-width: 1300px) { 
    .modal-open .scrolltabmain.sticky, .modal-open .header-top-sec {
        padding-right: 17px;
    }
}

@media only screen and (min-width: 480px) { 
    .scroll-section .card.comn-card:hover {
        height: 320px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 1699px)  {
    .therapeutic-subpage-commn.news-and-events-header .therapeutic-subpage-commn-inner .col-12 p {
        width: 65%;
    } 
}

@media only screen and (min-width: 993px) and (max-width: 1200px)  {
    .commn-upcomingevent-slide .card-top-tools ul {
        right: 5%;
    }
    .without-featured-img-news ul li {
        padding: 10px 15px;
    }
}

@media only screen and (min-width: 800px) and (max-width: 992px)  {
    .upcoming-event-slider .owl-stage-outer .owl-item {
        padding: 0px 70px;
    }    
}


@media only screen and (min-width: 768px) and (max-width: 799px)  {
    .upcoming-event-slider .owl-stage-outer .owl-item {
        padding: 0px 50px;
    }    
}

@media only screen and (min-width: 768px) and (max-width: 829px)  {
    .commn-upcomingevent-slide .card-body .card-bottom-info p.event-summary {
        font-size: 14px;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1024px)  {
    .upcoming-event-slider .owl-stage-outer .owl-item {
        padding: 0px 50px;
    }   
    .commn-upcomingevent-slide p.event-summary, .commn-upcomingevent-slide .when-where-cost li {
        font-size: 14px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1199px)  {
    .commn-upcomingevent-slide .when-where-cost li {
        font-size: 11px;
    }
    p.event-summary, a.btn.commn-btn-violet-red {
        font-size: 12px;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1024px)  {
    .commn-upcomingevent-slide .card-body .card-bottom-info .card-title {
        font-size: 14px;
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px)  {
    .upcoming-event-slider .owl-stage-outer .owl-item {
        padding: 0px 90px;
    }    
}


@media only screen and (min-width: 768px) and (max-width: 992px)  {
    #news .col-6:nth-child(3), #news .col-6:last-child  {
        width: 100%;
    }
    #news .col-6:last-child .card.comn-card .card-bottom-info, #news .col-6:nth-child(3) .card.comn-card .card-bottom-info {
        width: 245px;
    }
}

@media only screen and (min-width: 768px) {
    .commn-upcomingevent-slide .card-body {
        display: flex;
    }
    .commn-upcomingevent-slide .card-body .card-bottom-info a.btn.commn-btn-violet-red {
        position: absolute;
        bottom: 15px;
    }
    .page-template-news-and-events .scrolltabmain .scrolltabmainInner .row, .post-type-archive-events  .scrolltabmain .scrolltabmainInner .row, .page-template-archive-news-and-events .scrolltabmain .scrolltabmainInner .row{
        width: 500px;
        margin: 0 auto;
    }
    /* .commn-upcomingevent-slide .card-top-tools ul {
        padding: 0;
        margin: 0;
        list-style: none;
        display: inline-block;
        background-color: #fff;
        position: absolute;
        right: 15px;
        bottom: 10px;
        border-radius: 26px;
    } */
}

@media only screen and (max-width: 767px) {
    .without-featured-img-news ul li .row .col-3, .without-featured-img-news ul li .row .col-9 {
        width: 100%;
    }
    .without-featured-img-news ul li .row .col-3 {
        margin-bottom: 25px;
    }
    .commn-upcomingevent-slide .card-body {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column-reverse;
      flex-direction: column-reverse;
    }
    .commn-upcomingevent-slide .card-body .card-bottom-info {
        margin-top: -15px;
        width:100%;
    }
    .commn-upcomingevent-slide .card-body .card-featured-img-event {
        width:100%;
    }    
    .commn-upcomingevent-slide .card-top-tools .bookmarked:after {
        left: -5px !important;
        top: -3px !important;
    }
    .bookmarked {
        position: relative;
    }
    .bookmarked:before {
        right: -2px !important;
        top: -1px;
    }   
    .commn-upcomingevent-slide .card-top-tools i.fa::after {
        height: 24px;
        width: 24px;
    }       
    .r-more{
        display:none;
    }
    .card.comn-card {
        margin: 20px 5px;
    }
    ul.sorting-dropdown {
    display: inline-block;
    }
    #events h2.commn-h2 {
    display: inline-block;
    font-size: 20px;
    }
    #events .card.comn-card .card-bottom-info {
        margin-right: 0;
        padding: 30px 15px;
        width: 100%;
    }
    .upcoming-event-slider-mobile .when-where-cost strong {
        float: none !important;
        width: auto !important;
    }
    .upcoming-event-slider-mobile .when-where-cost ul {
        margin-bottom: 15px;
    }
    #news .card.comn-card .card-bottom-info {
        margin-right: 0;
    }
    .scroll-section .without-featured-img-news {
        /* padding: 0 !important; */
    }
    .without-featured-img-news a.btn {
        width: 50%;
        margin: auto;
        display: block;
        margin-top: 30px;
    }
    #news {
        padding-bottom: 35px;
    }
    .upcoming-event-slider-mobile .owl-dots .owl-dot.active span, .upcoming-event-slider-mobile .owl-theme .owl-dots .owl-dot:hover span,
    .news-slider-mobile .owl-dots .owl-dot.active span, .news-slider-mobile .owl-theme .owl-dots .owl-dot:hover span {
        background: #4FEAF7 !important;        
    }
    .news-slider-mobile {
        padding: 0 !important;
        margin: 0 !important;
    }
    .without-featured-img-news ul li h2.commn-h2 {
        font-size: 18px;
    }
    .page-template-archive-news-and-events-php .when-where-cost ul, .post-type-archive-events .when-where-cost ul {
        margin-bottom: 0px;
    }
    .page-template-archive-news-and-events-php .commn-upcomingevent-slide .when-where-cost, .post-type-archive-events .commn-upcomingevent-slide .when-where-cost{
        min-height: 130px;
    }
   .commn-upcomingevent-slide .card-body .card-bottom-info .card-title {
        min-height:60px;
    }
    .page-template-archive-news-and-events-php .card-top-tools, .post-type-archive-events .card-top-tools {
        position: absolute;
        top: 0;
        right: 0;
    }
    .page-template-archive-news-and-events-php .commn-upcomingevent-slide .card-top-tools ul li, .post-type-archive-events .commn-upcomingevent-slide .card-top-tools ul li {
        display: block;
        background: #fff;
        border-radius: 16px;
        margin-bottom: 7px;
    }
    .page-template-archive-news-and-events-php .commn-upcomingevent-slide .card-top-tools ul li:first-child, .post-type-archive-events .commn-upcomingevent-slide .card-top-tools ul li:first-child{
        border-right: unset;
    }
    .page-template-archive-news-and-events-php .commn-upcomingevent-slide .card-top-tools ul, .post-type-archive-events .commn-upcomingevent-slide .card-top-tools ul{
        display: flex;
        flex-direction: column-reverse;
        padding-right: 10px;
        padding-top: 10px;
    }
    .page-template-archive-news-and-events-php .commn-upcomingevent-slide .card-top-tools ul a, .post-type-archive-events .commn-upcomingevent-slide .card-top-tools ul a{
        padding: 4px 5px;
    }
}


@media only screen and (max-width: 479px) {
    p.event-summary {
        margin-bottom: 5px;
    }
    .commn-upcomingevent-slide .when-where-cost {
        margin-top: 10px;
    }
    .therapeutic-subpage-commn.news-and-events-header .therapeutic-subpage-commn-inner .col-12 p {
        width: 100%;
    }
    .card.comn-card {
        height: 450px;
    }
    .page-template-archive-news-and-events-php .commn-upcomingevent-slide .card-body .card-bottom-info .card-title, .post-type-archive-events .commn-upcomingevent-slide .card-body .card-bottom-info .card-title{
        font-size: 16px;
    }
}


/*btn animation*/
.btn-animation::after {
content: "Read More";
}
.btn-animation:hover::after {
 content: "REQUEST PUBLICATION";
}

.btn-animation:hover {
   padding:13px 35px;
   transition: all 0.5s ease-in;
   transition: all 0.5s ease-in;
   transition: all 0.5s ease-in;
}
.sorting-list{
    transition: all 0.1s ease-in !important;
}

.without-featured-img-news ul li i.fa{
      position: relative;
    left: 100%;
    font-size: 24px;
    color: #A30050;
    border-radius: 15px;
    top: -82px;
    bottom: 0;
    margin: auto;
    height: fit-content;
}

    @media only screen and (-webkit-min-device-pixel-ratio: 3) {
          .without-featured-img-news ul li i.fa{
        left: 104% !important;
    }
}

@media only screen and (width: 1024px) and (orientation: portrait) {
      .upcoming-event-slides {
    padding-top: 15px;
}
.commn-upcomingevent-slide .card-body .card-bottom-info{
    padding:25px;
}
}


@media only screen and (min-width: 1170px){
    .without-featured-img-news ul li i.fa{
        left: 104% !important;
    }
}


@media only screen and (min-width: 830px) and (max-width: 992px)  {
    .commn-upcomingevent-slide p.event-summary, .commn-upcomingevent-slide .when-where-cost li {
        font-size: 14px;
    }
}


@media only screen and (min-width: 768px) and (max-width:1599px){
    .commn-upcomingevent-slide .when-where-cost {
        margin-top: 0;
    }
}


/* New event layout css here  */



@media only screen and (min-width: 768px) { 

    .commn-upcomingevent-slide .card-body .card-bottom-info {

        margin-top: -15px;

        width: 100%;

        padding: 20px;

        padding-bottom: 30px !important;   

    }

    .commn-upcomingevent-slide .card-body .card-featured-img-event {

        width: 100%;

    }

    .commn-upcomingevent-slide .card-body {

        display: -webkit-flex;

        display: flex;

        -webkit-flex-direction: column-reverse;

        flex-direction: column-reverse;

    }

    .page-template-archive-news-and-events-php .commn-upcomingevent-slide .card-top-tools ul, .post-type-archive-events .commn-upcomingevent-slide .card-top-tools ul {

        display: flex;

        flex-direction: column-reverse;

        padding-right: 10px;

        padding-top: 10px;

    }

    .page-template-archive-news-and-events-php .card-top-tools, .post-type-archive-events .card-top-tools {

        position: absolute;

        top: 0;

        right: 0;

    }

    .commn-upcomingevent-slide .card-top-tools i.fa.bookmarked::after {

        left: -6px !important;

        height: 24px;

        width: 25px;

        top: -2px;

    }

    .commn-upcomingevent-slide .card-top-tools i.fa.bookmarked:before {

        right: -2px !important;

        top: -1px;

    }

    .page-template-archive-news-and-events-php .commn-upcomingevent-slide .card-top-tools ul li, .post-type-archive-events .commn-upcomingevent-slide .card-top-tools ul li {

        background: #fff;

        border-radius: 16px;

        margin-bottom: 5px;

    }

    .commn-upcomingevent-slide .card-top-tools i.fa.bookmarked::after {

        left: -6px !important;

        height: 24px;

        width: 25px;

        top: -2px;

    }

    .mobile-upcoming-event-slider {

        display: none !important;

    }

}



@media only screen and (max-width: 767px) { 

    .desktop-upcoming-event-slider {

        display: none !important;

    }

    #events .show_more_button {

        display: none;

    }

    .commn-upcomingevent-slide .card-body .card-bottom-info {

        margin-top: -7px;

        width: 100%;

        padding: 20px;

    }

    .commn-upcomingevent-slide .active.commn-btn-violet-red {

        position: absolute;

        bottom: 15px;

    }

    .commn-upcomingevent-slide .card-body .card-bottom-info {

        padding-bottom: 50px !important;

    }

}



.commn-upcomingevent-slide .card-top-tools ul a {

    padding: 4px 5px;

    font-size: 13px;

    position: relative;

}

.commn-upcomingevent-slide .when-where-cost {

    margin-top: 15px;

    font-size: 0.95rem;

}

.upcoming-event-slides {

    overflow: unset;

    padding: unset;

}

#events .show_more_button {

    margin: 0;

}

.singleEvent {

    display: none;

}

#events .show_more_button #showMoreEvent {

    margin: 20px 0px;

}



/* New event layout css end here  */