@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,500;1,300&family=Sora:wght@300;500&display=swap');
/* .{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
} */

*,
*::before,
*::after {
  box-sizing: border-box;
}
:root {
    --select-border: #777;
    --select-focus: blue;
    --select-arrow: var(--select-border);
  }

  .select::after {
    content: "";
    width: 0.8em;
    height: 0.5em;
    background-color: var(--select-arrow);
    clip-path: polygon(100% 0%, 0 0%, 50% 100%);
  }


  .select {
    width: 100%;
    min-width: 15ch;
    max-width: 30ch;
    border: 1px solid var(--select-border);
    border-radius: 0.25em;
    padding: 0.25em 0.5em;
    font-size: 1.25rem;
    cursor: pointer;
    line-height: 1.1;
    background-color: #fff;
    background-image: linear-gradient(to top, #f9f9f9, #fff 33%);
  }



html {
    font-family: 'montserrat';
}
section2 {
    min-height: auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: fddcc356;
}

.container2 {
    width: 80%;
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.left2 {
    width: 40%;
    height: 500px;
    background-color: rgb(192, 189, 189);
    border-radius: 8px;
    margin-right: 20px;
    box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1), 0 0 0 2px rgb(255, 255, 255),
    0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
    align-items: center;

}
.right2 {
    width: 50%;
    min-height: 600px;
    background-color: rgb(231, 235, 235);
    display: flex;
    /* align-items: center; */
    justify-content: center;
    padding: 10px;
    border-radius: 8px;
    
    box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1), 0 0 0 2px rgb(255, 255, 255),
    0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
}
.right2 h1 {
    font-size: 40px;
    font-weight: lighter;
    text-align: center; 
    color: black;
}

.right2 h2 {
    font-size: 2rem;
   margin-bottom: 1rem;
   color:var(--white);
   /* color: #761D31; */
   color: #777;
   text-transform: uppercase;
   text-align: left; 
}

.right2 p {
    margin: 20px 0;
    font-weight: 500;
    line-height: 25px;

   font-size: 3.5rem;
   margin-bottom: 1rem;
   color:var(--white);
  /* color: #761D31;*/
   text-transform: uppercase;
   text-align: center; 
   font-size: 40px;
    font-weight: lighter;

}

.right2 a {
    text-decoration: none;
    text-transform: uppercase;
    background-color: rgb(210, 218, 214);
    color: black;
    padding: 20px 30px;
    display: inline-block;
    letter-spacing: 2px;
    border-radius: 8px;

}


.left2 .box{
    text-transform: none;
    padding:1.2rem 1.4rem;
    font-size: 1.5rem;
    color:var(--black);
    border-radius: .5rem;
    background-color: var(--white);
    /* margin:1rem 2rem; */
    margin:15px 20px;
    line-height: 10px;
    width: 80%;
 }

 .left2 h3 {
    font-size: 25px;
    font-weight: bold ;
    padding: 25px 70px;
    
}

.left2 .box {
    width: 340px;
    /* height: 32px; */
    /* line-height: 32px; */
    font-size: 18px;
}