.backgroung{
    position: fixed;
    opacity: 0.2;
}
.sec1{
    position: relative;
    top: 250px;
    width: 100%;
}
.slider1 {
    position: relative;
    width: 30%;
    max-width: 700px;
    max-height: 830px;
    margin-top: 0px;
    overflow: hidden;
    border-radius: 30px;
    left:35%;
    box-shadow: 10px 10px 8px rgba(0, 0, 0, 0.3);
  }
  
  .slides1 {
    display: flex;
    transition: transform 0.5s ease-in-out;
  }
  
  .slide1 {
    min-width: 100%;
    box-sizing: border-box;
  }
  
  .slide1 img {
    width: 100%;
    display: block;
  }
  
  .prev1, .next1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
  }
  
  .prev1 {
    left: 10px;
  }
  
  .next1 {
    right: 10px;
  }
  
  .prev1:hover, .next1:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }

.top1{
    border: 2px solid blue;
    width: 40%;
    left: 10%;
    position: relative;
    height: 700px;
    border-radius: 20px 0px;
    padding: 20px;

}
.top1 h3{
    color: blue;
    font-size: 30px;
}
.top2{
    border: 2px solid red;
    left: 110%;
    position: relative;
    margin-top: -600px;
    height: 660px;
    border-radius: 20px 0px;
    padding: 20px;
}
.slider2 {
    position: relative;
    width: 30%;
    max-width: 700px;
    max-height: 830px;
    margin-top: 0px;
    overflow: hidden;
    border-radius: 30px;
    left:35%;
    box-shadow: 10px 10px 8px rgba(0, 0, 0, 0.3);
  }
  
  .slides2 {
    display: flex;
    transition: transform 0.5s ease-in-out;
  }
  
  .slide2 {
    min-width: 100%;
    box-sizing: border-box;
  }
  
  .slide2 img {
    width: 100%;
    display: block;
  }
  
  .prev2, .next2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
  }
  
  .prev2 {
    left: 10px;
  }
  
  .next2 {
    right: 10px;
  }
  
  .prev2:hover, .next2:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }
  .top2 h3{
    color: red;
    font-size: 30px;
}
.sec2{
    position: relative;
    top: 50px;
    width: 210%;
    margin: 0px;
  padding: 0%;
}
.slider1 {
    position: relative;
    width: 30%;
    max-width: 700px;
    max-height: 830px;
    margin-top: 0px;
    overflow: hidden;
    border-radius: 30px;
    left:35%;
    box-shadow: 10px 10px 8px rgba(0, 0, 0, 0.3);
  }
  
  .slides1 {
    display: flex;
    transition: transform 0.5s ease-in-out;
  }
  
  .slide1 {
    min-width: 100%;
    box-sizing: border-box;
  }
  
  .slide1 img {
    width: 100%;
    display: block;
  }
  
  .prev1, .next1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
  }
  
  .prev1 {
    left: 10px;
  }
  
  .next1 {
    right: 10px;
  }
  
  .prev1:hover, .next1:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }

.top3{
    border: 2px solid red;
    width: 48%;
    left: -2%;
    position: relative;
    height: 670px;
    border-radius: 20px 0px;
    padding: 20px;
}
.top3 h3{
    color: red;
    font-size: 30px;
}
.top4{
    border: 2px solid blue;
    left: 110%;
    position: relative;
    margin-top: -560px;
    height: 600px;
    border-radius: 20px 0px;
    padding: 20px;
}
.slider2 {
    position: relative;
    width: 30%;
    max-width: 700px;
    max-height: 830px;
    margin-top: 0px;
    overflow: hidden;
    border-radius: 30px;
    left:35%;
    box-shadow: 10px 10px 8px rgba(0, 0, 0, 0.3);
  }
  
  .slides2 {
    display: flex;
    transition: transform 0.5s ease-in-out;
  }
  
  .slide2 {
    min-width: 100%;
    box-sizing: border-box;
  }
  
  .slide2 img {
    width: 100%;
    display: block;
  }
  
  .prev2, .next2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
  }
  
  .prev2 {
    left: 10px;
  }
  
  .next2 {
    right: 10px;
  }
  
  .prev2:hover, .next2:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }
  .top4 h3{
    color: blue;
    font-size: 30px;
}
.sec3{
    position: relative;
    top: 50px;
    width: 210%;
    margin: 0px;
  padding: 0%;
}
.slider1 {
    position: relative;
    width: 30%;
    max-width: 700px;
    max-height: 830px;
    margin-top: 0px;
    overflow: hidden;
    border-radius: 30px;
    left:35%;
    box-shadow: 10px 10px 8px rgba(0, 0, 0, 0.3);
  }
  
  .slides1 {
    display: flex;
    transition: transform 0.5s ease-in-out;
  }
  
  .slide1 {
    min-width: 100%;
    box-sizing: border-box;
  }
  
  .slide1 img {
    width: 100%;
    display: block;
  }
  
  .prev1, .next1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
  }
  
  .prev1 {
    left: 10px;
  }
  
  .next1 {
    right: 10px;
  }
  
  .prev1:hover, .next1:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }

