@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* .roboto-<uniquifier> {
      font-family: "Roboto", serif;
      font-optical-sizing: auto;
      font-weight: <weight>;
      font-style: normal;
      font-variation-settings:
        "wdth" 100;
    } */

:root {
    --white-color: #fff;
    --black-color: #000;

    --primary: #2e266b;
    --secondary: #3f80b4;
    --brand: #09466c;
    --bg-color: #ecf4f7;

    --text-color: #e3244423;
    --main-color: #5344;

    --dark-mode: #121212;

    --dark-mode: #121212;

    --box-shadow: 0px 1px 11px 0px #00000040;
    --font-family: "Roboto", serif;
    --nunito: "Nunito Sans", sans-serif;
}

body {
    font-family: var(--font-family);
}

.logo {
    width: 98px;
    height: 98px;
}
.logo img {
    width: 100%;
    height: 100%;
}

.logo-head a {
    text-decoration: none;
    color: var(--black-color);
}
.logo-head a h1 {
    font-size: 20px;
}


.logo-head a h1 p {
    margin: 0;
}


.gap-1 {
    gap: 1px;
}
.gap-2 {
    gap: 2px;
}

.gap-3 {
    gap: 3px;
}
.gap-4 {
    gap: 4px;
}
.gap-5 {
    gap: 5px;
}

.gap-6 {
    gap: 6px;
}
.gap-7 {
    gap: 7px;
}
.gap-8 {
    gap: 8px;
}

.gap-9 {
    gap: 9px;
}

.gap-10 {
    gap: 10px;
}

.gap-11 {
    gap: 11px;
}
.gap-12 {
    gap: 12px;
}

.btn-check:active + .btn-outline-success:focus,
.btn-check:checked + .btn-outline-success:focus,
.btn-outline-success.active:focus,
.btn-outline-success.dropdown-toggle.show:focus,
.btn-outline-success:active:focus,
.form-control:focus,
.btn-check:focus + .btn-outline-success,
.btn-outline-success:focus {
    border-color: #ced4da;
    box-shadow: initial;
}

.btn-brand {
    background-color: var(--brand);
    color: var(--white-color);
    border-color: var(--brand);
}
.btn-brand:hover {
    color: var(--white-color);
}

.btn-primary {
    background-color: var(--primary);
    color: var(--white-color);
    border-color: var(--primary);
}
.btn-primary:hover {
    color: var(--white-color);
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.btn-primary {
    color: var(--white-color);
    background-color: var(--secondary);
    border-color: var(--secondary);
}
.btn-primary:hover {
    background-color: var(--primary);
    color: var(--white-color);
    border-color: var(--primary);
}
/* top header goes here  */
.top-nav {
    background-color: var(--primary);
    border-bottom: 1px solid #ced4da;
    padding-block: 4px;
    display: none;
}

.top-nav .topnav ul li a,
.top-nav .topnav ul li span {
    color: var(--white-color);
    font-size: 14px;
    text-decoration: none;
}
.top-nav .topnav ul li {
    list-style: none;
    /* border-left: 1px solid #ced4da; */
    padding-left: 10px;
}
/* .top-nav .topnav ul li:first-child {
    border-left: 0;
  } */

.top-nav .topnav ul li a i {
    margin-right: 2px;
    font-size: 12px;;
}

.language svg {
    width: 23px;
    height: 37px;
}
.language img {
    height: 27px;
}

.top-nav .topnav .nav-item .nav-link {
    padding: 0;
}
/* .mid-nav {
    padding-block: 10px;
} */

.mid-nav a {
    text-decoration: none;
}
.mid-nav .logo-content h1 {
    margin: 0;
    padding: 0;
    font-weight: 500;
    font-size: 26px;
    line-height: 32.81px;
    color: var(--black-color);
}

.mid-nav .logo-content h1 p {
    margin: 0;
}
.mid-nav .logo-content h2 {
    margin: 0;
    font-weight: 500;
    font-size: 24px;
    line-height: 30.47px;
    color: var(--black-color);
}
.mid-nav .logo-content h1:last-child {
    font-size: 22px;
    font-weight: 600;
    line-height: 34px;
}
.search-wrapper .search-icon {
    position: absolute;
    top: 0;
    left: -36px;
    line-height: 18px;
    height: 100%;
    padding: 10px;
    border-radius: 0.25rem;
    border: 1px solid #ced4da;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
}

.search-wrapper .form-control {
    border-radius: 0;
}

.search-wrapper .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.gif_flag {
    width: 60px;
    margin: auto;
}

.flag p {
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 16.41px;
}

.nav-light {
    background-color: var(--primary);
}
.navbar {
    padding-block: 4px;
}

.navbar .nav-item {
    padding-inline: 10px;
}
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show > .nav-link {
    color: var(--white-color);
    /* background-color: var(--brand); */
}

.hamb ul.navbar-nav {
    margin-left: -20px;
}

.navbar-light .navbar-nav .nav-link {
    color: var(--white-color);
}

/* .nav-item.dropdown:hover .dropdown-menu {
    display: block;
} */

.dropdown-menu {
    display: none;
    border-radius: 0;
}

.nav-item.dropdown:hover .dropdown-menu {
    /* display: block; */
    position: absolute;
    top: 100%;
    left: 0;
    background-color: var(--primary);
    border-top: 0;
    border-top: 3px solid var(--secondary);
}

.sub-dropdowm-menu a {
    color: var(--white-color);
    font-size: 15px;
}

/* end here for top header  */

/* notice  */
.notice-wrapper {
    background: #eff6fc;
    margin-top: 10px;
}
.pres-section {
    margin-top: 10px;
}
.notice {
    position: relative;
}
.notice h3 {
    background-color: var(--secondary);
    margin: 0;
    color: var(--white-color);
    font-weight: 700;
    font-size: 18px;
    padding: 10px 30px;
}

.notice-slider {
    margin: 0;
    padding: 0;
}
.notice-slider li {
    text-decoration: none;
    list-style-type: none;
}

.notice-slider li a {
    text-decoration: none;
    color: var(--black-color);
}

.notice:before {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0px 10px 10px;
    border-color: transparent transparent transparent var(--secondary);
}

.notice-slider .slick-prev {
    left: 96% !important;
    z-index: 1;
}
.notice-slider .slick-next {
    right: 0px !important;
    z-index: 1;
    padding-right: 10px !important;
}
.notice-slider .slick-prev:before,
.notice-slider .slick-next:before {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900;
    color: var(--black-color) !important;
    font-size: 14px !important;
}

.notice-slider .slick-prev:before {
    content: "\f053" !important;
}

.notice-slider .slick-next:before {
    content: "\f054" !important;
}
.notice-slider .slick-prev,
.notice-slider .slick-next {
    background-color: #eef6fc !important;
}

.janani-img img {
    width: 55px;
    height: 50px;
}

.janani-content li {
    list-style: none;
    line-height: 25px;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.janani-content li a {
    color: var(--secondary);
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
}

.janani-content li a:hover {
    color: var(--primary);
}

.janani-content p {
    font-size: 12px;
}

.press-content-part {
    background-color: var(--white-color);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    height: 550px;
    overflow: hidden;
    padding-bottom: 10px;
    /* overflow: hidden;
      overflow-y: auto; */
}

.press-content-part ul li button {
    font-size: 16px;
}

.height-480 {
    height: 480px;
}
.height-500 {
    height: 515px;
}

.height-535 {
    height: 535px;
}
.press-content-part::-webkit-scrollbar {
    width: 10px;
    background-color: #000;
}

.event-container {
    box-shadow: var(--box-shadow);
    padding: 20px;
}

.all-events {
    background-color: var(--bg-color);
    padding: 20px;
    border-radius: 8px;
}

.all-events .janani-event {
    padding: 10px;
}

.all-events .janani-event .d-flex {
    align-items: center;
}

.all-events .event-scroll {
    height: 365px;
    overflow: hidden;
    overflow-y: auto;
}
.event-title-right h2 {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 20px;
    position: relative;
}

.event-title-right h2::after {
    width: 50px;
    border: 2px solid #3f80b4;
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
}
.right-side-event {
    padding: 20px;
    background-color: var(--bg-color);
    border-radius: 8px;
    position: relative;
}

.right-side-event .event-img {
    height: 350px;
    overflow: hidden;
}
.right-side-event .event-img img {
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
}
.height-430 {
    height: 430px;
}

.right-side-event a {
    text-decoration: none;
    color: var(--black-color);
}

.right-side-event h3 {
    font-weight: 600;
    font-size: 20px;
}

.right-side-event::after {
    content: "";
    border-bottom: 4px solid var(--primary);
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: var(--primary);
    bottom: 0px;
    left: 0;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
}

.all-events .event-title-left h2 {
    font-weight: 600;
    font-size: 18px;
    border-bottom: 1px solid var(--primary);
    display: inline;
}

.press-img-part {
    background-color: var(--white-color);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}

.pres-partnership .col-lg-4 > div {
    background-color: #f2f2f2;
    padding: 8px;
    transition: all ease-in-out 0.3s;
    border-radius: 10px;
}

.pres-partnership .col-lg-4 > div:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}

.pres-right-img {
    width: 95px;
    height: 86px;
}

.press-content-part .press-head-title {
    padding-inline: 20px;
    padding-top: 10px;
}
.press-content-part .press-head-title h3 {
    font-weight: 500;
    font-size: 20px;
    margin: 0;
}

.pres-right-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pres-partnership .pres-right-content h2 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

.pres-partnership .pres-right-content p {
    font-weight: 400;
    font-size: 14px;
    line-height: 18.41px;
    margin: 0;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-block: 4px;
}

.learn-more-btn a {
    font-weight: 600;
    font-size: 15px;
    line-height: 17.58px;
    text-decoration: none;
}

.learn-more-btn a i {
    font-size: 13px;
    margin-left: 3px;
}

.press-img-part .slick-dots {
    bottom: 10px !important;
}

.press-img-part .slick-dotted.slick-slider {
    margin-bottom: 0px !important;
}

.pres-img {
    height: 550px;
}

.press-img-part .slick-dots li.slick-active button:before {
    color: var(--secondary) !important;
    opacity: 1 !important;
}

.press-img-part .slick-dots li button:before {
    color: var(--white-color) !important;
    opacity: 1 !important;
}

.press-img-part .slick-dots li {
    margin: 0 !important;
}

.pres-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.press-content-part .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--primary);
}

