*{
     position: relative;
     font: 17px Arial, sans-serif;
     margin: 0;
     padding: 0;
     scroll-padding-top: 46px;

     --cor-laranja-claro: #F18521;
     --cor-laranja-escuro: #F16021;
     --cor-roxa: #6D049F;
}

@font-face{
     font-family: "Rajdhani-Bold";
     font-weight: bold;
     src: url("../fonts/Rajdhani/Rajdhani-Bold.ttf") format("truetype");
}
@font-face{
     font-family: "Rajdhani-Light";
     font-weight: lighter;
     src: url("../fonts/Rajdhani/Rajdhani-Light.ttf") format("truetype");
}
@font-face{
     font-family: "Rajdhani-Medium";
     font-weight: bold;
     src: url("../fonts/Rajdhani/Rajdhani-Medium.ttf") format("truetype");
}
@font-face{
     font-family: "Rajdhani-Regular";
     font-weight: normal;
     src: url("../fonts/Rajdhani/Rajdhani-Regular.ttf") format("truetype");
}

header{
     background-color: #ffffff;
     background-image: url("../img/bkg.png");
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     height: 130px;
     width: 100%;
     z-index: 9;
}
header .logo-gen{
     position: absolute;
     left: 50%;
     margin-bottom: -50%;
     margin-right: -50%;
     top: 50%;
     transform: translate(-50%, -50%);
}
header .btn-menu-mobile{
     position: absolute;
     align-items: center;
     background: none;
     border: none;
     cursor: pointer;
     display: none;
     height: 44px;
     justify-content: center;
     margin-bottom: -50%;
     padding-left: 1rem;
     padding-right: 1rem;
     top: 50%;
     transform: translate(0, -50%);
     transition: 0.5s ease-in-out;
     width: 16.1%;
}
header .btn-menu-mobile svg{
     fill: var(--cor-laranja-claro);
     height: 24px;
     top: -2px;
     width: 21px;
}
header .btn-menu-mobile:hover{
     opacity: 0.6;
}

.top-menu{
     position: sticky;
     background-color: var(--cor-laranja-escuro);
     padding: 10px 0;
     top: 0;
     width: 100%;
     z-index: 8;
}
.top-menu .container{
     display: flex;
     flex-wrap: wrap;
     height: 100%;
     margin-left: 10%;
     justify-content: center;
     width: 80%;
}
.item-menu{
     background: none;
     border: none;
     border-radius: 4px;
     color: #ffffff;
     cursor: pointer;
     font-family: "Rajdhani-Regular", sans-serif;
     font-size: 15px;
     margin-left: 20px;
     padding: 4px 5px;
     transition: 0.5s ease-in-out;
}
.item-menu:hover{
     opacity: 0.6;
}

.carousel{
     height: 340px;
     overflow: hidden;
     width: 100%;
}
.slides{
     display: flex;
     height: 340px;
     width: 400%;
}
.slides input{
     display: none;
}
.slide{
     position: relative;
     background-repeat: no-repeat;
     background-size: cover;
     color: var(--cor-laranja-escuro);
     transition: 1s;
     width: 25%;
}
.slide h1{
     position: relative;
     font: 30px "Rajdhani-Bold", sans-serif;
     margin-bottom: 50%;
     margin-left: 112px;
     top: 50%;
     transform: translate(0%, -50%);
     width: 80%;
}
.first{
     background-image: url("../img/slide-bkg.jpg");
}
.second{
     background-image: url("../img/slide-bkg.jpg");
}

.nav-auto div{
     border: 2px solid #ffffff;
     border-radius: 10px;
     cursor: pointer;
     padding: 5px;
     transition: 1s;
}
.nav-auto{
     position: absolute;
     display: flex;
     justify-content: center;
     margin-top: 320px;
     width: 100%;
}

.nav-manual{
     position: absolute;
     bottom: 0;
     display: flex;
     justify-content: center;
     margin-bottom: 20px;
     width: 100%;
}
.manual-btn{
     background-color: #ffffff;
     border-radius: 4px;
     cursor: pointer;
     height: 8px;
     width: 8px;
}
.manual-btn:not(:last-child){
     margin-right: 20px;
}

#radio1:checked ~ .first{
     margin-left: 0;
}
#radio2:checked ~ .first{
     margin-left: -25%;
}

.slide-btn{
     position: absolute;
     background: none;
     border: none;
     bottom: 0;
     cursor: pointer;
     height: 16px;
     margin-bottom: 20px;
     opacity: 0.3;
     transition: 0.5s ease-in-out;
     width: 14px;
}
.slide-btn svg{
     fill: var(--cor-roxa);
     height: 16px;
     width: 14px;
}
.slide-btn:hover{
     opacity: 1;
}
.slide-previous{
     margin-left: 25px;
}
.slide-next{
     margin-right: 25px;
     right: 0;
}

