/* Scroll to top CSS */
    .scrollToTop{
      width: 51px;
      height: 51px;
      border-radius: 50%;
      color: #fff;
      font-size: 2em;
      text-decoration: none;
      background-color: #f8a51b;
      position:fixed;
      z-index: 25;
      bottom:29px;
      right:25px;
      display:none;
      }
      .scrollToTop span {
      display: flex;
      width: 100%;
      height: 100%;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      }
      .scrollToTop span:before {  
      /* Make a CSS Chevron */
      border-style: solid;
      border-width: 0.18em 0.18em 0 0;
      content: '';
      height: 0.45em;
      position: relative;
      transform: rotate(-45deg);
      width: 0.45em;
      color: white;
      top: 0.09em;
      /* If you have Font Awesome */
      /*font-family: "Font Awesome 5 Free"; 
      font-weight: 600;
      content: "\f062";*/
      color: white;
      }
      .scrollToTop:hover {
      background: #4d6af9; 
      }
      .scrollToTop span:hover:before {
      color: white; 
      }
      /* Responsive Adjustments */ 
      @media screen and (max-width: 767px) {
      .scrollToTop{bottom: 47px;}
      }  
      @media screen and (max-width: 479px) {
      .scrollToTop{bottom: 15px;}
      }