@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap');

body {
    font-family: 'M PLUS Rounded 1c', sans-serif;
}

textarea {
    resize: none;
}
.img-infra {
    max-height: 240px;
    object-fit: cover;
}
.vertical-center-text {
    display: flex;
    justify-content: center;
    align-items: center;  
    height: 100%;
}
.red-borded {
    border: solid 1px red;
    border-radius: 10px;
    padding: 10px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.rounded-corner {
    border-radius: 15px;
}
.btn-primary {
    background-color: #00509e !important;
}
.btn-primary:hover {
    background-color: #3a62a9 !important;
}
.botao-whatsapp {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 99999999;
}

.navbar a{
    color: #000!important;
    font-weight: 400;
    font-size: 1rem;
}

.navbar a:hover {
    color: #3a62a9!important;
}



h1, h2 {
    font-weight: 900;
}

h3, h4, h5, h6 {
    font-weight: 700;
}

section {
    padding-top: 60px;
    padding-bottom: 60px;
}

.bg-azul {
    background-color: #3a62a9;
}

.bg-azul p, .bg-azul i, .bg-azul h1, .bg-azul h2, .bg-azul h3, .bg-azul h4 {
    color: #fff;
}

.img-tour {
    object-fit: cover;
    height: 230px;
    margin-top: 20px;
    margin-bottom: 20px;
}

hr {
    border-top: #DC3545 3px dashed;
}

.bg-top-segmentos {
    /*background-image: url(img/bg-top-segmentos.png);*/
    background-color: #00509e;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 200px;
    margin-top: -200px;
  }
  .bg-bottom-segmentos {
    /* background-image: url(img/bg-bottom-segmentos.svg); */
    background-color: #00509e;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 200px;
    margin-top: -5px;
    /* filter: invert(17%) sepia(75%) saturate(2959%) hue-rotate(197deg) brightness(96%) contrast(101%); */
  }

  .segmentos {
    background-color: #00509e;
    text-align: center;
    margin-top: -4px;
  }

  /* Footer */
footer {
    background-color: #3a62a9;
    padding-top: 20px;
    padding-bottom: 20px;
}

footer p, footer i, footer h2, footer a, .copyright-bar p {
    color: #fff!important;
}

.text-md-left {
    display: flex;
    align-items: center;
}

.social-footer {
    display:block; 
    list-style-type: none;
}
.social-footer li {
    display: inline-block;
}

.copyright-bar {
    background-color: #1a2c4c;
    padding-top: 10px;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23afafaf' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e") !important;
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23afafaf' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e") !important;
}

.carousel-indicators li {
    background-color: #afafaf;
}

.iframe-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  }
  
  /* Then style the iframe to fit in the container div with full height and width */
  .responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {  
    .dropdown a{
        text-align: center;
    }
    .text-md-left {
        justify-content: center;
    }
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (max-width: 768px) {  
    .bg-top-segmentos {
        height: 100px;
    }
    .bg-bottom-segmentos {
        height: 100px;
     }
}
 
/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) { 
 
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {  
     
}

@media (min-width: 1700px) {  
    .bg-top-segmentos {
        height: 300px;
    }
    .bg-bottom-segmentos {
        height: 300px;
     }
}