* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* font-family: "Merriweather", serif; */
    font-family: "Inter-Regular";
}

ul,
li {
    list-style: none;
    /* padding: 0 !important; */
    margin: 0;
}

 :root {
    --background: linear-gradient(98deg, #c7a055 4.01%, #f5d988 53.3%, #d6b366 97.16%);
}

html ::-webkit-scrollbar-track {
    background: transparent;
}

html ::-webkit-scrollbar-thumb {
    background: #ecebeb;
    border-radius: 10px;
}

html ::-webkit-scrollbar {
    width: 10px;
}

html {
    scroll-behavior: smooth;
}

@font-face {
    font-family: "dmsans-bold";
    src: url(../assets/font/dmsans-bold-webfont.woff) format("woff");
}

@font-face {
    font-family: "dmsans-medium";
    src: url(../assets/font/dmsans-medium-webfont.woff) format("woff");
}

@font-face {
    font-family: "dmsans-regular";
    src: url(../assets/font/dmsans-regular-webfont.woff) format("woff");
}

@font-face {
    font-family: "fml-indulekha";
    src: url(../assets/font/FML-Indulekha.woff) format("woff");
}

@font-face {
    font-family: "Inter-Light";
    src: url(../assets/font/Inter-Light.woff) format("woff");
}

@font-face {
    font-family: "Inter-Medium";
    src: url(../assets/font/Inter-Medium.woff) format("woff");
}

@font-face {
    font-family: "Inter-Regular";
    src: url(../assets/font/Inter-Regular.woff) format("woff");
}

@font-face {
    font-family: "Outfit-regular";
    src: url(../assets/font/Outfit-Regular.woff) format("woff");
}

@font-face {
    font-family: "Outfit-medium";
    src: url(../assets/font/Outfit-Medium.woff) format("woff");
}

@font-face {
    font-family: "Outfit-light";
    src: url(../assets/font/Outfit-Light.woff) format("woff");
}

.wrapper {
    width: 90%;
    max-width: 1320px;
    margin: 0 auto;
}


/* navbar start */

#navbar {
    background-color: #000000;
    padding: 20px 100px;
}

.logo img {
    margin-right: 440px;
    max-width: 100%;
}

.resp-logo {
    display: none;
}

.navbar-nav {
    margin-left: 50px;
}

.nav-item .nav-link {
    font-family: "dmsans-medium";
    color: rgb(235, 228, 228);
    margin-left: 10px;
    text-decoration: none;
}

.nav-item .nav-link.active {
    color: #ffbb54 !important;
    border-bottom: 2px solid #c7a055;
}

.nav-item .nav-link:hover {
    color: #ffbb54;
}

.nav-link:focus,
.nav-link:hover {
    color: #ffbb54 !important;
}

.button {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    font-family: "dmsans-medium";
    background: black;
    border: 1px solid #ffbb54 !important;
    border-radius: 0.25rem;
    padding-left: -20px;
}

.btn {
    font-family: "dmsans-medium";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    text-transform: capitalize;
    background: linear-gradient(98deg, #c7a055 4.01%, #f5d988 53.3%, #d6b366 97.16%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* navbar end */


/* home section start */

#home {
    width: 100%;
    background: url(../assets/image/spotlight.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 88%;
}

#home .home-text {
    padding-top: 140px;
}

#home .home-text .home-content::first-line {
    font-size: 72px;
    color: #ffff !important;
    font-family: "dmsans-medium";
    font-weight: 500;
    letter-spacing: 1px;
}

#home .home-text .home-content span {
    font-size: 72px;
    background: linear-gradient(98deg, #c7a055 4.01%, #f5d988 53.3%, #d6b366 97.16%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-family: "dmsans-medium";
    font-weight: 500;
    letter-spacing: 1px;
}

#home .home-text .home-details {
    margin-top: 10px;
    font-family: "dmsans-medium";
    font-style: normal;
    font-weight: 200;
    font-size: 16px;
    color: #eeeeee;
    max-width: 100%;
    margin-bottom: 50px;
}

#home .home-text .home-button {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    font-family: "dmsans-medium";
    padding-left: -20px;
    outline: none;
}

