.error {
    color: red;
}


 .container{ max-width: 100%; } #customers { font-family: Arial, Helvetica, sans-serif; border-collapse: collapse; width: 100%; } #customers td, #customers th { border: 1px solid #ddd; padding: 8px; } #customers tr:nth-child(even){background-color: #f2f2f2;} #customers tr:hover {background-color: #ddd;} #customers th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #04AA6D; color: white; } .slider-img { width: 70px; /* Adjust the image width */ height: 90px; /* Adjust the image height */ } .imp p { font-size: 14px; /* Adjust font size */ margin-top: 5px; color: #333; /* Change the text color */ margin-right: -130px; } .imp div { display: inline-block; text-align: center; } .item { text-align: center; /* Center the image and text */ } .item img { display: block; margin: 0 auto; /* Center the image horizontally */ } .item p { margin-top: 5px; font-size: 14px; /* Adjust font size */ color: #333; /* Customize the text color */ } .navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; background-color: var(--theme-color2); } /* Ensure navbar items are displayed as flex items */ .navbar-nav { display: flex; flex-wrap: wrap; /* Allow items to wrap to the next line */ justify-content: center; /* Align items to the start */ width: 100%; padding-left: 20px; } .navbar-nav .nav-item .nav-link { padding-top: 5px; padding-bottom: 5px; } @media (min-width: 992px) { .navbar #main_nav { justify-content: flex-end; /* padding-bottom: 25px; */ } } /* Add a flex break after 'Events & Activities' */ .break-after { flex-basis: 100%; /* Force a line break */ height: 0; /* Ensure it doesn't take up space */ margin: 0; padding: 0; } .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 100%; } /* .owl-carousel { display: none; width: 50%; z-index: 1; } */ @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .simple-imp-container { width: 100%; background: #6699aa; float: left; display: inline-block; overflow: hidden; box-sizing: border-box; height: 40px; position: relative; cursor: pointer; margin-bottom: 6px; } .simple-imp-container1 { width: 100%; /* background: #e1ecef; */ float: left; display: inline-block; overflow: hidden; box-sizing: border-box; height: 310px; position: relative; cursor: pointer; margin-bottom: 6px; } .slider-img { width: 200px; height: 200px; border-radius: 50%; border: 5px solid #000; margin-left: 100px; object-fit: cover; } .slider-img1 { width: 200px; height: 250px; border-radius: 50%; border: 5px solid #000; margin-left: 100px; object-fit: cover; } marquee { width: 100%; display: block; white-space: nowrap; } div[class*='col-'] { padding: 0 10px; padding-top: 10px; } @media (min-width: 768px) { .col-md-12 { flex: 0 0 auto; width: 100%; } } .simple-imp-container * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } .imp, [class^="imp"] { display: inline-block; white-space: nowrap; position: absolute; padding-top: 5px; } .imp-news { padding: 0; background: #004055; width: 120px; height: 40px; /* line-height: 42px; */ font-size: 15px; font-weight: normal; color: #ffffff; text-align: center; float: left; left: 0; z-index: 1; padding-top:5px; } /* .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 100%; } */ .simple-imp-container * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } } 
 
 .header-top {
	 background-color : green;
 }