.button1{
border:none;
background-image: radial-gradient( circle farthest-corner at 10.2% 55.8%, rgba(252,37,103,1) 0%, rgba(250,38,151,1) 46.2%, rgba(186,8,181,1) 90.1% );padding-bottom:  23%;
padding-top: 30px;
color: white;
cursor: pointer;
width: 80%;
text-align: center;
font-size: 28px;
font-family: Times New Roman;
border-top-right-radius: 30px;
border-bottom-left-radius: 30px;
height:130px;
}

.popupv .overlayv
{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 98vw;
  height: 100vh;
  background-color: white;
  z-index: 1;
  overflow: hidden;
  display: none;
}

.popupv .contentv{
  position: absolute;
  top: 40%;
  left: 120%;
  transform: translate(-50%,-50%) scale(0);
  background: #fff;
  width: 650px;
  height: 302px;
  z-index: -1;
  text-align: justify;
  padding: 30px;
  box-sizing: border-box;

}

.popupv .close-btnv{
  position: absolute;
  right: 20px;
  width: 30px;
  top: 20px;
  height: 30px;
  background: #222;
  color: #fff;
  font-size:25px;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
cursor: pointer; 
}
.popupv.activev .overlayv{
  display: block;
  z-index: -1;
}
.popupv.activev .contentv{
  transition: all 300ms ease-in-out;
  transform: translate(-50%,-50%) scale(1);
    box-shadow: 0px 3px 14px 0px rgba(255,0,0,0.333);
z-index: 1;
}

/*2nd */
.button2{
border:none;
background-image: radial-gradient( circle farthest-corner at 10.2% 55.8%, rgba(252,37,103,1) 0%, rgba(250,38,151,1) 46.2%, rgba(186,8,181,1) 90.1% );padding-bottom:  23%;
padding-top: 15px;
color: white;
cursor: pointer;
width: 80%;
text-align: center;
font-size: 28px;
font-family: Times New Roman;
border-top-right-radius: 30px;
border-bottom-left-radius: 30px;
height: 128px;
}
.popupv1 .overlayv1
{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 98vw;
  height: 100vh;
  background-color: white;
  z-index: 1;
  overflow: hidden;
  display: none;
}

.popupv1 .contentv1{
  position: absolute;
  top: 40%;
  left: 40%;
  transform: translate(-50%,-50%) scale(0);
  background: #fff;
  width: 650px;
  height: 220px;
  z-index: -1;
  text-align: justify;
  padding: 30px;
  box-sizing: border-box;

}

.popupv1 .close-btnv1{
  position: absolute;
  right: 20px;
  width: 30px;
  top: 20px;
  height: 30px;
  background: #222;
  color: #fff;
  font-size:25px;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
cursor: pointer; 
}
.popupv1.activev1 .overlayv1{
  display: block;
  z-index: -1;
}
.popupv1.activev1 .contentv1{
  transition: all 300ms ease-in-out;
  transform: translate(-50%,-50%) scale(1);
    box-shadow: 0px 3px 14px 0px rgba(255,0,0,0.333);
z-index: 1;
}



/*3rd */
.button12{
border:none;
background-image: radial-gradient( circle farthest-corner at 10.2% 55.8%, rgba(252,37,103,1) 0%, rgba(250,38,151,1) 46.2%, rgba(186,8,181,1) 90.1% );padding-bottom:  23%;
padding-top: 10px;
color: white;
cursor: pointer;
width: 80%;
text-align: center;
font-size: 28px;
font-family: Times New Roman;
border-top-right-radius: 30px;
border-bottom-left-radius: 30px;
height: 145px;
}
.popupv2 .overlayv2
{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 98vw;
  height: 100vh;
  background-color: white;
  z-index: 1;
  overflow: hidden;
  display: none;
}

.popupv2 .contentv2{
  position: absolute;
  top: 40%;
  left: -50%;
  transform: translate(-50%,-50%) scale(0);
  background: #fff;
  width: 650px;
  height: 302px;
  z-index: -1;
  text-align: justify;
  padding: 30px;
  box-sizing: border-box;

}