.top5{
    border: 2px solid blue;
    width: 48%;
    left: -2%;
    position: relative;
    height: 650px;
    border-radius: 20px 0px;
    padding: 20px;
}
.top5 h3{
    color: blue;
    font-size: 30px;
}
.top6{
    border: 2px solid red;
    left: 110%;
    position: relative;
    margin-top: -500px;
    height: 590px;
    border-radius: 20px 0px;
    padding: 20px;
}
.slider2 {
    position: relative;
    width: 30%;
    max-width: 700px;
    max-height: 830px;
    margin-top: 0px;
    overflow: hidden;
    border-radius: 30px;
    left:35%;
    box-shadow: 10px 10px 8px rgba(0, 0, 0, 0.3);
  }
  
  .slides2 {
    display: flex;
    transition: transform 0.5s ease-in-out;
  }
  
  .slide2 {
    min-width: 100%;
    box-sizing: border-box;
  }
  
  .slide2 img {
    width: 100%;
    display: block;
  }
  
  .prev2, .next2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
  }
  
  .prev2 {
    left: 10px;
  }
  
  .next2 {
    right: 10px;
  }
  
  .prev2:hover, .next2:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }
  .top6 h3{
    color: red;
    font-size: 30px;
}

.sec4{
    position: relative;
    top: 50px;
    width: 210%;
    margin: 0px;
  padding: 0%;
}
.slider1 {
    position: relative;
    width: 30%;
    max-width: 700px;
    max-height: 830px;
    margin-top: 0px;
    overflow: hidden;
    border-radius: 30px;
    left:35%;
    box-shadow: 10px 10px 8px rgba(0, 0, 0, 0.3);
  }
  
  .slides1 {
    display: flex;
    transition: transform 0.5s ease-in-out;
  }
  
  .slide1 {
    min-width: 100%;
    box-sizing: border-box;
  }
  
  .slide1 img {
    width: 100%;
    display: block;
  }
  
  .prev1, .next1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
  }
  
  .prev1 {
    left: 10px;
  }
  
  .next1 {
    right: 10px;
  }
  
  .prev1:hover, .next1:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }

.top7{
    border: 2px solid red;
    width: 48%;
    left: -2%;
    position: relative;
    height: 670px;
    border-radius: 20px 0px;
    padding: 20px;
}
.top7 h3{
    color: red;
    font-size: 30px;
}
.top8{
    border: 2px solid blue;
    left: 110%;
    position: relative;
    margin-top: -540px;
    height: 600px;
    border-radius: 20px 0px;
    padding: 20px;
}
.slider2 {
    position: relative;
    width: 30%;
    max-width: 700px;
    max-height: 830px;
    margin-top: 0px;
    overflow: hidden;
    border-radius: 30px;
    left:35%;
    box-shadow: 10px 10px 8px rgba(0, 0, 0, 0.3);
  }
  
  .slides2 {
    display: flex;
    transition: transform 0.5s ease-in-out;
  }
  
  .slide2 {
    min-width: 100%;
    box-sizing: border-box;
  }
  
  .slide2 img {
    width: 100%;
    display: block;
  }
  
  .prev2, .next2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
  }
  
  .prev2 {
    left: 10px;
  }
  
  .next2 {
    right: 10px;
  }
  
  .prev2:hover, .next2:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }
  .top8 h3{
    color: blue;
    font-size: 30px;
}

