*{padding:0;margin:0;box-sizing:border-box;font-family:'Source Sans Pro', sans-serif}::selection{background: color #1b2c4d;;color:#fff}
ul,ol{list-style:none;margin:0;padding:0}a{text-decoration:none}img{max-width:100%;height:auto;display:block}p,h1,h2,h3,h4,h5,h6{margin:0}
button,input{border:0;font-family:'Source Sans Pro', sans-serif}button:focus,input:focus{border:0}body{font-family:'Source Sans Pro', sans-serif;background-color:#fff;overflow-x:hidden}html{scroll-behavior:smooth;font-size:62.5%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#1B2C4D}::-webkit-scrollbar-thumb{background-color:#F4A300;border-radius:8px}header{padding:0px 50px;background:#1B2C4D;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid #101013;z-index:999;width:100%;position:fixed;top:0;left:0}@media screen and (max-width: 992px){header{padding:0px 24px}}header .grid-layout nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;height:100px;padding:0px 8px}header .grid-layout nav img{width:150px}header .grid-layout nav .nav-list{list-style:none;display:flex}header .grid-layout nav .nav-list li{margin-left:48px}@media screen and (max-width: 992px){header .grid-layout nav .nav-list li{margin-left:0px}}header .grid-layout nav .nav-list li a{color:#c6c6c6;position:relative;font-size:1.8rem}header .grid-layout nav .nav-list li a::after{content:"";position:absolute;width:100%;transform:scaleX(0);height:1px;bottom:-7px;left:0;background:linear-gradient(270deg, #F4A300 0%, #17161d 100%);transform-origin:bottom right;transition:transform .5s cubic-bezier(0.86, 0, 0.07, 1)}header .grid-layout nav .nav-list li a:hover::after{transform:scaleX(1);transform-origin:bottom left}header .grid-layout nav .nav-list li a:hover{color:#fff}.mobile-menu{display:none}.mobile-menu div{width:32px;height:1px;background-color:#fff;margin:8px;transition:.4s}.nav-list.active{visibility:initial;transition:1s all ease}@keyframes navLinkFade{from{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.mobile-menu.active .line1{transform:rotate(-45deg) translate(-8px, 8px)}.mobile-menu.active .line2{opacity:0}.mobile-menu.active .line3{transform:rotate(45deg) translate(-5px, -5px)}@media screen and (max-width: 992px){body{overflow-x:hidden}.nav-list{text-align:center;position:absolute;top:100px;right:0;width:100vw;height:100vh;z-index:999;background-color:#0c0b16;flex-direction:column;padding-top:96px;visibility:hidden}header .grid-layout nav .nav-list li{opacity:0;margin-bottom:48px}header .grid-layout nav .nav-list li a{font-size:2.4rem}.mobile-menu{display:block}}



#s-home{  position: relative;
  padding: 0px 50px;
  background: url(../image/IMG_3244.JPG) no-repeat center center/cover;
  z-index: 0;
  overflow: hidden;}@media screen and (max-width: 992px){#s-home{padding:100px 20px 0px 20px}}#s-home .grid-layout #home{display:flex;align-items:center;min-height:90vh;padding:200px 0px;overflow:hidden;width:100%}@media screen and (max-width: 992px){#s-home .grid-layout #home{padding:0px}}#s-home .grid-layout #home #home-container-text{width:100%;flex-direction:column}@media screen and (max-width: 992px){#s-home .grid-layout #home #home-container-text{display:flex;flex-direction:column;align-items:center;width:100%;text-align:center;padding:0px}}#s-home .grid-layout #home #home-container-text h1{color:#fff;max-width:700px;line-height:140%;font-size:4rem;font-weight:500}@media screen and (max-width: 992px){#s-home .grid-layout #home #home-container-text h1{font-size:3.2rem}}#s-home .grid-layout #home #home-container-text h1 span{color:#F4A300}#s-home .grid-layout #home #home-container-text p{color:#c6c6c6;font-size:2.2rem;max-width:700px;margin:40px 0px;font-weight:400;line-height:160%}#s-home .grid-layout #home #home-container-text a{display:flex;justify-content:center;align-items:center;background:#F4A300;color:#1B2C4D;backdrop-filter:blur(10px);padding:20px 32px;max-width:300px;border-radius:4px;transition:all .4s ease;margin-top:30px;font-size:2rem;font-weight:500}#s-home .grid-layout #home #home-container-text a:hover{padding:20px 45px;max-width:325px}#s-home .grid-layout #home #logo{position:absolute;right:-50px;top:50%;transform:translate(0%, -50%)}@media screen and (max-width: 1200px){#s-home .grid-layout #home #logo{display:none}}#s-about{padding:72px 0px;background-color:#1B2C4D}@media screen and (max-width: 1200px){#s-about{padding:72px 20px}}#s-about .grid-layout>div{background-color:#0c0b16;border:2px solid #17161f;padding:24px;border-radius:4px;display:flex;justify-content:space-between;align-items:center;height:auto}@media screen and (max-width: 1200px){#s-about .grid-layout>div{flex-wrap:wrap;gap:32px}}

#s-home::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.9); /* escurecimento: ajuste o valor */
  z-index: 1;
}

#s-home .grid-layout {
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 992px) {
  #s-home {
    padding: 100px 20px 0px 20px;
  }
}

