@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Caveat:400,700|Gochi+Hand');
@import url('https://fonts.googleapis.com/css2?family=Rouge+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jua&family=Rouge+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Aladin&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Autour+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



















/* CSS Document page  */
.secrety-page-index{
	background-color: black;
	height: 650px;
	padding: 8px;
}
.secrety-index-1{
	background-image: url( "secrety-index-1.png");
	background-position: center;
	background-size: cover;
	height: 650px;
}

/* CSS Document page */


.secrety-banner-buttom-flow{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
	
}
.secrety-banner-buttom-flow-magintop{
	height: 270px;
}
.secrety-buttom-box-style{
	background-color: white;
	width: 220px;
	height: auto;
	padding: 8px;
	text-align: center;
	border-top-color: transparent;
	border-bottom-color: transparent;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
	border-radius: 15px;
}
.secrety-buttom-box-style:hover{
	box-shadow: 5px 5px 25px #ff33cc
}
.secrety-buttom-box-style a{
	font-family: "Rouge Script", cursive;
  font-weight: 400;
  font-style: normal;
	font-size: 50px;
	color: black;
	
}
.secrety-buttom-box-decoration{
	width: 85px;
	height: 85px;
	background-color:#ffe6f9;
	border-radius: 60px;
	padding: 8px;
	margin: 30px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.secrety-buttom-box-decoration-style{
	border-radius: 60px;
	width: 100%;
	height: 100%;
	background-image: url("../../logo/rcnKb58Ki.png");
	background-position: center;
	background-size: cover;
	
}
.secrety-buttom-box-decoration-style-b{
	order-radius: 60px;
	width: 100%;
	height: 100%;
	background-image: url( "../../icones/flor-de-lis.png");
	background-position: center;
	background-size: cover;
	
}
.secrety-banner{
	background-color: black;
	padding: 10px;
	height: auto;
	padding-bottom: 10px;
	
}
.secrety-banner-card-styleground-index-header-index{
	height: auto;
	background-color:white;
	padding: 5px;
}
.secrety-banner-card-styleground-index-header {
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
	
}

.secrety-banner-card-styleground-index-header-box{
	width: 45%;
	height: auto;
	background-color: transparent;

}
.secrety-banner-card-styleground-index-header-box h1{
	text-align: center;
	color: black;
	font-family: "Rouge Script", cursive;
  font-weight: 400;
  font-style: normal;
	font-size: 50px;
}
.secrety-banner-card-styleground-index-header-box h2{
	text-align: center;
	color: black;
	 font-family: "Autour One", system-ui;
  font-weight: 400;
  font-style: normal;
	font-size: 38px;
	background-color: #ffb3ec;
		border: 2px solid #ff66d9;
	border-top-color: transparent;
	border-bottom-color: transparent;
	margin-top: 15px;
	border-radius: 30px;
}

.secrety-banner-card-styleground-index-header-box p{
	text-align: center;
	color: white;
	font-family: "Rouge Script", cursive;
  font-weight: 400;
  font-style: normal;
	font-size: 50px;
}
.secrety-banner-margin-top{
	height: 100px;
}
.secrety-banner-margin-bottom{
	height: 100px;
}
.secrety-banner-card-a-flow{
	width: 45%;
	float: right;
	height: 389px;
	padding: 12px;
	background-color: transparent;
}

.secrety-banner-card-img-styleground-index{
	background-image: url( "banner-style-1.png");
	background-position: center;
	background-size: cover;
	height: 390px;
}
.secrety-banner-card-img-styleground-index-border-top{
	height: 35px;
	background-color: black;
}
.secrety-banner-index-footer{
	height: auto;
	background-color: white;
	padding: 8px;
	padding-bottom: 15px;
}
.secrety-banner-index-footer-boxs{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.secrety-banner-index-footer-box-menu{
	width: 310px;
	height: 220px;
	border: 1px solid black;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;
	padding: 8px;
}
.secrety-banner-index-footer-box-menu h3 {
	font-family: "Rouge Script", cursive;
  font-weight: 400;
  font-style: normal;
	font-size: 50px;
}
.secrety-banner-index-footer-box-menu li{
	list-style: none;
	list-style-type: none;
	margin: 12px;
	background-color: black;
	border-radius: 12px;
	
}
.secrety-banner-index-footer-box-menu a{
	color: white;
	font-size: 18px;
	padding: 8px;
	
}

.secrety-banner-card-img-styleground-index-2{
	background-image: url(  "banner-style-2.png");
	background-position: center;
	background-size: cover;
	height: 460px;
	padding: 10px;
}

.secrety-banner-card-img{
	width: 290px;
  height: 390px;
  transform: rotate(-20deg);
	background-image: url("d4e76b1eb1a6d48890be9f58ab61bd39.jpg");
	background-position: center;
	background-size: cover;
	float: right;
	margin-right: -60px;
	border-radius: 60px;
}

.secrety-banner-s2{
	background-image: url( "banner-style-3.png");
	background-position: center;
	background-size: cover;
	height: 400px;
}
.secrety-banner-card-img-2{
	width: 290px;
  height: 390px;
  transform: rotate(-20deg);
	background-image: url( "../neon/7f016fdff10bd3e5fceb48f56c7039a5.jpg");
	background-position: center;
	background-size: cover;
	float: left;
	margin-right: -60px;
	border-radius: 60px;
}
.secrety-banner-card-img-3-pst{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.secrety-banner-card-img-3{
	width: 200px;
  height: 220px;
 	background-image: url( "6b7b7cc7698c859b5416bf588a7facc8.jpg");
	background-position: center;
	background-size: cover;
	margin-right: -60px;
	border-radius: 60px;
}



.secrety-banner-card-a-flow-b2{
	float: right;
	width: 20%;
	height: 400px;
	padding: 12px;
	background-color: black;
	border-bottom-left-radius: 60px;
	border-top-left-radius: 60px;
}


.glow-text-animation {
	height: 300px;
	padding: 15px;
}
.glow-text-animation-1 h1{
	 font-size: 8em;
     font-family: "Aladin", system-ui;
  font-weight: 400;
  font-style: normal;
	
}

.glow-text-animation-1-header{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.glow-text-animation-1-header-box{
	
}

.glow-text-animation-boxs-flow{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
	
}
.glow-text-animation-box{
	background-color: transparent;
	width: auto;
	height: auto;
	margin: 12px;
	
}
.glow-text-animation-pst-description {
	padding: 8px;
	transform: rotate(-20deg);
}
.glow-text-animation-pst-description li {
	list-style: none;
	list-style-type: none;
	color: #ffccf2;
	font-size: 18px;
}
.glow-text-animation-pst-description p{
	text-align: center;
	color: #ffccf2;
	font-size: 19px;
	font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.glow-text-animation-1 h1 span{
  display: block;
   animation: animate 2.25s linear infinite;
  margin: 0 5px;
  padding: 0;
  position: relative;
  color: #ffccf2;
	float: left;
	
	
	 
}


.glow-text-animation-1 h1 span:nth-child(1){
  animation-delay: 0s;
}
.glow-text-animation-1 h1 span:nth-child(2){
  animation-delay: .25s;
}
.glow-text-animation-1 h1 span:nth-child(2){
  animation-delay: .5s;
}
.glow-text-animation-1 h1 span:nth-child(3){
  animation-delay: .75s;
}
.glow-text-animation-1 h1 span:nth-child(4){
  animation-delay: 1s;
}
.glow-text-animation-1 h1 span:nth-child(5){
  animation-delay: 1.25s;
}
.glow-text-animation-1 h1 span:nth-child(6){
  animation-delay: 1.5s;
}
.glow-text-animation-1 h1 span:nth-child(7){
  animation-delay: 1.75s;
}




@keyframes animate {
  0%, 100%{
    color: #fff;
    filter: blur(2px);
    text-shadow: 0 0 10px #ff4dc4,
      0 0 20px #ff4dc4,
      0 0 40px #ff4dc4,
      0 0 80px #ff4dc4,
      0 0 120px #ff4dc4,
      0 0 200px #ff4dc4,
      0 0 300px #ff4dc4,
      0 0 400px #ff4dc4;
  }
  5%, 95%{
    color: #ffccf2;
    filter: blur(0px);
    text-shadow: none;
  }
}