* {
  padding:0;
  margin:0;
  vertical-align:baseline;
  list-style:none;
  border:0;
  }

  .header{
      background-image: url('../assets/header.png');
      background-size: cover; /* This property ensures that the background image covers the entire header */
      background-position: center; /* This property centers the background image */   
      min-height:100svh;
      position:relative;
      padding-bottom:25px;
  }

  .form-section{
        background-image: url('../assets/form-bg.png');
        background-size: cover; /* This property ensures that the background image covers the entire header */
        background-position: center; /* This property centers the background image */   
        min-height:100svh;
        position:relative;
        padding-bottom:25px;
  }
.form-title{
    color:#fff;
    font-family:"Playfair Display", serif;
    text-align:center;
    position:relative;
    z-index:2;
    margin-bottom:1em;
}
.form-text{
    color:#fff;
    font-family:"Roboto", sans-serif;
    text-align:center;
    position:relative;
    z-index:2;
    font-size:1.5rem;
    margin-bottom:1.5em;
    font-weight:500;
}
  .form-container{
    border:1px solid #fff;
    padding:20px 0;
    border-radius:10px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    color:#fff;
    position:relative;
    z-index:2;
  }
  .form-container h4{
    font-family:"Playfair Display", serif;
    font-weight:600;
  }
  .form-content{
    display:flex;
    flex-direction:column;
    width:100%;
    padding:0 20px;
  }
  .form-content input{
    border:1px solid #fff;
    border-radius:10px;
    color:#fff;
    padding:10px;
    width:100%;
    margin:5px 0;
    background:transparent;
  }
 .form-content input:focus {
    border: 2px solid #fff;
    outline: none;
}
  ::placeholder {
    color: #ddd;
    opacity: 1; /* Firefox */
  }
  
  ::-ms-input-placeholder { /* Edge 12 -18 */
    color: #ddd;
  }
  .form-content>div{
    display:flex;
    flex-direction:column;
    margin:10px 0;
  
  }
  /* .form-footer{
    width:30%;
  } */
