.elementor-1108 .elementor-element.elementor-element-415a6f6a:not(.elementor-motion-effects-element-type-background), .elementor-1108 .elementor-element.elementor-element-415a6f6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1108 .elementor-element.elementor-element-415a6f6a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:75px 15px 75px 15px;}.elementor-1108 .elementor-element.elementor-element-415a6f6a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1108 .elementor-element.elementor-element-570e487e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:60px;font-weight:600;color:#FFFFFF;}.elementor-1108 .elementor-element.elementor-element-384ae60{padding:80px 0px 80px 0px;}@media(max-width:767px){.elementor-1108 .elementor-element.elementor-element-415a6f6a{padding:20px 10px 20px 10px;}.elementor-1108 .elementor-element.elementor-element-570e487e .elementor-heading-title{font-size:32px;line-height:1.3em;}.elementor-1108 .elementor-element.elementor-element-384ae60{padding:20px 0px 0px 0px;}}/* Start custom CSS *//* CSS for the tab links */
.kidney-news-tabs .tab-links li {
    display: inline-block;
    margin-right: 10px;
}

.kidney-news-tabs .tab-links a {
    padding: 10px;
    border: 1px solid #ccc;
    color: #555;
    text-decoration: none;
}

/* Active tab link styles */
.kidney-news-tabs .tab-links a.active {
    background-color: var( --e-global-color-secondary );
    color: white;
}

/* Inactive tab link styles */
.kidney-news-tabs .tab-links a:not(.active) {
    background-color: #ccc;
    color: #000;
}

/* CSS for the tab content */
.kidney-news-tabs .tab-content {
    display: none;
    padding: 10px;
}

.kidney-news-tabs .tab-content ul {
    margin: 0;
    padding: 0;
}

.kidney-news-tabs .tab-content ul li {
    list-style: none;
    margin-bottom: 120px;
}


/* Active tab content styles */
.kidney-news-tabs .tab-content.active {
    display: block;
}

/* Inactive tab content styles */
.kidney-news-tabs .tab-content:not(.active) {
    display: none;
}

.kidney-news-tabs {
        display: flex;
    }

    .tab-links {
        display: flex;
        flex-direction: column;
        gap: 1px; /* Adjust this value to add spacing between tabs */
        
    }

    .tab-links a {
        padding: 10px;
        border: 1px solid #ccc;
        border-right: none;
        text-decoration: none;
        color: #000;
    }

    .tab-links a.active {
        background-color: #f1f1f1;
    }

    .tab-content-container {
        flex: 1;
        padding-left: 20px;
    }

    .tab-content {
        display: none;
    }

    .tab-content.active {
        display: block;
    }


.content-wrap p {
    margin-bottom: 0px;
}
    .tab-links a {
        width: 150px;
       
        
    }
    
    .read-btn {
        background: #E21F39;
        width: max-content;
        text-align: center;
        margin:20px 0px;
        
        
    }
    
     .read-btn a {
         display: block;
         padding: 5px 20px;
         color: white;
     }
     
     
     .post-wrapper {
         display: flex;
     }
     
     .content-wrap{
         width: 60%;
         padding-right: 20px;
     }
     
     .image-wrapper {
         width: 40%;
         padding-left: 40px
     }
     
     .tab-content {
         padding-top: 0px !important;
         
     }
     
     
     .tab-content h3 {
         margin-top: 0px !important;
         font-weight: 800;
         
     } 
     
     
      @media only screen and (max-width:991px) {
         
         
         .kidney-news-tabs {
    display: flex;
    flex-direction: column;
}
         
    .tab-links {
    
        flex-direction: row;
        flex-wrap: wrap;
    
    
}
.tab-links a {
    flex: 1;
}
.post-wrapper {
       flex-direction: column-reverse;
}

.image-wrapper  {
    width:100%;
    padding-left:0px;
}

 .content-wrap{
         width: 100%;
         padding-right: 0px;
         
     }
     
     .tab-content-container {
         padding-left:0px;
         padding-top:20px;
     }
     
     .post-wrapper {
         margin-bottom:20px !important;
     }
     
     .tab-links a {
        width: unset !important;
        padding:10px 10px !important;
       
        
    }
         
     }/* End custom CSS */