:root{
    ---bgcolor:hsla(120, 55%, 22%, 0.925);
    ---bgtext:21px;
    ---smtext:16px;
    ---color:#010101;
  }

.contleft{display: grid;gap: 20px;}
.missinimg{float: left;background-position: center;background-size: cover;background-repeat: no-repeat;width: 40%;
height: 35vh;}
.misim{width:100%;object-fit:cover;object-position: center;}
.micaption a{display: block;font-size: 18px;font-weight: 500;color: var(---color);text-shadow: 0.5px 0.5px 0.5px var(---bgcolor);padding: 5px;--max-lines:2;display:-webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: var(--max-lines);line-height: 1.2em;}
.micaption .btn{background:var(---bgcolor);color: #ffffff;padding: 10px;box-sizing: content-box;border-radius: 10px;float: right;}
.micaption .btn:hover{background: black;}
.secul{list-style: none;padding: 0;margin:0;}
.sec{width: 100%;border-bottom: 2px solid black;}
.sec:last-child{border: none;}
.sec a{display: block;padding:12px 5px;color:var(---color);font-weight: 500;}
.sec a:hover{display: block;background:var(---bgcolor);color: #ffffff;}
.cardholder{display: grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;}
.cardcaption p{font-size: 15px;font-weight: 200;}
.lesocial{margin-top:2rem;}
.lesocial a{background:var(---bgcolor);padding:10px;color:#ffffff}
.cardcaption a{display: block;font-size: 18px;font-weight: 500;color: var(---color);padding: 15px 0px;}
.cardcaption .btn{display: block;background:var(---bgcolor);color:#fff;padding: 10px 5px; float:right;width:25%;font-size: 12px;font-weight: 300;margin-top: 1.4rem;}
.cardcaption .btn:hover{background: black;color: var(---bgcolor);}
.cardcaption p{font-size: 14px;margin: 0;--max-lines:2;display:-webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: var(--max-lines);line-height: 1.2em;}
.shortcontent{display:grid;grid-template-columns: 1fr 3fr;gap:20px;}
.couserholder{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap:20px;}
.cousercont{background: #fff;box-sizing: content-box;}
.couimg{width:100%;height: 40vh;background-position: center;background-size: 100% 100%;background-repeat: no-repeat;
    position: relative;
}
.couimgcont{position: absolute;background: hsla(120, 55%, 22%, 0.400);top:0;left: 0;height: 40vh;width:100%;display: none;}
.couimgcont a{display: block;width: 100%;height: 100%;}
.couim{width:100%;object-fit:cover;}
.inside{width:10%;height: 10%;margin:30% 45%;border-radius: 100%;}
.insideim{object-fit: contain;}
.couimg:hover .couimgcont{display: block;transition: 2s ease-in-out;}
.coucaption{padding:0px 10px;}
.coucaption p{font-size: 15px;}
.newsleft{display: grid;grid-template-columns: 2fr 2fr;gap:20px;}
.newscard{background: #ffffff;}
.newsimage{height:45vh;width: 100%;}
.newsim{width:100%;height:100%;object-fit: cover;}
.newscaption{padding: 15px 5px; }
.newscaption a{display: block;color: rgb(30, 96, 165);font-size: 21px;font-weight: 600;text-transform: capitalize;text-shadow: 1px 1px 1px black;}
.newscaption a:hover{color: black;text-shadow:1px 1px 1px rgb(30, 96, 165);}
.newscaption p{font-size: 16px;font-weight: 200;}
.contentarticle{background:rgb(230,230,230,0.500);padding: 20px 0px;}
.article{display: grid;grid-template-columns: 3fr 1fr;gap:20px;}
.artcont{background: #ffffff;}
.artimg{width: 100%;height: 70vh;overflow-y: hidden;margin-bottom: 2rem;background-size: 100% 50%;background-position: center;background-repeat: no-repeat;}
.artim{width: 100%;height:auto;object-fit: contain;object-position: center;}
.border{border-bottom: 3px solid rgb(30, 96, 165);width:8%;margin-top: 8px;}
.artdeco{list-style: none;display:flex;gap:20px;margin: 2rem 0rem}
.artdeco li a{display: block;color:rgb(30, 96, 165);}
.artcaption{padding:2rem 1rem;}
.arttitle{font-weight:600;font-size: 21px;text-transform: capitalize;text-shadow: 1px 1px 1px rgb(30, 96, 165);}
.artcaption a{text-transform: capitalize;line-height: 1.5em;}
.artcaption p{font-size: 18px;font-weight: 300px;}
.newscaption 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;padding-top: 5px;}
.mim{width: 100%;height: 30%;}
.input[type=text], select, textarea{
    width: 100%;
    padding: 0px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-top: 6px;
    margin-bottom: 6px;
    resize: vertical;
}
.apply{display: grid;grid-template-columns: 1fr;gap:20px;}
img{max-width: 100%;max-height: 100%;aspect-ratio: 1/1;display: block;}