#home .butn {
    width: 128px;
    height: 44px;
    font-family: "dmsans-medium";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    background: black;
    border: 1px solid #ffbb54 !important;
    border-radius: 7px;
    text-transform: capitalize;
    background: linear-gradient(98deg, #c7a055 4.01%, #f5d988 53.3%, #d6b366 97.16%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.spotlight img {
    max-width: 100%;
    height: 90vh;
    margin-top: 20px;
}

.explore {
    margin-top: 5%;
    margin-bottom: 20px;
}

.explore p {
    text-transform: uppercase;
    width: 70px;
    -ms-transform: rotate(20deg);
    transform: rotate(-90deg);
    color: white;
}


/* home section end */


/* about section start */

#about {
    padding: 160px 0;
}

#menu {
    margin-bottom: 20px;
}

#menu li {
    padding: 20px;
    box-shadow: 0px 4px 64px 0px #ffffff;
    padding: 12px 22px;
    cursor: pointer;
    color: #747474;
    /* border-bottom: 1px solid transparent; */
}

li.active {
    box-shadow: 0px 4px 64px 0px #0000001a;
    border: 1px solid #c7a055;
    color: #0a0a0a;
}

.about-text h3 {
    font-family: "dmsans-medium";
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    color: #171613;
    margin-top: 10%;
}

.about-text span {
    font-style: normal;
    font-weight: 100;
    font-size: 25px;
    line-height: 22px;
    font-family: "dmsans-medium";
    color: #171613;
}

.about-content-one {
    font-family: "dmsans-medium";
    font-style: normal;
    font-weight: 200;
    font-size: 17px;
    line-height: 22px;
    color: #615f59;
    margin-top: 30px;
}

.about-content-two {
    font-family: "dmsans-medium";
    font-style: normal;
    font-weight: 200;
    font-size: 17px;
    line-height: 22px;
    color: #615f59;
}


/* about section end */


/* card section start */

#card {
    padding: 80px 0;
    background-image: url(../assets/image/our\ actifities.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background: none;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#card p {
    width: 100%;
    font-family: "dmsans-medium";
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    color: #f1efe9;
    margin-bottom: 6%;
}

#card h2 {
    font-family: "dmsans-medium";
    font-style: normal;
    font-weight: 500;
    font-size: 48px;
    text-align: center;
    /* FOK/Primary Gold */
    background: linear-gradient(98deg, #c7a055 4.01%, #f5d988 53.3%, #d6b366 97.16%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 2%;
}

.card-body {
    background: #312610;
    border-radius: 8px;
    position: relative;
    opacity: 0.9;
}

.card-title h4 {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 38px;
    color: #ffffff;
    margin-left: 20px;
}

#card .content {
    font-family: "dmsans-medium";
    font-style: normal;
    font-weight: 200;
    font-size: 15px;
    line-height: 32px;
    text-align: left;
    color: #f1efe9;
    transition: 0.4s ease;
}

#card .myBtn {
    font-family: "dmsans-medium";
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 32px;
    border: none;
    background: linear-gradient(98deg, #c7a055 4.01%, #f5d988 53.3%, #d6b366 97.16%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

#card img {
    margin-left: 10px;
}


/* card section end */


/* fok section  */

#fok {
    padding: 80px 0;
    background: #f1efe9;
}

#fok h1 {
    font-family: "fml-Indulekha";
    font-style: normal;
    font-weight: 600;
    font-size: 50px;
    line-height: 34px;
    text-align: center;
    color: #171613;
    margin-bottom: 40px;
}

#fok p {
    font-family: "fml-Indulekha";
    font-size: 24px;
    margin-bottom: 20px;
    color: #615f59;
}

[data-tab-content] {
    display: none;
}

.active[data-tab-content] {
    display: block;
}


/* fok section end */

.hide {
    display: none;
    transition: 0.4s ease;
}

#fok .container {}

#fok .container ul {
    list-style: none;
    padding: 0;
}

#fok .container ul li {
    font-family: "fml-Indulekha";
    background: #3e3016;
    color: #fff;
    padding: 10px;
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px;
    border-radius: 10px;
}

#fok .container div.bottom {}

#fok .container div.bottom p.first,
#fok .container div.bottom p.sec {
    font-family: "fml-Indulekha";
    color: #615f59;
    font-size: 24px;
}