#s-about .grid-layout > div .foto-principal,
#s-about .grid-layout > div .foto-representante {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 4px;
  height: 500px;
}

@media screen and (max-width: 1200px) {
@media screen and (min-width: 1200px) {
  #s-about .grid-layout {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 64px;
    padding: 80px 120px;
  }

  #s-about .grid-layout > div:nth-child(2) {
    max-width: 600px; /* limita a largura para não ultrapassar */
    flex: 1 1 500px;
    z-index: 1; /* garante que fique acima do fundo mas não sobre a imagem */
  }

  #s-about .grid-layout > div:nth-child(2) h2,
  #s-about .grid-layout > div:nth-child(2) h3,
  #s-about .grid-layout > div:nth-child(2) h4,
  #s-about .grid-layout > div:nth-child(2) p {
    font-size: 1rem;   /* ou 1.8rem */
    line-height: 1.6;    /* espaçamento entre linhas */
  }
}

}

@media screen and (max-width: 992px) {
  #s-about .grid-layout > div .foto-principal,
  #s-about .grid-layout > div .foto-representante {
    height: 350px;
  }
}

@media screen and (max-width: 768px) {
  #s-about .grid-layout > div .foto-principal,
  #s-about .grid-layout > div .foto-representante {
    height: 300px;
  }
}

/* Estilo para o h3 dentro das fotos */
#s-about .grid-layout > div .foto-principal h3,
#s-about .grid-layout > div .foto-representante h3 {
  color: #1B2C4D;
  background-color: #fff;
  padding: 8px;
  border-radius: 16px;
  width: 180px;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 500;
  margin: 16px;
}

/* Ajuste de largura do segundo filho div dentro de #s-about */
#s-about .grid-layout > div div:nth-child(2) {
  width: 49%;
}

@media screen and (max-width: 1200px) {
  #s-about .grid-layout > div div:nth-child(2) {
    width: 100%;
  }
}

/* Estilos para textos dentro do segundo filho */
#s-about .grid-layout > div div:nth-child(2) h2 {
  font-size: 2rem;
  font-weight: 500;
  margin: 16px 0;
  color: #fff;
}

@media screen and (max-width: 992px) {
  #s-about .grid-layout > div div:nth-child(2) h2 {
    font-size: 3.2rem;
  }
}

#s-about .grid-layout > div div:nth-child(2) h3 {
  font-size: 1.8rem;
  font-weight: 300;
  margin-bottom: 16px;
  color: #fff;
}

#s-about .grid-layout > div div:nth-child(2) h4 {
  font-size: 2rem;
  font-weight: 500;
  color: #F4A300;
}

#s-about .grid-layout > div div:nth-child(2) p {
  font-size: 1.8rem;
  color: #c6c6c6;
  line-height: 160%;
  margin: 32px 0 48px 0;
}

/* Navegação dentro do segundo filho */
#s-about .grid-layout > div div:nth-child(2) nav ul {
  display: flex;
  align-items: center;
  gap: 16px;
}

@media screen and (max-width: 1200px) {
  #s-about .grid-layout > div div:nth-child(2) nav ul {
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 1200px) {
  #s-about .grid-layout > div div:nth-child(2) {
    margin-left: 2rem; /* evita que o texto fique colado na imagem */
    max-width: 600px;
  }
}


#s-about .grid-layout > div div:nth-child(2) nav ul a {
  background-color: #1B2C4D;
  border: 2px solid #17161f;
  border-radius: 6px;
  padding: 16px;
}

@media screen and (max-width: 1200px) {
  #s-about .grid-layout > div div:nth-child(2) nav ul a img {
    width: 40px;
  }
}

#s-about .grid-layout > div div:nth-child(2) nav ul a:hover {
  border-color: #F4A300;
}

