/* General Styles */
body {
  font-family: 'Arial', sans-serif;
  margin: 0;
  padding: 0;
  color: #333;
  line-height: 1.6;
}

h1, h2, h3 {
  font-family: 'Georgia', serif;
  font-weight: bold;
}

a {
  text-decoration: none;
  color: inherit;
}

.btn-primary, .btn-secondary {
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  margin: 10px;
}

.btn-primary {
  background-color: #8DC63F; /* Romer Green Apple */
  color: #fff;
}

.btn-secondary {
  background-color: #F7941E; /* Romer Tangerine */
  color: #fff;
}

/* Header Section */
.header {
  background-color: #8DC63F; /* Romer Green Apple */
  color: #fff;
  padding: 20px;
  text-align: center;
}

.header .logo img {
  width: 150px;
}

.header .tagline {
  font-size: 18px;
  margin-top: 10px;
}

.header .cta h1 {
  font-size: 32px;
  margin: 20px 0;
}

.header .cta p {
  font-size: 18px;
  margin-bottom: 20px;
}

/* Why This Matters Section */
.why-matters {
  background-color: #fff;
  padding: 20px;
  text-align: center;
}

.why-matters h2 {
  color: #F7941E; /* Romer Tangerine */
}

.why-matters ul {
  list-style-type: none;
  padding: 0;
}

.why-matters ul li {
  margin: 10px 0;
}

/* About the Course Section */
.about-course {
  background-color: #00AEEF; /* Romer Blue */
  color: #fff;
  padding: 20px;
  text-align: center;
}

.about-course h2 {
  color: #fff;
}

.about-course ul {
  list-style-type: none;
  padding: 0;
}

.about-course ul li {
  margin: 10px 0;
}

/* Why This Course Stands Out Section */
.course-stands-out {
  background-color: #F15A29; /* Romer Fire */
  color: #fff;
  padding: 20px;
  text-align: center;
}

.course-stands-out h2 {
  color: #fff;
}