.popupv2 .close-btnv2{
  position: absolute;
  right: 20px;
  width: 30px;
  top: 20px;
  height: 30px;
  background: #222;
  color: #fff;
  font-size:25px;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
cursor: pointer; 
}
.popupv2.activev2 .overlayv2{
  display: block;
  z-index: -1;
}
.popupv2.activev2 .contentv2{
  transition: all 300ms ease-in-out;
  transform: translate(-50%,-50%) scale(1);
    box-shadow: 0px 3px 14px 0px rgba(255,0,0,0.333);
z-index: 1;
}

/*4th */
.button3{
border:none;
background-image: radial-gradient( circle farthest-corner at 10.2% 55.8%, rgba(252,37,103,1) 0%, rgba(250,38,151,1) 46.2%, rgba(186,8,181,1) 90.1% );padding-bottom:  23%;
padding-top: 20px;
color: white;
cursor: pointer;
width: 80%;
text-align: center;
font-size: 28px;
font-family: Times New Roman;
border-top-right-radius: 30px;
border-bottom-left-radius: 30px;
height: 132px;
}

.popupv3 .overlayv3
{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 98vw;
  height: 100vh;
  background-color: white;
  z-index: 1;
  overflow: hidden;
  display: none;
}

.popupv3 .contentv3{
  position: absolute;
  top: 40%;
  left: 120%;
  transform: translate(-50%,-50%) scale(0);
  background: #fff;
  width: 650px;
  height: 250px;
  z-index: -1;
  text-align: justify;
  padding: 30px;
  box-sizing: border-box;

}

.popupv3 .close-btnv3{
  position: absolute;
  right: 20px;
  width: 30px;
  top: 20px;
  height: 30px;
  background: #222;
  color: #fff;
  font-size:25px;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
cursor: pointer; 
}
.popupv3.activev3 .overlayv3{
  display: block;
  z-index: -1;
}
.popupv3.activev3 .contentv3{
  transition: all 300ms ease-in-out;
  transform: translate(-50%,-50%) scale(1);
    box-shadow: 0px 3px 14px 0px rgba(255,0,0,0.333);
z-index: 1;
}


/*4th */
.button4{
border:none;
background-image: radial-gradient( circle farthest-corner at 10.2% 55.8%, rgba(252,37,103,1) 0%, rgba(250,38,151,1) 46.2%, rgba(186,8,181,1) 90.1% );padding-bottom:  23%;
padding-top: 20px;
color: white;
cursor: pointer;
width: 80%;
text-align: center;
font-size: 28px;
font-family: Times New Roman;
border-top-right-radius: 30px;
border-bottom-left-radius: 30px;
height: 120px;
}

.popupv4 .overlayv4
{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 98vw;
  height: 100vh;
  background-color: white;
  z-index: 1;
  overflow: hidden;
  display: none;
}

.popupv4 .contentv4{
  position: absolute;
  top: 40%;
  left: 60%;
  transform: translate(-50%,-50%) scale(0);
  background: #fff;
  width: 650px;
  height: 280px;
  z-index: -1;
  text-align: justify;
  padding: 30px;
  box-sizing: border-box;

}

.popupv4 .close-btnv4{
  position: absolute;
  right: 20px;
  width: 30px;
  top: 20px;
  height: 30px;
  background: #222;
  color: #fff;
  font-size:25px;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
cursor: pointer; 
}
.popupv4.activev4 .overlay4{
  display: block;
  z-index: -1;
}
.popupv4.activev4 .contentv4{
  transition: all 300ms ease-in-out;
  transform: translate(-50%,-50%) scale(1);
    box-shadow: 0px 3px 14px 0px rgba(255,0,0,0.333);
z-index: 1;
}



/*5th */
.button5{
border:none;
background-image: radial-gradient( circle farthest-corner at 10.2% 55.8%, rgba(252,37,103,1) 0%, rgba(250,38,151,1) 46.2%, rgba(186,8,181,1) 90.1% );padding-bottom:  23%;
padding-top: 20px;
color: white;
cursor: pointer;
width: 80%;
text-align: center;
font-size: 28px;
font-family: Times New Roman;
border-top-right-radius: 30px;
border-bottom-left-radius: 30px;
height: 120px;
}

.popupv5 .overlayv5
{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 98vw;
  height: 100vh;
  background-color: white;
  z-index: 1;
  overflow: hidden;
  display: none;
}

