/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/


.mfn-sidemenu-menu li > .outer-menu-sub { top: 15px; }


/* Buttons
================================================== */
.custom-button .button i { transform: rotate(-45deg); }
.custom-button .button:hover i { transform: rotate(0); }

.custom-icon img { filter: grayscale(100);}
.custom-icon:hover img { filter: grayscale(0);}


/* MISC
================================================== */

.light_green_gradient { background-image: linear-gradient(to bottom right, #f0fdfa, #ffffff, #f0fdf4); }
.light_green_gradient2 { background-image: linear-gradient(to bottom right, #fff, #f0fdfa33, #fff7ed33); }
.green-gradient { background-image: linear-gradient(to bottom right, #2ad1bc, #17bba9);}
.light_blue_gradient { background-image: linear-gradient(to bottom right, #dceff9, #ffffff, #f3fafe); }

.custom_counter .counter .icon_wrapper { width: 64px; height: 64px; border-radius: 15px; line-height: 74px; display: inline-block; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.2); }

.green_gradient_counter .counter .icon_wrapper { background-image: linear-gradient(to bottom right, #2ad1bc, #17bba9);}
.orange_gradient_counter .counter .icon_wrapper { background-image: linear-gradient(to bottom right, #fb8d36, #f9771b);}

.custom_box { transition: 0.2s ease-in-out}
.custom_box:hover .mcb-wrap-inner { box-shadow: 0 25px 50px -12px rgba(0,0,0,0.2); transform: scale(1.01); transition: 0.2s ease-in-out }

.accordion .question .title > .acc-icon-minus, .accordion .question > .title > .acc-icon-plus { right: 0; left: auto; }


.highlight-heading .title { background-color: #008dd1; color: #fff; border-radius: 50px; box-decoration-break: clone; padding: 0px 25px; display: inline}


/* Form
================================================== */
input[type="file"] { width: 100%; border: 1px solid #1f2220; border-bottom-width: 2px; padding: 15px 15px; background-color: #fff;}

.req, .required { color: #ff0000;}

.wpcf7-not-valid-tip { border-radius: 5px; }

.wpcf7 form .wpcf7-select.sign-type { padding-bottom: 30px !important; }

.wpcf7 form .wpcf7-response-output { padding: 5px 10px !important; border-radius: 5px !important; text-align: center !important; font-size: 13px !important; width: 100% !important; box-sizing: border-box !important; clear: both !important; margin: 0px 0px 0px 0px}
.wpcf7 form.sent .wpcf7-response-output { background-color: #46b450 !important; color: #fff !important; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { background-color: #ffb900 !important; color: #000 !important;}

.wpcf7-spinner { display: block; text-align: center}


/* Tabs - Slider
================================================== */
.wf-timeline-wrap { position:relative; margin-bottom:40px; }

.wf-timeline-line { position:absolute; top:45px; left:0; width:100%; height:4px; background:#e3e7ea; border-radius:4px; z-index:1; }

/* SLIDING SEGMENT — FIXED WIDTH BAR */
.wf-top-progress { position:absolute; top:45px; left:0; width:33.33%; height:4px; background:linear-gradient(90deg, #14c6b6, #3fd297, #f9791d); border-radius:4px; z-index:2; transition:transform 0.45s cubic-bezier(.3,.7,.4,1); transition-timing-function: cubic-bezier(0,0,.2,1); animation-duration: 1s;transition-property: all; }

/* STEP BUTTONS */
.wf-steps { display:flex; justify-content:space-between; position:relative; z-index:3;}

.wf-step-btn { background:none; border:none; cursor:pointer; text-align:center; width: 33.33%; }
.wf-step-btn h3 { font-size: 18px !important; }

.wf-step-circle { width:84px; height:84px; border-radius:50%; display:flex; flex-direction:column; justify-content:center; align-items:center; font-weight:700; transition:.3s; border: 4px solid #e2e8f0; background: #fff; text-align: center; margin-left: 50%; transform: translateX(-50%); }
.wf-step-circle svg { color: #94a3b8; display: inline-block; margin-bottom: 3px;}
.wf-step-circle small { display: block; font-size: 12px; text-tranform: uppercase; font-weight: 700; color:#94a3b8;}

.wf-step-btn:hover { text-decoration: none;}
.wf-step-btn:hover .wf-step-circle { color:#0d9488; border-color: #5eead4; text-decoration: none;}
.wf-step-btn:hover .wf-step-circle svg, .wf-step-btn:hover .wf-step-circle small { color:#0d9488;}
    
.wf-step-btn.active .wf-step-circle { transform: scale(1.12) translateX(-50%); box-shadow:0 10px 25px rgba(0,0,0,0.12); border: 0; color: #fff;}
.wf-step-btn.active .wf-step-circle svg, .wf-step-btn.active .wf-step-circle small { color: #fff;}

.wf-step-btn.active .teal { background:linear-gradient(130deg,#13b1a0,#0e9c8e); }
.wf-step-btn.active .orange { background:linear-gradient(130deg,#fa8c34,#f9791d); }
    
.wf-step-btn.active .teal-heading { color:#0e9c8e; }
.wf-step-btn.active .orange-heading { color:#f9791d; }

/* CARDS */
.wf-cards { position:relative; min-height:320px; }
.wf-card { position:absolute; left:0; right:0; padding:35px; background:#fff; border-radius:20px; box-shadow:0 16px 40px rgba(0,0,0,0.08); display:flex; gap:30px; opacity:0; transform:translateX(150px); pointer-events:none; transition:opacity .45s, transform .45s; border: 2px solid rgba(153,246,228,1); font-size: 18px;}
.wf-card.active { opacity:1; transform:translateX(0); pointer-events:auto; z-index:10; }

.wf-card.slide-left { transform:translateX(-150px); }

.wf-card-left { flex:1; }
.wf-card-right { flex:0 0 420px; }

.wf-card img { width:100%; border-radius:12px; box-shadow:0 12px 25px rgba(0,0,0,0.12); }
    
.wf-card h3 { font-size: 30px; line-height: 35px; margin-bottom: 20px; }

/* Badge */
.wf-badge { color:#000; margin-bottom:10px; display:flex; align-items:center; font-size: 14px; font-weight: 700; }
.wf-badge.teal { color:#0e9c8e;  }
.wf-badge.orange { color:#f9791d; }

.wf-badge .icon { color:#fff; border-radius:10px; width: 48px; height: 48px; text-align: center; flex-direction:column; justify-content:center; align-items:center; display:flex; margin-right: 15px; }
.wf-badge.teal .icon { background:linear-gradient(130deg,#13b1a0,#0e9c8e);  }
.wf-badge.orange .icon { background:linear-gradient(130deg,#fa8c34,#f9791d); }

/* Bullets */
.wf-bullets { margin-top:24px; display:flex; gap:10px; }
.wf-bullets .bullet { width:8px; height:8px; border-radius:99px; background:#dce3e7; cursor:pointer; }
.wf-bullets .bullet.active { background:linear-gradient(90deg, #14c6b6, #3fd297, #f9791d); width:48px; }


/* Footer
================================================== */
.newsletter { position: relative; }
.newsletter .wpcf7-submit { position: absolute; right: 7.5px; top: 7.5px; }

@media only screen and (max-width: 767px) {
    .wf-timeline-line { top: -25px; left: 50%; width: 4px; height: 100%; transform:translateX(-50%); }
    .wf-top-progress { top: -25px; left: 50%; width: 4px; height: 33.33%; transform:translateX(-50%); background:linear-gradient(180deg, #14c6b6, #3fd297, #f9791d);}
    
    .wf-steps { display: block; }
    .wf-step-btn { width: 100%; }
    
    .wf-card { display:block !important;}
    .wf-card-left { margin-bottom: 25px; }
}