.press-content-part .nav-pills .nav-link {
    border-radius: 0;
    width: 100%;
    background-color: var(--secondary);
    border-left: 1px solid #f2f2f2;
    color: var(--white-color);
}

.press-content-part .nav-pills .nav-link svg {
    width: 18px;
    height: 20px;
}
.press-content-part .nav-pills .nav-link:nth-child(3) {
    border-right: 0;
}

.pres-slider .slick-prev {
    z-index: 1;
    left: 10px;
}
.pres-slider .slick-next {
    z-index: 1;
    right: 10px;
}

.pres-slider .slick-prev:before,
.pres-slider .slick-next:before {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900;
    color: var(--white-color) !important;
    font-size: 14px !important;
}

.pres-slider .slick-prev:before {
    content: "\f053" !important;
}

.pres-slider .slick-next:before {
    content: "\f054" !important;
}

.pres-slider .slick-prev,
.pres-slider .slick-next {
    background-color: var(--brand) !important;
    border-radius: 100px;
    opacity: 0.6;
}
.pres-slider .slick-prev,
.pres-slider .slick-next {
    width: 25px;
    height: 25px;
}

.janani-item {
    background-color: var(--white-color);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    margin: 10px 20px;
    border-radius: 10px;
}
.janani-btn {
    margin: 10px 20px;
}

.janani-event {
    background-color: var(--white-color);
    margin: 8px 4px;
    border-radius: 4px;
    /* border: 1px solid #f2f2f2; */
    position: relative;
}

/* .janani-event::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background-color: var(--secondary);
    height: 100%;
    width: 5px;
    border-radius: 100px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
} */

/* .janani-event:hover {
    background-color: var(--secondary);
} */
/* .janani-event:hover::after {
    display: none;
} */
.event-img-bg {
    background-color: var(--primary);
    overflow: hidden;
    border-radius: 4px;
    position: relative;
    width: 180px;
    height: 120px;
}

.janani-event-img {
    width: 180px;
    height: 100%;
    border-radius: 4px;
    overflow: hidden;
    transform: translateX(-95px);
    transition: all ease-in-out 0.3s;
}
.event-date {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    width: 50%;
    text-align: center;
}
.event-date p {
    margin: 0;
    color: var(--white-color);
    font-size: 15px;
}
.janani-event-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
    transition: all ease-in-out 0.3s;
}

.event-img-bg:hover .janani-event-img {
    transform: translateX(0px);
    z-index: 1;
    position: relative;
}



/* .janani-event:hover .janani-event-img img {
    transform: scale(1.1);
} */

.janani-event-content {
    width: 60%;
}
.janani-event-content div h4 {
    font-weight: 500;
    font-size: 18px;
    margin: 0;
}
/*
.janani-event:hover .janani-event-content div h4 {
    color: var(--white-color);
} */
.janani-event-content div a {
    font-weight: 500;
    font-size: 14px;
    color: var(--black-color);
}
/* .janani-event:hover .janani-event-content div a {
    color: var(--white-color);
} */

.janani-event-content p {
    font-size: 14px;
}
/* .janani-event:hover .janani-event-content p {
    color: var(--white-color);
} */

.event-details a {
    text-decoration: none;
}

/* .event-detail div h3 img {
    width: 100% !important;
} */

.janani-notice .janani-content li div.d-flex i {
    font-size: 22px;
    margin-top: 4px;
    color: var(--secondary);
}

.janani-notice {
    background-color: var(--white-color);
    margin: 10px 20px;
    border-bottom: 1px solid #f2f2f2;
}
/*
  .janani-notice:hover {
    border-bottom: 1px solid var(--primary);
  } */

.about-section {
    padding-top: 80px;
    padding-bottom: 120px;
    background: var(--bg-color);
}
.about-us {
    position: relative;
}
.about-section .about-us .about-us-title h1 {
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 23px;
}
.about-section .about-us .about-us-title h2 {
    font-weight: 500;
    font-size: 20px;
    line-height: 25.13px;
    margin-block: 13px;
}

.below-line {
    position: relative;
}
.below-line::after {
    width: 92px;
    border: 2px solid #3f80b4;
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
}

.about-section .about-us .about-us-title p {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 25px;
    text-align: justify;
}

.about-section .about-us .about-us-title p big img {
    width: 100% !important;
}

.office-address {
    display: flex;
    background-color: var(--white-color);
    box-shadow: 0px 1px 11px 0px #00000040;
    border-radius: 5px;
    place-items: center;
    justify-content: center;
    gap: 16px;
    padding-block: 16px;
    padding-inline: 14px;
}

.office-address .building-icon {
    width: 48px;
    height: 48px;
    border-radius: 100px;
    box-shadow: 0px 1px 11px 0px #00000040;
    padding: 15px;
    display: grid;
    place-items: center;
}
.office-address .building-icon i {
    font-size: 18px;
}
.office-address .address h3 {
    font-weight: 600;
    font-size: 16px;
    margin: 0;
    margin-bottom: 4px;
}

.office-address .address p {
    margin: 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 16.41px;
    color: #000000b2;
}

/*
.image-group-us {
  position: relative;
  z-index: 11;
}
.image-group-us .image-1 {
  position: relative;
  z-index: 11;
}

.image-group-us .image-1::after {
  content: "";
  position: absolute;
  top: 10px;
  right: -10px;
  background-color: var(--secondary);
  height: 100%;
  width: 100%;
  border-top-left-radius: 100px;
  border-bottom-right-radius: 100px;
  z-index: -1;
  box-shadow: var(--box-shadow);
} */

/*
.image-group-us .image-1:hover {
  z-index: 1;
}
.image-group-us .image-2 {
  width: 372px;
  position: absolute;
  left: 0;
  top: 180px;
} */
/* .image-group-us .image-2 img */

/*
.image-group-us .image-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 100px;
  border-bottom-right-radius: 100px;
  z-index: 1;
}
.image-group-us .social-icons {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -20px;
  z-index: 12;
  background-color: var(--white-color);
  padding: 10px;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.image-group-us .social-icons ul {
  flex-direction: column;
} */
/*
.image-group-us::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: -15px;
  width: 120px;
  height: 3px;
  background-color: var(--black-color);
} */
/*
.image-group-us::before {
  content: "";
  position: absolute;
  bottom: -20px;
  left: -15px;
  width: 3px;
  height: 120px;
  background-color: var(--black-color);
} */
/* .image-group-us .social-icons ul li a {
  color: var(--white-color);
} */

.image-group-us {
    position: relative;
}
.image-group-us .image-1 {
    width: 400px;
    position: absolute;
    right: -40px;
    top: 0;
}
.image-group-us .image-1:hover {
    z-index: 1;
}
.image-group-us .image-2 {
    width: 350px;
    position: absolute;
    left: 0;
    top: 180px;
}
.image-group-us .image-1 img,
.image-group-us .image-2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px;
}

.project-img .img {
    height: 210px;
    overflow: hidden;
}

.project-img .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* border-radius: 8px; */
}
.project-content-tit {
    /* position: absolute;
    bottom: 0;
    left: 0; */
    background-color: var(--white-color);
    /* opacity: 0.65; */
    width: 100%;
    /* transform: translateY(100px); */
    transition: all ease-in-out 0.4s;
}

