.resourcename {
      font-family: Anton, Impact, Arial, sans-serif;
      font-size: 24px;
      font-weight: 400;
      line-height: 31px;
      text-align: left;
      color:#3B4F70;     
      padding-left:32px;
    }
      
      
    .jwccTitleSectionDiv
      {
          display: flex; 
          height: 100%; 
          align-items: center; 
          min-height: 300px;
      }

    .jwccTitle
      {
        color: #FBFBFB;
        font-family: Anton, Impact, Arial, sans-serif;
        font-size: 50px;
        font-style: normal;
        font-weight: 400; 
        white-space: nowrap; 
      }
      
    .Registrationsection
      {
          color: #F4F5F5;
          font-size: 12px;
          font-family: Arial;
          font-weight: 400;
          padding-top:36px;
          padding-top:36px;
          line-height: 16px;
          text-align:center
      }
      
    .Registrationsectioncont
      {
          color: #F4F5F5;
          font-size: 12px;
          font-family: Arial;
          font-weight: 400;
          padding-top:36px;
          padding-top:36px;
          line-height: 16px;
          text-align:center
      }
      
    .CSOOffering
      {
          font-family: Arial;
          font-size: 20px;
          font-weight: 400;
          line-height: 23px;
          text-align: right;
          padding-top:10px;
          color:rgba(44, 53, 59, 1);
      }
      
    .resourcetitle {
      font-family:Arial, sans-serif;
      font-size: 16px;
      font-weight: 300;
      line-height: 24px;
      padding-bottom:105px;
      text-align: left; 
      color:#2C353B;       
      padding-left:32px;
      }
      
    .resourcebio {
      font-family: Arial;color: #0D61F0; 
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
      letter-spacing: 0.25px;
      text-align: left;   
      padding-left:32px;    
      }
      
     .atatheader
      {
          color:#2C353B; 
          font-family: Anton, Impact, Arial, sans-serif;
          font-size: 24px;
          font-weight: 400;
          line-height: 32px;
          text-align: left;
          padding-top:24px;
          
      }
      
      .atatbody
      {
          font-family:Arial;
          color:#2C353B; 
          font-size: 16px;
          font-weight: 400;
          line-height: 24px;
          text-align: left;
          padding-top:16px;
      }
      
      .dappsheader
      {
          font-family: Anton, Impact, Arial, sans-serif;
          color:#2C353B; 
          font-size: 24px;
          font-weight: 400;
          line-height: 32px;
          text-align: left;
          padding-top:24px;
          
         /* padding-left:35px; */
      }
      
      .dappsbody
      {
          font-family:Arial,sans-serif;
          color:#2C353B; 
          font-size: 16px;
          font-weight: 400;
          line-height: 24px;
         /* padding-left:35px; */
          padding-top:16px;
      }
      
      .jwccheader
      {
          color: #3B4F70;
          font-size: 50px;
          font-family: Anton, Impact, Arial, sans-serif;
          font-weight: 400;
          line-height: 60px;
          /*padding-bottom:34px;*/
          padding-top:12px;
      }
      
      .jwccbody
      {
          color: #2C353B;
          font-size: 16px;
          font-family: Arial;
          font-weight: 400;
          line-height: 24px;
         /* padding-bottom:16px; */
          padding-top:24px;
      }
      
     /* .THIS .jwccjourney
      {
          color: #2C353B;
          font-size: 20px;
          font-family: Arial, san-serif;
          font-weight: 700;
          line-height: 26px;
          padding-top:16px;
          padding-bottom:12px;
      } */
      .jwccjourney
      {
          font-family: Arial;
          font-size: 20px;
          font-weight: 700;
          line-height: 26px;
          letter-spacing: -0.25px;
          text-align: left;
          text-underline-position: from-font;
          text-decoration-skip-ink: none; 
          color :  rgba(44, 53, 59, 1);
          padding-top:16px;
          padding-bottom:12px;

      }
      
      .CSPHeder
      {
          color:#5292FF;
          font-size: 50px;
          font-family: Anton, Impact, Arial, sans-serif;
          font-weight: 400;
      }
      
      .CSPHederoptions
      {
          color:#FBFBFB;
          font-size:20px;
          font-family: Arial;
          font-weight: 400;
          line-height: 28px;
          padding-top:16px;
      }
      
      .JWCCResources
      { 
          font-family: Anton, Impact, Arial, sans-serif;
          font-size: 50px; 
          font-weight: 400;
          line-height: 58.3px;
          text-align: left;
          padding-top:25px;
          color: rgba(59, 79, 112, 1);

          
      }
      
      .JWCCResourcetypes
      {
          font-family:Arial;
          color:#3B4F70; 
          font-size: 16px;
          font-weight: 400;
          /*line-height: 24px;*/
          text-align: left;
          padding-top:16px;
      }
      
      .JWCCResourcetypeoptionsUL
      {
           padding-top:42px; 
      }
      
      .JWCCResourcetypeoptions
      {
          font-family: Arial;
          font-size: 16px;
          font-weight: 400;
          line-height: 24px;
          letter-spacing: 0.25px;
          text-align: left; 
          color:black;
         
      }
      
      .jwccLeadership
      {
          font-family: Anton,Arial, sans-serif;
          font-size: 34px;
          font-weight: 400;
          line-height: 44px;
          text-align: left;
          color: #61686C;
      }
      
     
      
       .JWCCLearnmoreandlogin
      {
          font-family: Arial;
          font-size: 16px;
          font-weight: 400;
          line-height: 24px;
          letter-spacing: 0.25px; 
          color:#0D61F0; 
          text-align: left;
      }

      .sect
        {
            display:flex;
            flex-wrap:wrap;
            justify-content: center;
        }

        .hacc_card
        {
            box-shadow:0 4px 8px 0 rgb(0 0 0 / 20%) ;
            transition:0.3s;
            width: 350px;
            background-color: white;
            margin: 20px;
            padding: 12px;
            border-radius: 25px;
        }

        .hacc_container
        {
            display:flex;
            flex-wrap: wrap;
        }