@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;500&display=swap');

body{
	font-family: 'Roboto', sans-serif;
}


* {
	margin: 0;
	padding: 0;
}
i
 {
	margin-right: 10px;
}

a { text-decoration: none;}

.form-check-input { opacity: 0 !important; }


#pages {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    width: 95%;
    max-width: 1300px;
}

/*------------------------*/
input:focus,
button:focus,
.form-control:focus{
	outline: none;
	box-shadow: none;
}
.form-control:disabled, .form-control[readonly]{
	background-color: #fff;
}

.form-control {
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
}
#container-2{max-width: 100%; margin: 0;}
.container { max-width: 760px; text-align: center; }

h2,h3{text-align: center;}
h2{font-size: 25px; font-weight: 600; margin: 10px 0 30px 10px}
h3{color: #777; font-size: 30px; font-weight: 300}

.default-btn{padding: 10px 40px; border:none; background-color: none; display: inline-block; margin:10px; color: #fff; border-radius: 30px; transition: all 0.5s;}
.prev-step{background-color: #777;}
.next-step{background-color:#20d115;}
.next-step:hover{box-shadow: 0 0 15px #20d115; transform: scale(1.02);}
#quantos_convidados{height: 80px; text-align: center; font-size: 40px;}
.list-inline{margin-top: 30px; display: flex; justify-content: center;}
.radio-form{display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.radio-form label{font-size: 20px; font-weight: 300;}

.nav-tabs{margin-top: 50px;}
.nav-tabs > li{position: relative;}
.nav-tabs > li.active a{background-color: #006740; color: #fff;}
.nav-tabs > li > a{width: 30px; height: 30px; border-radius: 50%; border:solid 2px #006740; display: block; text-align: center; line-height: 30px; padding:0; color: #006740; background: #fff; position: absolute; bottom: -15px; left: -15px;}

#page-17 .form-group > label { font-size: 16px; }
#page-17 .form-group > div { display: flex; justify-content: center; }

#page-17 .form-group input { opacity: 0; }

.form-check-label {
    color: #000;
    background: #fff;
    font-size: 16px;
    width: 210px;
    margin: 0;
    margin-bottom: 20px !important;
    border: solid 1px #ccc;
    padding: 3px 20px;
    border-radius: 5px;
    font-size: 18px;
}

@media (max-width: 992px){
    .form-check-label {
        width: 129px;
    }

    .form-check{
        padding: 0 5px;
    }
}

.form-check.active .form-check-label {
    color: #fff;
    background: #006740;
    font-size: 16px;
}

/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;700&display=swap');

.transition, .tra {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

body{
    font-family: 'Roboto', sans-serif; font-weight: 200; color: #000;
}
section{ height: auto; padding: 80px 0; width: 100%; display: flex; justify-content: center; flex-direction: column; text-align: center; overflow-y: auto;}

h2 {
    font-size: 60px;
    font-weight: 100;
    margin-bottom: 30px;
}

.btn{border-radius: 50px; padding: 10px 30px;}
.form-control{height: 60px; border-radius: 50px; border:solid 3px #eee; padding-left: 20px; padding-right: 20px;}

.radio-button{position: relative; font-size: 40px; margin:20px}
.radio-button:hover{color: #0b14fa;}
.radio-button input{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
.radio-button.active{color: #0b14fa; font-weight: bold;}

.owl-carousel .owl-item img{width: auto !important; margin:auto}


.container {
    max-width: 760px;
} */