body {
  font-family: "Montserrat";
  text-align: center;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat-Bold";
}

p {
  /* color: #8f8f8f; */
  color: #000000;
}


/* Headings */

.big-heading {
  font-family: "Montserrat-Black";
  font-size: 2.75rem;
  line-height: 1.5;
  text-align: left;
  margin-top: 5%;
  margin-left: 10%;
}

.section-heading {
  font-size: 3rem;
  line-height: 1.5;
  color:#fff;
}

.service_description {
  font-size: 1rem;
  line-height: 1.0;
  color:#000000;
}

.section-heading_every {
  padding-left: 33%;
    /* padding-bottom: 5%; */
  font-size: 2.5rem;
  line-height: 1.5;
  color: #000000;
  /* color:#000000; */
}

.section-heading_network {
  padding-left: 33%;
  padding-bottom: 5%;
  font-size: 3rem;
  line-height: 1.5;
  color: #000000;
  /* color:#000000; */
}

.section-heading_network_4blue{
  padding-left: 33%;
  padding-bottom: 5%;
  font-size: 3rem;
  line-height: 1.5;
  color: #001A6E;
}


.section-heading_network_4yellow{
  padding-left: 33%;
  padding-bottom: 5%;
  font-size: 3rem;
  line-height: 1.5;
 color: #FFF574;
}


.section-heading_network_4red{
  padding-left: 33%;
  padding-bottom: 5%;
  font-size: 3rem;
  line-height: 1.5;
color: #FFF;
}

.section-heading_training {
  padding-left: 33%;
  padding-bottom: 5%;
  font-size: 3rem;
  line-height: 1.5;
  color:#000000;
}

.sub-testimonial-heading_image{
  margin-top: 2%;
  margin-left: -105px;
  width: 38%;
  border-radius: 0%;

}

.testimonialpics{
  margin-top: 10%;
  width: 75%;
}
.subsection-heading_Allsubs {
  padding-left: 15%;
  padding-bottom: 5%;
  font-size: 3rem;
  line-height: 1.5;
  color:#000000;
}

.service_description_network {
  padding-left: 30%;
  font-size: 1rem;
  line-height: 1.0;
  color:#000000;
}

.phone_email_text{
  position: absolute;
  margin-left: 50%;
  margin-top: 40px;
  /* margin-top: 4%; */
  /* bottom: 0.5px; */
  right: 800px;
  color: #fff;
  font-weight: bold;
  /* padding-left: 15%; */

}

.sub-page-heading{
  text-align: center;
  color: #000000;
}

.sub-page-heading_image{
  margin-top: 5%;
  width: 80%;
  transform: rotate(5deg);
  position: relative;
  right: -3%;
}
/* Containers */

.container-fluid{
  padding: 7% 15%;
}

/* Sections */
.message-section {
  font-family: "Montserrat-Black";
  font-size: 1.5rem;
    /* background-color: #FFBF61; */
  color: #000000;
  }

.colored-section {
  background-color: #1D24CA;
  color: #fff;
  /* background-color: #1D24CA; */
}

.every_sub_head {
  /* background-color: #ffff00; */
  background-color: #80c4e9;
}

.colored-section_index {
    background-color: #80c4e9;
  /* background-color: #1D24CA; */
  /* background-color: #FFD65A; */
  /* background-color: blue; */
  color: #fff;
}

.staas-colored-section {
  background-color: #fff;
  color: #000000;
}

.color-for-footer {
  /* background-color: #1D24CA; */
  background-color: #1D24CA;
}

.officeAddress_footer{

padding-top: 3%;
  font-size: 0.85rem;
  font-weight: bold;
  text-align: center;
/* line-height: 1.0; */
  color: #fff;
}

.white-section {
  background-color: #fff;
}

.white-section_homescrn{
background-color: #fff;
}

.bluebackgrd{
  background-color: #1D24CA;
  color: #fff;
}

.contactus-section {
  background-color: #1D24CA;
    /* background-color: #cccc00;
} */
}

