/* hero-sm-alt */
      /* nav styles */
      #suggestionQuery{border-radius: 16px !important;}

      #hero-sm-alt{text-align: center; color: #ffffff;
          margin-top:0px;
          background-image:linear-gradient(to right,#000000,#5A5858);
        }
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        .page-container{
            max-width: 100%;
            position: relative;
            width: 100%;
            margin: 0 auto;
            padding: 0 0 40px 0;
        }
        .flex-thing{display: flex;align-items: center;flex-direction: row; flex-wrap: wrap;  justify-content: space-between;}
        /* hide and show mobile */
        .show-desktop{display: block;}
          .show-mobile{display: none;}
        /* touch */
        #touch{display: flex;align-items: stretch;flex-direction: row; flex-wrap: nowrap; gap:45px;  justify-content:flex-start; z-index:10;padding:0 5%;font-family:"Open Sans" !important;}
        #touch .touch-left{width:50%; padding:8% 50px 50px 100px; text-align: left;}
        #touch .touch-left h1{font-size:56px; line-height: 63px;font-weight: 200;}
        #touch .touch-right{width:46%; padding:0 50px 50px 50px; text-align: left;}
        #touch-icons{display: flex;align-items: stretch;flex-direction: row; flex-wrap: nowrap; gap:25px;  justify-content:center; margin-top:60px; padding:0 5%;}
        #touch-icons .touch-item{width: 30%; text-align: center;}
        #touch-icons .touch-item img{max-height: 150px; padding:0 0 12px 0;}
        #touch-icons .touch-item p{font-family:"Open Sans" !important;color: #ffffff; font-size: 18px;font-weight: 200; }
        @media screen and (max-width: 768px) {
            #touch{flex-direction: column-reverse;gap: 0;}
            #touch .touch-left{width:100%; padding:8% 2% 3% 2%; text-align: center;}
            #touch .touch-right{width:100%; padding:0 2% 3% 2%; text-align: center;}
            #touch-content .utilies-wrapper{width: 100%;}
            #hero-sm{text-align: center; color: #ffffff;
                background-image:none;
                background-position: center top;
                background-repeat: no-repeat;
            }
            #touch-icons{flex-direction: column;}
            #touch-icons .touch-item{width: 80% !important; margin:auto;}
        }
/* feedback style */
        #feedback{background-image:linear-gradient(to right,#28812a,#31ab32);}
        #feedback .feedback-wrapper{display: inline-flex; width: 90%;  align-items: center;flex-direction: row; flex-wrap: nowrap; justify-content: center; gap:45px; z-index:10; padding:0 5%;font-family:"Open Sans" !important; margin: 0 auto;}
        #feedback .feedback-left{width:60%; padding:3% 50px 50px 100px; text-align: left;}
        #feedback .feedback-left h2{font-size: 46px; line-height: 53px; font-weight: 500; font-family: "Open Sans" !important; color: #ffffff;}
        #feedback .feedback-left p{font-size: 18px; font-weight: 200; font-family: "Open Sans" !important;color: #ffffff;}
        #feedback .feedback-right{display: flex; flex-direction: column; flex-wrap: wrap; padding:3% 25px 50px 25px; text-align: center;}
        #feedback .feedback-right a{color:#ffffff; border:1px solid #ffffff; border-radius:32px; padding:10px 40px; margin:15px 0 15px 0px;font-size:16px; font-weight:500; text-decoration:none;display:inline-block;font-family:"Open Sans" !important; text-align: center; text-transform: uppercase;}
        @media screen and (max-width: 768px) {
            #feedback .feedback-wrapper{flex-direction: column;padding:0 2%; width: 96%; gap: 0;}
            #feedback .feedback-left{width: 100%; padding:20px 20px; text-align: center;}
			#feedback .feedback-right{width: 100%; padding: 5px; text-align: center;}
        }
/* support style */
        #support{background-color: #dddddd; padding:50px 0;}
        #support h2{font-size: 46px; line-height: 53px; padding-left: 190px; font-weight: normal; font-family: "Open Sans" !important; ;margin: 0 auto;}
        #support .support-wrapper{width:85%;display: flex;align-items: stretch;flex-direction: row; flex-wrap: wrap; gap:25px;  justify-content:center;margin: 30px auto;}
        #support .support-wrapper .support-item{text-align: center; width: 20%;}
        #support .support-wrapper .support-item img{max-height: 150px; padding:0 0 12px 0;}
        #support .support-wrapper .support-item a{color:#000000; text-decoration: none; text-transform:none;font-family:"Open Sans" !important; text-align: center;font-size:18px;font-weight: 500;}
        @media screen and (max-width: 768px) {
            #support .support-wrapper .support-item {width: 45%;padding:20px 20px;}
			#support h2 {text-align: center; margin: auto; padding: 10px;}
        }