body{background: #00453A; overflow-x: hidden;}
*{font-family: "obviously-variable", sans-serif; }
.content{ min-height: 94vh; background: #00453A; position: relative;}
.grafism-top{ position: absolute;top: 0; right: 0;}
.grafism-bottom{ position: absolute;bottom: 0; left: 0;}
.grafism-esq, .grafism-dir{position: absolute; bottom: 0;}
.grafism-esq{left: 0;}
.grafism-dir{right: 0;}

.text-img{max-width: 70%; width: 100%;}


.color-green{ color: #75B843; }
.color-green-2{color: #00453A;}
.color-blue{color: #012047}

.fs2rem{font-size: 1.8rem;}
h1{color: #FFFFFF; z-index: 3; position: relative;}
h1 span{font-weight: 400; font-size: 1rem; letter-spacing: -1px;}
.btn-agenda{background:#6DB145; border-radius: 5px; padding: 5px 12px; color: #ffffff; width: fit-content; 
    text-decoration: none; font-size: 1rem; outline: none; border: none; position:relative; z-index: 2;
}
.color-white{color: #ffffff;}
.color-green{color: #6DB145;} 

.video-wrapper{position: relative;  min-height: 50vh; margin: 0 auto 2vh auto; ;overflow: hidden;cursor: pointer; }
.video-cover {display: block; width: 90%; min-height: 50vh; object-fit: cover;border-radius: 30px 30px 30px 30px; margin: 0 auto; }
.play-button { 
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.5);
    border-radius: 50%; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease;
}
.play-button:hover { background: rgba(255, 255, 255, 0.2); }
.play-button::before {
    content: ''; display: block; width: 0;height: 0; border-left: 18px solid white; border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}

.header{ background-color: #FFF; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); padding: 1.25vh 0; }
.header .dropdown-menu {
padding-top: 0px;
padding-bottom: 0px;
}
.header .dropdown a{ font-weight: 500; background: transparent !important; color: #0D4AA1;}
.header .dropdown-menu.show {min-width: unset}


.social-icons { display: flex; gap: 40px; justify-content: center;}


.footer{background: #00453A; position: relative; color: #FFFFFF; font-size: 1.1rem;}

.calendar-container { position: relative; width: fit-content; margin: auto;}
.btn-agenda:hover { background: #6ca24f; }
/* .dropdown {
    position: absolute; top: 1.5rem; left: 0; background: #6DB145; border-radius: 0px 0px 5px 5px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    padding: 10px 0; width: 100%; display: none;z-index: 1;
} */

.dropdown a {display: block; padding: 10px 15px; color: #ffffff; text-decoration: none; font-size: .9rem; transition: background 0.2s ease; }
.dropdown a:hover { background-color: #6ca24f; color: #00453A; }
.btn-green2{ background-color: #6DB145 !important; color: #FFFFFF !important; text-transform: uppercase; background: url('../img/arrow.svg') no-repeat;
background-repeat: no-repeat; background-position: 90% ; padding-right: 40px; border-radius: 30px; }

.text-author{ margin: 0; font-size: 0.875rem; font-weight: 500; color: #012047; line-height: 1.2;}
.text-author span{ color: #6DB145;}

.section-2{background: #ffffff; position: relative; color: #00453A; font-size: 1.25rem;}
.font-public{font-family: "Public Sans", sans-serif!important;}
.section-2 span{font-weight: 600;}


.section-3{font-size: 1.5rem; z-index: 3; font-weight: 500;}
.section-3 .btn-white, .section-3 .btn-green{background: #FFFFFF; border-radius: 90px; padding: 8px 16px; font-size: 1rem; color: #0E4AA0; font-weight: 500;}
.section-3 .btn-green{background: #6DB145; color: #FFFFFF;}
.section-3 .border-right{border-right: 3px solid #FFFFFF66;}


.swiper-slide {height: auto !important; display: flex !important;}
.carrosselServicos { padding: 20px 0px 60px;}
.carrosselServicos .card { background: #fff; border: 1px solid #00453A; border-radius: 20px; overflow: hidden; display: flex; flex-direction: column;}
.carrosselServicos .card-img { height: 220px; background-size: cover; background-position: center; display: flex; flex-direction: column; justify-content: end; padding: 20px; border-radius: 0;}
.carrosselServicos .card-content { padding: 20px; flex-grow: 1; display: flex; flex-direction: column; align-items: flex-start; }
.carrosselServicos .card-content a{margin-top: auto; }
.carrosselServicos .card-img .title { font-weight: 500; font-size: 1.25rem; text-transform: uppercase; color: #75B843;}
.carrosselServicos .card-img .subtitle {font-variation-settings: "wght" 380, "wdth" 75, "ital" 1; color: #FFFFFF; margin-bottom: 0; font-size: 1.25rem;}
.carrosselServicos .text { color: #13261C;font-size: 1rem;}
.carrosselServicos .card:hover { box-shadow: 0 8px 18px rgba(0,0,0,0.1); transform: translateY(-4px); transition: 0.3s ease;}

.swiper-controls .swiper-button-next,
.swiper-controls .swiper-button-prev { width: 45px; height: 45px; background: #13261C; border-radius: 50%; color: #6DB145;}
.swiper-controls .swiper-button-next:after, .swiper-controls .swiper-button-prev:after { content: none;}
.swiper-controls .swiper-button-next svg, .swiper-controls .swiper-button-prev svg { width: 21px;}
.swiper-controls .swiper-button-next, .swiper-controls .swiper-button-prev { position: relative; top: auto; bottom: auto; left: auto; right: auto; margin: 0;}
.swiper-controls .swiper-button-prev svg *{ stroke: #6DB145;}
.swiper-controls .swiper-button-prev.initial-state svg *{ stroke: #13261C;}
.swiper-controls .swiper-button-prev.initial-state { background: #DBDBDB; pointer-events: none; transform: scale(0.95);}


.section-4{background: #FFFFFF;}
.section-4 h2{font-size: 1.25rem;}

.section-5{background: url('../img/bg-parceiros.png') no-repeat left center; background-size: cover; min-height: 90vh;}
.section-5 p.f-settings-widemedium{font-variation-settings:"wght" 500, "wdth" 100;}
.section-5 h2{font-size: 1.5rem;}
.section-5 .carrossel-wrapper { position: relative; width: 100%;}
.section-5 .carrossel-wrapper .swiper { width: calc(100vw - ( (100vw - 115%) / 2 ) ); margin-left: 0; margin-right: calc((100vw - 100%) / -2);}
.carrosselParceiros .card { background: #fff; padding: 30px; color: #012047; font-size: 1.025rem; border-radius: 30px;}
.carrosselParceiros .card .card-content{ line-height: 1.3; display: flex; flex-direction: column; justify-content: flex-start; min-height: 100%;}
.carrosselParceiros .card .card-content .logo-parceiros{display: flex; flex-direction: column; justify-content: center; min-height: 30%;}
.swiper-button-prev-parceiros, .swiper-button-next-parceiros{background: #6DB145; width: 61px; height: 61px; border-radius: 50%;}
.swiper-button-prev-parceiros svg, .swiper-button-next-parceiros svg{width: 28px;}

.section-6{text-align: center;}
.section-6 h3{font-variation-settings:"wght" 500, "wdth" 130;}
.section-6 h2, .section-6 p{font-size: 1.625rem;}

.f-settings{font-variation-settings: "wght" 500, "wdth" 75, "ital" 1;}
.f-settings-400{font-variation-settings: "wght" 480, "wdth" 75, "ital" 1;}
.f-settings-widelight{font-variation-settings:"wght" 500, "wdth" 90;}
.f-settings-widemedium{font-variation-settings:"wght" 400, "wdth" 130;}
.f-settings-wideextend{font-variation-settings: "wght" 500, "wdth" 180!important;}
.f-settings-extrawideextend{font-variation-settings: "wght" 480, "wdth" 230!important;}


.form-container .grafism-esq, .form-container .grafism-dir{border-radius: 20px;;}
.form-container { margin: auto; padding: 40px; background: #00453c; border-radius: 20px; display: flex;}
.form-container .f-settings-400 { font-variation-settings: "wght" 380, "wdth" 75, "ital" 1;}
.form-container p { font-weight: 500; font-size: 1.25rem; z-index: 3; position: relative; padding-right: 40px;}
form { display: flex; flex-direction: column; gap: 15px; z-index: 3; position: relative;}
form input,form textarea {
    font-size: 1rem; font-family: "Public Sans", sans-serif!important; font-style: italic; font-weight: 400; width: 100%; 
    padding: 10px 20px; border: none; border-radius: 40px; outline: none;
}
form textarea { height: 150px; border-radius: 20px; resize: none;}
form input::placeholder, form textarea::placeholder{ color: #13261C80;}
form button { 
    background: #6ac043; padding: 10px 50px; border-radius: 30px; border: none;
    cursor: pointer; font-weight: 500; font-family: "Public Sans", sans-serif!important;
    font-size: 14px;  color: #13261C; transition: .2s; text-transform: uppercase; width: fit-content;
}
form button:hover { opacity: .8;}

@media screen and (max-width: 1680px){ 
}

@media screen and (max-width: 1600px) { 
    .time-box { width: 60px; height: 50px;}
    .time-box span { font-size: 1.4rem;}
    .footer{font-size: .9rem;}
    .btn-agenda{font-size: .9rem;} 
}
@media screen and (max-width: 1440px) { 
    .footer.py-3{padding: .5rem!important}
    .grafism-top{max-width: 30%;top: 0%; right: 0;}
    .grafism-bottom{max-width: 30%;bottom: 0%; left: 0;}
    .fs2rem{font-size: 1.7rem;}
}
@media screen and (max-width: 1400px) { 
    
}

@media screen and (max-width: 1366px) { 
    .container{max-width: 70vw!important;}
    .time-box { width: 50px; height: 50px;}
    .time-box span { font-size: 1.2rem;}
    .footer, .btn-agenda,.dropdown a{font-size: .7rem;}
    .label { font-size: .5rem;}
    .logo-login{ max-width: 20%;}
    .my-4{ margin-top: 1rem!important; margin-bottom: 1rem!important;}
    .social-icons a {width: 25px; height: 25px; font-size: .9rem;} 
    .fs2rem{font-size: 1.6rem;}
    .content{padding: 3rem;}
    .grafism-esq, .grafism-dir{width: 30%;}
}

@media screen and (max-width: 1280px) {
    .container{max-width: 90vw!important;}
    .video-wrapper{height: auto;}
}

@media (max-width: 1280px) and (height: 960px) { 
}

/* 
@media (max-width: 1280px) and (height: 720px) {
    .video-wrapper{height: 0vh;}
} */

@media screen and (max-width: 768px) {
    .logo-login { max-width: 100%;}
    .text-img { max-width: 100%;}
    .video-wrapper, .video-cover { height: 25vh; object-fit: cover; width: 100%;}
    .video-wrapper { margin-top: 10vh;}
    .section-5 .carrossel-wrapper .swiper{margin-right: auto; width: 100%;}
    .form-container{display: flex; flex-direction: column; padding: 30px 20px;}
    .form-container p{padding-right: 0;}
    .social-icons { gap: 20px;}
  	.social-icons a { width: 40px; height: 40px;}
    .grafism-esq, .grafism-dir{width: 40%;}
    .section-3 .border-right { border-right: 0px;}
  
  .fs2rem{font-size: 1.4rem;}
  .section-5 h2, .section-6 h2, .section-6 p, .section-3 { font-size: 1.2rem;}
  .section-4 h2 {font-size: 1rem;}
}