/* Imagens de fundo definidas via classes */
.foto-principal {
  background-image: url("../image/IMG_3248.JPG");
}

.foto-representante {
  background-image: url("../image/perfil-alison.jpg");
}


#s-experience{background-color:#0c0b16;color:#fff;padding:96px 48px}@media screen and (max-width: 992px){#s-experience{padding:48px 24px}}#s-experience .grid-layout h2{padding-bottom:24px;color:#fff;font-size:4rem;font-weight:500}#s-experience .grid-layout h2 span{color:#F4A300}#s-experience .grid-layout #experience{margin-top:32px;display:flex;gap:40px}@media screen and (max-width: 1200px){#s-experience .grid-layout #experience{flex-wrap:wrap}}#s-experience .grid-layout #experience .option-experience{display:flex;width:25%;flex-direction:column}@media screen and (max-width: 1200px){#s-experience .grid-layout #experience .option-experience{width:100%}}#s-experience .grid-layout #experience .option-experience .activeExperience{border-left:4px solid #F4A300;color: #F4A300}#s-experience .grid-layout #experience .option-experience .activeExperience h3{font-weight:600}#s-experience .grid-layout #experience .option-experience>div{padding:24px 32px;text-align:left;background-color:#1B2C4D;border-left:4px solid #1B2C4D}#s-experience .grid-layout #experience .option-experience>div:hover{cursor:pointer}#s-experience .grid-layout #experience .option-experience>div h3{font-size:1.8rem;font-weight:400}#s-experience .grid-layout #experience .text-experience{width:75%}@media screen and (max-width: 1200px){#s-experience .grid-layout #experience .text-experience{width:100%}}#s-experience .grid-layout #experience .text-experience>div{display:flex;align-items:center;justify-content:space-between}@media screen and (max-width: 1200px){#s-experience .grid-layout #experience .text-experience>div{flex-wrap:wrap;gap:32px}}#s-experience .grid-layout #experience .text-experience>div h4{font-size:2.4rem;font-weight:400}#s-experience .grid-layout #experience .text-experience>div p{font-size:1.8rem;color:#c6c6c6}#s-experience .grid-layout #experience .text-experience h5{font-size:2rem;margin:32px 0px;font-weight:500;color:#F4A300}#s-experience .grid-layout #experience .text-experience p{font-size:2rem;line-height:160%;color:#c6c6c6;font-weight:400}#s-projects{padding:96px 48px;text-align:center;background-color:#1B2C4D}@media screen and (max-width: 992px){#s-projects{padding:48px 24px}}#s-projects .grid-layout h2{padding-bottom:24px;color:#fff;font-size:4rem;font-weight:500}#s-projects .grid-layout h2 span{color:#F4A300}#s-projects .grid-layout #projects{margin:24px 0px;display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap;text-align:left}#s-projects .grid-layout #projects .teslabank{border:1px solid #e51d37}#s-projects .grid-layout #projects .teslabank:hover{border:1px solid #e51d37}#s-projects .grid-layout #projects .codelab{border:1px solid #a6fb98}#s-projects .grid-layout #projects .codelab:hover{border:1px solid #a6fb98}#s-projects .grid-layout #projects .steam{border:1px solid #536fed}#s-projects .grid-layout #projects .steam:hover{border:1px solid #536fed}#s-projects .grid-layout #projects>article{height:auto;padding:32px;margin:8px;flex-basis:calc(33% - 20px);flex-grow:1;border:1px solid #1B2C4D;transition:1s all ease;background-color:#0c0b16;height:auto}#s-projects .grid-layout #projects>article:hover{border:1px solid #F4A300}@media screen and (max-width: 1200px){#s-projects .grid-layout #projects>article{flex-basis:calc(50% - 20px)}}@media screen and (max-width: 768px){#s-projects .grid-layout #projects>article{flex-basis:calc(100% - 20px)}}#s-projects .grid-layout #projects>article h3{color:#fff;font-size:2.4rem;font-weight:500}#s-projects .grid-layout #projects>article p{line-height:24px;margin:24px 0px;color:#c6c6c6;line-height:3.2rem;font-size:1.8rem}#s-projects .grid-layout #teslabank{color:#e51d37}#s-projects .grid-layout #teslabank::after{background:linear-gradient(270deg, #e51d37 0%, #17161d 100%)}#s-projects .grid-layout #codelab{color:#a6fb98}#s-projects .grid-layout #codelab::after{background:linear-gradient(270deg, #a6fb98 0%, #17161d 100%)}#s-projects .grid-layout #steam{color:#536fed}#s-projects .grid-layout #steam::after{background:linear-gradient(270deg, #536fed 0%, #17161d 100%)}#s-projects .grid-layout a{color:#F4A300;position:relative;font-size:2rem;font-weight:400}#s-projects .grid-layout a::after{content:"";position:absolute;width:100%;transform:scaleX(0);height:1px;bottom:-7px;left:0;background:linear-gradient(270deg, #F4A300 0%, #17161d 100%);transform-origin:bottom right;transition:transform .5s cubic-bezier(0.86, 0, 0.07, 1)}#s-projects .grid-layout a:hover::after{transform:scaleX(1);transform-origin:bottom left}#s-projects .grid-layout a::after{content:"";position:absolute;width:100%;transform:scaleX(0);height:1px;bottom:-7px;left:0;transform-origin:bottom right;transition:transform .5s cubic-bezier(0.86, 0, 0.07, 1)}#s-projects .grid-layout a:hover::after{transform:scaleX(1);transform-origin:bottom left}#s-services{padding:96px 48px;background-color:#0c0b16}@media screen and (max-width: 992px){#s-services{padding:48px 24px}}#s-services .grid-layout h2{text-align:center;padding-bottom:24px;color:#fff;font-size:4rem;font-weight:500}#s-services .grid-layout h2 span{color:#F4A300}#s-services .grid-layout #services{display:flex;height:auto;flex-wrap:wrap;margin:24px 0px}#s-services .grid-layout #services article{background-color:#1B2C4D;height:auto;padding:32px;margin:8px;flex-basis:calc(33% - 20px);flex-grow:1;border:1px solid #1B2C4D;transition:1s all ease;border:1px solid #17161f;border-radius:4px}#s-services .grid-layout #services article:hover{border:1px solid #F4A300}@media screen and (max-width: 1200px){#s-services .grid-layout #services article{flex-basis:calc(50% - 20px)}}@media screen and (max-width: 768px){#s-services .grid-layout #services article{flex-basis:calc(100% - 20px)}}#s-services .grid-layout #services article div{height:90px}#s-services .grid-layout #services article div img{width:70px}#s-services .grid-layout #services article h3{padding:24px 0px;color:#fff;font-size:2.4rem;font-weight:500}#s-services .grid-layout #services article p{line-height:3.2rem;color:#c6c6c6;font-size:1.8rem}#s-skills{padding:96px 48px;background-color:#1B2C4D}@media screen and (max-width: 992px){#s-skills{padding:48px 24px}}#s-skills .grid-layout #skills{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;height:auto;padding:8px}#s-skills .grid-layout #skills div,#s-skills .grid-layout #skills article{width:50%}@media screen and (max-width: 1200px){#s-skills .grid-layout #skills div,#s-skills .grid-layout #skills article{width:100%}}#s-skills .grid-layout #skills #skills-text{min-height:400px}@media screen and (max-width: 768px){#s-skills .grid-layout #skills #skills-text{min-height:auto}}#s-skills .grid-layout #skills #skills-text h2{margin-bottom:32px;color:#fff;font-size:3.2rem;font-weight:500}#s-skills .grid-layout #skills #skills-text h2 span{color:#F4A300}#s-skills .grid-layout #skills #skills-text .changeDescription{transition:2s all ease}@media screen and (max-width: 768px){#s-skills .grid-layout #skills #skills-text .changeDescription{display:none}}#s-skills .grid-layout #skills #skills-text p{max-width:500px;line-height:3.2rem;color:#c6c6c6;font-size:1.8rem}#s-skills .grid-layout #skills #skills-cards{display:flex;flex-wrap:wrap;gap:24px}@media screen and (max-width: 1200px){#s-skills .grid-layout #skills #skills-cards{margin-top:48px}}#s-skills .grid-layout #skills #skills-cards article{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;justify-content:center;width:20%;flex-grow:1;height:130px;background-color:#0c0b16;position:relative;border:1px solid #17161f;border-radius:4px;transition:1s all ease}#s-skills .grid-layout #skills #skills-cards article:hover{border:1px solid #F4A300}@media screen and (max-width: 768px){#s-skills .grid-layout #skills #skills-cards article{width:40%}}footer{width:100%;height:auto;background-color:#0c0b16;color:#fff;padding:24px 0px}footer .grid-layout{display:flex;align-items:center;justify-content:space-between;width:100%}footer p{font-size:1.8rem}footer p a{font-weight:500;color:#F4A300}footer img{width:32px}footer div{display:flex;align-items:center;gap:16px}@media screen and (max-width: 1200px){footer .grid-layout{text-align:center;justify-content:center;flex-wrap:wrap;gap:48px}footer .grid-layout div{display:none}}.typewriter:after{content:"|";margin-left:8px;opacity:1;animation:blink 1s infinite;color:#F4A300}@keyframes blink{100%{opacity:1}50%{opacity:0}}.grid-layout{max-width:1140px;margin:0 auto}/*# sourceMappingURL=style.css.map */

      .foto-principal {
        background-image: url("../image/IMG_3248.JPG");
      }

      .foto-representante {
        background-image: url("../image/perfil-alison.jpg");
      }



      *,
