HEX
Server: Apache/2.4.52 (Ubuntu)
System: Linux spn-python 5.15.0-89-generic #99-Ubuntu SMP Mon Oct 30 20:42:41 UTC 2023 x86_64
User: arjun (1000)
PHP: 8.1.2-1ubuntu2.20
Disabled: NONE
Upload Files
File: /var/www/html/israel-rentals/wp-content/themes/israel-rentals/css/contact.css
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inclusive+Sans:ital@0;1&display=swap");
/*** all Mobile Screen (iphone 6,7,8) ***/
/*** mobile Landscape Size ***/
/*** medium devices (tablets, less than 992px) ***/
/*** iPad in landscape ***/
/**** smaller than desktop 1200 (devices and browsers) ***/
/*** laptop with MDPI (medium density per inch) resolution ***/
/*** laptop with HiDPI (High Dots Per Inch) resolution ***/
/*** WSXGA (Wide Super Extended Graphics Array) resolution ***/
/*** all Mobile Screen (iphone 6,7,8) ***/
/*** mobile Landscape Size ***/
/*** medium devices (tablets, less than 992px) ***/
/*** iPad in landscape ***/
/**** smaller than desktop 1200 (devices and browsers) ***/
/*** laptop with MDPI (medium density per inch) resolution ***/
/*** laptop with HiDPI (High Dots Per Inch) resolution ***/
/*** WSXGA (Wide Super Extended Graphics Array) resolution ***/
.contact {
  padding: 83px 0 70px;
  position: relative;
  overflow-x: hidden; }
  @media (max-width: 1199px) {
    .contact {
      padding: 60px 0; } }
  @media (max-width: 991px) {
    .contact {
      padding: 50px 0; } }
  .contact .title-wrp {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .contact .title-wrp .sec-title-sub {
      margin-bottom: 15px; }
    .contact .title-wrp .secondary-sec-title {
      color: #292B2B;
      margin-bottom: 10px;
      text-align: center; }
    .contact .title-wrp .sub-txt {
      max-width: 636px;
      text-align: center;
      font-weight: 400;
      color: rgba(41, 43, 43, 0.45);
      text-align: center; }
  .contact .form-blk {
    margin-top: 97px;
    max-width: 680px;
    margin-left: auto; }
    @media (max-width: 1679px) {
      .contact .form-blk {
        margin-top: 80px; } }
    @media (max-width: 1441px) {
      .contact .form-blk {
        max-width: 650px;
        margin-top: 60px; } }
    @media (max-width: 1399px) {
      .contact .form-blk {
        max-width: 600px; } }
    @media (max-width: 1199px) {
      .contact .form-blk {
        max-width: 480px;
        margin-top: 50px; } }
    @media (max-width: 991px) {
      .contact .form-blk {
        max-width: 100%; } }
    .contact .form-blk .form-group {
      margin-bottom: 68px;
      position: relative; }
      @media (max-width: 1679px) {
        .contact .form-blk .form-group {
          margin-bottom: 40px; } }
      @media (max-width: 1199px) {
        .contact .form-blk .form-group {
          margin-bottom: 30px; } }
      .contact .form-blk .form-group.phone .parsley-errors-list {
        bottom: -20px; }
      .contact .form-blk .form-group.phone .input-group select.input-group-text option:checked {
        background-color: #25B0F0;
        color: #fff;
        opacity: 1; }
      .contact .form-blk .form-group.phone .input-group .input-group-text {
        background-color: transparent;
        border: 0px;
        border-bottom: 1px solid #c1c1d1;
        color: #807FA7;
        font-size: 16px;
        min-width: 80px;
        padding-right: 10px;
        background: url(../img/select-icon.svg) no-repeat right 5px bottom 25px;
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        padding-bottom: 13px;
        border-radius: 0px !important; }
        .contact .form-blk .form-group.phone .input-group .input-group-text option:checked {
          background-color: #25B0F0;
          color: #fff;
          opacity: 1; }
        .contact .form-blk .form-group.phone .input-group .input-group-text:focus-visible {
          outline: none !important;
          box-shadow: none !important; }
        @media (max-width: 1679px) {
          .contact .form-blk .form-group.phone .input-group .input-group-text {
            font-size: 14px; } }
      .contact .form-blk .form-group.phone .input-group .form-control {
        padding-left: 20px;
        padding-bottom: 14px; }
    .contact .form-blk .form-label {
      color: #292B2B;
      font-weight: 600;
      font-size: 18px;
      margin-bottom: 28px; }
      @media (max-width: 1679px) {
        .contact .form-blk .form-label {
          font-size: 16px;
          margin-bottom: 15px; } }
      @media (max-width: 1199px) {
        .contact .form-blk .form-label {
          font-size: 14px;
          margin-bottom: 10px; } }
    .contact .form-blk .form-control {
      border: none;
      border-bottom: 1px solid #C4D1E1;
      padding-bottom: 16px;
      border-radius: 0px;
      padding-left: 0px;
      padding-right: 0px;
      box-shadow: none;
      outline: none;
      padding-top: 0px; }
      .contact .form-blk .form-control::-webkit-input-placeholder {
        color: #998E76; }
      .contact .form-blk .form-control::placeholder {
        color: #998E76; }
    .contact .form-blk .btn-submit {
      max-width: 219px;
      width: 100%;
      justify-content: space-between;
      display: flex;
      position: relative;
      padding-left: 35px;
      padding-right: 20px;
      height: 52px;
      margin-left: auto;
      border-color: #998E76;
      background-color: #998E76;
      transition: .3s; }
      .contact .form-blk .btn-submit:active, .contact .form-blk .btn-submit:focus {
        background-color: #998E76; }
      .contact .form-blk .btn-submit:hover {
        opacity: .8; }
      .contact .form-blk .btn-submit::after {
        content: "";
        width: 17px;
        height: 17px;
        background: url(../img/rt-white-arrow.svg) no-repeat center;
        background-size: contain; }
      @media (max-width: 991px) {
        .contact .form-blk .btn-submit {
          margin: 0 auto; } }
  .contact .img-lft {
    position: absolute;
    bottom: 0px;
    width: 895px; }
    @media (max-width: 1750px) {
      .contact .img-lft {
        left: -100px; } }
    @media (max-width: 1679px) {
      .contact .img-lft {
        left: -50px;
        width: 720px; } }
    @media (max-width: 1441px) {
      .contact .img-lft {
        width: 720px;
        left: -60px; } }
    @media (max-width: 1366px) {
      .contact .img-lft {
        width: 730px;
        left: -140px; } }
    @media (max-width: 1199px) {
      .contact .img-lft {
        left: -130px;
        width: 659px; } }
    @media (max-width: 1074px) {
      .contact .img-lft {
        left: -180px; } }
    @media (max-width: 991px) {
      .contact .img-lft {
        display: none; } }
    .contact .img-lft .contact-btn {
      width: 364px;
      height: 71px;
      font-size: 24px;
      color: #fff;
      background-color: #998E76;
      position: absolute;
      border-radius: 36px;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      right: 114px;
      bottom: 37%;
      text-decoration: none;
      padding: 16px;
      transition: .3s; }
      .contact .img-lft .contact-btn:hover {
        background-color: #aaa08a; }
      @media (max-width: 1679px) {
        .contact .img-lft .contact-btn {
          font-size: 22px;
          width: 315px;
          height: 60px; } }
      @media (max-width: 1441px) {
        .contact .img-lft .contact-btn {
          font-size: 20px;
          width: 285px; } }
      @media (max-width: 1199px) {
        .contact .img-lft .contact-btn {
          font-size: 18px;
          width: 260px;
          height: 50px; } }
      @media (max-width: 991px) {
        .contact .img-lft .contact-btn {
          font-size: 16px; } }
      .contact .img-lft .contact-btn .icon {
        margin-right: 19px;
        max-height: 41px; }
        @media (max-width: 1679px) {
          .contact .img-lft .contact-btn .icon {
            max-width: 35px; } }
        @media (max-width: 1199px) {
          .contact .img-lft .contact-btn .icon {
            max-width: 29px; } }
        .contact .img-lft .contact-btn .icon img {
          display: block;
          max-width: 100%; }
    .contact .img-lft img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      max-height: 690px; }

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