body,h1,h2,h3,h4,h5 {font-family: "Montserrat", sans-serif;}
  body {font-size: 16pt; width:auto;}
  h6 {font-family: "Montserrat", sans-serif; font-weight:600; padding-left: 16px;
}
  
.fade-wrapper{
  position: absolute;
top: 40px;
right: calc(100% + 100px);
width: 200px;
}

.fade {
	font-size: 24pt;
	color: wheat;
  opacity: 0;
  transform: scale(2);
}
.service_details{
  background-color: white;
  border-radius: 20px;
  padding: 15px;
  margin: 15px;
  position: relative;
  animation: slidefromright 0.6s;
}@keyframes slidefromright{from{right:-100%;opacity:0} to{right:0;opacity:1}}

#service_details{scroll-margin-top: 30px;}

.sshot{
  max-width: -webkit-fill-available;
}

.contact-form{
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  max-width: 1200px;
}

.service-card{
  border-width: 2px; border-color: orange; border-style: solid; border-radius: 5px;
}

@media (prefers-reduced-motion: no-preference) {
  .fade {
    transition: opacity 3s ease, transform 3s ease;
  }
}

.fade-transition {
    opacity: 1;
    transform: none;
}

  .logo{border-radius: 40px;
      background: white;
      padding: 20px;
      width: 220px;
      height: 80px;}
  .menutext{display: inline-flex;vertical-align: middle;}
  .svg-black{padding-right: 20px;}
  .svg-yellow{padding-right: 20px; filter: invert(81%) sepia(23%) saturate(2917%) hue-rotate(326deg) brightness(107%) contrast(107%);}
  .svg-orange{padding-right: 20px; filter: invert(42%) sepia(96%) saturate(1903%) hue-rotate(344deg) brightness(102%) contrast(101%);}
  .svg-gray{padding-right: 20px; filter: invert(27%) sepia(0%) saturate(88%) hue-rotate(172deg) brightness(88%) contrast(87%);}
  .svg-green{padding-right: 20px; filter: invert(69%) sepia(4%) saturate(4989%) hue-rotate(61deg) brightness(97%) contrast(82%);}
  .svg{display: inline-flex; vertical-align: middle;}
  html {
    scroll-behavior: smooth;
  }
  @media screen and (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto;
    }
  }
  .pageblock{margin-top:0px; padding-top: 25px;}

  #contactenv{
    background-color: rgb(49, 49, 49);
    padding-top: 90px;
    padding-bottom: 100px;
  }
  #services{background-color: rgb(49, 49, 49);}
  #about{
    background-color:#EA571D; 
  }
  #customers{background-color:#72BA5D;}
  #aboutus{
    margin-right: 50%;
    padding-bottom: 0px;
    position: absolute;
    z-index: 0;
    right: -280px;
  }
  
  #contactus{
    margin-right: 50%;
    padding-bottom: 0px;
    position: absolute;
    z-index: 0;
    right: -320px;
  }
  .conttext{
    padding-top: 120px;
  }
  .center {
    text-align: center; 
  }
  .fingerp{
    position: relative;
    margin-top: 20px;
    min-height: 150px;
    font-size: x-large;
  }
  
  .fingertext{
      border-top-left-radius:100px;
      border-top-right-radius: 300px;
      background: white;
      margin-left: 50%;
      padding: 50px;
      padding-top: 130px;
      padding-bottom: 60px;
      width: 45%;
      min-height: 650px;
  }

.service-card-more{
  white-space: normal;
}

.service{
  text-shadow: 0 0 15px rgb(255 255 255 / 50%), 0 0 10px rgb(255 255 255 / 50%), 0px 0px 5px rgb(255 255 255 / 50%);
}
  .service-button{
    margin-bottom: 5px;
    border-radius: 10px;
    display: block; 
    background-color:white;
    position:relative;
    cursor:pointer;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
    font-weight: 600;
  }
  li:hover > .service {text-shadow: 0 0 20px #ffc107, 0 0 10px #ffc107, 0px 0px 5px #ffc107;}
  #abouttext{
    padding-left: 0.7em;
  }

  
  hr.dashorange{
    width: 47px;
    border: 8px solid #F3B826;
    padding-left: 5px;
    margin-top: -40px;
    margin-left: 15px;
    border-radius: 5px;
  }

  hr.dashorange2{
    width: 47px;
    border: 8px solid #F3B826;
    padding-left: 5px;
    margin-top: -110px;
    margin-left: -80px;
    margin-bottom: 70px;
    border-radius: 5px;
  }

  @media(max-width:992px){
    .fingerp{font-size: large;}
    .fade-wrapper{display: none!important;}
    #aboutus{position: relative!important;margin-left: auto;margin-right: auto;left: 0px;}    
    #contactus{position: relative!important;margin-left: auto;margin-right: auto;left: 0px;}        
    #abouttext{padding-left: 0.3em!important;}
    .fingertext{padding-top: 90px;margin-left: auto;margin-right: auto;width: 70%;border-top-left-radius:200px;border-top-right-radius:200px}
    #services{padding-top: 2em;}
    #service_details{scroll-margin-top: 80px;}
    
  }
  @media(max-width:600px){
    .fingertext{padding-top: 50px; width: 90%;border-top-left-radius:100px;border-top-right-radius:100px}
    .contact-form{margin: 0px; padding: 5px;}
    body {font-size: 14pt; width:auto;}
    h6 {font-weight:500;font-size:50px!important;}
    hr.dashorange{width: 20px; border: 4px solid #F3B826; margin-top: -25px;}
    
    #services{padding-top: 3em;}
  }
  .button1 {border-radius: 25px;}