 /* html,
body {
    font-family: "Poppins", sans-serif !important;
} */
 
 ul {
     list-style: none;
 }
 
 a {
     text-decoration: none;
     font-family: "Poppins", sans-serif;
 }
 
 .a_hover_underline:hover {
     text-decoration: underline !important;
 }
 
 .nav-header {
     display: flex;
     justify-content: space-between;
     color: whitesmoke;
     border-bottom: 1px solid lightgray;
     /* background: #FF9933;
          Color for National Flag    */
 }
 
 .nav-header ul {
     display: flex;
     align-items: center;
 }
 
 .nav-header ul li {
     /* padding: 4px 6px; */
     /*  background-color: #337ab7; */
     margin: 2px 7px;
 }
 
 .nav-header ul .akam-li-header {
     background: none;
 }
 
 .akam-li-header img {
     width: 70px;
     height: 34PX;
 }
 
 .nav-header ul li a {
     /*   color: white; */
     color: black;
     font-size: 14px;
     text-decoration: underline;
 }
 
 .nav-header-div-2 {
     display: flex;
     align-items: center;
     padding: 15px;
 }
 
 .nav-header-div-2 .gbpi-title {
     margin-left: 40px;
 }
 
 .nav-header-div-2 .gbpi-title .gbpi-title-main {
     color: #3849A3;
 }
 
 .nav-header-div-2 .gbpi-title .gbpi-title-sub {
     color: #5A9421;
 }
 
 .nav-header-div-2 .gbpi-title {}
 
 .nav-header-div-2 img {
     width: 100%;
     max-width: 150px;
 }
 
 .sm-icons {
     padding: 0 !important;
 }
 
 .sm-icon-moefcc {
     height: 32px;
 }
 
 .vg-heading-main {
     margin: 10px;
     text-align: center;
 }
 
 .vg-heading {
     text-align: center;
     color: #286dc0;
     position: relative;
     padding: 5px 0px 5px 0px;
     display: inline-block;
 }
 /*   .vg-heading::first-letter{
        background-color: red;
        border-radius: 2px;
    } */
 
 .vg-heading::before {
     content: "";
     bottom: 0;
     left: 0;
     background-color: #286dc0;
     position: absolute;
     height: 6px;
     width: 100%;
     border-radius: 5px;
 }
 
 #scroll_movetotop {
     display: inline-block;
     background-color: #FF9800;
     width: 50px;
     height: 50px;
     text-align: center;
     border-radius: 4px;
     position: fixed;
     bottom: 30px;
     right: 30px;
     transition: background-color .3s, opacity .5s, visibility .5s;
     opacity: 0;
     visibility: hidden;
     z-index: 1000;
 }
 
 #scroll_movetotop::after {
     content: "\f077";
     font-family: FontAwesome;
     font-weight: normal;
     font-style: normal;
     font-size: 2em;
     line-height: 50px;
     color: #fff;
 }
 
 #scroll_movetotop:hover {
     cursor: pointer;
     background-color: #333;
 }
 
 #scroll_movetotop:active {
     background-color: #555;
 }
 
 #scroll_movetotop.show {
     opacity: 1;
     visibility: visible;
 }
 /*Social Media Icons Styling*/
 
 .fa-footer {
     background-color: rebeccapurple !important;
 }
 
 .fa-facebook {
     padding: 7px 9px;
     -o-transition: .5s;
     -ms-transition: .5s;
     -moz-transition: .5s;
     -webkit-transition: .5s;
     transition: .5s;
     /*   background-color: #322f30; */
     color: #3d5b99;
 }
 
 .fa-facebook:hover {
     background-color: #3d5b99 !important;
     color: white;
 }
 
 .fa-twitter {
     padding: 7px 9px;
     -o-transition: .5s;
     -ms-transition: .5s;
     -moz-transition: .5s;
     -webkit-transition: .5s;
     transition: .5s;
     /*   background-color: #322f30; */
     color: #00aced;
 }
 
 .fa-twitter:hover {
     background-color: #00aced !important;
     color: white;
 }
 
 .fa-rss {
     padding: 10px 14px;
     -o-transition: .5s;
     -ms-transition: .5s;
     -moz-transition: .5s;
     -webkit-transition: .5s;
     transition: .5s;
     background-color: #322f30;
 }
 
 .fa-rss:hover {
     background-color: #eb8231 !important;
 }
 
 .fa-youtube {
     padding: 7px 9px;
     -o-transition: .5s;
     -ms-transition: .5s;
     -moz-transition: .5s;
     -webkit-transition: .5s;
     transition: .5s;
     /* background-color: #322f30; */
     color: #e64a41;
 }
 
 .fa-youtube:hover {
     background-color: #e64a41 !important;
     color: white;
 }
 
 .fa-linkedin {
     padding: 10px 14px;
     -o-transition: .5s;
     -ms-transition: .5s;
     -moz-transition: .5s;
     -webkit-transition: .5s;
     transition: .5s;
     background-color: #322f30;
 }
 
 .fa-linkedin:hover {
     background-color: #0073a4 !important;
 }
 
 .fa-koo {
     padding: 10px 14px;
     -o-transition: .5s;
     -ms-transition: .5s;
     -moz-transition: .5s;
     -webkit-transition: .5s;
     transition: .5s;
     background-color: #322f30;
     background-image: url("Images/Icons/koo.jpg");
 }
 
 .fa-koo:hover {
     background-color: #0073a4 !important;
 }
 
 .koo-icon-li {
     background-color: #322f30 !important;
 }
 
 .koo-img-icon {
     margin: 3px 5px;
     width: 30px;
     vertical-align: middle;
 }
 
 .koo-img-icon-footer {
     margin: 2px 7px;
     width: 30px;
     vertical-align: middle;
 }
 
 .fa-youtube::before {
     content: "\f16a";
 }
 
 .fa-instagram {
     /* background-color: #322f30; */
     color: red !important;
     padding: 7px 9px;
 }
 
 .fa-instagram:hover {
     background-color: red !important;
     color: white !important;
 }
 
 .hide_bar {
     display: none;
     transition: 3s all;
 }
 
 .show_bar {
     display: block;
     transition: 3s all;
     box-shadow: 0px 7px 10px rgb(0 0 0 / 50%);
     position: fixed !important;
     z-index: 9999;
     top: 0;
 }
 
 .seacrh_textbox:focus {
     outline: none;
 }
 
 .search-submit {
     background-color: #6c98e1;
     border-radius: 3px;
     font-size: 14px;
     font-weight: bold;
     line-height: 14px;
     border: 2px solid #6c98e1;
     color: #fff;
     padding: 4px 18px 4px 15px;
     text-transform: uppercase;
     font-family: Montserrat;
     cursor: pointer;
 }
 
 .search-li {
     background-color: white !important;
     border-radius: 2px;
     padding: 0px !important;
 }
 
 .change-text-size {
     color: black;
     border: 1px solid lightgray;
     /*  padding: 0px 12px; */
     border-radius: 4px;
 }
 
 .change-text-size a {
     text-decoration: none !important;
 }
 
 .change-text-size>.inc {
     /*    border-left: 1px solid lightgray; */
     padding: 8px;
 }
 
 .change-text-size>.dec {
     /*  border-right: 1px solid lightgray; */
     padding: 8px;
 }
 
 #owl-demo {
     background: #ADA996;
     /* fallback for old browsers */
     background: -webkit-linear-gradient(to right, #EAEAEA, #DBDBDB, #F2F2F2, #ADA996);
     /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(to right, #EAEAEA, #DBDBDB, #F2F2F2, #ADA996);
     /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 }
 
 .updates-section-link {
     background-color: whitesmoke;
     box-shadow: 0px 7px 10px rgb(0 0 0 / 50%);
     border-bottom: 3px solid rebeccapurple;
     border-top: 3px solid rebeccapurple;
     padding: 5px;
     color: white;
     text-decoration: underline;
     border-top-left-radius: 6px;
     border-bottom-left-radius: 6px;
     z-index: 1;
     display: block;
     margin: 5px 0px 0px 0px;
     position: relative;
 }
 
 .updates-hover-text {
     display: none;
     /*   display: inline-block; */
     color: rebeccapurple;
 }
 /* .updates-hover-text-visible{
    display: block;
} */
 
 .updates-hover-text:hover {
     display: inline-block !important;
     color: rebeccapurple;
 }
 
 .heading-main-div {
     margin: 10px;
     text-align: center;
 }
 
 .heading-main-staff {
     text-align: center;
     color: #286dc0;
     position: relative;
     padding: 5px 0px 5px 0px;
     display: inline-block;
 }
 
 .heading-main-staff::before {
     content: "";
     bottom: 0;
     background-color: #286dc0;
     position: absolute;
     height: 8px;
     left: 0;
     width: 100%;
     border-radius: 5px;
 }
 /*Responsive design*/
 
 @media(max-width:600px) {
     .nav-header {
         justify-content: center;
         flex-direction: column;
         align-items: center;
     }
     .nav-header-div-2 {
         flex-direction: column;
     }
     .nav-header ul {
         flex-direction: column;
     }
     .nav-header ul ul {
         flex-direction: initial;
     }
 }