.sec5{
    position: relative;
    top: 50px;
    width: 210%;
    margin: 0px;
  padding: 0%;
}
.slider1 {
    position: relative;
    width: 30%;
    max-width: 700px;
    max-height: 830px;
    margin-top: 0px;
    overflow: hidden;
    border-radius: 30px;
    left:35%;
    box-shadow: 10px 10px 8px rgba(0, 0, 0, 0.3);
  }
  
  .slides1 {
    display: flex;
    transition: transform 0.5s ease-in-out;
  }
  
  .slide1 {
    min-width: 100%;
    box-sizing: border-box;
  }
  
  .slide1 img {
    width: 100%;
    display: block;
  }
  
  .prev1, .next1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
  }
  
  .prev1 {
    left: 10px;
  }
  
  .next1 {
    right: 10px;
  }
  
  .prev1:hover, .next1:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }

.top9{
    border: 2px solid blue;
    width: 48%;
    left: -2%;
    position: relative;
    height: 650px;
    border-radius: 20px 0px;
    padding: 20px;
}
.top9 h3{
    color: blue;
    font-size: 30px;
}
.top10{
    border: 2px solid red;
    left: 110%;
    position: relative;
    margin-top: -540px;
    height: 600px;
    border-radius: 20px 0px;
    padding: 20px;
}
.slider2 {
    position: relative;
    width: 30%;
    max-width: 700px;
    max-height: 830px;
    margin-top: 0px;
    overflow: hidden;
    border-radius: 30px;
    left:35%;
    box-shadow: 10px 10px 8px rgba(0, 0, 0, 0.3);
  }
  
  .slides2 {
    display: flex;
    transition: transform 0.5s ease-in-out;
  }
  
  .slide2 {
    min-width: 100%;
    box-sizing: border-box;
  }
  
  .slide2 img {
    width: 100%;
    display: block;
  }
  
  .prev2, .next2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
  }
  
  .prev2 {
    left: 10px;
  }
  
  .next2 {
    right: 10px;
  }
  
  .prev2:hover, .next2:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }
  .top10 h3{
    color: red;
    font-size: 30px;
}
.sec6{
    position: relative;
    top: 50px;
    width: 210%;
    margin: 0px;
  padding: 0%;
}
.slider1 {
    position: relative;
    width: 30%;
    max-width: 700px;
    max-height: 830px;
    margin-top: 0px;
    overflow: hidden;
    border-radius: 30px;
    left:35%;
    box-shadow: 10px 10px 8px rgba(0, 0, 0, 0.3);
  }
  
  .slides1 {
    display: flex;
    transition: transform 0.5s ease-in-out;
  }
  
  .slide1 {
    min-width: 100%;
    box-sizing: border-box;
  }
  
  .slide1 img {
    width: 100%;
    display: block;
  }
  
  .prev1, .next1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
  }
  
  .prev1 {
    left: 10px;
  }
  
  .next1 {
    right: 10px;
  }
  
  .prev1:hover, .next1:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }

.top11{
    border: 2px solid red;
    width: 48%;
    left: -2%;
    position: relative;
    height: 680px;
    border-radius: 20px 0px;
    padding: 20px;
}
.top11 h3{
    color: red;
    font-size: 30px;
}
.top12{
    border: 2px solid blue;
    left: 110%;
    position: relative;
    margin-top: -530px;
    height: 610px;
    border-radius: 20px 0px;
    padding: 20px;
}
.slider2 {
    position: relative;
    width: 30%;
    max-width: 700px;
    max-height: 830px;
    margin-top: 0px;
    overflow: hidden;
    border-radius: 30px;
    left:35%;
    box-shadow: 10px 10px 8px rgba(0, 0, 0, 0.3);
  }
  
  .slides2 {
    display: flex;
    transition: transform 0.5s ease-in-out;
  }
  
  .slide2 {
    min-width: 100%;
    box-sizing: border-box;
  }
  
  .slide2 img {
    width: 100%;
    display: block;
  }
  
  .prev2, .next2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
  }
  
  .prev2 {
    left: 10px;
  }
  
  .next2 {
    right: 10px;
  }
  
  .prev2:hover, .next2:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }
  .top12 h3{
    color: blue;
    font-size: 30px;
}

