.top-container{
    box-sizing: border-box;
    background: #A2D5D1;
    height: 370.46px;
    width: 1680px;
    position: relative;
    overflow: hidden;
    display:flex; 

}


.text-container{

padding-left: 25px;

display:block;
}

.survey-container{
    box-sizing: border-box;
    background: white;
    height: 370.46px;
    width: 1680px;
    position: relative;
    overflow: hidden;
    display:flex; 

}

.topic-row {

    position: relative; top: 0px;
}

.topic-sec-row {

    position: relative; top: 98.68px;
}

.test{

    position: relative; 
    padding-top: 47.42px !important ;

}
.test2{
    position: relative; 
    padding-top: 47.42px ;
}

.c {
    font-size: 24px;
    color: blue;
    text-decoration: none;
    font-weight: bold;
}

.big-link {
    font-weight: 800;
    font-style: normal;

    font-size: 18px ;
    line-height: 131.5%;
    /* or 42px */
    letter-spacing: -0.015em;
    color: #001A49;
    margin-top: 5px;

}


.thissurveytext {
    /* margin-top: 11.5px; */
    position: relative;
    font-style: normal;
    font-weight: 300;
    font-size: 18px !important;
    line-height: 100.5%;
    /* or 42px */
    letter-spacing: -0.015em;
    color: #001A49;
    /* padding-bottom: 5px; */


    top: -5px;

}

.link-text{

font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 150%;
/* identical to box height, or 27px */
letter-spacing: -0.019em;
color: #001A49;
text-decoration: none;

}

.this-website-p-div {

    position: relative;
    left: 108.5px;
  }

.welcome-div{
    flex: 1;
    
    width: 627.55px;
    display:flex; 
    justify-content: center;
    align-items: center;
    flex-direction: column;


}


.survey-div{

    margin-left: 200px;
    /* width: 627.55px; */
    display:flex; 
    justify-content: center;
    align-items: center;
    flex-direction: row;


}



.by-topic {
    background: #EEEEED; width: 100%;
    height: 525.3px;
 }
 


.link-div{
    flex: 1;

    align-items: center;
    justify-content: center;
   

}



.welcome-survey-text{
                            position: relative;
                              font-style: normal;
                              font-weight: 700;
                              font-size: 24px;
                              line-height: 131.5%;
                              /* or 42px */
                              letter-spacing: -0.015em;
                              color: #001A49;
                              padding-bottom: 5px;                          
}



.welcome-text{

    position: relative;
                              font-style: normal;
                              font-weight: 700;
                              font-size: 32px;
                              line-height: 131.5%;
                              /* or 42px */
                              letter-spacing: -0.015em;
                              color: #001A49;
                              width: 627px;
                 
                              height: 83.3px;
                              top: -11.9px;
                              left: 131.5px;
                     
}



.survey-text{

    position: relative;
                              font-style: normal;
                              font-weight: 700;
                              font-size: 32px;
                              line-height: 131.5%;
                              /* or 42px */
                              letter-spacing: -0.015em;
                              color: #001A49;
                              width: 627px;
                 
                              height: 83.3px;
                              top: -11.9px;
                              /* left: 131.5px; */
                     
}


.thiswebsitetext {
    position: relative;
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 131.5%;
    /* or 42px */
    letter-spacing: -0.015em;
    color: #001A49;

    width: 580.55px;
    top: 1px;

}


.learn-headsupp-container {
    box-sizing: border-box;
    position: relative;
    width: 314.76px;
    height: 56px;
    top: 108px;
    left: 177.6px;

    display: flex;
    justify-content: center;
    align-items: center;
    border: 3px solid #001A49;
    border-radius: 8px;
        margin-bottom: 25px;
}

.learn-headsupp {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    /* identical to box height, or 27px */
    letter-spacing: -0.019em;
    color: #001A49;
    text-decoration: none;
}

.img-class{
    margin-right: 36px;

}
.viewnmsstrat-container {
    box-sizing: border-box;
    position: relative;

     width: 400.57px;
    height: 56px; 
    left: 177.6px;
    top: 102.85px;

    display: flex;
    justify-content: center;
    align-items: center;
    border: 3px solid #001A49;
    border-radius: 8px;

}

