@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');





body { margin: 0; padding: 0; font-family: "Outfit", sans-serif; }
.container { width: 60%; margin: 0px auto; }
.contant { font-weight: 400; margin: 0 0 245px 0; }
.contant::before{ content: ""; background-image: url("/assets/Image/image.jpg"); background-position: center; background-size: cover; height: 365px; left: 50%; max-width: 100%; position: absolute; top: 0px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100vw; z-index: -1; }
/* .contant .image { position: relative; } */
/* .contant .image img { width: 100%; } */
.contant h1 { font-size: 48px; font-weight: 600; margin: 10px 0 70px 0; color: #444444; text-align: center; }
.contant h3 { font-size: 26px; color: #626262; font-weight: 600; margin: 50px 0 20px 0; }
.contant .sub-contant p a { text-decoration: underline; color: #444444; }
.contant .sub-contant p { margin: 5px 0 25px 0; color: #777777; font-weight: 300; line-height: 1.9; }
.main-contant { background-color: #ffffff; padding: 80px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; width: 90%; margin: 0 auto; border-radius: 50px; position: relative; top: 180px; }




/* Responsive */

@media all and (max-width: 1024px) {
    .contant::before{ content: ""; height: 265px; }
    .container { width: 100%; }
    .contant { margin: 0 0 170px 0 }
    .contant h1 { font-size: 50px; margin: 30px 0; }
    .contant h3 { font-size: 22px; margin: 50px 0 25px 0; padding: 14px; border-radius: 6px; }
    .main-contant { top: 140px; width: 95%; padding: 50px; border-radius: 30px; }
  }

  @media all and (max-width: 440px) {
    .container { width: 100%; margin: 9px auto ; }
    .contant h1 { font-size: 40px; text-align: center; margin: 20px 0 30px 0; }
    .contant h3 { font-size: 22px; margin: 45px 0 15px 0; width: 100%; text-align: left; padding: 0; }
    .contant .sub-contant p { font-size: 14px; }
    .contant::before{ content: ""; height: 190px; }
    .main-contant { top: 120px; width: 96%; padding: 20px; border-radius: 20px; }
  }