*{
  margin: 0;
  padding: 0;
 
}

body{
  background: linear-gradient(to right, #085094,  #000000), url(fundo-lazuli.png);
}

.hidden {
 overflow-x: hidden;
}

#preloader {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, #3356a0,  rgba(6, 18, 30, 0.1)), url(fundo-preto.png);
  z-index: 1;
}

#status {
  width: 300px;
  height: 560px;
  position: absolute;
  left: 46%;
  top: 50%;
  background-image: url(GRANDE\ ORIENTE\ LUX.PNG);
  background-size: 200px;
  background-repeat: no-repeat;
  background-position: center;
  margin: -250px 0 0 -80px;
  animation: expand-contract 1s ease-in-out infinite;

  @keyframes expand-contract {
    0%, 100% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.2);
    }
  }
}

@media screen and (max-width: 1020px) {
  #preloader{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, #3356a0,  rgba(6, 18, 30, 0.1)), url(fundo-preto.png);
  z-index: 99;
  /* makes sure it stays on top */
}
  #status {
    width: 300px;
    height: 500px;
    position: absolute;
    left: 30%;
    /* centers the loading animation horizontally one the screen */
    top: 50%;
    /* centers the loading animation vertically one the screen */
    background-image: url(GRANDE\ ORIENTE\ LUX.PNG);
    background-size: 200px;
    /* path to your loading animation */
    background-repeat: no-repeat;
    background-position: center;
    margin: -250px 0 0 -80px;
    /* is width and height divided by two */
  }
}


a{
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
}
a:hover{
    opacity: 0.7;
}


