/*
Theme Name: Divi Child Theme
Template: Divi
Version: 1.0
*/

/*==================================================
RESET
==================================================*/

/*==================================================
RESET
==================================================*/

.nav li ul {
    width: 337px;
}
#top-menu li li a{
    width: 100%;
}
.mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a {
    color: #03a905; !important;
}

#top-menu ul.sub-menu li{
    border-bottom: 1px solid rgba(255, 255, 255, .4);
        width: 337px;
}
#top-menu ul.sub-menu li a{
    color: #fff;
}

#top-menu ul.sub-menu {
    background: #03a905;
}

#main-header .container{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.logo_container{
    flex:0 0 auto;
}

#et-top-navigation{
    flex:1;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    padding-left:0 !important;
    margin-left:30px !important;
}

.header-referrals-btn{
    flex:0 0 auto;
    margin-left:20px;
}


.menu-referral a{
    background:#ff3b0a;
    color:#fff !important;
    border-radius:40px;
    padding:14px 28px !important;
}


.hero-banner-care img.header-logo.wp-image-86 {
    width: 5vw;
}

.menu-referral a:hover {
    background:#03a905;
    color:#fff;
}

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

    .logo_container{
        width:260px;
    }

    .logo_container #logo{
        width:260px;
        max-width:100%;
        height:auto;
        max-height:none;
    }

}

@media (max-width: 980px) {
    .et_header_style_left #logo {
        max-width: 62%;
    }
    .header-referrals-btn {
        margin-left:8px;
        margin-top:0;
    }

    .referrals-btn {
        height:36px;
        padding:0 16px;
        font-size:13px;
        border-radius:999px;
    }
}

@media (max-width: 767px) {
    /*menu*/
    ul#mobile_menu {
        background-color: #03a905;
    }
    .et_mobile_menu li a {
        color: #fff;
    }

    #mobile_menu ul.sub-menu li{
        border-bottom: 1px solid rgba(255, 255, 255, .4);
    }

    .header-referrals-btn {
        margin-left:6px;
    }

    .referrals-btn {
        height:34px;
        padding:0 14px;
        font-size:12px;
    }
}
/*about*/
h3.inner-title.pb-3 span {
    color: #03a905;
}

h3.subheading-btn {
    font-weight: 500;
    line-height: 30px;
    font-size: 12px;
    padding: 0 10px;
    margin-bottom: 18px;
    text-transform: uppercase;
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 4px 13px 0 #e9e9e4;
}


/*----------step-----------*/
.process-section{padding:70px 20px}
.section-tag{display:inline-block;padding:10px 18px;background:#fff;border-radius:30px;box-shadow:0 5px 15px rgba(0,0,0,.08);font-size:13px}
.section-title{font:700 58px Georgia,serif;color:#12384b}
.section-title span{position:relative}
.section-title span:after{content:"";position:absolute;left:-10px;top:-5px;width:75px;height:38px;border:4px solid #f6c54c;border-radius:50%;transform:rotate(-10deg)}
.process-wrapper{position:relative;display:flex;justify-content:space-between;align-items:center}
.connector-svg{position:absolute;left:0;top:60px;width:100%;height:280px;z-index:1}
.connector-svg path{fill:none;stroke:#6f8794;stroke-width:2;stroke-dasharray:6 6}
.process-card{width:280px;position:relative;z-index:2}
.process-card img{width:100%;height:320px;object-fit:cover;border-radius:26px}
.step-number{position:absolute;width:54px;height:54px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;color:#12384b;box-shadow:0 5px 15px rgba(0,0,0,.2)}
.step1 .step-number{right:-15px;top:80px}
.step2 .step-number{left:50%;bottom:-22px;transform:translateX(-50%)}
.step3 .step-number{left:-15px;top:80px}

/* Mobile View */
@media only screen and (max-width: 767px){

.process-section{
    padding:40px 15px;
}

.process-wrapper{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:60px;
    position:relative;
}

/* Hide desktop connector */
.connector-svg{
    display:none;
}

.process-card{
    position:relative;
    width:280px;
    max-width:100%;
}

.process-card img{
    width:100%;
    height:320px;
    object-fit:cover;
    border-radius:25px;
    display:block;
}

/* Number Circle */
.step-number{
    position:absolute;
    width:55px;
    height:55px;
    border-radius:50%;
    background:#fff;
    color:#0f3f52;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:24px;
    font-weight:700;
    box-shadow:0 8px 18px rgba(0,0,0,.18);
}

/* Badge Position */
.step1 .step-number,
.step2 .step-number,
.step3 .step-number{
    left:50%;
    bottom:-28px;
    top:auto;
    right:auto;
    transform:translateX(-50%);
}

/* Vertical Dashed Line */
.process-card:not(:last-child)::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-60px;
    width:2px;
    height:35px;
    border-left:2px dashed #6d8793;
    transform:translateX(-50%);
}

}

@media (max-width:1400px){

    #top-menu > li{
        padding-right:12px !important;
    }

    #top-menu li a{
        font-size:15px;
    }

    .referrals-btn{
        padding:12px 24px;
    }
}

/*home*/
img.header-logo.wp-image-629 {
    width: 58px;
    height: auto;
}

/*blog*/
.post-meta{
    display:flex;
    align-items:center;
    gap:20px;
    margin-bottom:14px;
    font-size:13px;
    color:#8a8a8a;
    font-weight:500;
    text-transform:uppercase;
    letter-spacing:.4px;
}

.post-meta span{
    display:flex;
    align-items:center;
    gap:6px;
}

.post-meta .dot{
    color:#c8c8c8;
}

/* --------------footer --------------*/
#main-footer {
    background-color: #1267a7;
}
.et_pb_gutters3.et_pb_footer_columns4 .footer-widget .fwidget {
    margin-bottom: 0px;
}
#footer-widgets .footer-widget li:before {
    display: none !important;
}
#footer-widgets .footer-widget li {
    padding-left: 0px;
    position: relative;
}

#main-footer .footer-widget h4, #main-footer .widget_block h1, #main-footer .widget_block h2, #main-footer .widget_block h3, #main-footer .widget_block h4, #main-footer .widget_block h5, #main-footer .widget_block h6 {
    color: #fff !important;
        font-size: 22px;
}
div#footer-widgets {
    padding-top: 21% !important;
}