.course-stands-out .features {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.course-stands-out .feature {
  width: 200px;
  margin: 10px;
}

/* Email Campaign Widgets */
.email-widgets {
  background-color: #B3B3B3; /* Romer Grey */
  padding: 20px;
  text-align: center;
}

.email-widgets h2 {
  color: #333;
}

.email-widgets .widget {
  background-color: #fff;
  padding: 20px;
  margin: 10px;
  border-radius: 5px;
}

.email-widgets .widget h3 {
  color: #F7941E; /* Romer Tangerine */
}

/* Call-to-Action Section */
.cta-section {
  background-color: #EF4136; /* Romer Red */
  color: #fff;
  padding: 20px;
  text-align: center;
}

.cta-section h2 {
  color: #fff;
}

/* Footer Section */
.footer {
  background-color: #BE1E2D; /* Romer Raspberry */
  color: #fff;
  padding: 20px;
  text-align: center;
}

.footer .contact-info a {
  color: #fff;
}

.footer .social-media a {
  margin: 0 10px;
  color: #fff;
}

:root {
            --green: #8EC641;
            --orange: #F7941E;
            --red: #EF4136;
            --blue: #00AEEF;
            --dark: #333;
            --red2: #BE2230;
            --orange: #F79522;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', system-ui, sans-serif;
        }

        body {
            background: #333;
            line-height: 1.6;
        }

        header {
          max-width: 1200px;
          position: relative;
          margin: 0 auto;
          text-align: center !important;
          padding: 2rem;
        }

        img.main_visual {
          padding: 0 !important;
          margin: -4rem 0rem 0 0rem !important;
          width: 110%;
          left: -2rem;
          position: relative;
        }

        .hero {
            background: linear-gradient(135deg, var(--red2) 0%, var(--orange) 100%);
            color: white;
            padding: 4rem 2rem;
            position: relative;
            overflow: hidden;
            max-width: 1200px;
            position: relative;
            margin: 0 auto;
            box-shadow: 2px 2px 15px #222;
        }

        .hero::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.1);
        }

        /*.nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 4rem;
            position: relative;
            z-index: 2;
        }*/

        .logo {
            width: 350px;
            /*filter: brightness(0) invert(1);*/
        }

        .hero-content {
            max-width: 1200px;
            margin: 0 auto;
            text-align: center;
            position: relative;
            z-index: 2;
        }

        .hero h1 {
            font-size: 3.5rem;
            margin-bottom: 1.5rem;
            font-weight: 700;
            letter-spacing: -1px;
        }

        .cta-buttons {
            display: flex;
            gap: 1rem;
            justify-content: center;
            margin-top: 2rem;
        }

        .btn {
            padding: 1rem 2rem;
            border-radius: 50px;
            font-weight: 600;
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .btn-primary {
            background: var(--green);
            color: white;
            border: 2px solid var(--green);
        }

        .btn-secondary {
            background: transparent;
            color: white;
            border: 2px solid rgba(255,255,255,0.3);
        }

        .btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
        }

        .features {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
            padding: 4rem 2rem;
            background: #e5e5e5;
            max-width: 1200px;
            margin: 0 auto;
            top: -20px;
            position: relative;
            box-shadow: 2px 2px 15px #222;
        }

        .feature-card {
            background: white;
            padding: 2rem;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.08);
            transition: transform 0.3s ease;
        }

        .feature-card:hover {
            transform: translateY(-5px);
        }

        .feature-icon {
            font-size: 2.5rem;
            color: var(--green);
            margin-bottom: 1rem;
        }

        .accred {
          background: #fff;
          max-width: 1200px;
          padding: 2rem;
          margin: 0 auto;
          position: relative;
          top: -20px;
          box-shadow: 2px 2px 15px #222;
        }

        .accred img {
          width: 95%;
        }

        .stats {
            background: var(--dark);
            color: white;
            padding: 4rem 2rem 0rem 2rem;
            text-align: center;
        }

        .stat-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 2rem;
            max-width: 1200px;
            margin: 0 auto;
        }

        .stat-item {
            padding: 2rem;
            background: rgba(255,255,255,0.1);
            border-radius: 10px;
        }

        .social-links p {
          margin-bottom: 20px;
        }

        .social-links span.item:hover {
          color: var(--orange);
          transition-duration: 0.2s;
        }

        .social-links span.item {
          transition-duration: 0.2s;
        }

        span.divider {
          padding: 0 1rem;
        }

        p.copy {
          font-size: smaller;
          font-style: italic;
          opacity: 0.6;
        }
        .email-widgets {
            padding: 4rem 2rem;
            background: #f8f9fa;
        }

        .widget-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
            max-width: 1200px;
            margin: 0 auto;
        }

        .widget {
            background: white;
            padding: 2rem;
            border-radius: 15px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            border-left: 4px solid var(--orange);
        }

        h1 {
          font-size: 22px !important;
        }

        h1.tanned {
          font-size: 32px !important;
          background: #FCEABB;
          background: linear-gradient(to right, #FCEABB 20%, #FCCD4D 68%, #F5F5F5 12%, #FCCD4D 58%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          }

        h2.big {
          font-size: 20px !important;
          max-width: 700px;
          margin: 0 auto;
        }

        footer {
            background: var(--dark);
            color: white;
            padding: 4rem 2rem;
            text-align: center;
        }

        @media (max-width: 768px) {
            .hero h1 {
                font-size: 2.5rem;
            }
            
            .cta-buttons {
                flex-direction: column;
            }
        }

:root { --themeColor      : #4190f2; --clr-df-dark      : #000000; --dark-blue        : #425769; --ziaCardBg        : #ffffff; --ziaCardSepClr      : #efefef; --ziaCardBrClr     : #dbdbdb; --ziaTitleClr      : #2F3B49; --ziaBtnBg       : var(--dark-blue); --ziaDescClr      : #6f6f6f; --ziaInfoTxtClr1     : #4c4c4c; --headerGrad1      : #f1f3f5; --secBrLight     : #d5d5d5; --delugeBtnClr     : #313131; --svgIconClr1           : #555574;--menuItemPaddingTB     : 6px; --menuItemPaddingLR     : 10px; --menuBg                : #FFFFFF; --menuBrClr             : #d2d2d2; --menuPaddingTB         : 5px; --menuPaddingLR         : 0; --bdrRadius             : 2px; --menuActiveBg          : #d7e9ff;} .darkMode { --themeColor     : #4172C4; --clr-df-dark      : #A9A9A9; --dark-blue        : #677788; --ziaCardBg        : #23282E; --ziaCardSepClr      : #485057; --ziaCardBrClr     : #181C20; --ziaTitleClr      : var(--clr-df-dark); --ziaBtnBg        : var(--themeColor); --ziaDescClr     : var(--clr-df-dark); --ziaInfoTxtClr1      : #4c4c4c; --headerGrad1      : #0A0B0B; --secBrLight     : var(--ziaCardSepClr); --delugeBtnClr      : var(--clr-df-dark); } .zwp-flex { display: flex; } .zwp-flex-hcenter { justify-content: center;  } .zwp-flex-vcenter { align-items: center; } .zwp-flex-center { justify-content: center; align-items: center; } .zwp-flex-1 { flex: 1; } .zwp-v5_9 .zwp-clearfix { clear: both; } .zwp-v5_9 .zwp-clearfix:after, .zwp-v5_9 .zwp-clearfix:before { content: " "; clear: both; display: table; } .zwp-v5_9 .zwp-ui-fl { float: left; } .zwp-v5_9 .zwp-ui-fr { float: right; } .zwp-v5_9 .zwp-ui-top-margin-medium { margin-top: 10px; } .zwp-v5_9 .zwp-ui-right-margin-small { margin-right: 5px; } .zwp-v5_9 .zwp-ui-bottom-margin-medium { margin-bottom: 10px; } .zwp-v5_9 .zwp-ui-left-margin-small { margin-left: 5px; } .zwp-v5_9 .zwp-ui-left-margin-medium { margin-left: 10px; } .zwp-v5_9 .zwp-ui-left-margin-dictionary { margin-left: 88px; } .zwp-v5_9 .zwp-ui-ms-pointer { cursor: pointer; } .zwp-v5_9 .zwp-ui-pos-rel { position: relative; } .zwp-v5_9 .zwp-zbutton__icon { width: 16px; height: 16px; display: block; position: relative; z-index: 1; } .zwp-v5_9 .zwp-ui-icon-more-sm { width: 16px; height: 16px; margin-left: 10px; } .zwp-v5_9 .zwp-ui-icon-more-sm:before { content: ""; width: 3px; height: 3px; position: absolute; top: 1px; right: 7px; border-radius: 50%; background-color: #9a9ea2; box-shadow: 0 5px 0 #9a9ea2, 0 10px 0 #9a9ea2; } .zwp-v5_9 .zwp-ui-icon-info { width: 9px; height: 9px; border-radius: 50%; position: relative; background-color: #9a9ea2; margin-top: 2px; } .zwp-v5_9 .zwp-ui-icon-info:before, .zwp-v5_9  .zwp-ui-icon-info:after { content: ""; background-color: #ffffff; position: absolute; width: 1px; left: 4px; } .zwp-v5_9 .zwp-ui-icon-info:before { height: 1px; border-radius: 50%; top: 2px; } .zwp-v5_9 .zwp-ui-icon-info:after { height: 3px; border-radius: 20%; top: 4px; } .zwp-v5_9 .zwp-ui-sg-card-ctrl { position: absolute; right: 10px; } .zwp-v5_9 .zwp-ui-sg-container { /* position: absolute; */ position: fixed; top: 158px; left: 395px; background: var(--ziaCardBg); padding: 10px 15px; font-family: 'Lato 2 regular',open_sans_regular,sans-serif !important; font-size: 17px; line-height: 22px; color: var(--clr-df-dark); border: 1px solid var(--ziaCardBrClr); border-radius: 4px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); z-index: 999; min-width: 315px; max-width: 350px; margin-top: 2px; transition: all 0.2s ease; box-sizing: border-box; } .zwp-v5_9 .zwp-ui-sg-container:before { content: ""; position: absolute; width: 1px; height: 100%; left: -1px; top: -1px; box-sizing: content-box; border: 1px solid transparent; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .zwp-v5_9 .zwp-ui-sg-container.zwp-ui-spl-card-container:before { background-color: #FF7272; } .zwp-v5_9 .zwp-ui-sg-container.zwp-ui-grm-sug-card-container:before { background-color: #0DB45F; } .zwp-v5_9 .zwp-ui-sg-container.zwp-ui-sty-sug-card-container:before { background-color: #FFB016; } .zwp-v5_9 .zwp-ui-sg-wrong-word { color: var(--clr-df-dark); position: relative; line-height: 18px; display: inline; text-decoration: line-through; text-decoration-color: red; cursor: pointer; } .zwp-v5_9 .zwp-ui-zia-sug-title, .zwp-v5_9 .zwp-ui-scrt-info, .zwp-v5_9 .zwp-ui-sg-wrong-word { font-family: 'Lato 2 medium' !important; font-size: 15px; line-height: 18px; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .zwp-v5_9 .zwp-ui-zia-arw-container { height: 18px; } .zwp-v5_9 .zwp-ui-zia-sug-arrow { width: 5px; height: 5px; position: relative; border-right: 1px solid; border-bottom: 1px solid; border-color: var(--dark-blue); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 8px; margin-left: 14px; margin-right: 14px; } .zwp-v5_9 .zwp-ui-zia-sug-arrow:before { content: ""; width: 10px; height: 13px; position: absolute; top: -10px; -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: -2px; border-left: 1px solid #435869; } .zwp-v5_9 .zwp-ui-scorrect-label { cursor: pointer; position: relative; clear: initial; line-height: 15px; } .zwp-v5_9 .zwp-ui-scrt-info, .zwp-v5_9 .zwp-ui-scrt-info span { color: #0DB45F; position: relative; cursor: pointer; line-height: 18px; box-shadow: 0 0 0 0 white inset, 0 -2px 0 0 transparent inset; transition: all .3s ease-in; } .zwp-v5_9 .zwp-ui-scrt-info:hover, .zwp-v5_9 .zwp-ui-scrt-info:hover span { transition: all .3s ease-out; box-shadow: 0 0 0 0 white inset, 0 -2px 0 0 #0DB45F inset; } .zwp-v5_9 .zwp-ui-sg-btn { display: block; font-family: 'Lato 2 medium', open_sans_semi_bold, sans-serif !important; font-size: 11px; line-height: 14px; text-transform: uppercase; color: var(--themeColor); cursor: pointer; margin-top: 2px; } .zwp-v5_9 .zwp-ui-sg-btn-cont { font-size: 12px; line-height: 16px; padding-top: 11px; padding-bottom: 3px; margin-top: 11px; border-top: 1px solid var(--secBrLight); } .zwp-v5_9 .zwp-ui-zia-report-txt { font-family: 'Lato 2 regular' !important; font-size: 11px; font-style: italic; color: var(--dark-blue); position: relative; } .zwp-v5_9 .zwp-ui-zia-report-txt i { text-decoration: underline; cursor: pointer; } [area-label]:hover:after { white-space: pre-line; content: attr(area-label); padding: 8px 10px; border-radius: 3px; position: absolute; top: 20px; right: 0; background: black; color: white; font-size: 13px; z-index: 1; max-width: 225px; width: max-content; } [area-label]:hover:before { content: " "; top: 15px; left: 45%; width: 0; height: 0; position: absolute; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid black; transform: translate(-50%); z-index: 1; } .zwp-v5_9 .zwp-ui-wg-unclear.zwp-ui-zia-info-txt{ margin-top: 0; padding-top: 0; border: 0; } .zwp-v5_9 .zwp-ui-zia-info-txt { font-family: 'Lato 2 semibold', open_sans_semi_bold, sans-serif !important; color: var(--ziaInfoTxtClr1); font-size: 14px; line-height: 18px; display: block; margin-top: 4px; padding-top: 13px; border-top: 1px solid var(--ziaCardSepClr); } .zwp-v5_9 .zwp-ui-zia-sug-discription { font-family: 'Lato 2 light', open_sans_light, sans-serif !important; font-weight: 300;          font-size: 13px; line-height: 17px; color: var(--ziaDescClr); margin-top: 6px; margin-bottom: 0; overflow: hidden; } .zwp-v5_9 .zwp-ui-zia-sug-discription i { font-family: 'Lato 2 semibold', open_sans_semi_bold, sans-serif !important; color: var(--delugeBtnClr); } .zwp-v5_9 .zwp-ui-shrink.zwp-ui-sg-container { min-width: 220px; max-width: 0; transition: all 0.2s ease; } .zwp-v5_9 .zwp-ui-addtodic { position: relative; } .zwp-v5_9 .zwp-ui-shrink .zwp-ui-rep-txt { display: none; } .zwp-v5_9 .zwp-ui-shrink .zwp-ui-zia-dict-container { position: relative; } .zwp-v5_9 .zwp-ui-zia-dict-container { display: flex; justify-content: flex-end; align-items: flex-end; } .zwp-v5_9 .zwp-ui-addtodic { display: flex; flex: 1; } .zwp-v5_9 .zwp-ui-shrink .zwp-ui-addtodic { float: left; } .zwp-v5_9 .zwp-ui-shrink .zwp-ui-sg-btn-cont { margin-top: 6px; } .zwp-v5_9 .zwp-ui-shrink.zwp-ui-sty-sug-card-container .zwp-ui-zia-sug-discription { display: none; } .zwp-v5_9 .zwp-ui-shrink.zwp-ui-sty-sug-card-container .zwp-ui-zia-info-txt { color: #BBBBBB; margin-top: 3px; margin-bottom: 5px; padding-top: 0; border-top: 0; } .zwp-v5_9 .zwp-ui-shrink.zwp-ui-grm-sug-card-container .zwp-ui-zia-sug-discription { display: none; } .zwp-v5_9 .zwp-ui-shrink.zwp-ui-grm-sug-card-container .zwp-ui-zia-info-txt { color: #BBBBBB; margin-top: 3px; margin-bottom: 5px; padding-top: 0; border-top: 0; } .zwp-v5_9 .zwp-pos-rel { position: relative; } .zwp-v5_9 .zwp-pos-fix { position: fixed; } .zwp-v5_9 .zwp-report-text-decoration { color: var(--themeColor); text-decoration: underline; } .zwp-v5_9 .zwp-card-container { position: fixed; z-index: 2147483647; } .zwp-v5_9 .zwp-spell-error,.zwp-v5_9 .zwp-grammar-error,.zwp-v5_9 .zwp-style-error { position: absolute; font-family: Arial !important; text-decoration: underline wavy; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5) translateZ(0); transform: scale(0.5) translateZ(0); transform-origin: left; overflow: hidden; font-size: 24px; white-space: pre; height: 24px; line-height: 0; margin-top: -11px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .zwp-v5_9 .zwp-spell-error:before,.zwp-v5_9 .zwp-grammar-error:before,.zwp-v5_9 .zwp-style-error:before { content: " "; position: absolute; font-family: Arial !important; top: 1px; width: 100%; height: 100%; text-decoration: underline wavy white; white-space: pre; z-index: -1; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .zwp-v5_9 .zwp-spell-error { color: #ff0013; } .zwp-v5_9 .zwp-grammar-error { color: #13af8c } .zwp-v5_9 .zwp-style-error { color: #ffb015 } .zwp-v5_9 .zwp-spell-error-highlight { position: absolute; } .zwp-v5_9 .zwp-spell-error-highlight.zwp-ui-active { background-color: rgba(255, 114, 114, 0.2); } .zwp-v5_9 .zwp-grammar-error-highlight { position: absolute; } .zwp-v5_9 .zwp-grammar-error-highlight.zwp-ui-active { background-color: rgba(22, 207, 166, 0.2); } .zwp-v5_9 .zwp-style-error-highlight { position: absolute; } .zwp-v5_9 .zwp-style-error-highlight.zwp-ui-active { background-color: rgba(246, 190, 80, 0.2); } .zbp-cursor-pointer { cursor: pointer; } .zbp-svg-icon { display: inline-block; vertical-align: middle; } .zwp-zia-icon { float: right; width: 25px; height: 25px;  background: var(--headerGrad1);  border-radius: 4px; text-align: center;  padding: 3px;  margin-top: -4px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; } .zbp-sugg-icon{ float: right; } .zwp-cust-tooltip { display: none; padding: 8px 10px; border-radius: 3px; position: absolute; top: 21px; right: -8px; background: black; color: white; font-size: 13px; z-index: 1; max-width: 300px; width: max-content; } .zwp-cust-tooltip:before { content: " "; top: -5px; right: 6px; width: 0; height: 0; position: absolute; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid black; transform: translate(-50%); z-index: 1; } .zwp-tooltip-hover:hover .zwp-cust-tooltip { display: block; } /* Since we are applying to content div, version class is not needed */ .zwp-content-div-text-color * { color: transparent !important; background: transparent !important; } .zwp-v5_9 .zwp-ui-show { display: block; } .zwp-v5_9 .zwp-ui-hide { display: none; } .zwp-v5_9 .zwp-proofing-grammar-space-error { border: 2px solid #ff7477; width: 3px; height: 7px; border-radius: 2px; display: inline-block; position: relative; top: 1px; margin-right: 1px; } @-moz-document url-prefix() { .zwp-v5_9 .zwp-spell-error,.zwp-v5_9 .zwp-grammar-error,.zwp-v5_9 .zwp-style-error { font-size: 22px } } @supports(-ms-ime-align:auto) { .zwp-v5_9 .zwp-spell-error,.zwp-v5_9 .zwp-grammar-error,.zwp-v5_9 .zwp-style-error { position: absolute; background: url(https://static.zohocdn.com/bluepencil-assets/images/common/svg/spell-error.c7b15150ad99ea6b75ba34eb0ef8bac0.svg) center repeat-x; background-size: 10px 10px; border-top: 2px solid red; margin-top: -8px; height: 26px; text-decoration: none !important; -ms-user-select: none; font-size: 0 } .zwp-v5_9 .zwp-spell-error:before,.zwp-v5_9 .zwp-grammar-error:before,.zwp-v5_9 .zwp-style-error:before { content: none } .zwp-v5_9 .zwp-grammar-error { background: url(https://static.zohocdn.com/bluepencil-assets/images/common/svg/grammar-error.fd24f6e2764793632b30d591d7090c96.svg) center repeat-x; background-size: 10px 10px; border-top: 2px solid green; margin-top: -8px; } .zwp-v5_9 .zwp-style-error { background: url(https://static.zohocdn.com/bluepencil-assets/images/common/svg/wq-error.7c4249156957cdcddb69d25bb55b7cc8.svg) center repeat-x; background-size: 10px 10px; border-top: 2px solid yellow; margin-top: -8px; } } _::-webkit-full-page-media,_:future,:root .zwp-spell-error { background: url(https://static.zohocdn.com/bluepencil-assets/images/common/svg/spell-error.c7b15150ad99ea6b75ba34eb0ef8bac0.svg) center repeat-x } _::-webkit-full-page-media,_:future,:root .zwp-grammar-error { background: url(https://static.zohocdn.com/bluepencil-assets/images/common/svg/grammar-error.fd24f6e2764793632b30d591d7090c96.svg) center repeat-x } _::-webkit-full-page-media,_:future,:root .zwp-style-error { background: url(https://static.zohocdn.com/bluepencil-assets/images/common/svg/wq-error.7c4249156957cdcddb69d25bb55b7cc8.svg) center repeat-x } _::-webkit-full-page-media,_:future,:root .zwp-spell-error,_::-webkit-full-page-media,_:future,:root .zwp-grammar-error,_::-webkit-full-page-media,_:future,:root .zwp-style-error { position: absolute; background-size: 10px 10px; height: 28px } @media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) { .zwp-v5_9 .zwp-spell-error,.zwp-v5_9 .zwp-grammar-error,.zwp-v5_9 .zwp-style-error { position: absolute; height: 26px; text-decoration: none !important; -ms-user-select: none; font-size: 0 } .zwp-v5_9 .zwp-spell-error:before,.zwp-v5_9 .zwp-grammar-error:before,.zwp-v5_9 .zwp-style-error:before { content: none } .zwp-v5_9 .zwp-spell-error { background: url(https://static.zohocdn.com/bluepencil-assets/images/common/svg/spell-error.c7b15150ad99ea6b75ba34eb0ef8bac0.svg) center repeat-x; background-size: 10px 10px } .zwp-v5_9 .zwp-grammar-error { background: url(https://static.zohocdn.com/bluepencil-assets/images/common/svg/grammar-error.fd24f6e2764793632b30d591d7090c96.svg) center repeat-x; background-size: 10px 10px } .zwp-v5_9 .zwp-style-error { background: url(https://static.zohocdn.com/bluepencil-assets/images/common/svg/wq-error.7c4249156957cdcddb69d25bb55b7cc8.svg) center repeat-x; background-size: 10px 10px } } .zwp-scrt-more-btn {display: inline-block;position: relative;top: 4px;visibility: hidden;cursor: pointer;} .ui-bp-more-menu {left : 50px;top : 27px;border: 1px solid var(--menuBrClr);padding: var(--menuPaddingTB) var(--menuPaddingLR);margin: 0;width: auto;display: inline-block;background: var(--menuBg);position: absolute;z-index: 99999;box-sizing: border-box;outline: 0;line-height: normal;box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);border-radius: var(--bdrRadius) var(--bdrRadius) var(--bdrRadius) var(--bdrRadius);width: auto;visibility: hidden;position: absolute;min-width: 150px;max-width: 350px;font-size: 14px;} .ui-bp-more-menu-arrow-up {width: 0;height: 0;position: absolute;top: -7px;left: 10px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 6px solid var(--menuBrClr);} .ui-bp-more-menu-arrow-up-inside {position: relative;left: -5px;top: 1px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 6px solid var(--menuBg);} .ui-bp-more-menuitem {padding: var(--menuItemPaddingTB) var(--menuItemPaddingLR) var(--menuItemPaddingTB) var(--menuItemPaddingLR);list-style: none;cursor: pointer;position: relative;box-sizing: border-box;background: var(--menuBg);} .ui-bp-more-menuitem:hover {background: var(--menuActiveBg);}.zwp-ui-scorrect-label:hover .zwp-scrt-more-btn, .zwp-scrt-sugg-txt:hover .zwp-scrt-more-btn, .zwp-scrt-more-btn.is-active  {visibility: visible;} .ui-icon-hmoreoptions3-sm { width: 16px; height: 16px; transform: rotate(90deg); } .ui-icon-hmoreoptions3-sm:before { content: ""; width: 3px; height: 3px; position: absolute; top: 0; left: 6px; border-radius: 50%; background-color: var(--themeColor); color: var(--themeColor); box-shadow: 0 6px 0, 0 12px 0; }