.featboxcont{

    position: relative;

    top: 18px;
    left: 35px;
    align-items: center; 
    display: flex;
    
    justify-content: center;
    flex-direction: row;
   /* flex-wrap: wrap; */


}

.viewnmsstrat {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    /* identical to box height, or 27px */
    letter-spacing: -0.019em;
    color: #001A49;
}
.featured-heading{
padding-left: 12px;
    margin-top: 54px;
}

.featured-card{
    width: 368.74px;
              height: 400.48px;
    
    
              background: #FFFFFF;
              box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
              border-radius: 5px;
    
    }

    .par-div{

        align-content: centre; justify-content: centre;
            padding-left: 36px; padding-top: 20px; padding-right: 25px;
            padding-bottom: 25px;
    }

.featured-cont{

    display:flex; align-items: center; justify-content: center; background: #EEEEED;
    position: relative;     flex-direction: column; 

}

.featured-cont2{

    box-sizing: border-box; background: #EEEEED; height: 600.46px;
    width: 1176px; position: relative;

}


@media only screen and (max-width: 1680) {
.survey-container{
    box-sizing: border-box;
    background: white;
    height: 370.46px;
    width: 1280px;
    position: relative;
    overflow: hidden;
    display:flex; 

}

}




@media only screen and (max-width: 1179px) {
    /* For tablets: */

    .thisimg {
        display: none;
}

.survey-div {

    margin-left: 100px;
    width: 100%;
}


.text-container{

    padding-left: 0;
    
    display:block;
    }

.welcome-survey-text{
    position: relative;
      font-style: normal;
      font-weight: 700;
      font-size: 18px;
      line-height: 131.5%;
      /* or 42px */
      letter-spacing: -0.015em;
      color: #001A49;
      padding-bottom: 5px;                          
}

    .survey-container{
        box-sizing: border-box;
        background: white;
        height: 370.46px;
        width: 1000;
        position: relative;
        overflow: hidden;
        display:flex; 
    
    }
    .welcome-text{

        position: relative;
                                  font-style: normal;
                                  font-weight: 700;
                                  font-size: 16px;
                                  line-height: 131.5%;
                                  /* or 42px */
                                  letter-spacing: -0.015em;
                                  color: #001A49;
                                  width: 627px;
                     
                                  height: 83.3px;
                                  top: 0px;
                                
                         
    }


    
    
    .thiswebsitetext {
        position: relative;
    
        left: 0px;
        font-style: normal;
        font-weight: 300;
        font-size: 12px;
        line-height: 131.5%;
        /* or 42px */
        letter-spacing: -0.015em;
        color: #001A49;

        width: 80%;
        left: 0px;

    
    }
    .top-container{

        box-sizing: border-box;
        background: #A2D5D1;
        height: 453.46px;
        width: 1680px;

        position: relative;
        overflow: hidden;
    
        display:flex; 
        flex-direction: column;
        

    }

.learn-headsupp-container {
    box-sizing: border-box;
    position: relative;
    width: 314.76px;
    height: 56px;

    display: flex;
    justify-content: center;
    align-items: center;
    border: 3px solid #001A49;
    border-radius: 8px;
        margin-bottom: 25px;
        top: 0px;
        left: 133px;
}

.viewnmsstrat-container {
    box-sizing: border-box;
    position: relative;

     width: 400.57px;
    height: 56px; 


    display: flex;
    justify-content: center;
    align-items: center;
    border: 3px solid #001A49;
    border-radius: 8px;

    top: 0px;
    left: 133px;
}



    .featured-card{
        width: 306.74px;
                  height: 400.48px;
        
        
                  background: #FFFFFF;
                  box-shadow: 0px 4px 4px rgba(2, 2, 2, 0.25);
                  border-radius: 5px;
        
        }

        .img-class{
            margin-right: 12px;
        
        }

    .featured-cont{

        display:flex; align-items: center; justify-content: center; 
        flex-direction: column;
        /* padding-top: 20px; */
    }

    .par-div{

        align-content: centre; justify-content: centre;
            padding-left: 6px; padding-top: 20px; padding-right: 5px;
            padding-bottom: 25px;
    }
    
    .featured-cont2{
    
        box-sizing: border-box; background: #EEEEED; 
   position: relative; width: 968px; height: 1400px; height: 600.46px;
    
    }

    .featboxcont{

        display: flex; 
        
        align-items: center; justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
    }


    .featured {
        position: relative;

        top: 11.75%;

        font-style: normal;
        font-weight: 700;
        font-size: 32px;
        line-height: 150%;
        /* identical to box height, or 48px */
        letter-spacing: -0.015em;
        color: #363636;
    }
 
  }



