<style type="text/css">/*=============== GOOGLE FONTS ===============*/
@import url("https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&display=swap");

/*=============== VARIABLES CSS ===============*/
:root {
--header-height: 6rem;
/*========== Colors ==========*/
/*Color mode HSL(hue, saturation, lightness)*/
--black-color: hsl(220, 24%, 12%);
--black-color-light: hsl(220, 24%, 15%);
--black-color-lighten: hsl(220, 20%, 18%);
--white-color: #fff;
--body-color: #fff;
/*========== Font and typography ==========*/
/*.5rem = 8px | 1rem = 16px ...*/
--body-font:"ABeeZee", sans-serif;
--normal-font-size: 15px;
/*========== Font weight ==========*/
--font-regular: 400;
--font-semi-bold: 600;
/*========== z index ==========*/
--z-tooltip: 10;
--z-fixed: 100;
}
/*========== Responsive typography ==========*/
@media screen and (min-width: 1024px) {
:root {
--normal-font-size: 1rem;
}
.header{
display: none;
}
}
/*=============== BASE ===============*/
* {
box-sizing: border-box;
padding: 0;
margin: 0;
}
body {
font-family: var(--body-font);
font-size: var(--normal-font-size);
background-color: var(--body-color);
}
ul {
list-style: none;
/* Color highlighting when pressed on mobile devices */
/*-webkit-tap-highlight-color: transparent;*/
}
a {
text-decoration: none;
}
/*=============== REUSABLE CSS CLASSES ===============*/
.container {
max-width: 90%;
margin-inline: 1.5rem;
}
/*=============== HEADER ===============*/
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #fff;
box-shadow: 0 2px 16px hsla(220, 32%, 8%, .3);
z-index: 9999999;
}
h1{ font-family: "ABeeZee", sans-serif;
font-size: 1.25erm;
font-weight: 800; }
/*=============== NAV ===============*/
.nav {
height: var(--header-height);
}
.nav__logo, 
.nav__burger, 
.nav__close {
color: #000;
}
.nav__data {
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.nav__logo {
display: inline-flex;
align-items: center;
column-gap: .25rem;
font-weight: var(--font-semi-bold);
/* Color highlighting when pressed on mobile devices */
/*-webkit-tap-highlight-color: transparent;*/

}
.nav__logo img{
width: 60px;
}
.nav__logo .nameimg{
width: 50%;
}
.nav__logo i {
font-weight: initial;
font-size: 1.25rem;
}
.nav__toggle {
position: relative;
width: 32px;
height: 32px;
}
.nav__burger, 
.nav__close {
position: absolute;
width: max-content;
height: max-content;
inset: 0;
margin: auto;
font-size: 1.90rem;
cursor: pointer;
transition: opacity .1s, transform .4s;
}
.nav__close {
opacity: 0;
}
/* Navigation for mobile devices */
@media screen and (max-width: 1118px) {
#Table_01{
display: none;
}
.col-md-9, .col-sm-2, .col-sm-5{
    width: 100%;
}
.container .footer{
    padding-left:15% ;
}
.container #footer_s {
    padding-left: 0; margin-left: -10px;
}
.container #footer_l p{
    padding-top: 5% ;}