#fok .container div.bottom p span {
    font-family: "fml-Indulekha";
    font-weight: 700;
    margin-top: 10px;
}


/* chapter---------------------------------- */

#chap {
    background: #171613;
    padding: 80px 0px;
}

#chap .wrapper {
    width: 90%;
    max-width: 1320px;
    margin: 0 auto;
}

#chap .wrapper .contents {
    margin: 30px 0;
}

#chap .wrapper .contents h1 {
    background: linear-gradient(98deg, #c7a055 4.01%, #f5d988 53.3%, #d6b366 97.16%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Inter-Medium";
    text-align: center;
}

#chap .wrapper .contents p {
    font-family: "Inter-Regular";
    color: #f1efe9;
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 20px;
    text-align: center;
}

#chap .wrapper .image {
    margin-top: 80px;
}

#chap .wrapper .image img {
    display: block;
    width: 100%;
}


/* contribution--------------------- */

#contribution {
    padding: 60px 0;
}

#contribution .wrapper {}

#contribution .wrapper .container {}

#contribution .wrapper .container .top {}

#contribution .wrapper .container .top h1 {
    color: #171613;
    font-family: "Inter-Medium";
    margin-bottom: 20px;
    font-weight: 700;
    text-align: center;
}

#contribution .wrapper .container .top p {
    color: #615f59;
    font-family: "Inter-Regular";
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 20px;
    text-align: center;
    margin-bottom: 40px;
}

#contribution .wrapper .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 37%;
}

#contribution .wrapper .bottom .card {
    background: #3e3016;
    padding: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: inherit;
    width: 153%;
    margin-left: 30px;
    position: relative;
    left: 1%;
    border-radius: 10px;
    gap: 27px;
}

#contribution .wrapper .bottom .card .left {
    margin-right: 20px;
}

#contribution .wrapper .bottom .card .left img {}

#contribution .wrapper .bottom .card .right {}

#contribution .wrapper .bottom .card .right h2 {
    background: linear-gradient(98deg, #c7a055 4.01%, #f5d988 53.3%, #d6b366 97.16%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Inter-Medium";
    font-weight: 700;
}

#contribution .wrapper .bottom .card .right p {
    font-family: "Inter-Regular";
    color: #fff;
}

#contribution .wrapper .bottom .rec {
    position: absolute;
    right: 15px;
    bottom: 15px;
}


/* social------------- */

#social {
    background: #f1efe9;
    padding: 60px 0;
}

#social .wrapper .content-con h1 {
    color: #171613;
    font-family: "Inter-Medium";
    margin-bottom: 20px;
    font-weight: 700;
    text-align: center;
}

#social .wrapper .content-con p {
    color: #615f59;
    font-family: "Inter-Regular";
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 20px;
    text-align: center;
    margin-bottom: 40px;
}

#social .wrapper ul {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
}

#social .wrapper ul li {
    background: #858277;
    position: relative;
}

#social .wrapper ul li .bg-container {}

#social .wrapper ul li .bg-container img {
    display: block;
    width: 100%;
}

#social .wrapper ul li .shade {
    background: rgba(23, 22, 19, 0.7);
    color: #fff;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    position: absolute;
    width: 93%;
    bottom: 20px;
    border-radius: 0 5px 5px 0;
    padding: 10px;
}

#social .wrapper ul li .shade .inner {
    position: relative;
}

#social .wrapper ul li .shade .rec {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

#social .wrapper ul li .shade h3 {
    background: linear-gradient(98deg, #c7a055 4.01%, #f5d988 53.3%, #d6b366 97.16%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px;
}

#social .wrapper ul li .shade .date {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px;
}

#social .wrapper ul li .shade .date .img-container {
    margin-right: 5px;
}

#social .wrapper ul li .shade .date .img-container img {
    display: block;
    width: 100%;
}

#social .wrapper ul li .shade .date span {
    color: #d4d4d4;
}

#social .wrapper ul li .shade p {
    color: #d4d4d4;
    font-size: 14px;
}

#social .wrapper .view {
    text-align: center;
    margin-top: 50px;
}

#social .wrapper .view a {
    font-family: "Inter-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    text-transform: capitalize;
    color: #000000;
}

