body {
    box-sizing: border-box;
   }
   .tool_main > * {
       font-family: "Sun Life New Text Regular", "Helvetica Neue", "Calibri", "sans-serif" !important;
   }
   
   h4 {
       font-family: "Sun Life New Text Regular", "Helvetica Neue", "Calibri", "sans-serif" !important;
   }
   
   .tool_main .large-icon-inner-wrapper > .slf-yellow-circle {
       background: linear-gradient(#ffdd00, #eaab00);
       height: 80px;
       width: 80px;
       border-radius: 50%;
   }
   
   .tool_main .large-icon-inner-wrapper > .slf-blue-circle {
       background: linear-gradient(#004c6c, #003946);
       height: 80px;
       width: 80px;
       border-radius: 50%;
   }
   
   .tool_main .form-input .years-old, .popup_main .form-input .years-old {
       top: 7px;
       right: 7px;
   }
   
   .tool_main .form-input .dollar-sign, .popup_main .form-input .dollar-sign {
       top: 7px;
   }
   
   .popup_main #error-message-popup .content, #disclaimer-popup .container .content {
     padding: 35px 0 !important;
     margin-top: 0 !important;
   }
   
   .popup_main .popup-container .popup {
       position: relative !important;
   }
   
   .slf-blue-button {
    opacity: 1 !important;
   }
   
   .popup_main #error-message-popup .title {
     position: relative;
   }
   
   .height-350 {
       height: 350px !important;
   }
   
   .pxy-30{
       padding: 30px;
   }
   
   #tool_header {
       margin-bottom: -38px;
   }
   
   .tool_main .form-input .dollar-sign {
       top: 8px !important;
   }
   
   .tool_main .form-input input.age {
       text-align: center !important;
   }
   
   .popup_main .popup-container .popup .content {
       padding: 35px !important;
   }
   
   .p_35 {
       padding:35px !important;
   }
   
   .py-35 {
       padding:35px 0 !important;
   }
   
   .px-35 {
       padding:0 35px !important;
   }
   
   
   .sr-only {
       position: absolute;
       width: 1px;
       height: 1px;
       padding: 0;
       margin: -1px;
       overflow: hidden;
       clip: rect(0,0,0,0);
       border: 0;
   }
   
   
   .px-12 {
       padding: 0 12px !important;
   }
   
   .popup_main .popup-container .popup .content a.slf-blue-button, 
   .popup_main .popup-container .popup .content a.slf-yellow-button {
       line-height: 48px !important;
   }
   
   .risk-chart-div .risk-chart .risk-level-title {
       color: inherit;
   }

   .retirement-add-input-div button,
   .more-detail-btn button {
        color: #000 !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
    }
       
   @media (max-width: 575.98px) {
   
       .sm-margin-x-32 {
           margin: auto 32px;
       }
       .js-btn-calculate {
           text-align: center;
       }
       #tool_header {
           margin-bottom: 0;
       }
       #tool_main.yellow-bg {
           padding: 0 17px !important;
       }
       .tool_main .large-icon-inner-wrapper {
           padding-left: 13px;
       }
   
       .tool_main .form-input {
           width: 74vw !important;
       }
   
       .tool_main .form-input input {
           width: 100% !important;
       }
   
       .tool_main .form-group select {
           width: 74vw !important;
       }
   
       .tool_main .form-group {
           width: 74vw !important;
       }
   
       .tool_main.tool .form-input .dollar-result {
           width: 74vw !important;
           max-width: 100% !important;
       }
   
       .tool_main.tool .form-group .dropdown-result {
           right: 14px !important;
       }
   
       .tool_main.tool .form-group .dollar-result {
           max-width: 100% !important;
       }
   
       .tool_main.results .form-input .dollar-result {
           width: 74vw !important;
           max-width: 100% !important;
       }
       
       .tool_main.results .form-group .dropdown-result {
           right: 14px !important;
       }
   
       .tool_main.results .form-group .dollar-result {
           max-width: 100% !important;
       }
   
       .m_l-32 {
           margin-left: 32px !important;
       }
   
       .m_text_center {
           text-align: center !important;
       }
   
       .m_pr-40 {
           padding-right: 40px !important;
       }

       .m_mb-16 {
           margin-bottom: 16px !important;
       }
   }
   
   @media (min-width: 768px) and (max-width: 1199.98px) {
       #tool_header.tool_main{
           padding: 0 !important;
       }
       #tool_header {
           margin-bottom: 0 !important;
       }
       #tool_main {
           margin: 0 !important;
       }
       #tool_cta {
           margin: 0 -5px;
       }
   }

   @media (min-width: 768px) and (max-width: 1022px) {
        .tool_main .form-group {
            margin-left: 51.8vw !important;
        } 
   }
   
   @media only screen and (min-width: 768px) {
       .tool_main .large-icon-wrapper .large-icon-inner-wrapper {
           display: flex;
           justify-content: end;
       }
   }

   @media(max-width: 767px) {
      .slf-yellow-circle, .slf-blue-circle {
       height: 52px !important;
       width: 52px !important;
      }
     .fa-user {
       height: 30px !important;
       width: 20px !important; 
     }
     .fa-exclamation {
      width: 10px !important;
      height: 30px !important;
     }
     .fa-chart-column {
      width: 33px !important;
      height: 29px !important;
     }
     .fa-lightbulb {
      width: 16px !important;
      height: 29px !important;
     }
   }
   
   @media(max-width: 360px) {
     .risk-chart-div .risk-chart .risk-level-title {
         font-size: 10px !important;
     }
   }