.container .sec1 {
  padding: 6.9791666667vw 6.5625vw 10.2083333333vw 7.8125vw;
  display: flex;
  justify-content: space-between;
  gap: 8.0208333333vw; }
  .container .sec1 .lbox {
    flex: 1; }
    .container .sec1 .lbox .t {
      font-weight: 600;
      text-transform: uppercase;
      line-height: 0.86; }
    .container .sec1 .lbox .t2 {
      margin: 1.8229166667vw 0 8.8541666667vw 0;
      color: #666;
      max-width: 26.5104166667vw;
      line-height: 1.78;
      text-transform: uppercase; }
    .container .sec1 .lbox .address .item {
      position: relative;
      padding-left: 4.0104166667vw;
      display: flex;
      flex-direction: column;
      gap: 0.78125vw; }
      .container .sec1 .lbox .address .item:not(:last-child) {
        margin-bottom: 5.2083333333vw; }
      .container .sec1 .lbox .address .item::before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 0.5729166667vw;
        height: 100%;
        background: var(--bg, #0072BB); }
      .container .sec1 .lbox .address .item .p1 {
        color: #666;
        font-weight: 500;
        text-transform: uppercase; }
      .container .sec1 .lbox .address .item a {
        font-weight: 500;
        text-transform: uppercase; }
        .container .sec1 .lbox .address .item a:hover {
          text-decoration: underline; }
  .container .sec1 .rbox {
    width: 42.4479166667vw;
    padding-top: 0.5729166667vw; }
    .container .sec1 .rbox .form {
      display: flex;
      flex-direction: column;
      gap: 1.71875vw; }
      .container .sec1 .rbox .form .items {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2.2395833333vw; }
      .container .sec1 .rbox .form .item {
        width: 100%; }
        .container .sec1 .rbox .form .item p {
          font-weight: 500;
          line-height: 1.31;
          margin-bottom: 0.7291666667vw; }
        .container .sec1 .rbox .form .item input {
          width: 100%;
          border-radius: 1.0416666667vw;
          background: #F4F4F5;
          height: 3.3333333333vw;
          padding: 0 0.78125vw;
          font-size: 0.9375vw;
          border: none;
          outline: none; }
        .container .sec1 .rbox .form .item textarea {
          width: 100%;
          border-radius: 1.0416666667vw;
          background: #F4F4F5;
          height: 9.1666666667vw;
          padding: 0.78125vw;
          font-size: 0.9375vw;
          border: none;
          resize: none;
          outline: none; }
    .container .sec1 .rbox .submit {
      display: flex;
      width: 10.9375vw;
      height: 3.5416666667vw;
      justify-content: center;
      align-items: center;
      gap: 0.7291666667vw;
      border-radius: 1.0416666667vw;
      background: #191919;
      color: #fff;
      text-transform: capitalize;
      margin-top: 2.0833333333vw;
      cursor: pointer;
      position: relative;
      overflow: hidden;
      z-index: 5; }
      .container .sec1 .rbox .submit::before {
        content: '';
        display: block;
        position: absolute;
        inset: 0;
        background: linear-gradient(98deg, #098BDD 62.8%, #8BCB2A 119.89%);
        z-index: -1;
        transition: all 600ms;
        opacity: 0; }
      .container .sec1 .rbox .submit span {
        width: 1px;
        height: 0.8333333333vw;
        background: #fff;
        transform: scaleX(0.5);
        transform-origin: left center; }
      .container .sec1 .rbox .submit img {
        display: block;
        width: 1.25vw;
        transition: all 600ms; }
      .container .sec1 .rbox .submit:hover::before {
        opacity: 1; }
      .container .sec1 .rbox .submit:hover img {
        transform: rotate(45deg); }
.container .sec2 img {
  display: block;
  width: 100%;
  object-fit: cover; }

@media screen and (max-width: 768px) {
  .container .sec1 {
    padding: 30px 5% 40px;
    flex-direction: column;
    gap: 30px; }
    .container .sec1 .lbox {
      width: 100%; }
      .container .sec1 .lbox .t2 {
        margin: 20px 0;
        max-width: 100%; }
      .container .sec1 .lbox .address .item {
        padding: 15px 0 0 0;
        gap: 10px; }
        .container .sec1 .lbox .address .item .p1 {
          font-size: 18px; }
        .container .sec1 .lbox .address .item a {
          font-size: 16px; }
        .container .sec1 .lbox .address .item:not(:last-child) {
          margin-bottom: 20px; }
        .container .sec1 .lbox .address .item::before {
          width: 100%;
          height: 5px; }
    .container .sec1 .rbox {
      width: 100%;
      padding-top: 0; }
      .container .sec1 .rbox .form {
        gap: 20px; }
        .container .sec1 .rbox .form .items {
          grid-template-columns: 1fr;
          gap: 20px; }
        .container .sec1 .rbox .form .item p {
          margin-bottom: 10px; }
        .container .sec1 .rbox .form .item input {
          height: 50px;
          padding: 0 15px;
          font-size: 16px;
          border-radius: 10px; }
        .container .sec1 .rbox .form .item textarea {
          height: 120px;
          padding: 15px;
          font-size: 16px;
          border-radius: 10px; }
      .container .sec1 .rbox .submit {
        width: 160px;
        height: 50px;
        gap: 10px;
        margin-top: 30px; }
        .container .sec1 .rbox .submit span {
          height: 12px; }
        .container .sec1 .rbox .submit img {
          width: 20px; }
  .container .sec2 img {
    height: 200px; } }

/*# sourceMappingURL=contact.css.map */