#mainlayout{
        
    position: absolute;
    width: 1920px;
    height: 1080px;
    background-color: rgba(255,255,255,1);
    overflow: hidden;

  }

  #mainContentBG{
    position: absolute;
    width: 1600px;
    height: 1016px;
    left: 290px;
    top: 32px;
    background-color: rgba(243,245,247,1);
    transform:matrix(1,0,0,1,0,0);
    border-radius: 50px;
  }

  .searchWrapper{
    position: absolute;
    background-color: white;
    width: 1000px;
    height: 71px;
    left: 330px;
    top: 72px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    

  }

  .searchWrapper > i {
    font-size:30px;
    color: #777;
    padding-left: 20px;
  }

  
  .searchWrapper > input{
      flex: 1;
      height: 70px;
      border: none;
      outline: none;
      font-size: 20px;
      padding-left: 20px;
      background-color: rgba(255,255,255,0);
  }

  #userMenu{
    position: absolute;
    width: 288px;
    height: 52px;
    left: 1562px;
    top: 82px;
    overflow: visible;
    border-radius: 10px;
    padding: 5px;
    font-weight: bold;
    font-family: Gibson;
    font-size: 20px;
  }

  .welcomeSign{
    position: absolute;
    overflow: visible;
    width: 937px;
    height: 244px;
    left: 330px;
    top: 193px;
    background-color: rgba(12,103,70,0.149);
    border-radius: 50px;
  }

  .welcomeHeading{
    position: relative;
    left: 380px;
    top: 247px;
    width: 512px;
    white-space: nowrap;
    text-align: left;
    font-family: Gibson;
    font-style: normal;
    font-weight: bold;
    font-size: 45px;
    color: rgba(12,103,70,1);
    letter-spacing: 0.25px;
    overflow: visible;

  }

  .welcomeMsg{
    left: 380px;
    top: 312px;
    position: absolute;
    overflow: visible;
    width: 566px;
    line-height: 25px;
    margin-top: -2.5px;
    text-align: left;
    font-family: Gibson;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    color: rgba(46,101,72,1);
    letter-spacing: 0.25px;
  }

  #welcomeImg{
    position: absolute;
    width: 266px;
    height: 266px;
    left: 985px;
    top: 171px;
    overflow: visible;
  }

  #continueLearning{
    left: 330px;
    top: 477px;
    position: absolute;
    overflow: visible;
    width: 216px;
    white-space: nowrap;
    text-align: left;
    font-family: Gibson;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    color: rgba(45,45,45,1);
    letter-spacing: 0.25px;
  }

  #viewMods{
    left: 1116px;
    top: 477px;
    position: absolute;
    overflow: visible;
    width: 152px;
    white-space: nowrap;
    transition: all 1s ease-in;
    --web-animation: fadein 1s ease-in;
    --web-action-type: page;
    --web-action-target: Modules___Courses__animated_.html;
    cursor: pointer;
    line-height: 25px;
    margin-top: -0.5px;
    text-align: left;
    font-family: Gibson;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    color: rgba(20,164,115,1);
    letter-spacing: 0.25px;
  }

  .Ellipse_302{
    position: absolute;
    overflow: visible;
    width: 48px;
    height: 48px;
    left: 532px;
    top: 665px; 
  }

  #Ellipse_302 {
    fill: rgba(255,255,255,1);
   }

   .Path_185 {
    overflow: visible;
    position: absolute;
    width: 14.6px;
    height: 15.808px;
    transform: matrix(1,0,0,1,550.9222,681.9827) rotate(0deg);
    transform-origin: center;
    left: 0px;
    top: 0px;
    }

    #Path_185 {
        fill: rgba(255,255,255,1);
        stroke: rgba(0,140,140,1);
        stroke-width: 1.600000023841858px;
        stroke-linejoin: miter;
        stroke-linecap: butt;
        stroke-miterlimit: 4;
        shape-rendering: auto;
    }

  .modCardOverlay{
      width: 100%;
      height: 100%;
      position: absolute;
      background-color: rgba(0, 0, 0, .5);
  }

  .modCard-1{
    position: absolute;
    overflow: visible;
    width: 448px;
    height: 459px;
    left: 819px;
    top: 549px;
    background: white;
    border-radius: 25px;
  }

  .modCard-2{
    position: absolute;
    overflow: visible;
    width: 448px;
    height: 459px;
    left: 332px;
    top: 549px;
    background: white;
    border-radius: 25px;
  }

  .modCardImgWrapper{
    position: relative;
    width: 449px;
    height: 280px;
  }

  .modCardTitle{
    position: relative;
    top: 30px;
    left: 15px;
    width: 99px;
    white-space: nowrap;
    line-height: 24px;
    margin-top: -1.5px;
    text-align: left;
    font-family: Gibson;
    font-style: normal;
    font-weight: bold;
    font-size: 21px;
    color: rgba(19,21,35,1);
    letter-spacing: 0.25px;
    text-transform: capitalize;
  }

  .modCardTimeLeft{
    position: relative;
    top: 30px;
    left: 15px;
    width: 114px;
    white-space: nowrap;
    line-height: 23px;
    margin-top: -4px;
    text-align: left;
    font-family: Gibson;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    color: rgba(46,101,72,1);
    letter-spacing: 0.25px;
  }

  .modCardProgressBar{
    position: relative;
    width: 390px;
    height: 20px;
    left: 20px;
    top: 25px;
    overflow: visible;
  }

  .progressBarShell{
    position: absolute;
    width: 390px;
    height: 20px;
    left: 0px;
    top: 0px;
  }


  .progressBarBg{
    fill: rgba(247, 247, 247, 1);
  }

  .progressBar{
    position: absolute;
    width: 304px;
    height: 20px;
    left: 0px;
    top: 0px;
  }

  .progressbarFill{
    fill: rgba(12,103,70,1);
  }

  .modCourseTitle{
    position: relative;
    left: 20px;
    top: 35px; 
    overflow: visible;
    width: 166px;
    white-space: nowrap;
    line-height: 23px;
    margin-top: -4px;
    text-align: left;
    font-family: Gibson;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    color: rgba(0,140,140,1);
    letter-spacing: 0.25px;
  }

  .progressbarPercent{
    left: 175px;
    top: 20x;
    position: relative;
    overflow: visible;
    width: 23px;
    white-space: nowrap;
    line-height: 23px;
    margin-top: -6px;
    text-align: left;
    font-family: Gibson;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    color: rgba(255,255,255,1);
    letter-spacing: 0.25px;
  }

  #abLogo{
    position: absolute;
    width: 170px;
    height: 50.212px;
    left: 60px;
    top: 60px;
    overflow: visible;
  }

  #homeButtonWrapper{
    position: absolute;
    width: 268px;
    height: 65px;
    left: 11px;
    top: 179px;
    overflow: visible;
  }


  .ysiBtn{
    position: absolute;
    overflow: visible;
    width: 268px;
    height: 65px;
    left: 0px;
    top: 0px;
  }
  
  .ysiBtn{
    fill: rgba(255,255,255,1);
  }

  .ysiBtn .active{
    fill: rgba(12,103,70,1);
  }

  .homeBtnText{
    position: absolute;
    width: 100.703px;
    height: 23px;
    left: 39px;
    top: 21px;
    overflow: visible;
    padding: 0px;
    color:black;
  }

  .btnActiveText{
      color: white;
  }

  #home{
    left: 38.703px;
    top: -4px;
    position: absolute;
    overflow: visible;
    width: 63px;
    white-space: nowrap;
    text-align: left;
    font-family: Gibson;
    font-style: normal;
    font-weight: normal;
    font-size: 23px;
    letter-spacing: 0.25px;
  }

  #homeIcon{
    position: absolute;
    width: 18.703px;
    height: 18.703px;
    left: 0px;
    top: 2px;
    overflow: visible;
  }

  .homeIconPath{
    overflow: visible;
    position: absolute;
    width: 18.703px;
    height: 18.703px;
    left: 0px;
    top: 0px;
    transform: matrix(1,0,0,1,0,0);
  }

  #homePathDrawing{
    fill: rgba(0, 0, 0, 1);
  }

  #modulesBtnWrapper{
    position: absolute;
    width: 268px;
    height: 65px;
    left: 11px;
    top: 244px;
    overflow: visible;
  }

  .activeDrawing{
      fill:rgba(210, 224, 223, 1) !important;
  }

  #modBtn{
    position: absolute;
    overflow: visible;
    width: 268px;
    height: 65px;
    left: 0px;
    top: 0px;
  }

  #modBtnText{
    position: absolute;
    width: 126.465px;
    height: 23.189px;
    left: 39px;
    top: 21px;
    overflow: visible;
    padding: 0px;
  }

  #modules{
    left: 38.703px;
    top: -4px;
    position: absolute;
    overflow: visible;
    width: 63px;
    white-space: nowrap;
    text-align: left;
    font-family: Gibson;
    font-style: normal;
    font-weight: normal;
    font-size: 23px;
    letter-spacing: 0.25px;
  }
  
  #shareIcon{
    position: absolute;
    width: 18.703px;
    height: 18.703px;
    left: 0px;
    top: 2px;
    overflow: visible;
  }

  .shareIconPath{
    overflow: visible;
    position: absolute;
    width: 18.703px;
    height: 18.703px;
    left: 0px;
    top: 0px;
    transform: matrix(1,0,0,1,0,0);
  }

  #sharePathDrawing{
    fill: rgba(0, 0, 0, 1);
  }

  #profileBtnWrapper{
    position: absolute;
    width: 268px;
    height: 65px;
    left: 11px;
    top: 309px;
    overflow: visible;
  }

  #profileBtn{
    position: absolute;
    overflow: visible;
    width: 268px;
    height: 65px;
    left: 0px;
    top: 0px;
  }

  #profileBtnText{
    position: absolute;
    width: 103.7px;
    height: 23px;
    left: 39px;
    top: 21.189px; 
  }

  #profile{
    left: 38.703px;
    top: -4px;
    position: absolute;
    overflow: visible;
    width: 63px;
    white-space: nowrap;
    text-align: left;
    font-family: Gibson;
    font-style: normal;
    font-weight: normal;
    font-size: 23px;
    color: rgba(0,0,0,1);
    letter-spacing: 0.25px;
  }

  #helpBtnWrapper{
    position: absolute;
    width: 268px;
    height: 65px;
    left: 11px;
    top: 374px;
    overflow: visible;
  }

  #helpBtn{
    position: absolute;
    overflow: visible;
    width: 268px;
    height: 65px;
    left: 0px;
    top: 0px;
  }

  #helpBtnText{
    position: absolute;
    width: 86.152px;
    height: 23px;
    left: 39px;
    top: 21.189px;
    overflow: visible;
    padding: 0px;  
  }

  #help{
    left: 38.703px;
    top: -4px;
    position: absolute;
    overflow: visible;
    width: 63px;
    white-space: nowrap;
    text-align: left;
    font-family: Gibson;
    font-style: normal;
    font-weight: normal;
    font-size: 23px;
    color: rgba(0,0,0,1);
  }

    #helpIcon{
    position: absolute;
    width: 17.152px;
    height: 17.152px;
    left: 0px;
    top: 2.924px;
    overflow: visible;
    }

    #helpIconPathCircle{
        overflow: visible;
        position: absolute;
        width: 18.852px;
        height: 18.852px;
        left: 0px;
        top: 0px;
        transform: matrix(1,0,0,1,0,0);
    }

    #pathCircle{
        fill: transparent;
        stroke: rgba(0,0,0,1);
        stroke-width: 1.7000000476837158px;
        stroke-linejoin: round;
        stroke-linecap: round;
        stroke-miterlimit: 4;
        shape-rendering: auto;
    }

    #helpIconQuestionMark{
        overflow: visible;
        position: absolute;
        width: 6.941px;
        height: 7.107px;
        left: 6.076px;
        top: 4.281px;
        transform: matrix(1,0,0,1,0,0);
    }

    #pathQuestionMark{
        fill: transparent;
        stroke: rgba(0,0,0,1);
        stroke-width: 1.7000000476837158px;
        stroke-linejoin: round;
        stroke-linecap: round;
        stroke-miterlimit: 4;
        shape-rendering: auto;
    }

    .progressPathBox{
        overflow: visible;
        position: absolute;
        width: 230px;
        height: 342px;
        left: 30px;
        top: 666px;
        transform: matrix(1,0,0,1,0,0);
    }

    #progressFillBox{
        fill: rgba(243,245,247,1);
    }

    #progressTitle{
        left: 93.504px;
        top: 700px;
        position: absolute;
        overflow: visible;
        width: 105px;
        white-space: nowrap;
        line-height: 30px;
        margin-top: -2.5px;
        text-align: center;
        font-family: Gibson;
        font-style: normal;
        font-weight: bold;
        font-size: 25px;
        color: rgba(45,45,45,1);
        letter-spacing: 0.25px;
    }

    #progressMessage{
        left: 75.506px;
        top: 922px;
        position: absolute;
        overflow: visible;
        width: 141px;
        white-space: nowrap;
        line-height: 20px;
        margin-top: -2.5px;
        text-align: center;
        font-family: Gibson;
        font-style: normal;
        font-weight: bold;
        font-size: 15px;
        color: rgba(45,45,45,1);
        letter-spacing: 0.25px; 
    }



    #progressBox{
        position: absolute;
        width: 543px;
        height: 262px;
        left: 1307px;
        top: 247px;
        overflow: visible; 
    }

    #progressBoxBg{
        position: absolute;
        overflow: visible;
        width: 543px;
        height: 262px;
        left: 0px;
        top: 0px;
    }

    #progressBoxFill{
       fill: rgba(255, 255, 255, 1); 
    }

    #certCircle{
        position: absolute;
        overflow: visible;
        width: 96px;
        height: 97px;
        left: 25px;
        top: 21px;
    }

    #certFill{
        fill: rgba(210,224,223,1);
    }

    #certImg{
        position: absolute;
        width: 63px;
        height: 63px;
        left: 41px;
        top: 38px;
        overflow: visible; 
    }

    #safetyCert{
        left: 161px;
        top: 39px;
        position: absolute;
        overflow: visible;
        width: 206px;
        white-space: nowrap;
        line-height: 25px;
        margin-top: -2.5px;
        text-align: left;
        font-family: Gibson;
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        color: rgba(45,45,45,1);
        letter-spacing: 0.25px;
    }

    #basicSafetyProgressBarWrapper{
        position: absolute;
        width: 350px;
        height: 20px;
        left: 161px;
        top: 74px;
        overflow: visible;
    }

    #basicSafetyProgressBar{
        position: absolute;
        overflow: visible;
        width: 350px;
        height: 20px;
        left: 0px;
        top: 0px; 
    }

    #basicSafetyBarFillBg{
        fill: rgba(242,242,242,1);
    }

    #basicSafetyProgressFill{
        position: absolute;
        overflow: visible;
        width: 114px;
        height: 20px;
        left: 0px;
        top: 0px;
    }

    #basicSafetyProgressGradient{
        fill: url(#basicSafetyProgressGradient);
    }

    #progressAmount{
        left: 44px;
        top: 4px;
        position: absolute;
        overflow: visible;
        width: 27px;
        white-space: nowrap;
        line-height: 20px;
        margin-top: -3.5px;
        text-align: left;
        font-family: Gibson;
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        color: rgba(255,255,255,1);
        letter-spacing: 0.25px; 
    }

    #myProgressTitle{
        left: 1315px;
        top: 193px;
        position: absolute;
        overflow: visible;
        width: 148px;
        white-space: nowrap;
        text-align: left;
        font-family: Gibson;
        font-style: normal;
        font-weight: bold;
        font-size: 25px;
        color: rgba(45,45,45,1);
        letter-spacing: 0.25px; 
    }

    #badgeCircle{
        position: absolute;
        overflow: visible;
        width: 96px;
        height: 97px;
        left: 25px;
        top: 146px; 
    }

    #badgeCircleFill{
        fill: rgba(210, 224, 223, 1);
    }

    #badgeImg{
        position: absolute;
        width: 51px;
        height: 51px;
        left: 47px;
        top: 169px;
        overflow: visible; 
    }

    #industryBadge{
        left: 161px;
        top: 164px;
        position: absolute;
        overflow: visible;
        width: 146px;
        white-space: nowrap;
        line-height: 25px;
        margin-top: -2.5px;
        text-align: left;
        font-family: Gibson;
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        color: rgba(45,45,45,1);
        letter-spacing: 0.25px; 
    }

    #badgeProgress{
        position: absolute;
        width: 350px;
        height: 32px;
        left: 161px;
        top: 199px;
        overflow: visible;
    }

    #badgeProgressBar{
        position: absolute;
        overflow: visible;
        width: 127px;
        height: 12px;
        left: 0px;
        top: 10px;
    }

    #badprogressBarFill{
        fill: rgba(242,242,242,1);
    }

    #barOne{
        position: absolute;
        overflow: visible;
        width: 127px;
        height: 12px;
        left: 0px;
        top: 10px;
    }

    #barOneFill{
        fill: rgba(244,192,47,1);
    }

    #firstCircle{
        position: absolute;
        overflow: visible;
        width: 32px;
        height: 32px;
        left: 0px;
        top: 0px;
    }

    #firstCirclefill{
        fill: rgba(255,255,255,1);
        stroke: rgba(242,242,242,1);
        stroke-width: 2px;
        stroke-linejoin: miter;
        stroke-linecap: butt;
        stroke-miterlimit: 4;
        shape-rendering: auto;
    }

    #secondCircle{
        position: absolute;
        overflow: visible;
        width: 32px;
        height: 32px;
        left: 109px;
        top: 0px;
    }

    #secondCircleFill{
        fill: rgba(255,255,255,1);
        stroke: rgba(242,242,242,1);
        stroke-width: 2px;
        stroke-linejoin: miter;
        stroke-linecap: butt;
        stroke-miterlimit: 4;
        shape-rendering: auto;
    }

    #numberOne{
        position: absolute;
        width: 13.77px;
        height: 14.23px;
        left: 8.251px;
        top: 8.758px;
        overflow: visible;
    }

    #numberOneTop{
        width: 7.291px;
        height: 2.734px;
        position: absolute;
        overflow: visible;
        transform: translate(0px, 0px) matrix(1,0,0,1,-0.0735,9.3474) rotate(44deg);
        transform-origin: center; 
    }


    #numberOneTopFill{
        fill: rgba(255,255,255,1);
    }

    #numberOneBottom{
        width: 14.582px;
        height: 2.734px;
        position: absolute;
        overflow: visible;
        transform: translate(0px, 0px) matrix(1,0,0,1,1.4562,5.5404) rotate(-58deg);
        transform-origin: center; 
    }

    #thirdCircle{
        overflow: visible;
        position: absolute;
        width: 32px;
        height: 32px;
        left: 213.676px;
        top: 0px;
        transform: matrix(1,0,0,1,0,0); 
    }

    #thirdCircleFill{
        fill: rgba(255,255,255,1);
        stroke: rgba(242,242,242,1);
        stroke-width: 2px;
        stroke-linejoin: miter;
        stroke-linecap: butt;
        stroke-miterlimit: 4;
        shape-rendering: auto;
    }

    #fourthCircle{
        position: absolute;
        width: 32px;
        height: 32px;
        left: 318px;
        top: 0px;
        transform: matrix(1,0,0,1,0,0);
    }

    #fourthCircleFill{
        fill: rgba(255,255,255,1);
        stroke: rgba(242,242,242,1);
        stroke-width: 2px;
        stroke-linejoin: miter;
        stroke-linecap: butt;
        stroke-miterlimit: 4;
        shape-rendering: auto;
    }

    #n_2{
        left: 119.353px;
        top: 8px;
        position: absolute;
        overflow: visible;
        width: 12px;
        white-space: nowrap;
        line-height: 20px;
        margin-top: -1px;
        text-align: left;
        font-family: Gibson;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        color: rgba(106,106,106,1);
        letter-spacing: 0.25px;
    }

    #n_3{
        left: 224.125px;
        top: 8px;
        position: absolute;
        overflow: visible;
        width: 12px;
        white-space: nowrap;
        line-height: 20px;
        margin-top: -1px;
        text-align: left;
        font-family: Gibson;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        color: rgba(106,106,106,1);
        letter-spacing: 0.25px;
    }

    #n_4{
        left: 328px;
        top: 7.5px;
        position: absolute;
        overflow: visible;
        width: 12px;
        white-space: nowrap;
        line-height: 20px;
        margin-top: -1px;
        text-align: left;
        font-family: Gibson;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        color: rgba(106,106,106,1);
        letter-spacing: 0.25px;
    }

    #n_1{
        left: 12.021px;
        top: 8px;
        position: absolute;
        overflow: visible;
        width: 9px;
        white-space: nowrap;
        line-height: 20px;
        margin-top: -1px;
        text-align: left;
        font-family: Gibson;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        color: rgba(106,106,106,1);
        letter-spacing: 0.25px;
    }

    #resourcesBox{
        position: absolute;
        width: 543px;
        height: 310px;
        left: 1307px;
        top: 539px;
        overflow: visible;
    }

    #resourcesTitle{
        left: 0px;
        top: 0px;
        position: absolute;
        overflow: visible;
        width: 122px;
        white-space: nowrap;
        text-align: left;
        font-family: Gibson;
        font-style: normal;
        font-weight: bold;
        font-size: 25px;
        color: rgba(45,45,45,1);
        letter-spacing: 0.25px;
    }

    #resourcesBoxBg{
        position: absolute;
        overflow: visible;
        width: 543px;
        height: 262px;
        left: 0px;
        top: 48px; 
    }

    #resourcesBoxFill{
        fill: rgba(255,255,255,1);
    }


    #safetyTipsBg{
        position: absolute;
        overflow: visible;
        width: 96px;
        height: 97px;
        left: 33px;
        top: 74px;
    }

    #SafetyTipsFill{
        fill: rgba(210,224,223,1); 
    }

    #safetyTipsImg{
        position: absolute;
        width: 78px;
        height: 78px;
        left: 41px;
        top: 84px;
        overflow: visible; 
    }

    #safetyGuideBg{
        position: absolute;
        overflow: visible;
        width: 96px;
        height: 97px;
        left: 33px;
        top: 194px;
    }

    #safetyGuideFill{
        fill: rgba(210,224,223,1);
    }

    #safetyGuideImg{
        position: absolute;
        width: 45px;
        height: 45px;
        left: 57px;
        top: 220px;
        overflow: visible;
    }

    #safetyTipsText{
        position: absolute;
        width: 222px;
        height: 51px;
        left: 169px;
        top: 97px;
        overflow: visible;
        padding: 0px;
    }

    #safetyTipsTitle{
        left: 0px;
        top: 0px;
        position: absolute;
        overflow: visible;
        width: 112px;
        white-space: nowrap;
        line-height: 25px;
        margin-top: -1px;
        text-align: left;
        font-family: Gibson;
        font-style: normal;
        font-weight: normal;
        font-size: 23px;
        color: rgba(45,45,45,1);
        letter-spacing: 0.25px;
    }

    #safetyTipsDesc{
        left: 0px;
        top: 31px;
        position: absolute;
        overflow: visible;
        width: 223px;
        white-space: nowrap;
        line-height: 25px;
        margin-top: -2.5px;
        text-align: left;
        font-family: Gibson;
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        color: rgba(176,176,176,1);
        letter-spacing: 0.25px;
    }

    #safetyGuideText{
        position: absolute;
        width: 222px;
        height: 51px;
        left: 169px;
        top: 217px;
        overflow: visible;
        padding: 0px;
    }

    #safetyGuideTitle{
        left: 0px;
        top: 0px;
        position: absolute;
        overflow: visible;
        width: 134px;
        white-space: nowrap;
        line-height: 25px;
        margin-top: -1px;
        text-align: left;
        font-family: Gibson;
        font-style: normal;
        font-weight: normal;
        font-size: 23px;
        color: rgba(45,45,45,1);
        letter-spacing: 0.25px;
    }

    #safetyDesc{
        left: 0px;
        top: 31px;
        position: absolute;
        overflow: visible;
        width: 223px;
        white-space: nowrap;
        line-height: 25px;
        margin-top: -2.5px;
        text-align: left;
        font-family: Gibson;
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        color: rgba(176,176,176,1);
        letter-spacing: 0.25px;
    }

    #helpBox{
        position: absolute;
        width: 543px;
        height: 127px;
        left: 1307px;
        top: 881px;
        overflow: visible;
    }

    #helpBoxBg{
        position: absolute;
        overflow: visible;
        width: 543px;
        height: 127px;
        left: 0px;
        top: 0px;
    }

    #helpBoxFill{

    fill: url(#helpBoxFill);
    }

    #helpBtn{
        position: absolute;
        width: 168px;
        height: 62px;
        left: 334.001px;
        top: 33px;
        overflow: visible; 
    }

    #helpBtnBg{
        position: absolute;
        overflow: visible;
        width: 168px;
        height: 62px;
        left: -0.001px;
        top: 0px; 
    }

    #helpBtnFill{
        fill: rgba(244,192,47,1);
    }

    #helpBtnTxt{
        left: 36.999px;
        top: 19px;
        position: absolute;
        overflow: visible;
        width: 95px;
        white-space: nowrap;
        line-height: 34px;
        margin-top: -5px;
        text-align: left;
        font-family: Gibson;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        color: rgba(255,255,255,1);
    }

    #helpTxt{
        left: 36px;
        top: 38px;
        position: absolute;
        overflow: visible;
        width: 163px;
        white-space: nowrap;
        line-height: 28px;
        margin-top: -2px;
        text-align: left;
        font-family: Gibson;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        color: rgba(255,255,255,1);
    }


    #modulePageTitle{
        left: 361px;
        top: 213px;
        position: absolute;
        overflow: visible;
        width: 505px;
        white-space: nowrap;
        text-align: left;
        font-family: Gibson;
        font-style: normal;
        font-weight: bold;
        font-size: 30px;
        color: rgba(45,45,45,1);
    }

    .Icon_ionic-ios-arrow-round-bac_d {
        overflow: visible;
        position: absolute;
        width: 22.243px;
        height: 15.609px;
        left: 330px;
        top: 221.25px;
        transform: matrix(1,0,0,1,0,0);
    }

    #Icon_ionic-ios-arrow-round-bac_d {
        fill: rgba(45,45,45,1);
        stroke: rgba(45,45,45,1);
        stroke-width: 2px;
        stroke-linejoin: miter;
        stroke-linecap: butt;
        stroke-miterlimit: 4;
        shape-rendering: auto;
    }

    #videoWrapper{
        position: absolute;
        width: 1030px;
        height: 640px;
        left: 330px;
        top: 273px;
    }

    #rightSideBar{
        position: absolute;
        width: 460.5px;
        height: 592px;
        left: 1389.5px;
        top: 273px;
        overflow: visible;
    }

    #rightSideObjectivetxt{
        position: absolute;
        width: 460px;
        height: 308px;
        left: 0px;
        top: 0px;
        overflow: visible;
        padding: 0px;
    }

    #objectiveTitle{
        left: 0px;
        top: 0px;
        position: absolute;
        overflow: visible;
        width: 119px;
        white-space: nowrap;
        line-height: 25px;
        margin-top: -1px;
        text-align: left;
        font-family: Gibson;
        font-style: normal;
        font-weight: bold;
        font-size: 23px;
        color: rgba(45,45,45,1);
        letter-spacing: 0.25px;
    }

    .headingLine{
        overflow: visible;
        position: absolute;
        width: 459.973px;
        height: 1px;
        left: 0.027px;
        top: 43px;
        transform: matrix(1,0,0,1,0,0); 
    }

    #headLineFill{
        fill: transparent;
        stroke: rgba(223,226,238,1);
        stroke-width: 1px;
        stroke-linejoin: miter;
        stroke-linecap: butt;
        stroke-miterlimit: 4;
        shape-rendering: auto;
    }

    #rightSideDesc{
        opacity: 0.603;
        left: 0px;
        top: 63px;
        position: absolute;
        overflow: visible;
        width: 461px;
        height: 245px;
        line-height: 25px;
        margin-top: -2.5px;
        text-align: left;
        font-family: Gibson;
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        color: rgba(45,45,45,1);
        letter-spacing: 0.25px;
    }

    #bottomBorder{
        position: absolute;
        width: 460px;
        height: 1px;
        left: 0.5px;
        top: 338px;
        overflow: visible;
        padding: 0px;
    }

    .bottomBorderPath{
        overflow: visible;
        position: absolute;
        width: 460px;
        height: 1px;
        left: 0px;
        top: 0px;
        transform: matrix(1,0,0,1,0,0);
    }

    #bottomBorderFill{
        fill: transparent;
        stroke: rgba(223,226,238,1);
        stroke-width: 1px;
        stroke-linejoin: miter;
        stroke-linecap: butt;
        stroke-miterlimit: 4;
        shape-rendering: auto;
    }

    #videoScriptENG{
        position: absolute;
        width: 460px;
        height: 107px;
        left: 0px;
        top: 358px;
        overflow: visible;
    }

    .videoScriptENGbg{
        position: absolute;
        overflow: visible;
        width: 460px;
        height: 107px;
        left: 0px;
        top: 0px;
    }

    #videoScriptENGfill{
        fill: rgba(255,255,255,1);
        stroke: rgba(190,194,195,0.6);
        stroke-width: 1px;
        stroke-linejoin: miter;
        stroke-linecap: butt;
        stroke-miterlimit: 4;
        shape-rendering: auto;
    }

    .engScriptIcon{
        overflow: visible;
        position: absolute;
        width: 75px;
        height: 75px;
        left: 30px;
        top: 16px;
        transform: matrix(1,0,0,1,0,0);
    }

    #engScriptIconBgFill{
        fill: rgba(45,45,45,0.071);
    }

    #Icon_ionic-md-paper_da{
        position: absolute;
        width: 38.356px;
        height: 32.877px;
        left: 48.322px;
        top: 37.062px;
        overflow: visible;
    }

    .Path_1147_db{
        overflow: visible;
        position: absolute;
        width: 38.356px;
        height: 32.877px;
        left: 0px;
        top: 0px;
        transform: matrix(1,0,0,1,0,0);
    }

    #Path_1147_db{
        fill: rgba(45,45,45,1);
    }

    .Path_1148_dc{
        overflow: visible;
        position: absolute;
        width: 13.698px;
        height: 4.794px;
        left: 18.493px;
        top: 6.164px;
        transform: matrix(1,0,0,1,0,0);
    }

    #Path_1148_dc{
        fill: rgba(45,45,45,1);
    }

    .Path_1149_dd{
        overflow: visible;
        position: absolute;
        width: 13.698px;
        height: 2.74px;
        left: 18.493px;
        top: 13.698px;
        transform: matrix(1,0,0,1,0,0);
    }

    #Path_1149_dd{
        fill: rgba(45,45,45,1);
    }

    .Path_1150_de{
        overflow: visible;
        position: absolute;
        width: 13.698px;
        height: 2.74px;
        left: 18.493px;
        top: 19.178px;
        transform: matrix(1,0,0,1,0,0);
    }

    #Path_1150_de{
        fill: rgba(45,45,45,1);
    }

    .Path_1151_df{
        overflow: visible;
        position: absolute;
        width: 14.384px;
        height: 2.74px;
        left: 17.809px;
        top: 24.657px;
        transform: matrix(1,0,0,1,0,0);
    }

    #Path_1151_df{
        fill: rgba(45,45,45,1); 
    }

    #vidScriptEngTxt{
        position: absolute;
        width: 210px;
        height: 47px;
        left: 115.079px;
        top: 30.5px;
        overflow: visible;
    }

    #Video_Script_ENGLISH{       
        left: 0px;
        top: 0px;
        position: absolute;
        overflow: visible;
        width: 211px;
        white-space: nowrap;
        line-height: 25px;
        margin-top: -3px;
        text-align: left;
        font-family: Gibson;
        font-style: normal;
        font-weight: bold;
        font-size: 19px;
        color: rgba(45,45,45,1);
        letter-spacing: 0.25px;
    }

    #PDF_3MB{
        opacity: 0.472;
        left: 0px;
        top: 31px;
        position: absolute;
        overflow: visible;
        width: 76px;
        white-space: nowrap;
        line-height: 27px;
        margin-top: -5.5px;
        text-align: left;
        font-family: Gibson;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        color: rgba(45,45,45,1);
        letter-spacing: 0.25px;
    }

    #downloadEng {
        transform: translate(0px, -642.5px) matrix(1,0,0,1,384,675.5) rotate(-90deg);
        transform-origin: center;
        position: absolute;
        width: 40px;
        height: 40px;
        left: 0px;
        top: 0px;
        overflow: visible;
    }

    .Path_1152 {
        overflow: visible;
        position: absolute;
        width: 40px;
        height: 40px;
        left: 0px;
        top: 0px;
        transform: matrix(1,0,0,1,0,0);
    }

    #Path_1152 {
        fill: rgba(240,240,240,1);
    }
    
    .Icon_ionic-ios-arrow-round-bac_dl {
        overflow: visible;
        position: absolute;
        width: 13.501px;
        height: 20.243px;
        left: 13.25px;
        top: 9.878px;
        transform: matrix(1,0,0,1,0,0);
    }

    #Icon_ionic-ios-arrow-round-bac_dl {
        fill: rgba(0,0,0,1);
    }

    #videoScriptSPA{
        position: absolute;
        width: 460px;
        height: 107px;
        left: 0px;
        top: 485px;
        overflow: visible;
    }

    .videoScriptSPAbg{
        position: absolute;
        overflow: visible;
        width: 460px;
        height: 107px;
        left: 0px;
        top: 0px;
    }

    #videoScriptSPAbgFill{
        fill: rgba(255,255,255,1);
        stroke: rgba(190,194,195,0.6);
        stroke-width: 1px;
        stroke-linejoin: miter;
        stroke-linecap: butt;
        stroke-miterlimit: 4;
        shape-rendering: auto;
    }