#social .wrapper .view img {
    margin-left: 10px;
}

#social .myBtn {
    font-family: "dmsans-medium";
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 32px;
    border: none;
    background: linear-gradient(98deg, #c7a055 4.01%, #f5d988 53.3%, #d6b366 97.16%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}


/* recent------------------------------------ */

#article {
    padding: 60px 0;
    background-image: url(../assets/image/our\ actifities.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

#article .wrapper {}

#article .wrapper .container {}

#article .wrapper .container h1 {
    background: linear-gradient(98deg, #c7a055 4.01%, #f5d988 53.3%, #d6b366 97.16%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Inter-Medium";
    text-align: center;
}

#article .wrapper .container p {
    color: #f1efe9;
    font-family: "Inter-Regular";
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 20px;
    text-align: center;
    margin-bottom: 40px;
}

#article .wrapper .container ul {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
}

#article .wrapper .container ul li {
    background: #858277;
    position: relative;
}

#article .wrapper .container ul li .bg-container {}

#article .wrapper .container ul li .bg-container img {
    display: block;
    width: 100%;
}

#article .wrapper .container ul li .shade {
    background: rgba(23, 22, 19, 0.7);
    color: #fff;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    position: absolute;
    width: 93%;
    bottom: 20px;
    border-radius: 0 5px 5px 0;
    padding: 10px;
}

#article .wrapper .container ul li .shade .inner {
    position: relative;
}

#article .wrapper .container ul li .shade .inner h3 {
    background: linear-gradient(98deg, #c7a055 4.01%, #f5d988 53.3%, #d6b366 97.16%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 22px;
}

#article .wrapper .container ul li .shade .inner .date {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px;
}

#article .wrapper .container ul li .shade .inner .date .img-container {
    margin-right: 5px;
}

#article .wrapper .container ul li .shade .inner .date .img-container img {
    display: block;
    width: 100%;
}

#article .wrapper .container ul li .shade .inner .date span {
    color: #d4d4d4;
}

#article .wrapper .container ul li .shade .inner p.con {
    color: #d4d4d4;
    font-size: 13px;
    text-align: left;
    margin-bottom: 10px;
}

#article .wrapper .container ul li .shade .rec {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

#article .wrapper .container .view-more {
    text-align: center;
    margin-top: 50px;
}

#article .wrapper .container .view-more a {
    font-family: "Inter-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    text-transform: capitalize;
    color: #f5d988;
}

#article .wrapper .container .view-activity img {
    margin-left: 10px;
}

#article .wrapper ul li .shade .view-activity a {
    text-decoration: none;
    font-family: "Inter-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
    text-align: center;
    text-transform: capitalize;
    color: #f5d988;
}

#article .wrapper ul li .shade .view-more img {
    margin-left: 5px;
}


/* volunteer------------------------------------------ */

#volunteer {
    padding: 60px 0;
    background: #f1efe9;
}

#volunteer .container-w .volunteer-details {
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
}

#volunteer .container-w .right {
    margin-left: 30px;
}

#volunteer .container-w .right h2 {
    color: #171613;
    font-family: "Inter-Medium";
    margin-bottom: 20px;
    font-weight: 600;
}

#volunteer .container-w .right p {
    color: #615f59;
    font-family: "Inter-Regular";
    max-width: 600px;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 16px;
    margin-bottom: 40px;
}

#volunteer .container-w .right button {
    border: none;
    background: linear-gradient(98deg, #c7a055 4.01%, #f5d988 53.3%, #d6b366 97.16%), linear-gradient(98deg, #c7a055 4.01%, #f5d988 53.3%, #d6b366 97.16%);
    height: 43px;
    width: 52%;
    font-family: "Inter-Medium";
    border-radius: 5px;
}


/* contact-------------------------------------------------- */

#contact {
    padding: 90px 0;
    background: url(../assets/image/contact.svg);
}

#contact .wrapper {}

#contact .wrapper .form-container {
    display: flex;
    align-items: center;
    margin-right: 30px;
}

#contact .wrapper .form-container .leftform {
    box-shadow: 0px 4px 64px 0px #0000001a;
    padding: 60px;
    width: 50%;
    margin-right: 30px;
    background: #fff;
}

