body {margin:0;
  padding:0px;  top:0px;}

  #myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #6E1F61;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
  }
  
  ul{
 
    font-family: open sans;
    font-size: 17px;
    word-spacing: 3px;
    color: #707070;
  }h3{
    font-family: open sans;
    font-size: 25px;
    font-weight: bold;
  }
p{
  font-family: open sans;
  font-size: 17px;
  word-spacing: 3px;
  
}

  
  #myBtn:hover {
    background-color: #555;
  }


  .topnav {
    overflow: hidden;
    margin-left: 19%;
    margin-right: 20%;
    width: 100%;
    
  }
  @media screen and (max-width: 1200px) {
    .topnav {
      overflow: hidden;
      margin-left: 0%;
      margin-right: 0%;
      width: 100%;
      
    }
  }
  .gllry {
    padding: 5px;
    border: 0px red solid;
    padding-left: 12px;
    
  }
  .gllry img{
    
  }
  @media screen and (max-width: 600px) {
    .gllry img{
      
      border-radius: 0px; 
    }
  }
  .spac {
    padding-top: 30px;
    margin: 10px;
    
  }
  
  .contxtmain {
    width:60%;
    margin: auto;
    background-color: white;
    border-top: 0px;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
    
  }
  @media screen and (max-width: 600px) {
    .contxtmain {
      width:98%;
      margin: auto;
      
    }
  }
  .centery {
    
    width:100%;
    border:0px red solid;
    
  }

  .center {
    margin-left: auto;
    margin-right: auto;
    width:60%;
    border:0px red solid;
    
  }
  

  @media screen and (max-width: 600px) {
    .center {
      margin-left: auto;
      margin-right: auto;
      width:98%;
      
    }
  }
  
  
  .topnav a {
    float: left;
    display: block;
    color: rgb(48, 48, 48);
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size:20px;
    font-family: open sans;
  
    
  }
  
  .topnav a:hover {
    background-color: #ddd;
    color: black;
  }
  
  .topnav a.active {
    
    color: rgb(48, 48, 48);
    border-bottom: 1px black solid;
  }
  
  .topnav .icon {
    display: none;
  }
  
  @media screen and (max-width: 600px) {
    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {
      float: right;
      display: block;
    }
  }
  
  @media screen and (max-width: 600px) {
    .topnav.responsive {position: relative;}
    .topnav.responsive .icon {
      position: absolute;
      right: 0;
      top: 0;
    }
    .topnav.responsive a {
      float: none;
      display: block;
      text-align: left;
    }
  }

  .content1 {
    
   
    margin:10px;
    border:0px red solid;
    padding :15px;
    padding-left:20px;
    background-color: white;
    border-radius: 20px;
    
  }

  .container  {
 
    
    display: grid;
    grid-template-columns: repeat(2,1fr);
    text-align: left;
  }
  .card1 {
    
   
    margin:10px;
    padding:5px;
    padding-left:20px;
    font-family: open sans;
    font-size: 14px;
    

    
  }
@media only screen and (max-width: 700px){

  .container  {
 
    display: grid;
    grid-template-columns: repeat(1,1fr);
    
  }

}
  
.container1  {
 
  border: 0px red solid;
  display: grid;
  margin: 10px;
  padding: 5px;
  grid-template-columns: repeat(3,1fr);
  text-align: left;
  
}
.card2 {
  
 
  margin:10px;
  border: 0px rgb(68, 68, 68) solid;
  
  
}

.amnts{

  padding-left:0px;
  border: 1px #3d4690 solid;
  color: #707070;

}
@media only screen and (max-width: 700px){

  .container1  {
 
    display: grid;
    grid-template-columns: repeat(1,1fr);
    
    
  }
  .card2 {
  
 
    margin:10px;
    border: 0px rgb(68, 68, 68) solid;
    padding-left:10px;
    padding-top:45px;
    
  }

}
.container6  {
 
  border: 0px red solid;
  display: grid;
  grid-template-columns: repeat(2,1fr);
  text-align: left;
}
.card7 {
  
 
  margin:10px;
  border: 0px rgb(68, 68, 68) solid;
  padding-left:10px;

  
}
@media only screen and (max-width: 700px){

  .container6  {
 
    display: grid;
    grid-template-columns: repeat(1,1fr);
    
  }
  .card7 {
  
 
    margin:10px;
    
    border: 0px rgb(68, 68, 68) solid;
    padding-left:10px;

    
  }

}
.container2  {
 
  border: 0px red solid;
  margin: 10px;
  padding: 5px;
  display: grid;
  grid-template-columns: repeat(2,1fr);
  text-align: left;
}
.card3 {
  
 
  margin:10px;
  border: 1px #c9c9c9 solid;
  
  
}
.card3 img{
  
 
  float:left;
  
  
}

@media only screen and (max-width: 700px){

  .container2  {
 
    display: grid;
    grid-template-columns: repeat(1,1fr);
    
  }
  .card3 {
  
  border: 0px rgb(68, 68, 68) solid;
  padding:0px;
  background-color: #ebebed;
  
    
  }
  .card3 img{
  
 
    float:none;
    padding-right:5px;
    
  }

}
.container3  {
 
  border: 0px red solid;
  margin:10px;
  display: grid;
  grid-template-columns: repeat(2,1fr);
  text-align: left;
}
.card4 {
  
 
  margin:0px;
  padding-left: 20px;
  border: 1px rgb(189, 189, 189) solid;
  
}
@media only screen and (max-width: 700px){

  .container3  {
 
    display: grid;
    grid-template-columns: repeat(1,1fr);
    
  }
  .card4 {
  
 
    margin:0px;
    padding-left: 20px;
    border: 1px rgb(189, 189, 189) solid;
  
    
  }

}
.container4  {
 
  border: 0px red solid;
  display: grid;
  grid-template-columns: repeat(2,1fr);
  text-align: left;
}
.card5 {
  
 
  margin:10px;
  
}
@media only screen and (max-width: 1500px){

  .container4  {
 
    display: grid;
    grid-template-columns: repeat(1,1fr);
    
  }
  .card5 img{
  
    width:300px;
    
      
    }

}




/* Position the image container (needed to position the left and right arrows) */
.container {
  position: relative;
}

/* Hide the images by default */
.mySlides {
  display: none;

}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 36px;
  margin-top: -50px;
  margin-right: 25px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container {
  text-align: center;
  padding: 2px 16px;
  color: white;
}

.row:after {
  content: "";
  display: table;
  clear: both;  
}

/* Six columns side by side */
.column {
  float: left;
  width: 80px;

}
.column img{
  width:80px;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}
.active,
.demo:hover {
  opacity: 1;
}
/* Style the tab */
a{

color:white;
text-decoration: none;
padding: 6px 48px 4px 1px;
font-size:18px;

}
ul {

 
  list-style-image: url('images/check-mark_12503776.png');
  
  }
ul li{

padding:5px;


}
.amnts ul {

 
  list-style-image: url('images/arrow_1.png');
  
  }


@media only screen and (max-width: 700px){

  .mySlides  {
    display: none;
    width:0px;
    
  }
  .mySlides  img{
    width:440px;
    
  }
  .column {
    float: left;
    width: 9.52%;
  }
  .column img{
    width:40px;
  }


}