@import url('https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=Cairo:wght@200;300;400&family=El+Messiri:wght@500&display=swap');



html{
  scroll-behavior: smooth;
}

body {
    direction: rtl;
    font-family: 'Amiri',serif;
    font-family: 'Cairo',sans-serif;
}

.bg-desktop{
  background-image: url("../assets/wathiq-img/bg-ddeskkt.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100vh;
  position: absolute;
  top: 120.5px;
  left: 0;
  z-index: 0;
  width: 100%;

}

.lp-container{
  background-image: linear-gradient(to right, rgb(17 , 17 ,16) , rgb(62, 46, 41));
  height: 103vh;
}
.btn-send{
  background-image: linear-gradient(to right, rgba(216, 0, 0, 1), rgba(250, 176, 1, 1));
}

.contact-num{
  background: linear-gradient(to right, rgba(216, 0, 0, 1), rgba(250, 176, 1, .7));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* whatsApp icon */
.float-wh{
	position:fixed;
	bottom:15px;
	right:15px;
  z-index:100;
}


.color-background{
  background-image: linear-gradient(to top, rgb(17 , 17 ,16) , rgb(62, 46, 41));
}
.truck{
  background-image: url("../assets/wathiq-img/blue-tanker-desk.svg");
  opacity: .2;
  background-size: cover;
  background-position: center;
}
.bg-color{
  background-image: linear-gradient(45deg, rgba(216, 0, 0, 30%), rgba(250, 176, 1, 30%));
}


#scroll-b::-webkit-scrollbar{
  /* display: none; */
  background-color: #1d1d1d;
  width: 0px;
  height: 6px;
}

.white
{
    color: #fff;
}

@media screen and (max-width: 600px) {
  .bg-desktop{
    display: none;
  }
    .lp-container{
      background-image: url("../assets/wathiq-img/mobile-bg.svg");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      height: 185vh;
  }
  .color-background{
    background-image: linear-gradient(to top, rgb(17 , 17 ,16) , rgb(62, 46, 41));
  }
  .truck{
    background-image: url("../assets/wathiq-img/blue-tanker.svg");
    opacity: .2;
    background-size: cover;
    background-position: center;
  }
  .bg-color{
    background-image: linear-gradient(to right, rgba(216, 0, 0, 30%), rgba(250, 176, 1, 30%));
  }

}



.contact-us{
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}




@media screen and (min-width: 350px) {
  .bg-desktop{
    background-image: url("../assets/wathiq-img/mobile-bg.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 126vh;
  }
  .lp-container{

    /* height: 136vh; */
    height: 160vh;
  }


}
@media screen and (min-width: 389px){


.lp-container {
    /* height: 136vh; */
    height: 132vh;
}
}


@media screen and (min-width: 413px){
  .lp-container {
      height: 147vh;
      /* height: 119vh; */
  }
}

@media (min-width: 768px) {
  .lp-container {
    background-image: linear-gradient(to right, rgb(17 , 17 ,16) , rgb(62, 46, 41));
    height: 112vh;
}
  .bg-desktop {
    background-image: url("../assets/wathiq-img/bg-ddeskkt.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
    position: absolute;
    top: 259.5px;
    left: 0;
    z-index: 0;
    width: 100%;
}

 }