*::after,
*::before{
    margin:0;
    padding:0;
    box-sizing:inherit;
    font-family:inherit
}
html{
    font-size:62.5%;
    scroll-behavior:smooth
}

@media only screen and (max-width: 75em){
    html{font-size:59%}
}

@media only screen and (max-width: 56.25em){
    html{font-size:56%}
}

@media only screen and (min-width: 112.5em){
    html{
        font-size:65%
    }
}

body{
    box-sizing:border-box;
    position:relative;
    line-height:1.5;
    font-family:sans-serif;
    overflow-x:hidden;
    overflow-y:scroll;
    font-family:'Source Sans Pro', sans-serif
}
a{
    text-decoration:none;
    color:inherit
}

li{
    list-style:none
}

input:focus,button:focus,a:focus,textarea:focus{
    outline:none
}

button{
    border:none;
    cursor:pointer
}

textarea{
    resize:none
}

.heading-primary{
    font-size:6rem;
    text-transform:uppercase;
    letter-spacing:3px;
    text-align:center
}

@media only screen and (max-width: 37.5em){
    .heading-primary{
        font-size:4.5rem
    }
}
    .heading-sec__mb-bg{
        margin-bottom:11rem
    }

@media only screen and (max-width: 56.25em){
    .heading-sec__mb-bg{
        margin-bottom:8rem
    }
}