.project-content-tit h3 {
    font-weight: 600;
    font-size: 14px;
    line-height: 15.23px;
    /* text-align: center; */
    margin: 0;
    /* margin-block: 8px; */
    padding: 10px;
    position: relative;
    z-index: 1;
    color: var(--black-color);
}
.my-project {
    /* background-color: #d8e3e7; */
    /* padding: 5px; */
    transition: all ease-in-out 0.4s;
    position: relative;
    /* border-radius: 8px; */
    /* overflow: hidden; */
}
/*
.my-project:hover .project-content-tit {
    box-shadow: var(--box-shadow);
    transform: translateY(0px);
} */
.project-tt {
    margin-bottom: 25px;
    /* margin-left: -10px; */
}
.project-tt h1 {
    display: inline;
    font-weight: 600;
    font-size: 28px;
    line-height: 32.81px;
}

.project-section {
    /* background: #f2f2f2; */
    /* padding-block: 40px; */
}

.project-section .project-left {
    background: #f2f2f2;
    padding: 10px 10px 10px 20px;
    border-radius: 8px;
}
.project-slider .slick-slide {
    margin: 0 4px;
}

.project-slider .slick-list {
    margin: 0 -4px;
}

.project-slider a {
    color: var(--black-color);
    text-decoration: none;
}

.president-corners .janani-notice {
    margin: 0;
}

.social-icons ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 15px;
    gap: 10px;
    padding: 0;
    margin: 0;
    text-align: center;
}

.social-icons ul li {
    text-decoration: none;
    list-style: none;
}

.social-icons ul li a {
    color: var(--black-color);
}

.container-fluid {
    padding-left: 35px;
    padding-right: 35px;
}

.member-wrapper {
    background-color: var(--white-color);
    padding: 10px;
    gap: 10px;
    border-radius: 8px;
    margin-top: 50px;
}

.member-img img {
    width: 125px;
    object-fit: cover;
}

.member-content h4 {
    font-weight: 600;
    font-size: 20px;
}
.member-content p {
    font-weight: 400;
    font-size: 14px;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
}

.member-content a {
    font-weight: 600;
    font-size: 13px;
    text-decoration: none;
    color: var(--secondary);
}

.gallery-img img {
    border-radius: 8px;
}

.gallery-img .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.my-gallery {
    transition: all ease-in-out 0.4s;
    position: relative;
}

.gallery-content-tit {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: all ease-in-out 0.4s;
    z-index: 1;
}

.gallery-content-tit h3 {
    font-weight: 600;
    font-size: 13px;
    line-height: 15.23px;
    text-align: center;
    margin: 0;
    margin-block: 8px;
    color: var(--white-color);
    position: relative;
    z-index: 1;
}

/* .my-gallery::after {
    background-color: var(--black-color);
    opacity: 0.75;
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    height: 80%;
    content: "";
    transform: translateY(170px);
    transition: all ease-in-out 0.4s;
}
.my-gallery:hover::after {
    transform: translateY(0px);
} */

.my-gallery:hover .gallery-content-tit {
    transform: translateY(-250%);
    z-index: 1;
}
.gallery-tt {
    margin-bottom: 25px;
}
.gallery-tt h1 {
    display: inline;
    font-weight: 600;
    font-size: 28px;
    line-height: 32.81px;
}

.gallery-section {
    background: #f2f2f2;
    padding-block: 40px;
}

.gallery-slider .slick-slide {
    margin: 0 4px;
}

.gallery-slider .slick-list {
    margin: 0 -4px;
}

.gallery-slider a {
    color: var(--black-color);
    text-decoration: none;
}
.president-head-title {
    background-color: var(--secondary);
    text-align: center;
    padding-block: 10px;
}
.president-head-title h3 {
    font-weight: 600;
    font-size: 18px;
    color: var(--white-color);
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.president-corner {
    background-color: var(--primary);
    margin: 10px 20px;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: 1px solid #f2f2f2;
    position: relative;
}

.president-corner::after {
    position: absolute;
    top: 0;
    left: -4px;
    content: "";
    background-color: var(--secondary);
    height: 100%;
    width: 5px;
    border-radius: 100px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.president-corner .janani-event-content div h4 {
    color: var(--white-color);
}

.president-corner .janani-event-content p {
    color: var(--white-color);
}

.president-corner:hover {
    background-color: var(--secondary);
}
/* .chairperson .chairperson-img {
    height: 230px;
    width: 200px;
} */
.chairperson .chairperson-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: var(--box-shadow);
}

.chairperson {
    position: relative;
}

.chairperson::before {
    content: "";
    position: absolute;
    bottom: -15px;
    left: -15px;
    width: 3px;
    height: 120px;
    background-color: var(--black-color);
}

.chairperson::after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: -15px;
    height: 3px;
    width: 120px;
    background-color: var(--black-color);
}
.ad-of-the-day {
    /* position: absolute;
    bottom: 0px;
    left: 40%;
    transform: translateX(-50%); */
    /* border-radius: 8px; */
    /* overflow: hidden; */
    margin-block: 10px;
}
.ad-of-the-day img {
    /* width: 630px; */
    width: 100%;
}

.message-section {
    margin-block: 20px;
    position: relative;
}

.message-section .about-us .about-us-title h2 {
    line-height: 25.13px;
    margin-block: 13px;
}

.message-section .about-us .about-us-title p {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 25px;
    line-height: 22px;
    text-align: justify;
}

.latest-news-wrapper {
    background-color: var(--bg-color);
    margin-block: 10px;
    padding: 20px 20px 20px 10px;
}

.latest-news .news-wrapper,
.all-news .news-wrapper {
    height: auto;
}
.news-wrapper a {
    text-decoration: none;
    color: initial
}
.latest-news-wrapper .nav {
    gap: 10px;
    margin-top: 10px;
}
.latest-news-wrapper .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--primary);
}

.latest-news-wrapper .nav-link {
    padding: 6px 40px;
    background-color: var(--secondary);
    color: var(--white-color);
}
.news-image {
    height: 173px;
}
.news-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*
.news-content {
    text-align: justify;
} */

.news-content span {
    font-weight: 600;
    font-size: 14px;
    color: #2e266b;
}

.latest-news-wrapper .news-title-head {
    padding-top: 20px;
    border-bottom: 1px solid #dedede;
}
.news-title-head h1,
.news-title h1,
.video-title h2,
.about-us-title h1 {
    font-weight: 600;
    font-size: 28px;
    line-height: 32.81px;
}

.news-title-head h1 {
    margin-bottom: 18px;
}

.video-title h2 {
    position: relative;
    margin-bottom: 30px;
}
.video-title h2::after {
    width: 50px;
    border: 2px solid #3f80b4;
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
}
.news-content {
    background-color: var(--white-color);
    padding: 10px;
}

.right-news-wrapper .news-content {
    padding: 0px;
}
.news-content .news-title h2 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    margin-block: 10px;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news-content .news-title h2:hover {
    border-bottom: 1px solid var(--primary);
}
.news-content p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
}

.news_details .news-content p {
    font-size: 16px;
    line-height: 28px;
    line-clamp: initial;
    -webkit-line-clamp: inherit;
    -webkit-box-orient: initial;
    overflow: auto;
    margin-bottom: 10px;
    text-align: justify;
}

.news_details .news-content p img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}



.right-news-wrapper .news-content p {
    line-clamp: 2;
    -webkit-line-clamp: 2;
    line-height: 24px;
}

.news-title i {
    transform: rotate(45deg);
}

.news-wrapper {
    border-radius: 4px;
    overflow: hidden;
    height: 328px;
    box-shadow: var(--box-shadow);
    background-color: var(--white-color);
}
/* .news-wrapper:hover {
    background-color: var(--bg-color);
} */
.right-news-wrapper {
    height: 158px;
}
.right-news-wrapper .news-image {
    width: 180px;
    height: 140px;
}

.right-news-wrapper .news-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.right-news-wrapper .news-content h2 {
    font-size: 15px;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-block: 4px;
    line-height: 22px;
    padding: 0;
}

.news-wrapper.right-news-wrapper {
    box-shadow: var(--box-shadow);
    border-radius: 6px;
    background-color: var(--white-color);
    padding: 8px;
}
.news-wrapper.right-news-wrapper + .news-wrapper.right-news-wrapper {
    margin-top: 13px;
}
.notices-wrapper {
    box-shadow: var(--box-shadow);
    border-radius: 10px;
    padding: 10px 0;
}

.download .janani-event:hover {
    background-color: transparent;
}

.download .janani-event:hover .janani-event-content div h4 {
    color: var(--black-color);
}

.download .janani-event:hover .janani-event-content p {
    color: var(--black-color);
}

.download .janani-event:hover::after {
    display: inherit;
}

.download .press-content-part {
    border-radius: 10px;
    padding-block: 10px;
}

.pres-release {
    box-shadow: var(--box-shadow);
    border-radius: 10px;
    padding-block: 10px;
}