#contact .wrapper .form-container .leftform h2 {
    color: #171613;
    font-family: "Inter-Medium";
    margin-bottom: 20px;
    font-weight: 600;
}

#contact .wrapper .form-container .leftform p {
    color: #615f59;
    font-family: "Inter-Regular";
    max-width: 600px;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 16px;
    margin-bottom: 40px;
}

#contact .wrapper .form-container .leftform form {}

#contact .wrapper .form-container .leftform form .cover {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

#contact .wrapper .form-container .leftform form .cover label {
    color: #747474;
    margin-bottom: 5px;
    font-size: 14px;
    font-family: "Inter-Medium";
    font-weight: 500;
}

#contact .wrapper .form-container .leftform form .cover input {
    border: 1px solid #c3bcbc;
    height: 50px;
    padding-left: 20px;
    border-radius: 6px;
}

#contact .wrapper .form-container .leftform form input[type="submit"] {
    border: none;
    background: linear-gradient(98deg, #c7a055 4.01%, #f5d988 53.3%, #d6b366 97.16%), linear-gradient(98deg, #c7a055 4.01%, #f5d988 53.3%, #d6b366 97.16%);
    height: 50px;
    width: 100%;
    font-family: "Inter-Medium";
    border-radius: 5px;
}

#contact .wrapper .form-container .leftform form textarea {
    border: 1px solid #adadad;
    padding-left: 20px;
    padding-top: 20px;
    border-radius: 6px;
}

#contact .wrapper .form-container .map {
    position: relative;
}

#contact .wrapper .form-container .map .mapouter {}

#contact .wrapper .form-container .map .mapouter .gmap_canvas {}

#contact .wrapper .form-container .map .mapouter .gmap_canvas #gmap_canvas {}

#contact .wrapper .form-container .map .mapouter .gmap_canvas a {
    display: none;
}

#contact .wrapper .form-container .map .mapouter .gmap_canvas br {}

#contact .wrapper .form-container .map .media {
    position: absolute;
    background: linear-gradient(98deg, #c7a055 4.01%, #f5d988 53.3%, #d6b366 97.16%);
    padding: 16px 12px;
    border-radius: 0 4px 52px;
    right: -42px;
    bottom: 0;
}

#contact .wrapper .form-container .map .media .media-container {
    margin-bottom: 10px;
}

#contact .wrapper .form-container .map .mapouter {
    position: relative;
    text-align: right;
    height: 715px;
}

#contact .wrapper .form-container .map .gmap_canvas {
    overflow: hidden;
    background: none !important;
    height: 715px;
    width: 555px;
}

#contact .wrapper .form-container .map .media .media-container img {}


/* footer------------------------------------------ */

footer {
    background: #171613;
    padding: 60px 0;
}

footer .footer-con {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

footer .footer-con .address {
    width: 40%;
}

footer .footer-con .address .footer-logo {
    margin-bottom: 20px;
}

footer .footer-con .address .footer-logo img {}

footer .footer-con .address p {
    color: #aaaaaa;
    max-width: 370px;
}

footer .footer-con .address p br {}

footer .footer-con .footer-items {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 60%;
}

footer .footer-con .footer-items .footer-cover {}

footer .footer-con .footer-items .foot-cover {
    display: flex;
    justify-content: space-between;
    width: 45%;
}

footer .footer-con .footer-items .footer-cover h3 {
    color: #ffffff;
    font-size: 20px;
    margin-bottom: 30px;
}

footer .footer-con .footer-items .footer-cover ul {
    padding-left: 0 !important;
}

footer .footer-con .footer-items .footer-cover .soc-media {
    display: flex;
    padding-left: 0 !important;
}

footer .footer-con .footer-items .footer-cover li {
    color: #aaaaaa;
    font-size: 14px;
    margin-bottom: 10px;
    cursor: pointer;
}

footer .footer-con .footer-items .footer-cover li a {
    color: #aaaaaa;
    text-decoration: none;
}

footer .footer-con .footer-items .footer-cover .soc-media li {
    margin-right: 30px;
    color: #aaaaaa;
    cursor: pointer;
    /* width: 20px; */
}

.soc-media li img {
    display: block;
    width: 100%;
}

footer .cop {
    color: #aaaaaa;
    margin-top: 30px;
    display: flex;
    gap: 20px;
}


/*-========ourteam=============-*/


/*----ourteam meet section---*/

#meet {
    padding: 60px 0;
    text-align: center;
    padding: 60px 32px;
    width: 100%;
    background-image: url(../assets/image/background.svg), linear-gradient(90deg, rgb(16, 16, 17) 0%, rgb(8, 8, 8) 35%, rgb(0, 0, 0) 100%);
}