@media only screen and (max-width: 1400px) {
    /* For tablets: */


    .survey-container{
        box-sizing: border-box;
        background: white;
        height: 370.46px;
        width: 1280px;
        position: relative;
        overflow: hidden;
        display:flex; 
    
    }


.survey-div {

    margin-left: 25px;
    width: 100%;
}


    .text-container{

        padding-left: 0;
        
        display:block;
        }

    .welcome-survey-text{
        position: relative;
          font-style: normal;
          font-weight: 700;
          font-size: 18px;
          line-height: 131.5%;
          /* or 42px */
          letter-spacing: -0.015em;
          color: #001A49;
          padding-bottom: 5px;                          
}


    /* .thisimg {
        display: none;
} */


    .featured-cont{

        display:flex;
/*         
        height: 1500.46px; */
    
    }

    
    .welcome-text{

        position: relative;
                                  font-style: normal;
                                  font-weight: 700;
                                  font-size: 16px;
                                  line-height: 131.5%;
                                  /* or 42px */
                                  letter-spacing: -0.015em;
                                  color: #001A49;
                                  width: 627px;
                     
                                  height: 83.3px;
                                  top: 0px;
                                
                         
    }
    .thiswebsitetext {
        position: relative;
         /* width: 580.55px;
        height: 194.73px;  */
        /* left: 232.2px;
                      top: 514.72px; */
        left: 0px;
        font-style: normal;
        font-weight: 300;
        font-size: 12px;
        line-height: 131.5%;
        /* or 42px */
        letter-spacing: -0.015em;
        color: #001A49;

        width: 80%;
        left: 0px;

    
    }

    
    .featured-cont2{
    
        box-sizing: border-box; background: #EEEEED; 
         position: relative;
    width: 100%;
    height: 1350px;
    }
    


    .thiswebsitetext {
        position: relative;
         /* width: 580.55px;
        height: 194.73px;  */
        /* left: 232.2px;
                      top: 514.72px; */
         left: 0px;
        font-style: normal;
        font-weight: 300;
        font-size: 24px;
        line-height: 131.5%;
        /* or 42px */
        letter-spacing: -0.015em;
        color: #001A49;
    
        width: 80%;
        left: 0px;
      
    
    }

    .featured-heading{
        position: relative;
        left :80px;
        margin-top: 0px;
    }

    .welcome-text{

        position: relative;
                                  font-style: normal;
                                  font-weight: 700;
                                  font-size: 32px;
                                  line-height: 131.5%;
                                  /* or 42px */
                                  letter-spacing: -0.015em;
                                  color: #001A49;
                                  width: 75%;
                     left: 50px;
                                  height: 83.3px;
                      
                         
    }

    .featured-cont2{
    
        box-sizing: border-box; background: #EEEEED; 
   position: relative;
    
    }

    .featboxcont{

        display: flex; 
        
        align-items: center; justify-content: center;
        flex-direction: column;
        flex-wrap: wrap;
     
    }

    .featured-card{
        width: 306.74px;
                  height: 400.48px;
            margin-top: 20px;
        
                  background: #FFFFFF;
                  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
                  border-radius: 5px;
        
        }

    .featured {
        position: relative;

        top: 11.75%;

        font-style: normal;
        font-weight: 700;
        font-size: 32px;
        line-height: 150%;
        /* identical to box height, or 48px */
        letter-spacing: -0.015em;
        color: #363636;
    }
    

    .top-container{

        box-sizing: border-box;
        background: #A2D5D1;
        height: 403.46px;
        width: 100%;

        position: relative;
        overflow: hidden;
    
        display:flex; 
        flex-direction: column;

    }



.learn-headsupp-container {
    box-sizing: border-box;
    position: relative;
    width: 314.76px;
    height: 56px;

    display: flex;
    justify-content: center;
    align-items: center;
    border: 3px solid #001A49;
    border-radius: 8px;
        margin-bottom: 25px;
        top: 20px;
        left: 133px;
}

.viewnmsstrat-container {
    box-sizing: border-box;
    position: relative;

     width: 400.57px;
    height: 56px; 


    display: flex;
    justify-content: center;
    align-items: center;
    border: 3px solid #001A49;
    border-radius: 8px;

    top: 0px;
    left: 133px;
}
    


  }







