/* Global Resets: Essential for removing default browser spacing at the top and ensuring consistent box model */
html, body {
    margin: 0 !important;          /* Removes default browser outer spacing */
    padding: 0 !important;         /* Removes default browser inner spacing */
    width: 100%;        /* Ensures html and body take full width */
    height: auto;       /* Allows height to adjust to content */
    overflow-x: hidden; /* Prevents horizontal scroll if content overflows */
    font-family: 'Inter', sans-serif !important; /* Applies the desired font across the page */
    box-sizing: border-box; /* Ensures padding and border are included in element's total width and height */
    color: #333; /* Suggested default text color for general body content */
    line-height: 1.6; /* Suggested default line height for readability */
    /* Suggested base font size ====== font-size: 16px; ====== for the body */
}

div.MainCtn		{position: relative; top:0; left:0; width:100%; height:auto; margin:0; padding:0; display: flex; flex-wrap: wrap; }

/* Video Banner Container Styles */
.video-banner-container {
    min-height: 250px;          /* Minimum height to ensure visibility on all devices */
    height: auto;              /* Fixed height for desktop, adjust for responsiveness below */
    position: relative;         /* Crucial for absolute positioning of the .Intro text */
	top:0; left:0; width: 95%; 
	padding-top:0; padding-left:0;
    border-radius: 2.8vw;         /* Adds slightly rounded corners for a modern look */
    overflow: hidden;           /* Clips video content if it overflows its container */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Adds a subtle shadow for depth */
    margin-top: 0.66vw; margin-left:2.3vw;   /* Explicitly removes any top margin, pushing it to the very top */
    display: block;             /* Ensures it behaves as a block element */
}

/* Common Styles for Both Video Elements */
.video-banner {
    width: 100%;                /* Videos fill the width of their container */
    height: auto;               /* Videos fill the height of their container */
    display: block;             /* Ensures no extra space below the video */
    object-fit: cover;          /* Crucial: Scales video to cover the container while maintaining aspect ratio, cropping if necessary */
}

/* Default: Show desktop video, hide mobile video */
.desktop-video { display: block; }
.mobile-video { display: none; }

/* Styles for the floating Intro text (Default - for Desktop) */
.Intro {
    position: absolute;       /* Position relative to .video-banner-container */
    left: 27%;                /* Start at the horizontal center */
    width: 73%;               /* Take up the right half of the container */
    top: 45%;                 /* Start at the vertical center */
    transform: translateY(-50%); /* Adjust upwards by half its height for perfect vertical centering */
    z-index: 2;              /* Ensure it's above the video, */
    color: white;             /* Suggested text color for contrast against video */
    padding: 0 25px;          /* Padding on left/right for spacing from edges */
    text-align: left;         /* Align text to the left */
    font-size: 1.8em;         /* Suggested larger font size for desktop readability */
    font-weight: bold;        /* Make the text bold */
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8); /* Stronger shadow for better readability over video */
    line-height: 1.4;         /* Improve line spacing */
    box-sizing: border-box;   /* Include padding in the width calculation */
	border-radius:22px
}

/* Styles for the .Cnt container (your main content wrapper) */
.Cnt {
    max-width: 1200px; /* Suggested maximum width for your content, adjust as needed */
    margin: 20px auto;  /* Centers the container horizontally with 20px top/bottom margin */
    padding: 0 15px;    /* Adds horizontal padding on the sides for content, adjust as needed */
    box-sizing: border-box; /* Include padding in the width */
}

/* Suggested styles for headings within the .Cnt container */
.Cnt h1, .Cnt h2, .Cnt h3, .Cnt h4, .Cnt h5, .Cnt h6 {
    color: #2c3e50; /* Suggested darker color for headings */  margin-top: 1.0em; /* Space above headings */
    margin-bottom: 0.5em; /* Space below headings */   line-height: 1.0;
}

.Cnt h1 {
    font-size: 1.83vw; /* Suggested size for h1 */
    font-weight: bold; /* Ensure h1 is bold */
}

/* New style for the subtitle text within h1 */
.Cnt h1 .subtitle-text {
    font-size: 1.46vw; white-space: nowrap; /* Keep the text on a single line */
	color: #1010f8;
    display: inline-block; /* Allows for vertical-align and other properties */
    vertical-align: middle; /* Helps align it vertically with the main h1 text */
    margin-left: 0.5em; /* Small space between bold text and subtitle */
}

/* Suggested styles for links within the .Cnt container */

