.hero-section{background-color:#111;width:100%;height:55svh;position:relative;overflow:hidden}@media (min-width:320px) and (max-width:350px){.hero-section{height:58svh}}@media (min-width:360px) and (max-width:370px){.hero-section{height:50svh}}@media (min-width:375px){.hero-section{height:60svh}}@media (min-width:390px){.hero-section{height:55svh}}@media (min-width:412px) and (max-width:413px){.hero-section{height:45svh}}@media (min-width:425px) and (max-width:767px){.hero-section{height:65svh}}@media (min-width:768px){.hero-section{height:80svh}}@media (min-width:1024px){.hero-section{height:100svh}}