.pres-release .janani-event:hover {
    background-color: transparent;
}

.pres-release .janani-event::after {
    display: none;
}

.pres-release .janani-event h3 {
    font-weight: 400;
    font-size: 14px;
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
    line-height: 22px;
}
.pres-release .janani-event-content .press-date {
    text-align: end;
}
.pres-release .janani-event-content .press-date small {
    font-size: 13px;
    width: 100%;
}

.same-height {
    height: 634px;
}

.publication-section {
    background: #f2f2f2;
    padding-block: 40px;
}

.publication-slider .slick-slide {
    margin: 0 4px;
}

.publication-slider .slick-list {
    margin: 0 -4px;
}

.publication-slider .project-img .img {
    height: 130px;
    border-radius: 0;
    overflow: hidden;
}

.publication-slider .project-img .img img {
    border-radius: 0;
    transition: all ease-in-out 0.3s;
}
.publication-slider .project-img .img:hover img {
    transform: scale(1.1);
}
.publication-slider .my-project {
    border-radius: 0;
}

.publication-slider a {
    text-decoration: none;
    color: var(--black-color);
}
.publication-content {
    background-color: var(--white-color);
    padding: 8px;
}
.publication-content h3 {
    font-weight: 500;
    font-size: 15px;
    margin: 0;
}

.publication-content .publication-date {
    text-align: end;
}

.publication-content .publication-date small {
    font-size: 12px;
}
.slick-dots li {
    margin: 0 !important;
}

.footer {
    /* background-color: #161234; */
    background: var(--bg-color);
    padding-block: 80px;
    position: relative;
    z-index: 10;
    overflow: hidden;
    margin-top: 10px;
}

.footer-bg {
    position: absolute;
    bottom: 0;
    opacity: 0.3;
    left: 60%;
    transform: translateX(-50%);
    z-index: -1;
}

/* .footer-bg img {
  } */
.footer .logo {
    height: 94px;
}

.footer .logo img {
    height: 100%;
    object-fit: cover;
}
.footer .logo-slug h2 {
    font-size: 20px;
    line-height: 26px;
    color: var(--black-color);
    /* white-space: nowrap; */
    margin: 0;
}
.footer .description {
    margin-top: 10px;
}
.footer .description p {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: var(--black-color);
    text-align: justify;
}
.footer-content ul {
    margin: 0;
    padding: 0;
}
.footer-content ul li {
    list-style: none;
}

.footer-content ul li i {
    color: var(--black-color);
}
.footer-content ul li a {
    text-decoration: none;
    color: var(--black-color);
    font-size: 14px;
}

.footer-title h5,
.footer-title h4 {
    color: var(--black-color);
}

.relative-form {
    position: relative;
}

.absolute-footer-btn {
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
}