.Cnt a {
    color: #1010f8; /* blue color for links */
    font-size: 1.46vw; text-decoration:underline; font-weight: normal; 
}

.Cnt h2, .body h2 {
    font-size: 1.83vw; font-weight: bold; /* Suggested size for h2 */
}

#sales {scroll-margin-top: 110px; }

/* Suggested styles for paragraphs within the .Cnt container */
.Cnt p {
    color: #555; 
	font-size:1.6vw; 
    margin-bottom: 1em; /* Space below paragraphs */
}

.Cnt a:hover {
    text-decoration: none; /* Add underline on hover */
}

.Cnt2 	{position:relative; top:0 ; left:0 ; width:100%; height:auto; display:flex; flex;flex-wrap:wrap;
			padding-top:0 ; padding-bottom:0 ;  padding-left: 1% ; padding-right: 1%; }
.Lft, .Rgt, .body {height:auto; color:#303030;font-weight:norml;font-family: "Arial", "Helvetica", "sans-serif"; line-height:1.3; }
.Lft {width:47.5%; margin:0; padding-left:2%; padding-right:0.5%; font-size:1.46vw;  }
.Rgt {width:47.5%; margin:0; padding-left:0.5%; padding-right:2%; font-size:1.46vw;  }
.body {width:100%; margin-left:3.6vw; padding-right:3.6vw; margin-top:3vw; margin-bottom:2vw; font-size:1.6vw;  }

.Fty-size, .Abt {width:100%; height:auto; border-radius:1.3vw;}
.chat {width: 20%; height:auto; left:0; padding-top:10px;}

.Lft h3, .Rgt h3	{font-size: 1.46vw; font-weight: bold; }
.Lft h3 .sub-text, .Rgt h3 .sub-text, .Lft h3 .sub-text:visited, .Rgt h3 .sub-text:visited {
    font-size: 1.3vw; white-space: nowrap; 
	color: #0000c0;
	text-decoration:underline; 
    display: inline-block; /* Allows for vertical-align and other properties */
    vertical-align: middle; /* Helps align it vertically with the main h1 text */
    margin-left: 1.0em; /* Small space between bold text and subtitle */
}
.Lft h3 .sub-text:active, .Rgt h3 .sub-text:active, .Lft h3 .sub-text:hover, .Rgt h3 .sub-text:hover {
	color: #ff00ff;
	text-decoration:none;
}


.Co-hd, font.visit, font.BdyB	{font-weight:normal; font-style:standard;font-family: "Arial", "Helvetica", "sans-serif"; }
.Co-hd  {font-size:22px; color:#303030; }
.visit  {font-size:16px; color:#303030; }
.BdyB  {font-size:23px; color:#202080; }

a.inqa, a.inqa:visited  {text-decoration:underline; font-size:20px;color:#0000c0;font-weight:bold; font-family: "Arial", "Helvetica", "sans-serif";}
a.inqa:active, a.inqa:hover {color:#0000f0; }



/* ============ MOBILE Begin ============ MOBILE ============ MOBILE ============ */
@media only screen and (max-width: 768px) {
    /* Reinforce global resets *within* the media query for stubborn mobile issues */
    html, body {
        margin: 0 !important; /* Ensure no margin is pushing content down */
        padding: 0 !important; /* Ensure no padding is pushing content down */
        display: block !important; /* Ensure they behave as block elements */
        min-height: 0 !important; /* Prevent any implicit min-height */
        line-height: 1 !important; /* Aggressively reset line-height */
    }

div.MainCtn		{position: relative; top:0; left:0; width:100%; height:auto; margin:0; padding:0; display: flex; flex-wrap: wrap; }

    .video-banner-container {
        height: auto; /* Adjusted height for mobile screens */
        min-height: unset; /* Remove min-height for mobile if desired */
        position: relative !important; /* IMPORTANT: Ensure this container is the positioning context for .Intro */
        top: 2.0vw !important; /* Explicitly stick to the top within its parent */
		left: 2vw; 
		width: 95vw;
		padding-top:0; padding-left:0; margin-top: 0; margin-left:0;
        border-radius: 3vw; /* Remove rounded corners on mobile for a full-bleed banner effect */
        box-shadow: none; /* Remove shadow on mobile for performance/simplicity */
    }

    .desktop-video {
        display: none; /* Hide desktop video on screens 580px or smaller */
    }

    .mobile-video {
        display: block; /* Show mobile video on screens 580px or smaller */
		border-radius:10px
    }

    .Intro {
        display: block; position: absolute !important; width: 95%; 
		left: 15%;     /* Adjusted horizontally */ 
		top: 35%;    /* Adjusted vertically */
        transform: translate(0%, -10%); /* Adjust for horizontal and vertical centering */
        text-align: left; 
		font-size: 3.7vw;  
		line-height: 1.3; 
        padding: 0 5px;           
        color: white;  
        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7); 
        box-sizing: border-box; /* Ensure padding/border are included in width */
        white-space: normal; /* Allow text to wrap normally */
        z-index: 2; /* Ensure it's definitely on top of the video */
    }
	
.Cnt h1 {
    font-size: 4vw; /* Suggested size for h1 */
    font-weight: bold; /* Ensure h1 is bold */
}
.Cnt h1 .subtitle-text {
    font-size: 3.15vw; white-space: nowrap; /* Keep the text on a single line */
    display: inline-block; /* Allows for vertical-align and other properties */
    vertical-align: middle; /* Helps align it vertically with the main h1 text */
    margin-left: 1.0em; /* Small space between bold text and subtitle */
}
.Cnt a {
    color: #1010f8; /* blue color for links */
    font-size:3.3vw; text-decoration: underline; font-weight: bold; 
}

.Cnt h2, .body h2 {
    font-size: 3.8vw; font-weight: bold; /* Suggested size for h2 */
}

#sales {scroll-margin-top: 80px; }

div.Cnt2 {position:relative;top:0 ; left:0 ; width:100%; height:auto; 
		  padding-top:0; padding-bottom:0 ;  padding-left: 1% ; padding-right: 1%; 
		  display:flex; flex;flex-wrap:wrap; }
div.body {position:relative; top:0; left:0; width:100%; height:auto; 
          margin-left:0.25vw; margin-right:0.1vw; padding-top:2vw; padding-bottom:2vw;  line-height:1.3;
		  font-size:3.5vw; color:#505050; font-weight:550; font-style:italic; font-family: "Arial", "Helvetica", "sans-serif"; }
		  
.Lft {width:100%; height:auto; padding-left:0; padding-right:0; padding-top:0; padding-bottom:15px; 
      font-size:3.75vw; color:#202020;font-weight:normal; font-family: "Arial", "Helvetica", "sans-serif";}
.Rgt {width:100%; height:auto; padding-left:0; padding-right:0; padding-top:0; padding-bottom:15px; 
      font-size:3.75vw; color:#202020;font-weight:normal; font-family: "Arial", "Helvetica", "sans-serif";}
	  
Fty-size, .Abt {width:100%; height:auto; boarder-radius:20vw; }
img.chat {width: 40%; height:auto; left:0; padding-top:5px;}

.Lft h3, .Rgt h3	{font-size: 3.5vw; font-weight: bold; }
.Lft h3 .sub-text, .Rgt h3 .sub-text {
    font-size: 2.8vw; white-space: nowrap; /* Keep the text on a single line */
	color: #0000c0;
	text-decoration:underline;
    display: inline-block; /* Allows for vertical-align and other properties */
    vertical-align: middle; /* Helps align it vertically with the main h1 text */
    margin-left: 1.0em; /* Small space between bold text and subtitle */
}
.Lft h3 .sub-text:active, .Rgt h3 .sub-text:active, .Lft h3 .sub-text:hover, .Rgt h3 .sub-text:hover {
	color: #0000ff;
	text-decoration:none;
}


.Co-hd, .visit	{color:black; font-style:standard; font-family: "Arial", "Helvetica", "sans-serif"; }	
.Co-hd  		{font-size:3vw; font-weight:bold; }
.visit  		{font-size:2.25vw; font-weight:bold; }
.body, .BdyB	{font-size:3.8vw; font-weight:750; color:black; font-style:standard; font-family: "Arial", "Helvetica", "sans-serif"; line-height:1.7; }

a.eml, a.eml:visited		{font-size:2.5vw; color:#818080; text-decoration:underline; font-weight:bold;font-style:italic;font-family: "Arial", "Helvetica", "sans-serif";}
a.eml:active, a.eml:hover	{color:#3030ff; }
} 

a.inqa, a.inqa:visited {font-size:2.5vw; color:#0000c0;font-weight:bold;text-decoration:underline; font-family: "Arial", "Helvetica", "sans-serif";}
a.inqa:active, inqa:hover {color:#0000ff; }

/*  Mobile ended    Mobile ended    Mobile ended    Mobile ended  */