.sec7{
    position: relative;
    top: 50px;
    width: 210%;
    margin: 0px;
  padding: 0%;
}
.slider1 {
    position: relative;
    width: 30%;
    max-width: 700px;
    max-height: 830px;
    margin-top: 0px;
    overflow: hidden;
    border-radius: 30px;
    left:35%;
    box-shadow: 10px 10px 8px rgba(0, 0, 0, 0.3);
  }
  
  .slides1 {
    display: flex;
    transition: transform 0.5s ease-in-out;
  }
  
  .slide1 {
    min-width: 100%;
    box-sizing: border-box;
  }
  
  .slide1 img {
    width: 100%;
    display: block;
  }
  
  .prev1, .next1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
  }
  
  .prev1 {
    left: 10px;
  }
  
  .next1 {
    right: 10px;
   
  }
  
  .prev1:hover, .next1:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }

.top13{
    border: 2px solid blue;
    width: 48%;
    left: -2%;
    position: relative;
    height: 690px;
    border-radius: 20px 0px;
    padding: 20px;
}
.top13 h3{
    color: blue;
    font-size: 30px;
}
.top14{
    border: 2px solid red;
    left: 110%;
    position: relative;
    margin-top: -520px;
    height: 610px;
    border-radius: 20px 0px;
    padding: 20px;
}
.slider2 {
    position: relative;
    width: 30%;
    max-width: 700px;
    max-height: 830px;
    margin-top: 0px;
    overflow: hidden;
    border-radius: 30px;
    left:35%;
    box-shadow: 10px 10px 8px rgba(0, 0, 0, 0.3);
  }
  
  .slides2 {
    display: flex;
    transition: transform 0.5s ease-in-out;
  }
  
  .slide2 {
    min-width: 100%;
    box-sizing: border-box;
  }
  
  .slide2 img {
    width: 100%;
    display: block;
  }
  
  .prev2, .next2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
  }
  
  .prev2 {
    left: 10px;
  }
  
  .next2 {
    right: 10px;
  }
  
  .prev2:hover, .next2:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }
  .top14 h3{
    color: red;
    font-size: 30px;
}

.sec8{
    position: relative;
    top: 50px;
    width: 210%;
    margin: 0px;
  padding: 0%;
}
.slider1 {
    position: relative;
    width: 30%;
    max-width: 700px;
    max-height: 830px;
    margin-top: 0px;
    overflow: hidden;
    border-radius: 30px;
    left:35%;
    box-shadow: 10px 10px 8px rgba(0, 0, 0, 0.3);
  }
  
  .slides1 {
    display: flex;
    transition: transform 0.5s ease-in-out;
  }
  
  .slide1 {
    min-width: 100%;
    box-sizing: border-box;
  }
  
  .slide1 img {
    width: 100%;
    display: block;
  }
  
  .prev1, .next1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
  }
  
  .prev1 {
    left: 10px;
  }
  
  .next1 {
    right: 10px;
  }
  
  .prev1:hover, .next1:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }

