@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");

:root {
  --bgPrimary: #094f4d;
  --bgSecondary: #f36722;
  --bgSecondaryDark: #b03700;
  /* --bgSecondaryLight: #fbd3b0; */
  /* --bgLightGreen-10: #57baa6; */
  --bgSecondaryLight: rgba(251, 211, 176, 0.45);
  --bgLightGreen-10: rgba(87, 186, 166, 0.6);
  --bgLightGreen-20: #cef4f3;
  --bgBody: #81bdbd;
  --bgBorder: rgba(151, 179, 182, .5);
  --textDefault: #6f6f6f;
  --textPrimary: #177D7A
    /* transition */
    --transition: all 0.3s ease-in-out;
  /* font family */
  --montserrat: "Montserrat", sans-serif;
  --opneSans: "Open Sans", sans-serif;
  /* Shadow */
  --shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}

*,
html {
  margin: 0;
  padding: 0;
}

body {
  color: var(--textDefault);
  font-family: var(--montserrat);
  box-sizing: border-box;
/*  padding: 0px 20px; */
  background-image: url('/public/assets/images/body-bg.png');
  background-size: 100% 95%;
  /* height: 100vh; */
  background-repeat: repeat-x;
  overflow-x: hidden;
    background-attachment: fixed;
padding-bottom: 70px;
}

::-webkit-scrollbar {
  width: 3px;
}

::-webkit-scrollbar-track {
  background: white;
}

::-webkit-scrollbar-thumb {
  background-color: var(--bgSecondary);

}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

a {
  color: var(--bgPrimary);
  text-decoration: none;
}

a:hover {
  color: var(--bgPrimary);
}
.noFlexWrap{
        flex-wrap: nowrap;
}
ul {
  list-style: none;
  padding-left: 0;
}
.textCenter{
text-align:center;
}
.btn {
  transition: var(--transition);
  border: none;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 1rem;
  font-weight: 500;
  font-family: var(--montserrat);
}
.text-center{
text-align:center;
}
.btnPrimary {
  background-color: var(--bgSecondary);
  color: white;
}
.subvenue{
color: #6f6f6f;
    font-weight: 600;
    font-size: 12px;
}
.mb-0 {
    margin-bottom: 0px !important;
}
.mb-16{
margin-bottom:16px;
}
.mb-10 {
    margin-bottom: 10px !important;
}
.btnPrimary:hover {
  background-color: var(--bgSecondary);
  color: white;
}
.aspectRatio169{
aspect-ratio:16/9;
}
.pageTitle {
  color: white;
  font-size: .9rem;
  font-weight: 600;
    text-transform: uppercase;
text-align:center;
}

img {
  max-width: 100%;
}
.align-items-center{
            align-items: center !important;
}
input:focus {
  outline: none;
}

.searchLabel {
  font-size: .8rem;
  color: var(--bgPrimary);
  margin: 15px 0 0 0;
  font-weight: 600;
}

.dBox {
  border: 1px solid var(--bgSecondary);
  box-shadow: var(--shadow);
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.83);
}

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

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

.ellipsis-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
 iframe.socialIframe {
      width: 100%;
      min-height: 500px;
    }
#facebook  ._2p3a {
      width: 100% !important;
    }
.rotate90{
    transform: rotate(90deg);
    font-size: 20px;
}
.lMore{
text-align: center;
margin:15px 0;
}
.toastify{
background-color:#fff!important;
padding:10px 20px !important;
color:black!important;
font-size:14px  !important;
font-weight:500;
border-radius:40px  !important;
box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    max-width: fit-content !important;
}
.toastify.add_popup {
border:3px solid #3EB451!important;
}
.toastify.remove_popup{
border:3px solid #C86C51!important;
}
@media screen and (max-width: 992px) {

  /* Header */
header{
width: 100%;
    position: sticky;
    top: 0;
left:0;
right:0;
    z-index: 99;
   height: 50px;
 background-color: #81BDBD;
}

  .headerWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid white;
/*  position:fixed;
    background-color: #81BDBD;
    left: 0; */
 width: 90%;  
     margin: auto;
    padding: 10px 0;
 background-color: #81BDBD;
  }

  .headerWrapper .toggle {
    max-width: 22px;
    cursor: pointer;
  }

  .headerWrapper .logo {
    max-width: 130px;
  }