.heading-sec__mb-med{
    margin-bottom:9rem
}

@media only screen and (max-width: 56.25em){
    .heading-sec__mb-med{
        margin-bottom:8rem
    }
}

.heading-sec__main{
    display:block;
    font-size:4rem;
    text-transform:uppercase;
    letter-spacing:1px;
    letter-spacing:3px;
    text-align:center;
    margin-bottom:3.5rem;
    position:relative
}

.heading-sec__main--lt{
    color:#fff
}

.heading-sec__main--lt::after{
    content:'';background:#fff !important
}

.heading-sec__main::after{
    content:'';
    position:absolute;
    top:calc(100% + 1.5rem);
    height:5px;width:3rem;
    background:#0062b9;
    left:50%;
    transform:translateX(-50%);
    border-radius:5px
}

@media only screen and (max-width: 37.5em){
    .heading-sec__main::after{
        top:calc(100% + 1.2rem)
    }
}

.heading-sec__sub{
    display:block;
    text-align:center;
    color:#777;
    font-size:2rem;
    font-weight:500;
    max-width:80rem;
    margin:auto;
    line-height:1.6
}

@media only screen and (max-width: 37.5em){
    .heading-sec__sub{
        font-size:1.8rem
    }
}

.heading-sec__sub--lt{
    color:#eee
}

.heading-sm{
    font-size:2.2rem;text-transform:uppercase;letter-spacing:1px
}
.main-container{max-width:120rem;margin:auto;width:92%}

.main-container-project {
    max-width:120rem;
    margin:auto;
    width:92%;
    align-items: center;
    text-align: center;   
}