.top15{
    border: 2px solid red;
    width: 48%;
    left: -2%;
    position: relative;
    height: 610px;
    border-radius: 20px 0px;
    padding: 20px;
}
.top15 h3{
    color: red;
    font-size: 30px;
}
.top16{
    border: 2px solid blue;
    left: 110%;
    position: relative;
    margin-top: -500px;
    height: 550px;
    border-radius: 20px 0px;
    padding: 20px;
}
.slider2 {
    position: relative;
    width: 30%;
    max-width: 700px;
    max-height: 830px;
    margin-top: 0px;
    overflow: hidden;
    border-radius: 30px;
    left:35%;
    box-shadow: 10px 10px 8px rgba(0, 0, 0, 0.3);
  }
  
  .slides2 {
    display: flex;
    transition: transform 0.5s ease-in-out;
  }
  
  .slide2 {
    min-width: 100%;
    box-sizing: border-box;
  }
  
  .slide2 img {
    width: 100%;
    display: block;
  }
  
  .prev2, .next2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
  }
  
  .prev2 {
    left: 10px;
  }
  
  .next2 {
    right: 10px;
  }
  
  .prev2:hover, .next2:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }
  .top16 h3{
    color: blue;
    font-size: 30px;
}
.topic{
    position: relative;
    top: 100px;
}
.topic h3{
    color:white;
    left: 50%;
    position :absolute;
    font-size: 20px;
    background-color: #3c4096;
    padding: 10px;
    border-radius: 10px;
}
p{
  text-align: justify;
}
@media(max-width:800px){
  .backgroung{
    position: fixed;
    opacity: 0.2;
    display: none;
  }
  .topic h3{
    color:white;
    left: 40%;
    position :absolute;
    font-size: 20px;
    background-color: #3c4096;
    padding: 10px;
    border-radius: 10px;
  }
  .top1{
    border: 2px solid blue;
    width: 80%;
    left: 5%;
    position: relative;
    height: 650px;
    border-radius: 20px 0px;
    padding: 20px;

}
.top2{
  border: 2px solid red;
  left: -4%;
  position: relative;
  margin-top: 100px;
  height: 550px;
  border-radius: 20px 0px;
  padding: 20px;
  width: 100%;
}
.top3{
  border: 2px solid red;
  width: 48%;
  left: 45%;
  position: relative;
  height: 550px;
  border-radius: 20px 0px;
  padding: 20px;
}
.top4{
  border: 2px solid blue;
  left: -4%;
  position: relative;
  margin-top: 180px;
  height: 550px;
  border-radius: 20px 0px;
  padding: 20px;
  width: 100%;
}
.top5{
  border: 2px solid blue;
  width: 48%;
  left: 45%;
  position: relative;
  height: 550px;
  border-radius: 20px 0px;
  padding: 20px;

}

.top6{
  border: 2px solid red;
  left: -5%;
  position: relative;
  margin-top: 210px;
  height: 550px;
  border-radius: 20px 0px;
  padding: 20px;
  width: 100%;
}
.top7{
  border: 2px solid red;
  width: 48%;
  left: 45%;
  position: relative;
  height: 550px;
  border-radius: 20px 0px;
  padding: 20px;
 
}
.top8{
  border: 2px solid blue;
  left: -5%;
  position: relative;
  margin-top: 160px;
  height: 550px;
  border-radius: 20px 0px;
  padding: 20px;
  width: 100%;
}
.top9{
  border: 2px solid blue;
  width: 48%;
  left: 45%;
  position: relative;
  height: 550px;
  border-radius: 20px 0px;
  padding: 20px;
}

.top10{
  border: 2px solid red;
  left: -5%;
  position: relative;
  margin-top: 200px;
  height: 550px;
  border-radius: 20px 0px;
  padding: 20px;
  width: 100%;
}
.top11{
  border: 2px solid red;
  width: 48%;
  left: 45%;
  position: relative;
  height: 550px;
  border-radius: 20px 0px;
  padding: 20px;
}
.top12{
  border: 2px solid blue;
  left: -5%;
  position: relative;
  margin-top: 200px;
  height: 550px;
  border-radius: 20px 0px;
  padding: 20px;
  width: 100%;
}
.top13{
  border: 2px solid blue;
  width: 48%;
  left: 45%;
  position: relative;
  height: 550px;
  border-radius: 20px 0px;
  padding: 20px;
}

.top14{
  border: 2px solid red;
  left: -5%;
  position: relative;
  margin-top: 200px;
  height: 550px;
  border-radius: 20px 0px;
  padding: 20px;
  width: 100%;
}
.top15{
  border: 2px solid red;
  width: 48%;
  left: 45%;
  position: relative;
  height: 550px;
  border-radius: 20px 0px;
  padding: 20px;
}
.top16{
  border: 2px solid blue;
  left: -5%;
  position: relative;
  margin-top: 260px;
  height: 550px;
  border-radius: 20px 0px;
  padding: 20px;
  width: 100%;
}
body{
  margin: 0%;
  padding: 0%;
}
.sec1{
  margin: 0%;

}
.sec2{
  margin: 0%;
  right: 100%;
  padding: 0%;
}
.sec3{
  margin: 0%;
  right: 100%;
  padding: 0%;
}
.sec4{
  margin: 0%;
  right: 100%;
  padding: 0%;
}
.sec5{
  margin: 0%;
  right: 100%;
  padding: 0%;
}
.sec6{
  margin: 0%;
  right: 100%;
  padding: 0%;
}
.sec7{
  margin: 0%;
  right: 100%;
  padding: 0%;
}
.sec8{
  margin: 0%;
  right: 100%;
  padding: 0%;
}
}