.section--subtitle { text-transform: uppercase; margin-top: 20px; }

.h4 { font-size: 20px; font-weight: 400; font-family: 'Carnas'; font-weight: 400; color: var(--black); opacity: 0.8; margin-bottom: 16px; }

.form-control::-webkit-input-placeholder { color: rgba(0,0,0,0.5); font-size: 20px; letter-spacing: 0; }
.form-control::-moz-placeholder { color: rgba(0,0,0,0.5); font-size: 20px; letter-spacing: 0; }
.form-control::-ms-input-placeholder { color: rgba(0,0,0,0.5); font-size: 20px; letter-spacing: 0; }
.form-control::-ms-input-placeholder { color: rgba(0,0,0,0.5); font-size: 20px; letter-spacing: 0; }

.form-control, .form-select { padding: 25px 12px; border: 1px solid rgb(9 65 90 / 20%); font-size: 20px; line-height: 1.2; font-weight: 300; color: var(--black); font-family: "Inter", serif; border-radius: 0; letter-spacing: 0; text-transform: capitalize; transition: var(--all-slow); }
.form-select { color: rgba(0,0,0,0.5); background-image: url(../images/svg/dropdown-black-arrow.svg); background-size: 24px; background-position-x: calc(100% - 24px); }


/* INNER BANNER */
.inner--banner { width: 100%; position: relative; padding-top: 85px; }
.inner--banner .bg { width: 100%; display: flex; }
.inner--banner .bg img {  }
.inner--banner .banner--content { position: absolute; left: 0; top: 165px; width: 100%; z-index: 1; }
.inner--banner .banner--content .banner--title { font-size: 70px; font-family: 'Carnas'; font-weight: 300; color: var(--white); text-transform: capitalize; }


/* OUR CONTACTS */
.our--contacts { padding: 60px 0; }
.our--contacts .img-box { width: 70%; }
.our--contacts .gradient--box { display: flex; width: 30%; aspect-ratio: 1; background: linear-gradient(to right,  #09415a 0%,#255070 50%,#426581 100%); margin-left: auto; }
.our--contacts .contact--wrapper { margin-bottom: 24px; }
.our--contacts .contact--wrapper p { margin-bottom: 0; }
.our--contacts .contact--wrapper a { font-size: 20px; line-height: 1.4; color: var(--black); font-family: "Inter", serif; transition: var(--all-slow); }
.write--us .contact--wrapper a:hover { color: var(--blue-d); }

/* WRITE US */
.write--us { padding: 60px 0 0px 0px; }
.write--us .container > .row { --bs-gutter-x: 70px; }
.write--us p small { font-size: 14px; font-weight: 300; color: var(--black); opacity: 0.4; }


/* OUR SOCIAL */
.our--socials { padding: 60px 0; }
.our--socials .row.justify-content-evenly { row-gap: 60px; }
.our--socials .img-box { width: calc(100% - 200px); }
.our--socials .gradient--box { display: flex; flex-flow: column wrap; width: 200px; aspect-ratio: 1; background: linear-gradient(to right,  #09415a 0%,#255070 50%,#426581 100%); padding: 20px; margin-left: auto; }
.our--socials .gradient--box .text { font-size: 18px; flex: 1; width: 100%; display: flex; flex-flow: row wrap; align-items: center; line-height: 1.4; color: #D9D9D9; }
.our--socials .gradient--box .icon { width: auto; height: 24px; margin-left: auto; margin-top: auto; }
.our--socials .gradient--box .icon img { width: 100%; height: 100%; object-fit: contain; display: flex; }

@media screen and (max-width: 1680px) {
  .inner--banner .banner--content .banner--title { font-size: 60px; }
  .inner--banner .banner--content { top: 150px; }
  .h4 { font-size: 18px; }

}



@media screen and (max-width: 1500px) {
  .form-control::-webkit-input-placeholder { font-size: 18px; }
  .form-control::-moz-placeholder { font-size: 18px; }
  .form-control::-ms-input-placeholder { font-size: 18px; }
  .form-control::-ms-input-placeholder { font-size: 18px; }
  .form-control, .form-select { padding: 20px 12px; font-size: 18px; }
  .inner--banner .banner--content { top: 130px; }
  .inner--banner .banner--content .banner--title { font-size: 50px; }
  .inner--banner { padding-top: 75px; }


  .write--us .container > .row { --bs-gutter-x: 50px; }

  .our--socials .img-box { width: calc(100% - 180px); }
  .our--socials .gradient--box { width: 180px; }
  .our--socials .gradient--box .text { font-size: 16px; }
  .our--socials .gradient--box .icon { height: 20px; }

  .form-select { background-size: 18px; }
  .h4 { font-size: 16px; }
 



}
@media screen and (max-width: 1300px) {
  .inner--banner .banner--content .banner--title { font-size: 40px; }
  .inner--banner .banner--content { top: 133px; }
  .form-control, .form-select { font-size: 16px; }
  .form-control::-webkit-input-placeholder { font-size: 16px; }
  .form-control::-moz-placeholder { font-size: 16px; }
  .form-control::-ms-input-placeholder { font-size: 16px; }
  .form-control::-ms-input-placeholder { font-size: 16px; }


  .our--socials .gradient--box { padding: 15px; }
}
@media screen and (max-width: 1199px) {
  .write--us .container > .row { --bs-gutter-x: 40px; }
  .inner--banner .banner--content { top: 120px; }
}