.btn{background:#fff;color:#333;text-transform:uppercase;letter-spacing:2px;display:inline-block;font-weight:700;border-radius:5px;box-shadow:0 5px 15px 0 rgba(0,0,0,0.15);transition:transform .3s}

.btn:hover{transform:translateY(-3px)}

.btn--bg{padding:1.5rem 8rem;font-size:2rem}

.btn--med{padding:1.5rem 5rem;font-size:1.6rem}

.btn--theme{background:#1B2C4D;color:#fff}

.btn--theme-inv{color:#1B2C4D;background:#fff;border:2px solid #1B2C4D;box-shadow:none;padding:calc(1.5rem - 2px) calc(5rem - 2px)}.sec-pad{padding:10rem 0}@media only screen and (max-width: 56.25em){.sec-pad{padding:8rem 0}}.text-primary{color:#fff;font-size:2.2rem;text-align:center;width:100%;line-height:1.6}@media only screen and (max-width: 37.5em){.text-primary{font-size:2rem}}.d-none{display:none}.home-hero{color:#fff;background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url("./assets/png/background.png");background-position:center;height:40vh;min-height:50rem;max-height:120rem;position:relative}@media only screen and (max-width: 37.5em){.home-hero{height:unset;min-height:unset}}

.home-hero__socials{position:absolute;top:50%;border:2px solid #eee;border-left:2px solid #eee;transform:translateY(-50%)}@media only screen and (max-width: 56.25em){.home-hero__socials{display:none}}.home-hero__mouse-scroll-cont{position:absolute;bottom:3%;left:50%;transform:translateX(-50%)}@media only screen and (max-width: 37.5em){.home-hero__mouse-scroll-cont{display:none}}.home-hero__social{width:5rem}.home-hero__social-icon-link{width:100%;display:block;padding:1.2rem;border-bottom:2px solid #eee;transition:background .3s}

.home-hero__social-icon-link:hover{background:rgba(255,255,255,0.1)}.home-hero__social-icon-link--bd-none{border-bottom:0}.home-hero__social-icon{width:100%}.home-hero__content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-width:90rem;width:92%}@media only screen and (max-width: 37.5em){.home-hero__content{padding:19rem 0 13rem 0;margin:auto;position:static;transform:translate(0, 0)}}.home-hero__info{margin:3rem auto 0 auto;max-width:80rem}.home-hero__cta{margin-top:5rem;text-align:center}

.about{background:#fafafa; align-items: center}

.about__content{display:grid;grid-template-columns:1fr 1fr;grid-gap:10rem}

.img-perfil {
    width: 25rem;
    height: 35rem;
    border-radius:50px;
    overflow:hidden;
    margin-right:1.5rem;
    border: 1px solid #0062b9;
}

.about__content-img {
    margin-bottom: 15px;
    margin-left: 15%;
    align-items: center;
}
@media only screen and (max-width: 56.25em){
    .about__content{grid-template-columns:1fr;grid-gap:8rem}
}

.about__content-title{font-weight:700;font-size:2.8rem;margin-bottom:3rem}

@media only screen and (max-width: 37.5em){
    .about__content-title{font-size:2.4rem}
}

.about__content-details-para{
    font-size:1.8rem;color:grey;max-width:60rem;line-height:1.7;margin-bottom:1rem
}

.about__content-details-para--hl{font-weight:700;margin:0 3px}

.about__content-details-para:last-child{margin-bottom:4rem}

.projects__row{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:5rem;margin-bottom:15rem}

@media only screen and (max-width: 56.25em){
    .projects__row{grid-template-columns:1fr;grid-gap:2rem;margin-bottom:8rem}}
    
@media only screen and (max-width: 56.25em){
    .projects__row{text-align:center}}
    .projects__row:last-child{margin-bottom:0}
    .projects__row-img-cont{overflow:hidden}
    .projects__row-img{width:100%;display:block;-o-object-fit:cover;object-fit:cover}.projects__row-content{padding:2rem 0;display:flex;justify-content:center;flex-direction:column;align-items:flex-start}@media only screen and (max-width: 56.25em){.projects__row-content{align-items:center}}.projects__row-content-title{font-weight:700;font-size:2.8rem;margin-bottom:2rem}
    
@media only screen and (max-width: 37.5em){
    .projects__row-content-title{font-size:2.4rem}
}
    
.projects__row-content-desc{
    font-size:1.8rem;
    color:#000;
    max-width:60rem;
    line-height:1.7;
    text-align: center;
    margin-left: 2.2rem;
    margin-bottom:3rem
}
    

@media only screen and (max-width: 37.5em){
    .projects__row-content-desc{font-size:2.2rem}
}

.contact{background:#1B2C4D	;background-size:cover;background-position:center}.contact__form-container{box-shadow:0 0 10px rgba(0,0,0,0.1);background:white;padding:4rem;margin-top:6rem;max-width:80rem;text-align:right;width:95%;border-radius:5px;margin:5rem auto 0 auto}@media only screen and (max-width: 37.5em){.contact__form-container{padding:3rem}}.contact__form-field{margin-bottom:4rem}@media only screen and (max-width: 37.5em){.contact__form-field{margin-bottom:3rem}}.contact__form-label{color:#1B2C4D;font-size:1.4rem;letter-spacing:1px;font-weight:700;margin-bottom:1rem;display:block;text-align:left}.contact__form-input{color:#333;padding:2rem;width:100%;border:1px solid #ebebeb;font-size:1.6rem;letter-spacing:0px;background:#f0f0f0;border-radius:5px;font-weight:600}.contact__form-input::-moz-placeholder{color:#1B2C4D;font-weight:600;font-size:1.6rem}.contact__form-input:-ms-input-placeholder{color:#1B2C4D;font-weight:600;font-size:1.6rem}.contact__form-input::placeholder{color:#1B2C4D;font-weight:600;font-size:1.6rem}.contact__form-input::-webkit-input-placeholder{color:#1B2C4D;font-weight:600;font-size:1.6rem}.contact__form-input:-ms-input-placeholder{color:#1B2C4D;font-weight:600;font-size:1.6rem}.contact__form-input::-ms-input-placeholder{color:#1B2C4D;font-weight:600;font-size:1.6rem}.contact__form-input:-moz-placeholder{opacity:1;color:#1B2C4D;font-weight:600;font-size:1.6rem}.contact__form-input::-moz-placeholder{opacity:1;color:#1B2C4D;font-weight:600;font-size:1.6rem}.contact__btn{width:30%;padding:2rem 4rem;font-size:1.6rem}@media only screen and (max-width: 37.5em){.contact__btn{width:100%}}

.header {
    position: fixed;
    width: 100%;
    z-index: 1000;
    background: #000;
    background: #fff;
    box-shadow: 0 10px 100px rgba(0, 0, 0, 0.1);
}
.header__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 5rem;
}

@media only screen and (max-width: 56.25em) {
    .header__content {
        padding: 0 2rem;
    }
}
    
.header__logo-container {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #333;
    transition: color .3s;
}

.header__logo-container:hover {
    color: #0062b9;
}

.header__logo-img-cont {
    width: 5rem;
    height: 5rem;
    border-radius: 50px;
    overflow: hidden;
    margin-right: 1.5rem;
    background: #0062b9;
}
    
@media only screen and (max-width: 56.25em) {
    .header__logo-img-cont {
        width: 4.5rem;
        height: 4.5rem;
        margin-right: 1.2rem; } }
        
.header__logo-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block; }
.header__logo-sub {
    font-size: 1.8rem;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px; }
.header__links {
    display: flex; }
    @media only screen and (max-width: 37.5em) {
    .header__links {
        display: none; } }
.header__link {
    padding: 2.2rem 3rem;
    display: inline-block;
    font-size: 1.6rem;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    transition: color .3s; }
    .header__link:hover {
    color: #1B2C4D; }
    @media only screen and (max-width: 56.25em) {
    .header__link {
        padding: 3rem 1.8rem;
        font-size: 1.5rem; } }
.header__main-ham-menu-cont {
    display: none;
    width: 3rem;
    padding: 2.2rem 0; }
    @media only screen and (max-width: 37.5em) {
    .header__main-ham-menu-cont {
        display: block; } }
.header__main-ham-menu {
    width: 100%; }
.header__main-ham-menu-close {
    width: 100%; }
.header__sm-menu {
    background: #fff;
    position: absolute;
    width: 100%;
    top: 100%;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1); }
    .header__sm-menu--active {
    visibility: hidden;
    opacity: 0; }
    @media only screen and (max-width: 37.5em) {
        .header__sm-menu--active {
        visibility: visible;
        opacity: 1; } }
.header__sm-menu-link a {
    display: block;
    text-decoration: none;
    padding: 2.5rem 3rem;
    font-size: 1.6rem;
    color: #333;
    text-align: right;
    border-bottom: 1px solid #eee;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: color .3s; }
    .header__sm-menu-link a:hover {
    color: #1B2C4D; }
.header__sm-menu-link:first-child a {
    border-top: 1px solid #eee; }
.header__sm-menu-link-last {
    border-bottom: 0; }

/* WhatsApp Button */
.whatsapp-link {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 1px 1px 2px #888;
    z-index: 1000;
}

.fa-whatsapp {
    margin-top: 16px;
}

.thankyou_message {
   display: none;
   font: 14px 'opensans-semibold', sans-serif;
   letter-spacing: 1px;
   text-align: center;
   margin-bottom: 48px;
   color: #17161d;
}


.btn-whatsapp {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 1px 1px 2px #888;
    z-index: 1000;
}

.fa-whatsapp {
    margin-top: 16px;
}

footer {
   padding-top: 48px;
   color: #303030;
   font-size: 14px;
   text-align: center;
   position: relative;
}

footer a, footer a:visited { color: #525252; }
footer a:hover, footer a:focus { color: #fff; }

/* copyright */
footer .copyright {
    margin: 0;
    padding: 0;
 }
footer .copyright li {
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: 24px;
}
.ie footer .copyright li {
   display: inline;
}
footer .copyright li:before {
    content: "\2022";
    padding-left: 10px;
    padding-right: 10px;
    color: #095153;
}
footer .copyright  li:first-child:before {
    display: none;
}

/* social links */
footer .social-links {
   margin: 18px 0 30px 0;
   padding: 0;
   font-size: 30px;
}
footer .social-links li {
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-left: 42px;
    color: #F06000;
}

footer .social-links li:first-child { margin-left: 0; }

/* Go To Top Button */
#go-top {
	position: absolute;
	top: -24px;
   left: 50%;
   margin-left: -30px;
}
#go-top a {
	text-decoration: none;
	border: 0 none;
	display: block;
	width: 60px;
	height: 60px;
	background-color: #525252;

	-webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;

   color: #fff;
   font-size: 21px;
   line-height: 60px;
 	border-radius: 100%;
}
#go-top a:hover { background-color: #0F9095;}

footer .row {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.content {
    flex: 1;
}

/* header social links */
header .social {
   margin: 24px 0;
   padding: 0;
   font-size: 30px;
   text-shadow: 0px 1px 2px rgba(0, 0, 0, .8);
}
header .social li {
   display: inline-block;
   margin: 0 15px;
   padding: 0;
}
header .social li a { color: #fff; }
header .social li a:hover { color: #11ABB0; }

/* scrolldown link */
header .scrolldown a {
   position: absolute;
   bottom: 30px;
   left: 50%;
   margin-left: -29px;
   color: #fff;
   display: block;
   height: 42px;
   width: 42px;
   font-size: 42px;
   line-height: 42px;
   color: #fff;
   border-radius: 100%;

   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
}
header .scrolldown a:hover { color: #11ABB0; }

/* primary navigation
--------------------------------------------------------------------- */
#nav-wrap ul, #nav-wrap li, #nav-wrap a {
	 margin: 0;
	 padding: 0;
	 border: none;
	 outline: none;
}

/* nav-wrap */
#nav-wrap {
   font: 12px 'opensans-bold', sans-serif;
   width: 100%;
   text-transform: uppercase;
   letter-spacing: 2.5px;
   margin: 0 auto;
   z-index: 100;
   position: fixed;
   left: 0;
   top: 0;
}
.opaque { background-color: #333; }

/* hide toggle button */
#nav-wrap > a.mobile-btn { display: none; }

ul#nav {
   min-height: 48px;
   width: auto;

   /* center align the menu */
   text-align: center;
}
ul#nav li {
   position: relative;
   list-style: none;
   height: 48px;
   display: inline-block;
}

/* Links */
ul#nav li a {

/* 8px padding top + 8px padding bottom + 32px line-height = 48px */

   display: inline-block;
   padding: 8px 13px;
   line-height: 32px;
	text-decoration: none;
   text-align: left;
   color: #fff;

	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}

ul#nav li a:active { background-color: transparent !important; }
ul#nav li.current a { color: #F06000; }

/* Estilo para os ícones */
ul#nav li a i {
  font-size: 24px;  /* Ajuste o tamanho do ícone conforme necessário */
  color: #fff;      /* Defina a cor dos ícones, por exemplo, branco */
  transition: color 0.3s ease-in-out;
}

ul#nav li a:hover i {
  color: #11ABB0;  /* Cor dos ícones ao passar o mouse */
}

/* Redes Sociais na seção inicial */
.social-links {
  margin-top: 30px;
  text-align: center;
}

.social-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.social-links ul li {
  display: inline-block;
  margin: 0 10px;
}

.social-links ul li a i {
  font-size: 26px;
  color: #fff;
  transition: color 0.3s ease-in-out;
}

.social-links ul li a:hover i {
  color: #11ABB0;
}

/* Redes Sociais abaixo do texto principal */
#home-container-text .social-links {
  margin-top: 24px;
  text-align: center;
}

#home-container-text .social-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#home-container-text .social-links ul li {
  display: inline-block;
  margin: 0 12px;
}

#home-container-text .social-links ul li a {
  text-decoration: none;
}

#home-container-text .social-links ul li a i {
  font-size: 26px;
  color: #fff;
  transition: color 0.3s ease-in-out;
}

#home-container-text .social-links ul li a:hover i {
  color: #11ABB0; /* Cor ao passar o mouse */
}