.headerWrapper .profile {
position:relative;
  }
  .profileDropBox {
    padding-left: 0;
    border: 1px solid #f36722;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    padding: 10px 12px;
    border-radius: 8px;
    transition: all .3s ease-in-out;
    width: 11rem;
    font-family: "Montserrat";
    background: #ffffff;
    position: absolute;
    right: 10px;
    display: none;
}
  .profileDropBox li:first-child {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #F44336;
  }
        .profileDropBox  .name {
          font-size: 13px;
          font-weight: 700;
          color: #f36722;
      }
      .profileDropBox  .position {
        font-size: 12px;
        font-weight: 600;
        color: #333;
    }
       
       .profileDropBox .icon{
            margin-right: 10px;
        }
        .profileDropBox .icon i {
          font-size: 13px;
      }
        .profileDropBox li:not(:first-child){
            margin-bottom: 7px;
        }
        .profileDropBox li a {
          font-weight: 500;
          font-size: 12px;
          color: #333;
          display: block;
          padding:2px;
      }
      .profileDropBox li a:focus{background-color: rgba(243,103,34,0.5);}

  .headerWrapper .profile .profileLogo {
    /* min-height: 40px; */
        width: 40px;
        height: 40px;
        border-radius: 50%;
  }
  .headerWrapper .profile .logoutLogo {
max-width: 32px;
    height: 20px;
    border-left: 1px solid white;
    padding-left: 8px;
  }
.headerWrapper .MBDeviceClass{
margin-left:10px;
}
  /* Sidebar */
  .sidebar {
    position: fixed;
    z-index: 1019;
    left: -100%;
    top: 0;
    background-color: white;
    height: 100%;
    padding: 10px 20px;
    ;
    overflow-y: scroll;
    transition: all .3s ease;
  }

  .sidebar.open {
    left: 0%;
  }

  .sidebarShow {
    overflow: hidden;
  }

  .sidebarShow .mainContent::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1018;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.7);
    -webkit-animation: opacity 0.25s;
    animation: opacity 0.25s;
  }

  .sidebar .top .close {
    max-width: 35px;
    display: block;
    margin-left: auto;
    cursor: pointer;
  }

  .sidebar .top .formGroup {
    position: relative;
    width: 100%;
    max-width: 250px;
    margin: 20px auto;
    display: none;
  }

  .sidebar .top input.formControl {
    border: 1px solid var(--bgSecondary);
    border-radius: 40px;
    padding: 5px 20px;
    font-size: 0.8rem;
    min-height: 25px;
    width: 100%;
    max-width: 210px;
    opacity: 0.6;
  }

  .sidebar .top .searchBox {
    width: 30px;
    height: 30px;
    background-color: var(--bgSecondary);
    border-radius: 40px;
    position: absolute;
    top: calc(100% - 33px);
    right: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .sidebar .top .searchBox img {
    max-width: 50px;
  }

  .sidebar .navmenu ul .navItem {
    padding: 5px 0;
    margin-bottom: 5px;
  }

  .sidebar .navmenu ul .navItem .navLink {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1rem;
    font-weight: 600;
    color: var(--bgPrimary);
  }
 .sidebar .navmenu ul .navItem .navLink img{
max-width:40px;
}
 .sidebar .navmenu ul .navItem:first-child .navLink img{
padding:8px;
}
  .sidebar .navmenu ul .navItem .navLink :active{
background-color:#e5e5e5;
}
  .sidebar .navmenu ul .navItem .navLink .navIcon {
    max-width: 40px;
  }

  /* Content */

.mainContent {
  /* padding-top:50px;  */
padding:0 20px;
}
.kenoteWrapper .mainContent{
padding:0;
}
  .mainContent .topBar {
    border-bottom: 1px solid white;
    padding: 10px 0 10px 0;
    text-align: center;
margin-top:10px;
  }

  .mainContent .topBar p {
    color: white;
    font-weight: 500;
  }

  .innerContent .dashWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
padding-bottom:50px;
  }

  .innerContent {
    margin: 20px 0;
  }

  .innerContent .dashWrap .dashBox {
    border: 2px solid var(--bgSecondary);
    box-shadow: var(--shadow);
    border-radius: 20px;
    color: var(--textPrimary);
    font-weight: 600;
    padding: 10px 5px;
    font-size: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.83);
    width: 150px;
    height: 100px;
    text-transform: uppercase;
  }
  .innerContent .dashWrap .dashBox:hover{
background-color:#e5e5e5;
}
  .innerContent .dashWrap .dashBox img {
    max-width: 75px;
  }