@media only screen and (max-width: 700px) {
    /* For tablets: */

    .survey-div {

        margin-left: 10px;
    }

    .text-container{

        padding-left: 0;
        
        display:block;
        }
    .welcome-survey-text{
        position: relative;
          font-style: normal;
          font-weight: 700;
          font-size: 18px;
          line-height: 131.5%;
          /* or 42px */
          letter-spacing: -0.015em;
          color: #001A49;
          padding-bottom: 5px;                          
}

    .welcome-text{

        position: relative;
                                  font-style: normal;
                                  font-weight: 700;
                                  font-size: 16px;
                                  line-height: 131.5%;
                                  /* or 42px */
                                  letter-spacing: -0.015em;
                                  color: #001A49;
                                  width: 627px;
                     
                                  height: 83.3px;
                                  top: 0px;
                                
                         
    }


    
    
    .thiswebsitetext {
        position: relative;
         /* width: 580.55px;
        height: 194.73px;  */
        /* left: 232.2px;
                      top: 514.72px; */
        left: 0px;
        font-style: normal;
        font-weight: 300;
        font-size: 12px;
        line-height: 131.5%;
        /* or 42px */
        letter-spacing: -0.015em;
        color: #001A49;

        width: 80%;
        left: 0px;

    
    }
    .thisimg {
        display: none;
}

    .thistest{
        font-size: 12px;
        width: 100%;


    }

    .topic-row {

        position: relative; top: 5px;
    }


    .topic-sec-row {

        position: relative; top: 10px;
    }

.link-text{

    font-style: normal;
    font-weight: 700;
    font-size: 12px !important;
    line-height: 150%;
    /* identical to box height, or 27px */
    letter-spacing: -0.019em;
    color: #001A49;
    text-decoration: none;
    
    }

    .top-container{

        box-sizing: border-box;
        background: #A2D5D1;
        height: 352.46px !important;
        width: 1680px;
        /* align-items: center;
        justify-content: center; */
        position: relative;
        overflow: hidden;
    
        display:flex; 
        
        /* align-items: center;  */
        
        
        /* justify-content: center; */
    
    }
    

.link-div{
    flex: 1;

    align-items: center;
    justify-content: center;
    height: 140px;

}

    .learn-headsupp-container {
        box-sizing: border-box;
        position: relative;
        width: 100%x;
        height: 56px;
    
        display: flex;
        justify-content: center;
        align-items: center;
        border: 3px solid #001A49;
        border-radius: 8px;
            margin-bottom: 25px;
            top: 10px;
            left: 10px;
    }
    
    .viewnmsstrat-container {
        box-sizing: border-box;
        position: relative;
    
         width: 90%;
        height: 56px; 
    
    
        display: flex;
        justify-content: center;
        align-items: center;
        border: 3px solid #001A49;
        border-radius: 8px;
    
        top: 0px;
        left: 10px;
     
    }
    
    

    .welcome-div{
        flex: 1;
        
        width: 100%;
        display:flex; 
         justify-content:start;
        align-items:flex-start; 
        flex-direction: column;
    
        left: 0px;
    }


    .welcome-text{

        position: relative;
                                  font-style: normal;
                                  font-weight: 700;
                                  font-size: 24px;
                                  line-height: 131.5%;
                                  /* or 42px */
                                  letter-spacing: -0.015em;
                                  color: #001A49;
                                  width: 100%;
                     
                                  height: 83.3px;
                                  top: 10px;
                                  left: 10px;
                         
    }

    .featured-cont{

        display:flex;
/*         
        height: 1500.46px; */
    
    }

    
    .featured-cont2{
    
        box-sizing: border-box; background: #EEEEED; 
         position: relative;
        align-items: center;
        justify-content: center;
    width: 100%;
    height: 1350px;
    }

    /* .this-website-p-div {

        display: none;
    }
     */


    .thiswebsitetext {
        position: relative;
         /* width: 580.55px;
        height: 194.73px;  */
        /* left: 232.2px;
                      top: 514.72px; */

        font-style: normal;
        font-weight: 300;
        font-size: 18px !important;
        line-height: 131.5%;
        /* or 42px */
        letter-spacing: -0.015em;
        color: #001A49;
    width: 80% !important;;
margin-bottom: 5px;
        left: -95px;
        top: -5px;
    
    }

    .featured-heading{
        position: relative;
        left :40px;
        margin-top: 10px;
    }



    .featured-cont2{
    
        box-sizing: border-box; background: #EEEEED; 
   position: relative;
    
    }

    .featboxcont{
        width: 100%;
        display: flex; 
        
        align-items: center; 
        justify-content: center;
        flex-direction: column;
        flex-wrap: wrap;
        left: 10px;
        top: -10px;
     
    }

    .featured-card{
        width: 306.74px;
                  height: 400.48px;
            margin-top: 20px;
        
                  background: #FFFFFF;
                  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
                  border-radius: 5px;
        
        }

    .featured {
        position: relative;

        top: 11.75%;

        font-style: normal;
        font-weight: 700;
        font-size: 32px;
        line-height: 150%;
        /* identical to box height, or 48px */
        letter-spacing: -0.015em;
        color: #363636;
    }
    

    .top-container{

        box-sizing: border-box;
        background: #A2D5D1;
        height: 453.46px;
        width: 100%;
        /* align-items: center;
        justify-content: center; */
        position: relative;
        overflow: hidden;
    
        display:flex; 
        flex-direction: column;
        
        /* align-items: center;  */
        
        
        /* justify-content: center; */
    
    }

    .by-topic {
       background: white; width: 100%;
        position: relative;
        top: -20px;

    }

    .test {

       position: relative;
        
        padding-top: 5px !important;
    }
    
    .test2{

        position: relative; 
        top: -30px !important;
    }
    

  }


  .image-box {
    width: 30%; /* Set the width of the image box to 30% of the container */
    height: 80%; /* Set the height of the image box to match the container height */
    position: absolute; /* Position the image box relative to the container */
  }


