@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hanken Grotesk:wght@300;400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hanken Grotesk:wght@300;400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

    /*for small Device*/
.btnResume {
    background-color: #4B53BC;
    font-family: 'Hanken Grotesk', sans-serif;
    font-weight: 400;
    letter-spacing:.5px;
    border: none;
    color: white;
    padding: 2px 10px;
    text-align: center;
    text-decoration: none !important;
    display: inline-block;
    cursor: pointer;
    border-radius: 15px;
}
     #menuToggle
    {
      display: block;
      position: relative;
      top: 25px;
      left: 10px;
       width: 20px;
       z-index: 1;
      -webkit-user-select: none;
      user-select: none;
    }
    #menuToggle input
    {
     
      display: block;
      width: 40px;
      height: 32px;
      position: absolute;
      top: -7px;
      left: -5px;
      cursor: pointer;
      opacity: 0; /* hide this */
      z-index: 2; /* and place it over the hamburger */
      -webkit-touch-callout: none;
    }
    #menuToggle span
    {
      text-decoration: none;
      display: block;
      width: 33px;
      height: 4px;
      margin-bottom: 5px;
      position: relative;
      background: #878788;
      border-radius: 3px;
      z-index: 1;
      transform-origin: 4px 0px;
      transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
      background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
      opacity 0.55s ease;
    }

    #menuToggle span:first-child
    {
      transform-origin: 0% 0%;
    }

    #menuToggle span:nth-last-child(2)
    {
      transform-origin: 0% 100%;
    }

    /* 
     * Transform all the slices of hamburger
     * into a crossmark.
     */
    #menuToggle input:checked ~ span
    {
      opacity: 1;
      transform: rotate(45deg) translate(-2px, -1px);
      background: #e6e7e8;
    }

    /*
     * But let's hide the middle one.
     */
    #menuToggle input:checked ~ span:nth-last-child(3)
    {
      opacity: 0;
      transform: rotate(0deg) scale(0.2, 0.2);
    }

    /* Ohyeah and the last one should go the other direction
     */
    #menuToggle input:checked ~ span:nth-last-child(2)
    {
      transform: rotate(-45deg) translate(0, -1px);
    }