#meet .meet-details {}

#meet .meet-details h1 {
    max-width: 100%;
    font-family: "dmsans-medium";
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    text-align: center;
    text-transform: capitalize;
    color: #e7a745;
}

#meet .meet-details p {
    font-family: "dmsans-medium";
    font-style: normal;
    font-weight: 100;
    font-size: 20px;
    text-align: center;
    text-transform: capitalize;
    color: #ffffff;
}


/*----ourteam team section---*/

#team-section {
    padding: 70px;
}

#team-section .container {
    max-width: 1170px;
    margin: auto;
}

#team-section .row {
    display: flex;
    flex-wrap: wrap;
}

#team-section .team-items {
    flex-basis: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    border-bottom: 2px solid #d4d4d4;
}

#team-section .team-items .item {
    flex-basis: calc(28% - -26px);
    max-width: calc(65% - 40px);
    margin-bottom: 40px;
}

#team-section .team-items .item img {
    display: block;
    width: 100%;
    border-radius: 8px;
}

#team-section .team-items .item .inner {
    position: relative;
    z-index: 11;
    padding: -1px 15px;
}

#team-section .team-items .item .inner .info {
    text-align: center;
    padding: -2px 17px;
    margin-top: 20px;
}

#team-section .team-items .item .inner .info h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #e7a745;
}

#team-section .team-items .item .inner .info p {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
}

#team-section .team-iteem {
    flex-basis: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

#team-section .team-iteem .item {
    flex-basis: calc(28% - -26px);
    max-width: calc(65% - 40px);
    transition: all 0.5s ease;
    margin-bottom: 40px;
}

#team-section .team-iteem .item img {
    display: block;
    width: 100%;
    border-radius: 8px;
}

#team-section .team-iteem .item .inner {
    position: relative;
    z-index: 11;
    padding: -1px 15px;
}

#team-section .team-iteem .item .inner .info {
    background-color: #3e3016;
    text-align: center;
    padding: -2px 17px;
    margin-top: -40px;
}

#team-section .team-iteem .item .inner .info h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #ffbb54;
}

#team-section .team-iteem .item .inner .info p {
    font-size: 16px;
    font-weight: 400;
    color: #eeeeee;
}


/*----ourteam ourteam section---*/

#ourteam-section {
    padding: -80px;
}

#ourteam-section .container {
    max-width: 1170px;
    margin: auto;
}

#ourteam-section .row {
    display: flex;
    flex-wrap: wrap;
}

#ourteam-section .ourteam-items {
    flex-basis: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

#ourteam-section .ourteam-items .item {
    flex-basis: calc(25% - 30px);
    max-width: calc(25% - 30px);
    transition: all 0.5s ease;
    margin-bottom: 40px;
}

#ourteam-section .ourteam-items .item img {
    display: block;
    width: 100%;
    border-radius: 8px;
}

#ourteam-section .ourteam-items .item .inner {
    position: relative;
    z-index: 11;
    padding: -1px 15px;
}

#ourteam-section .ourteam-items .item .inner .info {
    text-align: center;
    padding: -2px 17px;
    margin-top: 20px;
}

#ourteam-section .ourteam-items .item .inner .info h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #ffbb54;
}

#ourteam-section .ourteam-items .item .inner .info p {
    font-size: 16px;
    font-weight: 400;
    color: #020202;
}


/*----ourteam footer section---*/

#ourteam-footer {
    padding: 10px 0;
    background-color: #000000;
}

footer .copy {
    text-align: center;
    font-family: "DM Sans";
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    color: #ffbb54;
}


/*-========social=============-*/


/*----social commit section---*/

#socialcommit {
    padding: 60px 0;
    text-align: center;
    padding: 60px 32px;
    width: 100%;
    background-image: url(../assets/image/background.svg), linear-gradient(90deg, rgb(16, 16, 17) 0%, rgb(8, 8, 8) 35%, rgb(0, 0, 0) 100%);
}