.flex-down {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #A2D5D1;
  }

  
.survey-down {
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
  }





.featured {
    position: relative;
    position: relative;

    top: 11.75%;
    left: 35px;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 150%;
    /* identical to box height, or 48px */
    letter-spacing: -0.015em;
    color: #363636;
}

.learnandviewbox {
    box-sizing: border-box;
    background: #A2D5D1;
    height: 370.46px;
    width: 1680px;
    /* align-items: center;
    justify-content: center; */
    position: relative;
    overflow: hidden;
    border: solid 5px; 
    display:flex; align-items: center; justify-content: center;
}




.print-container {
    position: relative;
    /* top: 21.42px;
    left: 1470.68px; */
}



.welcometonwhdsite {
    position: relative;
    /* width: 627.55px;
    height: 194.73px; */
    


}

.welcometonhwdssitetext {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 131.5%;
    /* or 42px */
    letter-spacing: -0.015em;
    color: #001A49;
    border: solid 5px;
}




@media only screen and (max-width: 600px) {
    /* For tablets: */

    .thisimg {
        display: none;
}

.survey-div {

    margin-left: 10px;
}


.text-container{

    padding-left: 0;
    
    display:block;
    }


    .survey-container{
        box-sizing: border-box;
        background: white;
        height: 500px;
        width: 1000;
        position: relative;
        overflow: hidden;
        display:flex; 
    
    }
  
    

}