.container{width: 100%;}
.news-container-fluid .sidebar-meta span{font-size: 15px !important;}
.news-container-fluid p{font-size: 16px !important; line-height: 1.5;}
h1{
    font-size: 30px;
}
.news-container-fluid .hero-img{
    width: 60% !important;
}
.nav__menu {
position: absolute;
left: 0;
top: 2.5rem;
width: 100%;
height: calc(100vh - 3.5rem);
overflow: auto;
pointer-events: none;
opacity: 0;
transition: top .4s, opacity .3s;
}
.nav__menu::-webkit-scrollbar {
width: 0;
}
.nav__list {
background-color: #000;
padding-top: 1rem;
margin-top: 1.9rem;
}
}
.nav__link {
font-size: 13px;
color: #fff;
background-color: var(--black-color);
font-weight: var(--font-semi-bold);
padding: 1rem 1.5rem;
display: flex;
justify-content: space-between;
align-items: center;
transition: background-color .3s;
}
.nav__link:hover {
background-color: var(--black-color-light);
}
/* Show menu */
.show-menu {
opacity: 1;
top: 3.5rem;
pointer-events: initial;
}
/* Show icon */
.show-icon .nav__burger {
opacity: 0;
transform: rotate(90deg);
}
.show-icon .nav__close {
opacity: 1;
transform: rotate(90deg);
}
/*=============== DROPDOWN ===============*/
.dropdown__item {
cursor: pointer;
}
.dropdown__arrow {
font-size: 1.25rem;
font-weight: initial;
transition: transform .4s;
}
.dropdown__link, 
.dropdown__sublink {
font-size: 12px;
padding: 1rem 1rem 1rem 2.5rem;
color: #fff;
background-color: #000;
display: flex;
align-items: center;
column-gap: .5rem;
font-weight: var(--font-semi-bold);
transition: background-color .3s;
}
.dropdown__link i, 
.dropdown__sublink i {
font-size: 1.25rem;
font-weight: initial;
}
.dropdown__link:hover, 
.dropdown__sublink:hover {
background-color: var(--black-color);
}
.dropdown__menu, 
.dropdown__submenu {
max-height: 0;
overflow: hidden;
transition: max-height .4s ease-out;
}
/* Show dropdown menu & submenu */
.dropdown__item:hover .dropdown__menu, 
.dropdown__subitem:hover > .dropdown__submenu {
max-height: 1000px;
transition: max-height .4s ease-in;
}
/* Rotate dropdown icon */
.dropdown__item:hover .dropdown__arrow {
transform: rotate(180deg);
}
/*=============== DROPDOWN SUBMENU ===============*/
.dropdown__add {
margin-left: auto;
}
.dropdown__sublink {
background-color: var(--black-color-lighten);
}
/*=============== BREAKPOINTS ===============*/
/* For small devices */
@media screen and (max-width: 340px) {
.container {
margin-inline: 1rem;
}
.nav__link {
padding-inline: 1rem;
}
}
/* For large devices */
@media screen and (min-width: 1118px) {
.container {
margin-inline: auto;
}
.nav {
height: calc(var(--header-height) + 2rem);
display: flex;
justify-content: space-between;
}
.nav__toggle {
display: none;
}
.nav__list {
height: 100%;
display: flex;
column-gap: 3rem;
}
.nav__link {
height: 100%;
padding: 0;
justify-content: initial;
column-gap: .25rem;
}
.nav__link:hover {
background-color: transparent;
}
.dropdown__item, 
.dropdown__subitem {
position: relative;
}
.dropdown__menu, 
.dropdown__submenu {
max-height: initial;
overflow: initial;
position: absolute;
left: 0;
top: 6rem;
opacity: 0;
pointer-events: none;
transition: opacity .3s, top .3s;
}
.dropdown__link, 
.dropdown__sublink {
padding-inline: 1rem 3.5rem;
}
.dropdown__subitem .dropdown__link {
padding-inline: 1rem;
}
.dropdown__submenu {
position: absolute;
left: 100%;
top: .5rem;
}
/* Show dropdown menu */
.dropdown__item:hover .dropdown__menu {
opacity: 1;
top: 5.5rem;
pointer-events: initial;
transition: top .3s;
}
/* Show dropdown submenu */
.dropdown__subitem:hover > .dropdown__submenu {
opacity: 1;
top: 0;
pointer-events: initial;
transition: top .3s;
}
}
.news-container-fluid{
width: 100%;
float: center;
vertical-align: center;
margin: auto;
padding: 10px;
}
div.gallery h2{
font-family: "ABeeZee", sans-serif;;
font-size: 20px;
line-height: 1.2;
}
div.gallery i{padding-right: 10px; color: #CAD439;}
div.gallery {  margin: 5px;  box-shadow: 10px 10px 13px #fff;  float: left;  width: 100%;  height: 100%;  background: #fff;}
div.gallery:hover {
border: 0px solid #777;
}
div.gallery img {
width: 100%;
height: 100%;
margin-bottom: 15px;
}
div span.article-date{
padding-left:15px;
padding-top:15px;
font-size: 13px;
}
div.desc {
padding: 1px 15px;
text-align: left;
}
div.gallery .desc h2 a{
color: black;
}
div.gallery .desc h2 a:hover{
color: #BBD653;
text-decoration: none;
}
@media (min-width: 1200px){
.container {
width: 85% !important;
}
}
ul, li {
list-style: none;
}
h5{
margin: 0;

}
h3{
color: #000;
margin: 10px 0px 15px;
padding-bottom:10px;
padding-left: 10px;
border-left: 5px solid #CAD439;
}
.sidebar.widget {
background: #f2f2f2;
border: 1px solid #ddd;
padding: 0px 20px;
/* position: absolute; */
width: 300px;
margin: 2em 0.5em;
}
.sidebar.widget ul {
margin: 0px;
padding: 0;
overflow: hidden;
}
.sidebar.widget ul li {
overflow: hidden;
font-size: 14px;
margin-bottom: 20px;
border-bottom: 1px dashed #ddd;
padding-bottom: 20px
}
.sidebar-thumb{
float: left;
overflow: hidden;
margin-right: 15px;
}
.sidebar-thumb img{
background: #ddd;
border: 1px dashed #BFCD38;
padding: 2px;
height: 75px;
width: 75px;

-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.sidebar-content h5{ 
font-size: 14px;
cursor: pointer;
line-height: 20px;
font-family: "ABeeZee", sans-serif;
}
.sidebar-content h5 a:hover{ 
color: #BFCD38;
}
.sidebar-content h5 a{ 
color: #202020;
outline: 0 none;
text-decoration: none;
font-weight: 600;font-family: "ABeeZee", sans-serif;
}
.sidebar-meta{
margin-top: 10px;
}
.sidebar-meta span{
color: #2e2e2e;
}
.sidebar-meta span.time{
margin-right: 10px;
}
.sidebar-meta span i{
color: #CAD439;
}
* {
box-sizing: border-box;
}
/* Create three unequal columns that floats next to each other */
.column {
float: left;
padding: 10px;
height: 300px; /* Should be removed. Only for demonstration */
height: 341px;
font-size: 18px;
/*font-size: 13px;
font-weight: 600;*/
}
.left, .right {
width: 33%;
}
.middle {
width: 33%;
}
.row {
    margin-right: -15px;
    margin-left: -35px!important;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
.homeBnr .hbnrRight {
padding-bottom: 10px;
position: initial !important;
width:50%;
margin-bottom: 5%;
}
.cmnFrm .btn{
padding: 15px;
line-height: 10px !important;
font-size: 16px !important;}
.cmnFrm input[type="text"], .cmnFrm input[type="email"]{
padding: 0px 0px;
font-size: 15px;
background: transparent;
border-bottom: 2px solid #000;}
.hbnrLeft{
width: 80%;}
.freeReportLeft{
width: 100% !important;}
.pb-70, .pb-60 { padding:0px !important }
.homeBnr h1{
margin-top: -10%;
font-size: 45px;}
.ReportFrom.cmnFrm{
margin-top: 0%;
box-shadow: 13px 13px 8px #bfcd38;
border-radius: 55px 0px 0px 0px;}
@media (max-width: 767px)
{
.homeBnr h1{
font-size: 20px;
text-align: left;
margin-bottom: 20px;}
.homeBnr .hbnrRight {
position: initial !important;
width:75% !important;
margin-bottom: 10%;}
.homeBnr .container {
padding-left: 20px;
margin-right: -30px;
padding-right: 0px;
}
.ReportFrom.cmnFrm{
width: 100%;
}
.hbnrLeft{
width: 100%;
padding-top: 0px;
margin-top:10%;
padding-bottom: 0px;}
.cmnFrm input[type="text"], .cmnFrm input[type="email"]{
font-size: 12px;
line-height: 3;}
}
@media (max-width: 600px){
.container table{
width: 100% !important;
height: auto;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
-webkit-border-horizontal-spacing: 0px;
-webkit-border-vertical-spacing: 0px;
}
.sidebar.widget{
display: none;
}
}
.mobile-container {
/*max-width: auto;*/
margin: auto;
/*background-color: #555;*/
height: auto;
color: #000;
border-radius: 10px;
}
.topnav {
overflow: hidden;
background-color: #fff;
position: relative;
}
.topnav #mobilenav {
display: none;
}
.topnav a {
color: #000;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
display: block;
/* border-color: #000;
border-style: groove;*/
}
.topnav a.icon {
background: #fff;
display: block;
position: absolute;
right: 0;
top: 0;
}
.topnav a:hover {
/*background-color: #bfcd38;*/
color: #bfcd38;
}
.active {
background-color: #fff;
color: #000;
}
<!--mobile dropdown -->
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: relative;
background-color: #f1f1f1;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {
background-color: #bfcd38;
color: black;
}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown .dropbtn {
font-size: 17px;
border: none;
outline: none;
color: black;
padding: 14px 16px;
font-family: inherit;
margin: 0;
}
.news-container-fluid .sidebar-meta span{font-size: 18px;}
.news-container-fluid p{font-size: 20px; line-height: 1.5;}
.news-container-fluid img{ margin-top: 1px;padding-top: 2px;}
.news-container-fluid p a{ color: #CAD439; font-weight: 600;}
.container .footer {
    padding: 15px 10%;
}
.container .gallery .keypoints li{
    list-style: disc;
font-size: 20px;
margin-left: 30px;
}
.container .gallery h4{
    font-size: 25px;
}
</style>