@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html{
    scroll-behavior: smooth;
}

body {
    font-family: "Poppins", sans-serif;
    background-size: cover;
    overflow-x: hidden;
}
.banner{
    background: url(./images/banner/bg.webp);
    background-size: cover;
}
.footer{
    background: url(./images/banner/bg.webp);
    background-size: cover;
}
.swiper-slide img {
    /* width: 100%; */
    margin: 0 auto;
    height: 400px;
    object-fit: cover;
    border-radius: 10px;
  }
  .swiper-slide {
    flex-shrink: 0;
    width: 70% !important;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}
.swiper-button-prev::after{
    display: none;
}
.swiper-button-next::after{
    display: none;
}
.swiper-button-prev{
    position: absolute !important;
    top: 2rem !important;
    right: 5rem !important;
    width: 3rem !important;
}
.swiper-button-next{
    position: absolute !important;
    top: 2rem !important;
    width: 3rem !important;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: unset !important;
    right: auto;
}
.lp_input:focus{
    outline: none;
}
@keyframes blink {
    0%, 100% {
      background-color: #EB5939; /* Tailwind red-500 */
    }
    50% {
      background-color: transparent;
    }
  }

  .blink {
    animation: blink 1s infinite;
  }
  .custom-select,
.custom-select option {
  color: #666666;
  background-color: white; /* optional */
}


.form1 textarea  {
        grid-column: 1 / 3;
}


.leading-\[1\] {
    line-height: 1.1;
}

@media only screen and (max-width: 1024px) {
    header.max-\[1024px\]\:w-\[96\%\] {
        width:98%;
    }
    .banner1 {
        padding-top: 13rem;
        position: relative;
        transform: unset;
        margin-top: -8rem;
    }

.banner {margin-top: 0;height: 100%;}



.form1 {
          grid-template-columns: repeat(1, 100%);
}
    .section1 {
        margin-top:60px;
    }
    .form1 textarea {
    grid-column: auto;
}
.popupModal2 {
    width:90%;
}


.h11,.let11 {
    font-size: 25px;
}

.g11 {
    flex-direction: column;
}

/*.p11 {*/
/*    padding: 0 14px;*/
/*}*/

div#form-wrapper {
    padding: 10px 0;
}
.ssfont {
    font-size: 2rem;
}
.QUOTEButton {
    font-size:12px;
}
.max-\[1024px\]\:w-\[96\%\] {
    width: 92%;
}

.sideImage {
    display:none;
}



.mt3 {
    margin-top:10px;
}


}