@media (max-width: 767px) {
  .mb_img img {
    width: 100%;
    height: 297px;
  }
}
.logo img 
{
    max-width: 108px;
}
.footer-logo {
    max-height: 123px;
    width: auto;
}
/*----------*/
.main-menu > li > a {
    font-weight: 700;
}
.main-menu .sub-menu li a {
    font-weight: 700;
}
/*-------------*/
h1 {
    font-size: 32px;
    line-height: 1.15;
    font-weight: 700;
}

h2 {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
}

h3 {
    font-size: 28px;
    line-height: 1.25;
    font-weight: 700;
}

h4 {
    font-size: 26px;
    line-height: 1.3;
    font-weight: 700;
}

h5 {
    font-size: 24px;
    line-height: 1.4;
    font-weight: 700;
}

h6 {
    font-size: 22px;
    line-height: 1.45;
    font-weight: 700;
}
.post-title a {
    font-weight: 700;
}
.footer-area .list-post h6 
{
   font-size:18px; 
}
@media (max-width: 767px) {
    .mt-mobile-30 {
        margin-top: 30px;
    }
}
/*--------*/
.sidebar-widget .post-block-list h6 {
    font-size: 18px; 
}
.ti-twitter-alt:before {
    content: "X";
    font-family: 'Arial', sans-serif;
    font-weight: 700;
}
.fa-like-ti {
    font-size: 14px;          
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
}
.social-icon i {
    vertical-align: middle;
}
/*------------*/
.site-logo img {
    max-height: 80px;
    width: auto;
    margin-right: 10px;
}

/* Keep logo + text aligned nicely */
.logo-text {
    display: flex;
    align-items: center;
}

/* Mobile view */
@media (max-width: 991px) {
.site-logo img {
        margin-bottom: 10px;
        max-height: 86px;
    }
}
@media (max-width: 767px) {
    .logo-text {
        flex-direction: column !important;
    }
}
/*-----------*/
/* DESKTOP ONLY */
@media (min-width: 992px) {

    .main-header .main-nav li {
        position: relative;
    }

    /* SECOND LEVEL (Leadership) */
    .main-header .main-nav > ul > li > .sub-menu {
        top: 100%;
        left: 0;
        visibility: hidden;
        opacity: 0;
    }

    .main-header .main-nav li:hover > .sub-menu {
        visibility: visible;
        opacity: 1;
    }

    .main-header .main-nav ul ul li > .sub-menu {
        top: 0;                /* start from top of second */
        left: 100%;            /* completely outside second */
        margin-left: 20px;      /* small gap so it doesn’t touch */
        visibility: hidden;
        opacity: 0;

        width: max-content;
        min-width: 220px;
        white-space: nowrap;
    }

    .main-header .main-nav ul ul li:hover > .sub-menu {
        visibility: visible;
        opacity: 1;
    }

    .main-header .main-nav ul ul.sub-menu li a {
        display: block;
        padding: 12px 22px;
        width: 100%;
        white-space: nowrap;
    }
}
/*---about page-------*/
.visvaniti-about {
    max-width: 100%;
}

.visvaniti-about h2 {
    margin-top: 50px;
    margin-bottom: 15px;
}

.visvaniti-about p {
    line-height: 1.8;
    margin-bottom: 20px;
}

.visvaniti-about ul,
.visvaniti-about ol {
    margin-left: 20px;
    margin-bottom: 25px;
}

.visvaniti-about li {
    margin-bottom: 8px;
}

.visvaniti-intro {
    font-size: 1.05em;
}
/* About Us page – restore list icons */
.visvaniti-about ul {
    list-style: disc;
    padding-left: 20px;
}
.visvaniti-about ul li {
    list-style: disc;
}

.visvaniti-about ol {
    list-style: decimal;
    padding-left: 0;
}

.visvaniti-about ul li,
.visvaniti-about ol li {
    margin-bottom: 8px;
}
.main-header .main-nav .sub-menu a {
    text-transform: capitalize;
}
.main-header 
{
     background-color: #F9F9F9;   
}
@media (max-width: 992px) {
    .main-header.header-style-2 .slicknav_btn {
        background-color: #f9f9f9;
    }
}
/*----------*/
.main-navigation {
    background-color: #1C4587;
}
.main-header.header-style-2 .main-nav ul li>a {
    color: #fff;
}
.main-header .main-nav ul ul.sub-menu {
    background: #1c4587; 
}
/*--------*/
footer,
.footer-area,
.footer-bottom-area {
  background-color: #1C4587;
}

footer,
footer p,
footer h4,
footer h5,
footer span,
footer strong {
  color: #fff;
}
footer a {
  color: #fff;
  transition: opacity 0.3s ease;
}
footer a:hover {
  color: #fff !important;
  opacity: 0.8;
}
footer .social-icon i,
footer .header-social-network i {
  color: #fff;
}
.footer-border {
  border-color: rgba(255, 255, 255, 0.2);
}
.footer-copy-right p {
  color: #fff !important;
}