#socialcommit .socialcommit-details {}

#socialcommit .socialcommit-details h1 {
    max-width: 100%;
    font-family: "dmsans-medium";
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    text-align: center;
    text-transform: capitalize;
    color: #e7a745;
}

#socialcommit .socialcommit-details p {
    font-family: "dmsans-medium";
    font-style: normal;
    font-weight: 100;
    font-size: 20px;
    text-align: center;
    text-transform: capitalize;
    color: #ffffff;
}


/* social------------- */

#commit {
    background: #fff;
    padding: 60px 0;
}

#commit .wrapper {}

#commit .wrapper .content-con {}

#commit .wrapper .content-con h1 {
    color: #171613;
    font-family: "Inter-Medium";
    margin-bottom: 20px;
    font-weight: 700;
    text-align: center;
}

#commit .wrapper .content-con p {
    color: #615f59;
    font-family: "Inter-Regular";
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 20px;
    text-align: center;
    margin-bottom: 40px;
}

#commit .wrapper .commit-details ul {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
}

#commit .wrapper ul li {
    background: #858277;
    position: relative;
}

#commit .wrapper ul li .bg-container {}

#commit .wrapper ul li .bg-container img {
    display: block;
    width: 100%;
}

#commit .wrapper ul li .shade {
    background: rgba(23, 22, 19, 0.7);
    color: #fff;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    position: absolute;
    width: 93%;
    bottom: 20px;
    border-radius: 0 5px 5px 0;
    padding: 10px;
}

#commit .wrapper ul li .shade .inner {
    position: relative;
}

#commit .wrapper ul li .shade .rec {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

#commit .wrapper ul li .shade h3 {
    background: linear-gradient(98deg, #c7a055 4.01%, #f5d988 53.3%, #d6b366 97.16%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px;
}

#commit .wrapper ul li .shade .date {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px;
}

#commit .wrapper ul li .shade .date .img-container {
    margin-right: 5px;
}

#commit .wrapper ul li .shade .date .img-container img {
    display: block;
    width: 100%;
}

#commit .wrapper ul li .shade .date span {
    color: #d4d4d4;
}

#commit .wrapper ul li .shade p {
    color: #d4d4d4;
    font-size: 12px;
}

#commit .wrapper ul li .shade .view-more a {
    text-decoration: none;
    font-family: "Inter-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
    text-align: center;
    text-transform: capitalize;
    color: #f5d988;
}

#commit .wrapper ul li .shade .view-more img {
    margin-left: 10px;
}

#commit .myBtn {
    font-family: "dmsans-medium";
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 32px;
    border: none;
    background: linear-gradient(98deg, #c7a055 4.01%, #f5d988 53.3%, #d6b366 97.16%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}


/*-========Press Release=============-*/


/*----============ditectory==========--*/

#meet .directory-details h1 span {
    max-width: 100%;
    font-family: "dmsans-medium";
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    text-align: center;
    text-transform: capitalize;
    color: #e7a745;
}

#meet .directory-details p {
    font-family: "dmsans-medium";
    font-style: normal;
    font-weight: 100;
    font-size: 20px;
    text-align: center;
    text-transform: capitalize;
    color: #ffffff;
}

#more {
    display: none;
}


/*----Press Release commit section---*/

#press-section {
    padding: 70px;
}

#press-section .container {
    max-width: 1170px;
    margin: auto;
}

#press-section .row {
    display: flex;
    flex-wrap: wrap;
}

#press-section .team-items {
    flex-basis: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

#press-section .team-items .item {
    flex-basis: calc(28% - -38px);
    max-width: calc(65% - 40px);
    margin-bottom: 23px;
}

#press-section .team-items .item img {
    display: block;
    width: 100%;
    border-radius: 8px;
}

#press-section .team-iteem {
    flex-basis: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

#press-section .team-iteem .item {
    flex-basis: calc(28% - -38px);
    max-width: calc(65% - 40px);
    transition: all 0.5s ease;
    margin-bottom: 23px;
}

#press-section .team-iteem .item img {
    display: block;
    width: 100%;
    border-radius: 8px;
}


/*-========ativie-single=============-*/