.contactus_inside {
  /* background-color: #ffff00; */
  background-color: #80c4e9;
}

.blue-section {
  background-color: #387ADF;
}


.yellow-section {
  background-color: #FFD23F;
}


.green-section {
  background-color: #9BCF53;
}


.purple-section {
  background-color: #9F70FD;
}

.more4-section {
  background-color: #CDC1FF;
}

/* Navigation Bar */

.navbar {
  padding: 0 0 4.5rem;
}

.navbar-brand {
  font-family: "Ubuntu";
  font-size: 2.5rem;
  font-weight: bold;
}

.nav-item {
  padding: 0 18px;
}

.nav-link {
  font-size: 1.2rem;
  font-family: "Montserrat-Light";
}

/* Buttons */

.download-button {
  margin: 5% 3% 5% 0;
}

.short_title_branding{
  margin-top: 2%;
  margin-bottom: 1%;
  /* background-color: #fffecb; */
  background-color: #fffecb;
  font-size: 1.3rem;
  font-weight: bold;
  color:000000;
}

.short_title_subhead{
  margin-top: 2%;
  margin-bottom: 1%;
  /* background-color: #fffecb; */
  font-size: 1.3rem;
  font-weight: bold;
  color:000000;
}
/* Title Section */

#title {
  background-color: #FFD65A; */
  /* background-color: #1D24CA; */
  color: #fff;
  text-align: left;
}

#title .container-fluid {
   padding: 3% 5% 2%;
   position: relative;
}

/* Title Image */

.title-image {
  width: 100%;
  transform: rotate(5deg);
  position: absolute;
  right: -3%;
}

.subtitle-image {
  width: 150%;
  transform: rotate(0deg);
  position: relative;
  right: -50%;
}

.form_title-image {
  width: 50%;
  transform: rotate(0deg);
  position: relative;
  right: -50%;
}

.solution_title {
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: bold;
  color: white;
}

.centered-image{
    text-align: left;
}

.aboutus-image {
  width: 60%;
  transform: rotate(-15deg);
  position: relative;
  right: -15%;
}

.pics_adjust-image {
  width: 50%;
  transform: rotate(0deg);
  position: relative;
  right: -5%;
}

.staas_pics_adjust-image {
  width: 20%;
  transform: rotate(0deg);
    position: relative;
  right: -35%;
  margin-bottom: 5%
}

.staas_pics_checkin-image {
  width: 70%;
  transform: rotate(0deg);
  position: relative;
  right: -20%;
  margin-bottom: 5%;
  margin-top: 5%;
}

.staas_pics_leave-image {
  width: 23%;
  transform: rotate(0deg);
  position: relative;
  right: -35%;
  margin-bottom: 5%;
  margin-top: 5%;
}

.staas_pics_flow-image {
  width: 80%;
  transform: rotate(0deg);
  position: relative;
  right: -5%;
  margin-bottom: 5%;
  margin-top: 2%;
}

.techaware_pics_image {
  width: 12%;
  transform: rotate(0deg);
  position: relative;
  right: 2%;
  margin-bottom: 2%;
  margin-top: 2%;
}

.training_pics_checkin-image {
  width: 100%;
  transform: rotate(0deg);
  position: relative;
  right: -2%;
  margin-bottom: 5%;
  margin-top: 2%;
}

.alone_advert-image {
  width: 30%;
  transform: rotate(0deg);
  position: relative;
  right: -5%;
}

.advert_description {
  font-size: 1.2rem;
  line-height: 1.0;
  color:#000000;
}

.advert_description_network {
  background-color: #9F70FD;
  padding-left: 10%;
  padding-bottom: 5%
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 2.0;
  color:#fff;
  }

  .panel{
    padding-left: 50%;
  }
/* Features Section */

#features {
  position: relative;
}

.feature-title {
  font-size: 1.5rem;
}

.feature-box {
  padding: 4.5%;
}

.subfeature-title {
  font-size: 1.0rem;
}