.location iframe {
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.ppd {
    background: #f2f2f2;
}

.pdi {
    margin-block: 10px;
    box-shadow: var(--box-shadow);
    padding: 20px;
}

/* .president-corners,
.publications,
.download {
    background: #f2f2f2;
    border: 1px solid var(--white-color);
} */
.president-corners .janani-notice,
.publications .janani-notice,
.download .janani-notice {
    margin: 0;
    background: #f2f2f2;
}

.right-chairperson {
    background-color: #f2f2f2;
    padding: 60px 20px;
    position: relative;
}
.right-chairperson::after {
    clip-path: circle(16% at 0 100%);
    background-color: var(--primary);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.chairperson-content h4 {
    font-weight: 600;
    font-size: 18px;
    margin: 0;
    text-align: center;
    padding-block: 10px;
}

.chairperson-content p {
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    margin: 0;
}

.important-links {
    background: #dde1e7;
    padding: 14px;
}

.important-links h3 {
    font-weight: 600;
    font-size: 20px;
    margin: 0;
    line-height: 20px;
    color: var(--primary);
}

.imp-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    padding: 16px;
}
.imp-content .impo-items {
    border-radius: 2px;
    padding: 16px;
    background-color: var(--white-color);
    box-shadow: 0px 2px 4px 0px #00000040;
    text-align: center;
}
.imp-content .impo-items .heading a {
    text-decoration: none;
}
.imp-content .impo-items .heading h5 {
    font-weight: 600;
    font-size: 13px;
    margin: 0;
    line-height: 15px;
    color: var(--primary);
    margin-top: 2px;
}

.imp-link li svg path {
    stroke: var(--white-color);
}

.imp-content .impo-items .svg-icon img {
    width: 85px;
    height: 85px;
    object-fit: cover;
}


.video-wrapper {
    background-color: var(--bg-color);
    padding: 40px;
    margin-block: 10px;
}

.video-left-item {
    background-color: var(--white-color);
    padding: 20px;
    box-shadow: 0px 0px 2px 0px #00000040;
    border-radius: 10px;
}

.video-left-item .update-title h4 {
    font-weight: 500;
    font-size: 20px;
    margin: 0;
    margin-bottom: 20px;
}

.video-sm-thumb {
    height: 75px;
    width: 110px;
    border-radius: 10px;
    overflow: hidden;
}

.video-sm-thumb img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.video-content h4 {
    font-weight: 500;
    font-size: 16px;
    margin: 0;
}
.wm-btn {
    transition: all ease-in-out 0.1s;
}
.wm-btn a {
    color: var(--black-color);
    font-weight: 400;
    font-size: 13px;
    text-decoration: none;
}

.wm-btn:hover {
    margin-left: 2px;
}
.publish-date p {
    font-weight: 400;
    font-size: 12px;
    color: #000000b2;
    margin: 0;
}

.video-item {
    border-bottom: 1px solid #b5b3b3b2;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.industry-insight {
    background-color: var(--white-color);
    padding: 20px;
    border-radius: 10px;
}

.industry-insight .title h2 {
    font-family: var(--nunito);
    font-weight: 700;
    font-size: 20px;
}

.industry-insight .title p {
    font-family: var(--nunito);
    font-weight: 400;
    font-size: 16px;
}

.industry-insight .title svg {
    width: 21px;
    height: 21px;
    border: 1px solid var(--primary);
    border-radius: 100px;
    padding: 3px;
}
.industry-insight .title svg path {
    fill: var(--primary);
}
.y-video .video-lg-thumb {
    position: relative;
    height: 365px;
    overflow: hidden;
}
/* .y-video .video-lg-thumb::after {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--black-color);
    opacity: 0.5;
    content: "";
    width: 100%;
    border-radius: 10px;
    height: 100%;
} */
.y-video .video-lg-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.play-icon {
    background-color: var(--black-color);
    opacity: 0.9;
    color: var(--white-color);
    width: 50px;
    height: 50px;
    border-radius: 100px;
    display: grid;
    place-items: cener;
    place-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.share-watch {
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: center;
    color: var(--white-color);
}
.share-watch div {
    line-height: 20px;
}

.share-watch div small {
    font-size: 12px;
}

.video-container {
    height: 182px;
    overflow: hidden;
    overflow-y: auto;
}

.text-right {
    text-align: right;
}

.explore-more {
    margin-top: 15px;
    margin-right: 15px;
}

.explore-more a {
    border-radius: 100px;
    padding-inline: 20px;
}

.gallery-items {
    overflow: hidden;
}

.lg-row-img {
    height: 486px;
}

.lg-row-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mid-img {
    height: 225px;
}
.mid-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.last_img {
    height: 245px;
}
.last_img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
/*
.gallery .gallery-items {
    overflow: hidden;
}
.gallery {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}

.gallery-items {
    position: relative;
}

.gallery-items:nth-child(1) {
    grid-row: span 2;
}

.gallery-items:nth-child(2),
.gallery-items:nth-child(3),
.gallery-items:nth-child(4) {
    grid-column: span 1;
}

.gallery-items:nth-child(5) {
    grid-column: 2 / 3;
}

.gallery-items:nth-child(6) {
    grid-column: 3 / 5;
} */

.gallery-content {
    width: 60%;
    height: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 100%);
    text-align: center;
    display: grid;
    place-items: center;
    transition: all ease-in-out 0.5s;
}

.gallery-content::after {
    content: "";
    background-color: var(--black-color);
    opacity: 0.8;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.gallery-title h3 {
    color: var(--white-color);
    z-index: 1;
    position: relative;
    font-size: 18px;
}

.gallery-items .my-gallery:hover .gallery-content {
    transform: translate(-50%, -50%);
}
.copyright-bg {
    background-color: var(--primary);
    padding-block: 10px;
}
.copyright {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.copyright p {
    margin: 0;
    color: var(--white-color);
}

.copyright p a {
    text-decoration: none;
    color: var(--secondary);
}
.copyright ul {
    margin: 0;
    padding: 0;
}
.copyright ul li {
    text-decoration: none;
    list-style-type: none;
}

.copyright ul li a {
    text-decoration: none;
    color: var(--white-color);
}

.news-icon svg path {
    stroke: var(--primary);
}

.news-items:hover {
    border-bottom: 1px solid var(--primary);
}

.news-items .janani-content li a {
    color: var(--black-color);
}

.news-items p {
    margin: 0;
    font-size: 12px;
}

.president-items {
    border-bottom: 1px solid #dcdcdc;
}

.president-items .janani-content li a {
    color: var(--black-color);
    margin-bottom: 4px;
}

.president-items .janani-content p {
    color: var(--primary);
}

.h-485 {
    height: 485px;
}

.h-510 {
    height: 510px;
}

.msg-bg {
    background-color: var(--white-color);
    box-shadow: var(--box-shadow);
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: var(--white-color);
}

.download-icon-show-on-hover {
    display: none;
}

.download-bunch .president-items:hover .download-icon-show-on-hover {
    display: block;
}

/* about page style goes from here  */
.common-banner .banner-bg {
    position: relative;
}

.common-banner .banner-bg::after {
    content: "";
    background-color: var(--black-color);
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.common-banner .banner-bg .banner-img {
    height: 378px;
}

.common-banner .banner-bg .banner-img img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.banner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    text-align: center;
    width: 100%;
}
.banner-content h2 {
    font-weight: 600;
    font-size: 40px;
    color: var(--white-color);
    margin: 0;
}
.banner-content .breadcumb {
    color: var(--white-color);
    display: none;
}
.banner-content .breadcumb a {
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
    color: var(--white-color);
}
.about-pill .nav-pills {
    box-shadow: 0px 2px 6px 0px #00000040;
    padding: 40px;
}
.about-pill .nav-pills button {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.about-pill .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: var(--primary);
    background-color: transparent;
}

.about-pill .nav-pills .nav-link {
    color: var(--black-color);
    position: relative;
}

.about-pill .nav-pills .nav-link::after {
    content: "";
    height: 50%;
    width: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    background-color: var(--black-color);
    transform: translateY(-50%);
}

.about-description h3 {
    font-weight: 700;
    font-size: 26px;
    color: var(--primary);
}

.our-story {
    background-color: var(--primary);
    margin-top: 220px;
}

.story-img img {
    width: 100%;
    height: 454px;
    object-fit: cover;
    box-shadow: 0px 8px 16px 0px #00000040;
    margin-top: -190px;
}
.story-content {
    padding-block: 20px;
}
.story-content h3 {
    font-weight: 700;
    font-size: 24px;
    color: var(--white-color);
    text-decoration: underline;
    margin: 0;
}

.story-content h2 {
    font-weight: 700;
    font-size: 34px;
    color: var(--white-color);
    margin: 0;
    padding-block: 10px;
}

.story-content p {
    color: var(--white-color);
    margin: 0;
}
.constitution {
    margin: 20px 0;
}
.constitution .constitution-title p {
    font-weight: 700;
    font-size: 24px;
    margin: 0;
}
.constitution .constitution-wrap {
    margin-top: 10px;
}
.constitution .constitution-wrap p {
    font-weight: 700;
    font-size: 24px;
    margin: 0;
}
.about-gif-ad {
    box-shadow: 0px 0px 2px 0px #00000040;
    width: 260px;
    margin: auto;
}
.about-gif-ad img {
    width: 100%;
}
/* about page style end from here  */

/* os style :start here  */
.os-content .os-title {
    margin-left: 18px;
}
.os-content .os-title h3 {
    font-weight: 500;
    font-size: 28px;
    text-decoration: underline;
}

.os-content .os-img img {
    width: 100%;
}

.sticky {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 999;
}

.member-photo img {
    width: 100%;
}

.ec-filter {
    background-color: var(--bg-color);
    padding: 10px 20px;
    margin-bottom: 10px;
    border-radius: 4px;
}

.ec-filter .ec-title h4 {
    font-weight: 500;
    font-size: 24px;
    margin: 0;
}

.ec-filter .filterby .title h3 {
    font-weight: 500;
    font-size: 18px;
    margin: 0;
    margin-bottom: 10px;
}




.committee-wrapper .committe-member a {
    text-decoration: none;
    color: var(--black-color);
}
.committee-wrapper .committe-member:hover {
    border: 1px solid var(--primary);
}

.committee-wrapper .committe-member .member-photo {
    height: 150px;
    border-radius: 4px;
}

.committee-wrapper .committe-member .member-photo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 4px;
}

.committee-wrapper .committe-member .member-details {
    text-align: center;
}
.committee-wrapper .committe-member .member-details h2 {
    font-weight: 500;
    font-size: 17px;
    margin: 0;
    padding-top: 6px;
    text-transform: uppercase;
    /* display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; */
}

.committee-wrapper .committe-member .member-details h4 {
    font-weight: 400;
    font-size: 15px;
    margin: 0;
    margin-bottom: 8px;
    text-transform: capitalize;
    /* display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; */
}
/* os style end here  */

/* gallery style geos to start here  */

.gallery-tab .gallery-img {
    height: 180px;
    overflow: hidden;
    border-radius: 4px;
}
.gallery-tab .gallery-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all ease-in-out 0.2s;
    border-radius: 4px;
}

.gallery-tab .gallery-img:hover img {
    transform: scale(1.08);
}

.gallery-filter {
    background-color: var(--bg-color);
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 10px;
}
.gallery-filter .gallery-title {
    padding-block: 12px;
}
.gallery-filter .gallery-title h2 {
    font-weight: 500;
    font-size: 28px;
}

.gallery-filter .nav-pills .nav-link.active,
.gallery-filter .nav-pills .show > .nav-link {
    background-color: var(--primary);
    color: var(--white-color);
}

.gallery-filter .nav-pills .nav-link,
.gallery-filter .nav-pills > .nav-link {
    padding: 4px 10px;
    border: 1px solid var(--primary);
    margin-right: 4px;
    margin-bottom: 4px;
    color: var(--black-color);
}

.gallery-filter .nav-pills .nav-link:hover {
    background-color: var(--primary);
    color: var(--white-color);
}
.gallery-pill {
    border: 1px solid var(--bg-color);
    padding: 10px;
    border-radius: 2px;
    box-shadow: 0px 0px 10px 0px #00000040;
}


.album a {
    text-decoration: none;
    color: var(--black-color);
}
.album h2 {
    font-size: 18px;
    text-align: center;
    background-color: var(--bg-color);
    padding: 10px;
    border-bottom-left-radius: 8px;;
    border-bottom-right-radius: 8px;;
}

.album .gallery-img {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.album .gallery-img img {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
/* gallery style geos to end here  */

/* message from president style start from here  */

.box-president {
    box-shadow: 0px 0px 8px 0px #00000040;
    padding: 25px 30px 20px;
    border-radius: 8px;
}
.president-msg {
    width: 250px;
    height: 220px;
    margin-bottom: 96px;
}
.president-msg img {
    border-radius: 14px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.president-info small {
    font-weight: 400;
    font-size: 16px;
    margin-block: 8px;
}
.president-info small a {
    text-decoration: none;
    color: var(--black-color);
}

.president-info p {
    margin: 0;
    padding-block: 8px;
}

.greeting-title h4 {
    font-weight: 600;
    font-size: 18px;
}
/* message from president style end here  */

/* event style start here  */
.events-wrapper .event-img img {
    width: 100%;
    object-fit: cover;
}
.events-wrapper .event-info {
    text-align: center;
}
.events-wrapper .event-info h2 {
    font-weight: 700;
    font-size: 28px;
    color: var(--secondary);
    margin: 0;
    margin-bottom: 20px;
    text-align: center;
}

.conference-head {
    padding-block: 30px;
}
.conference-head h2 {
    font-weight: 700;
    font-size: 26px;
    border-bottom: 2px solid var(--secondary);
    display: inline;
}
.conference-item .conference-img {
    height: 100px;
    width: 100px;
    margin: auto;
}
.conference-item .conference-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 3px solid var(--black-color);
    border-radius: 100px;
}

.row.g-0 {
    border: 1px solid #ced4da;
    border-right: none;
    border-bottom: none;
}

.col-items {
    border-right: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    padding: 20px;
}

.conference-content h3 {
    font-weight: 700;
    font-size: 20px;
    margin: 20px 0 10px;
}

.conference-content ul li {
    font-weight: 400;
    font-size: 16px;
}

.sponser-content .title h2 {
    font-weight: 700;
    font-size: 26px;
}

.table > :not(:last-child) > :last-child > * {
    background-color: var(--primary);
    border-bottom-color: inherit;
    color: var(--white-color);
}


.session .table > :not(:last-child) > :last-child > * {
    background-color: transparent;
    color: inherit;

}
/* event style end  here  */

.ctas-title h2 {
    font-weight: 700;
    font-size: 32px;
}

/* activities page style start here  */

.activities-title {
    background-color: var(--secondary);
    padding: 10px;
}
.activities-title h2 {
    margin: 0;
    font-weight: 700;
    font-size: 22px;
    color: var(--white-color);
}
.activities-img {
    height: 178px;
}
.activities-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.activities-items {
    box-shadow: var(--box-shadow);
}
.activities-items:hover {
    border: 1px solid var(--primary);
}
.activity-title {
    padding: 10px;
}
.activity-title h3 {
    font-weight: 600;
    font-size: 15px;
    margin: 0;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--black-color);
    line-height: 23px;
}
.activities-items:hover .activity-title h3 {
    color: var(--secondary);
}
.activities-wrapper a {
    text-decoration: none;
}
/* activities page style end here  */

/* notice style start from here  */
.notice-card {
    background: var(--secondary);
    padding: 25px 35px;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
    position: relative;
}

.notice-card::after {
    content: "";
    display: block;
    width: 139px;
    height: 143px;
    position: absolute;
    border-radius: 0% 50% 0%;
    bottom: -141px;
    left: -8px;
    box-shadow: -85px 7px 0 -17px #3f80b4;
    transform: rotate(90deg);
    z-index: -1;
}

.notice-board .title {
    background-color: var(--secondary);
    text-align: center;
    border-bottom: 5px solid #2e266b;
    padding-block: 10px;
    margin-bottom: 40px;
}

.notice-board .title h1 {
    margin: 0;
    font-weight: 700;
    font-size: 24px;
    color: var(--white-color);
}

.notice-search {
    border-bottom: 1px solid #21252980;
    padding-bottom: 10px;
    margin-bottom: 40px;
}
.notice-search .all-notice h2 {
    font-weight: 700;
    font-size: 24px;
    border-bottom: 1px solid var(--black-color);
}

.notice-card .notice-content .notice-title {
    font-weight: 400;
    font-size: 20px;
    margin: 0;
    color: var(--white-color);
}

.notice-footer {
    margin-top: 18px;
}
.notice-card .notice-content .notice-date {
    color: var(--white-color);
    font-weight: 400;
    font-size: 14px;
}

.news_details .notice-content p {
    font-size: 16px;
    line-height: 28px;
    text-align: justify;
}

.view-more-notice .btn-outline-primary {
    border-color: var(--white-color);
    color: var(--white-color);
}
.view-more-notice:hover .btn-outline-primary {
    background-color: var(--primary);
}

.serial_number {
    margin-right: 10px;
}
/* notiicee style end here  */

#flipbook {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f5f5f5;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

#pdf-render {
    width: 100%;
    height: auto;
}
.recent-posts {
    box-shadow: var(--box-shadow);
    padding: 20px;
}
.recent-posts .title h2 {
    font-weight: 700;
    font-size: 26px;
    margin: 0;
    margin-bottom: 14px;
}
.recent_post-box {
    box-shadow: var(--box-shadow);
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 14px;
}
.recent_post-box .post-img img {
    width: 100%;
    height: 105px;
    border-radius: 8px;
    object-fit: cover;
}
.recent_post-box .post-title {
    align-items: flex-end;
}
.recent_post-box .post-title h2 {
    font-weight: 600;
    font-size: 16px;
}
.recent_post-box:hover .post-title h2 {
    color: var(--secondary);
}
.recent_post-box .post-title p {
    margin: 0;
    font-weight: 400;
    font-size: 14px;
}

.pdf-title h2 {
    font-weight: 600;
    font-size: 22px;
}

.pdf-title p {
    font-weight: 600;
    font-size: 14px;
    margin: 0;
    margin-bottom: 18px;
}

/* covid page style from here  */

.covid-title h2 {
    font-weight: 600;
    font-size: 22px;
}

.covid-title p {
    font-weight: 600;
    font-size: 14px;
    margin: 0;
    margin-bottom: 18px;
}
.covid-box {
    background-color: var(--secondary);
    display: grid;
    place-items: center;
    height: 260px;
    padding: 30px;
    border-radius: 8px;
}
.covid-img img {
    width: auto;
}

.covid-text h2 {
    font-weight: 500;
    font-size: 22px;
}

.news-part h2 {
    font-size: 18px;
    border-bottom: 1px solid var(--black-color);
    display: inline-block;
    margin-block: 18px;
}

.news-part ul {
    margin: 0;
    padding: 0;
    margin-bottom: 18px;
}
.news-part ul li {
    list-style-type: none;
}
.news-part ul li a {
    text-decoration: none;
    color: var(--black-color);
}

.work-glimse {
    box-shadow: var(--box-shadow);
    padding: 20px;
    margin-top: 25px;
}

.work-glimse h2 {
    font-size: 18px;
    border-bottom: 1px solid var(--black-color);
    display: inline-block;
    margin-bottom: 18px;
}
.work-img img {
    box-shadow: var(--box-shadow);
}

.work-img:hover img {
    border: 2px solid var(--brand);
}
.last-title a {
    text-decoration: none;
    color: var(--black-color);
}
.last-title a h1 {
    font-weight: 500;
    font-size: 18px;
}
/* covid page style end here  */




.sub-dropdowm-menu {
    position: relative;
}

.sub-dropdowm-menu ul {
    position: absolute;
    left: 100%;
    top: 0;
    background-color: var(--white-color);
    min-width: 10rem;
    padding: .5rem;
    margin: 0;
    font-size: 1rem;
    text-align: left;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    display: none;
}

.sub-dropdowm-menu:hover ul {
    display: block;
    padding: 0;
    border: 0;
    background-color: var(--primary);
    border-bottom: 3px solid var(--secondary);
}

.sub-dropdowm-menu ul li {
    list-style-type: none;
    position: relative;
}

.sub-dropdowm-menu ul li a {
    color: var(--white-color);
    text-decoration: none;
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    font-size: 15px;
    position: relative;
}

.sub-dropdowm-menu ul li a:hover {
    background-color: #3E31A2;
}



.sub-dropdowm-menu ul li .mini-submenu-item  {
    position: absolute;
    left: 100%;
    top: 0;
    background-color: var(--primary);
    min-width: 10rem;
    padding: .5rem;
    margin: 0;
    font-size: 1rem;
    text-align: left;
    background-clip: padding-box;
    display: none;
}

.sub-dropdowm-menu ul li:hover .mini-submenu-item {
    display: block;
    padding: 0;
}


.dropdown-item {
    position: relative;
}

.dropend .dropdown-toggle::after {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
}


.dropdown-item:focus, .dropdown-item:hover {
    background-color: #3E31A2;
    color: var(--white-color);
}

nav ul.pagination {
    justify-content: center;
}

.page-item.active .page-link {
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.page-link {
    color: var(--secondary);
}


.form-select:focus {
    border-color: var(--primary);
    outline: 0;
    box-shadow: initial;
}


.btn-check:focus+.btn-primary, .btn-primary:focus {
    box-shadow: initial;
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: initial;
    background-color: var(--primary);
    border-color: var(--primary);
}

.page-link:focus {
    box-shadow: initial;
}
.detail-img {
    height: 600px;
    border-radius: 10px;
    overflow: hidden;
}
.detail-img img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.news-details-wrapper .news-content span {
    font-size: 15px;
}
.news-details-wrapper .news-content .news-detail-content h2 {
    font-size: 28px;
}

.news-detail-content h2 {
    font-size: 28px;
    line-height: 38px;
}

.related-news-wrapper {
    background-color: var(--white-color);
    /* box-shadow: var(--box-shadow); */
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #f7f7f7;
    padding: 18px;
    border-radius: 20px;
    position: sticky;
    top: 70px;
}
.related-news-wrapper .related-news  {
    margin-left: 12px;
}
.related-news-wrapper .related-news h2 {
    font-size: 23px;
}



.related-news-wrapper .related_news ul {
    margin: 0;
    padding: 0;;

}

.related-news-wrapper .related_news ul li {
    margin-bottom: 10px;
    list-style: none;
    border: 1px solid #ebebeb;
    padding: 4px;
    border-radius: 10px;
}

.related-news-wrapper .related_news ul li:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid transparent;
}

.related-news-wrapper .related_news ul li a {
    text-decoration: none;
    color: var(--black-color);
}

.related-news-wrapper .related_news ul li a:hover {
    color: var(--primary);
}

/*
.popup-content {
    position: fixed;
    top: 0%;
    left: 0%;
    z-index: 9999;
    width: 100%;
    display: none;
    height: 100%;
}

.popup-content::after {
    background-color: #000;
    opacity: 0.9;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: '';
    width: 100%;
    height: 100%;
    z-index: -1;
} */

/* .popup-img {
    margin-block: 30px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    height: 100%;
    overflow-y: auto;
} */

.popup-img {
    text-align: center;
}


.popup-img img {
    max-width: 100%;
}

.close-popup {
    position: absolute;
    top: -15px;
    right: 275px;
    cursor: pointer;
}
.close-popup .times {
    background-color: var(--brand);
    color: var(--white-color);
    height: 40px;
    width: 40px;
    border-radius: 100px;
    display: grid;
    place-items: center;
}

.close-popup .times:hover {
    background-color: var(--secondary);
}


.sponsers-head {
    /* background-color: var(--primary); */
    /* text-align: center; */
    position: relative;
}

.sponsers-head::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;;;
    background: var(--primary);
    background: linear-gradient(90deg, var(--primary) 0%, var(--secondary) 50%, rgba(237, 221, 83, 0) 100%);
    border-radius: 4px;
}