.content{
     padding-bottom: 70px;
     padding-left: 1rem;
     padding-right: 1rem;
     padding-top: 70px;
     text-align: justify;
}
.content:nth-child(4),
.content:nth-child(7),
.content:nth-child(10),
.content:nth-child(13){
     background-color: var(--cor-roxa);
     color: #ffffff;
}
.content:nth-child(5),
.content:nth-child(8),
.content:nth-child(11){
     background-color: var(--cor-laranja-claro);;
     color: #ffffff;
}
.content:nth-child(6),
.content:nth-child(9),
.content:nth-child(12){
     background-color: #ffffff;
     color: #000000;
}
.content:nth-child(6) .title,
.content:nth-child(9) .title,
.content:nth-child(12) .title{
     color: var(--cor-roxa);
}
.content:nth-child(6) .section{
     border-bottom: 1px solid rgb(0, 0, 0, 0.2);
     color: #000000;
     max-width: 100%;
}
.content:nth-child(6) .paragraph,
.content:nth-child(9) .paragraph{
     color: #3F424D;
}
.content:nth-child(7) .link,
.content:nth-child(10) .link{
     color: #ffffff;
}
.content:nth-child(8) .subtitle{
     color: var(--cor-roxa);
}
.content .container{
     margin-left: 10%;
     width: 80%;
}
.content .title{
     font: 36px "Rajdhani-Medium", sans-serif;
     line-height: 1.2;
     padding-bottom: 30px;
}
.content .paragraph{
     font: 17px "Arial", sans-serif;
     line-height: 1.5;
     margin-bottom: 12px;
}
.container .text-center{
     text-align: center;
}
.content .section{
     position: relative;
     border-bottom: 1px solid rgb(255, 255, 255, 0.2);
     color: #ffffff;
     left: 50%;
     margin-right: -50%;
     max-width: 50%;
     padding: 25px;
     text-align: center;
     transform: translate(-50%, 0);
}
.content .subtitle{
     font: 18px "Rajdhani-Medium", sans-serif;
     line-height: 1.2;
}
.content .link{
     color: var(--cor-roxa);
     font: 17px "Arial", sans-serif;
}

.content .container-double,
.content .container-triple{
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     width: 100%;
}
.content .container-double .content-double{
     width: 45%;
}
.content .container-triple .content-triple{
     width: 33%;
}
.content .container-double .content-double li,
.content .container-triple .content-triple li{
     margin-left: 15px;
}
.content .container-double .content-double .link{
     color: #ffffff;
     font: 19px "Rajdhani-Medium", sans-serif;
     line-height: 1.3;
     text-decoration: none;
}
.content .container-triple .content-triple .link{
     color: #3F424D;
     font: 19px "Rajdhani-Medium", sans-serif;
     line-height: 1.3;
     text-decoration: none;
}
.content .container-double .content-double .link:hover{
     text-decoration: underline;
}
.content .container-triple .content-triple .link:hover{
     text-decoration: underline;
}
.content .container-double .content-double .paragraph{
     border-bottom: 1px solid #ffffff;
     padding-bottom: 12px;
}

footer{
     background-color: var(--cor-laranja-claro);
     padding-bottom: 30px;
     padding-top: 30px;
}
footer .container{
     margin-left: 10%;
     width: 80%;
}
footer .container .copy{
     color: #ffffff;
     font: 14px "Rajdhani-Regular", sans-serif;
     opacity: 0.6;
}
footer .container a{
     color: var(--cor-roxa);
     font: 14px "Rajdhani-Regular", sans-serif;
}

.menu-mobile{
     position: fixed;
     background-color: var(--cor-roxa);
     display: none;
     height: 100%;
     margin-top: -500%;
     overflow: auto;
     top: 0;
     transition: 0.7s;
     width: 100%;
     z-index: 10;
}
.menu-mobile a{
     text-decoration: none;
}
.menu-mobile .btn-close-menu{
     position: fixed;
     background: none;
     border: none;
     cursor: pointer;
     margin-left: 23px;
     margin-top: 31px;
     transition: 0.5s ease-in-out;
}
.menu-mobile .btn-close-menu:hover{
     opacity: 0.6;
}
.menu-mobile .btn-close-menu svg{
     fill: var(--cor-laranja-claro);
     height: 24px;
     width: 24px;
}
.menu-mobile .btn-menu{
     position: relative;
     background: none;
     border: none;
     border-bottom: 1px solid silver;
     color: #ffffff;
     cursor: pointer;
     display: block;
     font: 16px "Rajdhani-Medium", sans-serif;
     left: 50%;
     margin-right: -50%;
     padding-bottom: 18px;
     padding-top: 15px;
     transform: translate(-50%, 0);
     transition: 0.5s ease-in-out;
     width: 93%;
}
.menu-mobile .btn-menu:hover{
     opacity: 0.6;
}
.menu-mobile .btn-first{
     margin-top: 62px;
}