.sidebar {
      
      background-color: #FFFFFF;
      padding: 20px;
      
      border-right: 1px solid #ccc;
      display: inline-block;
    }

    /*CONFIGURAÇÕES DE SLIDE*/

    /* Slideshow container */
  .slideshow-container {
    max-width: 100%;
    position: relative;
    margin-right: 10px;
    max-height:100%;
    
  }
  .slideshow-container img {
    max-height: 500px;
    object-fit: cover;
    border-radius: 10px;
    object-position: left bottom;
    
    
  }

    .prev, .next {
      cursor: pointer;
      position: absolute;
      top: 50%;
      width: auto;
      padding: 16px;
      margin-top: -22px;
      color: rgba(1, 6, 8, 0.973);
      font-weight: bold;
      font-size: 18px;
      transition: 0.6s ease;
      border-radius: 0 3px 3px 0;
      user-select: none;
    }

    /* Position the "next button" to the right */
    .next {
      right: 0;
      border-radius: 3px 0 0 3px;
    }

    /* On hover, add a black background color with a little bit see-through */
    .prev:hover, .next:hover {
      background-color: rgba(0,0,0,0.8);
    }

    .dot:hover {
      background-color: #717171;
    }
    
    /* Fading animation */
    .fade {
      animation-name: fade;
      animation-duration: 1.5s;
    }
    
    @keyframes fade {
      from {opacity: .4} 
      to {opacity: 1}
    }
    
    /* On smaller screens, decrease text size */
    @media only screen and (max-width: 300px) {
      .prev, .next,.text {font-size: 11px}
    }

    
    

    /*fim configuração slides*/

    .secao-left {
      display: inline-block;
      background-color: white;
      width: 50%;
      height: auto;
    }
    
    

    .main-content {
      height: 100%;
      width: 50%;
      background-color:#b2b3b43f;
      padding: 30px;
      float: right;
  
    }
    
    .contact-btn {
      background-color: #1d263e;
      color: white;
      padding: 10px 20px;
      border: none;
      cursor: pointer;
      font-size: 16px;
    }
    .contact-btn:hover {
      background-color: #0056b3;
    }


    @media (max-width: 768px) {
      .main-content {
        float: none;
        width: 100%;
      }

      .secao-left {
        width: 100%;
      }
    }