/*----activie-single section---*/

#activity {
    padding: 40px;
}

#activity .activity-detail {
    margin-top: 30px;
}

#activity .activity-detail h4 {
    font-family: "Inter-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 40px;
    color: #0a0a0a;
}

#activity .activity-detail p {
    max-width: 100%;
    font-family: "Inter-Regular";
    font-weight: 400;
    font-size: 18px;
    line-height: 29px;
    color: #747474;
}

#activity .activity-detail .myBtn {
    font-family: "dmsans-medium";
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    border: none;
    background: linear-gradient(98deg, #b3842e 4.01%, #c29e34 53.3%, #d3aa53 97.16%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

#activity h5 {
    font-family: "Inter-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 40px;
    color: #0a0a0a;
    margin-bottom: 24px;
}

#activity .activ-scroll {
    max-height: 690px;
    overflow: scroll;
    scrollbar-color: #d4d4d4;
}

#activity .Activities {
    margin-bottom: 20px;
}

#activity .Activities .active-title {
    gap: 60px;
}

#activity .Activities .active-title .date {
    margin-top: -3px;
    font-family: "Outfit";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #a0a0a0;
}

#activity .Activities .active-title h6 {
    font-family: "Inter-Regular";
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    color: #747474;
}

#activity .Activities p {
    font-family: "Inter-Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #8f8a8a;
}


/*----============table==========--*/


/*----------- table section---------*/

#table {
    padding: 70px;
}

#table .wrapper {
    width: 90%;
    max-width: max-content;
}

#table .table-title {
    /* margin-left: -36px; */
    /* width: 109%; */
    padding-left: 0;
}

#table .table-title .active {
    background: #ffffff;
    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    padding: 12px 22px;
    color: #0a0a0a;
    border: 1px solid #c7a055;
}

#table .table-title li {
    font-family: "Outfit-medium";
    font-style: normal;
    border-radius: 8px;
    font-weight: 400;
    margin-right: 20px;
    font-size: 17px;
    line-height: 20px;
    text-align: center;
    color: #747474;
    width: 100%;
    white-space: nowrap;
    border: 1px solid #80808054;
}

td[colspan="2"] {
    text-align: left;
    background: red;
}

td[colspan="3"] {
    text-align: right;
}

td[colspan="2"] {
    text-align: center;
}

#table .table-content {
    background: #ffffff;
    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
}

#table table {
    text-align: center;
    margin-left: auto;
    margin-bottom: auto;
    display: table;
    border-collapse: collapse;
    border-spacing: 15px;
    table-layout: fixed;
    height: 90vh;
    width: 94%;
    margin-left: 39px;
}

#table .table-content th {
    font-family: "Outfit-medium";
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    color: #0a0a0a;
    padding: 22px 37px;
}

#table .table-content td {
    border-bottom: 1px solid rgb(228, 226, 226);
    padding: 22px 37px;
    color: #747474;
    font-family: "Outfit-regular";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
}

#table table {
    text-align: center;
    margin-left: auto;
    margin-bottom: auto;
    display: table;
    border-collapse: collapse;
    border-spacing: 5px;
    table-layout: fixed;
    height: 80vh;
    width: 100%;
}

#table td a {
    padding: 21px 53px;
    text-decoration: none;
    color: #747474;
    font-family: "Outfit-regular";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
}

.line {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.readflex {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-family: "dmsans-medium";
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    border: none;
    background: linear-gradient(98deg, #c7a055 4.01%, #f5d988 53.3%, #d6b366 97.16%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

html ::-webkit-scrollbar-thumb {
    /* background: #0c0c0c; */
    /* border-radius: 10px; */
}

#commit .wrapper .pages ul li {
    background: none;
    position: relative;
}

.pages ul {
    gap: 15px;
    outline: none;
    margin-top: 40px;
}

.pages ul li a {
    border: none;
    color: #000000;
}

.page-link {
    box-shadow: 0px 4px 64px 0px #0000001a;
}

.number :hover {
    background-color: #8a8888 !important;
    color: #fff !important;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #050505 !important;
    border: none !important;
}

#commit li.active {
    box-shadow: 0px 4px 64px 0px #0000001a;
    border: none !important;
    color: #0a0a0a;
}