.elementor-630 .elementor-element.elementor-element-bd85a00{--display:flex;--min-height:300px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.73;}.elementor-630 .elementor-element.elementor-element-bd85a00:not(.elementor-motion-effects-element-type-background), .elementor-630 .elementor-element.elementor-element-bd85a00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hopeveda.com/wp-content/uploads/2025/02/natural-cosmetic-product-collection-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-630 .elementor-element.elementor-element-bd85a00::before, .elementor-630 .elementor-element.elementor-element-bd85a00 > .elementor-background-video-container::before, .elementor-630 .elementor-element.elementor-element-bd85a00 > .e-con-inner > .elementor-background-video-container::before, .elementor-630 .elementor-element.elementor-element-bd85a00 > .elementor-background-slideshow::before, .elementor-630 .elementor-element.elementor-element-bd85a00 > .e-con-inner > .elementor-background-slideshow::before, .elementor-630 .elementor-element.elementor-element-bd85a00 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 100%);}.elementor-widget-theme-post-title .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-630 .elementor-element.elementor-element-13d8d7c{text-align:center;}.elementor-630 .elementor-element.elementor-element-13d8d7c .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:45px;font-weight:600;color:#FFFFFF;}.elementor-630 .elementor-element.elementor-element-3b5c028{--display:flex;--padding-top:70px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-630 .elementor-element.elementor-element-a6c2dba .elementskit-section-title-wraper .elementskit-section-title{color:var( --e-global-color-primary );margin:0px 20px 10px 20px;font-size:45px;font-weight:600;text-transform:capitalize;}.elementor-630 .elementor-element.elementor-element-a6c2dba .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-630 .elementor-element.elementor-element-a6c2dba .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-630 .elementor-element.elementor-element-a6c2dba .elementskit-section-title-wraper .elementskit-section-subtitle{color:var( --e-global-color-secondary );font-family:"Inter", Sans-serif;font-size:15px;line-height:1.2em;}.elementor-630 .elementor-element.elementor-element-a6c2dba .elementskit-section-title-wraper p{color:var( --e-global-color-text );margin:0px 20px 0px 20px;}.elementor-630 .elementor-element.elementor-element-f2445b5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-630 .elementor-element.elementor-element-9023a73{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-630 .elementor-element.elementor-element-2b00fbcb .elementskit-single-faq .elementskit-faq-header{background-color:var( --e-global-color-primary );padding:21px 40px 21px 40px;}.elementor-630 .elementor-element.elementor-element-2b00fbcb > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-630 .elementor-element.elementor-element-2b00fbcb .elementskit-single-faq .elementskit-faq-title{color:#ffffff;font-family:"Heebo", Sans-serif;font-size:18px;}.elementor-630 .elementor-element.elementor-element-2b00fbcb .elementskit-single-faq .elementskit-faq-body{color:#000000;font-family:"Roboto", Sans-serif;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );padding:30px 40px 30px 40px;margin:0px 0px 0px 0px;}.elementor-630 .elementor-element.elementor-element-2b00fbcb .elementskit-single-faq:not(:last-child){margin:0px 0px 30px 0px;}.elementor-630 .elementor-element.elementor-element-14455ae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-630 .elementor-element.elementor-element-52114352 .elementskit-single-faq .elementskit-faq-header{background-color:var( --e-global-color-primary );padding:21px 40px 21px 40px;}.elementor-630 .elementor-element.elementor-element-52114352 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-630 .elementor-element.elementor-element-52114352 .elementskit-single-faq .elementskit-faq-title{color:#ffffff;font-family:"Heebo", Sans-serif;font-size:18px;}.elementor-630 .elementor-element.elementor-element-52114352 .elementskit-single-faq .elementskit-faq-body{color:#000000;font-family:"Roboto", Sans-serif;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );padding:30px 40px 30px 40px;margin:0px 0px 0px 0px;}.elementor-630 .elementor-element.elementor-element-52114352 .elementskit-single-faq:not(:last-child){margin:0px 0px 30px 0px;}.elementor-630 .elementor-element.elementor-element-1df0d65{--display:flex;}.elementor-630 .elementor-element.elementor-element-0569056 .elementskit-section-title-wraper .elementskit-section-title{color:var( --e-global-color-primary );margin:0px 20px 10px 20px;font-size:45px;font-weight:600;text-transform:capitalize;}.elementor-630 .elementor-element.elementor-element-0569056 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-630 .elementor-element.elementor-element-0569056 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-630 .elementor-element.elementor-element-0569056 .elementskit-section-title-wraper p{color:var( --e-global-color-text );margin:0px 20px 0px 20px;}.elementor-630 .elementor-element.elementor-element-4dd2dfa{--display:flex;--margin-top:0px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;}@media(max-width:1024px){.elementor-630 .elementor-element.elementor-element-a6c2dba .elementskit-section-title-wraper .elementskit-section-title{font-size:22px;}.elementor-630 .elementor-element.elementor-element-a6c2dba .elementskit-section-title-wraper p{font-size:17px;line-height:1.2em;}.elementor-630 .elementor-element.elementor-element-0569056 .elementskit-section-title-wraper .elementskit-section-title{font-size:22px;}.elementor-630 .elementor-element.elementor-element-0569056 .elementskit-section-title-wraper p{font-size:17px;line-height:1.2em;}}@media(max-width:767px){.elementor-630 .elementor-element.elementor-element-2b00fbcb > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-630 .elementor-element.elementor-element-52114352 > .elementor-widget-container{margin:0px 0px 30px 0px;}}@media(min-width:768px){.elementor-630 .elementor-element.elementor-element-9023a73{--width:50%;}.elementor-630 .elementor-element.elementor-element-14455ae{--width:50%;}}/* Start custom CSS for shortcode, class: .elementor-element-10baad7 */.disease-category-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding: 20px;
}

.disease-category-item {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    padding: 15px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}

.disease-category-item:hover {
    transform: translateY(-5px);
}

.disease-category-item img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 8px;
}

.disease-category-item h3 {
    font-size: 18px;
    margin: 14px 0;
    color: var(--e-global-color-primary);
}

.disease-category-item p {
    font-size: 14px;
    color: var( --e-global-color-text );
    margin-bottom: 10px;
}

.buttons {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.read-more, .contact-btn {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s;
    background-color: var(--e-global-color-primary);
    font-family: "Inter", Sans-serif;
    border-radius: 50px 50px 50px 50px;
}

.read-more {
    color: #fff !important;
}

.read-more:hover {
    background: var( --e-global-color-secondary );
}

.contact-btn {
     font-size: 14px;
    transition: 0.3s;
    background-color: var(--e-global-color-primary);
    font-family: "Inter", Sans-serif;
    border-radius: 50px 50px 50px 50px;
    color: #fff !important;
}

.contact-btn:hover {
    background: var( --e-global-color-secondary );
}

@media (max-width: 1024px) {
    .disease-category-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .disease-category-grid {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */