/* START: ***************************** Common ************************** */
:root {
  --site_color_1: #ff0000;
  --site_color_2: #fab52b;
  --site_color_3: #030707;
}

/* text colors */
.site_color_1 {
  color: var(--site_color_1);
}
.site_color_2 {
  color: var(--site_color_2);
}
.site_color_3 {
  color: var(--site_color_3);
}

/* background colors */
.site_bg_1 {
  color: var(--site_color_1);
}
.site_bg_2 {
  color: var(--site_color_2);
}
.site_bg_3 {
  color: var(--site_color_3);
}

/* font sizes */
.fs_10 {
  font-size: 10px;
}

.fs_20 {
  font-size: 20px;
}

.fs_30 {
  font-size: 30px;
}

.fs_40 {
  font-size: 40px;
}

/* margin */
.m_10 {
  margin: 10px;
}

/* padding */
.p_10 {
  padding: 10px;
}

/* buttons */
.site_button_1 {
  display: block !important;
  text-transform: uppercase !important;
  font-weight: bold !important;
  background-color: var(--site_color_1) !important;
  border-radius: 50px !important;
  color: #fff !important;
  padding: 5px 0 5px 0 !important;
}
/* END: ***************************** Common ************************** */

/* Header */
#header marquee {
  color: var(--site_color_1);
}

/* Contact Form */
.form_parent {
  border-radius: 20px;
  background-color: var(--site_color_1);
  border: 2px solid #fff;
  margin-bottom: 20px;
}
.form_heading {
  color: #fff;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  border-radius: 20px;
}
.form_body {
  padding: 20px;
}

.form_body input,
.form_body textarea {
  width: 100%;
  border-radius: 5px;
  margin: 0 0 15px;
  padding: 9px 17px;
  border: 2px solid #fff;
}
.form_parent input {
  height: 36px;
}

.form_body textarea {
  height: 120px !important;
}

/* home page */
.about_area {
  background: red;
  border-top: 20px dotted white;
  border-bottom: 20px dotted white;
}
.about_image {
  margin-bottom: 20px;
}
.about_image img {
  border-left: 1px solid white;
  border-right: 1px solid white;
  width: 100%;
  border-radius: 20px;
  box-shadow: -1px 2px 16px -2px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: -1px 2px 16px -2px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -1px 2px 16px -2px rgba(0, 0, 0, 0.75);
}

/* contact us page */
.contact_details > div {
  background-color: var(--site_color_2);
  border-radius: 10px;
  padding: 5px;
  text-align: center;
  margin-bottom: 10px;
  border-bottom: 6px solid var(--site_color_1);
  border-right: 6px solid var(--site_color_1);
  border-top: 6px solid var(--site_color_3);
  border-left: 6px solid var(--site_color_3);
}
.contact_details > div > h2 {
  color: white;
}
.contact_details > div a,
.contact_details > div p {
  font-size: 20px;
  color: white;
}