.popupv5 .contentv5{
  position: absolute;
  top: 40%;
  left: -50%;
  transform: translate(-50%,-50%) scale(0);
  background: #fff;
  width: 650px;
  height: 280px;
  z-index: -1;
  text-align: justify;
  padding: 30px;
  box-sizing: border-box;

}

.popupv5 .close-btnv5{
  position: absolute;
  right: 20px;
  width: 30px;
  top: 20px;
  height: 30px;
  background: #222;
  color: #fff;
  font-size:25px;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
cursor: pointer; 
}
.popupv5.activev5 .overlay5{
  display: block;
  z-index: -1;
}
.popupv5.activev5 .contentv5{
  transition: all 300ms ease-in-out;
  transform: translate(-50%,-50%) scale(1);
    box-shadow: 0px 3px 14px 0px rgba(255,0,0,0.333);
z-index: 1;
}





/*6th */
.button6{
border:none;
background-image: radial-gradient( circle farthest-corner at 10.2% 55.8%, rgba(252,37,103,1) 0%, rgba(250,38,151,1) 46.2%, rgba(186,8,181,1) 90.1% );padding-bottom:  23%;
padding-top: 20px;
color: white;
cursor: pointer;
width: 80%;
text-align: center;
font-size: 28px;
font-family: Times New Roman;
border-top-right-radius: 30px;
border-bottom-left-radius: 30px;
height: 120px;
}

.popupv6 .overlayv6
{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 98vw;
  height: 100vh;
  background-color: white;
  z-index: 1;
  overflow: hidden;
  display: none;
}

.popupv6 .contentv6{
  position: absolute;
  top: 40%;
  left: 120%;
  transform: translate(-50%,-50%) scale(0);
  background: #fff;
  width: 650px;
  height: 220px;
  z-index: -1;
  text-align: justify;
  padding: 30px;
  box-sizing: border-box;

}

.popupv6 .close-btnv6{
  position: absolute;
  right: 20px;
  width: 30px;
  top: 20px;
  height: 30px;
  background: #222;
  color: #fff;
  font-size:25px;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
cursor: pointer; 
}
.popupv6.activev6 .overlay6{
  display: block;
  z-index: -1;
}
.popupv6.activev6 .contentv6{
  transition: all 300ms ease-in-out;
  transform: translate(-50%,-50%) scale(1);
    box-shadow: 0px 3px 14px 0px rgba(255,0,0,0.333);
z-index: 1;
}




/*7th */
.button7{
border:none;
background-image: radial-gradient( circle farthest-corner at 10.2% 55.8%, rgba(252,37,103,1) 0%, rgba(250,38,151,1) 46.2%, rgba(186,8,181,1) 90.1% );padding-bottom:  23%;
padding-top: 10px;
color: white;
cursor: pointer;
width: 80%;
text-align: center;
font-size: 28px;
font-family: Times New Roman;
border-top-right-radius: 30px;
border-bottom-left-radius: 30px;
height: 120px;
}

.popupv7 .overlayv7
{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 98vw;
  height: 100vh;
  background-color: white;
  z-index: 1;
  overflow: hidden;
  display: none;
}

.popupv7 .contentv7{
  position: absolute;
  top: 40%;
  left: 40%;
  transform: translate(-50%,-50%) scale(0);
  background: #fff;
  width: 650px;
  height: 280px;
  z-index: -1;
  text-align: justify;
  padding: 30px;
  box-sizing: border-box;

}

.popupv7 .close-btnv7{
  position: absolute;
  right: 20px;
  width: 30px;
  top: 20px;
  height: 30px;
  background: #222;
  color: #fff;
  font-size:25px;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
cursor: pointer; 
}
.popupv7.activev7 .overlay7{
  display: block;
  z-index: -1;
}
.popupv7.activev7 .contentv7{
  transition: all 300ms ease-in-out;
  transform: translate(-50%,-50%) scale(1);
    box-shadow: 0px 3px 14px 0px rgba(255,0,0,0.333);
z-index: 1;
}