.toggleImg{
width:40px;
}
  .innerContent .dashWrap .dashBox p {
    font-size: .8rem;
margin-bottom:10px;
  }
.textPrimary{
color:var(--bgPrimary);
}
/* Swal */
.swal2-popup {
  min-width: 15em;
  min-height: 13em;
  border-radius: 14px;
  width: auto;
}

.swal2-close {
  border: 1px solid var(--bgLightGreyLight);
  border-radius: 50px;
  width: 20px;
  height: 20px;
  position: absolute;
  margin: 5px;
  font-size: 15px;
  line-height: 10px;
}

.swal2-icon {
  margin: 1.5em auto 0.6em;
}

.swal2-html-container {
  z-index: 1;
  justify-content: center;
  margin: 0;
  padding: 0 20px;
  font-weight: 600;
  font-size: 13px;
  width: auto;
}

.swal2-icon .swal2-icon-content,
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long,
.swal2-icon.swal2-success [class^="swal2-success-circular-line"][class$="left"],
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip,
.swal2-icon.swal2-success .swal2-success-ring,
.swal2-icon.swal2-success .swal2-success-fix,
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right,
.swal2-icon.swal2-error .swal2-x-mark {
  display: none !important;
}

.swal2-title {
  padding: 0;
  font-weight: bold;
  font-size: 20px;
  line-height: 14px;
}

.swal2-actions {
  margin: 0;
}

.swal2-styled.swal2-confirm {
  font-size: 14px;
  width: 33%;
  border-radius: 50rem;
}

.swal2-icon-success .swal2-styled.swal2-confirm {
  background-color: var(--bgPrimary);
}

.swal2-icon.swal2-success {
  border: 0;
  background-image: url("https://unifymobile.unifyams.com/public/storage/2024/09/21/cms/correct-new-1.png");
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
}

.swal2-icon-success .swal2-title {
  color: var(--bgGreen);
}

  /* Accordion */
.accordionBox {
      margin-bottom: 10px;
      box-shadow: var(--shadow);
      border-radius: 0px 0px 10px 10px;
    }

    .accordionBox .accordion {
      background-color: white;
      color: var(--textDefault);
      ;
      cursor: pointer;
      padding: 15px 20px 15px 10px;
      width: 100%;
      border: none;
      text-align: left;
      outline: none;
      font-size: 15px;
      transition: 0.4s;
      position: relative;
      border-radius: 10px;
    }

    .accordionBox .accordion.active {
      color: var(--bgSecondary);
      border-radius: 10px 10px 0 0;
    }


    .accordionBox .accordion:after {
      content: '\002B';
      color: #777;
      font-weight: bold;
      margin-left: 5px;
      position: absolute;
      right: 10px;
      top: 17px;
    }

    .accordionBox .accordion.active:after {
      content: "\2212";
    }

    .accordionBox .panel {
      padding: 0 15px;
      background-color: white;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.2s ease-out;
      border-radius: 0px 0px 10px 10px;
    }

    .accordionBox .panel .pBox {
      padding: 15px 0;
    }

  /* CMS Tab */
