@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    background-color: #F5F6FA;
}

.fw-semibold {
    font-weight: 600 !important;
}
.font-10 {
    font-size: 10px;
}
.font-11 {
    font-size: 11px;
}
.font-12 {
    font-size: 12px;
}
.font-13 {
    font-size: 13px;
}
.font-14 {
    font-size: 14px;
}

.font-15 {
    font-size: 15px;
}

.font-16 {
    font-size: 16px;
}

.font-17 {
    font-size: 17px;
}

.font-18 {
    font-size: 18px;
}

.font-19 {
    font-size: 19px;
}

.font-20 {
    font-size: 20px;
}

.font-22 {
    font-size: 22px;
}

.font-24 {
    font-size: 24px;
}

.font-26 {
    font-size: 26px;
}

.font-28 {
    font-size: 28px;
}

.font-30 {
    font-size: 30px;
}

.font-32 {
    font-size: 32px;
}

.font-36 {
    font-size: 36px;
}

.font-38 {
    font-size: 38px;
}

.font-40 {
    font-size: 40px;
}

.font-42 {
    font-size: 42px;
}

.font-44 {
    font-size: 44px;
}

.font-48 {
    font-size: 48px;
}

.font-54 {
    font-size: 54px;
}

.color-primary {
    color: #265F98 !important;
}

.color-secundary {
    color: #1F628D !important;
}

.color-tertiary {
    color: #0060DF !important;
}


.color-text {
    color: #525252;
}

.text-black {
    color: #202020 !important;
}

.color-warning {
    color: #FFE51A !important;
}

.text-light {
    color: #9B9B9B !important;
}

.bg-footer {
     background-color: #1c252f;
   
}

.owl-nav {
/*    display: none !important;*/
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev{
    border-radius: 100%;
    width: 35px;
    height: 35px;
    background: #265F98;
    color: #fff;
    border: 1px solid #265F98;
    font-size: 18px;
}

.owl-prev {
    position: absolute;
    right: 40px;
   
}

.owl-next {
    position: absolute;
    right: -7px;
   
}

.owl-prev i,
.owl-next i {
    color: #000;
}

.ellipsis-multiline {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}

.ellipsis-multiline-destaque {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden; 
}
 
.icon-circle {
    width: 80px;
    /* Tamanho do círculo */
    height: 80px;
    background-color: #1E272E;
    /* Fundo do círculo translúcido */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
}

.icon-circle i {
    font-size: 36px;
    color: #a0a5ab;
    
}

.custom-card {
    background-color: #212C35;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    color: #8E9396;
}

.social-icon {
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.1);
    /* Fundo com opacidade */
    color: #8E9396;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    text-decoration: none;
    transition: 0.3s;
}

.social-icon:hover {
    background-color: rgba(255, 255, 255, 0.3);
}

.site-header {
    background: #1E272E;
    padding-top: 0px;
    padding-bottom: 0px;
}


.text-bg-primary {
    color: #fff !important;
    background-color: #1F628D !important;
}


.text-bg-secondary {
    color: #fff !important;
    background-color: #1083CC !important;
}

.btn-primary {
    background-color: #1F628D;
    border-color: #1F628D;
    border-radius: 20px;
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
}

.btn-header {
    background-color: #D8E3F0;
    border: none;;
    border-radius: 3px;
    font-size: 12px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #265F98;
    font-size: 12px;
    font-weight: 700;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
    /* Ajuste para evitar efeito de "pulo" */
}


.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #265F98 !important;
    color: #fff !important
}

.social-icon-link {
    background: var(--white-color);
    border-radius: 20px;
    display: inline-block;
    vertical-align: top;
    margin: 2px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.btn:hover{
    background-color: #265F98;
    border-color: #265F98;
    color: #fff !important;
}

.btn-outline-primary:hover {
    background-color: #06B68D;
        border-color: #06B68D;
        color: #fff;
}

.bg-primary, .text-bg-primary {
    background-color: #265F98 !important;
}

.bg-secundary {
    background-color: #E16E40 !important;
}

.bg-light{
    background-color: #EDEDED !important;
}


.title-pages-container {
    position: relative;
    width: 100%;
}

.title-pages {
    display: inline-block;
    position: relative;
    padding-bottom: 10px;
    /* Espaço entre o texto e a linha */
}

.border-bottom-custom {
   border-bottom: 4px #FFE51A solid;
   padding-bottom: 10px;
}

.title-with-underline {
    text-align: center;
    display: inline-block;
    position: relative;
}


.title-with-underline::after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background-color: #21a539;
}

.btn-secundary {
    background-color: #06B68D;
    border-color: #06B68D;
    border-radius: 20px;
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
}

.card{
    border-radius: 10px !important;
}

.whatsapp_float{
    position: fixed;
    right: 25px;
    bottom: 30px;
    z-index: 9999;
    width: 60px;
    height: 60px;
}

.mt-n1 {
    margin-top: -220px !important;
}

.carousel {
    margin: 0 !important;
    padding: 0 !important;
}

.carousel-inner {
    width: 100%;
}

.carousel-item img {
    width: 100vw;
    /* Ocupa 100% da largura da viewport */
    height: auto;
}




/* Somente Mobile */

@media (max-width: 480px) {
    .icone-cel{
        width: 36px;
    }

    .coluna-mobile {
      padding-bottom: 0px !important;

    }
    
    .social-icon {
        
        display: flex;
        align-items: center;
        justify-content: center;

    }

    .px-5, .g-5 {
        padding-top: none !important;
        padding-bottom: none !important;
        padding-left: none !important;
        padding-right: none !important;
    }

    .py-5 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .py-3 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .mb-5 {
        padding-bottom: 20px !important;
    }

    .pb-5 {
        padding-bottom: 20px !important;
    }

    .pt-5 {
        padding-top: 20px !important;
    }

    .font-40 {
        font-size: 35px;
    }

    .font-22 {
        font-size: 18px;
    }
    
    .font-28 {
        font-size: 20px;
        text-align: center;
    }

    .font-42 {
        font-size: 30px;
    }
        
    .logo-header {
        width: 170px;
    }
    
   
}

.ck-editor__editable {
	min-height: 300px;
}