:root{
  --primary-color:#04328F;
  --text-color:#000;
}

body {   font-family:"Montserrat", sans-serif; background-color: #fff; color: var(--text-color); font-size: 16px; line-height: 1.6;
   overflow-x: hidden; -webkit-font-smoothing: antialiased; }
h1, 
h2,
h3,
h4,
h5,
h6 { margin:0px 0px 15px; font-family: "Montserrat"; line-height: 1.2; color: var(--text-color); }
img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; transition: var(--cc-ease); }
h1 { font-weight: 700;font-size:46px;color:var(--primary-color); }
h2 { font-size: 32px; font-weight: 700; line-height: 1.2;color:var(--primary-color);margin-bottom: 10px; }
h3 { font-size: 24px;line-height:1.4; }
p { margin:0px 0px 20px; color: var(--text-color); line-height: 1.8;font-size:19px; }
.container { max-width: 1300px; width: 100%;font-weight: 500; }
li.current-menu-item { text-decoration: underline; }
li.current-menu-item a { color: #000 !important; }
/** header **/
.nav-container { position: relative; display: flex; justify-content: center;  }
.nav-container ul { margin:0px; padding:0px; display: flex; flex-wrap: wrap; column-gap: 4px; }
.nav-container ul li { list-style:none; padding:8px 0px 8px 8px; position:relative; }
.nav-container ul li a { color:var(--primary-color); display:block; text-decoration:none; outline: none; position: relative;
font-weight: 600;font-size: 20px;text-transform: uppercase;  }
.nav-container ul li:not(:last-child) a::after { content: "|"; margin-left: 15px;color: #CCCCCC; }
.nav-container ul li a:hover,.nav-container ul li.active a /*.nav-container ul li.current-menu-item > a*/ {  color: var(--green-color); }
.nav-container ul li a.parent:after { content: "\f107"; font-family: FontAwesome; padding-left: 3px; }
.header-top { display: flex; align-items: center; justify-content: space-between;  column-gap: 20px; }
.header-right-btn ul { margin: 0; padding: 0; display: flex; align-items: center; gap:15px; 
justify-content: flex-end; }
.header-right-btn ul li { margin: 0; padding: 0; list-style: none; }
.header-top .container:before,
.header-top .container:after { display: none; }
.header-right { display: flex; align-items: center;gap: 20px;  }
.nav-container li .sub-menu { display:none; position:absolute; left:0px; top:100%; min-width:250px; background:var(--black-color); z-index:9; box-shadow: 0 8px 20px rgba(0,0,0,0.1);
padding:0px; }
.nav-container li .sub-menu li { display:block; padding:0; text-align: left; border-bottom: 1px solid rgba(255,255,255,0.32); }
.nav-container li .sub-menu li:hover { background: rgba(255,255,255,0.1); }
.nav-container li .sub-menu li:after { display: none; }
.nav-container ul li.parent:hover { background: var(--secondary-color); }
.nav-container li .sub-menu li a { color:var(--white-color); padding: 12px 20px; }
.nav-container li .sub-menu li:last-child { margin-bottom: 0; border-bottom: 0; }
.nav-container li .sub-menu li:hover a { color: #fff; }
.mob-menu { display: none; }
.header a { outline: none; text-decoration: none; }
.header ul { margin:0px; }
.header { /*padding:1.1rem 0;*/ width: 100%; display: inline-block; position: relative;background: rgba(255, 255, 255, 0.50);
  border-bottom: 1px solid rgba(30, 27, 75, 0.07);/*position: sticky;top: 0; z-index: 1030;*/ }
.header-left { min-width: 340px; }
.header-right-btn ul li .login { font-weight: 500; padding: 8px 0px; text-decoration: none;
color: var(--secondary-color); display: block; }
.header-right-btn ul li .login:hover { color: var(--primary-color); }
.header .logo img { width:300px; }

.primary-btn { display: inline-flex;align-items: center;justify-content: center;gap: 8px;width: 100%;padding: 10px 20px;
    font-size: 20px;font-weight: 500;line-height: 1;text-transform: uppercase;text-decoration: none;
    color: #fff;background-color: var(--primary-color);border: 1px solid var(--primary-color);border-radius: 8px;transition: all 0.3s ease;  }
.primary-btn:hover { background-color: #fff;color: var(--primary-color);border-color: var(--primary-color); }
.primary-btn:hover img {
    filter: brightness(0) saturate(100%) invert(16%) sepia(96%) saturate(2263%) hue-rotate(210deg) brightness(90%) contrast(101%); }

.secondary-btn { background: linear-gradient(91deg, #FFF 0%, #F0F0F0 100%);; padding: 14px; line-height: 18px;align-items: center;display: inline-flex;font-weight: 500;text-decoration: none;
    border-radius: 8px; border: 1px solid #A1A1A1;text-align: center;justify-content: center;color: #232323;transition: all 0.3s ease;
   height: 46px;  }
.secondary-btn:hover { background: var(--green-color);color: #FAFAFA;border: 1px solid var(--green-color);font-weight: 500;  }
.entry-header.alignwide {
padding: 30px 0;
}

/** home page **/
.banner-section { padding:30px 0; }
.banner-content p { font-size:18px; }
.you-right-place-content { border:1px solid #DEE7EE;background:#F2F5FA;padding:20px 30px;display:flex;gap:25px;border-radius:8px;align-items: center; }
.right-place-text h2 { font-size:28px;color:#254F8F; }
.step-forward-info { border: 2px solid #EEEFF5;margin-bottom: 20px;background:transparent;display: flex;gap: 25px;border-radius: 8px;
    padding:20px; }
.see-orientation-content { border: 2px solid #FEDFA4;margin-bottom: 20px;background:#FEF8E8;display: flex;gap: 25px;border-radius: 8px;
    padding:20px; }
.looking-forward-text { display:flex;gap:25px;align-items: center; }
.see-orientation-right-text span p { border-bottom: 3px solid #FEDFA4;padding-bottom: 15px; margin-bottom: 5px; }
.see-orientation-right-text h2 { font-size:28px;color:#254F8F; }
.see-orientation-right-text p strong { color:var(--primary-color); }
.return-dashboard-btn { margin-top:15px;padding-left: 0px;padding-right: 0px; }
.step-forward-section { padding:0px 0px 20px 0px; }
.right-place-text p ,.looking-forward-text p { margin-bottom:0px; }
.right-place-text p a { color:var(--text-color); }

/** progress gravity form **/
.my-progress-section { padding:30px 0; }
.progress-form .gform_body .gfield span { font-size:20px; }
.sf-card.activity-header { border: 1px solid #DEE7EE;padding:20px;border-radius: 8px; }
.sf-card.activity-header h3  { color:var(--primary-color);display: flex;align-items: center;gap: 5px; }
.sf-book-section p strong { font-size:22px;  }
.sf-card.sidebar-box ,.sf-card.sidebar-box.help-bg { border: 1px solid #DEE7EE; padding: 20px;border-radius: 8px;background: #F7FAFE; }
.sf-card.sidebar-box h4 {color:var(--primary-color);  }
.sf-info-row { margin-bottom: 12px;font-size: 18px; }
.sf-info-row img { display:inline-block;padding-right:5px;width: 28px; height: 28px;  }
.sf-info-row.address img { width: 24px; height: 24px; }
.sf-info-row.address { padding-left: 30px; }
.sf-book-image-section { display:flex;gap:15px; }

.progress-form .gform_wrapper.gravity-theme .gfield-choice-input { margin-right: 7px; }
.progress-form .gform_wrapper.gravity-theme .gfield_label { padding: 15px;font-size:18px;margin-bottom:0px;font-size: 24px;font-weight: 500; }
.progress-form .ginput_container.ginput_container_checkbox { padding: 15px; }
.progress-form .gform_wrapper.gravity-theme .gfield-choice-input+label { font-size:18px; }
.progress-form .gform_wrapper.gravity-theme .gfield textarea.large { height: 120px !important; }
.progress-form .gform_wrapper.gravity-theme .gfield input.large ,.progress-form .gform_wrapper.gravity-theme .gfield textarea.large
 { border-radius: 8px;border: 1px solid #DEE7EE;outline: none;background: #fff;
    font-size: 16px;font-weight: 500;line-height: 21px;padding: 14px; }

fieldset#field_1_13 ,fieldset#field_1_26 ,fieldset#field_1_37,fieldset#field_1_43,fieldset#field_1_55,fieldset#field_1_57 { border: 1px solid #DEE7EE;border-radius: 8px; }

#field_1_13 .gfield_label, #field_1_26 .gfield_label,#field_1_37 .gfield_label ,#field_1_43 .gfield_label,#field_1_55 .gfield_label,#field_1_57 .gfield_label
  { border-bottom: 1px solid #DEE7EE; width: 100%;  }

#field_1_13 legend.gfield_label ,#field_1_26 legend.gfield_label ,#field_1_37 legend.gfield_label ,#field_1_43 legend.gfield_label,
#field_1_55 legend.gfield_label ,#field_1_57 legend.gfield_label
 { display: flex;align-items: center; gap: 10px;color: var(--primary-color); }

#field_1_13 legend.gfield_label::before ,#field_1_26 legend.gfield_label::before ,#field_1_37 legend.gfield_label::before ,#field_1_43 legend.gfield_label::before,
#field_1_55 legend.gfield_label::before ,#field_1_57 legend.gfield_label::before
 { content: "";width: 22px;height: 22px;background: url('../images/right-tick-img.svg') no-repeat center;
  background-size: contain; }

.progress-form .gform_wrapper.gravity-theme .gfield-choice-input { display: none; }
.progress-form .gform_wrapper.gravity-theme .gfield_checkbox label { position: relative;padding-left: 40px;cursor: pointer;display: block; }
.progress-form .gform_wrapper.gravity-theme .gfield_checkbox label::before { content: "";position: absolute;left: 0;top: 2px;width: 22px;
    height: 22px;border: 2px solid #2C5AA0;border-radius: 4px;background: #fff; }
.progress-form .gform_wrapper.gravity-theme .gfield-choice-input:checked + label::before { background: #2C5AA0; }
.progress-form .gform_wrapper.gravity-theme .gfield-choice-input:checked + label::after { content: "✔";position: absolute;left: 5px;top: 1px;
  font-size: 14px; color: #fff; } 
.sf-section-title  img { display:inline-block;width:32px;height:32px; }
.sf-card.activity-header .sf-book-section h2 ,.sf-card.activity-header .sf-reflect-section h2 { color:#050515;font-weight:600;font-size: 22px; }

.sf-card.sidebar-box.help-bg img { display:inline-block;width:28PX;height:28px; }
.sf-card.sidebar-box.help-bg .sf-contact-info img { width:18px;height:18px;margin-bottom: 4px; }
.sf-card.sidebar-box.help-bg .sf-contact-info strong { padding-right:5px; }


.sf-contact-info { font-size: 18px;margin-top: 10px;padding-left: 33px; }
.sf-contact-info a { color:#0B2792; }
.sf-contact-info a:hover { text-decoration: underline; }
.progress-form .gform_page_footer { display: flex; justify-content: center;  align-items: center; width: 100%;padding: 20px 0 !important;
  border: 1px solid #DEE7EE;border-radius: 8px; }
.progress-form .gform_wrapper.gravity-theme .gform_page_footer { margin-top:40px; }
.progress-form .gform_page_footer input[type="button"].gform_next_button ,
.progress-form .gform_page_footer input[type="button"].gform_previous_button,
.progress-form .gform_page_footer input[type="submit"].gform_button  { display: inline-block;width:auto;padding: 10px 120px;
    font-size: 20px;font-weight: 500;text-transform: uppercase;text-decoration: none;color: #fff;background-color: var(--primary-color);
    border: 1px solid var(--primary-color);border-radius: 8px;transition: all 0.3s ease;cursor: pointer;appearance: none;  }
.progress-form .gform_page_footer input[type="button"].gform_next_button:hover ,
.progress-form .gform_page_footer input[type="button"].gform_previous_button:hover ,
.progress-form .gform_page_footer input[type="submit"].gform_button:hover { background-color: #fff;color: var(--primary-color);border-color: var(--primary-color); }
.progress-form .gform_wrapper.gravity-theme .gform_page_footer input { margin-bottom:0px; }
.breadcrumb-info { padding: 20px 0px 0px 0px; }
.breadcrumb-info span { color:var(--primary-color);margin-bottom:15px; }
.breadcrumb-info h2 { color:#072047;margin: 25px 0px 20px 0px;text-transform: uppercase;line-height: 1.3; }

/** login form **/
#loginform { background: #fff; padding: 40px;width: 100%;max-width: 400px;border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); }
#loginform p { margin-bottom: 20px; }
#loginform label { display: block;font-weight: 500;margin-bottom: 6px; color:var(--primary-color);font-size: 20px; }
#loginform input.input { width: 100%;padding: 12px 14px;
    border: 1px solid #ddd;border-radius: 8px;font-size: 16px;transition: 0.3s; }
.login-remember { display: flex; align-items: center; }
.login-remember input { margin-right: 8px;transform: scale(1.3);cursor: pointer; }
#wp-submit { width: 100%;padding: 12px; background: var(--primary-color);border:1px solid var(--primary-color);
    border: none;color: #fff;font-size: 15px;font-weight: 600;border-radius: 8px;cursor: pointer;transition: 0.3s; }
#wp-submit:hover { background: #fff;border:1px solid var(--primary-color);color: var(--primary-color); }
.login-submit { margin-top: 10px; }
.custom-login-wrapper h2 { margin-bottom:30px;text-align:center; }
.custom-login-wrapper a { color: var(--primary-color);font-weight: 500; }

/** thank you page **/
.banner-content.congrats { text-align:center;}
.page-template-page-thank-you .right-place-text h2 { color:#3E9843; }
.your-progress-content { border:1px solid #DEE7EE;padding:20px 30px;border-radius:8px;margin-bottom: 20px; }
.your-progress-text h2 { color:var(--primary-color); }
.your-progress-content h4 { font-size:18px;color:#000;font-weight: 600;margin-top: 20px;margin-bottom: 0px; }
.your-progress-content h3 { font-size:16px;padding-left:35px; }
.your-progress-content h4 span { color:#3E9843; }
.your-progress-content h2 img { display:inline-block;padding-right:7px;width: 35px;
    height: 35px;padding-bottom: 7px; }

.your-progress-content ul { list-style: none;padding-left: 0;margin: 0; }
.your-progress-content ul li { position: relative;padding-left: 35px;margin-bottom: 10px; }
.your-progress-content ul li::before { content: ""; position: absolute;left: 0;top: 1px ;width: 24px; height: 24px;
    background-image: url('../images/right.svg'); background-size: contain; background-repeat: no-repeat; }
.your-progress-content ul li span { display: block;padding-bottom:5px;border-bottom: 1px solid #DEE7EE; }
.your-progress-content ul li:last-child span { border-bottom:none; }

.reflection-content  { border:1px solid #DEE7EE;padding:20px 30px;border-radius:8px;margin-bottom: 20px; }
.reflection-content h3 { font-size:16px;padding-left:35px; }
.what-next-content { border:1px solid #DEE7EE;padding:20px 30px;border-radius:8px;margin-bottom: 20px; }
.steps-grid { display: flex;gap: 20px;flex-wrap: wrap;  }
.step-item { display: flex;align-items: flex-start; gap: 15px;padding:0 20px 0px 10px; }
.step-item:not(:last-child) { border-right: 2px solid #DEE7EE; }
.icon-circle {  display: flex;align-items: center;justify-content: center; }
.content h3 { color: var(--primary-color);margin: 0 0 8px 0;max-width: 190px;font-weight: 600;font-size: 18px; }
.content p { color: var(--text-muted);font-size: 0.9rem;line-height: 1.5;margin: 0; }
.you-right-place-content.heart h2 { color:var(--primary-color); }

.reflection-form .gform_wrapper.gravity-theme .gfield input.large { border-radius: 8px;border: 1px solid #DEE7EE;outline: none;background: #fff;
    font-size: 16px;font-weight: 500;line-height: 21px;padding: 14px; }
.gform_wrapper.gravity-theme .gfield_label { font-weight:500 !important;margin-bottom: 0px !important;min-width: 230px !important; }
.reflection-form .gform_footer { width: 100%; }
.reflection-form .gform_footer input[type="submit"].gform_button  { display: inline-block;width:auto;padding: 10px 50px;
    font-size: 20px;font-weight: 500;text-transform: uppercase;text-decoration: none;color: #fff;background-color: var(--primary-color);
    border: 1px solid var(--primary-color);border-radius: 8px;transition: all 0.3s ease;cursor: pointer;appearance: none;  }
.reflection-form .gform_footer input[type="submit"].gform_button:hover { background-color: #fff;color: var(--primary-color);border-color: var(--primary-color); }
.reflection-form .gform_wrapper.gravity-theme .gform_page_footer input { margin-bottom:0px; }
.reflection-content .sf-section-title img { padding-right:7px;width: 38px;
    height: 38px;padding-bottom: 5px; }
.partial_entry_warning{ display: none; }
.reflection-form .gform_wrapper.gravity-theme .gform_footer { padding: 16px 0px 0px 0px; }
.banner-section.congrats p { font-size:22px; }

.task-card { border: 1px solid #DEE7EE; border-radius: 8px; background: #fff; overflow: hidden;margin-top: 15px; }
.task-header { display: flex; align-items: center; gap: 12px;padding: 15px;border-bottom: 1px solid #DEE7EE; }
.task-header h3 { margin: 0; color: var(--primary-color); }
.task-body { padding: 15px; }
.task-body span { font-size:18px; }
.task-header img { width: 22px;height: 22px; }

.task-item { display: flex;align-items: flex-start;gap: 14px;
    margin-bottom: 14px;cursor: pointer; font-size: 18px;color: #000; line-height: 1.4; }
.task-item:last-child { margin-bottom: 0; }
.task-card input[type="checkbox"] { appearance: none; -webkit-appearance: none; width: 22px; height: 22px;
    border: 2px solid #2b5fb8;border-radius: 4px; cursor: pointer; position: relative; margin-top: 2px; }
.task-card input[type="checkbox"]:checked { background: #2b5fb8; }
.task-card input[type="checkbox"]:checked::after { content: "✔";color: #fff; font-size: 14px; position: absolute; top: -1px;left: 4px; }
.progress-form .gform_wrapper.gravity-theme .gf_step_active .gf_step_number { background: var(--primary-color); color: #fff;border: 2px solid var(--primary-color); }
.progress-form .gform_wrapper.gravity-theme .gf_step_number { border: 2px solid var(--primary-color); }
.progress-form .gform_wrapper.gravity-theme .gf_step_completed .gf_step_number { border: 2px solid #cfd3d9; }
.progress-form .gform_wrapper.gravity-theme .gf_page_steps { margin-bottom:0px;padding-bottom:10px; }

.reflect-group .gform_button { display: inline-flex;align-items: center;justify-content: center;gap: 8px;width: 100%;padding: 10px 20px;
    font-size: 20px;font-weight: 500;line-height: 1;text-transform: uppercase;text-decoration: none;
    color: #fff;background-color: var(--primary-color);border: 1px solid var(--primary-color);border-radius: 8px;transition: all 0.3s ease;  }
.reflect-group .gform_button:hover { background-color: #fff;color: var(--primary-color);border-color: var(--primary-color); }

/** progress report page **/
.welcome-section { padding: 30px 0px 0px 0px; }
.progress-card {  background:#fff; border:1px solid #DEE7EE; border-radius:10px; padding:30px; margin:0; }
.progress-col { border-right:1px solid #DEE7EE;padding-right: 25px; }
.left-box,.center-box,.right-box{ display:flex;align-items:center; gap:20px; height:100%;justify-content: center; }
.left-box img,.center-box img,.right-box img{ width:100px;height:100px;object-fit:contain; }
.left-box-content h3,.center-box-content h3,.right-box-content h3{ font-size:18px; color:var(--primary-color);margin-bottom:8px;font-weight:600; }
.progress-text { font-size:20px;color:#333;margin-bottom:12px; }
.center-box-content h3 a { text-decoration:none;color:var(--primary-color); }

.progress-text .big { font-size:50px;color:var(--primary-color);font-weight:bold;line-height:1; }
.bar { width:100%;height:14px;background:#ddd;border-radius:20px;overflow:hidden; }
.bar span { display:block;height:100%;background:var(--primary-color);border-radius:20px; }
.right-box-content h4 { font-size:34px; color:var(--primary-color);font-weight:bold;margin-bottom:0; }

.motivation-section { padding:20px 0;}
.you-right-place-content.great { margin-bottom:20px; }
.important-reminder-content { border: 2px solid #FEDFA4;margin-bottom: 20px;background: #FEF8E8;display: flex;
    gap: 25px;border-radius: 8px;padding: 20px; }
.important-reminder-content img { width:100px; }

.up-next-section {  border:1px solid #DEE7EE;padding:20px 30px;border-radius: 8px;margin-bottom:15px; }
.up-next-content { display:flex;justify-content: space-between;border-radius:8px;align-items: center; }
.up-next-text { display:flex;gap:25px;border-radius:8px;align-items: center; }
.up-next-section .sf-section-title img { padding-right:8px;width: 40px;height: 40px; }
.up-next-img img { width:100px; }
.up-keep-jov-title p { max-width: 750px;margin-bottom: 0px; }
.up-keep-jov-title h3 { font-size:24px;margin-bottom:5px; }

.weekly-progress-section {  border:1px solid #DEE7EE;padding:20px 30px;border-radius: 8px;margin-bottom:15px; }
.progress-list { border:1px solid #e5e7eb;border-radius:8px; overflow:hidden; }
.progress-item{ display:flex;align-items:center;justify-content:space-between;
    gap:20px; padding:18px 20px; border-bottom:1px solid #edf0f5; }
.progress-item:last-child { border-bottom:none; }
.left-section{  display:flex; align-items: center; gap:15px; flex:1; }
.icon{ width:40px;height:40px;display:flex; }
.progress-icon { background:#0d47a1;  color:#fff;width:35px; height:35px;min-width:26px;border-radius:50%;display:flex;align-items:center;
    justify-content:center;font-size:14px;font-weight:bold; } 
.pending-icon{ border:2px solid #c7ccd6;background:#fff;width:35px; height:35px;border-radius:50%; }
.text h3{ font-size:18px;color:#111827;margin-bottom:4px;font-weight:600; }

.right-section{ display:flex;align-items:center;gap:30px; }
.status { font-size:15px;font-weight:600;padding:8px 15px;border-radius:8px;text-transform:uppercase; }
.inprogress { background:#e8f0ff; color:#0d47a1; }
.notstarted { background:#f1f3f5; color:#6b7280; }
.arrow { font-size:25px;color:#9ca3af; cursor:pointer; }
.completed {  background:#E9F3EB;color:#469351; }
.weekly-progress-header .sf-section-title img { padding-right:5px; }
.weekly-progress-header p { padding-left:35px; }
.weekly-progress-header h2 { margin-bottom:5px; }

.workshop-info { display:flex;align-items:center;gap:15px;flex-wrap:wrap; }
.workshop-info img { width:23px;height:23px; object-fit:contain; }
.workshop-info .imp-location{ display:flex;align-items:center;gap:8px; }
.important-reminder-content .time-border { border-right:2px solid #DEE7EE;padding-right: 15px; }
.important-reminder-content p.important-text { margin-bottom:5px; }
.motivation-box, .next-box,
.reminder-box{ background:#fff; padding:25px;border-radius:10px;margin-top:20px;border:1px solid #DEE7EE; }
.weekly-progress{ margin-top:30px; }
.weekly-progress h2{  color:var(--primary-color); }
.continue-btn a { display: inline-flex;align-items: center;justify-content: center;gap: 8px;width: 100%;padding: 10px 20px;
    font-size: 20px;font-weight: 500;line-height: 1;text-transform: uppercase;text-decoration: none;
    color: #fff;background-color: var(--primary-color);border: 1px solid var(--primary-color);border-radius: 8px;transition: all 0.3s ease;  }
.continue-btn a:hover { background-color: #fff;color: var(--primary-color);border-color: var(--primary-color); }

.week-row { background:#fff;padding:18px 25px;border:1px solid #e5e5e5;display:flex;
    justify-content:space-between;margin-bottom:8px;border-radius:6px; }
.week-row label { padding:6px 12px;border-radius:20px;font-size:13px; font-weight:700; }
.completed label{ background:#e6f7ea; color:#2a8b42; }
.progress label{ background:#e4eeff; color:var(--primary-color); }
.pending label{ background:#efefef;color:#777; }
.next-box{ display:flex; justify-content:space-between; align-items:center; }

/** elevator css **/

.my-pitch-title {display:flex;flex-direction:row;gap:10px;align-items:flex-start;}
.dashboard-heading h1 {color:var(--text-color);font-size:36px;margin-bottom:5px;}
.goal-box strong {color:#2155d6;}
.goal-box p {margin-bottom:0;font-size:16px;line-height: 1.5; }
.goal-box { border:2px solid #EEEFF5;margin-bottom:20px;border-radius:8px;padding:13px 15px;background:#fff;display: flex;
    gap: 15px; }
.elevator-dashboard-card ul{list-style:none;padding-left:0;}
.elevator-dashboard-card ul li{position:relative;padding-left:28px;margin-bottom:10px;}
.elevator-dashboard-card ul li::before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;
    background:url('../images/elevator-right-icon.svg') no-repeat center;background-size:contain;}
.elevator-dashboard-card p {line-height:1.4;font-size:16px;}
.elevator-dashboard-card h3 {font-size:19px;line-height:1.2;font-weight:700;color:#2155d6;margin-bottom:10px;display: flex;gap: 5px; }
.elevator-dashboard-card {background:#fff;border:1px solid #dde3ef;border-radius:18px;padding:16px;margin-bottom:24px;}
.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;}
.video-grid img{width:100%;border-radius:12px;display:block;margin-bottom:10px;}
.elevator-dashboard-card a {color:#2155d6;}
.video-item span {display:block;font-size:14px;font-weight:600;}
.video-item a { position: relative;display: block; }
.video-thumb{ position:relative; display:block;border-radius:12px;overflow:hidden; }
.video-thumb img{ width:100%; border-radius:12px; display:block; margin-bottom:10px; }
.play-icon{  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index: 2;pointer-events:none; }
.play-icon img {  width:45px; height:45px; }


.script-box {border:1px solid #dbe2f0;border-radius:14px;overflow:hidden;margin-top:20px;}
.toolbar {padding:12px 15px;border-bottom:1px solid #dbe2f0;display:flex;gap:15px;}
.toolbar button[data-command="bold"] { font-weight: 700; }
.toolbar button[data-command="italic"] { font-style: italic;font-weight: 600;text-transform: uppercase;font-family: monospace; }
.toolbar button { background:none;border:none; }

.script-content {padding:18px;}
.character-count {padding:10px 15px;text-align:right;font-size:13px;color:#6b7280;}
.outline-btn { border:1px solid #2155d6;border-radius:10px;padding:9px 15px;display:inline-block;text-decoration:none;font-weight:600;
background:transparent;color:#2155D6; }
.video-preview {height:220px;background:#eef2ff;border-radius:14px;margin:20px 0;}
.practice-table {width:100%;border-collapse:separate; border-spacing:0 12px; }
.practice-table thead th { font-size:14px; color:#666; text-align:left; padding:10px 15px; }
.practice-table tbody td{ padding:14px 10px;  vertical-align:middle; }

.video-cell .video-info { display:flex;align-items:center;  gap:10px; }
.badge { background:#e6f7ff; color:#007bff; font-size:11px; padding:2px 6px; border-radius:6px;margin-left:6px; }
.actions a { display: flex;gap: 5px;font-size: 12px;text-decoration: none;
    border: 1px solid #EEEFF5;border-radius: 5px;margin-bottom: 5px;padding: 5px; }
.view-all { color:#2b6cff; font-weight:500;text-decoration:none; }
.practice-table thead th { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;background: #F2F5FA; }
span.practiceplay-icon { background: #000;padding: 7px; border-radius: 5px; }
button.delete-btn ,button.watch-btn { display: flex; gap: 5px; font-size: 12px; text-decoration: none; border: 1px solid #EEEFF5; 
    border-radius: 5px; margin-bottom: 5px; padding: 5px;background: none; }
.keep-practicing-bar { background-color: #f0f7ff;border-radius: 8px;padding: 15px 25px;display: flex;
    align-items: center;margin: 20px 0px;justify-content:center; }

button.delete-btn { color:#FF0000; }
button.watch-btn { color: #2155d6; }

.keep-practicing-bar img {  margin-right: 10px; }
.keep-practicing-bar p { margin: 0;color: #000;font-size: 16px; }
.keep-practicing-bar p strong {  color: #0056b3;  margin-right: 5px; }
.reflect-inline { display: flex;align-items: center;gap:5px; }
.reflect-group {margin-bottom:15px;}
.reflect-group label {display:block;margin-bottom:8px;font-size:14px;font-weight:600;}
.reflect-group input {width:100%;height:48px;border:1px solid #dbe2f0;border-radius:10px;padding:0 15px;}
.title-flex,.coach-title {display:flex;justify-content:space-between;gap:10px;margin-bottom:10px;}
.step-badge {background:#e9f8eb;color:#2f855a;padding:5px 10px;border-radius:10px;font-size:12px;font-weight:600;max-width: fit-content; }
.coach-badge {background:#e9f8eb;color:#2f855a;padding:5px 10px;border-radius:10px;font-size:12px;font-weight:600;max-width: fit-content; }
.coach-grid {display:grid;grid-template-columns:1fr 1fr;gap:15px;}
.feedback-box {border:1px solid #dbe2f0;border-radius:12px;padding:15px;}
.progress-wrapper {position:relative;display:flex;justify-content:space-between;margin-top:25px;}
.progress-line {position:absolute;top:18px;left:0;width:100%;height:2px;background:#dbe2f0;}
.progress-step {position:relative;z-index:2;text-align:center;}
.step-circle {width:36px;height:36px;border-radius:50%;background:#d1d5db;color:#fff;display:flex;align-items:center;justify-content:center;
    margin:0 auto 8px;font-size:14px;font-weight:700;}
.step-circle.active {background:#2155d6;}
.progress-step span {font-size:13px;display:block;}
.dashboard-heading p { margin-bottom:0px; }
.feedback-box.no-video h5 { color:#000;font-size:16px; }
.feedback-box.no-video { text-align: center; }
.feedback-box.no-video img { margin: 0px auto;background: #F2F5FA;padding: 10px;border-radius: 20px; }
.feedback-box.no-video span { margin-bottom:10px; }

.feedback-box { border:1px solid #dbe2f0;border-radius:12px;padding:18px; }
.feedback-box h6 { font-size:16px; font-weight:700; margin-bottom:18px; }
.feedback-item { display:flex;gap:12px;align-items:flex-start;margin-bottom:18px; }
.feedback-item:last-child {  margin-bottom:0; }
.feedback-icon { width:36px;min-width:36px; }
.feedback-icon img { width:100%;display:block; }
.feedback-content h5 { font-size:15px; line-height:1.3; margin-bottom:5px;font-weight:700; }
.feedback-content p { font-size:14px;line-height:1.5; margin-bottom:0;  }
.recorded-date {margin-top:15px;font-size:14px; display: flex;justify-content: space-between; align-items: center; }
.recorded-date span { color:var(--primary-color);font-weight:600; }
span.coach-feedback-tag { display: flex; gap: 5px; align-items: center; margin-top: 10px; }
.video-close {  position: absolute; top: 12px;right: 12px;z-index: 10000;
    width: 42px;height: 42px;border-radius: 50%;background: rgba(0, 0, 0, 0.7);
    color: #fff;font-size: 22px;line-height: 42px;text-align: center;border: none;cursor: pointer; }
.elevator-container { margin-top:15px; }
button#stepforward-save-script { margin-bottom: 20px; }

.elevator-container .stepforward-recorder-preview,
.elevator-container .video-preview { overflow: hidden; }
.elevator-container .stepforward-recorder-preview video,.elevator-container .video-preview video,
.elevator-container .feedback-box video { display: block; width: 100%; max-width: 100%;
    height: auto;aspect-ratio: 16 / 9;object-fit: cover;border-radius: 10px; }
.elevator-container .stepforward-recorder-preview video[hidden] { display: none; }
.elevator-container #stepforward-discard-recording { border: 0; background: transparent; cursor: pointer; }
.elevator-container .progress-step .step-circle.completed { font-size: 0;background: #14A85F; color: #fff;position: relative; }
.elevator-container .progress-step .step-circle.completed::after { content: "✓"; font-size: 18px; line-height: 1; }
.elevator-container .stepforward-status { display: block; margin-top: 10px; }
.stepforward-confirm-overlay { position: fixed;inset: 0;z-index: 99999;display: flex;align-items: center;
    justify-content: center;padding: 24px;background: rgba(12, 24, 48, 0.52);backdrop-filter: blur(4px); }
.stepforward-confirm-card { width: min(420px, 100%);border-radius: 18px;
    background: #fff;box-shadow: 0 24px 70px rgba(10, 31, 68, 0.28); padding: 26px; text-align: left; }
.stepforward-confirm-card h4 { margin: 0 0 8px;color: #123F91;font-size: 24px; font-weight: 800; }
.stepforward-confirm-card p { margin: 0 0 22px; color: #27364A; font-size: 16px;line-height: 1.45; }
.stepforward-confirm-actions { display: flex; gap: 12px; justify-content: flex-end; }
.stepforward-confirm-actions button { border-radius: 999px;padding: 10px 18px;font-weight: 800;cursor: pointer; }
.stepforward-confirm-cancel { border: 1px solid #B9C7DC; background: #fff; color: #123F91; }
.stepforward-confirm-delete {  border: 1px solid #D93025;background: #D93025;color: #fff; }
.actions img { width:13px; }


/** responsive **/

@media(max-width: 1023px){
/*menu*/
.mob-menu { display:block; background:url(../images/mob-icon.png) center center no-repeat; padding:10px 12px; color:#000; border-radius:0px; cursor:pointer; text-align:left; 
font-size: 0; line-height: 0; width: 40px; height: 30px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); }
.header-right { position: absolute; top: 100%; right: 0px; text-align: left; z-index: 9; display: none; 
background: var(--black-color); width: 100%; max-width: 500px; box-shadow: 0px 10px 10px rgba(0,0,0,0.1); }
.nav-container ul li.active a::before { display: none; }
.nav-container ul { margin:0px; padding:0px 0px; width: 100%; }
.nav-container ul li { display:block; padding:0px 0px; margin:0px; font-size:16px; width:100%; background:var(--blue01-color); margin:0px !important; }
.nav-container ul li a { border-radius:0px; padding:12px 20px; border-bottom:1px solid rgba(255,255,255,0.2); 
  color:#fff;background:var(--green-color); }
.nav-container ul li a:hover { color:var(--green-color);background:#FAFAFA; }
.nav-container ul li a.parent::after { display: none; }
.nav-container ul li .sub-menu { padding:0px; display:none; position:static; width:100%; }
.nav-container ul li .sub-menu li a { padding:10px 0px 10px 32px; }
.nav-container .nav-icon { position: absolute;  right: 0px; top: 0px; width: 45px;  height: 48px; background-repeat: no-repeat; cursor:pointer; z-index:99;}
.nav-container .nav-icon.open {  background: url(../images/menu-plus.png) center center no-repeat; }
.nav-container .nav-icon.close {  background: url(../images/menu-minus.png) center center no-repeat; opacity:1; }
.nav-container li .sub-menu li { border-bottom:0px; padding:0px; background:#111; border-radius: 0; } 
.nav-container li .sub-menu li a { padding-bottom:8px; }
.nav-container .menu-main-menu-container { display:none; text-align:left;  }
.header-right-btn ul { flex-direction: column; padding: 15px 20px 20px; gap:15px; }
.header-right-btn ul li .login { display: block; padding: 4px 0; color: #fff; width: auto; }
.header-right-btn ul li { width: 100%; }
.header-right-btn ul li a { text-align: center; justify-content: center; width: 100%; }
.header-right-btn { min-width: 50px;background: var(--background-verde, linear-gradient(166deg, #ECF8F2 0%, #E6E6E6 99.32%)); }
.nav-container ul li.current-menu-item > a,
.nav-container ul li.current_page_item > a,
.nav-container ul li.current-menu-parent > a,
.nav-container ul li.active > a { color:var(--green-color); background:#FAFAFA; }
}

@media (max-width:991px){
.progress-col{ border-right:none; border-bottom:1px solid #DEE7EE; margin-bottom:0px; padding-bottom:5px; }
.left-box,.center-box,.right-box{ margin-bottom:0; }
}

@media(min-width: 1024px) and (max-width: 1279px) {
.header-left { min-width: 250px; }  
h1 { font-size: 36px; }
h2 { font-size: 32px; }
h3 { font-size: 22px; }
.steps-grid { flex-wrap: nowrap; }
.content p br { display:none; }
.step-item { flex-direction: column; }
.right-box h4 { font-size: 30px; }
.up-next-content { flex-direction: column;align-items: flex-start; }
.up-next-text { margin-bottom:15px; }
.elevator-container .col-md-4 ,.elevator-container .col-md-8 { width:100%; }
.goal-box { margin-bottom: 10px;margin-top: 15px; }

}    

@media(min-width: 768px) and (max-width: 1023px) { 
body { font-size: 16px; line-height: 1.5; }
p { line-height: 1.8; }
h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 20px; }
.you-right-place-content ,.see-orientation-content,.step-forward-info { display:block; }
.you-right-place-content img ,.step-forward-info img ,.see-orientation-content img { margin-bottom:15px; }
.steps-grid { flex-wrap: nowrap; }
.content p br { display:none; }
.step-item { flex-direction: column; }
.progress-card { flex-direction: column;gap: 20px; }
.left-box  ,.center-box,.right-box  { width:100%;gap: 30px; }
.left-box img ,.center-box img ,.right-box img { width:60px; }
.up-next-content { flex-direction: column;align-items: flex-start; }
.up-next-text { margin-bottom:15px; }

.pitch-icon { margin-top:15px; }
.goal-box { margin-bottom: 10px;margin-top: 15px; }
.dashboard-heading h1 { font-size: 32px; }
.elevator-container .col-md-4 ,.elevator-container .col-md-8 { width:100%; }
.goal-box { margin-bottom: 10px;margin-top: 15px; }


}

@media(max-width:767px){
.container { padding-left:15px;padding-right:15px; }
.header-left img { width:60%; }
body { font-size: 15px; line-height: 1.5; }
h1 { font-size:30px; }
p { line-height: 1.6; }
h2 { font-size: 24px; }
h3 { font-size: 23px; }

.you-right-place-content ,.see-orientation-content,.step-forward-info { display:block; }
.you-right-place-content img ,.step-forward-info img ,.see-orientation-content img { margin-bottom:15px; }
.right-place-text h2 { font-size: 24px; }
.step-item { flex-direction: column; }
.step-item:not(:last-child) { border-right:none; }
.content h3 { max-width:100%; }
.progress-card { flex-direction: column;padding:0px; }
.left-box ,.center-box,.right-box { width:100%;padding: 20px;display: block; }
.left-box img ,.center-box img,.right-box img { width: 60px;  }
.progress-item ,.left-section,.up-next-content,.up-next-text  { flex-direction: column;align-items: flex-start; }
.up-keep-jov-title p { margin-bottom: 15px; }
.important-reminder-content { flex-direction: column; }
.progress-form .gform_page_footer { flex-direction: column;gap: 15px; }
.progress-form .gform_wrapper.gravity-theme .gform_page_footer input+input { margin-left:0px !important; }
.progress-form .gform_page_footer input[type="submit"].gform_button { padding:10px 132px; }
.coach-grid{grid-template-columns:1fr;}
.video-grid{grid-template-columns:1fr;}
.progress-wrapper{flex-wrap:wrap;gap:20px;}
.dashboard-heading h1 { font-size:30px; }
.pitch-icon { margin-top:15px; }
.goal-box { margin-bottom: 10px;margin-top: 15px; }
.video-item h6 { margin: 18px 0px 10px 0px; }
.watch-all { margin-top:15px; }
.elevator-dashboard-card h3 { gap: 6px;align-items: center; }
.reflect-group .gform_wrapper.gravity-theme .gform_footer { padding: 16px 0px 0px 0px; }
.gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) { line-height:normal !important;}
.elevator-dashboard-card { margin-bottom: 20px; }
.reflect-inline { flex-direction: column;align-items:normal; }
.title-flex, .coach-title { flex-direction: column; }

.practice-table {  display: block; }
.practice-table tbody { display: flex; flex-direction: column; gap: 12px; }
.practice-table tr { display: flex;border: 1px solid #eee; border-radius: 12px;padding: 10px; }
.practice-table td { display: block; width: 100%; }
.video-cell .video-info { flex-direction: column;  }
.practice-table thead th { padding: 10px 20px; }
.practice-table { font-size:12px; }
.badge { margin-left:0px;margin-top:7px; }


}
@media(max-width:414px) {

.practice-table thead th {  padding: 10px 17px;  }
.practice-table { font-size:12px; }
}
@media(max-width:390px) {
.practice-table thead th { padding: 10px 14px; }
}

@media( max-width:375px) {
.practice-table thead th { padding: 10px 12px; }
.practice-table { font-size:12px; }
}

@media (max-width: 360px) { 
.header .logo img { width:230px; }
.progress-form .gform_page_footer input[type="button"].gform_next_button, 
.progress-form .gform_page_footer input[type="button"].gform_previous_button { padding:10px 80px; }
.progress-form .gform_page_footer input[type="submit"].gform_button { padding:10px 93px;}

.practice-table thead th { padding: 10px 10px; }

}