<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;
}




/*  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%;
            }
        }




       


  /* 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;
    }
}





.responsive-containerschedule {
      width: 95%;
      max-width: 1200px;
      margin: 0 auto;
      padding: 10px;
      background: #fff;
      border-radius: 10px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      font-family: 'Roboto', Helvetica, Arial, sans-serif;
    }

    h2 {
      text-align: center;
      margin: 20px 0;
      color: #0d422c;
      font-family: 'Roboto', Helvetica, Arial, sans-serif;
    }

    /* Tab Navigation */
    .tabssch {
      display: flex;
      justify-content: center;
      background-color: #0d422c;
      padding: 10px 0;
    }

    .tabsch {
      color: #fff;
      text-transform: uppercase;
      font-weight: bold;
      padding: 12px 20px;
      cursor: pointer;
      transition: background-color 0.3s;
      border-radius: 8px;
    }

    .tabsch:hover, .tabsch.active {
      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%);
      border-bottom: 3px solid #ffd54f;
    }

    /* Tab Content */
    .tab-content {
      display: none;
      padding: 20px;
      margin: 20px 0;
      background: ;
      border-radius: 8px;
    }

    .tab-content.active {
      display: block;
    }

    /* Schedule Table */
    .schedulecon {
      width: 100%;
      border-collapse: collapse;
      margin: 20px 0;
    }

    .schedulecon th, .schedulecon td {
      border: 1px solid #0d422c;
      padding: 10px;
      text-align: left;
    }

    .schedulecon th {
      background-color: #0d422c;
      color: #fff;
    }

    .schedulecon tr:nth-child(even) {
      background-color: #e1f0ea;
    }

    .schedulecon tr:hover {
      background-color:#c6f7e2;
    }

    .highlight {
      font-weight: bold;
      background-color: #ffecb3;
    }

    /* Responsive Design */
    @media (max-width: 768px) {
      .tabsch {
        padding: 10px;
        font-size: 12px;
      }
      .schedulecon {
        font-size: 14px;
      }
    }

    @media (max-width: 480px) {
      .tabsch {
        padding: 8px;
        font-size: 10px;
      }
      .schedulecon {
        font-size: 12px;
      }
    }

/* Footer Styling */
    .footer {
      background: linear-gradient(to bottom, #0d422c, #003d26); /* Gradient background */
      color: #ffffff; /* White text */
      text-align: center;
      padding: 10px 20px;
      font-size: 14px;
      margin-top: auto; /* Push footer to bottom */
    }

    /* Responsive Font Adjustments */
    @media (max-width: 768px) {
      .footer {
        font-size: 12px;
        padding: 8px 10px;
      }
    }

    @media (max-width: 480px) {
      .footer {
        font-size: 10px;
        padding: 6px 8px;
      }
    }

/* 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>