.subfeature-box {
  padding: 4.5%;
}


.icon {
  color: #ef8172;
  margin-bottom: 1rem;
}

.icon:hover {
  color: #ff4c68;
}

.subfeature_image{
    width: 75%;
    transform: rotate(0deg);
  /*  <!-- position: relative -->
  <!--  right: -50%; --> */
  }

  .sitlbuttons {
    /* font-size: 1.2rem;
    line-height: 1.0; */
    text-align: left;
    /* background-color: #80c4e9; */
    color: white;
  }

  .aboutus-image2 {
    width: 100%;
    border-radius: 0%;
    margin: 10px;
    transform: rotate(0deg);
    background-color: #1D24CA;
    opacity:0.80;
  }
/* Testimonial Section */

.service_advert_display_part1 {
  background-color: #77CDFF;
  font-size: 1.2rem;
  line-height: 1.0;
  color:#000000;
}

.service_advert_display_part2 {

  background-color: #FFF;

  color:#000000;
}

.service_advert_display_part3 {
  background-color: #C4E1F;
  font-size: 1.2rem;
  line-height: 1.0;
  color:#000000;
}

.service_advert_display_part4 {
  background-color: #C4E1F6;
  font-size: 1.2rem;
  line-height: 1.0;
  color:#000000;
}
#testimonials01, #testimonials02, #testimonials03, #testimonials04{
  background-color: #ef8172;
}

 #train-calender-title {
  background-color: #80c4e9;
  text-align: left;
  margin-right: -15%;
}

#sub-testimonials00{
  background-color: #ef8172;
}

#testimonials00 {
  background-color: #1D24CA;
}



.testimonial-text {
  font-size: 2.0rem;
  line-height: 1.5;
  text-align: left;
}

.testimonial-text2 {
  font-size: 1.5rem;
  line-height: 1.2;
  text-align: left;
  color: white;
}

.testimonial-text3 {
  font-size: 1.1rem;
  line-height: 1.2;
  text-align: justify;
  color: white;
}

.testimonial-image {
  width: 100%;
  border-radius: 50%;
  margin: 10px;
  opacity:0.5;
}

.sub-testimonial-image {
  width: 20%;
  border-radius: 50%;
  margin: 5px;
  opacity:0.9;
}

.sub-testimonial-text {
  font-size: 3.0rem;
  line-height: 1.5;
  /* text-align: left; */
}

.text-block{
  position: absolute;
  bottom: 20px;
  right: 20px;
  color: white;
  line-height: 1.2;
  padding-left: 5%;
  padding-right: 10%;
}

.officeAddress{
padding-top: 3%;
  font-size: 1.0rem;
  font-weight: bbold;
/* line-height: 1.0; */
  color: #000000
  }

  .logoheader-image {
    padding-top:3%;
    position: absolute;
    width: 15%;
    /* border-radius: 50%; */
    /* margin-bottom: 10%; */
    /* opacity:0.25; */
  }

#press {
  background-color: #ef8172;
  padding-bottom: 3%;
}

.sitl_logo_image{
  width: 50%;
  margin: 5px 5px 5px;
}

.press-logo {
  width: 15%;
  margin: 20px 20px 50px;
}

/* Pricing Section */

#pricing {
  padding: 100px;
}

.price-text {
  font-size: 3rem;
  line-height: 1.5;
  color: #000000;
}

.pricing-column {
  padding: 3% 2%;
}

/* CTA Section */


/* Footer Section */


.social-icon {
  margin: 20px 10px;
}

@media (max-width: 1028px) {

  #title {
    text-align: center;
  }
}

/*media queries */
/* For small screens (mobile devices) */
@media only screen and (max-width: 78px) {
  body {
         font-size:1px;
  }
}

/* For medium screens (tablets) */
@media only screen and (min-width: 79px) and (max-width: 1024px){
  body {
    font-size:18px;
  }
}

/* For large screens (Desktops) */
@media only screen and (min-width: 1025px) {
  body {
    font-size:20px;
  }
}