.tab-wrapper{
padding:0 20px;
}
.tab-wrapper .tab-container{
    margin-bottom: 10px;
 margin-top: 10px;
    border-bottom: 1px solid white;
    padding: 10px 0 0px 0;
    display: block;
text-transform: uppercase;
}
.tab-wrapper .tab-container .tab.tab-active{
    color: var(--bgPrimary);
    background-color: transparent;
        border-bottom: 3px solid var(--bgPrimary);
}
.tab-wrapper .tab-container .tab{
        font-size: .8rem;
        font-weight: 600;
padding:0 0 10px 0;
        color: white;
        border-bottom: 3px solid transparent;
margin:0 10px;
}
.tab-wrapper .tab-container .tab.tab-active span{

}
  /* Tab */
  /* Style the tab */
  .tab {
    overflow: hidden;
  }

  /* Style the buttons inside the tab */
  .tab .tablinks {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0 10px;
    transition: 0.3s;
    font-size: 1rem;
  }

  /* Change background color of .tablinkss on hover */
  /* .tab .tablinks:hover {
    background-color: #ddd;
  } */

  /* Create an active/current tablink class */
  .tab .tablinks.active .dateBox p {
    color: var(--bgPrimary);
  }

  .tab .tablinks.active .dateBox {
    border-bottom: 3px solid var(--bgPrimary);
  }

  /* Style the tab content */
  .tabcontent {
    display: none;
    /* padding: 6px 12px;
    border-top: none; */
  }

  .dateWrapper {
    display: flex;
    align-items: center;
   /*   justify-content: space-between; */
  }

  .dateWrapper.dateWrapReg {
    justify-content: unset;
  }
 .dateWrapper .tablinks:not(:first-child){
width:20%
}
  .dateWrapper .dateBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    min-height: 40px;
    font-family: var(--montserrat);
  }
.tabContentWrap .agendaBox .info .icon.remove-icon .remove-agenda, .btn-custom .remove-agenda
{
    width: 12px;
    height: 12px;
}
.tabContentWrap .agendaBox .info .icon.remove-icon{
background-color: var(--bgSecondaryLight);
}
  .dateWrapper.dateWrapReg .dateBox {
    min-height: 20px;
  }

  .agendaContent .topBar {
    padding-bottom: 0;
    margin-bottom: 10px;
  }

  .dateWrapper .dateBox .all {
    font-size: .8rem;
    font-weight: 600;
  }

  .dateWrapper.dateWrapReg .dateBox .all {
    margin-bottom: 7px;
  }

  .dateWrapper .dateBox .month {
    font-size: .6rem;
    font-weight: 500;
  }

  .dateWrapper .dateBox .date {
    font-size: 1.6rem;
    font-weight: 600;
  }

 filterBox {
    margin-bottom: 10px;
    position: relative;
  }

  .filterBox .btn {
        font-size: .9rem;
        display: flex;
        align-items: center;
        color: var(--bgPrimary);
        margin-bottom: 10px;
        font-weight: 700;
padding-left:0;
  }

  .filterBox .btn span {
   margin-right: 5px;
    width: 20px;
  }
  .filterBox .filterInfo{
    box-shadow: var(--shadow);
    background-color: white;
    border-radius: 15px;
    padding: 10px 20px;
    /* border: 1px solid var(--bgPrimary); */
    min-height: 160px;
    box-sizing: border-box;
    width: 100%;
    max-width: 200px;
    z-index: 2;
    transition: all .3s ease-in-out;
    position: absolute;
    display: none;
  }
  /* .filterBg .filterBox .filterInfo{
    bottom: 0;
  } */
  .filterBox .filterInfo h4{
    color: var(--bgPrimary);
    font-weight: 600;
    font-size: 1.2rem;
  }
  .filterBox .filterInfo  .top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
  }
  .filterBox .filterInfo  .top img{
    max-width: 30px;
  }
  .filterBox .filterInfo .formGroup{
    margin: 5px;
  }
  .filterBox .filterInfo .btn{
    width: 100%;
    max-width: 100px;
    margin: auto;
    border-radius: 40px;
    display: block;
    margin-top: 20px;
    font-size: .9rem;
  }
  .filterBox .filterInfo .searchLabel{
    margin-bottom: 5px;
margin-top:0;
    display: inline-block;
  }
  .form-check{
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    position: relative;
  }
  .form-check input{
    margin: 0;
    width: 16px;
    height: 16px;
  }
  .filterBg::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.7);
    -webkit-animation: opacity 0.25s;
    animation: opacity 0.25s;
  }

  .form-check label{
    color: var(--bgPrimary);
    font-weight: 500;
    font-size: .9rem;
  }
