:root {
    /* --theme-color: #ff3838; */
    /* --theme-color: #384BFF;
    --theme-color2: #B42AF3; */
/*     --title-color: #17012C;
    --body-color: #726B7D;
    --smoke-color: #F6F5FD;
    --smoke-color2: #CFD3FC;
    --smoke-color3: #F7F7F7;
    --smoke-color4: #E0E0E0;
    --black-color: #000000;
    --gray-color: #F5F5F5;
    --white-color: #ffffff;
    --light-color: #BDBDBD;
    --border-color: #E5E5E5;
    --title-font: "Plus Jakarta Sans", sans-serif;
    --body-font: "Plus Jakarta Sans", sans-serif;
    --icon-font: "Font Awesome 6 Pro";
    --main-container: 1185px;
    --container-gutters: 30px;
    --section-space: 120px;
    --section-space-mobile: 80px;
    --section-title-space: 60px;
    --ripple-ani-duration: 5s; */
  }

  .menu-area{
    /* background-color: linear-gradient(to right, red 0%, red 8%, red 13%, red 20%); */
    /* background: linear-gradient(to right, red 0%, red 10%,  rgba(0, 0, 0, 0) 15%); */
    /* background: linear-gradient(to right, red 0%,red 10%, rgba(255, 0, 0, 0.568) 14%,  rgba(0, 0, 0, 0) 18%); */
    /* background: linear-gradient(to right, red 0%,red 10%, red 14%,  red 18%); */
    /* background: linear-gradient(to right, #212332 0%,#212332 10%, #212332 14%,  #212332 18%); */
    /* background: linear-gradient(to right, #6a7aaa 0%,#6a7aaa 10%, #6a7aaa 14%,  #6a7aaa 18%); */
    background: linear-gradient(to right, #9e9e9e 0%,#9e9e9e 10%, #9e9e9e 14%,  #9e9e9e 18%);
    /* background: linear-gradient(to right, #2A2C2B 0%,#2A2C2B 10%, #2A2C2B 14%,  #2A2C2B 18%); */
    /* background: linear-gradient(to right, #C10F0C 0%,#C10F0C 10%, #C10F0C 14%,  #C10F0C 18%); */
    /* background: linear-gradient(to right, #F70D1A 0%,#F70D1A 10%, #F70D1A 14%,  #F70D1A 18%); */
    /* background: linear-gradient(to right, #FD1C03 0%,#FD1C03 10%, #FD1C03 14%,  #FD1C03 18%); */
    /* background: linear-gradient(to right, red 0%, red 7%,  rgba(0, 0, 0, 0) 10%); */
    
  }

  /* Header 1 ---------------------------------- */
  /* Medium devices */
  /* Large devices */
  .header-layout1 {
    position: relative;
    background-color: var(--white-color);
    /* display: flex; / * /* Alinha o conteúdo do header */
    /* align-items: center; */ /* Centraliza verticalmente */
    /* overflow: hidden; */ /* Evita que elementos "vazem" para fora do header */
  }


  .header-layout1 .sticky-wrapper.sticky {
    background: var(--white-color);
  }  

  /* Medium devices */
  .header-layout1 .menu-area .header-logo {
    /* padding-top: 15px;
    padding-bottom: 15px; */
    /* transform: scale(1.2); */
    /* transform: scale(1); */
    transform-origin: center;
    /* max-height: 100%;
    width: auto; */
    /* object-fit: contain; */
    /* height: 100px;  */
    display: flex;
    align-items: center;
  }
  .header-layout1 .menu-area .header-logo a{
    position: relative;
    color: white;
    z-index: 10;
  }
  .header-layout1 .menu-area .header-logo a img {
    /* position: relative;
    z-index: 10;
    display: flex;
    justify-self: end; */
    /* transform: scale(1.2); */
    /* transform: scale(1); */
    transform-origin: center;
    /* max-height: 100%;
    width: auto;
    object-fit: contain; */
    /* height: 100px;  */
    /* display: flex;
    align-items: center; */
  }
  .logoicr{
    transform: scale(1.3);
    transform-origin: center;
    max-height: 100%;
    width: auto;
    object-fit: contain;height: 100px; 
  }

  .header-logo-area{
    position: relative;
    top: -0.5px;
    left: 0;
    width: auto;
    height: 90%;
    z-index: 1;
    }
    
    /* .header-logo-container{    
      position: relative;
      width: 100%;
      height: 100%;
      background-color: #384BFF;
      } */
       

  .header-layout1 .menu-area .header-logo{
    /* position: relative; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: end; */
    /* width: 375px;
    height: 109px; */
    /* background-color: #384BFF; */
    /* margin: 0;
    z-index: 1; */
  }

/*     .header-layout1 .menu-area .header-logo-area .header-logo-container .header-logo:before {
    display: flex;    
    position: absolute;
    content: "";
    top: -0.5px;
    left: 0;
    width:75%;
    height: 109px;
    clip-path: polygon(0px 0px, 421.5px 0px, 457px 109px, 0px 109px, 0px 0px);
    z-index: 5;
  }
 */
  /* .header-layout1 .menu-area .header-logo:before { */

    /* overflow: hidden; */
   /* position: absolute;
    content: "";
    top: -0.5px;
    left: 0;
    width: 457px;
    height: 109px;
    background: linear-gradient(to right, rgb(255, 0, 0)0%, rgb(255, 0, 0)35%, rgb(255, 255, 255) 55%, rgba(0, 0, 0, 0) 80%);
    clip-path: polygon(0px 0px, 421.5px 0px, 457px 109px, 0px 109px, 0px 0px), polygon(0px 0px, 421.5px 0px, 457px 109px, 0px 109px, 0px 0px); */
    /* z-index: 1; */
    /* Hight Resoulation devices */
    /* Extra large devices */
    /* Medium Large devices */
    /* Medium Large devices */
    /* Large devices */
    /* Medium devices */
    /* Small devices */
    /* Extra small devices */
    /* Extra small devices */
  /* } */



  /* Aqui controla a listra ao lado do logo */
  /* Hight Resoulation devices */
/* Extra large devices */
/* Medium Large devices */
/* Medium Large devices */
/* Large devices */
/* Medium devices */
/* Small devices */
/* Extra small devices */
/* Extra small devices */
.header-layout1 .menu-area .listra-aqui:after {
    position: absolute;
    content: "";
    top: -0px;
    left: 200px;
    width: 200px;
    height: 152px;
    transform: rotate(-0.375deg);
    background: var(--theme-color);
    background: #ff0000;
    clip-path: polygon(0px 0px, 17.8104px -0.00791562px, 52.0001px 109px, 34.0001px 109px, 0px 0px);
    -webkit-transform: rotate(-0.375deg);
    -moz-transform: rotate(-0.375deg);
    -ms-transform: rotate(-0.375deg);
    -o-transform: rotate(-0.375deg);
}

/*   .header-layout1 .main-menu > ul > li > a:before {
    content: "";
    position: absolute;
    height: 1px;
    left: 0;
    background: linear-gradient(90deg, #B42AF3 0%, #384BFF 83.46%);
    width: 0%;
    margin-top: 30px;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    z-index: 5;
  }
  .header-layout1 .main-menu > ul > li > a:hover:before {
    width: 100%;
  } */
  .header-layout1 .simple-icon {
    padding: 10px;
    width: 56px;
    height: 56px;
    line-height: 36px;
    margin-left: 5px;
    text-align: center;
    background-color: transparent;
    /* color: var(--theme-color);
    border: 1px solid var(--theme-color2); */
    color: black;
    border: 1px solid red;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
  }
/*   .header-layout1 .simple-icon.searchBoxToggler { */
    /* Extra large devices */
 /*  } */

  .header-layout1 .simple-icon:hover {
    border: 1px solid var(--black-color);
  }



  /* @media */
/*
   @media (min-width: 1600px) {
    .header-top-section {
      --main-container: 1520px;
    }
    .header-layout1,
    .header-layout2 {
      --main-container: 1520px;
    }
    
  }
  */
  @media (max-width: 991px) {
    .header-layout1 {
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
    }
  } 

  @media (max-width: 991px) {
    .header-layout1 {
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
    }
  } 

 /*  */

  
  
  @media (max-width: 1550px) {
    .header-layout1 .menu-area .header-logo{
      /* width: 270px; */
    }

    /* .menu-area{
      background: linear-gradient(to right, rgb(255, 255, 255)0%, rgb(255, 255, 255)5%, rgb(255, 255, 255) 10%, rgba(0, 0, 0, 0) 20%);
    } */

  }
  @media (max-width: 1399px) {
    .header-layout1 .menu-area .header-logo{
      /* width: 220px; */
    }

  }
  @media (max-width: 1299px) {
    .header-layout1 .menu-area .header-logo{
      /* width: 200px; */
    }
    .menu-area{
      background: linear-gradient(to right, rgb(255, 255, 255)0%, rgb(255, 255, 255)5%, rgb(255, 255, 255) 10%, rgba(0, 0, 0, 0) 20%);
    }

  }
  @media (max-width: 1250px) {
    .header-layout1 .menu-area .header-logo{
      /* width: 190px; */
    }

  }

  @media (max-width: 1210px) {
    .header-layout1 .menu-area .header-logo{
      /* width: 180px; */
    }

  }
  @media (max-width: 1199px) {
    .header-layout1 .menu-area .header-logo{
      /* width: 680px; */
    }
    .menu-area{
      background: white;
    }

  }
  @media (max-width: 991px) {
    .header-layout1 .menu-area .header-logo{
      /* width: 575px; */
    }

  }
  @media (max-width: 767px) {
    .header-layout1 .menu-area .header-logo{
      /* width: 470px; */
    }

  }
  @media (max-width: 575px) {
    .header-layout1 .menu-area .header-logo{
      /* width: 375px; */
    }

  }
  @media (max-width: 375px) {
    .header-layout1 .menu-area .header-logo{
      /* width: 270px; */
    }

  }

  @media (max-width: 991px) {
    .header-layout1 .menu-area .header-logo {
      padding-top: 16.5px;
      padding-bottom: 16.5px;
    }
  }

  @media (max-width: 1500px) {
    .header-layout1 .simple-icon.searchBoxToggler {
      display: none;
    }
  }

  /* before e after */

  /* @media (min-width: 1922px) {
    .header-layout1 .menu-area .header-logo:before { 
      width: 490px;
      height: 109px; 
      background: linear-gradient(to right, rgb(255, 0, 0)0%, rgb(255, 0, 0)35%, rgb(255, 255, 255) 55%, rgba(0, 0, 0, 0) 80%);
      clip-path: polygon(0px 0px, 421.5px 0px, 457px 109px, 0px 109px, 0px 0px);
      z-index: 1; 

      background: linear-gradient(90deg, #B42AF3 0%, #384BFF 83.46%);
      clip-path: none;
      border-top-right-radius: 100px;
      border-bottom-right-radius: 100px;
    }
  } 

  @media (min-width: 2050px) {
    .header-layout1 .menu-area .header-logo:before {
      width: 490px;
    }
  }
  @media (min-width: 2350px) {
    .header-layout1 .menu-area .header-logo:before {
      width: 490px;
    }
  }

  @media (max-width: 1750px) {
    .header-layout1 .menu-area .header-logo{
      width: 315px;
    }
    .header-layout1 .menu-area .header-logo:before {
      left: -17%;
      width: 457px;
    }
  }

  @media (max-width: 1500px) {
    .header-layout1 .menu-area .header-logo:before {
      left: -30.5%;
      top: 0.1px;
    }
  }

  @media (max-width: 1399px) {

    .header-layout1 .menu-area .header-logo:before {
      left: -65%;
    }
  }

  @media (max-width: 1299px) {

    .header-layout1 .menu-area .header-logo:before {
      left: -80%;
    }
  }

  @media (max-width: 1250px) {

    .header-layout1 .menu-area .header-logo:before {
      left: -90%;
    }
  }

  @media (max-width: 1210px) {

    .header-layout1 .menu-area .header-logo:before {
      left: -95%;
    }
  }
  @media (max-width: 1199px) {

    .header-layout1 .menu-area .header-logo:before {
      left: 0;
      width: 700px
    }
  }

  @media (max-width: 991px) {

    .header-layout1 .menu-area .header-logo:before {
      left: -15%;
    }
  }
  @media (max-width: 767px) {
 
    .header-layout1 .menu-area .header-logo:before {
      left: -22%;
    }
  }
  @media (max-width: 575px) {

    .header-layout1 .menu-area .header-logo:before {
      left: -40%;
    }
  }
  @media (max-width: 375px) {

    .header-layout1 .menu-area .header-logo:before {
      left: -60%;
      top: 0.1px;
    }
  }
  @media (min-width: 1922px) {
    .header-layout1 .menu-area .header-logo:after {
      display: none;
    }
  }

  @media (max-width: 1750px) {
    .header-layout1 .menu-area .header-logo:after {
      width: 450px;
      left: 285px;
      top: -2px;
    }

  }

  @media (max-width: 1500px) {
    .header-layout1 .menu-area .header-logo:after {
      top: -2px;
      left: 250px;
      transform: rotate(-0.395deg);
      -webkit-transform: rotate(-0.395deg);
      -moz-transform: rotate(-0.395deg);
      -ms-transform: rotate(-0.395deg);
      -o-transform: rotate(-0.395deg);
    }
  }

  @media (max-width: 1399px) {
    .header-layout1 .menu-area .header-logo:after {
      left: 265px;
    }
  }
  @media (max-width: 1299px) {
    .header-layout1 .menu-area .header-logo:after {
      left: 285px;
    }
  }
  @media (max-width: 1250px) {
    .header-layout1 .menu-area .header-logo:after {
      left: 265px;
    }
  }
  @media (max-width: 1210px) {
    .header-layout1 .menu-area .header-logo:after {
      left: 245px;
    }
  }
  @media (max-width: 1199px) {
    .header-layout1 .menu-area .header-logo:after {
      left: 430px;
    }
  }
  @media (max-width: 991px) {
    .header-layout1 .menu-area .header-logo:after {
      left: 315px;
    }
  }
  @media (max-width: 767px) {
    .header-layout1 .menu-area .header-logo:after {
      left: 300px;
    }
  }
  @media (max-width: 575px) {
    .header-layout1 .menu-area .header-logo:after {
      left: 215px;
    }
  }
  @media (max-width: 375px) {
    .header-layout1 .menu-area .header-logo:after {
      left: 200px;
    }
  } */