/** CSS Santa Clara **/







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



h1,h2{

font-family: 'Inter', sans-serif;

font-weight: 300;

letter-spacing: -2px;



}



p{

font-family: 'Inter', sans-serif;

font-weight: 300;

letter-spacing: 0px;

}



nav{

    font-family: 'Inter', sans-serif;

    font-weight: 600;

    letter-spacing: -1px;

}



.link-politica{

    color: #ffffff47;

    margin-left: 33px;

}



.logo{

    width: 80px;

    margin-top: 0px;

}



.text-vant{

    font-size: 17px!important;

}



.box-shadow-menu{

    background: #fff!important;

    box-shadow: 10px 10px 40px 0px #00000024;

}



.bg-como-funciona p{

    font-size: 17px;

    font-weight: 400;

}



.bg-como-funciona h6{

	font-size: 27px;

    color: #000!important;

    font-weight: 700;

    letter-spacing: -1px;

}



.bg-como-funciona .card-body {

    flex: 1 1 auto;

    padding: 1px 5px;

}



.header{

	background-image: url(../img/bg-csc.png);

	background-size: 100%;

	height: 575px;

	background-repeat: no-repeat;

}





.mt-cta{

	margin-top: 3em;

}



.mt-juros{

	margin-top: 4em;

	font-size: 35px;

}

.mt-csc{

	margin-top: 4em;

	font-size: 35px;

}


.card{

	border: none;

}



.color-orange{

    color: #f4a642;

}



.color-blue{

    color: #4487ec;

}



.color-cinza{

    color: #868686;

}



.card-box-orange {

    background: #ffffff;

    border-radius: 10px;

    border: 3px solid #f4a642;

    padding: 20px;

    box-shadow: 0px 0px 30px -1px #00000014;

}



.card-box-blue {

    background: #ffffff;

    border-radius: 10px;

    border: 3px solid #4487ec;

    padding: 20px;

    box-shadow: 0px 0px 30px -1px #00000014;

}





.card-box-orange-2 {

    background: #f4a642;

    border-radius: 10px;

    border: none!important;

    padding: 20px;



}



.card-box-blue-2 {

    background: #4487ec;

    border-radius: 10px;

    border: none!important;

    padding: 20px;

}


.bg-vantagens{

	background-image: url(../img/bg-csc-2.png);

	background-size: 100%;

	height: 480px;

	background-repeat: no-repeat;

}

.bg-destaques{

	background-image: url(../img/bg-csc-2.png);

	background-size: 100%;

	height: 480px;

	background-repeat: no-repeat;

}



.bg-como-funciona{

	background-image: url(../img/bg-csc-2.png);

	background-size: cover;

	height: auto;

	background-repeat: no-repeat;

}



.bg-juros{

	background-image: url(../img/bg-csc-2.png);

	background-size: 100%;

	height: auto;

	background-repeat: no-repeat;

}


.bg-csc{

	background-image: url(../img/bg-csc-3.png);

	background-size: 100%;

	height: auto;

	background-repeat: no-repeat;

}

.img-graph{

	display: block;

    width: 500px;

    margin: 35px auto;

}



.number-box{

	font-size: 60px;

    font-weight: 600;

    color: #fff;

}



.bg-vantagens h6{

	color: #000!important;

    font-size: 26px;

    font-weight: 700;

}


.bg-destaques h6{

	color: #000!important;

    font-size: 26px;

    font-weight: 700;

}


.bg-vantagens p{

	font-size: 20px;

    line-height: 25px;

}


.bg-destaques p{

	font-size: 20px;

    line-height: 25px;

}

.text-white{

	color: #fff;

}



.hr-footer{

	border: 0.3px solid #ffffff38;

    margin-top: 40px;

}



.text-copy{

	font-size: 11px;

}



.convenios p{

	font-size: 18px;

}



.bg-vantagens p{

	font-weight: 500;

	font-size: 18px;

}


.bg-destaques p{

	font-weight: 500;

	font-size: 18px;

}



.bg-vantagens img{

	display: block;

    width: 140px;

    margin-top: -12px;

    margin-left: -12px;

}



.bg-destaques img{

	display: block;

    width: 140px;

    margin-top: -12px;

    margin-left: -12px;

}


.btn-simulacao {

    background: #ffffff;

    color: #4085eb;

    border: none;

    padding: 13px;

    border-radius: 60px;

    width: 240px;

    font-weight: 600;

    font-size: 18px;

    transition: ease 0.2s;

}



.btn-simulacao-2 {

    background: #4487ec;

    color: #ffffff;

    border: none;

    padding: 13px;

    border-radius: 60px;

    width: 210px;

    font-weight: 600;

    font-size: 18px;

    transition: ease 0.2s;

}



.btn-simulacao-2:hover{

    background: #25245D;

    color: #fff;

    border: none;

    padding: 13px;

    border-radius: 60px;

    width: 215px;

    font-weight: 600;

    font-size: 18px;

    transition: ease 0.2s;

    letter-spacing: 1px;

}