.sponsers-head h2 {
    font-size: 25px;
    color: var(--white-color);
    margin: 0;
    padding-block: 4px;
    position: relative;
    z-index: 1;
    padding-inline: 15px;
}


.partner-group .sponsers-title h2 {
    font-size: 22px;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 8px;
    text-align: center;
}
.event-gallery-item .gallery-img {
    height: 190px;
    overflow: hidden;
    border-radius: 8px;
}
.event-gallery-item .gallery-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all ease-in-out .2s;
    border-radius: 8px;
}

.event-gallery-item .gallery-img:hover img{
    transform: scale(1.05);
}
.session h4 {
    font-size: 18px;
}

.register-program .box-shadow {
    box-shadow: var(--box-shadow);
    padding-block: 10px;
    border-radius: 8px;
}

.register-program .box-shadow .program-icon {
    padding: 10px;
    display: inline-flex;
    justify-content: center;
    width: 100%;
}

.register-program .box-shadow .program-icon svg {
    width: 4rem;
    height: 4rem;
    background-color: var(--bg-color);
    padding: 16px;
    box-shadow: var(--box-shadow);
    border-radius: 10px;
    fill: var(--primary);
}
.register-program .box-shadow .program-content {
    padding: 15px;
}
.register-program .box-shadow .program-content h3 {
    font-size: 18px;
    margin: 0;
}

