body {
  margin: 0;
  max-width: 100%;
  font-family: "Times New Roman", serif;
}

html {
  scroll-behavior: smooth;
}

.banner {
  display: flex;
  flex-wrap: wrap;
  box-sizing: content-box;
  max-width: 105%;
}

.banner1__color {
  background: linear-gradient(to right, grey, #f8f8f8);

  box-sizing: border-box;

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  box-sizing: border-box;
}

.testing13 {
  background-color: grey;
}

.banner2__color {
  background: linear-gradient(to right, #dd9f3b, #a1adf4);
}

.banner3__color {
  background: #dd9f3b;
}

.banner4__color {
  background: #d48b89;
}

.banner5__color {
  background-color: #dfc6a7;
}

.banner__color_hire {
  background-color: #5a6fec;
  background: #6e66cf;
}

.banner_header_font {
  font-size: 49px;
  font-weight: 700;
}

.banner__content {
  flex: 1;
  padding: 40px;
  color: white;
}

.banner__content_about_us {
  flex: 1;
  background-color: #eee3dd;
  background: linear-gradient(to right, #bac2f5, #f8f8f8);
}

.banner__content_about_us p {
  color: black;
}

.banner__content_about_us h1 {
  color: black;
}

.banner__content p {
  font-size: 19px;
}

.banner__content h1 {
  text-decoration: underline;
  -webkit-text-decoration-color: yellow; /* Safari */
  text-decoration-color: yellow;
  font-size: 33px;
}

.banner__image {
  flex: 1;
  padding: 40px;
  margin-top: auto;
}

.body_container {
  background-color: #fff;
}

.body_container_pale {
  background-color: #eee3dd;
}

.body_container_features {
  flex: 1;
  /*  background-color: #f8f8f8;
*/
}

.background_color_grey {
  background-color: #f8f8f8;
}

.background_color_grey_home_page {
  background-color: #f8f8f8;
  background: linear-gradient(to right, #f8f8f8, #bac2f5);
  background: linear-gradient(to right, #bac2f5, #f8f8f8);
}

.color_grey {
  color: #36454f; /* charcoal */
}

.border_solid_1_skyblue {
  border: 1.5px solid #36454f; /* charcoal */
  border-radius: 14px;
  padding: 20px;
}

.border_grey {
  border: 1px solid grey;
  padding: 5px;
  margin-bottom: 5px;
}

.border_solid_1_grey {
  border-radius: 4px;
  padding: 5px;
}

.border_solid_1_grey:hover {
  border-color: #33bd9a;
  transition: all 0.6s ease;
}

/* Media Query for Mobile Devices */
@media (max-width: 1023px) {
  .banner__content p {
    font-size: 21px;
  }

  .banner__content {
    flex: 1;
    padding: 15px;
  }

  .image_and_header {
    display: flex;
    /*    
    margin-left: 30px;
    */
  }

  .image_and_header img {
    max-width: 95%;
  }

  .image {
    flex: 1;
    /*
    padding-top: 19px;
    */
  }

  .header {
    flex: 6;
  }

  .padding-mb {
    padding-left: 30px;
  }

  .banner__image {
    flex: 1;
    padding: 15px;
    margin-top: auto;
  }

  .banner__content_about_us {
    flex-direction: column;
  }

  .banner_header_font {
    font-size: 29px;
    font-weight: 700;
  }
}

/* Media Query for low resolution  Tablets, Ipads */
@media (min-width: 481px) and (max-width: 1024px) {
  .banner__content {
    flex: 1;
    padding: 40px;
  }
}

/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1280px) {
  .banner__content {
    flex: 1;
    padding: 40px;
    color: white;
  }
  .order_right {
    order: 2;
  }

  .body_container {
    display: flex;
    flex-basis: 40%;
  }

  .body_container_features {
    flex-basis: 20%;
    box-sizing: border-box;
    margin: 0 30px 20px 30px;
  }

  .image_and_header {
    display: flex;
  }

  .image {
    flex: 1;
    /*
    padding-top: 19px;
    */
  }

  .header {
    flex: 6;
  }
}

/* Media Query for Large screens */
@media (min-width: 1281px) {
  .banner__content {
    flex: 1;
    padding: 40px;
  }
}

.padding {
  padding-left: 30px;
}

/* The below is for the footer - Start  */

body {
  margin: 0;
}
.footer_container {
  padding: 15px 50px;
  background: #3e5062;
}

.banner_footer__copyright {
  margin-top: 20px;
  border: 1px #fff solid;
  color: #fff;
  font-size: 15px;
  text-decoration: wavy;
}

.bannerfooter {
  border: #fff 1px solid;
}

.banner_footer__content a {
  text-decoration: none;
  color: #fff;
}

.banner_footer__content li {
  list-style: none;
}

.banner_footer__content li:nth-child(1) {
  padding-bottom: 15px;
  text-decoration: underline;
}

.banner_footer__content p {
  color: #fff;
}

.banner_footer__copyright {
  margin-top: 20px;
  border: 1px #fff solid;
  color: #999;
  font-size: 15px;
  text-decoration: wavy;
}

.center p {
  text-align: center;
}

/* The below is for the footer - End  */

/* Media Query for Laptop, Desktop and Large screens */

@media (min-width: 1025px) {
  .banner_footer__content {
    flex: 1;
  }

  .bannerfooter {
    display: flex;
    border: #fff 1px solid;
  }
}

.underline__yellow {
  text-decoration: underline;
}

.underline__grey {
  text-decoration: underline;
  -webkit-text-decoration-color: grey; /* Safari */
  text-decoration-color: grey;
}

.underline__yellow_h1 {
  text-decoration: underline;
  -webkit-text-decoration-color: yellow; /* Safari */
  text-decoration-color: yellow;
}

.underline__blue {
  text-decoration: underline;
  -webkit-text-decoration-color: #6e66cf; /* Safari */
  text-decoration-color: #6e66cf;
}

.underline__without_red {
  color: white;
  background-color: #ff6060;
  padding: 0 5px 0 5px;
  border-radius: 3px;
}

.underline__background_greenyellow {
  color: white;
  background-color: rgb(110, 102, 207);
}

.underline_padding {
  font-weight: 600;
  border-radius: 5px;
  padding: 7px 8px;
  margin: 0;
  width: max-content;
}

.underline__with_yellow {
  color: white;
  background-color: #4285f4;
}

/* The below is for Reach US on index - Start */

.reach__us {
  position: fixed;
  right: 0;
  top: 37%;

  transform: translate(35%, -40%) rotate(270deg);
  -webkit-transform: translate(35%, -40%) rotate(270deg);
  -moz-transform: translate(35%, -40%) rotate(270deg);
  -ms-transform: translate(35%, -40%) rotate(270deg);
  -o-transform: translate(35%, -40%) rotate(270deg);
}

.reach__us a {
  padding: 5px;
  color: white;
  background: #ff6060;
  font-size: 15px;
}

.reach__us:hover {
  cursor: pointer;
  text-decoration: none;
}

.body_container_background {
  background-color: #f8f8f8;
}

.body_container_background_pale {
  background-color: #eee3dd;
}

.margin_minus_20 {
  margin: -20px;
}

/* The below is for Reach US on index - End */

.padding5px {
  padding: 5px 0 5px 0;
}

/* Media Query for Mobile Devices - II*/
@media (max-width: 1023px) {
  .padding5px {
    padding: 5px 0 5px 0;
  }
}

.underline__yellow_bold_23px {
  font-weight: 700;
  /*  font-size: 23px;
*/
}