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

html,
body {
  /*Start Gap*/
  /*End Gap*/
  /*Start Padding*/
  /*End Padding*/
  /*Start Font-Weight*/
  /*End Font-Weight*/
  /*Start Mixins*/
  /*End Mixins*/
}
html a,
body a {
  text-decoration: none !important;
  color: inherit;
}
html .main_color,
body .main_color {
  color: #25d366 !important;
}
html .overlay,
body .overlay {
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  transition: all ease-in-out 0.3s;
}
html .images_box_4,
body .images_box_4 {
  grid-template-columns: repeat(4, 1fr) !important;
}
html .images_box_3,
body .images_box_3 {
  grid-template-columns: repeat(3, 1fr) !important;
}
html .images_box_2,
body .images_box_2 {
  grid-template-columns: repeat(2, 1fr) !important;
}
html .image,
body .image {
  width: 100% !important;
  height: auto !important;
}
html .whatsapp,
body .whatsapp {
  color: #25d366 !important;
}
html .wid100,
body .wid100 {
  width: 100% !important;
}
html .flex,
body .flex {
  display: flex !important;
}
html .grid,
body .grid {
  display: grid !important;
}
html .flex_wrap,
body .flex_wrap {
  flex-wrap: wrap !important;
}
html .jcc,
body .jcc {
  justify-content: center !important;
}
html .jcfs,
body .jcfs {
  justify-content: flex-start !important;
}
html .jcfe,
body .jcfe {
  justify-content: flex-end !important;
}
html .jcsb,
body .jcsb {
  justify-content: space-between !important;
}
html .jcs,
body .jcs {
  justify-content: stretch !important;
}
html .aic,
body .aic {
  align-items: center !important;
}
html .aifs,
body .aifs {
  align-items: flex-start !important;
}
html .aife,
body .aife {
  align-items: flex-end !important;
}
html .ais,
body .ais {
  align-items: stretch !important;
}
html .asfs,
body .asfs {
  align-self: flex-start !important;
}
html .ass,
body .ass {
  align-self: stretch !important;
}
html .acfs,
body .acfs {
  align-content: flex-start !important;
}
html .acfe,
body .acfe {
  align-content: flex-end !important;
}
html .acs,
body .acs {
  align-content: stretch !important;
}
html .tac,
body .tac {
  text-align: center !important;
}
html .ttuc,
body .ttuc {
  text-transform: uppercase !important;
}
html .ttlc,
body .ttlc {
  text-transform: lowercase !important;
}
html .ttcap,
body .ttcap {
  text-transform: capitalize !important;
}
html .center_abs_x,
body .center_abs_x {
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
}
html .center_abs_y,
body .center_abs_y {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}
html .center_abs_x_y,
body .center_abs_x_y {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
html .center_rel_x,
body .center_rel_x {
  left: 50%;
  transform: translateX(-50%);
  position: relative;
}
html .center_rel_y,
body .center_rel_y {
  top: 50%;
  transform: translateY(-50%);
  position: relative;
}
html .center_rel_x_y,
body .center_rel_x_y {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: relative;
}
html .g5,
body .g5 {
  gap: 5px !important;
}
html .g10,
body .g10 {
  gap: 10px !important;
}
html .g15,
body .g15 {
  gap: 15px !important;
}
html .g20,
body .g20 {
  gap: 20px !important;
}
html .g25,
body .g25 {
  gap: 25px !important;
}
html .g30,
body .g30 {
  gap: 30px !important;
}
html .g35,
body .g35 {
  gap: 35px !important;
}
html .g40,
body .g40 {
  gap: 40px !important;
}
html .g45,
body .g45 {
  gap: 45px !important;
}
html .g50,
body .g50 {
  gap: 50px !important;
}
html .g55,
body .g55 {
  gap: 55px !important;
}
html .g60,
body .g60 {
  gap: 60px !important;
}
html .g65,
body .g65 {
  gap: 65px !important;
}
html .g70,
body .g70 {
  gap: 70px !important;
}
html .g75,
body .g75 {
  gap: 75px !important;
}
html .g80,
body .g80 {
  gap: 80px !important;
}
html .g85,
body .g85 {
  gap: 85px !important;
}
html .g90,
body .g90 {
  gap: 90px !important;
}
html .g95,
body .g95 {
  gap: 95px !important;
}
html .g100,
body .g100 {
  gap: 100px !important;
}
html .pad5,
body .pad5 {
  padding: 5px !important;
}
html .pad10,
body .pad10 {
  padding: 10px !important;
}
html .pad15,
body .pad15 {
  padding: 15px !important;
}
html .pad20,
body .pad20 {
  padding: 20px !important;
}
html .pad25,
body .pad25 {
  padding: 25px !important;
}
html .pad30,
body .pad30 {
  padding: 30px !important;
}
html .pad35,
body .pad35 {
  padding: 35px !important;
}
html .pad40,
body .pad40 {
  padding: 40px !important;
}
html .pad45,
body .pad45 {
  padding: 45px !important;
}
html .pad50,
body .pad50 {
  padding: 50px !important;
}
html .pad55,
body .pad55 {
  padding: 55px !important;
}
html .pad60,
body .pad60 {
  padding: 60px !important;
}
html .pad65,
body .pad65 {
  padding: 65px !important;
}
html .pad70,
body .pad70 {
  padding: 70px !important;
}
html .pad75,
body .pad75 {
  padding: 75px !important;
}
html .pad80,
body .pad80 {
  padding: 80px !important;
}
html .pad85,
body .pad85 {
  padding: 85px !important;
}
html .pad90,
body .pad90 {
  padding: 90px !important;
}
html .pad95,
body .pad95 {
  padding: 95px !important;
}
html .pad100,
body .pad100 {
  padding: 100px !important;
}
html .fw500,
body .fw500 {
  font-weight: 500 !important;
}
html .fw600,
body .fw600 {
  font-weight: 600 !important;
}
html .fw700,
body .fw700 {
  font-weight: 700 !important;
}
html .fw800,
body .fw800 {
  font-weight: 800 !important;
}
html .fw900,
body .fw900 {
  font-weight: 900 !important;
}
@media (max-width: 1200px) {
  html,
  body {
    /*Start Gap*/
    /*End Gap*/
    /*Start Padding*/
    /*End Padding*/
  }
  html .g5,
  body .g5 {
    gap: 4px !important;
  }
  html .g10,
  body .g10 {
    gap: 9px !important;
  }
  html .g15,
  body .g15 {
    gap: 12px !important;
  }
  html .g20,
  body .g20 {
    gap: 18px !important;
  }
  html .g25,
  body .g25 {
    gap: 22px !important;
  }
  html .g30,
  body .g30 {
    gap: 28px !important;
  }
  html .g35,
  body .g35 {
    gap: 32px !important;
  }
  html .g40,
  body .g40 {
    gap: 35px !important;
  }
  html .g40,
  body .g40 {
    gap: 40px !important;
  }
  html .g50,
  body .g50 {
    gap: 45px !important;
  }
  html .g55,
  body .g55 {
    gap: 50px !important;
  }
  html .g60,
  body .g60 {
    gap: 55px !important;
  }
  html .g65,
  body .g65 {
    gap: 60px !important;
  }
  html .g70,
  body .g70 {
    gap: 65px !important;
  }
  html .g75,
  body .g75 {
    gap: 70px !important;
  }
  html .g80,
  body .g80 {
    gap: 75px !important;
  }
  html .g85,
  body .g85 {
    gap: 80px !important;
  }
  html .g90,
  body .g90 {
    gap: 85px !important;
  }
  html .g95,
  body .g95 {
    gap: 90px !important;
  }
  html .g100,
  body .g100 {
    gap: 95px !important;
  }
  html .pad5,
  body .pad5 {
    padding: 4px !important;
  }
  html .pad10,
  body .pad10 {
    padding: 8px !important;
  }
  html .pad15,
  body .pad15 {
    padding: 12px !important;
  }
  html .pad20,
  body .pad20 {
    padding: 18px !important;
  }
  html .pad25,
  body .pad25 {
    padding: 22px !important;
  }
  html .pad30,
  body .pad30 {
    padding: 26px !important;
  }
  html .pad35,
  body .pad35 {
    padding: 30px !important;
  }
  html .pad40,
  body .pad40 {
    padding: 35px !important;
  }
  html .pad45,
  body .pad45 {
    padding: 40px !important;
  }
  html .pad50,
  body .pad50 {
    padding: 45px !important;
  }
  html .pad55,
  body .pad55 {
    padding: 50px !important;
  }
  html .pad60,
  body .pad60 {
    padding: 55px !important;
  }
  html .pad65,
  body .pad65 {
    padding: 60px !important;
  }
  html .pad70,
  body .pad70 {
    padding: 62px !important;
  }
  html .pad75,
  body .pad75 {
    padding: 67px !important;
  }
  html .pad80,
  body .pad80 {
    padding: 70px !important;
  }
  html .pad85,
  body .pad85 {
    padding: 72px !important;
  }
  html .pad90,
  body .pad90 {
    padding: 80px !important;
  }
  html .pad95,
  body .pad95 {
    padding: 85px !important;
  }
  html .pad100,
  body .pad100 {
    padding: 90px !important;
  }
}
@media (max-width: 992px) {
  html,
  body {
    /*Start Gap*/
    /*End Gap*/
    /*Start Padding*/
    /*End Padding*/
  }
  html .images_box_4,
  body .images_box_4 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  html .images_box_3,
  body .images_box_3 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  html .g5,
  body .g5 {
    gap: 3px !important;
  }
  html .g10,
  body .g10 {
    gap: 8px !important;
  }
  html .g15,
  body .g15 {
    gap: 10px !important;
  }
  html .g20,
  body .g20 {
    gap: 16px !important;
  }
  html .g25,
  body .g25 {
    gap: 20px !important;
  }
  html .g30,
  body .g30 {
    gap: 25px !important;
  }
  html .g35,
  body .g35 {
    gap: 30px !important;
  }
  html .g40,
  body .g40 {
    gap: 32px !important;
  }
  html .g40,
  body .g40 {
    gap: 35px !important;
  }
  html .g50,
  body .g50 {
    gap: 40px !important;
  }
  html .g55,
  body .g55 {
    gap: 45px !important;
  }
  html .g60,
  body .g60 {
    gap: 50px !important;
  }
  html .g65,
  body .g65 {
    gap: 55px !important;
  }
  html .g70,
  body .g70 {
    gap: 60px !important;
  }
  html .g75,
  body .g75 {
    gap: 65px !important;
  }
  html .g80,
  body .g80 {
    gap: 70px !important;
  }
  html .g85,
  body .g85 {
    gap: 72px !important;
  }
  html .g90,
  body .g90 {
    gap: 77px !important;
  }
  html .g95,
  body .g95 {
    gap: 82px !important;
  }
  html .g100,
  body .g100 {
    gap: 87px !important;
  }
  html .pad5,
  body .pad5 {
    padding: 3px !important;
  }
  html .pad10,
  body .pad10 {
    padding: 6px !important;
  }
  html .pad15,
  body .pad15 {
    padding: 10px !important;
  }
  html .pad20,
  body .pad20 {
    padding: 15px !important;
  }
  html .pad25,
  body .pad25 {
    padding: 20px !important;
  }
  html .pad30,
  body .pad30 {
    padding: 22px !important;
  }
  html .pad35,
  body .pad35 {
    padding: 25px !important;
  }
  html .pad40,
  body .pad40 {
    padding: 30px !important;
  }
  html .pad45,
  body .pad45 {
    padding: 45px !important;
  }
  html .pad50,
  body .pad50 {
    padding: 40px !important;
  }
  html .pad55,
  body .pad55 {
    padding: 45px !important;
  }
  html .pad60,
  body .pad60 {
    padding: 50px !important;
  }
  html .pad65,
  body .pad65 {
    padding: 55px !important;
  }
  html .pad70,
  body .pad70 {
    padding: 60px !important;
  }
  html .pad75,
  body .pad75 {
    padding: 62px !important;
  }
  html .pad80,
  body .pad80 {
    padding: 65px !important;
  }
  html .pad85,
  body .pad85 {
    padding: 67px !important;
  }
  html .pad90,
  body .pad90 {
    padding: 70px !important;
  }
  html .pad95,
  body .pad95 {
    padding: 75px !important;
  }
  html .pad100,
  body .pad100 {
    padding: 80px !important;
  }
}
@media (max-width: 768px) {
  html,
  body {
    /*Start Gap*/
    /*End Gap*/
    /*Start Padding*/
    /*End Padding*/
  }
  html .images_box_4,
  body .images_box_4 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  html .images_box_2,
  body .images_box_2 {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  html .g5,
  body .g5 {
    gap: 2px !important;
  }
  html .g10,
  body .g10 {
    gap: 6px !important;
  }
  html .g15,
  body .g15 {
    gap: 8px !important;
  }
  html .g20,
  body .g20 {
    gap: 12px !important;
  }
  html .g25,
  body .g25 {
    gap: 16px !important;
  }
  html .g30,
  body .g30 {
    gap: 20px !important;
  }
  html .g35,
  body .g35 {
    gap: 25px !important;
  }
  html .g40,
  body .g40 {
    gap: 28px !important;
  }
  html .g40,
  body .g40 {
    gap: 30px !important;
  }
  html .g50,
  body .g50 {
    gap: 35px !important;
  }
  html .g55,
  body .g55 {
    gap: 40px !important;
  }
  html .g60,
  body .g60 {
    gap: 45px !important;
  }
  html .g65,
  body .g65 {
    gap: 50px !important;
  }
  html .g70,
  body .g70 {
    gap: 55px !important;
  }
  html .g75,
  body .g75 {
    gap: 60px !important;
  }
  html .g80,
  body .g80 {
    gap: 65px !important;
  }
  html .g85,
  body .g85 {
    gap: 68px !important;
  }
  html .g90,
  body .g90 {
    gap: 70px !important;
  }
  html .g95,
  body .g95 {
    gap: 75px !important;
  }
  html .g100,
  body .g100 {
    gap: 80px !important;
  }
  html .pad5,
  body .pad5 {
    padding: 2px !important;
  }
  html .pad10,
  body .pad10 {
    padding: 4px !important;
  }
  html .pad15,
  body .pad15 {
    padding: 8px !important;
  }
  html .pad20,
  body .pad20 {
    padding: 12px !important;
  }
  html .pad25,
  body .pad25 {
    padding: 15px !important;
  }
  html .pad30,
  body .pad30 {
    padding: 18px !important;
  }
  html .pad35,
  body .pad35 {
    padding: 20px !important;
  }
  html .pad40,
  body .pad40 {
    padding: 25px !important;
  }
  html .pad45,
  body .pad45 {
    padding: 30px !important;
  }
  html .pad50,
  body .pad50 {
    padding: 35px !important;
  }
  html .pad55,
  body .pad55 {
    padding: 40px !important;
  }
  html .pad60,
  body .pad60 {
    padding: 45px !important;
  }
  html .pad65,
  body .pad65 {
    padding: 50px !important;
  }
  html .pad70,
  body .pad70 {
    padding: 55px !important;
  }
  html .pad75,
  body .pad75 {
    padding: 58px !important;
  }
  html .pad80,
  body .pad80 {
    padding: 60px !important;
  }
  html .pad85,
  body .pad85 {
    padding: 62px !important;
  }
  html .pad90,
  body .pad90 {
    padding: 65px !important;
  }
  html .pad95,
  body .pad95 {
    padding: 70px !important;
  }
  html .pad100,
  body .pad100 {
    padding: 75px !important;
  }
}
@media (max-width: 520px) {
  html,
  body {
    /*Start Gap*/
    /*End Gap*/
    /*Start Padding*/
    /*End Padding*/
  }
  html .images_box_3,
  body .images_box_3 {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  html .g5,
  body .g5 {
    gap: 1px !important;
  }
  html .g10,
  body .g10 {
    gap: 4px !important;
  }
  html .g15,
  body .g15 {
    gap: 6px !important;
  }
  html .g20,
  body .g20 {
    gap: 10px !important;
  }
  html .g25,
  body .g25 {
    gap: 12px !important;
  }
  html .g30,
  body .g30 {
    gap: 16px !important;
  }
  html .g35,
  body .g35 {
    gap: 20px !important;
  }
  html .g40,
  body .g40 {
    gap: 22px !important;
  }
  html .g40,
  body .g40 {
    gap: 25px !important;
  }
  html .g50,
  body .g50 {
    gap: 30px !important;
  }
  html .g55,
  body .g55 {
    gap: 35px !important;
  }
  html .g60,
  body .g60 {
    gap: 40px !important;
  }
  html .g65,
  body .g65 {
    gap: 45px !important;
  }
  html .g70,
  body .g70 {
    gap: 50px !important;
  }
  html .g75,
  body .g75 {
    gap: 55px !important;
  }
  html .g80,
  body .g80 {
    gap: 60px !important;
  }
  html .g85,
  body .g85 {
    gap: 65px !important;
  }
  html .g90,
  body .g90 {
    gap: 68px !important;
  }
  html .g95,
  body .g95 {
    gap: 70px !important;
  }
  html .g100,
  body .g100 {
    gap: 75px !important;
  }
  html .pad5,
  body .pad5 {
    padding: 1px !important;
  }
  html .pad10,
  body .pad10 {
    padding: 2px !important;
  }
  html .pad15,
  body .pad15 {
    padding: 6px !important;
  }
  html .pad20,
  body .pad20 {
    padding: 10px !important;
  }
  html .pad25,
  body .pad25 {
    padding: 12px !important;
  }
  html .pad30,
  body .pad30 {
    padding: 14px !important;
  }
  html .pad35,
  body .pad35 {
    padding: 16px !important;
  }
  html .pad40,
  body .pad40 {
    padding: 20px !important;
  }
  html .pad45,
  body .pad45 {
    padding: 25px !important;
  }
  html .pad50,
  body .pad50 {
    padding: 30px !important;
  }
  html .pad55,
  body .pad55 {
    padding: 35px !important;
  }
  html .pad60,
  body .pad60 {
    padding: 40px !important;
  }
  html .pad65,
  body .pad65 {
    padding: 45px !important;
  }
  html .pad70,
  body .pad70 {
    padding: 50px !important;
  }
  html .pad75,
  body .pad75 {
    padding: 52px !important;
  }
  html .pad80,
  body .pad80 {
    padding: 55px !important;
  }
  html .pad85,
  body .pad85 {
    padding: 58px !important;
  }
  html .pad90,
  body .pad90 {
    padding: 60px !important;
  }
  html .pad95,
  body .pad95 {
    padding: 65px !important;
  }
  html .pad100,
  body .pad100 {
    padding: 70px !important;
  }
  
}/*# sourceMappingURL=webGhoul.css.map */