.showTime {
  display: flex;
  font-size: 12px;
  font-weight: 700;
  color: var(--bgPrimary);
  gap: 16px;
  align-items: center;
  line-height: 18px;
  margin-top: 10px;
text-transform: uppercase;

}
.showTime .sDateBox{
  display: flex;
  align-items: center;
  gap: 5px;
}
.showTime .sDateBox img{ 
width: 25px;
}
  .tabContentWrap .agendaBox {
    border: 1px solid var(--bgSecondary);
    box-shadow: var(--shadow);
    padding: 12px 14px;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.83);
    margin-bottom: 15px;
  }

  .tabContentWrap .agendaBox .logo {
    margin-bottom: 5px;
  }

  .tabContentWrap .agendaBox .logo img {
    max-width: 75px;
    max-height: 75px;
  }

  .tabContentWrap .agendaBox .time {
    background-color: var(--bgPrimary);
    color: white;
    font-size: .6rem;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 7px;
    font-weight: 600;
    margin-bottom: 10px;
  }

  .tabContentWrap .agendaBox .info {
    display: flex;
    justify-content: space-between;
        align-items: center;
gap:5px;
  }

  .tabContentWrap .agendaBox .info h4 {
    font-weight: 600;
    color: var(--bgPrimary);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
  }
  .tabContentWrap .agendaBox .info .mytime{
    font-size: .6rem;
    font-weight: 600;
  }
  .tabContentWrap .agendaBox .info .icon {
    min-width: 35px;
    max-width: 35px;
    height: 35px;
    background-color: var(--bgLightGreen-10);
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
.keyNoteBox .keyNotes .right .icon{
 min-width: 35px;
    max-width: 35px;
    height: 35px;
    background-color: var(--bgLightGreen-10);
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.keyNoteBox .keyNotes .right .sIcon{
 min-width: 35px;
    max-width: 35px;
    height: 35px;
        background-color: var(--bgSecondaryLight);
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.keyNoteBox .keyNotes .right .icon{
color:#177D7A;
}
.keyNoteBox .keyNotes .right .sIcon i{
color:#CD3332;
}
  .tabContentWrap .agendaBox .info .icon img {
    width: 20px;
    height: 20px;

  }
 .tabContentWrap .agendaBox.starred  .info .icon img{
width: 18px;
    height: 18px;

}
  .tabContentWrap .agendaBox .bottom {
    display: flex;
    gap: 10px;
flex-wrap:wrap;
margin-top:5px;
  }

  .tabContentWrap .agendaBox .bottom .chip {
    font-size: .8rem;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 7px;
  }

  .tabContentWrap .agendaBox .bottom .chip:nth-child(odd) {
    background-color: var(--bgSecondaryLight);
    color: var(--bgSecondaryDark);
  }

  .tabContentWrap .agendaBox .bottom .chip:nth-child(even) {
    background-color: var(--bgLightGreen-20);
    color: var(--bgPrimary);
  }
.starred .icon {
    background-color: var(--bgSecondaryLight) !important;
}
  .noteSearchBox .formGroup {
    position: relative;
    margin: 8px auto;
    width: 100%;
  }
label.fLabel{
font-size:14px;
color:#000;
margin-bottom:5px;
        font-weight: 500;
position:relative;
}
label.fLabel.required:after {
  content: "*";
  color: red;
}
input.formControl,select.formSelect,textarea {
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 5px 12px;
    font-size: 1rem;
    min-height: 45px;
    box-sizing: border-box;
    width: 100%;
    background-color: #ffffff;}
input.formControl::placeholder{
font-size:1rem;
}
  .noteSearchBox input.formControl {
    border: 1px solid var(--bgSecondary);
    border-radius: 40px;
    padding: 5px 12px;
    font-size: 0.7rem;
    min-height: 38px;
    box-sizing: border-box;
    width: 100%;
    background-color: #ffffff;
  }

  .noteSearchBox .searchBox {
    width: 30px;
    height: 30px;
    background-color: var(--bgSecondary);
    border-radius: 40px;
    position: absolute;
    top: calc(100% - 33px);
    right: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .noteSearchBox .searchBox img {
    max-width: 50px;
    padding-right: 5px;
  }



  .keyNoteBox {
    padding: 20px;
    margin-bottom: 15px;
  }
  .keyNoteBox a{
    margin-bottom: 15px;
display:block;
}
  .keyNoteBox .keyNotes {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid var(--bgBorder);
    padding-bottom: 12px;
    margin-bottom: 12px;
gap:10px;
  }

  .keyNoteBox a:last-child .keyNotes {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .keyNoteBox .keyNotes .left {
    display: flex;
    gap: 20px;
    align-items: center;
  }

  .keyNoteBox .keyNotes .left .info {
    font-weight: 600;

  }

  .keyNoteBox .keyNotes .left .info .name {
    font-size: 1rem;
    display: inline-block;
    font-weight: 600;
  }

  .keyNoteBox .keyNotes .left .info .post {
    font-size: .8rem;
 color: var(--textDefault);
  }

  .keyNoteBox .keyNotes .left .info .company {
    font-size: .9rem;
 color: var(--textDefault);
  }

  .keyNoteBox .keyNotes .left .profile img {
    max-width: 85px;
    border-radius: 10px;
  }
.keyNoteBox .keyNotes .right img{
min-width:8px;
max-width:8px;
}
}

/*   shivaji css start from here*/

.border-theme {
  border-bottom: 1px solid #7FC5C3;
  padding: 10px 0;
}

.dBox .row-box:last-child .border-theme {
  border-bottom: 1px solid #fff !important;
}

.row-box {
  padding: 0px 10px 5px 10px;
}

.row-pad {
  padding: 10px;
}

.row-theme {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}

.mt-2 {
  margin-top: 20px;
}

.col-90 {
  width: 90%;
}

.col-10 {
  width: 10%;
}

.block-heading {
  font-size: 1rem;
  font-weight: 600 !important;
  color: var(--bgPrimary);
  line-height: 1.3;
  margin-bottom: 5px;
}

.block-description {
  font-size: .9rem;
  font-weight: 400;
  margin-bottom: 5px;
  color: var(--textDefault);
}

.flex-layout {
  display: flex;
  justify-content: end;
  vertical-align: middle;
  margin-top: 10px;
}

.icon-img {
  width: 12px;
  margin-top: 5px;
}

.card-headings {
  font-size: 1.1rem;
  font-weight: 600 !Important;
  color: var(--bgPrimary);
  line-height: 1.3rem;
}
.card-description {
  font-size: .7rem;
  font-weight: 600;
  word-wrap: anywhere;
  text-align: justify;
  word-spacing: -0.05rem;

}
.p-0
{
  padding: 0!important;
}
.agendaBox1
{
  border: 1px solid var(--bgSecondary);
  box-shadow: var(--shadow);
  padding: 12px 14px;
  border-radius: 20px;
  background-color: white;
  margin-bottom: 15px;
  background-color: rgba(255, 255, 255, 0.83)!important;
}

.agendaBox1 .info a
{
  font-weight: 600;
  color: var(--bgPrimary);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 10px;
  margin-top:5px;
  font-size: 1rem;
}
.exbDetailBox .info .name{
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--bgPrimary);
}
.agendaBox1 .bottom .chip {
  font-size: .8rem;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 7px;
}

.agendaBox1 .bottom .chip:nth-child(odd) {
  background-color: var(--bgSecondaryLight);
  color: var(--bgSecondaryDark);
}

.agendaBox1 .bottom .chip:nth-child(even) {
  background-color: var(--bgLightGreen-20);
  color: var(--bgPrimary);
}

.agendaBox1 .bottom .chip {
  font-size: .8rem;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 7px;
}
.agendaBox1 .bottom {
  display: flex;
  gap: 10px;
flex-wrap:wrap;
}
    
.agendaBox1 .time {
  background-color: var(--bgPrimary);
  color: white;
  font-size: .6rem;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 7px;
  font-weight: 600;
  margin-bottom: 10px;
}

.agendaBox1 .date-box {
  color: #6F6F6F;
  font-size: .8rem;
  display: inline-block;
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 1.5;
}
.text-box p
{
  color: #6F6F6F;
  font-size: .8rem;
  display: inline-block;
  font-weight: 500;
  margin-bottom: 10px;
  line-height: 1.3;
  padding-right: 10px;
    word-break: break-all;
}

.row
{
  display: flex;
  justify-content: start;
}
.btn-warning{
  background-color: var(--bgSecondaryLight);
    color: var(--bgPrimary);
    border: 1.5px solid #F36722;
}
.btn-custom
{
  font-size: .9rem;
  font-weight: 600;
  padding: 7px 10px;
  border-radius: 7px;
  display: flex;
    justify-content: start;
    vertical-align: middle;
    font-family: var(--montserrat);
    cursor: pointer;
align-items: center;
gap:8px;
}
.mt-1
{
  margin-top: 10px;
}
.btn-custom span
{
 position: relative;
}
.btn-custom img
{
  width: 20px;
  position: relative;
}
.row-box-height
{
  min-height: 500px;
}
.flex-layout2 .badge
{
  margin-right: 5px;
  display: inline-block;
  margin-bottom: 8px;
}
.badge
{
  font-size: .8rem;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 7px;
  font-family: var(--montserrat);
}
.badge-warning
{
  background-color: var(--bgSecondaryLight);
  color: var(--bgSecondaryDark);
}
.flex-layout2 {
  display: block;
}
.flex-layout3
{
   display: flex;
   justify-content: center;
   vertical-align: middle;
}
.border-theme2
{
   border:1px solid var(--bgSecondary);
   border-radius: 20px;
   padding: 10px 10px;
}
.flex-layout3 .logo
{
  width: 170px;
  padding: 10px 0;
}
.usr-img
{
  border-radius: 20px;
  width: 100%;
  height: 100%;
}
.col-6
{
  width: 49%;
  margin: 5px;
}
.info2 a
{
  font-weight: 600;
  color: var(--bgPrimary);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 10px;
  margin-top: 5px;
  font-size: 1.5rem;
}
.pt-10
{
  padding-top: 10px;
}
.left-padd-20
{
  padding-left: 16px;
}
 .accordion-container {
  max-width: 400px;
  margin: 20px auto;
}
.accordion-item {
  /* border: 1px solid #ddd; */
  border-radius: 5px;
  /* margin-bottom: 10px; */
  overflow: hidden;
}
.accordian .accordion-item:last-child
{
   border-bottom: 0!important;
}
.accordian .accordion-item
{
   border-bottom: 1px solid #7FC5C3;
   border-radius: 0;
}
.accordion-header {
  padding: 10px;
  cursor: pointer;
  position: relative;
  display: flex;
font-weight:500;
    justify-content: space-between;

}
accordion-item.active .accordion-header{
padding-bottom:0;
}

.accordion-content {
  display: none;
  padding: 10px;
}
.active .accordion-content {
  display: block;
}

.accordion-header .calender-icon
{
  width: 25px;
}
.title-cls
{
  position: relative;
  top: 6px;
  color: #6F6F6F;
    font-size: .9rem;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1.5;
    margin-left: 5px;
}
.session-cls
{
  position: absolute;
  top: 16px;
  /* float: right; */
  right: 12%;
  color: #6F6F6F;
    font-size: .9rem;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1.5;
}
.accordian
{
  border:1px solid var(--bgSecondary);
  border-radius: 10px;
}
.accordion-content .badge
{

  margin-top: 10px;
}
.content-heding
{
  color: #6F6F6F;
  font-size: 0.9rem;
  font-weight: 600;
}
.content-heding2
{
  font-size: .8rem;
  font-weight: 500;
}
.badge-success {
  background-color: var(--bgLightGreen-20);
  color: var(--bgPrimary);
     display: inline-block;
}
.border-none
{
  border: none!important;
}
.accordion-header2
{
  padding: 0!important;
  font-weight: 600!important;
    color: var(--bgPrimary)!important;
    margin-bottom: 10px;
    margin-top: 5px;
    font-size:1rem!important;
}
.agendaBox1 .logo{text-align: center;    margin-bottom: 15px;}
.agendaBox1 .logo img{
    max-width: 200px;
    max-height: 100px;
}
/* .text-box{
    border: 1px solid var(--bgSecondary);
    padding: 10px 12px;
    border-radius: 20px;
    margin-bottom: 15px;
}
*/
/* .accordion-content
{
  border-bottom: 1px solid #7FC5C3;
} */
/*   shivaji css end here*/
.agendaDetails{
margin-top:40px;
}
.annWrap,#feeds{
padding-top:70px;
}
.annWrap .dbox{
padding:10px;
}
.annWrap .dbox .info {
margin-bottom:8px;
}
.annWrap .dbox .card-description p{
    word-break: break-all;
}
.footerWrap{
    background-color: #81BDBD;
    border-top: 1px solid var(--bgSecondary);
position:fixed;
bottom:0;
left:0;
width:100%;
}
.mobFooter .navBar{
    display: flex;
    justify-content: space-between;
}
.mobFooter .navBar .navLink {
color:white
}
@media screen and (min-width: 992px) {
body{
display:none;
}
}
.loader{
display:none;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .loader img{
    width: 50px;
    height: 50px;
  }
.keNoteDetails{
margin-top:40px;
padding-top:20px;
}
.keNoteDetails .top{
display:flex;
gap:15px;
margin-bottom:10px;
}
.keNoteDetails .top .left img {
max-width: 100px;
    max-height: 100px;
    border-radius: 10px;
}
.keNoteDetails .top .right{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.keNoteDetails .top .right .name{
font-size: 1.2rem;
    font-weight: 600;
    color: var(--bgPrimary);

}
.keNoteDetails .top .right .post{
    font-weight: 600;}
.keNoteDetails .top .right .company{
    font-weight: 600;
font-size: .8rem;
} 
.keNoteDetails .aboutTitle{
    font-weight: 600;
    color: var(--bgPrimary);
margin-bottom:5px;
}
.keNoteDetails  .chipsBox{
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    text-transform: capitalize;
}
.keNoteDetails .accordion-header .left,.keNoteDetails .accordion-header .right{
   display: flex;
    gap: 5px;
font-size: .8rem;
align-items: center;
    font-weight: 600;
}
.keNoteDetails .accordion-header .right img{
max-width: 14px;
    height: 7px
}
.keNoteDetails .accordion-header .right .arrow-icon {
  transition: transform 0.3s ease;
}
/* .arrow-icon img
{
  width: 17px;
}*/
.keNoteDetails .accordion-item.active .accordion-header .right  .arrow-icon {
  transform:  rotate(180deg);

}
.menuIconWrap{
display:flex;
align-items:center;
gap:10PX;
}
.menuIconWrap svg.icon{
width:20px;
height:20px;
}

@media screen and (max-width: 350px) {
.col-6{width:100%}
  body{font-size:1rem}
  .innerContent .dashWrap .dashBox{
    width:105px;
  }
  .innerContent .dashWrap .dashBox p {
    font-size: .5rem;
}
.keyNoteBox .keyNotes .left .info .name{font-size: 0.9rem;}
.keyNoteBox .keyNotes .left .info .post {font-size: .7rem;}
.keyNoteBox .keyNotes .left .info .company {font-size: .6rem;}
.info2 a{font-size:1rem}
.pageTitle {    font-size: 0.8rem;}
.btn{font-size:0.7rem}
.title-cls{width:50%; font-size:0.7rem }
.session-cls{font-size:0.6rem}
}