/* @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'); */

@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&family=Roboto+Flex:opsz,wght@8..144,100..1000&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');



body { margin: 0; padding: 0; font-family: "Roboto Flex", sans-serif; }
.container { width: 65%; margin: 60px auto; background: #f6f6f6; padding: 10px 40px; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; }
.contant { font-weight: 400; margin: 0 0 45px 0; }
.contant h1 { font-size: 48px; font-weight: 600; margin: 20px 0 30px 0; }
.contant h3 { font-size: 26px; font-weight: 600; margin: 60px 0 25px 0; }
.contant .sub-contant p { text-align: justify; }
.contant .sub-contant p a { text-decoration: underline; color: black; }




/* Responsive */

@media all and (max-width: 1024px) {
    .container { width: 80%; }
    .contant h1 { font-size: 50px; text-align: center; margin: 30px 0; }
    .contant h3 { font-size: 24px; margin: 50px 0 25px 0; }
  }

  @media all and (max-width: 440px) {
    .container { width: 95%; margin: 9px auto ; padding: 10px 15px; }
    .contant h1 { font-size: 35px; text-align: center; margin: 30px 0; }
    .contant h3 { font-size: 20px; margin: 50px 0 25px 0; }
    .contant .sub-contant p { font-size: 14px; }
  }