.header nav>*, .header .container>*>*{
  z-index: 10;
}    
nav{
  z-index: 11;
}
  .overlay {
      position: absolute;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5); /* Adjust the opacity (last value) as needed */
    }
  .overlay-header {
      z-index: 1;
      position: absolute;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5); /* Adjust the opacity (last value) as needed */
    }

  .overlay-2 {
      /* position: absolute; */
      left: 0;
      width: 100%;
      background-color: rgba(0, 0, 0, 0.5); /* Adjust the opacity (last value) as needed */
    }


  .navbar-toggler {
      margin-bottom: 33px; /* Adjust the value as needed */
  }

  .nav-link{
      transition: all 0.3s ease;
      margin:0 5px;
  }

  .nav-link:hover{
      transform: translateY(-5px);
      text-shadow: 0 0 15px rgba(255, 255, 255, 0.5); 
  }

  @keyframes fontweight {
      0% { font-weight: normal; }
      100% { font-weight: bold; }
    }
  
  .navbar-brand img {
      width: 150px; /* Set the width as per your logo size */
      height: auto; /* Maintain aspect ratio */
  }

  .navbar-toggler-icon{
      filter: invert(1);
  }

  /* .main-text{
      margin-top: 98px;
  } */


  .header-main-text {
      color: white;
      /* position: relative; */
      font-size: 4rem;
      font-family: "Playfair Display", serif;
      font-weight: 600;
      font-style: normal;
  }

  .header-text {
      color: white;
      position: relative;
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      font-style: italic;
      font-size: 2.5rem;
      /* margin-top: 100px; */
  }

  .consult{
      margin-top: 107px;
  }

  .consult-btn {
      background: #a9392c;
      border-radius: 30px;
      position: relative;
      color: inherit;
      text-decoration: none;
      display: inline-flex;
      justify-content: center;
      padding: 20px 60px;
      width: 100%;
      min-width: 200px;
      color:#fff;
      font-size: 2rem;
      transition:background 0.3s;
  }

  .consult-btn:hover{
      background: #a22222;
  }

  .divider{
      background-color: white;
      height: 97px;
      width: auto;
      font-size:1.5rem;
      display:flex;
      align-items:center;
      justify-content:center;
  }


  .first-carrousel {
      background-image: url('../assets/carousel.png');
      background-size: cover;
      background-position: center;
      /* height: 100vh; */
      /* min-height: 1000px; */
  }
  .mb-n5{
      margin-bottom:-100px;
  }

  .first-carrousel-container{
      /* height: 100vh; */
      /* min-height: 1000px; */
  }

  .carrousel-title{
      color: #fff;
      font-size:2rem;
      text-align: center;
  }

  .carrousel-title h3{
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      font-style: normal;
      text-align: center;
      text-shadow: 6px 6px 20px rgba(0, 0, 0, 1);
  }

  .pointy {
      background-image: url('../assets/first-carousel-item.png');
      width: 500px;
      background-size: contain;
      background-repeat: no-repeat;
  }

  .pointy-card{
      background-image: url('../assets/first-carousel-item.png');
      height: 900px;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      max-width: 100%;
  }
   .slide-card h4{
      font-family: "Playfair Display", serif;
      font-weight: 600;
      font-style: italic;
      width: 50%;
      text-align:center;
      max-width: 100%;
      font-size:2.5rem;
  }
  .pointy-card h4{
      font-family: "Playfair Display", serif;
      font-weight: 600;
      font-style: italic;
      width: 50%;
      text-align:center;
      max-width: 100%;
  }

  .slide-card h4{
      width:100%;
  }
  
  .slide-card p {
      font-size: 1.5rem;
  }

  .slide-card a{
      border: 1px solid black;
      color: inherit;
      border-radius:4px;
      text-decoration: none;
      font-size: 1rem;
      text-transform: uppercase;
      transition:all 0.3s;
      padding: 10px 20px;
  }

  .slide-card a:hover{
      background: #000;
      color: white;
  }

  .pointy-card p{
      font-family: "Roboto", serif;
      width: 50%;
      text-align:center;
      max-width: 100%;
      /* font-size:1.5rem; */
  }

  .pointy-card-body{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }

  .metodology-body {
      background-image: url('../assets/body.png');
  }

  .metodology-title h5 {
      color: white;
      text-shadow: 6px 6px 20px rgba(0, 0, 0, 1);
      position: relative;
      font-family: "Playfair Display", serif;
      font-weight: 600;
      font-style: italic;
      font-size: 100px;
  }

  .metodology-title-logo {
      position: relative;
      z-index: 5;
      width: 100%;
  }

  .metodology-card {
      background-color: #dddddd;
      opacity: 0.9;
      position: relative;
      z-index: 1;
      border-radius: 4%;
      padding-bottom:157px;
  }


  .metodology-center {
      padding-top: 100px;
  }


  .metodology-center-text h4{
      position: relative;
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 2rem
  }

  .metodology-list{
      padding-top: 84px;
  }


  .metodology-list-text h5{
      font-family: "Playfair Display", serif;
      font-weight: 900;
      font-style: normal;
      position: relative;
      /* width: 1%; */
      font-size: 71px;
      margin:0;
  }

  .metodology-span-col{
      display:flex;
      flex:1;
      align-items:end;
  }
  
  .metodology-flex{
      display:flex;
      justify-content:space-between;
      flex-direction:column;
      align-items:start;
      height:100%;
      justify-content:space-between;
  }

  
  .metodology-list-text span {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      font-style: italic;
      position: relative;
      font-size: 30px;
  }


  .results-title h6,
  .form-title {
      font-family: "Playfair Display", serif;
      font-weight: 800;
      font-style: normal;
      text-align: center;
      position: relative;
      font-size: 48px;
  }

  .results-text h6 {
      font-family: "Playfair Display", serif;
      font-weight: 500;
      font-style: italic;
      text-align: center;
      position: relative;
      font-size: 48px;
      padding-bottom: 20px;
  }

  .results-text p {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      font-style: italic;
      text-align: center;
      font-size: 2rem;
  }

  .second-carrousel{
      position: relative;
      background-image: url('../assets/second-carrousel-image.png');
      background-size: cover;
      background-position: center;
      height: 100vh;
      min-height: 800px
  }

  .slide-card-container{
      display:flex;
      justify-content:center;
      height:900px;
      align-items:flex-start;
      padding:40px 0;
  }
  .slide-card{
      background:#fff;
      border-radius: 10px;
      padding: 20px;
      display:flex;
      flex-direction:column;
      max-width: 100%;
      width:450px;
      max-width:90%;
      text-align:center;
      justify-content:space-around;
      min-height: 655px;
      max-height: 655px;
  }
  .glide__slide{
      transition: transform 0.3s ease;
  } 
   .glide__slide--active{
      transform: scale(1.1);
  }

  .divider   .glide__slide{
    transition: transform 0s ease;
} 
 .divider .glide__slide--active{
    transform: scale(1.0);
}


  .second-carrousel-title{
      position: relative;
      top: 74px;
  }

  .second-carrousel-title h6{
      font-family: "Playfair Display", serif;
      font-weight: 700;
      font-style: normal;
      text-align: center;
  }

  .carousel-square-card {
      position: relative;
      z-index: 1;
      width: 526px;
  }

  .carousel-square-card-content {
      position: relative;
      z-index: 2;
  }

  .carousel-square-card-content span{
      text-align: center;
      font-family: "Playfair Display", serif;
      font-weight: 600;
      font-style: italic;
  }

  .carousel-square-card-content p{
      text-align: center;
      font-family: "Roboto", sans-serif;
      font-weight: 300;
      font-style: normal;
  }

  .card-button{
      border: 1px solid black;
      border-radius: 4%;
      position: relative;
      color: inherit; /* Resets the text color to inherit from its parent */
      text-decoration: none; /* Removes underline */
      display: flex;
  }

  .card-button h6{
      text-align: center;
      font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: normal;
  }


  .resolution-body{
      background:#ECF0F0;
  }

  .resolution-text{
      position: relative;
  }

  .resolution-text h6 {
      text-align: center;
      font-family: "Playfair Display", serif;
      font-weight: 600;
      font-style: normal;
      font-size: 48px;
      margin-bottom: 70px;
  }

  .contact{
      position: relative;
  }


  .contact-btn {
      background: #a9392c;
      border-radius: 29px;
      position: relative;
      color: inherit;
      text-decoration: none;
      display: inline-flex;
      padding: 16px 47px;
  }

  .contact-btn p {
      font-family: "Roboto", sans-serif;
      font-weight: 300;
      font-style: normal;
      position: relative;
      color: white;
      font-size: 1.4rem;
  }

  footer{

  }
  footer img{
    max-width: 50%;
  }
  footer .back{
    color:#a9392c;
    text-decoration:none;
    font-weight:600;
    font-size:1.5rem;
    cursor:pointer;
}
footer .back:hover{
    color:#a22222;
  }
  .arrow{
    width:20px;
  }
  @media (max-width:1200px) {
      .header-main-text {
          font-size: 3rem;
      }

      .header-text {
          font-size: 2rem;
      }
  }

  @media (max-width:991px) {
    .header{
        min-height:100svh;
        background-image: url('../assets/header-mobile-shadowed.png');
        background-size: cover; /* This property ensures that the background image covers the entire header */
        background-position: bototm; 
    }
      .header-main-text {
          font-size: 2rem;
      }

      .header-text {
          font-size: 1.2rem;
      }

      .consult-btn{
          padding: 20px 10px;
          font-size:1.2rem;
          font-weight:300
      }

      .consult-btn h3 {
          font-size: 1rem;
      }


      .metodology-title h5 {
          font-size: 2.5rem;
      }

      .metodology-list {
          padding-top: 45px;
      }

      .metodology-list-text h5 {
          font-size: 4rem;
      }

      .resolution-text h6 {
          font-size: 2rem;
      }

      .results-title h6,
      .form-title {
          font-size: 2rem;
      }
      .form-text{
            font-size:1.2rem;
      }
      .results-text h6 {
          font-size: 2.5rem;
      }

      .results-text p {
          font-size: 1.2rem;
      }

      .contact-btn p {
          font-size: 1rem;
      }


  }

  @media(max-width:1000px){
      .pointy-card h4, .slide-card h4{
          font-size:1.5rem;
          width: 50%;
      }
      .slide-card h4{
          width:100%;
      }
  
      .pointy-card p{
          font-size:1rem;
          width: 50%;
      }
  }
  @media (max-width:768px) {
    .metodology-title-logo{
        max-width:200px;
    }
    .metodology-center-text h4{
        font-size:1.5rem;
    }
    .metodology-center{
        padding-top:40px;
    }
    .metodology-list-text h5{
        font-size:2rem;
    }
    .metodology-list-text span{
        font-size:1.5rem;
    }
      .navbar-collapse.collapse.show{
          background:#000;
          margin-top:-20px;
          box-shadow: 0px 0 10px rgba(0, 0, 0, 0.5);
          top:100px;
          left:0;
          position:absolute;
          width:100%;
      }
      .navbar-collapse.collapsing{
          position:absolute;
          left:0;
          top:100px;
          width:100%;
          box-shadow: 0px 0 10px rgba(0, 0, 0, 0.5);
          background:#000;
          margin-top:-20px;
      }
      .divider{
        height: 60px;
        letter-spacing: 2.5px;
        font-size:1rem;
        font-weight: bold;
    }
      .slide-card{
          max-width:80%;
          max-height: 400px;
          min-height: 500px;
          height: 400px;
      }
      .metodology-card {
          padding-bottom:50px;
      }
      .metodology-flex>:nth-child(1) {
          margin-left: 0px;
      }
      .metodology-flex>:nth-child(2) {
          margin-left: 0px;
      }
      .metodology-flex>:nth-child(3) {
          margin-left: 0px;
      }
      .metodology-flex>:nth-child(4) {
          margin-left: 0px;
      }
      .metodology-flex>:nth-child(5) {
          margin-left: 0px;
      }
      .mb-n5{
          margin-bottom:-30px;
      }
      .small-header{
          height:90px;
      }
      .navbar-brand img {
          width: 90px; /* Set the width as per your logo size */
          height: auto; /* Maintain aspect ratio */
      }
      .pointy-card h4, .slide-card h4{
          font-size:1.5rem;
          /* width: 50%; */
      }
      .pointy-card{
          height:600px;
          /* margin-top:-150px; */
      }
      .pointy-card p, .slide-card p{
          font-size:1rem;
          /* width: 50%; */
      }
      .carrousel-title{
          font-size:1.2rem;
      }
      .header {
          background-image: url('../assets/2act.png');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: top;
          /* height: 750px; */
          display: flex;
            flex-direction: column;
      }

      .main-text {
          /* margin-top: 134px; */
          display:flex;
          flex-direction:column;
        justify-content:center;
        flex:1;
      }

  }

  @media (max-width:575px) {
    .main-text {
      /* margin-top: 96px; */
  }
      .metodology-card {
          width: 92%;
      }

      .metodology-title-logo {
          width: 82%;
      }
      
  }

  @media (max-width:407px) {
    .pointy-card h4, .slide-card h4{
        font-size:1.2rem;
        /* width: 50%; */
      }
      .pointy-card p{
          font-size:0.8rem;
      }
      .metodology-center-text h4{
          font-size:1.5rem;
        }
          .metodology-list-text span {
              font-size: 1.2rem;
          }
          .metodology-flex>:nth-child(1) {
            margin-left: 1px;
            margin-top:2px;
        }
        .metodology-flex>:nth-child(2) {
            margin-left: 2px;
        }
        .metodology-flex>:nth-child(3) {
            margin-left: 1px;
        }
        .metodology-flex>:nth-child(4) {
            margin-left: 2px;
        }
        .metodology-flex>:nth-child(5) {
            margin-left: 2px;
        }
      .header-main-text {
          font-size: 1.5rem;
      }

      .header-text {
          font-size: 1.2rem;
      }

      .metodology-title h5 {
          font-size: 1.5rem;
      }

      .metodology-list-text h5 {
          font-size: 1.5rem;
      }

      .results-title h6,
      .form-title{
          font-size: 1.5rem;
      }

      .results-text h6 {
          font-size: 1.5rem;
      }

      .results-text p {
          font-size: 1.2rem;
      }
      .resolution-text h6{
          font-size:1.5rem;
      }
  }
  
  @media(max-width:728px){
      .pointy-card{
          
      }
  }