@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
 
html,body { width: 100%; height: 100%; margin: 0;  padding: 0;}
body {line-height: 1.7; font-size: 15px; color:#1A1F36; font-family: 'Jost', sans-serif;  font-weight:400;-webkit-text-size-adjust: 100%;overflow-x: hidden;}

 
/*#####################__________HERO BANNER SECTION __________########################*/
.hero-section{position: relative;}
.hero-video{width: 100%; height: 100vh; display: block; margin: 0; position: relative; z-index: 20; object-fit: cover; object-position: center;}
.hero-video-heading {font-size: 18px; line-height: 1;  text-shadow: 0 1px 4px rgb(0 0 0 / 70%); font-weight: 600; color: white; position: absolute; left: 0; right: 0; bottom:0px; padding: 16px 20px 16px; text-align: center; margin: 0; background-color: rgb(0 0 0 / 16%); z-index: 99; -webkit-backdrop-filter: blur(8px); -o-backdrop-filter: blur(8px); -moz-backdrop-filter: blur(8px); backdrop-filter: blur(8px);}
 
.mb-video{ display:none}
/*#################################################################*/
/*################___________MEDIAQUERIES____________##############*/
/*#################################################################*/


@media (max-width: 576.98px) {	
.hero-video-heading {font-size: 14px;line-height: 1.6;}
.desktop-video{ display:none}
.mb-video{ display:block}
}