*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
:root {
  --primary-color: #36454F;
  --secondary-color: #00162A;
  --text-color: #333;
  --background-color: #fff;
  --link-color: var(--primary-color);
  --link-hover-color: var(--secondary-color);
  --max-width: 1200px;
  --gutter: 2rem;
  --accent-color:#F5F5F5;
  --success-color: #27AE60;
  --warning-color: #E2B93B;
  --error-color:#EB5757;

  /* Black Colors Combination */
  --black1:#000000;
  --black2:#1D1D1D;
  --black3:#282828;
  --black4:#212121;

  /* Grey Colors Combination */
  --grey1:#36454F;
  --grey2:#4d5d64;
  --grey3:#828282;
  --grey4:#D6DFE7;
  --grey5:#E0E0E0;

  /* White Colors Combination */
  --white:#FFFFFF;
  
  /* Paragraph Fontsize Combination */
  --large-text-regular: 2.8rem;
  --medium-text-regular: 2.4rem;
  --normal-text-regular:2rem;
  --small-text-regular:1.8rem;

  /* Paragraph Fontweight Combination */
  --x-large-text-bold:900;
  --large-text-bold: 700;
  --medium-text-bold: 600;
  --normal-text-bold:500;
  --small-text-bold:400;

  /* Website-colors-combination */
  --primary-color:#36454F;
  --secondary-color: #00162A; 
  --font-color:#353A45;
}

@media (max-width: 767px) {
  .service-banner-section {
    min-height: 550px !important;
  }
}