@media (max-width: 700px) {
 
.button1{

margin-bottom: 8%;
margin-left: 13%;
}

.popupv .overlayv
{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 98vw;
  height: 100vh;
  background-color: white;
  z-index: 1;
  overflow: hidden;
  display: none;
}

.popupv .contentv{
  position: absolute;
  top: 40%;
  left: 55%;
  transform: translate(-50%,-50%) scale(0);
  background: #fff;
  width: 350px;
  height: 490px;
  z-index: -1;
  text-align: justify;
  padding: 30px;
  box-sizing: border-box;

}



.button2{

margin-bottom: 8%;
margin-left: 13%;
}
.popupv1 .overlayv1
{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 98vw;
  height: 100vh;
  background-color: white;
  z-index: 1;
  overflow: hidden;
  display: none;
}

.popupv1 .contentv1{
  position: absolute;
  top: 40%;
  left: 55%;
  transform: translate(-50%,-50%) scale(0);
  background: #fff;
  width: 350px;
  height: 360px;
  z-index: -1;
  text-align: justify;
  padding: 30px;
  box-sizing: border-box;

}

.button12{

margin-bottom: 8%;
margin-left: 13%;
}
.popupv2 .overlayv2
{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 98vw;
  height: 100vh;
  background-color: white;
  z-index: 1;
  overflow: hidden;
  display: none;
}

.popupv2 .contentv2{
  position: absolute;
  top: 40%;
  left: 55%;
  transform: translate(-50%,-50%) scale(0);
  background: #fff;
  width: 350px;
  height: 430px;
  z-index: -1;
  text-align: justify;
  padding: 10px;
  box-sizing: border-box;

}

.button3{

margin-bottom: 8%;
margin-left: 13%;
}
.popupv3 .overlayv3
{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 98vw;
  height: 100vh;
  background-color: white;
  z-index: 1;
  overflow: hidden;
  display: none;
}

.popupv3 .contentv3{
  position: absolute;
  top: 40%;
  left: 55%;
  transform: translate(-50%,-50%) scale(0);
  background: #fff;
  width: 350px;
  height: 468px;
  z-index: -1;
  text-align: justify;
  padding: 30px;
  box-sizing: border-box;

}

.button4{

margin-bottom: 8%;
margin-left: 13%;
}
.popupv4 .overlayv4
{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 98vw;
  height: 100vh;
  background-color: white;
  z-index: 1;
  overflow: hidden;
  display: none;
}

.popupv4 .contentv4{
  position: absolute;
  top: 40%;
  left: 55%;
  transform: translate(-50%,-50%) scale(0);
  background: #fff;
  width: 350px;
  height: 482px;
  z-index: -1;
  text-align: justify;
  padding: 20px;
  box-sizing: border-box;

}

.button5{

margin-bottom: 8%;
margin-left: 13%;
}
.popupv5.overlayv5
{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 98vw;
  height: 100vh;
  background-color: white;
  z-index: 1;
  overflow: hidden;
  display: none;
}

.popupv5 .contentv5{
  position: absolute;
  top: 40%;
  left: 55%;
  transform: translate(-50%,-50%) scale(0);
  background: #fff;
  width: 350px;
  height: 360px;
  z-index: -1;
  text-align: justify;
  padding: 20px;
  box-sizing: border-box;

}

.button6{

margin-bottom: 8%;
margin-left: 13%;
}
.popupv6 .overlayv6
{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 98vw;
  height: 100vh;
  background-color: white;
  z-index: 1;
  overflow: hidden;
  display: none;
}

.popupv6 .contentv6{
  position: absolute;
  top: 40%;
  left: 55%;
  transform: translate(-50%,-50%) scale(0);
  background: #fff;
  width: 350px;
  height: 300px;
  z-index: -1;
  text-align: justify;
  padding: 20px;
  box-sizing: border-box;
}

.button7{

margin-bottom: 8%;
margin-left: 13%;
}
.popupv7 .overlayv7
{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 98vw;
  height: 100vh;
  background-color: white;
  z-index: 1;
  overflow: hidden;
  display: none;
}

.popupv7 .contentv7{
  position: absolute;
  top: 40%;
  left: 55%;
  transform: translate(-50%,-50%) scale(0);
  background: #fff;
  width: 350px;
  height: 327px;
  z-index: -1;
  text-align: justify;
  padding: 20px;
  box-sizing: border-box;

}

}