<style>
 * {
        box-sizing: border-box;
      }

body 
    {
        margin: 0;
        font-family: 'Source Sans Pro', sans-serif;

 
    }

 
  /* Responsive Mega Menu */

.header_area{background:#011B10;position:relative;width:100%;margin:auto;top:0;right:0;left:0;z-index:99;box-shadow:0 2px 10px rgba(0,0,0,0.05)}

.navigation{width:100%;height:70px;display:table;position:relative;font-family:inherit}

.navigation *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.navigation-portrait{height:48px}

.navigation-fixed{position:fixed;top:0;left:0;z-index:19998}
.navigation-hidden{width:0!important;height:0!important;margin:0!important;padding:0!important}
.align-to-right{float:right}
.nav-header{float:left}

<!-- Logo -->
.navigation-hidden .nav-header{display:none}
.nav-brand{line-height:70px;padding:0;color:#fff;font-size:16px;text-decoration:none}
.nav-brand:hover,.nav-brand:focus{color:blue}
.navigation-portrait .nav-brand{font-size:18px;line-height:48px}
.nav-logo>img{height:48px;margin:11px auto;padding:0 15px;float:left}
.nav-logo:focus>img{outline:initial}
.navigation-portrait .nav-logo>img{height:36px;margin:6px auto 6px 15px;padding:0}
.nav-toggle{width:30px;height:30px;padding:6px 2px 0;position:absolute; top:50%;margin-top:-14px;right:0;display:none;cursor:pointer}
.nav-toggle:before{content:"";position:absolute;width:24px;height:2px;background-color:#fff;border-radius:10px;box-shadow:0 .5em 0 0 #fff,0 1em 0 0 #fff}
.navigation-portrait .nav-toggle{display:block}


.navigation-portrait .nav-menus-wrapper{width:320px;height:100%;top:0;left:-400px;position:fixed;background-color:#fff;z-index:20000;overflow-y:auto;-webkit-overflow-scrolling:touch;transition-duration:.2s;transition-timing-function:ease}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right{left:auto;right:-400px}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open{left:0}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open{left:auto;right:0}
.nav-menus-wrapper-close-button{width:30px;height:30px;margin:10px 7px;display:none;float:right;color:#343a40;font-size:20px;cursor:pointer}
.navigation-portrait .nav-menus-wrapper-close-button{display:block}
.nav-menu{margin:0;padding:0;list-style:none;line-height:normal;font-size:0}
.navigation-portrait .nav-menu{width:100%}
.navigation-landscape .nav-menu.nav-menu-centered{float:none;text-align:center}
.navigation-landscape .nav-menu.nav-menu-centered>li{float:none}
.nav-menu>li{display:inline-block;float:left;text-align:left}

.navigation-portrait .nav-menu>li{width:100%;position:relative;border-top:solid 1px #f0f0f0}
.navigation-portrait .nav-menu>li:last-child{border-bottom:solid 1px #f0f0f0}
.nav-menu+.nav-menu>li:first-child{border-top:none}

.nav-menu>li>a{height:70px;padding:26px 15px;display:inline-block;text-decoration:none;font-size:15px;font-weight:bold;color:#fff;transition:color .3s,background .3s}

.navigation-portrait .nav-menu>li>a{width:100%;height:auto;padding:12px 15px 12px 26px}
.nav-menu>li:hover>a,.nav-menu>li.active>a,.nav-menu>li.focus>a{background:rgba(0,0,0,0.1);color:#acadbf}
.nav-menu>li>a>i,.nav-menu>li>a>[class*=ion-]{width:18px;height:16px;line-height:16px;transform:scale(1.4)}
.nav-menu>li>a>[class*=ion-]{width:16px;display:inline-block;transform:scale(1.8)}
.navigation-portrait .nav-menu.nav-menu-social{width:100%;text-align:center}
.nav-menu.nav-menu-social>li{text-align:center;float:none;border:none!important}
.navigation-portrait .nav-menu.nav-menu-social>li{width:auto}

.nav-menu.nav-menu-social>li>a>[class*=ion-]{font-size:12px}
.nav-menu.nav-menu-social>li>a>.fa{font-size:14px}
.navigation-portrait .nav-menu.nav-menu-social>li>a{padding:15px}
.submenu-indicator{margin-left:8px;margin-top:4px;float:right;transition:all .2s}

.navigation-portrait .submenu-indicator{width:54px;height:44px;margin-top:0;position:absolute;top:0;right:0;text-align:center;z-index:20000}
.submenu-indicator-chevron{height:6px;width:6px;display:block;border-style:solid;border-width:0 1px 1px 0;border-color:transparent #fff #fff transparent;transform:rotate(45deg);transition:border .2s}
.navigation-portrait .submenu-indicator-chevron{border-color:transparent #999 #999 transparent;position:absolute;top:18px;left:24px}
.navigation-portrait:hover .submenu-indicator-chevron{border-color:transparent #999 #999 transparent}
.navigation-portrait .submenu-indicator.submenu-indicator-up{transform:rotate(-180deg)}
.nav-dropdown>li .submenu-indicator-chevron{border-color:transparent #999 #999 transparent}
.nav-overlay-panel{width:100%;height:100%;top:0;left:0;position:fixed;display:none;z-index:19999}
.no-scroll{width:100%;height:100%;overflow:hidden}


.nav-search{height:70px;float:right;z-index:19998}
.navigation-portrait .nav-search{height:48px;padding:0 10px;margin-right:32px}
.navigation-hidden .nav-search{display:none}
.nav-search-button{width:70px;height:70px;line-height:70px;text-align:center;cursor:pointer;background-color:rgba(0,0,0,0.1)}
.navigation-portrait .nav-search-button{width:50px;height:48px;line-height:46px;font-size:22px}
.nav-search-icon{width:14px;height:14px;margin:2px 8px 8px 4px;display:inline-block;vertical-align:middle;position:relative;color:#fff;text-align:left;text-indent:-9999px;border:2px solid;border-radius:50%;transform:rotate(-45deg)}
.nav-search-icon:after,.nav-search-icon:before{content:'';pointer-events:none}
.nav-search-icon:before{width:2px;height:11px;top:11px;position:absolute;left:50%;border-radius:0 0 1px 1px;box-shadow:inset 0 0 0 32px;transform:translateX(-50%)}
.nav-search-button:hover .nav-search-icon{color:#fff}

.nav-search>form{width:100%;height:100%;padding:0;display:none;position:absolute;left:0;top:0;background-color:#256634;z-index:99}
.nav-search-inner{width:70%;height:70px;margin:auto;display:table}


.navigation-portrait .nav-search-inner{height:48px}
.nav-search-inner input[type="text"],.nav-search-inner input[type="search"]{height:70px;width:100%;margin:0;padding:0 12px;font-size:22px;text-align:center;color:#fff;outline:none;line-height:70px;border:none;background-color:transparent;transition:all .3s}
.navigation-portrait .nav-search-inner input[type="text"],.navigation-portrait .nav-search-inner input[type=search]{height:48px;font-size:18px;line-height:48px}
.nav-search input[type="search"]::placeholder{color:#fff;opacity:1}
.nav-search input[type="search"]:-ms-input-placeholder{color:#fff}
.nav-search input[type="search"]::-ms-input-placeholder{color:#fff}
.nav-search-close-button{width:28px;height:28px;display:block;position:absolute;right:20px;top:20px;line-height:normal;outline:none;color:rgba(255,255,255,.5);font-size:20px;cursor:pointer;text-align:center}

.navigation-portrait .nav-search-close-button{top:10px;right:14px}
.nav-button{margin:18px 15px 0;padding:8px 14px;display:inline-block;color:#fff;font-size:14px;text-align:center;text-decoration:none;border-radius:4px}
.nav-button:hover,.nav-button:focus{color:#fff;text-decoration:none}
.navigation-portrait .nav-button{width:calc(100% - 52px);margin:17px 26px}
.nav-text{margin:25px 15px;display:inline-block;color:#343a40;font-size:14px}
.navigation-portrait .nav-text{width:calc(100% - 52px);margin:12px 26px 0}
.navigation-portrait .nav-text+ul{margin-top:15px}

.nav-dropdown{min-width:180px;margin:0;padding:0;display:none;position:absolute;list-style:none;z-index:98;white-space:nowrap}
.navigation-portrait .nav-dropdown{width:100%;position:static;left:0}
.nav-dropdown .nav-dropdown{left:100%}
.nav-menu>li>.nav-dropdown{border-top:solid 1px #f0f0f0}
.nav-dropdown>li{width:100%;float:left;clear:both;position:relative;text-align:left}

.nav-dropdown>li>a{width:100%;padding:16px 20px;display:inline-block;text-decoration:none;float:left;color:#000d03;font-weight:bold;font-size:13px;background-color:#fdfdfd}
.nav-dropdown>li:hover>a,.nav-dropdown>li.focus>a{color:#27ae60}
.nav-dropdown.nav-dropdown-left{right:0}
.nav-dropdown>li>.nav-dropdown-left{left:auto;right:100%}
.navigation-landscape .nav-dropdown.nav-dropdown-left>li>a{text-align:right}
.navigation-portrait .nav-dropdown>li>a{padding:12px 20px 12px 30px}
.navigation-portrait .nav-dropdown>li>ul>li>a{padding-left:50px}
.navigation-portrait .nav-dropdown>li>ul>li>ul>li>a{padding-left:70px}
.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>a{padding-left:90px}
.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>ul>li>a{padding-left:110px}
.nav-dropdown .submenu-indicator{right:15px;top:10px;position:absolute}
.navigation-portrait .nav-dropdown .submenu-indicator{right:0;top:0}
.nav-dropdown .submenu-indicator .submenu-indicator-chevron{transform:rotate(-45deg)}
.navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron{transform:rotate(45deg)}
.nav-dropdown>li:hover>a .submenu-indicator-chevron,.nav-dropdown>.focus>a .submenu-indicator-chevron{border-color:transparent #27ae60 #27ae60 transparent}
.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator{left:10px}
.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron{transform:rotate(135deg)}
.nav-dropdown-horizontal{width:100%;left:0;background-color:#fdfdfd;border-top:solid 1px #f0f0f0}
.nav-dropdown-horizontal .nav-dropdown-horizontal{width:100%;top:100%;left:0}
.navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal{border-top:none}
.nav-dropdown-horizontal>li{width:auto;clear:none;position:static}
.navigation-portrait .nav-dropdown-horizontal>li{width:100%}
.nav-dropdown-horizontal>li>a{position:relative}
.nav-dropdown-horizontal .submenu-indicator{height:18px;top:11px;transform:rotate(90deg)}
.navigation-portrait .nav-dropdown-horizontal .submenu-indicator{height:42px;top:0;transform:rotate(0deg)}
.navigation-portrait .nav-dropdown-horizontal .submenu-indicator.submenu-indicator-up{transform:rotate(-180deg)}

.megamenu-panel{width:100%;padding:15px;display:none;position:absolute;font-size:14px;z-index:98;text-align:left;color:inherit;border-top:solid 1px #f0f0f0;background-color:#fff;box-shadow:0 15px 20px -5px rgba(0,0,0,.2)}
.navigation-portrait .megamenu-panel{padding:25px;position:static;display:block}
.megamenu-panel [class*=container]{width:100%}
.megamenu-panel [class*="container"] [class*="col-"]{padding:0}
.megamenu-panel-half{width:50%}
.megamenu-panel-quarter{width:25%}
.navigation-portrait .megamenu-panel-half,.navigation-portrait .megamenu-panel-quarter{width:100%}
.megamenu-panel-row{width:100%}
.megamenu-panel-row:before,.megamenu-panel-row:after{display:table;content:"";line-height:0}
.megamenu-panel-row:after{clear:both}
.megamenu-panel-row [class*=col-]{display:block;min-height:20px;float:left;margin-left:3%}
.megamenu-panel-row [class*=col-]:first-child{margin-left:0}
.navigation-portrait .megamenu-panel-row [class*=col-]{float:none;display:block;width:100%!important;margin-left:0;margin-top:15px}
.navigation-portrait .megamenu-panel-row:first-child [class*=col-]:first-child{margin-top:0}
.megamenu-panel-row .col-1{width:5.583333333333%}
.megamenu-panel-row .col-2{width:14.166666666666%}
.megamenu-panel-row .col-3{width:22.75%}
.megamenu-panel-row .col-4{width:31.333333333333%}
.megamenu-panel-row .col-5{width:39.916666666667%}
.megamenu-panel-row .col-6{width:48.5%}
.megamenu-panel-row .col-7{width:57.083333333333%}
.megamenu-panel-row .col-8{width:65.666666666667%}
.megamenu-panel-row .col-9{width:74.25%}
.megamenu-panel-row .col-10{width:82.833333333334%}
.megamenu-panel-row .col-11{width:91.416666666667%}
.megamenu-panel-row .col-12{width:100%}
.megamenu-tabs{width:100%;float:left;display:block}
.megamenu-tabs-nav{width:20%;margin:0;padding:0;float:left;list-style:none}

.navigation-portrait .megamenu-tabs-nav{width:100%}
.megamenu-tabs-nav>li>a{width:100%;padding:10px 16px;float:left;font-size:13px;text-decoration:none;color:#343a40;border:solid 1px #eff0f2;outline:0;background-color:#fff}
.megamenu-tabs-nav>li.active a,.megamenu-tabs-nav>li:hover a{background-color:#f5f5f5}
.megamenu-tabs-pane{width:80%;min-height:30px;padding:20px;float:right;display:none;font-size:13px;color:#343a40;border:solid 1px #eff0f2;background-color:#fff}
.megamenu-tabs-pane.active{display:block}
.navigation-portrait .megamenu-tabs-pane{width:100%}
.megamenu-lists{width:100%;display:table}
.megamenu-list{width:100%;margin:0 0 15px;padding:0;display:inline-block;float:left;list-style:none}
.megamenu-list:last-child{margin:0;border:none}
.navigation-landscape .megamenu-list{margin:-15px 0;padding:20px 0;border-right:solid 1px #f0f0f0}
.navigation-landscape .megamenu-list:last-child{border:none}

.megamenu-list>li>a{width:100%;padding:10px 15px;display:inline-block;color:#000d03;font-weight:bold;text-decoration:none;font-size:13.0px}
.megamenu-list>li>a:hover{background-color:#27ae60;color:#fff}
.megamenu-list>li.megamenu-list-title>a{font-size:14.5px;font-weight:bold;text-transform:uppercase;color:#000d03; text-shadow: 2px 2px 5px #000d03;}
.megamenu-list>li.megamenu-list-title>a:hover{background-color:transparent}
.navigation-landscape .list-col-2{width:50%}
.navigation-landscape .list-col-3{width:33%}
.navigation-landscape .list-col-4{width:25%}
.navigation-landscape .list-col-5{width:20%}
.nav-dropdown > li > a{color:#343a40;padding:10px 20px;border-bottom:1px solid #f6f6f6}
.nav-dropdown > li > a:hover,.nav-dropdown > li > a:focus{color:#27ae60}
.main_header_area.sticky{width:100%;position:fixed;top:0;left:0;background-color:#fff;z-index:9999;box-shadow:0 5px 30px rgba(0,0,0,0.1)}
.transparent-menu{position:absolute;width:100%;left:0;top:0;z-index:99}
.navigation-portrait .nav-menu > li > a{color:#222;width:100%;height:auto;padding:10px 10px 10px 30px}

/* Media Query Mega Menu */
@media only screen and (min-width:320px) and (max-width:767px){
.nav-dropdown > li > a,.megamenu-list > li > a{width:65%}}
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:576px){
.container{max-width:540px}}
@media (min-width:768px){
.container{max-width:720px}}
@media (min-width:992px){
.container{max-width:960px}}
@media (min-width:1200px){
.container{max-width:1140px}}


/* Social Media Contents*/
  .fa 
  {
     padding: 20px;
     font-size: 20px;
     width: 30px;
     text-align: center;
     text-decoration: none;
     margin: 0px 0px;
  }
    .fa:hover 
    {
        opacity: 0.7;
    }
    .fa-facebook 
    {
        background: ;
        color: white;
    }
    .fa-twitter 
    {
        background: ;
        color: white;
    }
    .fa-youtube 
    {
        background: ;
        color: white;
    }
    .fa-linkedin 
    {
        background: ;
        color: white;
    }
    .fa-calendar 
    {
        background: ;
        color: white;
    }
    .fa-university 
    {
        background: ;
        color: white;
    }

/* Video Code*/
.container99 {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}


<!-- Tender/Vacancy -->
.wrapper2 {
  display: block;
  position: absolute;
  top: 50%;
  left:50%;
  -webkit-transform: translate(-50%,-50%);
}

h6 a {
  color: #fff;
  font-size: 0.85em;
  text-decoration: none;
  display: inline-block;
  position: relative;
   font-family: 'Source Sans Pro', sans-serif;
}
a.effect-shine:hover {
  -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
  -webkit-mask-size: 200%;
  animation: shine 2s infinite;
}

@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  
  to {
    -webkit-mask-position: -50%;
  }
}



<!-- News -->

@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.ticker-heading {
  position: absolute;
  background-image: linear-gradient(73.1deg, #227e22 8%, #63a211 86.9%);
  display: block;
  left: 0;
  top: 0;
  height: 2.5rem;
  padding: 11px 40px;
  z-index: 2;
  color: white;
  text-transform: uppercase;
  font-size: 0.875rem;
}
.ticker-heading .btn-grad {
  background-image: linear-gradient(to right, #348F50 0%, #56B4D3 51%, #348F50 100%);
}
.ticker-heading .btn-grad {
  margin: 10px;
  padding: 15px 45px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  box-shadow: 0 0 20px #eee;
  border-radius: 10px;
  display: block;
}
.ticker-heading .btn-grad {
  background-image: linear-gradient(to right, #DC2424 0%, #4A569D 51%, #DC2424 100%);
}
.ticker-heading .btn-grad {
  margin: 10px;
  padding: 15px 45px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  box-shadow: 0 0 20px #eee;
  border-radius: 10px;
  display: block;
}

.ticker-wrap .ticker__item:before {
  content: "";
  height: 11px;
  width: 11px;
  display: inline-block;
  background-image: linear-gradient(132deg, #F4D03F 0%, #16A085 100%);
  border-radius: 100%;
  position: relative;
  margin-right: 15px;
}

.ticker-heading:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 11px solid #A6C22F;
  position: absolute;
  margin-left: 40px;
}

.ticker-wrap {
  position: relative;
  bottom: 0;
  width: 0%;
  overflow: hidden;
  height: 2.5rem;
  background-image: linear-gradient(45deg, #011107 0%, #2e5520 100%);
  padding-left: 100%;
  box-sizing: content-box;
}
.ticker-wrap .ticker:hover {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}
.ticker-wrap .ticker {
  display: inline-block;
  height: 2.5rem;
  line-height: 2.5rem;
  white-space: nowrap;
  padding-right: 100%;
  box-sizing: content-box;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: ticker;
  animation-name: ticker;
  -webkit-animation-duration: 30s;
  animation-duration: 30s;
}
.ticker-wrap .ticker__item {
  display: inline-block;
  padding: 0 2rem;
  font-size: 0.875rem;
  color: #ebf0ed;
}

/* Scroll News*/
.wrapper11 {
  max-width: 35rem;
  width: 100%;
  margin: 0 auto;
}
.tabs {
  position: relative;
  margin: 0rem 0;
  background: #1abc9c;
  height: 14.75rem;
}
.tabs::before,
.tabs::after {
  content: "";
  display: table;
}
.tabs::after {
  clear: both;
}
.tab {
  float: left;
}
.tab-switch {
  display: none;
}
.tab-label {
  position: relative;
  display: block;
  line-height: 2.75em;
  height: 3em;
  padding: 0 1.618em;
  background: #1abc9c;
  border-right: 0.125rem solid #16a085;
  color: #fff;
  cursor: pointer;
  top: 0;
  transition: all 0.25s;
}
.tab-label:hover {
  top: -0.25rem;
  transition: top 0.25s;
}
.tab-content {
  height: 12rem;
  width: 475px;

  position: absolute;
  z-index: 1;
  top: 2.75em;
  left: 0;
  padding: 0.618rem;
  background: #fff;
  color: #2c3e50;
  border-bottom: 0.25rem solid #bdc3c7;
  opacity: 0;
  transition: all 0.35s;
}
.tab-switch:checked + .tab-label {
  background: #fff;
  color: #2c3e50;
  border-bottom: 0;
  border-right: 0.125rem solid #fff;
  transition: all 0.35s;
  z-index: 1;
  top: -0.0625rem;
}
.tab-switch:checked + label + .tab-content {
  z-index: 2;
  opacity: 1;
  transition: all 0.35s;
}

/* Notification */
.box {
  width: 30.7vw;
  height: 385px;
  overflow: hidden;
  border: 0px solid #444;
}

.item {
  width: 100%;
  height: 50px;
  line-height: 3;
  text-align:justify;
  border-bottom: 1px dotted #444;
  background-color: ;
}

.a {
  background-color: ;
}

/* Important Notificaiton */
.box11{
  width: 30vw;
  height: 400px;
  overflow: hidden;
  border: 0px solid #444;
}

.item{
  width: 100%;
  height: 50px;
  line-height: 3;
  text-align: center;
  border-bottom: 1px dotted #444;
  background-color:white;
}
.a{
  background-color: 
}




/*  Date-time */

    .containertime 
          {
             display: flex;
             flex-direction: column;
             align-items: flex-end; /* Align items to the right side */
             gap: 15px;
             max-width: 1200px;
             margin-left: auto; /* Push the container to the right */
             margin-right: 20px; /* Add some space from the right edge */
           }

        /* Countdown Section */
        .countdown-section {
            display: flex;
            justify-content: flex-start; /* Align countdown boxes to the left */
            gap: 10px;
            flex-wrap: wrap;
        }

        .time-box {
            background-image: radial-gradient( circle 1292px at -13.6% 51.7%,  rgba(0,56,68,1) 0%, rgba(163,217,185,1) 51.5%, rgba(255,252,247,1) 88.6% );


            color: #fff;
            padding: 15px;
            border-radius: 10px;
            text-align: center;
            width: 100px;
            height: 50px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            line-height: 1.2;
        }

        .time-box p {
            font-size: 1.2em;
            font-weight: bold;
            margin: 0;
            line-height: 1;
        }

        .time-box span {
            font-size: 0.8em;
            margin-top: 3px;
        }

        


        /* Responsive Design */
        @media (max-width: 768px) {
            .time-box {
                width: 60px;
                padding: 1px;
            }

            .time-box p {
                font-size: 0.7em;
            }

           

        }

        @media (max-width: 480px) {
            .countdown-section {
                flex-direction: column;
                align-items: flex-start;
            }

            .time-box {
                width: 70px;
            }

            .buttons {
                flex-direction: column;
                align-items: flex-start;
            }

            .btn {
                width: 100%;
            }
        }



       

/* Table  */
.table-container11 
         {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            justify-content: center;
            background-color: ;
            padding: 2px;
            margin: 20px auto;
            max-width: 1600px;
            border: 1px solid #011B10; /* Outer border with 3px thickness */
            padding: 30px; /* Padding inside the border */

          }

       .table-container11 h2 {
            color: #0047ab;
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 10px;
            text-align: center;  
    


        }


        table{
            width: 100%;
            border-collapse: collapse;
            text-align: left;
        }

        th, td {
            padding: 12px 15px;
            font-size: 16px;
            border: 1px solid #011B10; /* Borders between rows and columns */
        }

        th {
            
            text-transform: uppercase;
            font-weight: bold;
            font-family: 'Roboto', sans-serif;
        }

        td {
            color: #333333;
        }

        tr:nth-child(even) {
            background: #f8f9fa;
        }

        tr:nth-child(odd) {
            background: #ffffff;
        }

        tr:hover {
            background: #e2e6ea;
            transition: background-color 0.3s ease-in-out;
        }

        @media (max-width: 768px) {
            th, td {
                font-size: 14px;
                padding: 10px;
            }

            .table-title {
                font-size: 20px;
                padding: 10px;
            }
        }



  /* Full section with background image */
.responsive-bg1 {
    position: relative;
    min-height: 7vh; /* Adjusts height automatically */
    background: url('Images/Background.jpg') center/cover no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
}

/* Color overlay */
.responsive-bg1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7); /* White overlay with transparency */
    z-index: 1;
}

/* Title styling */
.title, .title-line, .paragraph, .buttons {
    position: relative;
    z-index: 2;
}

.title {
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: bold;
    font-size: 2.5rem;
    color: #052e1c;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0.5rem;
}

/* Yellow line below the title */
.title-line {
    width: 120px;
    height: 4px;
    background-color: #f5d100;
    margin-bottom: 1.5rem;
}

/* Paragraph styling */
.paragraph {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 1rem;
    color: #333;
    margin-bottom: 2rem;
    max-width: 1200px;
    line-height: 1.8;
    text-align: justify;
    padding: 0 20px; /* Adds spacing for smaller screens */
}

/* Buttons container */
.buttons {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}

/* Button styling */
.button {
    text-decoration: none;
    color: #052e1c;
    border: 2px solid #052e1c;
    padding: 10px 20px;
    border-radius: 30px;
    font-weight: bold;
    transition: all 0.3s ease;
}

.button:hover {
    background-color: #052e1c;
    color: white;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .paragraph {
        font-size: 1rem;
    }
}

@media (max-width: 768px) {
    .responsive-bg1 {
        min-height: 15vh;
        padding: 10px;
    }
    .title {
        font-size: 2rem;
    }
    .paragraph {
        font-size: 0.9rem;
        line-height: 1.6;
    }
    .button {
        padding: 8px 15px;
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .responsive-bg1 {
        min-height: 70vh;
        padding: 10px;
    }
    .title {
        font-size: 1.5rem;
    }
    .paragraph {
        font-size: 0.8rem;
    }
    .buttons {
        gap: 0.5rem;
    }
    .button {
        padding: 6px 12px;
        font-size: 0.8rem;
    }
}






 /* About Conference */
.responsive-bg2 {
    position: relative;
    min-height: 15vh; /* Adjusts height automatically */
    background: url('Images/.jpg') center/cover no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
}

/* Color overlay */
.responsive-bg1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7); /* White overlay with transparency */
    z-index: 1;
}

/* Title styling */
.title, .title-line, .paragraph, .buttons {
    position: relative;
    z-index: 2;
}

.title {
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: bold;
    font-size: 2.5rem;
    color: #052e1c;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0.5rem;
}

/* Yellow line below the title */
.title-line {
    width: 120px;
    height: 4px;
    background-color: #f5d100;
    margin-bottom: 1.5rem;
}

/* Paragraph styling */
.paragraph {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 1rem;
    color: #333;
    margin-bottom: 2rem;
    max-width: 1200px;
    line-height: 1.8;
    text-align: justify;
    padding: 0 20px; /* Adds spacing for smaller screens */
}

/* Buttons container */
.buttons {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}

/* Button styling */
.button {
    text-decoration: none;
    color: #052e1c;
    border: 2px solid #052e1c;
    padding: 10px 20px;
    border-radius: 30px;
    font-weight: bold;
    transition: all 0.3s ease;
}

.button:hover {
    background-color: #052e1c;
    color: white;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .paragraph {
        font-size: 1rem;
    }
}

@media (max-width: 768px) {
    .responsive-bg1 {
        min-height: 15vh;
        padding: 10px;
    }
    .title {
        font-size: 2rem;
    }
    .paragraph {
        font-size: 0.9rem;
        line-height: 1.6;
    }
    .button {
        padding: 8px 15px;
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .responsive-bg1 {
        min-height: 70vh;
        padding: 10px;
    }
    .title {
        font-size: 1.5rem;
    }
    .paragraph {
        font-size: 0.8rem;
    }
    .buttons {
        gap: 0.5rem;
    }
    .button {
        padding: 6px 12px;
        font-size: 0.8rem;
    }
}




/*   Objectives  */
     .containerobjective {
      display: flex;
      flex-wrap: wrap;
      margin: 20px auto;
      max-width: 1600px;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
      background-color: #ffffff;
    }

    /* Image Section */
    .image-section {
  flex: 1;
  background: url('Images/Theme.jpg') no-repeat center center;
  background-size: 100% 100%;
  width: 100%;
  height: auto;
  aspect-ratio: 200 / 100; /* Aspect ratio based on image dimensions */
}

    /* Text Section */
    .text-section {
      flex: 1;
      padding: 10px;
      background: #f9f9f9;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .text-section h2 {
      font-size: 28px;
      color: #70022a; /* Theme color */
      margin-bottom: 20px;
      font-weight: 700;
      text-transform: uppercase;
      text-align: left;
      letter-spacing: 1px;
    }

    .text-section p {
      font-size: 16px;
      line-height: 1.8;
      margin-bottom: 20px;
      color: #555;
      text-align: justify;
    }

    .text-section ul {
      list-style: none;
      padding-left: 0;
    }

    .text-section ul li {
      font-size: 16px;
      margin-bottom: 15px;
      padding-left: 25px;
      position: relative;
      color: #444;
    }

    .text-section ul li::before {
      content: '\2713'; /* Checkmark symbol */
      position: absolute;
      left: 0;
      top: 0;
      color: #70022a;
      font-size: 18px;
      font-weight: bold;
    }

    /* Responsive Design */
    @media (max-width: 768px) {
      .containerobjective {
        flex-direction: column;
      }

      .image-section {
        min-height: 250px;
      }

      .text-section {
        padding: 20px;
      }

      .text-section h2 {
        font-size: 22px;
        text-align: center;
      }

      .text-section p,
      .text-section ul li {
        font-size: 14px;
      }
    }




/* Footer */

footer.nb-footer 
{
background-image: linear-gradient(45deg, #011107 0%, #2e5520 100%);
border-top: 0px solid #b78c33; 
}
footer.nb-footer .about 
{
margin: 0 auto;
margin-top: 05px;
max-width: 100%;
text-align: center; 
}
footer.nb-footer .about p 
{
font-size: 13px;
color: #999;
margin-top: 30px; 
}
footer.nb-footer .about .social-media
 {
margin-top: 15px; 
}
footer.nb-footer .about .social-media ul li a 
{
display: relative;
width: 45px;
height: 45px;
line-height: 45px;
border-radius: 50%;
font-size: 16px;
color: #b78c33;
border: 1px solid rgba(255, 255, 255, 0.3); 
}
footer.nb-footer .about .social-media ul li a:hover 
{
background: #b78c33;
color: #fff;
border-color: #b78c33; 
}
footer.nb-footer .footer-info-single 
{
margin-top: 30px; 
}
footer.nb-footer .footer-info-single .title 
{
color: White;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
color: #ebebe7;
font-family: 'Source Sans Pro', sans-serif;
border-left: 4px solid #b78c33;
padding-left: 5px; 
}
footer.nb-footer .footer-info-single ul li a 
{
display: block;
color: white;
padding: 2px 0; 
}
footer.nb-footer .footer-info-single ul li a:hover 
{
color: blue; 
}
footer.nb-footer .footer-info-single p 
{
font-size: 13px;
line-height: 20px;
color: #aaa; 
}
footer.nb-footer .copyright 
{
margin-top: 15px;
background: #011B10;
padding: 8px 0;
color: #999; 
}
footer.nb-footer .copyright p 
{
margin: 0;
padding: 0; 
}

/* Logo Animation Styles */
.logo-animate-left, .logo-animate-right {
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Hover Effects */
.logo-animate-left:hover {
    transform: scale(1.2) rotate(-10deg);
    opacity: 0.9;
}

.logo-animate-right:hover {
    transform: scale(1.2) rotate(10deg);
    opacity: 0.9;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .logo-animate-left, .logo-animate-right {
        width: 60px;
        height: 50px;
    }
}


</style>