@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,500;0,700;0,900;1,100;1,400;1,500;1,700;1,900&display=swap');

@media screen and (max-width: 700px)  {
    html {
        font-size: 1.2rem;

    }
    body {

    }

}



@include media-breakpoint-up(lg) {
    html {
        font-size: 1.6rem;
    }
}




body {
    font-family: "Montserrat";
    line-height: 1.5;
}

html {
    font-size: 0.9rem;
}

/*img responsivo carrossel*/

a{
    color: white;
}

a:hover {
    color: #b7d9fd;
}



/*sobreposição cores*/

.btn-primary{
    background-color:#124e90 !important;
}

.bg-primary{
    background-color:#124e90 !important;
}
.bg-secondary{
    background-color:#DEDEDE !important;
}

.bg-g-primary{
    background: linear-gradient(175deg, rgba(28,106,191,1) 16%, rgba(8,31,57,1) 100%);
}
.btn-primary{
    background-color:#124e90 !important;
}

.btn-primary:hover{
    background-color: #043466 !important;
}

.btn-secondary{
    background-color:#bababa !important;
}

.btn-third{
    background-color:#2c8ef6 !important;
    color: white !important;
}

.btn-third:hover{
    background-color:rgb(12, 116, 226) !important;
    color: rgb(255, 255, 255) !important;
}




.text-blue{
    color: #124e90;
}

.text-blue-light{
    color: #07eaff !important;
}

/*fonts*/
.lead{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.lead-2{
    font-size: 12px;
    line-height: 16px;
}

h5{
    font-size: 1.1rem !important;
}




/*up page float*/
#btn-back-to-top {
    position: fixed;
    bottom: 12%;
    left: 10% !important; 
    display:flex ;
}


/*hero carroussel*/
.carousel-item {

    height: 90vh;
    min-height: 350px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}


/*text shadow*/
.t-shadow {
    text-shadow: 3px 4px 6px rgba(0, 0, 0, 0.9);
}


/*cards*/
a{
    cursor:pointer;
}

p{
    padding-bottom:1rem;
}

h5{
    font-weight:bold;
    color:#2b2b2b;
}

.box-shadow{
    -webkit-box-shadow: 0 1px 1px rgba(72,78,85,.6);
    box-shadow: 0 1px 1px rgba(72,78,85,.6);
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.box-shadow:hover{
    -webkit-box-shadow: 0 20px 40px rgba(72,78,85,.6);
    box-shadow: 0 20px 40px rgba(72,78,85,.6);
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
}

.card{
    border-radius: 25px;

}

.card img{
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.card svg{
    position:absolute;
    top:19rem;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    filter:drop-shadow(2px -9px 4px rgba(0, 69, 134, 0.2));
}
.card:hover svg{
    filter:drop-shadow(2px -9px 4px rgba(0, 69, 134, 0.4));
}

i{
    position:absolute;
    top: 18rem;
    right: 2rem;
    color:white;
    font-size:3rem;
    background: rgb(238,174,202);
    background: linear-gradient(133deg, rgba(255,255,255,1) 0%, rgba(211,210,231,1) 19%, rgba(11,39,73,1) 100%);
    padding: 1rem;
    border-radius: 100%;
    transition: all .6s ease-in-out;
}

.card:hover i{
    transform: rotate(-180deg);
}

i:hover{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.7) 0px 18px 36px -18px inset;
}

/*counter*/

.counter-section i { display:block; margin:0 0 10px}
.counter-section span.counter { font-size:1.8rem; color:#000; line-height:60px; display:block; font-family: "Montserrat" ,sans-serif; font-weight: 800; letter-spacing: 2px}
.counter-title{ font-size:12px; letter-spacing:2px; text-transform: uppercase}
.counter-icon {top:10px; position:relative}
.counter-style2 .counter-title {letter-spacing: 0.55px; float: left;}
.counter-style2 span.counter {letter-spacing: 0.55px; float: left; margin-right: 10px;}
.counter-style2 i {float: right; line-height: 26px; margin: 0 10px 0 0}
.counter-subheadline span {float: right;}



/*timeline*/
.timeline-steps {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.timeline-steps .timeline-step {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 1rem
}

@media (min-width:768px) {
    .timeline-steps .timeline-step:not(:last-child):after {
        content: "";
        display: block;
        border-top: .25rem dotted #3b82f6;
        width: 3.46rem;
        position: absolute;
        left: 7.5rem;
        top: .3125rem
    }
    .timeline-steps .timeline-step:not(:first-child):before {
        content: "";
        display: block;
        border-top: .25rem dotted #3b82f6;
        width: 3.8125rem;
        position: absolute;
        right: 7.5rem;
        top: .3125rem
    }
}

.timeline-steps .timeline-content {
    width: 10rem;
    text-align: center
}

.timeline-steps .timeline-content .inner-circle {
    border-radius: 1.5rem;
    height: 1rem;
    width: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #3b82f6
}

.timeline-steps .timeline-content .inner-circle:before {
    content: "";
    background-color: #3b82f6;
    display: inline-block;
    height: 3rem;
    width: 3rem;
    min-width: 3rem;
    border-radius: 6.25rem;
    opacity: .5
}

/*formulario*/
.contact{
    padding: 4%;

}
.col-md-3{
    background: #ff9b00;
    padding: 4%;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}
.contact-info{
    margin-top:10%;
}
.contact-info img{
    margin-bottom: 15%;
}
.contact-info h2{
    margin-bottom: 10%;
}
.col-md-9{
    background: #fff;
    padding: 3%;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}
.contact-form label{
    font-weight:600;
}
.contact-form button{
    background: #25274d;
    color: #fff;
    font-weight: 600;
    width: 25%;
}
.contact-form button:focus{
    box-shadow:none;
}

/*pop-up*/

.box-input {
    position: absolute;
    background-color: #FFF;
    right: 51px;
    top: 40px;
    width: 218px;
    padding: 5px;
    border-radius: 5px;
    display: none;
    z-index: 1;
}

.btn-acesso {
    background: transparent;
    color: #0a1547;
    text-decoration: underline;
    text-transform: uppercase;
    font-size: 13px;
    /*font-weight: bold;*/
    cursor: pointer;
}

.btn-acesso:hover {
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
    color: #b7d9fd;
}