body {
  font-family: arial;
  margin: 0;
  padding: 0;
  background: #D3D2D7;
  cursor: none;

}


h1 {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}


footer {
  position: inherit;
  display: flex;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;

}

#footer {
  position: relative;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;


}




#disclaimer-note {
  padding-left: 100px;
  padding-right: 100px;
  font-size: 20px;
  text-align: left;
}




img {
  width: 100%;
}





/*

Disclaimer Page

*/







/*


header {
  z-index: -2;
  width: 100%%;
  height: auto;
  position: relative;
  display: flex;
  text-align: center;

}



*/



/*

.anchor {
  display: flex;
  justify-content: center;
}

*/

/*


.header-text {
  display: block;
  padding-bottom: 100px;
  padding-top: 200px;
  margin: auto;
  left: 20%;
}


*/














/*



.logo1 {
  background-image: url(images/reel3.jpg);
          width: 90%;
          height: 100%;
          padding: 0 0 36%;
          background-repeat: no-repeat;
          background-size: cover;
          margin-left: 50%;
          margin-right: auto;
          overflow: hidden;
          transform: translateX(-50%);
}


*/




/*


.logo2 {
  background-image: url(images/reel4.jpg);
          width: 90%;
          height: 100%;
          padding: 0 0 36%;

          background-repeat: no-repeat;
          background-size: cover;
          margin-left: 50%;
          margin-right: auto;
          overflow: hidden;
          transform: translateX(-50%);
}



*/








/*


.main-heading2 {
  display: block;
  padding-bottom: 225px;
}


.csi-logo {
  padding-bottom: 50px;
}

*/

/*

.flipcards {
 position: relative;
 right: 35%;
 margin-bottom: -100px;
}

*/



/* Container 1st position



.container  {
    width: 1000px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}



*/




/* Container 2nd position


.container  {

    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    justify-content: space-around;
}


*/






















/*  Cursor   */





.cursor {
  width: 20px;
  height: 20px;
  border: 1px solid white;
  border-radius: 50%;
  position: absolute;
  transition-duration: 200ms;
  transition-timing-function: ease-out;
  animation: cursorAnim .5s infinite alternate;
  z-index: 0;
  pointer-events: none;

}


.cursor::after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  border: 8px solid #21356A;
  border-radius: 50%;
  opacity: .5;
  top: -8px;
  left: -8px;
  animation: cursorAnim2 .5s infinite alternate;
}




@keyframes cursorAnim2 {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(.4);
  }
}



.expand {
  animation: cursorAnim3 .5s forwards;
  border: 2px solid #41B0F6;
}






@keyframes cursorAnim3 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(.3);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}






@keyframes cursorAnim {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(.7);
  }
}




.box:hover .content .p1 {
  opacity: 1;
  transition-delay: 0.5s;
}



/*  Cursor ^ */





/* flip card effect */









#disclaimer-note {
  text-align: center;
  margin-bottom: 25px;
}




.p1 {
  padding: 20px;
  color: #262626;
  text-align: justify;
  font-size: small;
}