*{ font-family:"Arial";}
ul , li{padding:0px; margin:0px; list-style:none;}
body {color: #333;	cursor: default;padding:0px; margin:0px; background: #fff; font-size:14px;
      overflow-x:hidden;}
.clear {clear: both;padding: 0px;margin: 0px;height: 0px;}
a {	text-decoration: none;	cursor: pointer;	color: #333; font-size:14px;
	transition: all 0.4s; font-family:"Arial";
}
a:hover {color: #d52123;}
.nowrap{display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hoverbig{transition: all 0.2s;}
.hoverbig:hover{transform: scale(1.05);}

:root {
            --un-blue: #1a4480;
            --un-light-blue: #4b8fd7;
            --un-gold: #d4af37;
            --light-bg: #f8f9fa;
            --dark-text: #333;
        }
        
        body {
            font-family: 'Segoe UI', Arial, sans-serif;
            color: #333;
            background-color: #f5f7fa;
        }
        
        .navbar {
            background: linear-gradient(135deg, var(--un-blue) 0%, #0d2c5a 100%);
            border: none;
            border-radius: 0;
            margin-bottom: 0;
           
        }
        
        .navbar-brand {
            height: auto;
            padding: 15px 20px;
        }
        
        .navbar-brand img {
            height: 40px;
            display: inline-block;
            vertical-align: middle;
        }
        
        .navbar-brand span {
            color: white;
            font-weight: bold;
            font-size: 20px;
            margin-left: 10px;
            vertical-align: middle;
        }
        
        .navbar-nav{ margin-top:5px;}
        
        .navbar-nav > li > a {
            color: rgba(255, 255, 255, 0.9) !important;
            font-weight: 500;
            padding: 20px 15px;
            transition: all 0.3s;
            position: relative;
            font-size:16px;
        }
        
        .navbar-nav > li > a:after {
            content: '';
            position: absolute;
            bottom: 15px;
            left: 15px;
            right: 15px;
            height: 2px;
            background-color: var(--un-gold);
            transform: scaleX(0);
            transition: transform 0.3s;
        }
        
        .navbar-nav > li > a:hover,
        .navbar-nav > li.active > a {
            background-color: rgba(255, 255, 255, 0.1);
        }
        
        .navbar-nav > li > a:hover:after,
        .navbar-nav > li.active > a:after {
            transform: scaleX(1);
        }
        
        .navbar-nav li.open a{color:#333 !important;}
        
        .dropdown-menu {
            background-color: rgba(13, 44, 90, 0.95);
            border: none;
            border-radius: 0;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }
        
       .navbar-nav li .dropdown-menu > li > a {
            color: #fff !important;
            padding: 10px 20px;
            transition: all 0.2s;
        }
        
        .dropdown-menu > li > a:hover {
            background-color: rgba(255, 255, 255, 0.1);
            color: white !important;
            padding-left: 25px;
        }
        
        .hero-banner {
            background: linear-gradient(rgba(13, 44, 90, 0.7), rgba(13, 44, 90, 0.7)), 
                        url('../Images/banner1.jpg');
            background-size: cover;
            background-position: center;
            color: white;
            padding: 120px 0 80px;
            text-align: center;
            position: relative;
            margin-bottom: 60px;
        }
        
        .hero-banner h1 {
            font-size: 48px;
            font-weight: 700;
            margin-bottom: 20px;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
        }
        
        .hero-banner p {
            font-size: 20px;
            max-width: 800px;
            margin: 0 auto 30px;
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
        }
        
        .section-title {
            position: relative;
            margin-bottom: 40px;
            text-align: center;
            color: var(--un-blue); font-size:45px; font-weight:bold;
        }
        
        .section-title:after {
            content: '';
            display: block;
            width: 80px;
            height: 3px;
            background: var(--un-gold);
            margin: 15px auto;
        }
        
        .feature-box {
            background: white;
            border-radius: 5px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            padding: 30px;
            margin-bottom: 30px;
            height: 100%;
            transition: all 0.3s;
            border-top: 3px solid var(--un-light-blue);
        }
        
        .feature-box:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
        }
        
        .feature-box i {
            font-size: 50px;
            color: var(--un-light-blue);
            margin-bottom: 20px;
        }
        
        .feature-box h3 {
            color: var(--un-blue);
            margin-bottom: 15px;
        }
        
        .news-card {
            background: white;
            border-radius: 5px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            margin-bottom: 30px;
            transition: all 0.3s;
        }
        
        .news-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
        }
        
        .news-img {
            height: 200px;
            background-size: cover;
            background-position: center;
        }
        
        .news-content {
            padding: 20px;
        }
        
        .news-content h4 {
            margin-top: 0;
            color: var(--un-blue);
            min-height: 60px;
        }
        .news-content h4 a{            
            color: var(--un-blue);
            font-size:16px; font-weight:bold;
        }
        
        .news-date {
            color: var(--un-light-blue);
            font-size: 14px;
            margin-bottom: 10px;
            display: block;
        }
        
        .process-steps {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            margin-bottom: 50px;
        }
        
        .step {
            width: 200px;
            text-align: center;
            position: relative;
            margin: 0 15px 30px;
        }
        
        .step-number {
            width: 50px;
            height: 50px;
            background: var(--un-light-blue);
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            font-weight: bold;
            margin: 0 auto 15px;
            position: relative;
            z-index: 2;
        }
        
        .step:not(:last-child):after {
            content: '';
            position: absolute;
            top: 25px;
            left: 50%;
            width: 230px;
            height: 2px;
            background: var(--un-light-blue);
            z-index: 1;
        }
        
        .step h4 {
            color: var(--un-blue);
            margin-bottom: 10px;
        }
        
        .members-section {
            background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), 
                        url('../Images/16fc003q.jpg');
            background-size: cover;
            background-position: center;
            padding: 60px 0;
        }
        
        .member-card {
            background: white;
            border-radius: 5px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            margin-bottom: 30px;
            transition: all 0.3s;
            text-align: center;
        }
        
        .member-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
        }
        
        .member-img {
            height: 260px;
            background-size: cover;
            background-position: top center;
        }
        
        .member-info {
            padding: 20px;
        }
        
        .member-info h4 {
            color: var(--un-blue);
            margin-top: 0;
        }
        
        .member-title {
            color: var(--un-light-blue);
            font-style: italic;
            margin-bottom: 10px;
        }
        
        .stats-box {
            background: white;
            border-radius: 5px;
            padding: 30px;
            text-align: center;
            margin-bottom: 30px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            border-top: 3px solid var(--un-gold);
        }
        
        .stats-number {
            font-size: 48px;
            font-weight: bold;
            color: var(--un-light-blue);
            margin: 10px 0;
        }
        
        .stats-label {
            color: var(--un-blue);
            font-size: 18px;
        }
        
        .footer {
            background: var(--un-blue);
            color: rgba(255, 255, 255, 0.8);
            padding: 60px 0 30px;
            margin-top:50px;
        }
        
        .footer-title {
            color: white;
            font-size: 18px;
            margin-bottom: 25px;
            position: relative;
            padding-bottom: 10px;
        }
        
        .footer-title:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 40px;
            height: 2px;
            background: var(--un-gold);
        }
        
        .footer-links a {
            display: block;
            color: rgba(255, 255, 255, 0.7);
            margin-bottom: 10px;
            text-decoration: none;
            transition: all 0.3s;
        }
        
        .footer-links a:hover {
            color: white;
            padding-left: 5px;
        }
        
        .contact-info {
            margin-bottom: 15px;
        }
        
        .contact-info i {
            width: 20px;
            text-align: center;
            margin-right: 10px;
            color: var(--un-gold);
        }
        
        .social-links a {
            display: inline-block;
            width: 36px;
            height: 36px;
            background: rgba(255, 255, 255, 0.1);
            color: white;
            border-radius: 50%;
            text-align: center;
            line-height: 36px;
            margin-right: 10px;
            transition: all 0.3s;
        }
        
        .social-links a:hover {
            background: var(--un-light-blue);
            transform: translateY(-3px);
        }
        
        .social-links2 a{color:#fff; background:blue;}
        
        .copyright {
            text-align: center;
            padding-top: 30px;
            margin-top: 40px;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            color: rgba(255, 255, 255, 0.6);
            font-size: 14px;
        }
        
       .left_bars{}
.left_bars h2{ background:#0d2c5a; text-align:center; font-size:18px; font-weight:bold; padding-top:10px; padding-bottom:10px;
               color:#fff; border-radius:5px;}
.left_bars ul{}
.left_bars ul li{ padding-top:10px; padding-bottom:10px; border-bottom:1px dotted #ccc;}
.left_bars ul li a{ font-size:16px; display:block; text-align:center;}

.left_bar_list{ margin-bottom:20px;}
.left_bar_list h3{ text-align:center; padding:0px; margin:0px;}
.left_bar_list h3 a{ font-size:16px;}

.right_contentbox{ font-size:16px; line-height:24px; margin:15px; margin-bottom:40px;}
.right_contentbox h1{ font-weight:bold; font-size:42px; margin:30px auto; border-bottom:1px dotted #ccc;
                      padding-bottom:40px;}
.ld_photo{margin:0 auto; width:60%; background:#fff; padding:15px; border:1px solid #ccc;}
.jb-items {
    border: 1px solid #ccc;
    border-radius: 0px;
    margin: 30px; margin-bottom:40px;
    padding: 20px 30px 40px 30px;
    box-shadow: 0px 20px 5px #ccc;
    background: #fff;
}
.jb-items p{color:#666; line-height:24px; margin-top:30px;}
.jb-items p img{float:left; border-radius:400px; width:70px; margin-right:15px; 
                box-shadow:5px 0px 0px #ccc;}
.jb-items h2{}
.jb-items h2 a{ font-size:24px; font-weight:bold; color:#333;padding-bottom:10px; border-bottom:3px solid #007bff;
               }
.jb-items h2 a.tags{float:right; font-size:14px; border:1px solid #337ab7; background:#fff !important; color:#337ab7 !important;
                     display:inline-block; color:#fff; border-radius:40px;
                    margin-right:8px; height:30px; line-height:26px; font-weight:normal; padding-left:15px; padding-right:15px;
                    margin-top:10px;
                    }
.news-items{margin:0px; margin-block:20px;}
.news-items h2 a{ font-size:20px; font-weight:bold; border:none; line-height:24px; color:#2475a6;}
.news-items p{color:#666; line-height:24px; font-size:14px; margin-top:30px;}
.news-items p .art-image img{border-radius:5px; height:90px; width:auto;}

.content_page{ margin:30px; color:#666; border-top:1px solid #ccc; padding-top:30px;}
.content_page a{color:#333; font-weight:bold;}

.text_container{ margin:15px; font-size:16px; line-height:26px; margin-bottom:40px;}
.text_container h1{ font-weight:bold; font-size:42px;}

.right_contentbox{ margin:15px; font-size:16px; line-height:26px; margin-bottom:40px;}
.right_contentbox h1{ font-weight:bold; font-size:42px;}

.panel-body h4{color:#1d2088; font-weight:bold;}

/*---------------------------------------------------------------------------------------------------------------*/
       
       
               
        @media (max-width: 767px) {
            .navbar-brand img {
                height: 30px;
            }
            
            .navbar-brand span {
                font-size: 16px;
            }
            
            .hero-banner {
                padding: 60px 0 40px;
            }
            
            .hero-banner h1 {
                font-size: 28px;
            }
            
            .hero-banner p {
                font-size: 16px;
            }
            
            .section-title {
                font-size: 24px;
            }
       .news-items{padding-bottom:30px;}
.news-items p{margin-top:0px;}
.news-items p .art-image img{border-radius:5px; height:auto; width:100%; margin-block:15px;}
.news-items h2{ margin-bottom:0px; padding-block:0px;line-height:16px;}


.ld_photo{margin:0 auto; width:100%; background:#fff; padding:15px; border:1px solid #ccc;}



       
        }