.btn-simulacao-3 {

    background: #ff960f;

    color: #ffffff;

    border: none;

    padding: 13px;

    border-radius: 60px;

    width: 210px;

    font-weight: 600;

    font-size: 18px;

    transition: ease 0.2s;

}



.btn-simulacao-3:hover{

    background: #25245D;

    color: #fff;

    border: none;

    padding: 13px;

    border-radius: 60px;

    width: 215px;

    font-weight: 600;

    font-size: 18px;

    transition: ease 0.2s;

    letter-spacing: 1px;

}



.span-banner{

    font-size: 30px;

    letter-spacing: 0px;

    color: #36eaf5!important;

    font-weight: 400;

}



.btn-simulacao:hover{

	background: #25245D;

	color: #fff;

    border: none;

    padding: 13px;

    border-radius: 60px;

    width: 240px;

    font-weight: 600;

    font-size: 18px;

    transition: ease 0.2s;

    letter-spacing: 1px;

}



.btn-simulacao-menu {

    background: #4083e7;

    color: #fff;

    border: none;

    padding: 11px;

    display: block;

    border-radius: 60px;

    width: 190px;

    font-weight: 600;

    font-size: 14px;

    margin-left: 12px!important;

    margin: -10px;

    transition: ease 0.2s;

}



.btn-simulacao-menu:hover{

    background: #25245D;

    color: #fff;

    border: none;

    padding: 11px;

    border-radius: 60px;

    width: 190px;

    font-weight: 600;

    font-size: 14px;

    transition: ease 0.2s;

    letter-spacing: 1px;

}



.db-m0{

	display: block;

    margin: 0 auto;

}



.accordion-button:not(.collapsed) {

    color: #ffffff;

    background-color: #000000;

    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);

}



.accordion-button:focus {

    z-index: 3;

    border-color: #86b7fe;

    outline: 0;

    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);

}



.border-top-accord{

	border-top: 1px solid #e7e2e2;

}



.icon-social{

    width: 25px;

    margin-right: 8px;

}



.list-style{

    list-style: none;

    margin-left: -30px;

}



.bg-dark {

    background-color: #25245D!important;

}



a {

    color: #000;

    font-weight: 600;

}



a:hover {

    color: #ffc107;

}



.title-modal{

    text-align: center;

    display: block;

    margin: 0 auto;

    font-family: 'Inter', sans-serif;

    font-weight: 400;

    letter-spacing: -1px;

    padding-top: 30px;

}



.input-group-text {

    display: flex;

    align-items: center;

    padding: .375rem .75rem;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #000;

    text-align: center;

    white-space: nowrap;

    background-color: #00000005;

    /* border: 1px solid #ced4da; */

    border-radius: .25rem;

}



.form-control {

    display: block;

    width: 100%;

    padding: .375rem .75rem;

    font-size: 1.1rem;

    font-weight: 600;

    line-height: 1.5;

    color: #212529;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #ced4da;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border-radius: .25rem;

    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}



.titulo-select{

    margin-top: 30px;

    display: block;

    margin-bottom: 18px;

    font-weight: 600;

    font-size: 19px;

    line-height: 23px;

}



.link-social{

    color: #fff;

    text-decoration: none;

}





/* Responsivo */



@media(max-width: 980px){

    .bg-vantagens {

        background: #f6f6f6;

        height: auto;

        overflow: auto;

        padding-top: 40px!important;

    }

    .bg-destaques {

        background: #f6f6f6;

        height: auto;

        overflow: auto;

        padding-top: 40px!important;

    }	
	
    .card-box-gray {

        background: #c5c5c5;

        border-radius: 10px;

        border: none!important;

        padding: 20px;

        width: 100%!important;

    }

    .card-box-yellow {

        background: #fac300;

        border-radius: 10px;

        border: none!important;

        padding: 20px;

        width: 100%!important;

    }

    .bg-juros {

        background-image: url(../img/bg-csc-2.png);

        background-size: cover;

        height: auto;

        background-repeat: no-repeat;

        overflow: auto;

    }

	
    .bg-csc {

        background-image: url(../img/bg-csc-2.png);

        background-size: cover;

        height: auto;

        background-repeat: no-repeat;

        overflow: auto;

    }	
    .header {

        background-image: url(../img/bg-csc-mobile.png);

        background-size: cover;

        height: auto;

        background-repeat: no-repeat;

        overflow: auto;

        margin-bottom: 0!important;

    }

    .bg-como-funciona {

        background-image: url(../img/bg-csc-2.png);

        background-size: cover;

        height: auto;

        background-repeat: no-repeat;

    }

    .img-graph {

        display: block;

        width: 100%;

        margin: 35px auto;

    }





    .navbar-brand img{

        display: none;

    }

}