.logo img{
    display: flex;
    align-items: center;
    height: 20vh;
    margin-left: 2rem;
    border-radius: 50%;
    margin-top: 1rem;
  }
  .logo {
    display: flex;
    align-items: center;
    height: 25vh;
    margin-left: 2rem;
    border-radius: 50%;
    margin-top: 1px;
  }

  header{
    background: linear-gradient(to bottom, #023361, rgba(6, 18, 30, 0.1)), url(fundo-lazuli.png);
    box-shadow: 0px 3px 10px #464646;
  }
nav{
    height: 17vh;
    display: flex;
    justify-content: space-between;
    align-items: center;  
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;   
}
main{
    background: url("bg.jpg") no-repeat center center/cover;
    height: 92vh;
}
.nav-list2 {
  display: none;
}
.nav-list{
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nav-list li{
    color: rgb(195, 151, 49);
    
    text-decoration: none;
    font-family: "Junge", cursive;
    font-weight: 900;
    font-style: normal;
    margin-top: 2rem;
    margin-right: 3rem;
}

.nav-list li a{
    color: rgb(195, 151, 49);
    font-size: 1.2rem;
    font-weight: 500;  
    color: rgb(195, 151, 49);
    
    padding: 1px;
    text-decoration: none;
    font-family: "Junge", cursive;
    font-weight: 900;
    font-style: normal;
}

li a:hover{
 color: #fff;
}
.mobile-menu{
    cursor: pointer;
    display: none;
}
.mobile-menu div{
    width: 1.5rem;
    height: 4px;
    border-radius: 2rem;
    background-color:rgb(195, 151, 49);
    margin: 4px;
    margin-right: 1rem;
}
.header-icons i{
    background-color: transparent;
    color: rgb(174, 172, 168);
  }
  
  .header-icons i:hover{
     color: rgb(195, 151, 49);
  }
  .header-icons{
    position: relative;
    display: flex;
    text-decoration: none;
    gap: 14px;
    top: 2rem;
    margin-left: 2rem;
    font-size: 1rem;
    background-color: transparent;
  }
.background-home {
  margin-top: 0;
  background-image: linear-gradient(to bottom, #06121e, rgba(21, 32, 50, 0.5), #06121e), url(mirror2.jpeg);
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
 }
  
        
        .background-home h3{
            margin-top: 15%;
            text-decoration: none;
            font-size: 25px;
            font-weight: 600;
            background: -webkit-linear-gradient(white, white, #49617b);
             -webkit-background-clip: text;
             -webkit-text-fill-color: transparent;
            margin-left: 25%;
            font-family: "Eagle Lake", serif;
        }
        
        .background-home h1{
             margin-top: 10px;
             margin-left: 17rem;
             background: -webkit-linear-gradient(white, white, #405a74);
             -webkit-background-clip: text;
             -webkit-text-fill-color: transparent;
             font-size: 30px;
             font-weight: 750;
             font-family: Eagle Lake, serif;
             text-decoration: none;
        }
      
        .background-home p{
            color: white;
            font-size: 25px;
            font-weight: 50;
            margin-left: 4%;
            font-family: sans-serif serif;
        }
        
        
        .stars{
          width: 3px;
          height: 3px;
          border-radius: 50%;
        }

        .stars{
          width: 3px;
          height: 3px;
          border-radius: 50%;
          box-shadow: 50px 30px rgb(203, 202, 202),
            100px 80px white,
            80px 120px white,
            300px 20px white,
            250px 130px white,
            200px 50px white,
            150px 100px white,
            320px 100px white;
        }

        .stars{
          animation: anim-stars 10s linear infinite;
        }

        @keyframes anim-stars {
          from {
              transform: translateY(0px);
          }
          to {
              transform: translateY(-150px);
          }
      }

      .stars::after{
        content: " ";
        width: 3px;
        height: 3px;
        border-radius: 50%;
        box-shadow: 50px 30px white,
          100px 80px white,
          80px 120px white,
          300px 20px white,
          250px 130px white,
          200px 50px white,
          150px 100px white,
          320px 100px white;
      }

      .stars::after{
        content: " ";
        position: absolute;
        top: 150px;
        width: 3px;
       
      }

      .stars2{
        position: relative;
        width: 1px;
        height: 1px;
        border-radius: 50%;
        box-shadow: 15px 15px white,
          125px 35px white,
          50px 80px white,
          10px 120px white,
          275px 90px white,
          230px 10px white,
          120px 130px white,
          300px 130px white,
          220px 115px white;
        animation: anim-stars 20s linear infinite;
      }
      
      .stars2::after{
        content: " ";
        position: absolute;
        top: 150px;
        border-radius: 50%;
        box-shadow: 15px 15px white,
          125px 35px white,
          50px 80px white,
          10px 120px white,
          275px 90px white,
          230px 10px white,
          120px 130px white,
          300px 130px white,
          220px 115px white;
      }

      .stars2::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 500rem;
        background-size: 3px 3px;
        z-index: -1;
        animation: anim-stars 20s linear infinite;
    }
    .stars3{
      position: relative;
      width: 1px;
      height: 1px;
      border-radius: 50%;
      box-shadow: 15px 15px white,
        125px 35px white,
        50px 80px white,
        10px 120px white,
        275px 90px white,
        230px 10px white,
        120px 130px white,
        300px 130px white,
        220px 115px white;
      animation: anim-stars 20s linear infinite;
    }
    
    .stars3::after{
      content: " ";
      position: absolute;
      top: 150px;
      border-radius: 50%;
      box-shadow: 15px 15px white,
        125px 35px white,
        50px 80px white,
        10px 120px white,
        275px 90px white,
        230px 10px white,
        120px 130px white,
        300px 130px white,
        220px 115px white;
    }

    .stars3::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 500rem;
      background-size: 3px 3px;
      z-index: -1;
      animation: anim-stars 30s linear infinite;
  }
  .templo3-container{
    display: none;
  }
    .templo2-container{
      background-image: linear-gradient(to bottom, rgba(21, 39, 70, 0.5), #06121e), url(templo31.jpeg);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      height: 25rem;
      background-attachment: fixed; 
      display: block;
    }
    .templo-container{
      background-image: linear-gradient(to bottom, #021e3a, rgba(16, 30, 54, 0.5), #06121e), url(templo.jpeg);
     height: 46rem;
     
      }
       
      
      @keyframes shine {
        0% {
          background-position: 0}
        60% {
          background-position: 180px}
        100% {
          background-position: 180px}
        } 
    

    .btn-templo{
      font-size: 13px;
      margin-left: 33rem;
      font-family: "Junge", cursive;
      margin-top: 4rem;
    }

    .grande{
        margin-left: 53rem;
        margin-top: 5rem;
        font-family: Eagle Lake, serif;
        transform: translate(-50%,-50%);
        color: #ffffff;
        background: linear-gradient(to right, #b98b03 0, white 10%, #b98b03 20%);
        background-position: 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: shine 3s infinite linear;
        animation-fill-mode: forwards;
        -webkit-text-size-adjust: none;
        font-size: 16px;
        text-decoration: none;
      
    }

     .templo-desc{
      height: 47rem;
      margin-left: 5rem;
      margin-right: 5rem;              
    }

    .templo-desc p {
      font-size: 15px;
      font-weight: 600;
      text-shadow: 15px #000;
      line-height: 22px;
      color: #cecaca;
      
      
      font-family: "Junge", cursive;
      text-align: left; /* Align text to the left */
    }
    
        .sobre-mobile{
          display: none;
        }

        .about-img-templo img{
          width: 50%;
          height: 50vh;
          border-radius: 2%;
          margin-left: 18.5rem;
          margin-top: 4rem;
        }

       .about{
        background: -webkit-linear-gradient(-120deg, #123a73, #20202c, #174c96);
        background: -o-linear-gradient(-120deg, #1b6ada, #20202c, #194889);
        background: -moz-linear-gradient(-120deg, #02419a, #20202c, #033173);
        background: linear-gradient(-120deg, #1d4d90, #030406, #12448a);
        background-size: 300%;
        -webkit-animation: loop 20s ease infinite;
        -moz-animation: loop 20s ease infinite;
        animation: loop 7s ease infinite;
      }
      
      @-webkit-keyframes loop {
        0%{background-position:0% 50%}
        50%{background-position:100% 50%}
        100%{background-position:0% 50%}
      }
      @-moz-keyframes loop {
        0%{background-position:0% 50%}
        50%{background-position:100% 50%}
        100%{background-position:0% 50%}
      }
      @keyframes loop { 
        0%{background-position:0% 50%}
        50%{background-position:100% 50%}
        100%{background-position:0% 50%}
      }

         .about{
        background: -webkit-linear-gradient(-120deg, #123a73, #20202c, #174c96);
        background: -o-linear-gradient(-120deg, #1b6ada, #20202c, #194889);
        background: -moz-linear-gradient(-120deg, #02419a, #20202c, #033173);
        background: linear-gradient(-120deg, #1d4d90, #030406, #12448a);
        background-size: 300%;
        -webkit-animation: loop 20s ease infinite;
        -moz-animation: loop 20s ease infinite;
        animation: loop 7s ease infinite;
      }
      
      @-webkit-keyframes loop {
        0%{background-position:0% 50%}
        50%{background-position:100% 50%}
        100%{background-position:0% 50%}
      }
      @-moz-keyframes loop {
        0%{background-position:0% 50%}
        50%{background-position:100% 50%}
        100%{background-position:0% 50%}
      }
      @keyframes loop { 
        0%{background-position:0% 50%}
        50%{background-position:100% 50%}
        100%{background-position:0% 50%}
      }
       

        .about {
            display: grid;
            grid-template-columns: repeat(auto-fit, min-max(17rem, auto));
            align-items: center;
            gap: 10px;
            font-style: normal;
            color:rgb(203, 223, 241);
            justify-content: center;
            } 
     
            .about-container{
                 display: flex;
                 justify-content: center;
                 align-items: center;
                 gap: 16px;
                 padding: 0 44px 34px 44px; 
            }
     
         .about-img img{
             height: 400px;
             border-radius: 1rem;
             margin-top: 13%;
             margin-left: 6rem;
             box-shadow: 2px 2px 2px  #f59610;
         }
         .about-text h2{
             color: #fff;
             font-family: Eagle Lake, serif;
             font-size: 1.5rem;
             text-transform: uppercase;
             margin-top: 1rem;
             margin-left: 15rem;
             }
             
             .about-text p{
             font-family: "Della Respira", serif;
             font-size: 16.5px;
             margin-left: 13%;
             margin-right: 14%;
             font-weight: 00;
             padding: 8px 28px;
             color: #fff;
             
             }
     
             h3{
                 margin-left: 15.3rem;
                 color: #fff;
             }

             @import "compass/css3";
.citacao-mobile{
  display: none;
}

.citacao{
  width: 960px; 
  margin: 0 auto; 
  padding-top: 80px;
  padding-bottom: 80px;
}

.linha{
margin: 60px auto;
opacity: .5;  
}


.testimonial-quote {
    font-size: 14px;
}

.testimonial-quote blockquote {
    /* Negate theme styles */
    border: 0;
    margin: 0;
    padding: 0;
    background: none;
    color: rgb(178, 173, 173);
    font-family: Georgia, serif;
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.4 !important;
    margin: 0;
    position: relative;
    text-shadow: 0 1px rgb(1, 1, 1);
    z-index: 600;
}

.testimonial-quote blockquote * {
    box-sizing: border-box; 
}

.testimonial-quote blockquote p {
    color: #e8edf2; 
    line-height: 1.4 !important;
    left: 1px;
}

.testimonial-quote blockquote p:first-child:before {
    content: '\201C';
    color: #f7b30a;
    font-size: 3em;
    font-weight: 700;
    opacity: .6;
    position: absolute;
    top: -.4em;
    left: -.2em;    
    text-shadow: none;
    z-index: 1;
}

.testimonial-quote img {
    border: 3px solid #cf9a31;
    display: block;
    width: 110px;
    height: 120px;
    position: absolute;
    top: -.2em; 
    left: 0;    
}

.testimonial-quote cite {
    color: rgb(15, 15, 15);
    display: block;
    font-size: .8em; 
}
  
.testimonial-quote cite span {
    color: #cbc4c4;
    font-size: 1em;
    margin-left: 20rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: 0 1px rgb(1, 1, 1); 
}

.testimonial-quote {
    position: relative; 
}

.testimonial-quote .quote-container {
    padding-left: 160px; 
}
  
.testimonial-quote.right .quote-container {
    padding-left: 0;
    padding-right: 160px; 
}

.testimonial-quote.right img {
    left: auto;
    right: 0;
}

.testimonial-quote.right cite {
    text-align: right; 
}



     .sobre-cartas{
        background: -webkit-linear-gradient(-120deg, #123a73, #20202c, #174c96);
        background: -o-linear-gradient(-120deg, #1b6ada, #20202c, #194889);
        background: -moz-linear-gradient(-120deg, #02419a, #20202c, #033173);
        background: linear-gradient(-120deg, #1d4d90, #030406, #12448a);
        background-size: 300%;
        -webkit-animation: loop 20s ease infinite;
        -moz-animation: loop 20s ease infinite;
        animation: loop 7s ease infinite;
                }
                
                .cartas-content {
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  gap: 14px;
                  padding: 34px 14px 64px 14px;
                  margin-top: 0rem;
                }
                .cartas-content img {
                  width: 250px;
                  margin-top: 4rem;
                  margin-right: 4rem;
                  border-radius: 11%;
                }
                
                .cards-description h1 {
                  font-size: 25px;
                  color: #c5c2c2;
                  margin-left: 10.5rem;
                  margin-bottom: 54px;
                  margin-top: 10px;
                  font-family: 'Eagle Lake', serif;
                  text-transform: uppercase;
              }
                .cards-description p {
                  font-family: "Della Respira", serif;
                  font-size: 18px;
                  margin-top:2rem;
                  margin-bottom: 14px;
                  margin-left: 9rem;
                  margin-right: 6rem;
                  font-weight: 500;
                  color: #c5c2c2;
                  text-align: left;
                }
                .como-funciona{
                    background: linear-gradient(to bottom, rgba(16, 28, 40, 0.5), #011121), url(cards.jpg);
                    margin-top: 0;
                    width: 100%;
                    height: 140vh;
                    z-index: -1;
                    background-size: cover;
                    background-repeat: no-repeat;
                    opacity: 0.9;
                    background-position: center;
                    color:rgb(245, 242, 242);
        
                  .como-funciona-container{
                    align-items: center;
                    justify-content: center;
                    gap: 14px;
                    padding: 2px 2px;
                    
                  }

                  .como-funciona-description{
                    margin-top: 1rem;
                    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.9);
                    border: 1px solid rgba(255, 255, 255, 0.1);
                    backdrop-filter: blur(5px);
                    border-radius: 10px;
                    height: 35rem;
                    margin-left: 5rem;
                    margin-right: 5rem;
                  }
        
                    h1{
                    font-size: 23px;
                    margin-top: 2rem;
                    
                    margin-left: 25%;
                    font-family: Eagle Lake, serif;
                    text-transform: uppercase;
                    font-weight: 1000;
                    color: rgb(255, 254, 254);
                    }
        
                    p{
                      font-family: "Della Respira", serif;
                      margin-left: 18%; 
                      margin-top: 1px;
                      margin-right: 15%;
                      font-size: 1.3rem;
                      font-weight: 500;
                      color: #d1cece;
                      text-align: left;
                    }
                  }

                  .btn-saiba-mais{
                    color: #ffffff;
                    background-color: #015692;
                    box-shadow: 0px 3px 0px 0px #16232e;
                    font-family: "Junge", cursive;
                    border-radius: 5px;
                    padding: 10px 10px;
                    font-size: 15px;
                    margin-left: 33rem;
                    margin-top: 1.5rem;
                  }

                  .btn-saiba-mais{
                    animation: pulse 2s infinite;
                    -moz-animation: pulse 2s infinite;
                    -webkit-animation: pulse 2s infinite;
                  }
                
                  .btn-saiba-mais .elementor-button:hover {
                    animation: none;
                }
                
                @keyframes pulse {
                  0% {
                      transform: scale(1);
                      -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0.5);
                      box-shadow: 0 0 0 0 rgba(0,0,0, 0.4);
                  }
                  70% {
                       transform: scale(1.1);
                      -moz-box-shadow: 0 0 0 8px rgba(0,0,0, 0);
                      box-shadow: 0 0 0 8px rgba(0,0,0, 0);
                  }
                  100% {
                      transform: scale(1);
                      -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0);
                      box-shadow: 0 0 0 0 rgba(0,0,0, 0);
                  }
                }
                
                @-webkit-keyframes pulse {
                  0% {
                       -webkit-transform: scale(1);
                       -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0.5);
                  }
                  70% {
                       -webkit-transform: scale(1.1);
                       -webkit-box-shadow: 0 0 0 8px rgba(0,0,0, 0);
                  }
                  100% {
                       -webkit-transform: scale(1);
                       -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0);
                  }
                }




                .valores{
                  color: #f8f4f4;
                  font-size: 1.2rem;
                  font-weight: 600;
                  margin-left: 1rem;
                }
                 
                .parcelamento {
                  background-color:transparent;
                  cursor: pointer;
                  padding:8px;
                  border:0px;
                  color:#edebeb;

                  border-radius: 5px;
                }
                .botao {
                  padding:8px;
                  border:0px;
                  color:#edebeb;
                  text-shadow: 1px 1px rgb(67, 65, 65);
                  border-radius: 5px;
                  font-weight:900;
                  margin-left: 1.5rem;
                  margin-top: 2rem;
                } 
                
                .botao {
                    animation: pulsar 2s infinite;
                    -moz-animation: pulsar 2s infinite;
                    -webkit-animation: pulsar 2s infinite;
                }
                
                .botao .elementor-button:hover {
                    animation: none;
                }
                
                @keyframes pulsar {
                  0% {
                      transform: scale(1);
                      -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0.5);
                      box-shadow: 0 0 0 0 rgba(0,0,0, 0.4);
                  }
                  70% {
                       transform: scale(1.1);
                      -moz-box-shadow: 0 0 0 8px rgba(0,0,0, 0);
                      box-shadow: 0 0 0 8px rgba(0,0,0, 0);
                  }
                  100% {
                      transform: scale(1);
                      -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0);
                      box-shadow: 0 0 0 0 rgba(0,0,0, 0);
                  }
                }
                
                @-webkit-keyframes pulsar {
                  0% {
                       -webkit-transform: scale(1);
                       -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0.5);
                  }
                  70% {
                       -webkit-transform: scale(1.1);
                       -webkit-box-shadow: 0 0 0 8px rgba(0,0,0, 0);
                  }
                  100% {
                       -webkit-transform: scale(1);
                       -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0);
                  }
                }
                
                .botao-pulsar {
                  padding:8px;
                  border:0px;
                  color:#edebeb;
                  text-shadow: 1px 1px rgb(67, 65, 65);
                  border-radius: 5px;
                  font-weight:900;
                  margin-left: 1.5rem;
                  margin-top: 2rem;
                } 
                
                .botao-pulsar {
                    animation: pulsar 2s infinite;
                  
                }
                @-webkit-keyframes pulsar {
                  0% {
                       -webkit-transform: scale(1);
                       -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0.5);
                  }
                  70% {
                       -webkit-transform: scale(1.1);
                       -webkit-box-shadow: 0 0 0 8px rgba(0,0,0, 0);
                  }
                  100% {
                       -webkit-transform: scale(1);
                       -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0);
                  }
                }

                .botao-consultas3 {
                  padding:8px;
                  border:0px;
                  color:#edebeb;
                  text-shadow: 1px 1px rgb(67, 65, 65);
                  border-radius: 5px;
                  font-weight:900;
                  margin-left: 18.5rem;
                  margin-top: 2rem;
                } 
                
                .botao-consultas3 {
                    animation: pulsar 2s infinite;
                    -moz-animation: pulsar 2s infinite;
                    -webkit-animation: pulsar 2s infinite;
                }
                
                .botao-consultas3 .elementor-button:hover {
                    animation: none;
                }
                
                @keyframes pulsar {
                  0% {
                      transform: scale(1);
                      -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0.5);
                      box-shadow: 0 0 0 0 rgba(0,0,0, 0.4);
                  }
                  70% {
                       transform: scale(1.1);
                      -moz-box-shadow: 0 0 0 8px rgba(0,0,0, 0);
                      box-shadow: 0 0 0 8px rgba(0,0,0, 0);
                  }
                  100% {
                      transform: scale(1);
                      -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0);
                      box-shadow: 0 0 0 0 rgba(0,0,0, 0);
                  }
                }
                
                @-webkit-keyframes pulsar {
                  0% {
                       -webkit-transform: scale(1);
                       -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0.5);
                  }
                  70% {
                       -webkit-transform: scale(1.1);
                       -webkit-box-shadow: 0 0 0 8px rgba(0,0,0, 0);
                  }
                  100% {
                       -webkit-transform: scale(1);
                       -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0);
                  }
                }

                .botao-cursos {
                  padding:8px;
                  border:0px;
                  color:#edebeb;
                  text-shadow: 1px 1px rgb(67, 65, 65);
                  border-radius: 5px;
                  font-weight:900;
                  margin-left: 1.5rem;
                  margin-top: 2rem;
                } 
                
                .botao-cursos {
                    animation: pulsar 2s infinite;
                  
                }
                @-webkit-keyframes pulsar {
                  0% {
                       -webkit-transform: scale(1);
                       -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0.5);
                  }
                  70% {
                       -webkit-transform: scale(1.1);
                       -webkit-box-shadow: 0 0 0 8px rgba(0,0,0, 0);
                  }
                  100% {
                       -webkit-transform: scale(1);
                       -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0);
                  }
                }

                  .btn-whatsapp {
                    position: fixed;
                    bottom: 14px;
                    right: 24px;
                    z-index: 99;
                  }
                  .btn-whatsapp img {
                    max-width: 14vh;
                    border-radius: 50%;
                    transition: transform 0.4s;
                    height: 4rem;
                  }
                  .btn-whatsapp img:hover {
                    transform: scale(1.1);
                  }
    
       .feedbacks .ritos{
        flex: 0 0 auto;
        margin-right: 20px;
       }

       .feedbacks{
        background: -webkit-linear-gradient(-120deg, #123a73, #20202c, #174c96);
        background: -o-linear-gradient(-120deg, #1b6ada, #20202c, #194889);
        background: -moz-linear-gradient(-120deg, #02419a, #20202c, #033173);
        background: linear-gradient(-120deg, #1d4d90, #030406, #12448a);
        background-size: 300%;
        -webkit-animation: loop 20s ease infinite;
        -moz-animation: loop 20s ease infinite;
        animation: loop 7s ease infinite;
       }
  .info-ritos{
    background: url("https://4kwallpapers.com/images/wallpapers/stars-galaxy-1920x1080-10307.jpg"), url("https://images5.alphacoders.com/465/465322.jpg"); 
    background-blend-mode: multiply;
    animation: spacetravel 800s linear infinite;  
    overflow-y: hidden;
    background-size: cover;
    width: 100%;
    margin-right: 0;
}
      
      info {
        padding:30px 30px;
        margin-bottom: 3rem;
        margin-left: 23rem;
        
       
      } info ul {
        box-shadow: 10px 10px 30px rgba(67, 111, 223, 0.9);
        border: 1px solid rgba(255, 255, 255, 0.1);
        display:table;
        margin-left: 10px;
        align-items: center;
        border: 1px solid rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(20px);
        border-radius: 5px;
       
        width: 39%;
      } 

      info ul li {
        float:left;
        position:relative;
        list-style:none;
        line-height:14px;
        font-size:14px;
        color: rgb(220, 165, 53) ;
        font-weight:bold;
        width: 84%; 
        
        align-items: center;
      }
      info ul li:first-of-type {
        border-left:none;
      }
      info ul li:last-of-type {
        border-right:none;
      } info ul li a {
        display:block;
        padding:13px 15px;
        letter-spacing: 1px;
        font-family: "Della Respira";
        line-height: 16px;
      } 
      
      info>ul>li>a:before {
        content:"\00BB \0020";
        display:block;
        float:left;
        font-size:20px;
        width:20px;
        height:14px;
        text-align:center;
        line-height:14px;
        transform:rotate(90deg);
        -moz-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        -o-transform:rotate(90deg);
        -webkit-transform:rotate(90deg);
      } info>ul>li:first-of-type>a {
        border-radius:5px 0 0 0;
      } info>ul>li:last-of-type>a {
        border-radius:0 5px 0 0;
      } info>ul>li:hover>a:before {
        margin:0 3px 0 -3px;
        -moz-transform:rotate(-90deg);
        -ms-transform:rotate(-90deg);
        -o-transform:rotate(-90deg);
        -webkit-transform:rotate(-90deg);	
      }

     
       info ul li ul {
        display:block;
        position:absolute;
        border:none;
        top:200%;
        opacity:0;
        width:150%;
        border-radius:0 0 5px 5px;
      }

   

    

   
          .feedbacks{
            position: relative;
            overflow: hidden;
            display: grid;
            grid-template-columns: repeat(auto-fit, min-max(17rem, auto));
            
            h2{
              font-size: 36px;
              font-weight: 850;
              margin-left: 25rem;
              margin-top: 2rem;
              margin-bottom: 3rem;
               font-family: Eagle Lake, serif;
              background: linear-gradient(to right, #b38309, #f9b753, #764702);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;
            }
            .ritos img{
              height: 40vh;
              margin-left: 4rem;
              border-radius: 1rem;
              margin-top: 4rem;
              margin-bottom: 4rem;
            }

             p{
              margin-top: 4.5rem;
              margin-bottom: 4rem;
              margin-left: 2rem;
              color: #c5c3c3;
              font-family: "Della Respira";
              letter-spacing: 1px;
              margin-right: 2%;
              font-size: 1rem;
              font-weight: 600;
             } 
             
          .ritos{
           align-items: center;
           display: flex;
           flex-direction: row;
           justify-content: center;
           box-shadow: 20px 20px 50px rgba(67, 111, 223, 0.9);
           border: 1px solid rgba(255, 255, 255, 0.1);
           backdrop-filter: blur(20px);
           border-radius: 10px;
           height: 24rem;
           margin-left: 5rem;
           margin-right: 5rem;
           margin-bottom: 4rem;
        }

        .slider{
          display:flex;
          transition: transform 0.5s ease;
        }
        #prev-button, #next-button{
          display: none;
        }
      }
    
      .gradient-title-mob{
        display: none;
      }

      .entrevistas {
        background: linear-gradient(to right, #085094,  #000000), url(fundo-lazuli.png);
        overflow: hidden; 
        height: 90vh;
        position: relative; 
    
    .gradient-title{
      font-family: Eagle Lake, serif;
      margin-top: 6rem;
      margin-bottom: 1px;
      font-size: 1.5rem;
      margin-left: 36rem;
      background: linear-gradient(to right, #b38309, #ce8e2d, #583502);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  }
     
  
  .banner {
        width: 100%; /* Altera a largura para preencher a tela */
        min-height: 100vh;
        margin-bottom: 10rem;
        padding: 0 100px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-size: cover;
        background-position: center;
        overflow: hidden; /* Mantém o conteúdo dentro do elemento */
        transition: 0.5s;
        position: relative; /* Adiciona posição relativa para elementos filhos absolutos */
      }
      
      .content {
        max-width: 550px;
        position: relative;
        z-index: 1; /* Garante que este elemento fique acima do elemento absoluto abaixo */
      }
      
      .carousel-box {
      top: 2rem;
        position: absolute;
        width: 100%;
        left: 0;
        height: 25rem;
        display: flex;
        margin-bottom: 10rem;
        justify-content: center;
        align-items: center;
        background: rgba(0, 0, 0, 0.2);
        box-shadow: 20px 20px 50px rgba(67, 111, 223, 0.9);
        border: 1px solid rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(20px);
        border-radius: 10px;
        white-space: nowrap;
        overflow: hidden;
      }
      .carousel-box{
        border-radius: 1px;
        height: 15rem;
        margin-top: 0;
        overflow: hidden;
        margin-right: 0;
        padding-right: 0;
        box-shadow: 20px 20px 50px rgba(67, 111, 223, 0.9);
        border: 1px solid rgba(255, 255, 255, 0.1);
      }
      
      .carousel-item {
        display: inline-block;
        gap: 20px;
      }
      
      .carousel-item:last-child {
        margin-right: 0;
      }
      
      .carousel-item img {
        max-width: 100%;
        height: 10rem;
        margin-left: 2rem;
        max-height: 100%;
        border-radius: 3%;
        margin-right: -10px;
        transition: transform 0.3s ease;
      }
      
      .carousel-item img:hover {
        transform: scale(1.1);
      }
      
      @keyframes scrollLeft {
        0% {
          transform: translateX(0);
        }
        100% {
          transform: translateX(calc(-100% * 13.5));
        }
      }
      
      .carousel-box:hover .carousel-item {
        animation: scrollLeft 15s linear infinite;
      }
  
  
  
      .consultas{
        background: linear-gradient(to right, #085094,  #000000), url(fundo-lazuli.png);
        background-size: 200%;
        height: 169vh;
        overflow: hidden;
      
        h2{
          font-size: 2.5rem;
          font-weight: 850;
          letter-spacing: 2px;
          margin-left: 41rem;
          padding-top: 3rem;
          font-family: Eagle Lake, serif;
          background: linear-gradient(to right, #b38309, #f9b753, #764702);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
      
          .conteudo-consultas {
            width: 100%;
            height: 79%;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            background-color: transparent;
            box-shadow: none;
            border: none;
            gap: 3rem;
            border-radius: 3px;
            padding: 20px;
          }
        }
      
        .consultas-anim{
          display: flex;
          margin-top: 1px;
          background: linear-gradient( 90deg,  #000000, #50577a,  #827e7e,  #040505,#000000);
          overflow: hidden;
          background-size: 800% 800%;
          animation: colors 5s ease infinite;
          border-radius: 20px;
          width: 23rem;
          height: 47vh;
          margin: 10px;
          margin-bottom: 1px;
          box-shadow: 10px 10px 20px rgb(16, 90, 186);
      }
        
        @keyframes colors {
            0% {
                background-position: 0% 50%;
            }
        
            50% {
                background-position: 100% 50%;
            }
        
            100% {
                background-position: 0% 50%;
            }
        }
        
        .david-img5 {
          border-radius: 5%;
          height: 4.3rem;  
          margin-top: 1.7rem;
          margin-left: 2rem;
          width: 86%;
      }
      .david-img3 {
        border-radius: 12%;
        height: 4.3rem;  
        margin-top: 1.7rem;
        padding-right: 5rem;
        width: 86%;
    }
      .consultas-desc {
        text-align: left;
        width: 90%;
        margin-left: 1rem;
        line-height: 1.3rem;
        color: #c5c3c3;
        font-family: "Della Respira";
        letter-spacing: 1px;
        font-size: 11px;
        font-weight: 600;
      }
  
     
  
      .consultas-descricao {
        line-height: 50%;
    }
    .valores-consultas{
      color: #f8f4f4;
      font-size: 1.2rem;
      font-weight: 600;
      margin-left: 5rem;
    }
  
  
    .valoresconsultas2{
      color: #f8f4f4;
      font-size: 1.1rem;
      font-weight: 600;
      margin-left: 8.3rem;
    }
  
    .botao2 {
      padding:8px;
      border:0px;
      color:#edebeb;
      text-shadow: 1px 1px rgb(67, 65, 65);
      border-radius: 5px;
      font-weight:900;
      margin-left: 5.2rem;
      margin-top: 5px;
      font-size: 1.2rem;
    } 
    
    .botao2 {
        animation: pulsar 2s infinite;
        -moz-animation: pulsar 2s infinite;
        -webkit-animation: pulsar 2s infinite;
    }
    
    .botao2 .elementor-button:hover {
        animation: none;
    }
    
    @keyframes pulsar {
      0% {
          transform: scale(1);
          -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0.5);
          box-shadow: 0 0 0 0 rgba(0,0,0, 0.4);
      }
      70% {
           transform: scale(1.1);
          -moz-box-shadow: 0 0 0 8px rgba(0,0,0, 0);
          box-shadow: 0 0 0 8px rgba(0,0,0, 0);
      }
      100% {
          transform: scale(1);
          -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0);
          box-shadow: 0 0 0 0 rgba(0,0,0, 0);
      }
    }
    
    @-webkit-keyframes pulsar {
      0% {
           -webkit-transform: scale(1);
           -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0.5);
      }
      70% {
           -webkit-transform: scale(1.1);
           -webkit-box-shadow: 0 0 0 8px rgba(0,0,0, 0);
      }
      100% {
           -webkit-transform: scale(1);
           -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0);
      }
    }
    
  
  
  
  
  
  
  
  
  
  
  .cursos{
    background: linear-gradient(to right, #085094,  #000000), url(fundo-lazuli.png);
    background-size: 200%;
    height: 210vh;
    overflow: hidden;
  
    h2{
      font-size: 2.5rem;
      font-weight: 850;
      letter-spacing: 2px;
      margin-left: 43.5rem;
      padding-top: 3rem;
      font-family: Eagle Lake, serif;
      background: linear-gradient(to right, #b38309, #f9b753, #764702);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
  
      .conteudo {
        width: 100%;
        height: 79%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        color: white;
        box-shadow: 5px 5px 5px rgba(70, 70, 70, 0.838);
        gap: 3rem;
        border-radius: 3px;
        padding: 20px;
      }
    }
  
      .conteudo-card {
        background-color: #b8b5b5;
        box-shadow: 10px 10px 20px rgba(15, 106, 197, 0.612);
        width: 400%;
        height: 130vh;
        border-radius: 15px;
        margin: 10px;
        padding: 5px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: 0.3s;
        border-top: 1px solid rgba(255, 255, 255, 0.5);
        border-left: 1px solid rgba(255, 255, 255, 0.5);
        text-align: center;
      }
      .valores3{
        color: #f8f4f4;
        font-size: 1.2rem;
        font-weight: 600;
        margin-left: 2.5rem;
      }
  
      .valores4{
        color: #f8f4f4;
        font-size: 1.2rem;
        font-weight: 600;
        margin-left: 6.5rem;
      }
      
      .conteudo-card:hover {
        background-color: #8c8b8b;/*#8c8b8b*/
      }
      
      .card-img {
        border-radius: 1%;
        width: 150px;
        height: auto;
      }
      
      .card-titulo {
        font-size: 2em;
        margin: 1.5rem 0;
      }
      
      .card-descricao {
        text-align: center;
        font-size: 1.1em;
        
      }
      
      .card-link {
        margin: 2rem;
        text-decoration: none;
        color: white;
        padding: 1rem 2rem;
        border-radius: 30px;
        background-color: rgba(68, 68, 247, 0.782);
        transition: 0.3s;
        font-size: larger;
      }
      
      .card-link:hover {
        color: rgba(68, 68, 247, 0.782);
        background-color: white;
        font-size: larger;
      }
    
      .david-teste2{
        padding: 1rem;
        display: flex;
        margin-top: 1px;
        background: linear-gradient(
            90deg,
            #000000,
            #50577a,
            #827e7e,
            #040505,
            #000000
        );
        overflow: hidden;
        background-size: 800% 800%;
        animation: colors 5s ease infinite;
        border-radius: 20px;
        width: 25%;
        margin: 10px;
        margin-bottom: 1px;
        box-shadow: 10px 10px 20px rgb(16, 90, 186);
    }
  
    .david-teste3 {
      display: flex;
      margin-top: 1px;
      background: linear-gradient(
          90deg,
          #000000,
          #50577a,
          #827e7e,
          #040505,
          #000000
      );
      overflow: hidden;
      background-size: 800% 800%;
      animation: colors 5s ease infinite;
      border-radius: 20px;
      width: 25%;
      height: 80vh;
      margin: 10px;
      margin-bottom: 1px;
      box-shadow: 10px 10px 20px rgb(16, 90, 186);
  }
    
    @keyframes colors {
        0% {
            background-position: 0% 50%;
        }
    
        50% {
            background-position: 100% 50%;
        }
    
        100% {
            background-position: 0% 50%;
        }
    }
    
    .david-teste1 {
        background: url("/");
        background-size: 5%;
        background-position: center;
        opacity: 0.8;
        border-radius: 20px;
        
    }
    
    .david-teste1:hover {
        opacity: 1;
    }
    .cursos-anim1{
      display: flex;
      margin-top: 1px;
      background: linear-gradient( 90deg,  #000000, #50577a,  #827e7e,  #040505,#000000);
      overflow: hidden;
      background-size: 800% 800%;
      animation: colors 5s ease infinite;
      border-radius: 20px;
      width: 22%;
      height: 65vh;
      margin: 10px;
      margin-bottom: 1px;
      box-shadow: 10px 10px 20px rgb(16, 90, 186);
  }
    
    @keyframes colors {
        0% {
            background-position: 0% 50%;
        }
    
        50% {
            background-position: 100% 50%;
        }
    
        100% {
            background-position: 0% 50%;
        }
    }
    .david {
        width: 230px;
        height: 40vh;
        border-radius: 20px;
        padding: 5px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
        text-align: center;
    }
  

  .cursos-imagem{
      border-radius: 2%;
      height: 4.3rem;
      width: 92%;  
      margin-top: 1.7rem;
      margin-left: 12px;
  }


  .cursos-img1 {
    border-radius: 2%;
    height: 4.5rem;
    width: 130%;  
    margin-top: 2px;
    margin-left: 3.9rem;
  }
  
  .david-img2 {
    border-radius: 2%;
    height: 4rem;  
    margin-top: 2.5rem;
    margin-left: 2rem;
  }
  
  .david-descricao__desenvolvedor3 {
    text-align: left;
    width: 90%;
    margin-left: 1rem;
    line-height: 1.3rem;
    color: #c5c3c3;
    font-family: "Della Respira";
    letter-spacing: 1px;
    font-size: 11px;
    font-weight: 600;
  }

  .ementa{
      text-align: left;
      width: 90%;
      margin-left: 14px;
      line-height: 1.3rem;
      color: #c5c3c3;
      text-decoration:underline;
      font-family: "Della Respira";
      letter-spacing: 1px;
      font-size: 12px;
      font-weight: 600;
    
  }
   
  .david-descricao__desenvolvedor2 {
    text-align: left;
    width: 90%;
    margin-left: 1rem;
    line-height: 1.3rem;
    color: #c5c3c3;
    font-family: "Della Respira";
    letter-spacing: 1px;
    font-size: 11px;
    font-weight: 600;
  }
   
    .david-descricao {
        line-height: 50%;
    }
   
    .david-descricao__desenvolvedor {
      text-align: left;
      margin-left: 1px;
      line-height: 1.3rem;
      color: #c5c3c3;
      font-family: "Della Respira";
      letter-spacing: 1px;
      font-size: 11px;
      font-weight: 600;
    }
  
    .botao-pulsar{
      padding-top: 1px;
      margin-left: 15px;
      font-size: 1.2rem;
    }
    
    .botao{
      padding-top: 1px;
      margin-left: 2rem;
      font-size: 1.2rem;
    }
  
    .botao-cursos{
      padding-top: 1px;
      margin-left: 6rem;
      font-size: 1.3rem;
    }
  
    .botao-consultas{
      padding-top: 1px;
      margin-left: 6rem;
      font-size: 1.3rem;
    }
    .epistola-body2 {
      background: url("https://4kwallpapers.com/images/wallpapers/stars-galaxy-1920x1080-10307.jpg"), url("https://images5.alphacoders.com/465/465322.jpg"); 
      background-blend-mode: multiply;
      animation: spacetravel 800s linear infinite;
     
    } 

    .texto-body{
      background: url("https://4kwallpapers.com/images/wallpapers/stars-galaxy-1920x1080-10307.jpg"), url("https://images5.alphacoders.com/465/465322.jpg"); 
      background-blend-mode: multiply;
      animation: spacetravel 800s linear infinite;
    
    }
    
    .epistola{
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      h2{
        margin-left: 19rem;
        font-size: 2rem;
      }
    }
    
    #buttons {
      padding-top: 50px;
      text-align: center;
      text-decoration: none;
      color: #55acee;
      transition: .3s;
      -webkit-transition: .3s;
      -moz-transition: .3s;
      -o-transition: .3s;
      cursor: pointer, auto;
    }
    
    .btn {
      font-family: "Junge", cursive;
      border-radius: 5px;
      padding: 10px 10px;
      font-size: 15px;
      text-decoration: none;
      margin: 20px;
      color: #fff;
      position: relative;
      display: inline-block;
    }
    
    .btn:active {
      transform: translate(0px, 5px);
      -webkit-transform: translate(0px, 5px);
      box-shadow: 0px 1px 0px 0px;
    }
    
    .blue {
      background-color: #0d4a74;
      box-shadow: 0px 3px 0px 0px #053a5c;
    }
    
    .blue:hover {
      background-color: #050504;
    }
    
    .green {
      background-color: #0d4a74;
      box-shadow: 0px 3px 0px 0px #053a5c
    }
    
    .green:hover {
      background-color: #050504;
    }
    
    .red {
      background-color: #0d4a74;
      box-shadow: 0px 3px 0px 0px #053a5c;
    }
    
    .red:hover {
      background-color: #050504;
    }
    
    .purple {
      background-color: #0d4a74;
      box-shadow: 0px 3px 0px 0px #053a5c;
    }
    
    .purple:hover {
      background-color: #050504;
    }
    
    .orange {
      background-color: #0d4a74;
      box-shadow: 0px 3px 0px 0px #053a5c;
    }
    
    .orange:hover {
      background-color: #050504;
    }
    
    .yellow {
      background-color: #0d4a74;
      box-shadow: 0px 3px 0px 0px #053a5c;
    }
    
    .yellow:hover {
      background-color: #050504;
    }
    
    
    p {
      text-align: center;
      color: #55acee;
      padding-top: 20px;
    }
    
    .earth-info {
      display: flex;
      flex-direction: row;
    }
    
    .quote2 {
      overflow: hidden;
      background-color: #0d4a74;
      background-size: 1000px;
      border-radius: 10px;
      font-size: .8rem;
      line-height: 25px;
      letter-spacing: 1px;
      padding: 14px 45px;
      margin-block: 120px;
      color: #fdeaea;
      font-family: sans-serif;
      text-align: left;
      max-width: 100%;
      width: 800px;
      font-weight: 800;
      opacity: .9;
      box-shadow: 1px 0 30px rgba(250, 242, 242, 0.2);
    }
    
    .quote-info {
      overflow: hidden;
      background-color: #0d4a74;
      background-size: 1000px;
      border-radius: 10px;
      font-size: .8rem;
      line-height: 25px;
      letter-spacing: 1px;
      padding: 10px 35px;
      margin-left: 10rem;
      margin-block: 120px;
      color: #f2f2f2;
      font-family: sans-serif;
      text-align: left;
      max-width: 100%;
      width: 800px;
      font-weight: 800;
      opacity: .9;
      box-shadow: 0 0 20px rgba(242, 242, 242, 0.2);
    }

    .quote-info2 {
      overflow: hidden;
      background-color: #0d4a74;
      background-size: 1000px;
      border-radius: 10px;
      font-size: .8rem;
      line-height: 25px;
      letter-spacing: 1px;
      padding: 10px 35px;
      margin-left: 10rem;
      margin-block: 120px;
      color: #f2f2f2;
      font-family: sans-serif;
      text-align: left;
      max-width: 100%;
      width: 800px;
      font-weight: 800;
      opacity: .9;
      box-shadow: 0 0 20px rgba(242, 242, 242, 0.2);
    }
    .quote2 {
      overflow: hidden;
      background-color: #0d4a74;
      background-size: 1000px;
      border-radius: 10px;
      font-size: .8rem;
      line-height: 25px;
      letter-spacing: 1px;
      padding: 10px 35px;
      margin-left: 10rem;
      margin-block: 120px;
      color: #f2f2f2;
      font-family: sans-serif;
      text-align: left;
      max-width: 100%;
      width: 800px;
      font-weight: 800;
      opacity: .9;
      box-shadow: 0 0 20px rgba(242, 242, 242, 0.2);
    }
    .quote3 {
      overflow: hidden;
      background-color: #0d4a74;
      background-size: 1000px;
      border-radius: 10px;
      font-size: .8rem;
      line-height: 25px;
      letter-spacing: 1px;
      padding: 10px 35px;
      margin-left: 10rem;
      margin-block: 120px;
      color: #f2f2f2;
      font-family: sans-serif;
      text-align: left;
      max-width: 100%;
      width: 800px;
      font-weight: 800;
      opacity: .9;
      box-shadow: 0 0 20px rgba(242, 242, 242, 0.2);
    }
    .quote-texto {
      overflow: hidden;
      background-color: #0d4a74;
      background-size: 1000px;
      border-radius: 10px;
      font-size: .8rem;
      line-height: 25px;
      letter-spacing: 1px;
      padding: 14px 45px;
      margin-block: 120px;
      color: #fdeaea;
      font-family: sans-serif;
      text-align: left;
      max-width: 100%;
      width: 800px;
      font-weight: 800;
      opacity: .9;
      box-shadow: 1px 0 30px rgba(250, 242, 242, 0.2);
    }
    
    h2{
      margin-left: 0;
      font-size: 1rem;
    }
    
    blockquote{
      margin-left: 1px;
      opacity: .8;
    }
    em{
      font-size: 0.8rem;
    }
    
    @keyframes rotate {
      0% {
        background-position: 0px;
      }
      100% {
        background-position: 190px;
      }
    }
    
    @keyframes spacetravel {
        from {
          background-position:0 0;
      }
        to {
          background-position:-20000px 20000px;
      }
    }

    .conteudo{
      gap: 5px;
    }
  .botao-pulsar{
    padding-top: 1px;
    margin-left: 7rem;
    font-size: 1.2rem;
  }
   .david-portifolio {
      animation: pulsar 2s infinite;
    -moz-animation: pulsar 2s infinite;
    -webkit-animation: pulsar 2s infinite;
  }
  .botao-pulsar .elementor-button:hover {
    animation: none;
}
@keyframes pulsar {
  0% {
      transform: scale(1);
      -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0.5);
      box-shadow: 0 0 0 0 rgba(0,0,0, 0.4);
  }
  70% {
       transform: scale(1.1);
      -moz-box-shadow: 0 0 0 8px rgba(0,0,0, 0);
      box-shadow: 0 0 0 8px rgba(0,0,0, 0);
  }
  100% {
      transform: scale(1);
      -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0);
      box-shadow: 0 0 0 0 rgba(0,0,0, 0);
  }
}
@-webkit-keyframes pulsar {
  0% {
       -webkit-transform: scale(1);
       -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0.5);
  }
  70% {
       -webkit-transform: scale(1.1);
       -webkit-box-shadow: 0 0 0 8px rgba(0,0,0, 0);
  }
  100% {
       -webkit-transform: scale(1);
       -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0);
  }
}
 .david-img {
    border-radius: 5%;
    width: 120%;
    
    height: 5.6rem;
    margin-bottom: 5%;
    margin-left: 4.4rem;
}
.david-descricao__desenvolvedor {
  margin-left: 6rem;
  line-height: 1.3rem;
  width: 20rem;
  color: #c5c3c3;
  font-family: "Della Respira";
  letter-spacing: 1px;
  font-size: 10.7px;
  font-weight: 600;
}


.consultas-body{
  height: 310vh;
  overflow: hidden;
  justify-content: center;
  align-items: center;
.conteudo-consultas{
  gap: 10px;
}
  h2{
    margin-left: 5rem;
    font-size: 2rem;
  }

  p{
    font-size: 14px;
    width: 18rem;
    margin-left: 4rem; 
  }

}
.valores{
  margin-left: 3rem;
}

.consultas-teste {
   margin-right: 4rem;
   left: 5px;
    width: 200%;
    height: 28.5rem;
}
.botao-pulsar{
padding-top: 10px;
margin-left: 3rem;
font-size: 1.2rem;
}
.david-portifolio {
  animation: pulsar 2s infinite;
-moz-animation: pulsar 2s infinite;
-webkit-animation: pulsar 2s infinite;
}
.botao-pulsar .elementor-button:hover {
animation: none;
}
@keyframes pulsar {
0% {
  transform: scale(1);
  -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0.5);
  box-shadow: 0 0 0 0 rgba(0,0,0, 0.4);
}
70% {
   transform: scale(1.1);
  -moz-box-shadow: 0 0 0 8px rgba(0,0,0, 0);
  box-shadow: 0 0 0 8px rgba(0,0,0, 0);
}
100% {
  transform: scale(1);
  -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0);
  box-shadow: 0 0 0 0 rgba(0,0,0, 0);
}
}
@-webkit-keyframes pulsar {
0% {
   -webkit-transform: scale(1);
   -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0.5);
}
70% {
   -webkit-transform: scale(1.1);
   -webkit-box-shadow: 0 0 0 8px rgba(0,0,0, 0);
}
100% {
   -webkit-transform: scale(1);
   -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0);
}
}
.consultas-img {
border-radius: 5%;
width: 109%;
height: 5.6rem;
margin-bottom: 5%;
margin-left: 4rem;
}
.consultas-descricao__desenvolvedor {
padding: 0px 2px ;
line-height: 1.3rem;
color: #e0dada;
font-family: "Della Respira";
letter-spacing: 1px;
margin-left: 30px;
margin-right: 8px;
text-align: left;
font-weight: 600;
}

consultas-descricao__desenvolvedor-valor p{
  color: #fff;
}
.feedback{
  background: linear-gradient(to bottom,#072745, rgba(6, 18, 30, 0.1), #023d74), url(fundo-lazuli.png);
  height: 150vh;


h2{
  color: white;
  font-size: 30px;
  font-weight: 750;
  font-family: Eagle Lake, serif;
  margin-left: 14.5rem;
  padding: 5rem;
} 
}



.gallery {
  background: linear-gradient(to right, #085094,  #000000), url(fundo-lazuli.png);
  padding: 2rem;
  
  
  h2{
    background: linear-gradient(to right, #f9b404, #b87f28, #3f2600);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Eagle Lake, serif;
    margin-left: 31rem;
    margin-bottom: 5rem;
    font-size: 2.5rem;
    letter-spacing: 1px;
    text-transform:capitalize;
  }

  h3{
    background: linear-gradient(to right, #f9b404, #b87f28, #3f2600);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Eagle Lake, serif;
    margin-left: 28rem;
    margin-bottom: 3rem;
    font-size: 2rem;
    letter-spacing: 1px;
  }
}

.image-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  max-width: 50rem;
  gap: 4rem;
  margin-inline: auto;
}

.image-gallery > img {
  width: 120%;
  height: 45rem
  aspect-ratio: 1 / 1;
  object-fit: cover;
  transition: scale 350ms ease, opacity 350ms linear;
}

.image-gallery:has(img:hover) img:not(:hover) {
  scale: 0.8;
  opacity: 0.7;
}

.img-tmp{
  height: 9.9rem; 
}

.blog{
  background: linear-gradient(to right, #085094,  #000000), url(fundo-lazuli.png);
  display: flex;
  flex-direction:column;
  font-size: 1rem; 
  align-items: center; 
  height: 470rem;
}


.blog-card {
  display: flex;
  flex-direction: column;
  margin: 1rem;
  box-shadow: 20px 20px 50px rgba(67, 111, 223, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(20px);
  margin-bottom: 1.6%;
  margin-top: 1rem;
  background-color: #000000;
  line-height: 1.4;
  border-radius: 5px;
  overflow: hidden;
  
  a {
    color: inherit;
    font-weight: 600;
    &:hover {
      color: #faf3f3;
    }
  }
  
 
  .photo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    transition: transform .2s;
  }

  
  .description {
    padding: 1rem;
    backdrop-filter: blur(20px);
    position: relative;
    z-index: 1;
    
    h1, h2 {
      font-family: "Junge", cursive;
      color: #fff;
    }
    h1 {
      line-height: 1;
      margin: 0;
      font-size: 1.7rem;
    }
    h2 {
      font-size: 1rem;
      font-weight: 300;
      text-transform: uppercase;
      margin-top: 5px;
    }
    .read-more {
      text-align: right;
      a {  
        display: inline-block;
        position: relative;
        &:after {
          content: "\f061";
          font-family: FontAwesome;
          margin-left: -10px;
          opacity: 0;
          vertical-align: middle;
          transition: margin .3s, opacity .3s;
        }
        &:hover:after {
          margin-left: 5px;
          opacity: 1;
        }
      }
    }
  }
  p {
    position: relative;
    margin: 1rem 0 0;
    color: #e3e2e2;
    font-size: 13px;
    font-weight: 599;
    font-family: "Junge", cursive;
    &:first-of-type {  
      margin-top: 1.25rem;
      &:before {
        content: "";
        position: absolute;
        height: 5px;
        background: #dc9b0f;
        width: 35px;
        top: -0.75rem;
        border-radius: 3px;
      }
    }
  }
  

    flex-direction: row;
    max-width: 700px;
    .meta {
      flex-basis: 40%;
      height: auto;
      position: relative;
      z-index: 0;
    }
 
    }
    .description {
      flex-basis: 60%;
      &:before {
        transform: skewX(-3deg);
        content: "";
        background: #060505;
        width: 30px;
        position: absolute;
        left: -10px;
        top: 0;
        bottom: 0;
        z-index: -1;  
}
    }

    .depoimentos-gol{
      background: linear-gradient(to right, #057cf3,  #000000), url(fundo-lazuli.png);
      height: 870vh;
      padding: 2rem rem;

      h2{
        font-size: 36px;
        font-weight: 850;
        margin-left: 38rem;
        margin-top: 2rem;
        margin-bottom: 3rem;
         font-family: Eagle Lake, serif;
        background: linear-gradient(to right, #efa93f, #b38309);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }
  
      h3{
        font-size: 39px;
        font-weight: 850;
        margin-left: 45rem;
        margin-top: 2rem;
        margin-bottom: 3rem;
        font-family: Eagle Lake, serif;
        background: linear-gradient(to right, #eab01c, #f9b753);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }
    }
      .title-dep{
        h1{
                font-size: 36px;
                font-weight: 850;
                margin-left: 33rem;
                margin-top: 2rem;
                margin-bottom: 3rem;
                 font-family: Eagle Lake, serif;
                background: linear-gradient(to right, #f9b917, #f9b753);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
      }
    }
    .image-depoiment {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      max-width: 50rem;
      gap: 4rem;
      margin-inline: auto;
    }
    
    .image-depoiment > img {
      width: 120%;
      height: 45rem
      aspect-ratio: 1 / 1;
      object-fit: cover;
      transition: scale 350ms ease, opacity 350ms linear;
    }
    
    .image-depoiment:has(img:hover) img:not(:hover) {
      scale: 0.8;
      opacity: 0.7;
    }
    .transition {
      transition: all 0.25s ease-in-out;
    }
    
    .flipIn {
      animation: flipdown 0.5s ease both;
    }
    
    .no-select {
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
    
  .duvidas1{
        background: -webkit-linear-gradient(-120deg, #123a73, #20202c, #174c96);
        background: -o-linear-gradient(-120deg, #1b6ada, #20202c, #194889);
        background: -moz-linear-gradient(-120deg, #02419a, #20202c, #033173);
        background: linear-gradient(-120deg, #1d4d90, #030406, #12448a);
        background-size: 300%;
        -webkit-animation: loop 20s ease infinite;
        -moz-animation: loop 20s ease infinite;
        animation: loop 7s ease infinite;
       
        
  }
    
    .box-duvidas1{
      height: 90rem;
      display: inline-block;
      position: relative;
      left: 30%;
      padding-top: 1px;
      margin: 10px 0;
      margin-bottom: 5rem;
      transform: translate(-50%, 0);
      box-shadow: 20px 20px 50px rgba(67, 111, 223, 0.9);
      border: 1px solid rgba(255, 255, 255, 0.1);
      backdrop-filter: blur(20px);
      
      max-width: 450px;
      padding: 30px;
    
      @media (max-width: 550px) {
        box-sizing: border-box;
        transform: translate(0, 0);
        max-width: 100%;
        min-height: 100%;
        margin: 0;
        left: 0;
      }
    
      
    
      h1 {
        text-transform: uppercase;
        font-size: 26px;
        margin-left: 4.8rem;
        line-height: 42px;
        letter-spacing: 1px;
        font-weight: 100;
        @extend .flipIn;
      }
    
      h2 {
        font-size: 16px;
        line-height: 34px;
        font-weight: 300;
        font-family: "Junge", cursive;
        display: block;
        
        
        text-transform: none;
        background-color: transparent;
        font-family: ;
        margin: 0;
        cursor: pointer;
        @extend .no-select;
      }
    
      p {
        color: rgb(215, 213, 213);
        font-size: 17px;
        line-height: 26px;
        letter-spacing: 1px;
        position: relative;
        overflow: hidden;
        max-height: 800px;
        @extend .transition;
        opacity: 1;
        transform: translate(0, 0);
        margin-top: 1px;
      
        z-index: 2;
      }
    
      ul {
        list-style: none;
        perspective: 900px;
        padding: 0;
        margin: 0;
    
        li {
          position: relative;
          padding: 0;
          margin: 0;
          padding-bottom: 4px;
          padding-top: 18px;
          border-top: 1px dotted grey;
          @extend .flipIn;
    
          &:nth-of-type(1) {
            animation-delay: 0.5s;
          }
    
          &:nth-of-type(2) {
            animation-delay: 0.75s;
          }
    
          &:nth-of-type(3) {
            animation-delay: 1.0s;
          }
    
          &:last-of-type {
            padding-bottom: 0;
          }
    
          i {
            position: absolute;
            transform: translate(-6px, 0);
            margin-top: 16px;
            right: 0;
    
            &:before,
            &:after {
              content: "";
              @extend .transition;
              position: absolute;
              background-color: rgb(206, 151, 14) ;
              width: 3px;
              margin-left: 7px;
              height: 9px;
              
            }
    
            &:before {
              transform: translate(-2px, 0) rotate(45deg);
            }
    
            &:after {
              transform: translate(2px, 0) rotate(-45deg);
            }
          }
    
          input[type='checkbox'] {
            position: absolute;
            cursor: pointer;
            width: 100%;
            height: 100%;
            z-index: 1;
            opacity: 0;
    
            &:checked {
              & ~ p {
                margin-top: 0;
                max-height: 0;
                opacity: 0;
                transform: translate(0, 80%);
              }
    
              & ~ i {
                &:before {
                  transform: translate(2px, 0) rotate(45deg);
                }
    
                &:after {
                  transform: translate(-2px, 0) rotate(-45deg);
                }
              }
            }
          }
        }
      }
    }
    
    @keyframes flipdown {
      0% {
        opacity: 0;
        transform-origin: top center;
        transform: rotateX(-90deg);
      }
      5% {
        opacity: 1;
      }
      80% {
        transform: rotateX(8deg);
      }
      83% {
        transform: rotateX(6deg);
      }
      92% {
        transform: rotateX(-3deg);
      }
      100% {
        transform-origin: top center;
        transform: rotateX(0deg);
      }
    }

    .footer{
      margin:0;
      height: 1rem;
    }

    .header-footer {
      position:relative;
      text-align:center;
      background: linear-gradient(to right, #085094,  #000000), url(fundo-lazuli.png);
      color:rgb(184, 179, 179);
      font-size: 7px;
      
    }
    .logo-footer {
      width:30px;
      fill:rgb(28, 77, 184);
      padding-right:15px;
      display:inline-block;
      vertical-align: middle;
    }
    

    .inner-header {
      height:35vh;
      width:100%;
      margin: 0;
      padding: 0;
    }
    
    .flex { /*Flexbox for containers*/
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      
    }
    
    .waves {
      position:relative;
      width: 100%;
      height:15vh;
      margin-bottom:-7px; /*Fix for safari gap*/
      min-height:100px;
      max-height:150px;
    }
    
    .content {
      position:relative;
      height:10vh;
      text-align:center;
      background-color: rgb(28, 77, 184);

    }
    
    /* Animation */
    
    .parallax > use {
      animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
    }
    .parallax > use:nth-child(1) {
      animation-delay: -2s;
      animation-duration: 7s;
    }
    .parallax > use:nth-child(2) {
      animation-delay: -3s;
      animation-duration: 10s;
    }
    .parallax > use:nth-child(3) {
      animation-delay: -4s;
      animation-duration: 13s;
    }
    .parallax > use:nth-child(4) {
      animation-delay: -5s;
      animation-duration: 20s;
    }
    @keyframes move-forever {
      0% {
       transform: translate3d(-90px,0,0);
      }
      100% { 
        transform: translate3d(85px,0,0);
      }
    }
    
    @media (max-width: 480px) {
      .inner-header {
        height: 5rem;
      }
      .waves {
        height:60px;
        min-height:40px;
      }
      .content {
        height:30vh;
      }

      .logo{
        height: 20px;
      }
      h1 {
        font-size:10px;
        margin-top: 1px;
      }
    }
    @media (max-width: 768px) {
      .inner-header {
        height: 5rem;
      }
      .waves {
        height:60px;
        min-height:40px;
      }
      .content {
        height:30vh;
      }

      .logo img{
        height: 10px;
      }
      h1 {
        font-size:10px;
        margin-top: 1px;
      }

      .footer{
        margin-top:45vh;
      }
    }
    
  
@media screen and (max-width: 480px){
  .box-duvidas{
    height: 240vh;

    h1{
     font-size: 16px;
     margin-left: 4rem;
    }
    h2{
      font-size: 15px;
      margin-right: 2rem;
    }
   
   
  }
  header{
    height: 19rem;
    width: 100%;
  }
  .nav-list2 li a{
    color: rgb(195, 151, 49);
    font-size: 10px; 
    font-weight: 1000;  
    padding: 1px;
    text-decoration: none;
    font-family: "Junge", cursive;
    font-weight: 900;
    font-style: normal;
    overflow: hidden;
}

.templo-container{
  background-image: linear-gradient(to bottom, #021e3a, transparent, #06121e), url(templo-mobile.jpeg);
  height: 30rem;
  background-position: center;
  }
  .grande {     
    margin-left: 9.9rem;
    margin-top: 3rem;
    font-family: Eagle Lake, serif;
    transform: translate(-50%,-50%);
    color: #ffffff;
    background: linear-gradient(to right, #b98b03 0, white 10%, #b98b03 20%);     
    -webkit-background-clip: text;
    animation: shine 3s infinite linear;  
    font-size: 13px;
    text-decoration: none;
  }

  .templo-desc{
    margin-top: 2rem; 
    width: 16rem;
    border-radius: 10px;
    height: 95rem;
   margin-left: 1px;
   margin-right: 1px;
}

.header-icons{
  margin-left: 14px;
  height: 8px;
}
.background-home h1 {
  margin-top: 10px;
  margin-left: 1px;
  color: white;
  font-size: 2.2vw; 
  font-weight: 950;
  font-family: "Eagle Lake", serif;
  text-decoration: none;
}
.cards-description h2 {
  margin-top: 4rem;
   margin-left: 0;
   font-size: 12px;
   margin-bottom: 23px;
   font-weight: 2050;
   box-shadow: 2px 2px 2px  #f59610;
 }

 .feedbacks-mob{
  display: block;
  overflow: hidden;
  background: -webkit-linear-gradient(-120deg, #123a73, #20202c, #174c96);
  background: -o-linear-gradient(-120deg, #1b6ada, #20202c, #194889);
  background: -moz-linear-gradient(-120deg, #02419a, #20202c, #033173);
  background: linear-gradient(-120deg, #1d4d90, #030406, #12448a);
  background-size: 600%;
  -webkit-animation: loop 20s ease infinite;
  -moz-animation: loop 20s ease infinite;
  animation: loop 7s ease infinite;
  height: 1900vh;
}

.ritos-mob {
  margin-top: 5rem;
  right: 40rem;
  height: 40rem;
  width: 100%;
  display:flex;
  flex-direction: column;
  margin-right: 1px;
  box-shadow: none;
  border: none;
 backdrop-filter: none;
  overflow: hidden;
  box-shadow: 20px 20px 50px rgba(67, 111, 223, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.consultas-anim {
  display: flex;
  margin-top: 1px;
  background: linear-gradient( 90deg,  #000000, #50577a,  #827e7e,  #040505,#000000);
  overflow: hidden;
  background-size: 800% 800%;
  animation: colors 5s ease infinite;
  border-radius: 20px;
  width: 85%;
  height: 63vh;
 padding: 10px;
  margin-bottom: 1px;
  box-shadow: 10px 10px 20px rgb(16, 90, 186);
}

.david-img3 {
  border-radius: 5%;
  margin-bottom: 5%;
  margin-right: 5rem;
  width: 20rem;
}
}

@media screen and (max-width: 480px){
  header{
    height: 19rem;
    width: 100%;
  }
  .nav-list2 li a{
    color: rgb(195, 151, 49);
    font-size: 10px; 
    font-weight: 1000;  
    padding: 1px;
    text-decoration: none;
    font-family: "Junge", cursive;
    font-weight: 900;
    font-style: normal;
    overflow: hidden;
}

.templo-container{
  background-image: linear-gradient(to bottom, #021e3a, transparent, #06121e), url(templo-mobile.jpeg);
  background-position: center;
  height: 30rem;
  }
  .grande {     
    margin-left: 9.9rem;
    margin-top: 3rem;
    font-family: Eagle Lake, serif;
    transform: translate(-50%,-50%);
    color: #ffffff;
    background: linear-gradient(to right, #b98b03 0, white 10%, #b98b03 20%);     
    -webkit-background-clip: text;
    animation: shine 3s infinite linear;  
    font-size: 13px;
    text-decoration: none;
  }

  .templo-desc{
    margin-top: 2rem; 
    width: 16rem;
    border-radius: 10px;
    height: 95rem;
   margin-left: 1px;
   margin-right: 1px;
}

.header-icons{
  margin-left: 14px;
  height: 8px;
}
.background-home h1 {
  margin-top: 10px;
  margin-left: 1%;
  color: white;
  font-size: 2.8vw; 
  font-weight: 950;
  font-family: "Eagle Lake", serif;
  text-decoration: none;
}
.cards-description h2 {
  margin-top: 4rem;
   margin-left: 0;
   font-size: 12px;
   margin-bottom: 23px;
   font-weight: 2050;
   box-shadow: 2px 2px 2px  #f59610;
 }

 .feedbacks-mob{
  display: block;
  overflow: hidden;
  background: -webkit-linear-gradient(-120deg, #123a73, #20202c, #174c96);
  background: -o-linear-gradient(-120deg, #1b6ada, #20202c, #194889);
  background: -moz-linear-gradient(-120deg, #02419a, #20202c, #033173);
  background: linear-gradient(-120deg, #1d4d90, #030406, #12448a);
  background-size: 300%;
  -webkit-animation: loop 20s ease infinite;
  -moz-animation: loop 20s ease infinite;
  animation: loop 7s ease infinite;
  height: 2100vh;
}

.ritos-mob {
  margin-top: 5rem;
  right: 40rem;
  height: 40rem;
  width: 100%;
  display:flex;
  flex-direction: column;
  margin-right: 1px;
  box-shadow: none;
  border: none;
 backdrop-filter: none;
  overflow: hidden;
  box-shadow: 20px 20px 50px rgba(67, 111, 223, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.consultas-anim {
  display: flex;
  margin-top: 1px;
  background: linear-gradient( 90deg,  #000000, #50577a,  #827e7e,  #040505,#000000);
  overflow: hidden;
  background-size: 800% 800%;
  animation: colors 5s ease infinite;
  border-radius: 20px;
  width: 85%;
  height: 52vh;
  padding: 10px;
  margin-bottom: 1px;
  box-shadow: 10px 10px 20px rgb(16, 90, 186);
}

.david-img3 {
  border-radius: 5%;
  margin-bottom: 5%;
  margin-left: 1rem;
  width: 10rem;
}
}




@media screen and (max-width: 480px){
    body{
        overflow-x: hidden;
    }
header{
  height: 9rem;
}
    nav{
      height: 14.5vh;
    }

    .nav-list{
            position: absolute;
            top: 18.5vh;
            right: 0;
            width: 45%; /* Adjusted width for smaller screens */
            height: 70vh;
            color: #fff;
            background: linear-gradient(to bottom, rgba(6, 18, 30, 0.1), #023361), url(fundo-lazuli.png);
            flex-direction: column;
            align-items: center;
            justify-content: space-around;
            z-index: 9;
            overflow-x: hidden;
            transition: all 0.5s;
            box-shadow: 0px 0px 3px 1.1px #464646;
            display: none;
        }
    

        .nav-list li {
          margin-left: 0;
          padding: 1em; /* Adjusted padding for touch-friendly design */
          margin-top: 1rem; /* Adjusted margin for better spacing */
          
      }
    

    .nav-list li a{
        color: rgb(195, 151, 49);
        padding: 13px;
    }
    li a:hover{
        color: #fff;
       }
    .nav-list.active{
        display: block;
    }
    .mobile-menu{
        display: block;
    }

    .about-container{
      display: none;
  }
      
    .logo{
        height: 8vh;
        margin-left: 1vh;
        
    }
    .header-icons{
      margin-left: 10px;
      gap: 10px;
      top: 1rem;
      margin-left: 5px;
      font-size: 10px;
    }

    .background-home {
      margin-top: 0;
      background-image: linear-gradient(to bottom, #06121e, rgba(10, 18, 30, 0.5), #06121e), url(mirror2.jpeg);
      width: 100%;
      height: 70vh; /* Adjusted height for smaller screens */
      z-index: -1;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
  }
         
  .background-home h3 {
    margin-top: 50%; /* Adjusted margin-top for smaller screens */
    text-decoration: none;
    font-size: 4vw; /* Responsive font size based on viewport width */
    font-weight: 600;
    color: rgba(255, 255, 255, 0.872);
    margin-left: 6%;
    font-family: "Eagle Lake", serif;
}

.background-home h1 {
    margin-top: 10px;
    margin-left: 2%; /* Adjusted margin-left for smaller screens */
    color: white;
    font-size: 3.2vw; /* Responsive font size based on viewport width */
    font-weight: 950;
    font-family: "Eagle Lake", serif;
    text-decoration: none;
}

.background-home p{
    color: rgb(216, 212, 212);
    font-size: 3vw;
    font-weight: 400; 
    margin-left: 7px;
    font-family: sans-serif serif;
    font-style: normal;
}

.templo2-container{
  display: none;
}



   .templo-desc{
    margin-top: 2rem; 
    width: 16rem;
    border-radius: 10px;
    height: 68rem;
   margin-left: 1px;
   margin-right: 1px;
}
.templo-desc p{
margin-top: 0;
margin-left: 10px;
margin-right: 1px;
width: 23rem;
text-align: left;
font-size: 14px;
}


.btn-templo {
  margin-left: 10rem;
}
  .sobre-mobile{
    background: -webkit-linear-gradient(-120deg, #123a73, #20202c, #174c96);
    background: -o-linear-gradient(-120deg, #1b6ada, #20202c, #194889);
    background: -moz-linear-gradient(-120deg, #02419a, #20202c, #033173);
    background: linear-gradient(-120deg, #1d4d90, #030406, #12448a);
    background-size: 300%;
    -webkit-animation: loop 20s ease infinite;
    -moz-animation: loop 20s ease infinite;
    animation: loop 7s ease infinite;
  }    

  .sobre-mobile {
      display: flex;
      flex-direction: column; 
      align-items: center;
      font-style: normal;
      color: rgb(203, 223, 241);
      justify-content: space-between;
      height: 145vh;
  }

  .sobre-mobile .sobre-img img {
      max-width: 60%; 
      height: auto; 
      border-radius: 1rem;
      margin-top: 5%;
      margin-bottom: 3rem;
      margin-left: 4.7rem;
      box-shadow: 2px 2px 2px  #f59610;
  }

  .sobre-mobile .sobre-text-mobile {
      margin-top: 1%;
      line-height: 22px;
  }

  .sobre-mobile .sobre-text-mobile h1 {
      font-family: Eagle Lake, serif;
      font-size: 4vw; 
      text-transform: uppercase;
      margin-top: 2rem;
      margin-left: 16px;
      color: #e4d9d9;
  }

  .sobre-mobile .sobre-text-mobile h2 {
      font-family: Eagle Lake, serif;
      font-size: 4.5vw;
      text-transform: uppercase;
      margin-top: 1%;
      margin-left: 24vw; 
      color: #e4d9d9;
  }

  .sobre-mobile .sobre-text-mobile h3 {
    color: #e4d9d9;
      font-size: 4vw; 
      margin-left: 13vw;
      font-family: "Della Respira", serif;
  }

  .sobre-mobile .sobre-text-mobile p {
      font-family: "Della Respira", serif;
      font-weight: 450;
      font-size: 3.7vw; 
      margin-top: 5px;
      margin-left: 8px; 
      margin-right: 8px; 
      color: #e5dede;
  }
  
  .citacao{
    display: none;
  }
  .testimonial-mobile blockquote-mobile p{
  color: #ffffff;
  text-align: left; 

  }
  .testimonial-mobile {
      font-size: 12px; 
      color: #fff;
      margin-top: 5px;
    }
    .testimonial-mobile.group {
      display: flex; 
      align-items: center; 
      margin-top: 10px;
      color: #fff;
      font-family: Georgia, serif;
      font-style: italic;
  }
  
    .testimonial-mobile img {
      width: 30%; 
      border: 3px solid #cf9a31;
  
    }
  
    .testimonial-mobile .quote-mobile {
      margin-left: 5px;
      margin-right: 7rem;
     
      color: #fff;
    }
  
    .citacao-mobile {
      display: block;
      padding-top: 4px;
      padding-bottom: 20px; 
    }

    .linha {
      margin: 20px auto; /* Further reduce margin for smaller screens */
    }
  
    .testimonial-mobile img {
      width: 23%; 
      margin-left: 10px;
      height: 6rem;
    }
    .testimonial-mobile cite span {
      margin-left: 5rem;
      color: #fff;
      top: 1 rem;
    }

    .testimonial-mobile .quote-mobile {
      margin-top: 5px;
      margin-left: 10px;
      margin-right: 1rem;
      color: #fff;
      font-size: 12.7px;
    }

    .entrevistas{
      .gradient-title{
        display: none;
      }
  .gradient-title-mob{
    display: block;
    font-family: Eagle Lake, serif;
    margin-top: 1rem;
    margin-bottom: 1px;
    font-size: 1.3rem;
    margin-left: rem;
    background: linear-gradient(to right, #b38309, #ce8e2d, #583502);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
 } 
          
 @media screen and (max-width: 480px) {
  #preloader{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, #3356a0,  rgba(6, 18, 30, 0.1)), url(fundo-preto.png);
  z-index: 99;
  /* makes sure it stays on top */
}
  #status {
    width: 300px;
    height: 500px;
    position: absolute;
    left: 30%;
    /* centers the loading animation horizontally one the screen */
    top: 50%;
    /* centers the loading animation vertically one the screen */
    background-image: url(GRANDE\ ORIENTE\ LUX.PNG);
    background-size: 200px;
    /* path to your loading animation */
    background-repeat: no-repeat;
    background-position: center;
    margin: -250px 0 0 -80px;
    /* is width and height divided by two */
  }
}

    @media screen and (max-width: 480px) {
        .sobre-cartas{
        background: -webkit-linear-gradient(-120deg, #123a73, #20202c, #174c96);
        background: -o-linear-gradient(-120deg, #1b6ada, #20202c, #194889);
        background: -moz-linear-gradient(-120deg, #02419a, #20202c, #033173);
        background: linear-gradient(-120deg, #1d4d90, #030406, #12448a);
        background-size: 300%;
        -webkit-animation: loop 20s ease infinite;
        -moz-animation: loop 20s ease infinite;
        animation: loop 7s ease infinite;
          margin-top: 0;
        
        .cartas-content {
          flex-direction: column;
          margin-top: 0rem;
        }
        .cartas-content img {
          width: 200px;
          margin-left: 3.9rem;
          margin-top: 2px;
        }

        
        .cards-description p{
          font-weight: 450;
            margin-top: 2rem;
            margin-left: 1rem;
            margin-right: 1rem;
            font-size: 1rem;
        }
      }

      
      .como-funciona{
        margin-top: 0;
        height: 90vh;
        .como-funciona-container{
          padding: 34px 4px;
          height: 80vh;
        
          .como-funciona-description{
            width: 100%;
            height: 104vh;
            margin-left: 0;
            margin-right: 15px;
          h2{
              font-size: 11.4px;
              margin-bottom: 24px;
              margin-left: 1rem;
              margin-top: 1rem;
          }
         p{
          margin-top: 12px;
          margin-left: 1rem;
          margin-right: 9px;
          font-weight: 380;
          font-size: 15px;
         }

         .btn-saiba-mais{
          
          background-color: #015692;
          box-shadow: 0px 3px 0px 0px #161b2e;
          font-family: "Junge", cursive;
          border-radius: 5px;
          padding: 10px 10px;
          font-size: 15px;
          margin-left: 3rem;
          margin-top: 3rem;
        }
        }
    }
    }
    }

    .feedbacks-mob{
      display: none;
    }

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

      .info-ritos{
        background: url("https://4kwallpapers.com/images/wallpapers/stars-galaxy-1920x1080-10307.jpg"), url("https://images5.alphacoders.com/465/465322.jpg"); 
        background-blend-mode: multiply;
        animation: spacetravel 800s linear infinite;  
        overflow-y: hidden;
        background-size: cover;
        width: 100%;
        margin-right: 0;
    }
      .feedbacks{
        display: none;
      }
      .feedbacks-mob{
        display: block;
        overflow: hidden;
        background: -webkit-linear-gradient(-120deg, #123a73, #20202c, #174c96);
        background: -o-linear-gradient(-120deg, #1b6ada, #20202c, #194889);
        background: -moz-linear-gradient(-120deg, #02419a, #20202c, #033173);
        background: linear-gradient(-120deg, #1d4d90, #030406, #12448a);
        background-size: 300%;
        -webkit-animation: loop 20s ease infinite;
        -moz-animation: loop 20s ease infinite;
        animation: loop 7s ease infinite;
        height: 910vh;
        
        h2{
          background: linear-gradient(to right, #b38309, #f9b753, #764702);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          margin-top: 4rem;
          margin-left: 5rem;
          font-size: 1.4rem;
          letter-spacing: 1px;
          font-family: "Eagle Lake", serif;
        }
        info {
          padding:50px 50px;
          align-items: center;
        } info ul {
          display:table;
          margin:0 auto;
          align-items: center;
          border: 1px solid rgba(255, 255, 255, 0.1);
          border-radius: 10px;
          border-radius:5px;
          width: 80%;
        } 
  
        info ul li {
          float:left;
          position:relative;
          list-style:none;
          line-height:14px;
          font-size:14px;
          font-weight:bold;
          width: 83%; 
          align-items: center;
        }
        info ul li:first-of-type {
          border-left:none;
        }
        info ul li:last-of-type {
          border-right:none;
        } info ul li a {
          display:block;
          padding:13px 15px;
          letter-spacing: 1px;
          font-family: "Della Respira";
          line-height: 16px;
        } 
        
        info>ul>li>a:before {
          content:"\00BB \0020";
          display:block;
          float:left;
          font-size:20px;
          width:20px;
          height:14px;
          text-align:center;
          line-height:14px;
          transform:rotate(90deg);
          -moz-transform:rotate(90deg);
          -ms-transform:rotate(90deg);
          -o-transform:rotate(90deg);
          -webkit-transform:rotate(90deg);
        } info>ul>li:first-of-type>a {
          border-radius:5px 0 0 0;
        } info>ul>li:last-of-type>a {
          border-radius:0 5px 0 0;
        } info>ul>li:hover>a:before {
          margin:0 3px 0 -3px;
          -moz-transform:rotate(-90deg);
          -ms-transform:rotate(-90deg);
          -o-transform:rotate(-90deg);
          -webkit-transform:rotate(-90deg);	
        }
  
       
         info ul li ul {
          display:block;
          position:absolute;
          border:none;
          left:0;
          top:200%;
          
          width:150%;
          border-radius:0 0 5px 5px;
        }
  
    
    
      .ritos-mob {
        margin-top: 5rem;
        right: 40rem;
        height: 25rem;
        width: 100%;
        display:flex;
        flex-direction: column;
        margin-right: 1px;
        box-shadow: none;
        border: none;
       backdrop-filter: none;
        overflow: hidden;
        box-shadow: 20px 20px 50px rgba(67, 111, 223, 0.9);
        border: 1px solid rgba(255, 255, 255, 0.1);
      }

      .ritos-mob1 {
        margin-top: 5rem;
        right: 33rem;
        height: 45rem;
        width: 100%;
        display:flex;
        flex-direction: column;
        margin-right: 1px;
        box-shadow: none;
        border: none;
       backdrop-filter: none;
        overflow: hidden;
        box-shadow: 20px 20px 50px rgba(67, 111, 223, 0.9);
        border: 1px solid rgba(255, 255, 255, 0.1);
      }
    
      .ritos-mob img {
        text-align:start;
        margin-left: 5rem;
        margin-top: 2rem;
        height: 6rem;
        width: 15rem;
        border-radius: 4%;
        box-shadow: 20px 20px 50px rgba(67, 111, 223, 0.9);
        border: 1px solid rgba(255, 255, 255, 0.1);
      }

      .ritos-mob1 img {
        text-align:start;
        margin-left: 5rem;
        margin-top: 2rem;
        height: 6rem;
        width: 15rem;
        border-radius: 4%;
        box-shadow: 20px 20px 50px rgba(67, 111, 223, 0.9);
        border: 1px solid rgba(255, 255, 255, 0.1);
      }


      .ritos-txt-mob {
        font-family: "Della Respira", serif;  
      font-weight: 650;
      font-size: 3.4vw;
      color: #cac2c2;
      margin-top: 10px;
      margin-left: 14px;
      margin-right: 14px; 
      }

      .ritos-txt-mob1 {
        font-family: "Della Respira", serif;  
      font-weight: 650;
      font-size: 3.4vw;
      color: #cac2c2;
      margin-top: 10px;
      margin-left: 14px;
      margin-right: 14px; 
      }
    }
  
    .entrevistas{
      overflow: hidden;
      margin-top: 0;
    }
  
      .carousel-item img {
        height: 10rem;
        border-radius: 5px;
  }
 .banner{
  margin-top: 0;
  overflow: hidden;
  margin-right: 0;
  padding-right: 0;
 }
  .carousel-box{
    border-radius: 1px;
    height: 20rem;
    margin-top: 0;
    overflow: hidden;
    margin-right: 0;
    padding-right: 0;
    box-shadow: 20px 20px 50px rgba(67, 111, 223, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.1);
  }
}

 

  @media screen and (max-width: 480px) {
    .cursos{
     height: 230vh;
     
    .conteudo-consultas{
      gap: 10px;
      height: 100vh;
    }
      h2{
        margin-left: 7rem;
      }
    }


    .david-teste2 {
      display: flex;
      margin-top: 1px;
      background: linear-gradient( 90deg,  #000000, #50577a,  #827e7e,  #040505,#000000);
      overflow: hidden;
      background-size: 800%;
      animation: colors 5s ease infinite;
      border-radius: 20px;
      margin-right: 3.2rem;
      height: 90vh;
      width: 100%;
      padding: 1rem;
      margin-bottom: 1px;
      box-shadow: 10px 10px 20px rgb(16, 90, 186);
    }
   
    .david-teste3 {
        margin-top: 5px;
        margin-right: 3rem;
        height: 40rem;
        width: 105%; 
    }


      .david-img3 {
        border-radius: 5%;
        margin-bottom: 5%;
        margin-left: 1.5rem;
        width: 18rem;
    }

    .cursos-imagem{
      border-radius: 5%;
      margin-bottom: 5%;
      margin-left: 1rem;
      width: 18rem;
    }


    .david-descricao__desenvolvedor {
      margin-left: 3.5rem;
      line-height: 1.3rem;
      width: 17rem;
      color: #c5c3c3;
      font-family: "Della Respira";
      letter-spacing: 1px;
      font-size: 10.7px;
      font-weight: 600;
    }
    .valores4{
      color: #f8f4f4;
      font-size: 1.2rem;
      font-weight: 600;
      margin-left: 8rem;
    } 

    .valores3{
      color: #f8f4f4;
      font-size: 1.2rem;
      font-weight: 600;
      margin-left: 4rem;
    } 

    .david-descricao__desenvolvedor3 {
      margin-left: 1rem;
      line-height: 1.3rem;
      width: 20rem;
      color: #c5c3c3;
      font-family: "Della Respira";
      letter-spacing: 1px;
      font-size: 12.7px;
      font-weight: 600;
    }

    .ementa{

    }

    .botao{
      padding-top: 1px;
      margin-left: 4rem;
      font-size: 1.2rem;
    }

  .botao-consultas{
    padding-top: 1px;
    margin-left: 4rem;
    font-size: 1.2rem;
  }
    .botao-cursos{
      margin-left: 7.5rem;
      font-size: 1.3rem;
    }
   }
  

@media screen and (max-width: 480px) {
    .david-teste {
        flex: 0 0 100%;
        max-width: calc(100% - 20px);
    }
}
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');



@media screen and (max-width: 480px) {
  .consultas{
    background: linear-gradient(to right, #085094,  #000000), url(fundo-lazuli.png);
    height: 330vh;
    overflow: hidden;
  
    h2{
      font-size: 2rem;
      font-weight: 850;
      letter-spacing: 2px;
      margin-left: 1rem;
      margin-bottom: 1.5rem;
      padding-top: 3rem;
      font-family: Eagle Lake, serif;
      background: linear-gradient(to right, #b38309, #f9b753, #764702);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
  
      .conteudo-consultas {
       padding: 1px 1px;
       
      }
    }
  
    .consultas-anim {
      display: flex;
      margin-top: 1px;
      background: linear-gradient( 90deg,  #000000, #50577a,  #827e7e,  #040505,#000000);
      overflow: hidden;
      background-size: 800% 800%;
      animation: colors 5s ease infinite;
      border-radius: 20px;
      width: 85%;
      height: 50vh;
      padding: 10px;
      margin-bottom: 1px;
      box-shadow: 10px 10px 20px rgb(16, 90, 186);
  }
    
    @keyframes colors {
        0% {
            background-position: 0% 50%;
        }
    
        50% {
            background-position: 100% 50%;
        }
    
        100% {
            background-position: 0% 50%;
        }
    }
    
    .consultas-img {
      border-radius: 12%;
      height: 4.3rem;  
      margin-top: 6.7rem;
      margin-left: 11rem;
  }

 

  .consultas-desc {
    text-align: left;
    width: 80%;
    margin-left: 1rem;
    line-height: 1.3rem;
    color: #c5c3c3;
    font-family: "Della Respira";
    letter-spacing: 1px;
    font-size: 11px;
    font-weight: 600;
  }

  .botao-consultas {
    margin-left: 7.5rem;
  }

  .consultas-descricao {
    line-height: 50%;
}
.valores-consultas{
  color: #f8f4f4;
  font-size: 1.2rem;
  font-weight: 600;
  margin-left: 7.9rem;
}


.valores-consultas2{
  color: #f8f4f4;
  font-size: 1.2rem;
  font-weight: 600;
  margin-left: 5rem;
  top: 5rem;
}

  #earth {
    margin: 60px auto;
  }
  .container {
    flex-direction: column;
   margin-left: 2rem;
  }
  .arrow {
    display: none;
  }

  .btn {
    font-family: "Junge", cursive;
    border-radius: 5px;
    padding: 8px 10px;
    font-size: 15px;
    text-decoration: none;
    margin: 5px;
    color: #fff;
    position: relative;
    display: inline-block;
  }

  .quote2 {
    width: 85%;
    margin-left: 15px;
    margin-right: 35px;
    padding: 20px 11px;
    height: 43rem;
    blockquote{
      width: 100%;   
    }
  }

  .quote3 {
    width: 85%;
    margin-left: 15px;
    margin-right: 35px;
    padding: 20px 11px;
    height: 65rem;
    blockquote{
      width: 100%;   
    }
  }

    .quote-info {
      width: 85%;
      margin-top: 10px;
      margin-bottom: 10px;
      margin-left:1rem;
      padding: 20px 11px;
      height: 25rem;
      blockquote{
        width: 100%;   
      }
  }

  .quote-info2 {
    width: 85%;
    margin-left:1rem;
    padding: 20px 11px;
    height: 51rem;
    blockquote{
      width: 100%;   
    }
}

.epistola-body2{
  height: 560vh;
}
  
  .quote {
    width: 89%;
    height: 82rem;
    margin: 25px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 30px 10px;


    h2{
      margin-left: 0;
      font-size: 1rem;
    }

    blockquote{
      width: 100%;
      margin-right: 25px;
    }
  }

  .quote-info {
    width: 89%;
    height: 22rem;
    margin: 25px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 30px 10px;


    h2{
      margin-left: 0;
      font-size: 1rem;
    }

    blockquote{
      width: 100%;
      margin-right: 25px;
    }
  }

  .quote-info2 {
    width: 89%;
    height: 40rem;
    margin: 25px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 30px 10px;


    h2{
      margin-left: 0;
      font-size: 1rem;
    }

    blockquote{
      width: 100%;
      margin-right: 25px;
    }
  }

  .quote-texto {
    width: 89%;
    height: 740rem;
    margin: 25px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 30px 10px;


    h2{
      margin-left: 0;
      font-size: 1rem;
    }

    blockquote{
      width: 100%;
      margin-right: 25px;
    }
  }
  

  .title-dep{
    h1, h2{
      background: linear-gradient(to right, #f9b404, #b87f28, #3f2600);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      padding-left: 1rem;
    }
  
    h3{
      background: linear-gradient(to right, #f9b404, #b87f28, #3f2600);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-family: Eagle Lake, serif;
      margin-left: 4rem;
      margin-bottom: 1rem;
      font-size: 1.3rem;
      letter-spacing: 1px;
    }
  }

  .image-depoiment img {
    display: grid;
  
  }
}



@media screen and (max-width: 480px) {
  .gallery {
    background: linear-gradient(to right, #085094,  #000000), url(fundo-lazuli.png);
    height: 430vh;
    padding: 1px 10px;
    
    h2{
      background: linear-gradient(to right, #f9b404, #b87f28, #3f2600);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-family: Eagle Lake, serif;
      text-transform:capitalize;
      text-shadow: #000 4px;
      margin-left: 7.2rem;
      padding-top: 2rem;   
      font-size: 1.rem;
      letter-spacing: 1px;
    }
  
    h3{
      background: linear-gradient(to right, #f9b404, #b87f28, #3f2600);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-family: Eagle Lake, serif;
      margin-left: 4.7rem;
      margin-bottom: 1rem;
      font-size: 1.3rem;
      letter-spacing: 1px;
    }
  }

  .img-tmp{
    height:4rem;
  }
  .image-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: 60rem;
    gap: 1.9rem;
    margin-bottom: 1px;
    margin-right: 15px;
  }
  
  .image-gallery > img {
    width: 120%;
    height: 8rem
    aspect-ratio: 1 / 1;
    margin-top: 1px;
    object-fit: cover;
    transition: scale 350ms ease, opacity 350ms linear;
  }
  
}


    /* For small screens */
@media screen and (max-width: 480px) {
  .blog{
  
    background: linear-gradient(to right, #085094,  #000000), url(fundo-lazuli.png);
  }
  .blog-card {
    flex-direction: column;
    max-width: 100%;
  }

  .blog-card .description {
    padding: 1rem;
    text-align: center;
  }

  .blog-card .photo {
    position: relative;
    height: 200px; /* Adjust height as needed */
  }

  .blog-card .meta {
    flex-basis: auto;
    text-align: center;
  }

  .depoimentos-gol{
    

    h2{
      font-size: 25px;
      font-weight: 850;
      margin-left: 3.5rem;
      margin-top: 2rem;
      margin-bottom: 3rem;
       font-family: Eagle Lake, serif;
      background: linear-gradient(to right, #b38309, #f9b753, #764702);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    h3{
      font-size: 25px;
      font-weight: 850;
      margin-left: 1rem;
      margin-top: 2rem;
      margin-bottom: 3rem;
       font-family: Eagle Lake, serif;
      background: linear-gradient(to right, #b38309, #f9b753, #764702);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;  
    }
  }
    .title-dep{
      h1{
              font-size: 36px;
              font-weight: 850;
              margin-left: 1rem;
              margin-top: 2rem;
              margin-bottom: 3rem;
               font-family: Eagle Lake, serif;
              background: linear-gradient(to right, #b38309, #f9b753, #764702);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;
    }
  }
  .image-depoiment {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: 50rem;
    gap: 4rem;
    margin-inline: auto;
  }
  
  .image-depoiment > img {
    width: 120%;
    height: 45rem
    aspect-ratio: 1 / 1;
    object-fit: cover;
    transition: scale 350ms ease, opacity 350ms linear;
  }
  
  .image-depoiment:has(img:hover) img:not(:hover) {
    scale: 0.8;
    opacity: 0.7;
  }
}

/* For medium and large screens */
@media screen and (min-width: 768px) {
  .blog{
    height: 9490vh;
    background: linear-gradient(to right, #085094,  #000000), url(fundo-lazuli.png);
  }
  .blog-card {
    flex-direction: row;
    max-width: 700px;
  }

  .blog-card .photo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    transition: transform 0.2s;
    flex-basis: 40%;
  }

  .blog-card .description {
    flex-basis: 60%;
    padding: 1rem;
    position: relative;
    z-index: 1;
  }
}

 

  @media screen and (max-width: 768px) {
    .depoimentos-gol {
      
        padding: 1px;
       height: 830vh;
        h2{
        font-size: 1.5rem;
        margin-left: 5rem;
        }

        h3{
          font-size: 2rem;
          margin-left: 8rem; 
        }
    }
    .title-dep  h1 {
        font-size: 1.3rem;
        margin-left: 2.1rem;
    }
    .image-depoiment {
      display: grid;
      padding-right: 1.4rem;
      grid-template-columns: repeat(2, 1fr);
      max-width: 50rem;
      gap: 1.5rem;
      margin-inline: auto;
    }
    
    .image-depoiment > img {
      width: 110%;
      ====
      aspect-ratio: 1 / 1;
      object-fit: cover;
      transition: scale 350ms ease, opacity 350ms linear;
    }
    
    }
  


    @media screen and (max-width: 768px){
  
      header{
        height: 20rem;
        width: 100%;
      }
      
    
    .templo-container{
      background-image: linear-gradient(to bottom, #021e3a, transparent, #06121e), url(templo-mobile.jpeg);
      height: 45rem;
      background-position: center;
      }
      .grande {     
        margin-left: 10.9rem;
        margin-top: 3rem;
        font-family: Eagle Lake, serif;
        transform: translate(-50%,-50%);
        color: #ffffff;
        background: linear-gradient(to right, #b98b03 0, white 10%, #b98b03 20%);     
        -webkit-background-clip: text;
        animation: shine 3s infinite linear;  
        font-size: 26px;
        text-decoration: none;
      }
    
      .templo-desc{
        margin-top: 2rem; 
        width: 14rem;
        border-radius: 10px;
        height: 95rem;
       margin-left: 1px;
       margin-right: 1px;
    }
    
    .header-icons{
      margin-left: 14px;
      height: 8px;
    }
    .background-home h1 {
      margin-top: 10px;
      margin-left: 1px;
      color: white;
      font-size: 2.2vw; 
      font-weight: 950;
      font-family: "Eagle Lake", serif;
      text-decoration: none;
    }
    .cards-description h2 {
      margin-top: 4rem;
       margin-left: 0;
       font-size: 12px;
       margin-bottom: 23px;
       font-weight: 2050;
       box-shadow: 2px 2px 2px  #f59610;
     }
    
     .feedbacks-mob{
      display: block;
      overflow: hidden;
      background: -webkit-linear-gradient(-120deg, #123a73, #20202c, #174c96);
      background: -o-linear-gradient(-120deg, #1b6ada, #20202c, #194889);
      background: -moz-linear-gradient(-120deg, #02419a, #20202c, #033173);
      background: linear-gradient(-120deg, #1d4d90, #030406, #12448a);
      background-size: 600%;
      -webkit-animation: loop 20s ease infinite;
      -moz-animation: loop 20s ease infinite;
      animation: loop 7s ease infinite;
      height: 3900vh;
    }

    
    .ritos-mob {
      margin-top: 5rem;
      right: 40rem;
      height: 30rem;
      width: 100%;
      display:flex;
      flex-direction: column;
      margin-right: 1px;
      box-shadow: none;
      border: none;
     backdrop-filter: none;
      overflow: hidden;
      box-shadow: 20px 20px 50px rgba(67, 111, 223, 0.9);
      border: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .consultas-anim {
      display: flex;
      margin-top: 1px;
      background: linear-gradient( 90deg,  #000000, #50577a,  #827e7e,  #040505,#000000);
      overflow: hidden;
      background-size: 800% 800%;
      animation: colors 5s ease infinite;
      border-radius: 20px;
      width: 85%;
      height: 63vh;
     padding: 10px;
      margin-bottom: 1px;
      box-shadow: 10px 10px 20px rgb(16, 90, 186);
    }
    
    .david-img3 {
      border-radius: 5%;
      margin-bottom: 5%;
      margin-right: 5rem;
      width: 20rem;
    }
    }
    
    @media screen and (max-width: 768px){
      header{
        height: 19rem;
        width: 100%;
      }

    .templo-container{
      background-image: linear-gradient(to bottom, #021e3a, rgba(16, 30, 54, 0.5), #06121e), url(templo-mobile.jpeg);
      height: 30rem;
      background-position: center;
      background-repeat: no-repeat;
      }
      .grande {     
        margin-left: 9rem;
        margin-top: 3rem;
        font-family: Eagle Lake, serif;
        transform: translate(-50%,-50%);
        color: #ffffff;
        background: linear-gradient(to right, #b98b03 0, white 10%, #b98b03 20%);     
        -webkit-background-clip: text;
        animation: shine 3s infinite linear;  
        font-size: 13px;
        text-decoration: none;
      }
    
      .templo-desc{
        margin-top: 2rem; 
        width: 16rem;
        border-radius: 10px;
        height: 95rem;
       margin-left: 1px;
       margin-right: 1px;
    }
    
    .header-icons{
      margin-left: 14px;
      height: 8px;
    }
    .background-home h1 {
      margin-top: 10px;
      margin-left: 1%;
      color: white;
      font-size: 2.8vw; 
      font-weight: 950;
      font-family: "Eagle Lake", serif;
      text-decoration: none;
    }
    .cards-description h2 {
      margin-top: 4rem;
       margin-left: 0;
       font-size: 12px;
       margin-bottom: 23px;
       font-weight: 2050;
       box-shadow: 2px 2px 2px  #f59610;
     }
    
     .feedbacks-mob{
      display: block;
      overflow: hidden;
      background: -webkit-linear-gradient(-120deg, #123a73, #20202c, #174c96);
      background: -o-linear-gradient(-120deg, #1b6ada, #20202c, #194889);
      background: -moz-linear-gradient(-120deg, #02419a, #20202c, #033173);
      background: linear-gradient(-120deg, #1d4d90, #030406, #12448a);
      background-size: 300%;
      -webkit-animation: loop 20s ease infinite;
      -moz-animation: loop 20s ease infinite;
      animation: loop 7s ease infinite;
      height: 950vh;
    }
    
    .ritos-mob {
      margin-top: 5rem;
      right: 40rem;
      height: 40rem;
      width: 100%;
      display:flex;
      flex-direction: column;
      margin-right: 1px;
      box-shadow: none;
      border: none;
     backdrop-filter: none;
      overflow: hidden;
      box-shadow: 20px 20px 50px rgba(67, 111, 223, 0.9);
      border: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .consultas-anim {
      display: flex;
      margin-top: 1px;
      background: linear-gradient( 90deg,  #000000, #50577a,  #827e7e,  #040505,#000000);
      overflow: hidden;
      background-size: 800% 800%;
      animation: colors 5s ease infinite;
      border-radius: 20px;
      width: 85%;
      height: 52vh;
      padding: 10px;
      margin-bottom: 1px;
      box-shadow: 10px 10px 20px rgb(16, 90, 186);
    }
    
    .david-img4 {
      border-radius: 5%;
      margin-bottom: 5%;
      margin-left: 1rem;
      width: 18.5em;
    }
    }
    
   
    @media screen and (max-width: 1020px){
      header{
        height: 12rem;
      }
    .nav-list2{
      display: none;
    }
    }
    @media screen and (min-width: 600px){

      header{
        height: 9rem;
      }

      .logo img{
        height: 13vh;
        margin-left: 5vh;
        margin-top: 20%;
    }

    }
    
    @media screen and (max-width: 768px){
        body{
            overflow-x: hidden;
        }
        header{
            height: 6.8rem;
        }
        nav{
          height: 14.5vh;
        }
      
      li a:hover{
       color: #fff;
      }
    
      .nav-list{
        display: none;
        position: absolute;
        top: 14.5vh;
        right: 0;
        width: 45%; /* Adjusted width for smaller screens */
        height: 80vh;
        color: #fff;
        background: linear-gradient(to bottom, rgba(6, 18, 30, 0.1), #023361), url(fundo-lazuli.png);
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        z-index: 9;
        overflow-x: hidden;
        transition: all 0.5s;
        box-shadow: 0px 0px 3px 1.1px #464646;
            }
        
    
            .nav-list li {
              margin-left: 0;
              padding: 10px; /* Adjusted padding for touch-friendly design */
              margin-top: 1rem; /* Adjusted margin for better spacing */
          }
        
    
        .nav-list li a{
            color: rgb(195, 151, 49);
        }
        li a:hover{
            color: #fff;
           }
        
       
        .nav-list.active{
          display: block;
      }
      .mobile-menu{
          display: block;
      }
        .about-container{
          display: none;
      }
          
        .logo img{
            height: 9vh;
            margin-left: 4vh;
            margin-top: 2%;
        }
        .header-icons{
          margin-left: 10px;
          gap: 10px;
          top: 1rem;
          margin-left: 5px;
          font-size: 10px;
        }
    
        .background-home {
          margin-top: 0;
          background-image: linear-gradient(to bottom, #06121e, rgba(10, 18, 30, 0.5), #06121e), url(mirror2.jpeg);
          width: 100%;
          height: 70vh; /* Adjusted height for smaller screens */
          z-index: -1;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
      }
             
      .background-home h3 {
        margin-top: 50%; /* Adjusted margin-top for smaller screens */
        text-decoration: none;
        font-size: 4vw; /* Responsive font size based on viewport width */
        font-weight: 600;
        color: rgba(255, 255, 255, 0.872);
        margin-left: 6%;
        font-family: "Eagle Lake", serif;
    }
    
    .background-home h1 {
        margin-top: 10px;
        margin-left: 2%; /* Adjusted margin-left for smaller screens */
        color: white;
        font-size: 3.2vw; /* Responsive font size based on viewport width */
        font-weight: 950;
        font-family: "Eagle Lake", serif;
        text-decoration: none;
    }
    
    .background-home p{
        color: rgb(216, 212, 212);
        font-size: 3vw;
        font-weight: 400; 
        margin-left: 7px;
        font-family: sans-serif serif;
        font-style: normal;
    }
    
    .templo2-container{
      display: none;
    }
       .templo-desc{
        margin-top: 2rem; 
        width: 16rem;
        border-radius: 10px;
        height: 68rem;
       margin-left: 1px;
       margin-right: 1px;
    }
    .templo-desc p{
    margin-top: 0;
    margin-left: 10px;
    margin-right: 1px;
    width: 23rem;
    text-align: left;
    font-size: 14px;
    }
    
    
    .btn-templo {
      margin-left: 10rem;
    }
      .sobre-mobile{
        background: -webkit-linear-gradient(-120deg, #123a73, #20202c, #174c96);
        background: -o-linear-gradient(-120deg, #1b6ada, #20202c, #194889);
        background: -moz-linear-gradient(-120deg, #02419a, #20202c, #033173);
        background: linear-gradient(-120deg, #1d4d90, #030406, #12448a);
        background-size: 300%;
        -webkit-animation: loop 20s ease infinite;
        -moz-animation: loop 20s ease infinite;
        animation: loop 7s ease infinite;
      }    
    
      .sobre-mobile {
          display: flex;
          flex-direction: column; 
          align-items: center;
          font-style: normal;
          color: rgb(203, 223, 241);
          justify-content: space-between;
          height: 189vh;
      }
    
      .sobre-mobile .sobre-img img {
          max-width: 60%; 
          height: auto; 
          border-radius: 1rem;
          margin-top: 5%;
          margin-bottom: 3rem;
          margin-left: 3.9rem;
          box-shadow: 2px 2px 2px  #f59610;
      }
    
      .sobre-mobile .sobre-text-mobile {
          margin-top: 1%;
          line-height: 22px;
      }
    
      .sobre-mobile .sobre-text-mobile h1 {
          font-family: Eagle Lake, serif;
          font-size: 3vw; 
          text-transform: uppercase;
          margin-top: 2rem;
          margin-left: 24px;
          color: #e4d9d9;
      }
    
      .sobre-mobile .sobre-text-mobile h2 {
          font-family: Eagle Lake, serif;
          font-size: 4.5vw;
          text-transform: uppercase;
          margin-top: 5px;
          margin-left: 22vw; 
          color: #000;
      }
    
      .sobre-mobile .sobre-text-mobile h3 {
        color: #e4d9d9;
          font-size: 4vw; 
          margin-left: 14vw;
          font-family: "Della Respira", serif;
      }
    
      .sobre-mobile .sobre-text-mobile p {
          font-family: "Della Respira", serif;
          font-weight: 450;
          font-size: 3.7vw; 
          margin-top: 5px;
          margin-left: 8px; 
          margin-right: 8px; 
          color: #e5dede;
      }
      
      .citacao{
        display: none;
      }
      .testimonial-mobile blockquote-mobile p{
      color: #ffffff;
      text-align: left; 
    
      }
      .testimonial-mobile {
          font-size: 12px; 
          color: #fff;
          margin-top: 5px;
        }
        .testimonial-mobile.group {
          display: flex; 
          align-items: center; 
          margin-top: 10px;
          color: #fff;
          font-family: Georgia, serif;
          font-style: italic;
      }
      
        .testimonial-mobile img {
          width: 30%; 
          border: 3px solid #cf9a31;
      
        }
      
        .testimonial-mobile .quote-mobile {
          margin-left: 5px;
          margin-right: 7rem;
         
          color: #fff;
        }
      
        .citacao-mobile {
          display: block;
          padding-top: 4px;
          padding-bottom: 20px; 
        }
    
        .linha {
          margin: 20px auto; /* Further reduce margin for smaller screens */
        }
      
        .testimonial-mobile img {
          width: 23%; 
          margin-left: 10px;
          height: 6rem;
        }
        .testimonial-mobile cite span {
          margin-left: 5rem;
          color: #fff;
          top: 1 rem;
        }
    
        .testimonial-mobile .quote-mobile {
          margin-top: 5px;
          margin-left: 10px;
          margin-right: 1rem;
          color: #fff;
          font-size: 12.7px;
        }
    
        .entrevistas{
          .gradient-title{
            display: none;
          }
      .gradient-title-mob{
        display: block;
        font-family: Eagle Lake, serif;
        margin-top: 1rem;
        margin-bottom: 1px;
        font-size: 1.3rem;
        margin-left: 5rem;
        background: linear-gradient(to right, #b38309, #ce8e2d, #583502);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }
    }
    .carousel-box{
      border-radius: 1px;
      height: 10rem;
      margin-top: 0;
      overflow: hidden;
      margin-right: 0;
      padding-right: 0;
      box-shadow: 20px 20px 50px rgba(67, 111, 223, 0.9);
      border: 1px solid rgba(255, 255, 255, 0.1);
    }
     } 
              
     @media screen and (max-width: 768px) {
      #preloader{
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: linear-gradient(to bottom, #3356a0,  rgba(6, 18, 30, 0.1)), url(fundo-preto.png);
      z-index: 99;
      /* makes sure it stays on top */
    }
      #status {
        width: 300px;
        height: 500px;
        position: absolute;
        left: 30%;
        /* centers the loading animation horizontally one the screen */
        top: 50%;
        /* centers the loading animation vertically one the screen */
        background-image: url(GRANDE\ ORIENTE\ LUX.PNG);
        background-size: 200px;
        /* path to your loading animation */
        background-repeat: no-repeat;
        background-position: center;
        margin: -250px 0 0 -80px;
        /* is width and height divided by two */
      }
    }
    
        @media screen and (max-width: 768px) {
            .sobre-cartas{
            background: -webkit-linear-gradient(-120deg, #123a73, #20202c, #174c96);
            background: -o-linear-gradient(-120deg, #1b6ada, #20202c, #194889);
            background: -moz-linear-gradient(-120deg, #02419a, #20202c, #033173);
            background: linear-gradient(-120deg, #1d4d90, #030406, #12448a);
            background-size: 300%;
            -webkit-animation: loop 20s ease infinite;
            -moz-animation: loop 20s ease infinite;
            animation: loop 7s ease infinite;
              margin-top: 0;
            
            .cartas-content {
              flex-direction: column;
              margin-top: 0rem;
            }
            .cartas-content img {
              width: 200px;
              margin-left: 3.9rem;
              margin-top: 2px;
            }
            .cards-description h1{
                font-weight: 450;
                margin-top: 2rem;
                margin-left: 14px;
                margin-right: 1rem;
                font-size: 13px;
                color: whitesmoke;
            }
            
            .cards-description p{
              font-weight: 450;
                margin-top: 2rem;
                margin-left: 1rem;
                margin-right: 1rem;
                font-size: 1rem;
            }
          }
    
          
          .como-funciona{
            margin-top: 0;
            height: 90vh;
            .como-funciona-container{
              padding: 34px 4px;
              height: 80vh;
            
              .como-funciona-description{
                width: 100%;
                height: 104vh;
                margin-left: 0;
                margin-right: 15px;
              h1{
                  font-size: 11.4px;
                  margin-bottom: 24px;
                  margin-left: 1.5rem;
                  margin-top: 1rem;
              }
             p{
              margin-top: 12px;
              margin-left: 1rem;
              margin-right: 9px;
              font-weight: 380;
              font-size: 15px;
             }
    
             .btn-saiba-mais{
              
              background-color: #015692;
              box-shadow: 0px 3px 0px 0px #161b2e;
              font-family: "Junge", cursive;
              border-radius: 5px;
              padding: 10px 10px;
              font-size: 15px;
              margin-left: 3.5rem;
              margin-top: 3rem;
            }
            }
        }
        }
        }
    
        .feedbacks-mob{
          display: none;
        }
    
        @media screen and (max-width: 768px) {
    
          .info-ritos{
            background: url("https://4kwallpapers.com/images/wallpapers/stars-galaxy-1920x1080-10307.jpg"), url("https://images5.alphacoders.com/465/465322.jpg"); 
            background-blend-mode: multiply;
            animation: spacetravel 800s linear infinite;  
            overflow-y: hidden;
            background-size: cover;
            width: 100%;
            margin-right: 0;
        }
          .feedbacks{
            display: none;
          }
          .feedbacks-mob{
            display: block;
            overflow: hidden;
            background: -webkit-linear-gradient(-120deg, #123a73, #20202c, #174c96);
            background: -o-linear-gradient(-120deg, #1b6ada, #20202c, #194889);
            background: -moz-linear-gradient(-120deg, #02419a, #20202c, #033173);
            background: linear-gradient(-120deg, #1d4d90, #030406, #12448a);
            background-size: 300%;
            -webkit-animation: loop 20s ease infinite;
            -moz-animation: loop 20s ease infinite;
            animation: loop 7s ease infini;
            height: 950vh;
            
          }

            
            h2{
              background: linear-gradient(to right, #b38309, #f9b753, #764702);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;
              margin-top: 4rem;
              margin-left: 5rem;
              font-size: 1.4rem;
              letter-spacing: 1px;
              font-family: "Eagle Lake", serif;
            }
            info {
              padding:50px 50px;
              align-items: center;
            } info ul {
              display:table;
              margin:0 auto;
              align-items: center;
              border: 1px solid rgba(255, 255, 255, 0.1);
              border-radius: 10px;
              border-radius:5px;
              width: 80%;
            } 
      
            info ul li {
              float:left;
              position:relative;
              list-style:none;
              line-height:14px;
              font-size:14px;
              font-weight:bold;
              width: 83%; 
              align-items: center;
            }
            info ul li:first-of-type {
              border-left:none;
            }
            info ul li:last-of-type {
              border-right:none;
            } info ul li a {
              display:block;
              padding:13px 15px;
              letter-spacing: 1px;
              font-family: "Della Respira";
              line-height: 16px;
            } 
            
            info>ul>li>a:before {
              content:"\00BB \0020";
              display:block;
              float:left;
              font-size:20px;
              width:20px;
              height:14px;
              text-align:center;
              line-height:14px;
              transform:rotate(90deg);
              -moz-transform:rotate(90deg);
              -ms-transform:rotate(90deg);
              -o-transform:rotate(90deg);
              -webkit-transform:rotate(90deg);
            } info>ul>li:first-of-type>a {
              border-radius:5px 0 0 0;
            } info>ul>li:last-of-type>a {
              border-radius:0 5px 0 0;
            } info>ul>li:hover>a:before {
              margin:0 3px 0 -3px;
              -moz-transform:rotate(-90deg);
              -ms-transform:rotate(-90deg);
              -o-transform:rotate(-90deg);
              -webkit-transform:rotate(-90deg);	
            }
      
           
             info ul li ul {
              display:block;
              position:absolute;
              border:none;
              left:0;
              top:200%;
              
              width:150%;
              border-radius:0 0 5px 5px;
            }
      
        
        
          .ritos-mob {
            margin-top: 5rem;
            right: 40rem;
            height: 25rem;
            width: 100%;
            display:flex;
            flex-direction: column;
            margin-right: 1px;
            box-shadow: none;
            border: none;
           backdrop-filter: none;
            overflow: hidden;
            box-shadow: 20px 20px 50px rgba(67, 111, 223, 0.9);
            border: 1px solid rgba(255, 255, 255, 0.1);
          }
    
          .ritos-mob1 {
            margin-top: 5rem;
            right: 33rem;
            height: 45rem;
            width: 100%;
            display:flex;
            flex-direction: column;
            margin-right: 1px;
            box-shadow: none;
            border: none;
           backdrop-filter: none;
            overflow: hidden;
            box-shadow: 20px 20px 50px rgba(67, 111, 223, 0.9);
            border: 1px solid rgba(255, 255, 255, 0.1);
          }
        
          .ritos-mob img {
            text-align:start;
            margin-left: 7rem;
            margin-top: 2rem;
            height: 6rem;
            width: 15rem;
            border-radius: 4%;
            box-shadow: 20px 20px 50px rgba(67, 111, 223, 0.9);
            border: 1px solid rgba(255, 255, 255, 0.1);
          }
    
          .ritos-mob1 img {
            text-align:start;
            margin-left: 5rem;
            margin-top: 2rem;
            height: 6rem;
            width: 15rem;
            border-radius: 4%;
            box-shadow: 20px 20px 50px rgba(67, 111, 223, 0.9);
            border: 1px solid rgba(255, 255, 255, 0.1);
          }
    
    
          .ritos-txt-mob {
            font-family: "Della Respira", serif;  
          font-weight: 650;
          font-size: 3.4vw;
          color: #cac2c2;
          margin-top: 10px;
          margin-left: 14px;
          margin-right: 14px; 
          }
    
          .ritos-txt-mob1 {
            font-family: "Della Respira", serif;  
          font-weight: 650;
          font-size: 3.4vw;
          color: #cac2c2;
          margin-top: 10px;
          margin-left: 14px;
          margin-right: 14px; 
          }
        }
      
        .entrevistas{
          overflow: hidden;
          margin-top: 0;
          height: 26rem ;
        }
      
          .carousel-item img {
            height: 10rem;
            border-radius: 5px;
      }
     .banner{
      margin-top: 0;
      overflow: hidden;
      margin-right: 0;
      padding-right: 0;
     }
      .carousel-box{
        border-radius: 1px;
        height: 15rem;
        margin-top: 0;
        overflow: hidden;
        margin-right: 0;
        padding-right: 0;
        box-shadow: 20px 20px 50px rgba(67, 111, 223, 0.9);
        border: 1px solid rgba(255, 255, 255, 0.1);
      }
    
    
     
    
      @media screen and (max-width: 768px) {
        .cursos{
         height: 330vh;
         h2{
          margin-left: 10rem;
        }
        }
         
        .conteudo-consultas{
          gap: 5px;
          height: 100vh;
        }
          .cursos-anim1{
            width: 21rem;
            margin-right: 2.5rem;
          }
          

        }
    
    
        .david-teste2 {
          display: flex;
          margin-top: 1px;
          background: linear-gradient( 90deg,  #000000, #50577a,  #827e7e,  #040505,#000000);
          overflow: hidden;
          background-size: 800%;
          animation: colors 5s ease infinite;
          border-radius: 20px;
          margin-right: 3.2rem;
          height: 90vh;
          width: 100%;
          padding: 1rem;
          margin-bottom: 1px;
          box-shadow: 10px 10px 20px rgb(16, 90, 186);
        }
       
        .david-teste3 {
            margin-top: 5px;
            margin-right: 3rem;
            height: 30rem;
            width: 105%; 
        }

        .cursos-anim{
          display: flex;
          margin-top: 1px;
          background: linear-gradient( 90deg,  #000000, #50577a,  #827e7e,  #040505,#000000);
          overflow: hidden;
          background-size: 800% 800%;
          animation: colors 5s ease infinite;
          border-radius: 20px;
          width: 29%;
          height: 55vh;
          margin: 10px;
          margin-bottom: 1px;
          box-shadow: 10px 10px 20px rgb(16, 90, 186);
      }
        
        @keyframes colors {
            0% {
                background-position: 0% 50%;
            }
        
            50% {
                background-position: 100% 50%;
            }
        
            100% {
                background-position: 0% 50%;
            }
        }
    
        .cursos-img {
          border-radius: 5%;
          margin-bottom: 5%;
          margin-left: 4,5rem;
          margin-top: 20rem;
          width: 18rem;
      }
    
      
      .cursos-img1 {
        border-radius: 5%;
        margin-bottom: 5%;
        margin-left: 4,5rem;
        margin-top: 21rem;
        width: 18rem;
    }
  
          .david-img4 {
            border-radius: 5%;
            margin-bottom: 5%;
            margin-left: 15rem;
            width: 5rem;
        }
    
        .cursos-imagem{
          border-radius: 5%;
          margin-bottom: 5%;
          margin-left: 1.4rem;
          width: 18rem;
        }

        .cursos-img{
          border-radius: 5%;
          margin-top: 1rem;
          margin-left: 1.4rem;
          width: 18rem;
        }
    
    
        .david-descricao__desenvolvedor {
          margin-left: 3.5rem;
          line-height: 1.3rem;
          width: 17rem;
          color: #c5c3c3;
          font-family: "Della Respira";
          letter-spacing: 1px;
          font-size: 10.7px;
          font-weight: 600;
        }
        .valores4{
          color: #f8f4f4;
          font-size: 1.2rem;
          font-weight: 600;
          margin-left: 8rem;
        } 
    
        .valores3{
          color: #f8f4f4;
          font-size: 1.2rem;
          font-weight: 600;
          margin-left: 4rem;
        } 
    
        .david-descricao__desenvolvedor3 {
          margin-left: 1rem;
          line-height: 1.3rem;
          width: 20rem;
          color: #c5c3c3;
          font-family: "Della Respira";
          letter-spacing: 1px;
          font-size: 12.7px;
          font-weight: 600;
        }
    
        .botao{
          padding-top: 1px;
          margin-left: 4rem;
          font-size: 1.2rem;
        }
    
      .botao-consultas3{
        padding-top: 1px;
        margin-left: 4rem;
        font-size: 1.2rem;
      }
        .botao-cursos{
          margin-left: 7.5rem;
          font-size: 1.3rem;
        }
       
      
    
    @media screen and (max-width: 768px) {
        .david-teste {
            flex: 0 0 100%;
            max-width: calc(100% - 20px);
        }
    }
    @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
    
    
    
    @media screen and (max-width: 768px) {
      .consultas{
        background: linear-gradient(to right, #085094,  #000000), url(fundo-lazuli.png);
        height: 360vh;
        overflow: hidden;
      
      
        h2{
          font-size: 2rem;
          font-weight: 850;
          letter-spacing: 2px;
          margin-left: 10rem;
          margin-bottom: 1.5rem;
          
          font-family: Eagle Lake, serif;
          background: linear-gradient(to right, #b38309, #f9b753, #764702);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
      }
      
          .conteudo-consultas {
           padding: 1px 1px;
           
          }

           .consultas-anim {
          display: flex;
          margin-top: 1px;
          background: linear-gradient( 90deg,  #000000, #50577a,  #827e7e,  #040505,#000000);
          overflow: hidden;
          background-size: 800% 800%;
          animation: colors 5s ease infinite;
          border-radius: 20px;
          width: 73%;
          height: 48vh;
          padding: 10px;
          margin-bottom: 1px;
          box-shadow: 10px 10px 20px rgb(16, 90, 186);
      }
        
        @keyframes colors {
            0% {
                background-position: 0% 50%;
            }
        
            50% {
                background-position: 100% 50%;
            }
        
            100% {
                background-position: 0% 50%;
            }
        }
        
        .consultas-img {
          border-radius: 12%;
          height: 4.3rem;
          width: 25rem;  
          margin-top: 6.7rem;
          margin-left: 11rem;
      }
  
      .consultas-desc {
        text-align: left;
        width: 80%;
        margin-left: 1rem;
        line-height: 1.3rem;
        color: #c5c3c3;
        font-family: "Della Respira";
        letter-spacing: 1px;
        font-size: 11px;
        font-weight: 600;
      }
    
      .botao-consultas3 {
        margin-left: 7.5rem;
      }
    
      .consultas-descricao {
        line-height: 50%;
    }
    .valores-consultas{
      color: #f8f4f4;
      font-size: 1.2rem;
      font-weight: 600;
      margin-left: 7.9rem;
    }
    
    
    .valores-consultas2{
      color: #f8f4f4;
      font-size: 1.2rem;
      font-weight: 600;
      margin-left: 5rem;
      top: 5rem;
    }
        }
      
       
    
      #earth {
        margin: 60px auto;
      }
      .container {
        flex-direction: column;
       margin-left: 2rem;
      }
      .arrow {
        display: none;
      }
    
      .btn {
        font-family: "Junge", cursive;
        border-radius: 5px;
        padding: 8px 10px;
        font-size: 15px;
        text-decoration: none;
        margin: 5px;
        color: #fff;
        position: relative;
        display: inline-block;
      }
    
      .quote2 {
        width: 85%;
        margin-left: 15px;
        margin-right: 35px;
        padding: 20px 11px;
        height: 43rem;
        blockquote{
          width: 100%;   
        }
      }
    
      .quote3 {
        width: 85%;
        margin-left: 15px;
        margin-right: 35px;
        padding: 20px 11px;
        height: 65rem;
        blockquote{
          width: 100%;   
        }
      }
    
        .quote-info {
          width: 85%;
          margin-top: 10px;
          margin-bottom: 10px;
          margin-left:1rem;
          padding: 20px 11px;
          height: 25rem;
          blockquote{
            width: 100%;   
          }
      }
    
      .quote-info2 {
        width: 85%;
        margin-left:1rem;
        padding: 20px 11px;
        height: 51rem;
        blockquote{
          width: 100%;   
        }
    }
    
    .epistola-body2{
      height: 199vh;
    

      
      .quote {
        width: 89%;
        height: 87rem;
        margin: 25px;
        margin-left: 15px;
        margin-right: 15px;
        padding: 30px 10px;
    
        h1{
          margin-left: 0;
          font-size: 1rem;
        }
    
        blockquote{
          width: 100%;
          margin-right: 25px;
        }
      }
    
      .quote-info {
        width: 89%;
        height: 22rem;
        margin: 25px;
        margin-left: 15px;
        margin-right: 15px;
        padding: 30px 10px;
    
    
        h2{
          margin-left: 0;
          font-size: 1rem;
        }
    
        blockquote{
          width: 100%;
          margin-right: 25px;
        }
      }
    
      .quote-info2 {
        width: 89%;
        height: 40rem;
        margin: 25px;
        margin-left: 15px;
        margin-right: 15px;
        padding: 30px 10px;
    
    
        h2{
          margin-left: 0;
          font-size: 1rem;
        }
    
        blockquote{
          width: 100%;
          margin-right: 25px;
        }
      }
    
      .quote-texto {
        width: 89%;
        height: 740rem;
        margin: 25px;
        margin-left: 15px;
        margin-right: 15px;
        padding: 30px 10px;
    
    
        h2{
          margin-left: 0;
          font-size: 1rem;
        }
    
        blockquote{
          width: 100%;
          margin-right: 25px;
        }
      }
      
    
      .title-dep{
        h1, h2{
          background: linear-gradient(to right, #f9b404, #b87f28, #3f2600);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          padding-left: 1rem;
        }
      
        h3{
          background: linear-gradient(to right, #f9b404, #b87f28, #3f2600);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          font-family: Eagle Lake, serif;
          margin-left: 4rem;
          margin-bottom: 1rem;
          font-size: 1.3rem;
          letter-spacing: 1px;
        }
      }
    
      .image-depoiment img {
        display: grid;
      
      }
    }
    
    
    
    @media screen and (max-width: 768px) {
      .gallery {
        background: linear-gradient(to right, #085094,  #000000), url(fundo-lazuli.png);
        height: 525vh;
        padding: 1px 10px;
        
        h2{
          background: linear-gradient(to right, #f9b404, #b87f28, #3f2600);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          font-family: Eagle Lake, serif;
          text-transform:capitalize;
          text-shadow: #000 4px;
          margin-left: 7.2rem;
          padding-top: 2rem;   
          font-size: 1.rem;
          letter-spacing: 1px;
        }
      
        h3{
          background: linear-gradient(to right, #f9b404, #b87f28, #3f2600);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          font-family: Eagle Lake, serif;
          margin-left: 4.7rem;
          margin-bottom: 1rem;
          font-size: 1.3rem;
          letter-spacing: 1px;
        }
      }
    
      .img-tmp{
        height:4rem;
      }
      .image-gallery {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        max-width: 60rem;
        gap: 1.9rem;
        margin-bottom: 1px;
        margin-right: 15px;
      }
      
      .image-gallery > img {
        width: 120%;
        height: 8rem
        aspect-ratio: 1 / 1;
        margin-top: 1px;
        object-fit: cover;
        transition: scale 350ms ease, opacity 350ms linear;
      }
      
    }
    
    
        /* For small screens */
    @media screen and (max-width: 768px) {
      .blog{
        height: 8400rem;
        background: linear-gradient(to right, #085094,  #000000), url(fundo-lazuli.png);
      }
      .blog-card {
        flex-direction: column;
        max-width: 100%;
      }
    
      .blog-card .description {
        padding: 1rem;
        text-align: center;
      }
    
      .blog-card .photo {
        position: relative;
        height: 200px; /* Adjust height as needed */
      }
    
      .blog-card .meta {
        flex-basis: auto;
        text-align: center;
      }
    
      .depoimentos-gol{
        height: 550vh;
    
        h2{
          font-size: 25px;
          font-weight: 850;
          margin-left: 8rem;
          margin-top: 2rem;
          margin-bottom: 3rem;
           font-family: Eagle Lake, serif;
          background: linear-gradient(to right, #b38309, #f9b753, #764702);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
        }
    
        h3{
          font-size: 27px;
          font-weight: 850;
          margin-left: 11rem;
          margin-top: 2rem;
          margin-bottom: 3rem;
           font-family: Eagle Lake, serif;
          background: linear-gradient(to right, #b38309, #f9b753, #764702);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;  
        }
      }
        .title-dep{
          h1{
                  font-size: 20px;
                  font-weight: 850;
                  margin-left: 6.5rem;
                  margin-top: 2rem;
                  margin-bottom: 3rem;
                   font-family: Eagle Lake, serif;
                  background: linear-gradient(to right, #b38309, #f9b753, #764702);
                  -webkit-background-clip: text;
                  -webkit-text-fill-color: transparent;
        }
      }
      .image-depoiment {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        max-width: 50rem;
        gap: 1.8rem;
        margin-inline: auto;
      }
      
      .image-depoiment > img {
        width: 120%;
        height: 45rem
        aspect-ratio: 1 / 1;
        object-fit: cover;
        transition: scale 350ms ease, opacity 350ms linear;
      }
      
      .image-depoiment:has(img:hover) img:not(:hover) {
        scale: 0.8;
        opacity: 0.7;
      }
    }