#use-cases-page header{margin-bottom:0px}#use-cases-page #header-background{padding-bottom:80px}#use-cases-page .intro{text-align:center}#use-cases-page .intro .container{width:100%}#use-cases-page .intro .container h1{color:var(--h1-secondary-color);margin:10px 0}#use-cases-page .intro .container p{color:var(--p-color-secondary);font-size:14px;max-width:800px;margin:auto}#use-cases-page .content-section{--fade-color: #003835}#use-cases-page .content-section .container{width:90%;max-width:1300px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:32px}#use-cases-page .content-section .container .image-column,#use-cases-page .content-section .container .text-column{flex:1}#use-cases-page .content-section .container .image-column{text-align:center}#use-cases-page .content-section .container .image-column img{width:80%}#use-cases-page .content-section .container .text-column h2{margin-top:0}#use-cases-page .content-section .container h2{color:var(--h2-color);font-size:42px}#use-cases-page .content-section .container p{color:#788198;font-size:14px}#use-cases-page .content-section .container img{width:100%}#use-cases-page .content-section:nth-child(even){--fade-color: #FFFFFF;background-color:var(--third-color)}#use-cases-page .content-section:nth-child(even) h2{color:var(--h2-secondary-color)}#use-cases-page .content-section:nth-child(even) p{color:var(--p-color-secondary)}#use-cases-page .content-section:nth-child(odd){background-color:#fff}#use-cases-page .content-section:nth-child(odd) h2{color:var(--h2-color)}#use-cases-page .content-section:nth-child(odd) p{color:var(--p-color)}@media screen and (max-width: 800px){#use-cases-page #header-background{padding-bottom:50px}#use-cases-page .intro{max-width:100%}#use-cases-page .intro .container{padding:0 20px;text-align:left}#use-cases-page .intro h1{font-size:36px}#use-cases-page .content-section{padding:40px 0px;padding-top:0px}#use-cases-page .content-section .container{display:flex;flex-direction:column-reverse}#use-cases-page .content-section .container h2{font-size:30px}#use-cases-page .content-section .container img{width:calc(100% + 40px);margin-left:-20px}#use-cases-page .content-section .container .image-column img{width:100%;padding:20px}}@media screen and (min-width: 2800px){#use-cases-page .intro .container{max-width:2400px}#use-cases-page .intro .container h1{font-size:100px;margin:20px 0}#use-cases-page .intro .container p{max-width:1600px;font-size:28px}#use-cases-page .content-section .container{max-width:2400px;gap:64px}#use-cases-page .content-section .container h2{font-size:84px}#use-cases-page .content-section .container p{font-size:28px}}