.register-program .box-shadow .program-content h4 {
    font-size: 15px;
    margin: 0;
}
.venue {
    background-color: var(--secondary);
}

/* .venue .venue-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
} */

.global-conference-health .committee-wrapper .committe-member .member-photo {
    height: 200px;
}

.youtube-video iframe {
    width: 100%;
    height: 300px;
}


.dark-mode button:focus {
    border: 0;
    outline: none;
    box-shadow: initial;
    border-color: inherit;
}

.popup-modal .modal-header, .popup-modal .modal-content, .popup-modal .modal-footer {
    padding: 0;
    background-color: initial;
    border: 0;
    border-radius: 0;
    display: initial;
}

.popup-modal .modal-header {
    position: absolute;
    right: 0;
    z-index: 1;
    background: #ffffff;
    border-radius: 100px;
}

.popup-modal .modal-header .btn-close {
    padding: 0;
    margin: 0;
    background: #ffffff;
    width: 26px;
    height: 26px;
    display: grid;
    place-content: center;
    border-radius: 100px;
    border: 4px solid var(--primary);
}
.popup-modal .modal-header .btn-close i {
    font-size: 22px;
}
.popup-modal .modal-dialog {
    max-width: 65rem;
}


.language .dropdown-menu {
    margin: 0;
    padding: 0;
    min-width: 6rem;
}

.language .dropdown-menu li {
    margin: 0;
    padding-left: 0 !important;
}


.search-flag {
    margin-top: 20px;
}

.accordion-button:focus {
    border-color: inherit;
    box-shadow: initial;
}


.accordion-button:not(.collapsed) {
    background-color: var(--primary);
    color: var(--white-color);



}
.accordion-button:not(.collapsed)::after {
    content: '\2212';
    background-image: none;
    transform: initial;
}
.accordion-button::after {
    background-image: none;
    content: '\271A';
}

.event-detail table {
    width: 100% !important;
}
.event-detail table tr td {
    text-align: center !important;
}
.event-detail table tr td strong {
    color: var(--white-color);
}


/* .event-detail div h3 span img {
    margin-right: 15px;
} */

/* .event-detail h3 img {
    margin-left: 15px;
} */

/* .event-co-partner-slider {
    width: 60%;
    margin: auto;
    padding: 10px;
} */


.event-detail p a img {
    width: 100% !important;
    object-fit: contain;
}

.event-detail p {
    text-align: justify;
}


/* dark mode  */
body.darkmode {
    background-color: var(--dark-mode)
}

body.darkmode .pdi {
    box-shadow: 0 0 10px 0 rgba(255, 255, 255, .15);
}

body.darkmode .search-wrapper .form-control {
    background-color: var(--dark-mode);
    border-color: var(--primary);
    color: var(--white-color)
}
body.darkmode .search-wrapper .search-icon  {
    border-color: var(--primary);
    color: var(--white-color)
}
body.darkmode .search-wrapper .search-icon i {
    color: var(--primary)
}

body.darkmode .btn-primary {
    background-color: var(--primary);
    border-color: var(--primary);
}
body.darkmode .notice-wrapper {
    background-color: var(--dark-mode)
}

body.darkmode .notice-slider li a {
    color: var(--white-color);
}

body.darkmode .notice-slider .slick-prev, body.darkmode .notice-slider .slick-next {
    background-color: var(--dark-mode) !important;
}
body.darkmode .notice-slider .slick-prev:before, body.darkmode .notice-slider .slick-next:before {
    color: var(--white-color) !important;
}

body.darkmode .press-content-part, body.darkmode .msg-bg {
    background-color: var(--dark-mode);
    box-shadow: 0 0 10px 0 rgba(255, 255, 255, .15);
}

body.darkmode .janani-item {
    background-color: var(--dark-mode);
    box-shadow: 0 0 10px 0 rgba(255, 255, 255, .15);
}

body.darkmode .janani-content p {
    color: var(--white-color);
}

body.darkmode .janani-content li a {
    color: var(--white-color);
}


body.darkmode .news-icon svg {
    fill: var(--white-color);
}
body.darkmode .news-items p {
    color: var(--white-color);
}

body.darkmode  .janani-notice,
body.darkmode .pres-partnership .col-lg-4 > div  {
    background-color: var(--dark-mode);
    box-shadow: 0 0 10px 0 rgba(255, 255, 255, .15);
}

body.darkmode .pres-partnership .pres-right-content h2 {
    color: var(--white-color);
}

body.darkmode .pres-partnership .pres-right-content p  {
    color: var(--white-color);
}
body.darkmode .janani-notice .janani-content li div.d-flex i {
    color: var(--white-color);
}

body.darkmode .mid-nav .logo-content h1 {
    color: var(--white-color);
}

body.darkmode .social-icons ul li a {
    color: var(--white-color);
}


body.darkmode .about-section {
    background-color: var(--dark-mode);
    box-shadow: 0 0 10px 0 rgba(255, 255, 255, .15);
    margin-top: 4px;
}

body.darkmode .about-section .about-us .about-us-title h1,
body.darkmode .about-section .about-us .about-us-title h2,
body.darkmode .about-section .about-us .about-us-title p {
    color: var(--white-color);
}

body.darkmode .news-title-head h1, body.darkmode .news-title h1, body.darkmode .video-title h2, body.darkmode .about-us-title h1 {
    color: var(--white-color);
}


body.darkmode .message-section .about-us .about-us-title p {
    color: var(--white-color);
}

body.darkmode .chairperson::before, body.darkmode .chairperson::after {
    background-color: var(--white-color);
}

body.darkmode .latest-news-wrapper, body.darkmode .video-wrapper, body.darkmode .gallery-section {
    background-color: var(--black-color);
}

body.darkmode .latest-news-wrapper p, body.darkmode .video-title p {
    color: var(--white-color)
}


body.darkmode .footer {
    background-color: var(--black-color);
}
body.darkmode .about-us-title p,
body.darkmode .footer-content ul li i,
body.darkmode .footer-title h5, body.darkmode .footer-title h4, body.darkmode .footer-content ul li a,
body.darkmode .logo-head a h1 p, body.darkmode .logo-head a h1, body.darkmode .footer .description p {
    color: var(--white-color);
}

body.darkmode  .event-container {
    background-color: var(--black-color) !important;
}

body.darkmode .event-title-right h2  {
    color: var(--white-color);
}
body.darkmode .committee-wrapper .committe-member .member-details h4,
body.darkmode .committee-wrapper .committe-member .member-details h2 {
    color: var(--white-color);
}

body.darkmode .committee-wrapper .committe-member {
    box-shadow: 0px 0px 2px 0px #ffffff;
}


body.darkmode .news-details-wrapper .news-content span,
body.darkmode .team-type strong,
body.darkmode tr th,
body.darkmode tr td,
body.darkmode tr td a,
body.darkmode .event-detail p,
body.darkmode .event-detail h2 {
    color: var(--white-color);
}

