:root{
  ---bgcolor:hsla(120, 55%, 22%, 0.925);
  ---bgtext:21px;
  ---smtext:16px;
  ---color:#010101;
}
body{
    padding: 0;
    margin: 0;
    top: 0;
    left:0;
    font-weight: 200;
    text-transform: capitalize;
    font-family: 'Inter', sans-serif;
}
img{max-width: 100%;max-height: 100%;aspect-ratio: 1/1;display: block;}
.container{padding: 0rem 5rem;}
.topbox{display:grid;gap:10px;grid-template-areas: 'topbox-a topbox-a topbox-b topbox-b'; }
.topbox-a{grid-area: topbox-a;color:#f1f1f1}
.topbox-a .location{display: flex;gap:20px;}
.topbox-b{grid-area: topbox-b;align-items: center;justify-content: flex-end;}
.topbox-b ul{list-style: none;padding: 0;margin: 0;display: flex;gap:10px;}
.topbox-b ul li{width:130px;}
.hcrightmenu .fa-bars{display: none;}
.topbox-b ul li a{display: block;padding:0.5rem 1rem;color:#333;background: #ffffff;}
.topbox-b ul li a:hover{background: black;color: #f1f1f1;}
.hcheader{display:flex;justify-content: left;margin: 0;padding: 0;}
.hcrightmenu{flex:calc(85%);width: 100%;padding-top:22px;}
.hclogo{flex: calc(15%);width: 100%;height: 10vh;position: relative;top:0;left: 0;margin: 0;padding-top:30px;overflow-y:hidden;}
.logoim{position: absolute;width: 100%;height: 100%;object-fit: cover;}
.menu{list-style: none;position: relative;margin: 0;}
.menu .listmenu{width: 12%;cursor: pointer;display: inline-block;gap:0px;margin-top: 20px;}
.menu .listmenu .item{display: block;color:var(---color);padding:0em 0em 1.7em 0em;font-weight: 600;transition: transform 3s ease-in-out;}
.menu .listmenu .item:hover{color:black;border-bottom: 3px solid black;}
.listmenu:hover .submenu{display: block;width: 20%;animation: move 3s ease-in-out forwards 3s;}
@keyframes move{
  1.2%{
    transform: translateY(1.2%);
  }
}
.submenu{display:none;position: absolute;z-index:1000;list-style: none;padding: 0;}
.submenu .sublist{padding: 0; margin: 0;border-bottom: 1px solid  #f1f1f1;background:var(---bgcolor);z-index: 1000;}
.sublist a{display: block;padding:8px 0px 8px 5px;color:#f1f1f1;font-weight: 500;animation: move 1s ease-in;transition:2s;}
.submenu .sublist:last-child{border:none;}
.sublist:hover{background: var(---bgcolor);border-bottom: 2px solid black;}
a{text-decoration: none;}
.nav{background:var(---bgcolor)}
.navbar{display:grid;grid-template-columns: 1fr 3fr;}
.navleft{display:grid;grid-template-columns: 2fr 2fr;color: #f1f1f1;}
.navright ul{align-self:flex-end;list-style: none;margin: 0;padding: 0;display: flex;}
.navright ul li{gap:30px;width: 15%;}
.navright{width: 100%;}
.navright li a{display: block;padding: 10px 10px;color: #ffffff;}
.navleft blockquote{margin-bottom: 0;font-size: 14px;font-weight: 400;}

.navright li>.apply{background: #ffffff;color:rgb(30, 96, 165)}
.navright li>.apply:hover{background:black;color:var(---color)}
.about{padding: 3rem 0rem;background: #f1f1f1;}
.aboutcont{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px , 1fr ));gap:20px;}
.agricu{background-color: #fff;box-shadow:1px 1px 2px  #333;padding:2rem;}
.abcont ul{list-style: none;margin: 0;padding: 0;}
.abcont ul li{width:100%;margin-bottom: 5px;}
.abcont ul li a{display:block;text-decoration: none;color:var(---color);text-shadow:1px 1px 1px var(---bgcolor);}
.agim{width:10vh;height:10vh;float: left;background-size: cover;background-position: center;border-radius:50%;}
.agm{object-fit: cover;width:100%;}
.abtit{margin-bottom: 4rem;margin-right: 2rem;color:var(---color);font-weight: 700;text-align: center;}
.fina{background-color: #fff;box-shadow:1px 1px 2px  #333;padding:2rem;}
.train{background-color: #fff;box-shadow:1px 1px 2px  #333;padding:2rem;}
.agriculture{padding:5rem 0rem}
.agco{padding: 20px 0px;font-size: 2rem;font-weight:500;}
.agriholder{display: grid;grid-template-columns: repeat(auto-fit ,minmax(200px,1fr));gap:20px;}
.agricont{position: relative;}
.agricover{position: absolute;top:0;left: 0;background: rgb(0,0,0,0.4);height: 100%;}
.imageg{width:100%;height: 70vh;}
.imag{width:100%;height: 100%;object-fit: cover;}
.agricapt{margin-top: 7rem;padding:1rem;}
.agricapt a{font-size:18px;font-weight: 500;color:#f1f1f1;display: block;margin-bottom: 10px;}
.agricapt a:hover{color: var(---bgcolor);}
.agricapt p{font-size: 18px;font-weight: 300;color:#f1f1f1;
  --max-lines:4;display:-webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: var(--max-lines);line-height: 1.3em;margin: 0;
}

.capt {color: #f1f1f1;font-weight: 200;padding: 5px 0px;}
.listcap ul li a >.fa{margin-right: 1rem;} 
.finance{background: #f1f1f1;padding: 5rem 0rem;}
.finatit{width:100%;margin: 0;}
.finatit{text-align: center;font-size: 24px;font-weight: 700;margin-bottom: 2rem;}
.finatit p{padding: 2rem 10rem;font-size: 18px;font-weight: 400;text-align:center;}
.finaholder{display: grid;grid-template-columns: repeat(auto-fit ,minmax(400px, 1fr));gap:20px;}
.finacont{background: #fff;box-shadow: 1px 1px 1px #333;}
.finaim{width:100%;height: 50vh;background-size: cover;background-position: center;}
.fim{width:100%;object-fit: cover;}
.finacapt{padding:1rem 0.5rem;}
.finacapt a{display: block;font-size: 21px;font-weight: 500;place-items: center;color: var(---color);}
.finacapt a:hover{color:var(---bgcolor)}
.finacapt p{font-size: 16px;font-weight: 300;}
.shortco{padding:5rem 0rem}
.short{display: grid;grid-template-columns: repeat(auto-fit , minmax(400px,1fr));gap:20px;}
.shortcont{box-shadow: 1px 1px 1px 1px #f1f1f1;gap:10px;}
.shortimg{background-position: center;background-size: cover;width:50%;height:32vh;float:left;}
.shortim{width:100%;height: 100%;object-fit: cover;}
.shortcapt p {padding: 0px 5px;font-weight: 300;}
.shortcapt a{display: block;padding: 4px 5px;font-size: 18px;font-weight: 500;color: var(---color);--max-lines:2;display:-webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: var(--max-lines);line-height: 1.2em;}
.shortcapt a:hover{color: var(---bgcolor);}
.news{background:rgb(230,230,230,0.500);padding:3rem 0rem;}
.mana{padding: 5rem 0rem;}
.newsholder{display: grid;grid-template-columns: repeat(auto-fit,minmax(400px,1fr));gap:15px}
.latestholder{background: #ffffff;padding: 1rem;}
.latestcont{border-bottom: 2px solid rgb(230,230,230,0.500);}
.latestcap{position: relative;top:0;left: 0;margin: 0;}
.latestcap a{display:block; font-size: 18px;font-weight: 500;color:var(---color);--max-lines:2;display:-webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: var(--max-lines);line-height: 1em;margin-bottom: 0px;}
.latestcap a:hover{color: var(---bgcolor);}
.latestcap p{--max-lines:3;display:-webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: var(--max-lines);line-height: 1.2em;}
.latimg{width:30%;height: 20vh;float:left;margin-right: 1rem;overflow-y: hidden;}
.latimg .lecim{width: 100%;object-fit: cover;height: 100%;}
.eventcont{background: #ffffff;padding: 0.5em;margin-bottom: 1em;}
.eventcont:last-child{margin: none;}
.latesttit{padding:0.5em 0em;font-weight: 500;font-size: 21px;}
.eventtit{padding:0.5em 0em;font-weight: 500;font-size: 21px;}
.rubholder{background-image: url(img/headerphoto.jpeg);background-size: cover;background-position: center;background-repeat: no-repeat;
  padding:0;margin: 0;}
.rubheader{background:rgb(0,0,0,0.7);height: 25vh;}
.headerholder a{padding:4rem 0rem;display: inline-block;color :#f1f1f1;font-size: 21px;font-weight: 400;}
.headerholder strong{color:#f1f1f1;color:rgb(30, 96, 165)}
.contentholder{padding:2rem 0rem;background: rgb(230,230,230,0.5);}
.rubcontent{display: grid;grid-template-columns: 3fr 1fr;gap:2rem;}
.contleft{background: #ffffff;padding:2rem;box-sizing: border-box;}
.search{background: #ffffff;}
.search input{display:inline-flex; width:81%;border: none;margin: 0;}
.search .btn{background:var(---bgcolor) ;float: right;padding: 11px 8px;margin: 0;position: relative;top:0;left: 0;border: none;color: #ffffff;
cursor: pointer;}
.lecim{width:100%;height:100%;}
.lecimg{width: 100%;height: 30vh;}
.leci{width:100%;height:100%;object-fit: cover;}
.contrightholder{background:#ffffff ;box-sizing: border-box;height:fit-content;margin:2rem 0rem;}
.coucaption h3{margin:0;padding: 5px 0px;}
.coucaption p{--max-lines:4;display:-webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: var(--max-lines);line-height: 1.3em;margin: 0;}
.twiteve{display: grid;grid-template-columns: 1fr 1fr; gap:10px;}
p{font-size: 15px;font-weight: 300;color:var(---color);
  --max-lines:4;display:-webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: var(--max-lines);line-height: 1.3em;}

.manage{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px,1fr));gap:20px;}
.manacont{width:100%;height: 100%;box-shadow: 0.8px 0.8px 0.8px 0.8px #f1f1f1 ;border-radius: 10px 10px 10px 10px;}
.manimg{width:100%;background-size: cover;background-position: center;background-repeat: no-repeat;padding: 1px 0px 0px 0px;}
.manim{width: 100%;object-fit: cover;object-position: top;border-radius: 10px 10px 0px 0px;}
.mancapt{margin: 0;padding: 0;}
.mancapt a{padding: 8px 5px;text-align: center;margin: 0;display: block;font-size: 21px;font-weight: 500;color: var(---color);}
.mancapt p{padding: 0px 5px; text-align: center;}
.location blockquote {color:#ffffff;margin:10px 0px ;padding:0;font-weight: 300;display: flex; gap:20px;}
.location blockquote .fa{font-size: 21px;margin-top: 7px;}
table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}