body {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  background-color: #fcfbf7;
}

.navbar {
  border-bottom: 1px solid #DDDDDD;
  background: #fcfbf7 !important;
}

main {
  margin: 15vh 0;
}

input[type="text"] {
  background-color: #fcfbf7;
}

.image-container {
  background: url("../images/logo_all_1.png") no-repeat center center/cover;
}

.image-container-last {
  background: url("../images/animation.png") no-repeat center center/cover;
}

.image {
    width: 80%; /* Adjust the size of the images */
    height: 300px; /* Maintain aspect ratio */
    position: absolute;
    top: 25%; /* Center the images vertically */
    left: 40%; /* Center the images horizontally */
    transform: translate(-50%, -50%); /* Center the images perfectly */
}

button {
    width: 270px; /* Increase width for the fourth input */
    height: 60px; /* Increase height for the fourth input */
    margin-bottom: 20px; /* Increase margin for the fourth input */
}

.addon-wrapping {
    height: 60px; /* Adjust the height as needed */
}

.form-control {
    border-radius: 15px; /* Setting border-radius to create curved edges */
}

.form-control {
    width: 250px; /* Adjust the initial width */
    height: 60px; /* Adjust the initial height */
    margin-bottom: 10px; /* Adjust the initial margin */
    transition: all 0.3s ease; /* Smooth transition */
}
.form-control:nth-child(2) {
    width: 300px; /* Increase width for the second input */
    height: 60px; /* Increase height for the second input */
    margin-bottom: 20px; /* Increase margin for the second input */
}
.form-control:nth-child(3) {
    width: 300px; /* Increase width for the third input */
    height: 60px; /* Increase height for the third input */
    margin-bottom: 30px; /* Increase margin for the third input */
}
.form-control:nth-child(4) {
    width: 350px; /* Increase width for the fourth input */
    height: 60px; /* Increase height for the fourth input */
    margin-bottom: 40px; /* Increase margin for the fourth input */
}

.vector {
    width: 100%;
    height: 70px;
}

.frame-1 {
    margin-bottom: 120px;
    padding: 22px 120px 15.5px 80px;
    width: 1440px;
    height: 104px;
    box-sizing: border-box;
}

.side {
    padding-left: 170px;
}

/* .h1,h4 {
  display: inline-block;
  overflow-wrap: break-word;
  font-family: 'Montserrat';
  font-weight: 700;
  font-size: 30px;
  line-height: 1.6;
  color: #0D0E0F;
  } */

h2 {
    display: inline-block;
    overflow-wrap: break-word;
    font-family: "Montserrat";
    font-weight: 700;
    font-size: 40px;
    line-height: 1.6;
    color: #0d0e0f;
}

h1 {
    left: 200px;
    top: 277px;
    font-family: "Montserrat";
    font-weight: 700;
    font-size: 56px;
    line-height: 1.143;
    color: #0d0e0f;
}

h6 {
    margin-bottom: 20px;
    display: inline-block;
    overflow-wrap: break-word;
    font-family: "Montserrat";
    font-weight: 500;
    font-size: 24px;
    line-height: 1.333;
    color: #161b1e;
}