body.darkmode .news-content {
    background-color: var(--dark-mode);
    color: var(--white-color);
}

body.darkmode  .related-news-wrapper  {
    background-color: var(--dark-mode);
    box-shadow: 0 0 10px 0 rgba(255, 255, 255, .15);
}

body.darkmode .related-news-wrapper .related-news h2 {
    color: var(--white-color);
}

body.darkmode .notice-search .all-notice h2,
body.darkmode  .related-news-wrapper .related_news ul li,
body.darkmode  .related-news-wrapper .related_news ul li a {
    color: var(--white-color);
}


body.darkmode .last-title a h1,
body.darkmode .work-glimse h2,
body.darkmode .news-part ul li a,
body.darkmode .news-part h2,
body.darkmode .recent_post-box .post-title p,
body.darkmode .recent_post-box .post-title h2,
body.darkmode .recent-posts .title h2,
body.darkmode .content p,
body.darkmode .covid-title h2, body.darkmode .covid-title p,
body.darkmode .activity-title h3,
body.darkmode .search label {
    color: var(--white-color);
}


body.darkmode .work-glimse,
body.darkmode .recent_post-box,
body.darkmode .recent-posts {
    box-shadow: 0 0 10px 0 rgba(255, 255, 255, .15);
}


body.darkmode .video-content h4,
body.darkmode .wm-btn a,
body.darkmode .video-left-item .update-title h4,
body.darkmode .news-content span,
body.darkmode .janani-event-content p,
body.darkmode .janani-event-content div a,
body.darkmode .janani-event-content div h4,
body.darkmode .right-side-event h3,
body.darkmode .imp-content .impo-items .heading h5,
body.darkmode .office-address .building-icon i,
body.darkmode .office-address .address p,
body.darkmode .all-events .event-title-left h2,
body.darkmode .industry-insight .title h2,
body.darkmode .office-address .address h3 {
    color: var(--white-color);
}


body.darkmode .industry-insight,
body.darkmode .video-left-item,
body.darkmode .news-wrapper.right-news-wrapper,
body.darkmode .janani-event,
body.darkmode .all-events,
body.darkmode .right-side-event,
body.darkmode .imp-content .impo-items,
body.darkmode .office-address {
    background-color: var(--dark-mode);
    box-shadow: 0 0 10px 0 rgba(255, 255, 255, .15);
}

figure {
    text-align: center;
    outline: solid 1px #ccc;
    background: rgba(0, 0, 0, 0.05);
    padding: 10px;
    margin: 10px 20px;
    display: inline-block;
}

.related_img {
    width: 100px;
    height: 60px;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    overflow: hidden;
}
.related_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* border-radius: 100px; */
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
}

.logo-img img{
    object-fit: contain;
}

.news-content article figure img {
    width: 100% !important;
}


.line-1 {
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.line-2 {
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.president-msg-wrapper p {
    text-align: justify;
}

.search-social-flag .social-icons {
    margin-bottom: 10px;
}


.committee-wrapper .modal-footer {
    display: none;
}

.committee-wrapper .modal-header {
    border-bottom: 0;
    background: #f1f1f1;
    height: 150px;
}

.executive-popup {
    height: 160px;
    width: 160px;
    overflow: hidden;
    border-radius: 100px;
    border: 4px solid var(--bg-color);
    margin: auto;
    box-shadow: var(--box-shadow);
    margin-top: -132px;
}

.executive-popup img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.committee-wrapper .modal-header button {
    position: absolute;
    right: 0;
    top: 0;
    background: var(--primary);
    opacity: 1;
    color: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease-in-out .1s;
}
.committee-wrapper .modal-header button:hover {
    transform: scale(1.04);
}

.committee-wrapper .modal-body h4 {
    margin: 0;
    padding-top: 12px;
}

.committee-wrapper .modal-body .text-center p {
    margin: 0;
    text-align: justify;
    padding-block: 2px;
}

.member__details p {
    margin: 0;
    white-space: nowrap;
    text-transform: capitalize;
}

.member__details p span {
    width: 50%;
}
.custom-width {
    width: 35%;
}
.gap-35 {
    gap: 35px;
}

.text-brand {
    color: var(--brand);
}



.new-download {
    border-bottom: 1px solid #c7c7c7;
    margin-bottom: 10px;
}
.new-download a {
    text-decoration: none;
    font-size: 16px;
    color: var(--black-color);

}

.new-download a:hover {
    color: var(--primary);
}





.committee-wrapper .ncc-memeber a {
    text-decoration: none;
    color: var(--black-color);
}


.committee-wrapper .ncc-memeber:hover {
    border: 1px solid var(--primary);
}

.committee-wrapper .ncc-memeber .member-photo {
    height: 150px;
    width: 230px;
    border-radius: 4px;
}

.committee-wrapper .ncc-memeber .member-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.committee-wrapper .ncc-memeber {
    box-shadow: 0px 0px 2px 0px #00000040;
    padding: 10px;
    border-radius: 6px;
    margin: 10px;
}

.member-detailsss {
    width: 75%;
}



.member-detailsss p {
    margin: 0;
}

.our-ncc-member-info p {
    width: 25%;
    white-space: nowrap;
}

.row-2 {
    width: 48%;
}

.row-2 .our-ncc-member-info  p {
    width: 100%;
}

.privacy-policy p {
    text-align: justify;
}


.press-release-table table {
    table-layout: fixed;
}



.country-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 60px;
    row-gap: 10px;
}

.country-grid .country-item {
    display: flex;
    align-items: center;
    gap: 8px;
}
.country-flag img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}
.country-name  h3 {
    font-size: 15px;
    color: var(--white-color);
}

.nrna-global .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: var(--white-color);
    color: var(--black-color);
}

.nrna-global .nav-pills .nav-link {
    padding: 4px 24px;
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    color: var(--white-color);
}

.bg-brand {
    background: var(--primary);
}

.sdfajjhsdfjmadfadf ul li {
    list-style: none;
}

figure.wp-block-image {
    margin: 0 !important;
    margin-block: 20px !important;
}

figure.wp-block-image img {
    width: 100% !important;
    height: auto !important;
}


.event-detail.mt-4 div p a span span {
    padding: 10px 18px;
    color: var(--white-color);
}
.event-detail.mt-4 div p a:hover {
    text-decoration: none;
}

.text-justify {
    text-align: justify;
}


figure img {
    width: 100%;
    height: auto;
}

.location-map  iframe {
    width: 100%;
}


.elementor-widget-container {
    text-align: justify;
    overflow: hidden;
    overflow-x: auto;
}


.sdfajjhsdfjmadfadf footer p img {
    margin-left: 15px;
}

.news-content div.text-justify div iframe {
    width: 100%;;
}

.event-partner .committe-member {
    box-sizing: border-box;
    background: #fdfdfd;
    height: 270px;
    margin: 10px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    border-radius: 10px;
    display: grid;
    place-items: center;
}

.call-for-content p {
    margin: 0;
}

.member-details h5 {
    margin: 0;
    font-size: 16px;
    margin-top: 6px;
}



.our-session-row .committe-member .member-photo {
    height: 150px;
    width: 150px;
    border-radius: 100px;
}
.our-session-row .committe-member img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.our-session-row .member-details h2 {
    font-weight: 500;
    font-size: 17px;
    margin: 0;
    padding-top: 6px;
    text-transform: uppercase;
}

.our-session-row .member-details div h5,
.our-session-row .member-details div h4 {
    font-weight: 400;
    font-size: 15px;
    margin: 0;
    padding-top: 6px;
}


.session-child-img {
    height: 60px;
    width: 60px;
    border-radius: 100px;
    overflow: hidden;
    margin: auto;
}

.session-child-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.session-content h2 {
    font-size: 16px;
    margin: 0;
    margin: 0 0px 4px 0px;
}
.session-content h2 a {
    color: var(--black-color);
    text-decoration: none;
}


.session-content p {
    font-size: 14px;
    margin: 0;
    line-height: 18px;
}


.session-content p a {
    color: var(--black-color);
    text-decoration: none;
}
.session-child-item {
    margin-top: 12px;
    box-shadow: var(--box-shadow);
    padding: 15px;
    background-color: var(--white-color);
    border-radius: 10px;
    transition: all ease-in-out .3s;
}

.session-slider .slick-track {
    display: flex;
    gap: 6px;
    padding-block: 10px;
    margin-block: 10px;;
}

.session-child-item:hover {
    box-shadow: initial;
    transform: scale(1.098) translate(20px, -8px);
    border: 1px solid var(--primary);
}

.gallery-img iframe {
    height: 100%;
    width: 100%;
}

.fix_height {
    height: 450px;
    overflow: hidden;
    overflow-y: auto;
}

.notice-style li {
    list-style: disc !important;
}

.chairperson_title h2 {
    font-size: 18px;
    margin: 0;
    text-align: center;
}
.chairperson_title p {
    text-align: center;
}