
		.product-intro {
		  background: white;
		  text-align: center;
		  height: 250px;
		}
		.product-intro__content {
		  width: 900px;
		  max-width: 90vw;
		  margin: auto;
		}
		.product-intro__image-container {
		  background: #1d6b99;
		  border-radius: 10px;
		  transform: translateY(-290px);
		  position: relative;
		}
		@media screen and (min-width: 900px) {
		  .product-intro__image-container img {
		    height: 532px;
		  }
		}
		@media screen and (max-width: 899px) {
		  .product-intro__image-container img {
		    min-height: 200px;
		  }
		}
		
		
		.product-intro__image-container img {
		  border-radius: 10px;
		  width: 900px;
		  max-width: 90vw;
		}
		
		@media screen and (min-width: 1400px) {
		  .product-intro__content,
		  .product-intro__image-container img,
		  .product-intro__image-container-background {
		    width: 1200px !important;
		  }
		  .product-intro__image-container img {
		    height: 709px;
		  }
		  .product-intro {
		    height: 400px;
		  }
		}
		
		@media screen and (max-width: 900px) {
		  .product-intro__image-container { 
		    transform: translateY(-40px);
		  }
		
		  .product-intro__content,
		  .product-intro__image-container img,
		  .product-intro__image-container-background {
		    max-width: 350px !important;
		  }
		
		  .product-intro {
		    height: 210px;
		  }
		}
		
		
		
		.product-intro__image-container-background {
		    position: absolute;
		    bottom: 0;
		    width: 900px;
		    max-width: 90vw;
		    height: 200px;
		    z-index: -1;
		    box-shadow: 2px 0px 40px #c4c9d4;
		    border-radius: 10px;
		}
		
		
		
		#header .head-icon-name h1 {
		    font-weight: normal;
		}
		
		
		  h2 {
		    font-size: 48px;
		  }
		
		  #header {
		    padding-top: 40px;
		  }
		
		  .main-title-h1 {
		    
		    display: inline-block;
		    margin-bottom: 20px;
		    font-weight: bold;
		    font-size: 42px;
		    
		  }
		
		  #header {
		      background: #000 !important;
		      box-sizing: border-box;
		      overflow: visible !important;
		      padding: 16px !important;
		  }
		 
		
		  code {
		    color: inherit;
		  }
		
		
		  
		  ul li {
		      line-height: 1.75em;
		  }
		  ul li:before {
		    content: "";
		    background: url(https:
		    display: inline-block;
		    width: 18px;
		    height: 18px;
		    background-repeat: no-repeat;
		    background-position-y: 1px;
		    background-size: 100%;
		    margin-right: 5px;
		  }
		
		  ul {
		    padding-top: 10px;
		    padding-left: 10px;
		    list-style-type: none;
		    font-size: 16px;
		  }
		
		  h2:not(.main-title-h1) {
		    font-size: 30px;
		    font-weight: bold;
		    color: #25495d;
		  }
		
		
		  img.homepage-img-head {
		    display: inline-block;
		    width: 70px;
		    height: 73px;
		    margin-right: 10px;
		  }
		
		  h2.main-title-h2, 
		  h3.main-title-h2, 
		  div.main-title-h2 {
		      opacity: 0.9;
		      margin: auto;
		      max-width: 85vw;
		      line-height: 1.5em;
		      font-size: 20px;
		      color: white;
		      font-weight: normal;
		      margin-top: 4px;
		    }
		
		  @media screen and (max-width: 800px) {
		    h2 {
		      font-size: 28px;
		    }
		
		    .head-icon-name {
		      display: block;
		      width: 100%;
		      text-align: center;
		    }
		    .head-icon-name img {
		      margin: auto !important;
		      margin-bottom: 10px !important;
		      display: block;
		    }
		  }
		  
		
	
	
		@media screen and (min-width: 800px){
		#header.sticky-header {
		    position: sticky;
		    top: 0;
		    height: auto;
		    z-index: 1000;
		    background: #075883 !important
		}
		#header.sticky-header .container {
		    padding-top: 10px;
		    padding-bottom: 10px;
		}
		#header.sticky-header img.homepage-img-head {
		    width: 38px;
		    height: auto;
		}
		}
										            
	
	
		@keyframes scroll-right {
		  0%  {
		    transform: translateX(0);
		  }
		  100%  {
		    transform: translateX(-1988px); 
		  }
		}
							
		.customer-logos {
		  text-align:center;
		}
							
		.customer-logos--container {
		  display: flex;
		  width: 100%;
		  overflow: hidden;
		  text-align:left;
		  white-space: nowrap;
		}
							
		.customer-logos img {
		  height: 36px;
		  max-height: 100%;
		  margin-right: 30px;
		  filter: grayscale(1) contrast(40%);
		  animation: 75s scroll-right linear infinite;
		}
							