#menu {
    font-family: 'Hanken Grotesk', sans-serif;
    font-weight: 500;
    position: absolute;
    width: 260px;
    margin: -100px 0 0 -10px;
    letter-spacing: .5px;
    padding: 20px;
    padding-top: 100px;
    background: #f1f1f2;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    /* to stop flickering of text in safari */
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

    #menu li
    {
      padding: 10px 0;
      color: #000;
      text-decoration: none;
      font-size: 15px;
    }

    #menuToggle input:checked ~ ul
    {
      transform: none;
    }
 
    @media (max-width:768px)
     {
        .txtStyle {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-weight: normal !important;
            letter-spacing: .5px;
            font-size: 14px;
            text-shadow: none;
            text-rendering: optimizeLegibility !important;
            -webkit-font-smoothing: antialiased !important;
            -moz-osx-font-smoothing: grayscale;
            margin-top: 5px;
            font-smooth: always;
            font-smoothing: antialiased;
            -moz-font-smoothing: antialiased;
            -webkit-font-smoothing: antialiased;
        }
        .sidebarText1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            vertical-align: middle;
            letter-spacing: .5px;
            font-size: 12px;
            color: #333333;
        }
        .sidebarText {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            vertical-align: middle;
            letter-spacing: .5px;
            font-size: 12px;
            color: #333333;
        }
        .text2 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            vertical-align: middle;
            letter-spacing: .5px;
            font-size: 15px;
            color: #333333;
        }
        .PrintHeading {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 500;
            vertical-align: middle;
            letter-spacing: .5px;
            font-size: 14px;
            color: #333333;
        }
        .homepageTitle {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            letter-spacing: .5px;
            font-size: 18px;
        }
        .tooltip-wide .tooltip 
         {
            min-width:50%;
            width:50%
        }
        .Lblcss {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 500;
            font-size: 12px;
            letter-spacing: .5px;
            color: #333333;
            margin-top: 5px;
            text-decoration: none;
        }
        .box_txt {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            color: #333333;
            margin-top: 5px;
            letter-spacing: .5px;
            font-weight: normal;
            text-decoration: none;
        }
        .vertmenu {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            letter-spacing: .5px;
            margin-top: 5px;
            color: #414042;
        }
        .bannerTitle {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 16px;
            font-weight: normal;
            letter-spacing: .5px;
            line-height: 20px;
            color: #333333;
        }
        .HomeTitle {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 300;
            font-size: 18px;
            font-weight: normal;
            letter-spacing: .5px;
            line-height: 40px;
            color: #414042;
        }
        .HomeTitle1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 600;
            font-size: 13px;
            letter-spacing: .5px;
            font-weight: normal;
            color: #414042;
        }
        .AdvFont {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            letter-spacing: .5px;
            font-weight: normal;
            color: #000;
        }
        .AdvTitle {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 600;
            font-size: 12px;
            line-height: 15px;
            letter-spacing: .5px;
            color: #384d6c;
        }
        .Jstitle {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            color: #333333;
            font-weight: 500;
            letter-spacing: .5px;
            padding-left: 0px;
            text-decoration: none;
        }
        .Jstitle1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 13px;
            color: #333333;
            font-weight: bold;
            padding-left: 0px;
            letter-spacing: .5px;
            text-decoration: none;
        }
        .Statusbar {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            font-weight: 500;
            text-align: left;
            letter-spacing: .5px;
            color: #333333;
            text-decoration: none;
        }

        .TBox {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            text-align: justify;
            letter-spacing: .5px;
            margin-top: 5px;
            color: #333333;
            text-decoration: none;
        }


        .midtxt {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 600;
            font-size: 12px;
            color: #0189bc;
            letter-spacing: .5px;
            text-align: justify;
            line-height: 12px;
            margin-top: 5px;
            text-decoration: none;
        }
        .heading1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 600;
            font-size: 13px;
            color: #333333;
            margin-top: 5px;
            letter-spacing: .5px;
            padding-left: 0px;
            text-decoration: none;
        }

        .linkmenu {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            color: #333333;
            text-align: justify;
            margin-top: 5px;
            letter-spacing: .5px;
            line-height: 15px;
            text-decoration: none;
        }

        .WM {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            text-align: justify;
            color: #333333;
            letter-spacing: .5px;
            line-height: 20px;
            text-decoration: none;
        }
        .Sbtn {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 600;
            font-size: 14px;
            color: #FFFFFF;
            letter-spacing: .5px;
            padding-left: 0px;
            text-decoration: none;
        }

        .Sbtn2 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 600;
            font-size: 18px;
            color: #FFFFFF;
            padding-left: 0px;
            letter-spacing: .5px;
            text-decoration: none;
        }
        .Sbtn1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 600;
            font-size: 12px;
            color: #FFFFFF;
            letter-spacing: .5px;
            padding-left: 0px;
            text-decoration: none;
        }
        .h1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 14px;
            color: #FFFFFF;
            letter-spacing: .5px;
            font-weight: 500;
            padding-left: 0px;
            text-decoration: none;
        }
        .h11 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            color: #FFFFFF;
            font-weight: bold;
            padding-left: 0px;
            letter-spacing: .5px;
            text-decoration: none;
            -webkit-font-smoothing: antialiased;
            text-rendering: optimizeLegibility;
        }
        .H2 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            color: #333333;
            letter-spacing: .5px;
            font-weight: normal;
            line-height: 20px;
            text-decoration: none;
        }
        .Lblcss1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            color: #FFFFFF;
            font-weight: normal;
            letter-spacing: .5px;
            margin-top: 5px;
            line-height: 15px;
            text-decoration: none;
        }

        .bodytxt {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            text-align: justify;
            letter-spacing: .5px;
            color: #333333;
            text-align: left;
            margin-top: 5px;
            text-decoration: none;
        }
        .Pnltxt1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            text-align: justify;
            color: #333333;
            text-align: left;
            letter-spacing: .5px;
            margin-top: 5px;
            margin-left: 0px;
            text-decoration: none;
        }
        .headtxt1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            text-align: justify;
            color: #333333;
            letter-spacing: .5px;
            text-align: left;
            margin-top: 5px;
            vertical-align: middle;
            text-decoration: none;
        }
        .bodytxt1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 600;
            font-size: 12px;
            text-align: justify;
            color: #333333;
            letter-spacing: .5px;
            text-align: left;
            margin-top: 5px;
            text-decoration: none;
        }
        .topHead1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            line-height: 13px;
            font-weight: 400;
            text-align: justify;
            letter-spacing: .5px;
            color: #58595b;
            text-align: left;
        }
        .forpass {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 600;
            font-size: 12px;
            text-align: justify;
            margin-top: 5px;
            color: #0189bc;
            letter-spacing: .5px;
            line-height: 20px;
        }
        .forpass1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            text-align: justify;
            margin-top: 5px;
            color: #0189bc;
            letter-spacing: .5px;
            line-height: 20px;
        }
        .numTitle1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 600;
            font-size: 12px;
            color: #BC0A02;
            padding-left: 0px;
            margin-top: 5px;
            letter-spacing: .5px;
            text-decoration: none;
            vertical-align: bottom;
        }
        .bottomtitle {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            letter-spacing: .5px;
            color: #333333;
            font-weight: 500;
            line-height: 15px;
            text-decoration: none;
        }
        .noteTxt {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            color: #0189bc;
            margin-top: 5px;
            letter-spacing: .5px;
            font-weight: 500;
            text-decoration: none;
        }
        .SmallTxt {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 14px;
            color: #333333;
            letter-spacing: .5px;
            text-decoration: none;
        }
        .PnlLblText {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            color: #262626;
            font-weight: normal;
            letter-spacing: .5px;
            line-height: 18px;
        }
        .PnlLblText1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            color: #007ba4;
            line-height: 18px;
            letter-spacing: .5px;
            font-weight: normal;
        }
        .LMsg1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 600;
            font-size: 16px;
            line-height: 20px;
            text-align: justify;
            color: #ff5821;
            padding-bottom: 12px;
            letter-spacing: .5px;
        }
        .LMsg2 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 500;
            font-size: 12px;
            text-align: justify;
            color: #fff;
            letter-spacing: .5px;
        }
        .LMsg3 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 500;
            font-size: 12px;
            text-align: justify;
            color: #000;
            letter-spacing: .5px;
        }
        .LMsg4 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 500;
            font-size: 17px;
            line-height: 20px;
            text-align: justify;
            color: #000;
            padding-bottom: 12px;
            letter-spacing: .5px;
        }
        .LMsg5 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            line-height: 20px;
            text-align: justify;
            color: #fff;
            padding-bottom: 20px;
            letter-spacing: .5px;
        }
     }
    @media (min-width:768px)
    {
        .txtStyle {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-weight: normal !important;
            font-size: 14px;
            text-shadow: none;
            letter-spacing: .5px;
            text-rendering: optimizeLegibility !important;
            -webkit-font-smoothing: antialiased !important;
            -moz-osx-font-smoothing: grayscale;
            margin-top: 5px;
            font-smooth: always;
            font-smoothing: antialiased;
            -moz-font-smoothing: antialiased;
            -webkit-font-smoothing: antialiased;
        }
        .LMsg1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 600;
            font-size: 22px;
            line-height: 20px;
            letter-spacing: .5px;
            text-align: justify;
            color: #ff5821;
            padding-bottom: 12px;
        }
        .LMsg2 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 600;
            font-size: 12px;
            text-align: justify;
            letter-spacing: .5px;
            color: #fff;
        }
        .LMsg3 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 600;
            font-size: 12px;
            letter-spacing: .5px;
            text-align: justify;
            color: #000;
        }
        .PrintHeading {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 600;
            vertical-align: middle;
            letter-spacing: .5px;
            font-size: 16px;
            color: #333333;
        }
        .sidebarText1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            vertical-align: middle;
            font-size: 12px;
            letter-spacing: .5px;
            color: #333333;
        }
        .sidebarText {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            vertical-align: middle;
            font-size: 13px;
            color: #333333;
        }
        .text2 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 600;
            vertical-align: middle;
            font-size: 24px;
            letter-spacing: .5px;
            color: #333333;
        }
        .homepageTitle {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            letter-spacing: .5px;
            font-size: 18px;
        }
        .tooltip-wide .tooltip 
         {
            min-width:50%;
            width:50%
        }
        .bannerTitle {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 18px;
            letter-spacing: .5px;
            font-weight: normal;
            color: #333333;
        }
        .Lblcss {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 500;
            font-size: 13px;
            letter-spacing: .5px;
            color: #333333;
            margin-top: 5px;
            text-decoration: none;
        }
        .box_txt {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 14px;
            color: #333333;
            margin-top: 5px;
            letter-spacing: .5px;
            font-weight: normal;
            text-decoration: none;
        }
        .vertmenu {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 14px;
            letter-spacing: .5px;
            color: #414042;
        }
        .HomeTitle {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 300;
            font-size: 36px;
            font-weight: normal;
            letter-spacing: .5px;
            line-height: 40px;
            color: #414042;
        }
        .HomeTitle1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 600;
            font-size: 16px;
            font-weight: normal;
            letter-spacing: .5px;
            color: #414042;
        }
        .AdvFont {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            font-weight: normal;
            letter-spacing: .5px;
            color: #000;
        }
        .AdvTitle {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 600;
            font-size: 14px;
            line-height: 15px;
            letter-spacing: .5px;
            color: #384d6c;
        }
        .Jstitle {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 14px;
            color: #333333;
            font-weight: 500;
            padding-left: 0px;
            letter-spacing: .5px;
            text-decoration: none;
        }
        .Jstitle1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 15px;
            color: #333333;
            font-weight: bold;
            letter-spacing: .5px;
            padding-left: 0px;
            text-decoration: none;
        }
        .Statusbar {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            font-weight: 500;
            letter-spacing: .5px;
            text-align: left;
            color: #333333;
            text-decoration: none;
        }

        .TBox {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 14px;
            text-align: justify;
            color: #333333;
            letter-spacing: .5px;
            margin-top: 5px;
            text-decoration: none;
        }

        .midtxt {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 600;
            font-size: 14px;
            letter-spacing: .5px;
            color: #0189bc;
            margin-top: 5px;
            text-align: justify;
            line-height: 12px;
            text-decoration: none;
        }
        .heading1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 600;
            font-size: 15px;
            letter-spacing: .5px;
            color: #333333;
            margin-top: 5px;
            padding-left: 0px;
            text-decoration: none;
        }

        .linkmenu {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            color: #333333;
            letter-spacing: .5px;
            text-align: justify;
            margin-top: 5px;
            line-height: 15px;
            text-decoration: none;
        }

        .WM {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 14px;
            text-align: justify;
            color: #333333;
            letter-spacing: .5px;
            line-height: 20px;
            text-decoration: none;
        }
        .Sbtn {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 600;
            font-size: 16px;
            letter-spacing: .5px;
            color: #FFFFFF;
            padding-left: 0px;
            text-decoration: none;
        }
        .Sbtn2 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 600;
            font-size: 24px;
            letter-spacing: .5px;
            color: #FFFFFF;
            padding-left: 0px;
            text-decoration: none;
        }
        .Sbtn1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 600;
            font-size: 14px;
            color: #FFFFFF;
            letter-spacing: .5px;
            padding-left: 0px;
            text-decoration: none;
        }
        .h1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 18px;
            color: #FFFFFF;
            font-weight: 500;
            letter-spacing: .5px;
            padding-left: 0px;
            text-decoration: none;
        }
        .h11 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 14px;
            color: #FFFFFF;
            font-weight: bold;
            letter-spacing: .5px;
            padding-left: 0px;
            text-decoration: none;
            -webkit-font-smoothing: antialiased;
            text-rendering: optimizeLegibility;
        }
        .H2 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 13px;
            color: #333333;
            font-weight: normal;
            line-height: 20px;
            letter-spacing: .5px;
            text-decoration: none;
        }
        .Lblcss1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 13px;
            color: #FFFFFF;
            font-weight: normal;
            margin-top: 5px;
            letter-spacing: .5px;
            line-height: 15px;
            text-decoration: none;
        }
        .H3 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 28px;
            color: #ed3237;
            letter-spacing: .5px;
            font-weight: bold;
            text-decoration: none;
        }
        .H4 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 26px;
            color: #333333;
            letter-spacing: .5px;
            font-weight: bold;
            text-decoration: none;
        }
        .H5 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 14px;
            color: #333333;
            letter-spacing: .5px;
            font-weight: normal;
            text-decoration: none;
        }
        .bodytxt {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 13px;
            text-align: justify;
            letter-spacing: .5px;
            color: #333333;
            text-align: left;
            margin-top: 5px;
            text-decoration: none;
        }
        .Pnltxt1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 14px;
            text-align: justify;
            color: #333333;
            letter-spacing: .5px;
            text-align: left;
            margin-top: 5px;
            margin-left: 0px;
            text-decoration: none;
        }
        .headtxt1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 14px;
            letter-spacing: .5px;
            text-align: justify;
            color: #333333;
            text-align: left;
            margin-top: 5px;
            text-decoration: none;
        }
        .bodytxt1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 600;
            font-size: 13px;
            text-align: justify;
            color: #333333;
            text-align: left;
            letter-spacing: .5px;
            margin-top: 5px;
            text-decoration: none;
        }
        .topHead1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 13px;
            line-height: 13px;
            font-weight: 400;
            letter-spacing: .5px;
            text-align: justify;
            color: #58595b;
            text-align: left;
        }
        .forpass {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 600;
            font-size: 13px;
            text-align: justify;
            color: #0189bc;
            letter-spacing: .5px;
            margin-top: 5px;
            line-height: 20px;
        }
        .forpass1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 14px;
            text-align: justify;
            color: #0189bc;
            margin-top: 5px;
            letter-spacing: .5px;
            line-height: 20px;
        }
        .numTitle1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 600;
            font-size: 12px;
            color: #BC0A02;
            padding-left: 0px;
            margin-top: 5px;
            letter-spacing: .5px;
            text-decoration: none;
            vertical-align: bottom;
        }
        .bottomtitle {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            color: #333333;
            font-weight: 500;
            letter-spacing: .5px;
            line-height: 15px;
            text-decoration: none;
        }
        .noteTxt {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            color: #0189bc;
            letter-spacing: .5px;
            font-weight: 500;
            text-decoration: none;
        }
        .SmallTxt {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 14px;
            letter-spacing: .5px;
            color: #333333;
            text-decoration: none;
        }
        .PnlLblText {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            letter-spacing: .5px;
            color: #262626;
            font-weight: normal;
            line-height: 18px;
        }
        .PnlLblText1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            letter-spacing: .5px;
            color: #007ba4;
            line-height: 18px;
            font-weight: normal;
        }
        .LMsg5 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 14px;
            letter-spacing: .5px;
            line-height: 20px;
            text-align: justify;
            color: #fff;
            padding-bottom: 20px;
        }
    }

    @media only screen and (min-device-width: 280px) and (max-device-width: 480px) 
    {
        .content1 {
            color: #000000;
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 600;
            font-size: 24px;
            letter-spacing: .5px;
            font-stretch: wider;
        }
        .contentpopup {
            color: #000000;
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            letter-spacing: .5px;
            font-size: 22px;
            font-stretch: normal;
        }
        .TBoxRC {
            -webkit-appearance: none;
            -moz-appearance: none;
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            letter-spacing: .5px;
            font-size: 12px;
            color: #666666;
            text-align: justify;
            text-decoration: none;
            line-height: 1.42857143;
            padding: 6px 12px;
            border: 1px solid #ccc;
            border-radius: 4px;
            box-shadow: none !important;
            outline: none;
        }
           input.TBoxRC:focus 
           {
             outline: none;
             box-shadow: 0px 0px 8px #7bc1f7;
             -moz-box-shadow: 0px 0px 8px #7bc1f7;
             -webkit-box-shadow: 0px 0px 8px #7bc1f7;
           }
        .TBoxRC1 {
            -webkit-appearance: none;
            -moz-appearance: none;
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            letter-spacing: .5px;
            color: #666666;
            text-align: justify;
            text-decoration: none;
            border: 1px solid #ccc;
            line-height: 1.42857143;
            padding: 6px 12px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 0px;
            border-top-left-radius: 0px;
            box-shadow: none !important;
            outline: none;
        }
           input.TBoxRC1:focus 
           {
              outline: none;
              box-shadow: 0px 0px 8px #7bc1f7;
             -moz-box-shadow: 0px 0px 8px #7bc1f7;
             -webkit-box-shadow: 0px 0px 8px #7bc1f7;
          }

        .down {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            border-radius: 4px;
            line-height: 1.42857143;
            letter-spacing: .5px;
            padding: 6px 12px;
            border: 1px solid #ccc;
            color: #666666;
            text-align: justify;
            text-decoration: none;
            height: 30px;
            box-shadow: none !important;
            outline: none;
        }
        .down1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            line-height: 1.42857143;
            padding: 6px 12px;
            border: 1px solid #ccc;
            color: #666666;
            text-align: justify;
            letter-spacing: .5px;
            text-decoration: none;
            height: 30px;
            box-shadow: none !important;
            outline: none;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 0px;
            border-top-left-radius: 0px;
        }
    }
    @media only screen and (min-device-width: 481px) and (max-device-width: 767px) 
     {
        .content1 {
            color: #000000;
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 600;
            font-size: 24px;
            letter-spacing: .5px;
            font-stretch: wider;
        }
        .contentpopup {
            color: #000000;
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 28px;
            font-stretch: normal;
        }
        .TBoxRC {
            -webkit-appearance: none;
            -moz-appearance: none;
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            color: #666666;
            text-align: justify;
            letter-spacing: .5px;
            text-decoration: none;
            line-height: 1.42857143;
            padding: 6px 12px;
            border: 1px solid #ccc;
            border-radius: 4px;
            box-shadow: none !important;
            outline: none;
        }
           input.TBoxRC:focus 
           {
              outline: none;
              box-shadow: 0px 0px 8px #7bc1f7;
              -moz-box-shadow: 0px 0px 8px #7bc1f7;
              -webkit-box-shadow: 0px 0px 8px #7bc1f7;
          }
        .TBoxRC1 {
            -webkit-appearance: none;
            -moz-appearance: none;
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            letter-spacing: .5px;
            color: #666666;
            text-align: justify;
            text-decoration: none;
            border: 1px solid #ccc;
            line-height: 1.42857143;
            padding: 6px 12px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 0px;
            border-top-left-radius: 0px;
            box-shadow: none !important;
            outline: none;
        }
          input.TBoxRC1:focus 
          {
             outline: none;
             box-shadow: 0px 0px 8px #7bc1f7;
             -moz-box-shadow: 0px 0px 8px #7bc1f7;
             -webkit-box-shadow: 0px 0px 8px #7bc1f7;
          }

        .down {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            border-radius: 4px;
            line-height: 1.42857143;
            letter-spacing: .5px;
            padding: 6px 12px;
            border: 1px solid #ccc;
            color: #666666;
            text-align: justify;
            text-decoration: none;
            height: 30px;
            box-shadow: none !important;
            outline: none;
        }
        .down1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            line-height: 1.42857143;
            letter-spacing: .5px;
            padding: 6px 12px;
            border: 1px solid #ccc;
            color: #666666;
            text-align: justify;
            text-decoration: none;
            height: 30px;
            box-shadow: none !important;
            outline: none;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 0px;
            border-top-left-radius: 0px;
        }

    }
    @media only screen and (min-device-width: 768px) and (max-device-width: 991px) 
    {
       .carousel-content
        {
          position: absolute;
          bottom: 20%;
          left: 5%;
          z-index: 20;
          line-height:36px;
        }
        .content1 {
            color: #000000;
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 600;
            letter-spacing: .5px;
            font-size: 24px;
            font-stretch: wider;
        }
        .contentpopup {
            color: #000000;
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 32px;
            letter-spacing: .5px;
            font-stretch: normal;
        }
        .content2 {
            color: #99021a;
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 500;
            letter-spacing: .5px;
            font-size: 28px;
            font-stretch: wider;
        }
        .TBoxRC {
            -webkit-appearance: none;
            -moz-appearance: none;
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            letter-spacing: .5px;
            color: #666666;
            text-align: justify;
            text-decoration: none;
            line-height: 1.42857143;
            padding: 6px 12px;
            border: 1px solid #ccc;
            border-radius: 4px;
            box-shadow: none !important;
            outline: none;
        }
           input.TBoxRC:focus 
           {
              outline: none;
              box-shadow: 0px 0px 8px #7bc1f7;
              -moz-box-shadow: 0px 0px 8px #7bc1f7;
              -webkit-box-shadow: 0px 0px 8px #7bc1f7;
          }
        .TBoxRC1 {
            -webkit-appearance: none;
            -moz-appearance: none;
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            letter-spacing: .5px;
            color: #666666;
            text-align: justify;
            text-decoration: none;
            border: 1px solid #ccc;
            line-height: 1.42857143;
            padding: 6px 12px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 0px;
            border-top-left-radius: 0px;
            box-shadow: none !important;
            outline: none;
        }
           input.TBoxRC1:focus 
           {
               outline: none;
               box-shadow: 0px 0px 8px #7bc1f7;
               -moz-box-shadow: 0px 0px 8px #7bc1f7;
               -webkit-box-shadow: 0px 0px 8px #7bc1f7;
          }
        .down {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            border-radius: 4px;
            line-height: 1.42857143;
            letter-spacing: .5px;
            padding: 6px 12px;
            border: 1px solid #ccc;
            color: #666666;
            text-align: justify;
            text-decoration: none;
            height: 30px;
            box-shadow: none !important;
            outline: none;
        }
        .down1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 12px;
            line-height: 1.42857143;
            letter-spacing: .5px;
            padding: 6px 12px;
            border: 1px solid #ccc;
            color: #666666;
            text-align: justify;
            text-decoration: none;
            height: 30px;
            box-shadow: none !important;
            outline: none;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 0px;
            border-top-left-radius: 0px;
        }

   }
   @media only screen and (min-device-width: 991px) and (max-device-width: 1199px) 
   {
       .carousel-content
        {
          position: absolute;
          bottom: 20%;
          left: 5%;
          z-index: 20;
          line-height:36px;
          
        }
    .content1 {
        color: #000000;
        font-family: 'Hanken Grotesk', sans-serif;
        font-weight: 400;
        font-size: 38px;
        letter-spacing: .5px;
        font-stretch: wider;
    }
    .contentpopup {
        color: #000000;
        font-family: 'Hanken Grotesk', sans-serif;
        font-weight: 400;
        font-size: 30px;
        letter-spacing: .5px;
        font-stretch: normal;
    }
    .content2 {
        color: #99021a;
        font-family: 'Hanken Grotesk', sans-serif;
        font-weight: 500;
        font-size: 36px;
        letter-spacing: .5px;
        font-stretch: wider;
    }
    .TBoxRC {
        font-family: 'Hanken Grotesk', sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #666666;
        text-align: justify;
        text-decoration: none;
        line-height: 1.42857143;
        padding: 6px 12px;
        letter-spacing: .5px;
        border: 1px solid #ccc;
        border-radius: 4px;
    }
           input.TBoxRC:focus 
           {
                outline: none;
                box-shadow: 0px 0px 8px #7bc1f7;
                -moz-box-shadow: 0px 0px 8px #7bc1f7;
                -webkit-box-shadow: 0px 0px 8px #7bc1f7;
          }
    .TBoxRC1 {
        font-family: 'Hanken Grotesk', sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #666666;
        text-align: justify;
        text-decoration: none;
        border: 1px solid #ccc;
        line-height: 1.42857143;
        padding: 6px 12px;
        letter-spacing: .5px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 0px;
    }
           input.TBoxRC1:focus 
           {
                outline: none;
                box-shadow: 0px 0px 8px #7bc1f7;
                -moz-box-shadow: 0px 0px 8px #7bc1f7;
                -webkit-box-shadow: 0px 0px 8px #7bc1f7;
          }
    .down {
        font-family: 'Hanken Grotesk', sans-serif;
        font-weight: 400;
        font-size: 14px;
        border-radius: 4px;
        letter-spacing: .5px;
        line-height: 1.42857143;
        padding: 6px 12px;
        border: 1px solid #ccc;
        color: #666666;
        text-align: justify;
        text-decoration: none;
        box-shadow: none !important;
        outline: none;
    }
    .down1 {
        font-family: 'Hanken Grotesk', sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 1.42857143;
        letter-spacing: .5px;
        padding: 6px 12px;
        border: 1px solid #ccc;
        color: #666666;
        text-align: justify;
        text-decoration: none;
        box-shadow: none !important;
        outline: none;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 0px;
    }

    }

   @media only screen and (min-device-width: 1200px) and (max-device-width: 1799px) 
    { 
       .carousel-content
        {
          position: absolute;
          bottom: 25%;
          left: 5%;
          z-index: 20;
          line-height:36px;
          
        }
        .content1 {
            color: #000000;
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 600;
            font-size: 34px;
            font-stretch: wider;
            letter-spacing: .5px;
        }
        .contentpopup {
            color: #000000;
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 32px;
            font-stretch: normal;
            letter-spacing: .5px;
        }
        .content2 {
            color: #99021a;
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 500;
            font-size: 40px;
            letter-spacing: .5px;
            font-stretch: wider;
        }
        .TBoxRC {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 14px;
            color: #666666;
            text-align: justify;
            letter-spacing: .5px;
            text-decoration: none;
            line-height: 1.42857143;
            padding: 6px 12px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }
           input.TBoxRC:focus 
           {
                outline: none;
                border: 1px solid #ccc;
                box-shadow: 0px 0px 8px #7bc1f7;
                -moz-box-shadow: 0px 0px 8px #7bc1f7;
                -webkit-box-shadow: 0px 0px 8px #7bc1f7;
          }

        .TBoxRC1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 14px;
            color: #666666;
            letter-spacing: .5px;
            text-align: justify;
            text-decoration: none;
            border: 1px solid #ccc;
            line-height: 1.42857143;
            padding: 6px 12px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 0px;
            border-top-left-radius: 0px;
        }
          input.TBoxRC1:focus 
           {
                outline: none;
                border:1px solid #ccc;
                box-shadow: 0px 0px 8px #7bc1f7;
                -moz-box-shadow: 0px 0px 8px #7bc1f7;
                -webkit-box-shadow: 0px 0px 8px #7bc1f7;
          }
        .down {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 14px;
            letter-spacing: .5px;
            border-radius: 4px;
            line-height: 1.42857143;
            padding: 6px 12px;
            border: 1px solid #ccc;
            color: #666666;
            text-align: justify;
            text-decoration: none;
        }
        .down1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 14px;
            line-height: 1.42857143;
            padding: 6px 12px;
            border: 1px solid #ccc;
            color: #666666;
            text-align: justify;
            letter-spacing: .5px;
            text-decoration: none;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 0px;
            border-top-left-radius: 0px;
        }

    }
    @media only screen and (min-device-width: 1800px) and (max-device-width: 2400px) 
    {
        .carousel-content
        {
          position: absolute;
          bottom: 25%;
          left: 5%;
          z-index: 20;
          line-height:36px;
          
        }
        .content1 {
            color: #000000;
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 600;
            font-size: 34px;
            letter-spacing: .5px;
            font-stretch: wider;
        }
        .contentpopup {
            color: #000000;
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 32px;
            font-stretch: normal;
        }
        .content2 {
            color: #99021a;
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 500;
            letter-spacing: .5px;
            font-size: 40px;
            font-stretch: wider;
        }
        .TBoxRC {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 14px;
            color: #666666;
            text-align: justify;
            letter-spacing: .5px;
            text-decoration: none;
            line-height: 1.42857143;
            padding: 6px 12px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }
           input.TBoxRC:focus 
           {
               outline: none;
               border:1px solid #ccc;
               box-shadow: 0px 0px 8px #7bc1f7;
              -moz-box-shadow: 0px 0px 8px #7bc1f7;
              -webkit-box-shadow: 0px 0px 8px #7bc1f7;
           }
        .TBoxRC1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 14px;
            color: #666666;
            text-align: justify;
            text-decoration: none;
            border: 1px solid #ccc;
            letter-spacing: .5px;
            line-height: 1.42857143;
            padding: 6px 12px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 0px;
            border-top-left-radius: 0px;
        }
           input.TBoxRC1:focus 
           {
              outline: none;
              border:1px solid #ccc;
              box-shadow: 0px 0px 8px #7bc1f7;
              -moz-box-shadow: 0px 0px 8px #7bc1f7;
              -webkit-box-shadow: 0px 0px 8px #7bc1f7;
           }
        .down {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 14px;
            border-radius: 4px;
            line-height: 1.42857143;
            letter-spacing: .5px;
            padding: 6px 12px;
            border: 1px solid #ccc;
            color: #666666;
            text-align: justify;
            text-decoration: none;
        }
        .down1 {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 400;
            font-size: 14px;
            line-height: 1.42857143;
            padding: 6px 12px;
            border: 1px solid #ccc;
            letter-spacing: .5px;
            color: #666666;
            text-align: justify;
            text-decoration: none;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 0px;
            border-top-left-radius: 0px;
        }
}