@font-face {
    font-family: SF-Pro-Text-Regular;
    src: url("../fonts/SF-Pro-Text-Regular.otf");
}

@font-face {
    font-family: SF-Pro-Text-Bold;
    src: url("../fonts/SF-Pro-Text-Bold.otf");
}

@font-face {
    font-family: SF-Pro-Text-Medium;
    src: url("../fonts/SF-Pro-Text-Medium.otf");
}

@font-face {
    font-family: Nunito-ExtraBold;
    src: url("../fonts/Nunito-ExtraBold.ttf");
}

@font-face {
    font-family: Nunito-SemiBold;
    src: url("../fonts/Nunito-SemiBold.ttf");
}

@font-face {
    font-family: DMSans;
    src: url("../fonts/DMSans.ttf");
}

:root {
    --black: #000;
    --white: #fff;
    --theme-main: #4d76cd;
    --text-light: #a3aed0;
    --text-dark: #2b3674;
    --text-medium: #030229;

    --font-regular-sf: SF-Pro-Text-Regular;
    --font-bold-sf: SF-Pro-Text-Bold;
    --font-medium-sf: SF-Pro-Text-Medium;

    --font-extrabold-nunito: Nunito-ExtraBold;
    --font-semibold-nunito: Nunito-SemiBold;
    --font-extrabold-nunito: Nunito-ExtraBold;
    --font-semibold-nunito: Nunito-SemiBold;

    --font-dmsans: DMSans;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    outline: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    font-family: var(--font-regular-sf);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
a,
p {
    text-decoration: none;
    list-style: none;
    margin-bottom: 0px;
}

a,
.transition,
input[type="submit"] {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

a,
a:hover {
    color: var(--blue-light);
    cursor: pointer;
    text-decoration: none;
}

input[type="submit"] {
    backface-visibility: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    cursor: pointer;
}

textarea,
input,
select {
    border-radius: 0;
    resize: none;
    box-sizing: border-box;
    width: 100%;
}

table,
tr,
td,
th {
    border-spacing: 0;
    padding: 0;
    margin: 0;
    vertical-align: top;
}

table {
    width: 100%;
}

.w-160 {
    width: 160px;
}

.background-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

img {
    max-width: 100%;
}

p {
    font-size: 16px;
    color: var(--black);
    line-height: 26px;
}

body {
    width: 100%;
    counter-reset: gap;
    overflow-x: hidden;
    background-color: #ebebf3;
}

.preloader {
    background-color: var(--white);
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
}

.loader {
    width: 35px;
    aspect-ratio: 1;
    --_g: no-repeat radial-gradient(farthest-side, #4d76cd 94%, #fff);
    background: var(--_g) 0 0, var(--_g) 100% 0, var(--_g) 100% 100%,
        var(--_g) 0 100%;
    background-size: 40% 40%;
    animation: spine 0.5s infinite;
}

@keyframes spine {
    100% {
        background-position: 100% 0, 100% 100%, 0 100%, 0 0;
    }
}

*::-moz-selection {
    background: var(--theme-main);
    color: #fff;
}

*::selection {
    background: var(--theme-main);
    color: #fff;
}

.overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
    background-color: #00000096;
}

/************* Sign In Page Start *************/

.container-fluid {
    min-height: 100vh;
    max-height: 100vh;
}

.bg-login {
    background: url("../images/sign-in-bg.png") no-repeat left top;
    height: 100vh;
    background-size: 100% 100%;
}

.content {
    padding: 0;
    display: flex;
    align-items: center;
    height: 100vh;
}

.content img,
.content a {
    display: block;
    margin: 0 auto;
}

.login-area .content {
    max-width: 100%;
    /* max-width: 410px; */
    padding: 0 60px;
    margin: 0 auto;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.login-area .content a {
    margin: 0 0 25px;
}

.login-area .content h1 {
    font-family: var(--font-bold-sf);
    font-size: 34px;
    line-height: 36px;
    color: var(--black);
    margin: 0 0 10px;
}

.web_login .login-area .content h1         {
    margin: 0 0 20px;
}

.login-area .content p {
    font-size: 16px;
    line-height: 18px;
    color: var(--text-medium);
    padding: 0 0 15px;
}

.login-area {
    background-color: #fff;
    height: 100vh;
}

.web_login .login-area      {
    padding: 0;
}

.login-area-2{
    height: 100%;
    padding: 80px 0;
}
.bg-login-2{
    height: auto;
}
.login-area .content form {
    position: relative;
    padding: 20px 0 0;
    width: 100%;
}

.login-area .content form label {
    font-family: var(--font-medium-sf);
    font-size: 14px;
    line-height: 16px;
    color: var(--black);
    margin-bottom: 10px;
}

.login-area .content form label span.colr_chnge {
    color: var(--theme-main);
}

.web_login .styled-checkbox + label:before          {
    width: 20px;
    height: 20px;
    border-radius: 6px;
}

.web_login .styled-checkbox:checked + label:after          {
    top: 9px
}

.web_login .login-area .content form .form_cont label          {
    display: flex;
    align-items: center;
}

.login-area .content .form-control {
    padding: 16px 25px 16px 20px;
    border-radius: 16px;
    border: 1px solid #e0e5f2;
    color: var(--text-medium);
    font-size: 14px;
    line-height: 15px;
    font-family: var(--font-regular-sf);
    appearance: none;
}

.login-area .content .form-control:focus {
    box-shadow: none;
}

.login-area .content .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: var(--text-light);
}

.login-area .content .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: var(--text-light);
}

.login-area .content .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: var(--text-light);
}

.login-area .content .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: var(--text-light);
}

.login-area .content a.password-state {
    position: absolute;
    bottom: 16px;
    right: 19px;
    z-index: 1;
    margin: 0;
}

.login-area .content a.password-state img {
    height: 16px;
}
.password-wrapper {
    position: relative;
}

.password-toggle {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}

.otp-resend {
    font-size: 14px !important;
    line-height: 100% !important;
    letter-spacing: 0;
    font-family: var(--font-regular-sf);
    color: #A3AED0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.otp-resend a {
    color: #4D76CD;
    margin: 0 !important;
}

.otp-wrapper {
    max-width: 360px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.otp-inputs {
    display: flex;
    justify-content: flex-start;
    margin: 0 0 25px;
    gap: 20px;
}

.otp-field {
    width: 55px;
    height: 55px;
    text-align: center;
    font-size: 24px;
    color: var(--black);
    border: 1px solid #E0E5F2;
    border-radius: 16px;
    outline: none;
    font-family: var(--font-bold-sf);

}

.otp-field:focus {
    outline: none;
    box-shadow: none;
}
.form_cont {
    width: 100%;
}

.form_cont::after {
    content: "";
    clear: both;
    line-height: 0;
    display: block;
}
.profile-container {
    position: relative;
    width: 120px;
    height: 120px;
    margin: 40px 0 40px 0;
  }

  .avatar {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fff url('https://via.placeholder.com/100?text=👤') no-repeat center;
    background-size: cover;
    outline: 2px solid #4D76CD;
    display: flex;
    align-items: center;
    justify-content: center;
    outline-offset: 5px;
    background-size: cover;
  }

  .upload-icon {
    position: absolute;
    bottom: -15px;
    right: 5px;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }

  .upload-icon input {
    display: none;
  }

  .upload-icon img {
    width: 32px;
    height: 32px;
  }

  .tab-register {
    max-width: 320px;
    width: 100%;
    display:flex;
    align-items: center;
    border: 1px solid #4D76CD1A;
    border-radius: 100px;
    overflow: hidden;
  }

  .tab-register .tab {
    width: 50%;
    padding: 10px 20px;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: none;
    transition: all 0.3s ease;
    font-size: 16px;
    color: #707070;
    font-family: var(--font-regular-sf);
    margin: 4px 8px;
  }

 .tab-register .tab.active {
    background-color: #4D76CD1A;
    color: #4D76CD;
    font-family: var(--font-medium-sf);
    border-radius: 14px;
  }

 .tab-content {
    margin-top: 20px;
    display: none;
  }

 .tab-content.active {
    display: block;
  }

  .category-grid {
    display: flex;
    gap:0 20px;
    flex-wrap: wrap;
  }

  .category {
    width: 22%;
    position: relative;
    border: 2px solid transparent;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    transition: 0.3s;
    padding: 12px 0 0;
    text-align: center;
  }

  .category input[type="checkbox"] {
    display: none;
  }

  .category img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 16px;
  }

  .category span {
    display: block;
    margin: 10px 0;
    font-size: 16px;
    color: #707070;
    font-family: var(--font-regular-sf);
  }

  .category input:checked + .content-category  img{
    border: 3px solid #4D76CD;
    border-radius: 19px;
  }
  .category input:checked + .content-category span{
     color: #4D76CD;
     font-family: var(--font-medium-sf);
  }

  .category-grid  .checkmark {
    position: absolute;
    top: -4px;
    right: 0px;
    background: #4D76CD;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border: 4px solid #fff;
  }

  .category input:checked + .content-category .checkmark {
    display: flex;
  }
  .select-category-title{
    font-size: 20px !important;
    font-family: var(--font-bold-sf);
    color: #000000;
  }
  .select-category-title span{
    color: #4D76CD;
  }
.other-img{
    width: 48px !important;
    height: 48px !important;
}
  .other {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E0E5F2;
    width: 120px;
    height: 120px;
    border-radius: 16px;
  }
.styled-checkbox {
    position: absolute;
    opacity: 0;
}

.styled-checkbox+label {
    position: relative;
    cursor: pointer;
    padding: 0;
}

.styled-checkbox+label:before {
    content: "";
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 2px solid var(--theme-main);
}

.styled-checkbox:hover+label:before {
    background: var(--theme-main);
}

.styled-checkbox:checked+label:before {
    background: var(--theme-main);
}

.styled-checkbox:disabled+label {
    color: #b8b8b8;
    cursor: auto;
}

.styled-checkbox:disabled+label:before {
    box-shadow: none;
    background: #ddd;
}

.styled-checkbox:checked+label:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 8px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white,
        4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg);
}

.parsley-errors-list {
    color: red;
}

.login-area .content form .form_cont a.text-primary {
    font-family: var(--font-medium-sf);
    color: var(--theme-main) !important;
    font-size: 14px;
    line-height: 24px;
    text-decoration: underline;
    margin: 0;
}

.login-area .content form .form_cont label {
    margin: 0;
    font-family: var(--font-regular-sf);
    font-size: 14px;
    color: var(--text-dark);
}

.login-area .content .btn {
    width: 100%;
    padding: 19px 15px;
    text-align: center;
    background-color: var(--theme-main);
    border-radius: 16px;
    font-family: var(--font-bold-sf);
    font-size: 14px;
    line-height: 16px;
    color: var(--white);
    border: none;
    margin: 30px 0 0;
}

.login-area .content .btn:focus {
    box-shadow: none;
}

.chnge_struct img       {
    position: absolute;
    right: 15px;
    top: 24px;
}
.login-area .content .form-control.password_sect          {
    padding: 16px 40px 16px 20px;
}

/************* Dashboard Page Start *************/

.text-red {
    color: red !important;
}

.text-green {
    color: green !important;
}

.text-orange {
    color: orange !important;
}

.text-blue {
    color: blue !important;
}

/* buttons */
.btn-red {
    background: red;
    color: white;
    font-size: 15px;
}

.btn-red:hover,
.btn-red:focus {
    background: #d60000;
    color: white;
}

.btn-grayblue {
    background: #acb6c4;
    color: white;
    font-size: 15px;
}

.btn-grayblue:hover,
.btn-grayblue:focus {
    background: #97a4b5;
    color: white;
}

/* Custom scrollbar */
.main ::-webkit-scrollbar {
    width: 5px;
}

.main ::-webkit-scrollbar-track {
    border-radius: 10px;
}

.main ::-webkit-scrollbar-thumb {
    background: #5d7090;
    border-radius: 10px;
}

.main ::-webkit-scrollbar-thumb:hover {
    background: #495871;
}

/*********** SideBar Menu Start ***********/
.side-bar {
    width: 93px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: var(--white);
    transition: all 0.5s;
    padding: 32px 15px;
    z-index: 99;
}

.side-bar a img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 11px;
}

.side-bar a span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 13px;
}

.side-bar a {
    width: 236px;
    display: block;
}

.side-bar:hover {
    width: 266px;
}

.side-bar ul {
    padding-left: 0;
    margin-top: 30px;
    height: calc(100vh - 160px);
    overflow-y: auto;
    overflow-x: inherit;
}

.side-bar ul li {
    list-style-type: none;
    margin: 5px 0;
    border-radius: 8px;
    display: block;
    overflow: hidden;
}

.side-bar ul li.active a {
    background: #f1f4ff;
    color: var(--white);
    position: relative;
    border-radius: 8px;
}

.side-bar ul li.active a:hover {
    background: #f1f4ff;
}

.side-bar ul li.active a::before {
    content: "";
    width: 4px;
    height: 36px;
    border-radius: 25px;
    background-color: #4d76cd;
    display: block;
    position: absolute;
    left: 0;
    top: 16%;
    transition: all 0.3s;
}

.side-bar:hover ul li.active a::before {
    display: none;
}

.side-bar ul li a span {
    font-family: var(--font-regular-sf);
    font-size: 16px;
    color: var(--black);
    margin: 0 0 0 6px;
}

.side-bar:hover ul li.active a span {
    font-family: var(--font-bold-sf);
    color: var(--theme-main);
}

.side-bar a span {
    display: none;
    transition: all 0.3s;
}

.side-bar:hover a span {
    display: inline-block;
    vertical-align: middle;
}

.side-bar:hover ul li span {
    display: inline-block;
    vertical-align: middle;
}

.side-bar ul li a img {
    margin: 0 11px;
    width: 22px;
    height: 22px;
    object-fit: contain;
}

.side-bar ul li a {
    display: flex;
    align-items: center;
    color: var(--black);
    padding: 16px 10px;
    font-size: 13px;
    line-height: 14px;
    width: 230px;
    border-radius: 8px;
}

.side-bar ul li a:hover {
    background: #f1f4ff;
    color: var(--white);
    position: relative;
    border-radius: 8px;
    text-decoration: none;
}

.side-bar ul li a:focus {
    text-decoration: none;
}

.side-bar ul .menu-heading {
    opacity: 0;
    padding: 10px 5px 10px 10px;
    color: #b3b300;
    font-size: smaller;
    border-bottom: 1px solid #2b3443;
    transition: all 0.5s;
}

.aside-logout-sect {
    bottom: 15px;
}

.aside-logout-sect a {
    padding: 16px 14px;
    font-family: var(--font-regular-sf);
    font-size: 16px;
    line-height: 17px;
    color: var(--black);
    margin: 0;
}

.aside-logout-sect a:hover {
    background: #f1f4ff;
    color: var(--white);
    border-radius: 8px;
}

.side-bar:hover a span {
    color: var(--black);
}

.post-caption-img {
    width: 25px;
    height: 25px;
}

.post-caption-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2px;
}

.photo_img {
    width: 100%;
}

.photo_img img {
    width: 100%;
    height: auto;
}

.table-responsive .post-caption.chnge_style {
    flex-wrap: inherit;
}

.side-bar ul li ul {
    display: none;
    height: auto;
    margin: 0 0 20px;
    overflow: inherit;
}

.side-bar ul li ul li {
    padding-left: 15px;
}

.side-bar ul li ul li a {
    font-family: var(--font-regular-sf);
    font-size: 16px;
    color: #666666 !important;
    background-color: transparent !important;
}

.side-bar ul li ul li a:hover {
    color: #666666;
}

/*********** Main Content Start ***********/

.head_sect {
    transition: height 0.5s ease-in;
}

.head_sect.fixed {
    z-index: -1;
}

.content-wrapper-main {
    transition: all 0.5s;
    margin-left: 93px;
    padding: 37px 24px;
}

.container {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.head_cont {
    margin: 0;
    padding: 0;
}

.head_cont h1 {
    font-family: var(--font-bold-sf);
    font-size: 24px;
    line-height: 40px;
    color: var(--black);
}

.head_cont h1 a {
    font-family: var(--font-bold-sf);
}

.blog_sect {
    width: 100%;
    margin: 0 0 21px;
    padding: 0;
}

.blog_cont {
    width: 100%;
    padding: 20px 19px;
    margin: 0;
    background-color: var(--white);
    border-radius: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.blog_cont span {
    margin-right: 15px;
}

.blog_cont h3 {
    font-family: var(--font-bold-sf);
    font-size: 22px;
    line-height: 24px;
    color: var(--text-medium);
    display: block;
    margin-bottom: 5px;
}

.blog_cont p {
    font-size: 14px;
    line-height: 15px;
    color: var(--text-medium);
    display: block;
}

.das_engagement_sect {
    width: 100%;
    margin: 0 0 21px;
    padding: 0;
}

.das_engagement_cont {
    width: 100%;
    padding: 20px 30px;
    margin: 0;
    background-color: var(--white);
    border-radius: 30px;
}

.das_txt {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.das_txt h3 {
    font-family: var(--font-bold-sf);
    font-size: 18px;
    color: var(--black);
}

.select-dropdown {
    position: relative;
    display: inline-block;
    max-width: 100%;
}

.select-dropdown__button,
.select-dropdown__button1,
.select-dropdown__button2 {
    padding: 10px 18px 10px 17px;
    background-color: #f4f5f6;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    width: 136px;
    text-align: left;
    position: relative;
    border-radius: 18px;
}
.select-dropdown button::after{
   content: "";
   position: absolute;
   top: 50%;
   right: 15px;
   transform: translateY(-50%);
   background-image: url("../images/icons/drop_arrow.svg");
   width: 15px;
   height: 15px;
   background-size: 100%;
   object-fit: cover;
   background-repeat: no-repeat;
   background-position: center;
}

.select-dropdown__button:focus,
.select-dropdown__button1:focus,
.select-dropdown__button2:focus,
.select-dropdown__button:focus,
.select-dropdown__button1:focus,
.select-dropdown__button2:focus,
.select-dropdown__button3:focus {
    outline: none;
}

.select-dropdown__button span,
.select-dropdown__button1 span,
.select-dropdown__button2 span {
    font-size: 15px;
    font-family: var(--font-medium-sf);
    color: var(--black);
}

.select-dropdown__button::after,
.select-dropdown__button1::after,
.select-dropdown__button2::after .select-dropdown__button::after,
.select-dropdown__button1::after,
.select-dropdown__button2::after,
.select-dropdown__button3::after {
    content: "";
    background: url(../images/icons/drop_arrow.svg);
    width: 15px;
    height: 7px;
    background-size: 100% 100%;
    display: block;
    position: absolute;
    right: 10px;
    top: 19px;
}

.select-dropdown__button .zmdi-chevron-down,
.select-dropdown__button1 .zmdi-chevron-down,
.select-dropdown__button2 .zmdi-chevron-down .select-dropdown__button .zmdi-chevron-down,
.select-dropdown__button1 .zmdi-chevron-down,
.select-dropdown__button2 .zmdi-chevron-down,
.select-dropdown__button3 .zmdi-chevron-down {
    position: absolute;
    right: 10px;
    top: 12px;
}

.select-dropdown__list,
.select-dropdown__list1,
.select-dropdown__list2 {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 55px;
    max-height: 300px;
    overflow: auto;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    border-radius: 18px;
    opacity: 0;
    background: #f4f5f6;
    pointer-events: none;
    transform-origin: top left;
    transform: scale(1, 0);
    transition: all ease-in-out 0.3s;
    z-index: 2;
    width: 136px;
}

.select-dropdown__list.active,
.select-dropdown__list1.active,
.select-dropdown__list2.active {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1, 1);
}

.select-dropdown__list-item {
    display: block;
    list-style-type: none;
    padding: 14px 0;
    margin: 0 15px;
    border-top: none;
    font-family: var(--font-medium-sf);
    font-size: 15px;
    line-height: 1.4;
    cursor: pointer;
    color: var(--black);
    transition: all ease-in-out 0.3s;
    border-bottom: 1px solid #e0e5f2;
}

.select-dropdown .select-dropdown__list-item:last-child {
    border-bottom: 0;
}

.graph_sect {
    width: 100%;
    margin-top: 12px;
}

.meeting_sect {
    width: 100%;
    padding: 20px 0 0;
    margin: 0;
    background-color: var(--white);
    border-radius: 30px;
}

.meeting_cont {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 30px;
}

.meeting_cont h3 {
    font-family: var(--font-bold-sf);
    font-size: 18px;
    color: var(--black);
}

.meeting_cont a {
    font-family: var(--font-bold-sf);
    font-size: 14px;
    color: var(--theme-main);
    text-decoration: none;
    position: relative;
}

.meeting_cont a::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--theme-main);
    position: absolute;
    bottom: 1px;
    left: 0;
}

.table {
    margin: 25px 0 0;
}

.table>thead {
    vertical-align: bottom;
    position: relative;
}

.table thead tr {
    background-color: rgba(77, 118, 205, 5%);
}

.table thead th {
    font-family: var(--font-medium-sf);
    font-size: 14px;
    color: var(--black);
    font-weight: inherit;
    white-space: nowrap;
    vertical-align: middle;
    padding: 8px 20px;
    border: none;
}

.table thead th:first-child {
    padding: 8px 18px 8px 30px;
}

.table thead th:last-child {
    padding: 8px 30px 8px 18px;
}

.table .thead-light th {
    background-color: #f5f9fc;
    color: var(--black);
}

.table>tbody {
    vertical-align: inherit;
}

.table td {
    white-space: nowrap;
    padding: 14px 20px;
    font-family: var(--font-regular-sf);
    font-size: 14px;
    color: var(--text-medium);
    box-shadow: none;
    border-bottom: 1px solid #eeeeee;
    vertical-align: middle;
}

.table td span {
    width: auto;
    height: 24px;
    text-align: center;
    font-family: var(--font-medium-sf);
    font-size: 14px;
    line-height: 24px;
    border-radius: 14px;
    padding: 0 11px;
    display: block;
}

.table td:first-child {
    padding: 14px 18px 14px 30px;
}

.table>tbody tr:last-child td {
    border: none;
}

.table td:last-child {
    padding: 14px 30px 14px 18px;
}

.table td span.accept {
    color: #0d9612;
    background-color: rgba(89, 220, 43, 11%);
}

.table td span.decline {
    color: #ff3546;
    background-color: #fff3f4;
}

.table td span.request {
    color: #eeac19;
    background-color: #fff7e5;
}

.same_high {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.total_user_sect {
    width: 100%;
    margin: 0;
}

.total_user_cont {
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--white);
    border-radius: 30px;
    padding: 30px 0 15px;
}

.total_user_txt {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 30px;
    align-items: center;
}

.total_user_txt h3 {
    font-family: var(--font-bold-sf);
    font-size: 18px;
    line-height: 20px;
    color: var(--black);
}

.total_user_txt strong {
    font-family: var(--font-extrabold-nunito);
    font-size: 22px;
    line-height: 24px;
    color: var(--black);
    text-decoration: none;
    position: relative;
}

.img_cont_blog {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.img_cont_blog .user_name_cont {
    display: block;
    padding: 0 12px;
}

.img_cont_blog .user_name_cont h4 {
    font-family: var(--font-medium-sf);
    font-size: 14px;
    line-height: 16px;
    color: var(--black);
    text-align: left;
    margin-bottom: 4px;
}

.img_cont_blog .user_name_cont p {
    font-family: var(--font-regular-sf);
    font-size: 12px;
    line-height: 14px;
    color: #848397;
}

.right_txt h4 {
    font-family: var(--font-medium-sf);
    font-size: 14px;
    line-height: 16px;
    color: var(--black);
    margin-bottom: 4px;
}

.right_txt p {
    font-family: var(--font-medium-sf);
    font-size: 12px;
    line-height: 14px;
    color: #848397;
}

.total_user_txt a {
    font-family: var(--font-bold-sf);
    font-size: 14px;
    color: var(--theme-main);
    text-decoration: none;
    position: relative;
}

.total_user_txt a::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--theme-main);
    position: absolute;
    bottom: 1px;
    left: 0;
}

.padd_chnge td {
    padding: 14px 20px;
    line-height: 16px;
}

.img_cont_blog img {
    width: 34px;
    height: 34px;
    display: block;
    border-radius: 100px;
}

.cursor-pointer {
    cursor: pointer;
}


/*********** Management Page Styling Start ***********/

.mange_head {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.mange_head input {
    width: 230px !important;
    height: 40px;
    border-radius: 10px !important;
    background-color: var(--white);
    font-family: var(--font-regular-sf);
    color: rgba(3, 2, 41, 50%);
    font-size: 12px;
    padding: 0 40px 0 15px;
    border: none;
}

.mange_head .input-group-btn {
    position: absolute;
    right: 2px;
    height: 40px;
    z-index: 99;
}

.mange_head input:focus {
    color: rgba(3, 2, 41, 50%);
    border: none;
    outline: 0;
    box-shadow: none;
}

.mange_head input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(3, 2, 41, 50%);
}

.mange_head input::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(3, 2, 41, 50%);
}

.mange_head input:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(3, 2, 41, 50%);
}

.mange_head input:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(3, 2, 41, 50%);
}

.tabbedPanels {
    width: 100%;
}

.panelContainer {
    clear: left;
}

/* reset ul defaults  */
.tabs {
    margin: 0 0 18px;
    padding: 0;
    list-style: none;
    width: 700px;
    height: 45px;
    background: #f4f5f6;
    border-radius: 18px;
}

/* set li properties  */
.tabs li {
    float: left;
    width: 233px;
    padding: 0;
    margin: 0;
    text-align: center;
}

.tabs li:first-child {
    border-radius: 18px 0 0 18px;
}

.tabs li:last-child {
    border-radius: 0 18px 18px 0;
}

/* all formatting goes inside 'a' */
.tabs a {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 10px 8px;
    margin-right: 0;
    font-family: var(--font-regular-sf);
    font-size: 16px;
    color: #606060;
}

.tabs a.active {
    background-color: #fff;
    color: var(--theme-main);
    border-radius: 18px;
    font-family: var(--font-bold-sf);
    line-height: 25px;
}

.panel img {
    width: 36px;
    height: 36px;
    display: block;
    margin-right: 13px;
    border-radius: 100px;
}

.panel p {
    margin-bottom: 0px;
    font-size: 14px;
}

.tabbedPanels .table {
    margin-top: 0;
    border-collapse: separate;
    border-spacing: 0 15px;
}

.tabbedPanels .table thead tr,
.tabbedPanels .table .thead-light th {
    background-color: transparent;
}

.tabbedPanels .table thead th:first-child {
    padding: 0 20px 0 32px;
}

.tabbedPanels .table thead th:last-child {
    padding: 8px 42px 8px 20px;
}
.tabbedPanels .table td:first-child {
    padding: 13px 20px 13px 32px;
}
.tabbedPanels .table td:last-child {
    padding: 13px 42px 13px 20px;
}

.tabbedPanels .table>tbody tr {
    background-color: var(--white);
    border-radius: 10px;
}

.tabbedPanels .table>tbody tr td {
    margin-bottom: 20px;
}

.tabbedPanels .table thead th {
    font-family: var(--font-regular-sf);
    padding: 0 20px;
    line-height: 14px;
    color: rgba(3, 2, 41, 70%);
}

.tabbedPanels .table td {
    border-bottom: none;
    font-family: var(--font-regular-sf);
    color: var(--black);
    padding: 13px 20px;
}

.tabbedPanels .table td:first-child {
    border-radius: 10px 0 0 10px;
}

.tabbedPanels .table td:last-child {
    border-radius: 0 10px 10px 0;
}

.tabbedPanels .host_sect {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.tabbedPanels .table td span {
    height: 42px;
    border-radius: 22.5px;
    line-height: 41px;
    padding: 0 5px;
}

.tabbedPanels .table.table-action td span {
    width: 175px;
}

.tabbedPanels .table.table-action.meeting-management-table td span {
    width: auto;
}

.tabbedPanels .table.table-action td:last-child {
    width: 19%;
}

.chnge_style .table thead th:first-child {
    padding: 0 20px 0 90px;
}

.chnge_style .table>tbody tr td:first-child {
    padding: 25px 20px 25px 90px;
    font-family: var(--font-medium-sf);
}

.chnge_style .table thead th {
    font-family: var(--font-medium-sf);
}

.panel .chnge_img_size img {
    width: 43px;
    height: 43px;
    display: block;
}

.chnge_img_size .table td {
    font-family: var(--font-regular-sf);
}

table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_desc:after {
    display: none;
}

div.dataTables_wrapper div.dataTables_filter label {
    position: relative;
    color: transparent;
}

.dataTables_filter {
    position: absolute;
    right: 24px;
    top: 37px;
}

.form-control {
    border: none;
}

.form-control:focus {
    box-shadow: none;
    border: none;
}

div.dataTables_wrapper div.dataTables_filter label::after {
    content: "";
    background: url(../images/icons/search_icon.svg);
    width: 13px;
    height: 13px;
    display: block;
    position: absolute;
    top: 13px;
    right: 15px;
    background-size: 100% 100%;
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    font-size: 12px;
    width: 230px;
    height: 40px;
    padding: 0 40px 0 20px;
    line-height: 40px;
    border-radius: 10px;
}

div.dataTables_wrapper div.dataTables_filter input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-family: var(--font-regular-sf);
    font-size: 12px;
    color: rgba(3, 2, 41, 50%);
}

div.dataTables_wrapper div.dataTables_filter input::-moz-placeholder {
    /* Firefox 19+ */
    font-family: var(--font-regular-sf);
    font-size: 12px;
    color: rgba(3, 2, 41, 50%);
}

div.dataTables_wrapper div.dataTables_filter input:-ms-input-placeholder {
    /* IE 10+ */
    font-family: var(--font-regular-sf);
    font-size: 12px;
    color: rgba(3, 2, 41, 50%);
}

div.dataTables_wrapper div.dataTables_filter input:-moz-placeholder {
    /* Firefox 18- */
    font-family: var(--font-regular-sf);
    font-size: 12px;
    color: rgba(3, 2, 41, 50%);
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination>li {
    display: inline;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 7px 12px;
    margin: 0 2px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    font-family: var(--font-regular-sf);
    font-size: 14px;
    color: var(--black);
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    color: #3131314a;
}

.pagination>li.previous a::before {
    content: "";
    background: url(../images/icons/prev_icon.svg);
    width: 11px;
    height: 9px;
    display: block;
    position: absolute;
    top: 13px;
    left: 12px;
    background-size: 100% 100%;
}

.pagination>li.previous.disabled a::before,
.pagination>li.next.disabled a::after {
    opacity: 45%;
}

.pagination>li.previous a {
    padding: 7px 12px 7px 30px;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: var(--theme-main);
    font-family: var(--font-bold-sf);
}

.pagination>li.next a {
    padding: 7px 30px 7px 12px;
    position: relative;
}

.pagination>li.next a::after {
    content: "";
    background: url(../images/icons/next_icon.svg);
    width: 11px;
    height: 9px;
    display: block;
    position: absolute;
    top: 13px;
    right: 12px;
    background-size: 100% 100%;
}

/*********** Statistics Page Styling Start ***********/

.table-responsive {
    height: 100%;
}

.table-responsive.overflw_chnge     {
    overflow: inherit;
}

.multiple_file_btns         {
    width: 21%;
}

.static_top_sect,
.news_list_sect,
.static_user_sect {
    width: 100%;
    margin: 0 0 21px;
    padding: 0;
}

.news_cont {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.news_cont img {
    width: 43px;
    height: 27px;
    display: block;
}

.news_cont p {
    font-family: var(--font-regular-sf);
    font-size: 14px;
    color: var(--text-medium);
    padding-left: 5px;
}

.news_cont strong {
    font-family: var(--font-bold-sf);
    font-size: 14px;
    color: rgba(0, 0, 0, 70%);
    padding-left: 5px;
}

.view_img img {
    width: 16px;
    height: 16px;
    display: block;
}

.news_cont strong.col_chnge {
    color: rgba(3, 2, 41, 70%);
}

.static_chnge td strong {
    font-family: var(--font-bold-sf);
    font-size: 14px;
    color: rgba(0, 0, 0, 70%);
}

.static_chnge>tbody tr:last-child td {
    border: none;
    padding-bottom: 14px;
}

.arrow_img img {
    width: 11px;
    height: 14px;
    display: block;
}

.arrow_img p {
    color: rgba(3, 143, 0, 70%);
}

.arrow_img p.chnge_colr {
    color: rgba(221, 11, 11, 70%);
}

.flex-container {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
}

.flex-row {
    box-sizing: border-box;
    display: flex;
}

.flex-col-lg-8,
.flex-col-lg-4 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    width: 100%;
}

.flex-col-lg-8 {
    max-width: calc(100% * (6 / 12));
    width: calc(100% * (6 / 12));
}

button {
    margin: 0 15px;
    background-color: aliceblue;
    border: 1px solid #ffffff;
    padding: 10px 20px;
}

ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

#legendBlock li span {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 15px;
    border-radius: 50%;
}

.legend {
    width: 28%;
    margin: 42px 0 0 40px;
}

.legend ul li {
    font-family: var(--font-dmsans);
    font-weight: 500;
    color: var(--black);
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 22px;
}

.canv_sect {
    width: 63%;
    position: relative;
}

.canv_sect::after {
    content: "";
    width: 1px;
    height: 360px;
    display: block;
    background-color: #dadada;
    position: absolute;
    right: 2px;
    top: -58px;
}

.canv_sect canvas {
    display: block;
    height: 266px !important;
    width: 544px !important;
    margin-left: -115px;
    margin-top: 17px;
}

/*********** News Page Styling Start ***********/

.news_sect .dataTables_filter {
    right: 392px;
}

.news_btn .btn-primary {
    padding: 14px 34px;
    line-height: 15px;
}

.news_btn .btn-secondary {
    padding: 14px 42px;
    line-height: 15px;
}

.news_sect div.dataTables_wrapper div.dataTables_filter input {
    height: 45px;
    line-height: 45px;
    font-family: var(--font-regular-sf);
}

.news_sect div.dataTables_wrapper div.dataTables_filter label::after {
    top: 16px;
}

.tabbedPanels .table>tbody tr.clickable-row {
    cursor: pointer;
}

.news_sect .form-group {
    display: block;
    margin-bottom: 0;
}

.news_sect .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.news_sect .form-group label {
    position: relative;
    cursor: pointer;
    z-index: 9;
}

.news_sect .form-group label:before {
    content: "";
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 2px solid #c2c0c0;
    box-shadow: none;
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-top: -3px;
    border-radius: 5px;
}

.news_sect .form-group input:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 8px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.news_sect .form-group input:checked+label:before {
    background-color: var(--theme-main);
    border: solid var(--theme-main);
}

.news_sect .table td a {
    width: 175px;
    text-align: center;
    font-family: var(--font-medium-sf);
    font-size: 14px;
    display: block;
    height: 45px;
    border-radius: 22.5px;
    line-height: 45px;
    padding: 0 5px;
    float: right;
}

.news_btn {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
}

.news_sect .panel img,
.new_complaint_sect .panel img,
.complaints_sect .panel img {
    width: 43px;
    height: 27px;
    display: block;
    margin-right: 13px;
    border-radius: 3px;
}

.news_sect .table td a.draft {
    color: #960d0d;
    background-color: rgba(220, 43, 43, 0.11);
}

.news_sect .table td a.publish {
    color: var(--theme-main);
    background-color: rgba(77, 118, 205, 0.11);
}


/*********** News Details View Page Styling Start ***********/

.news_basic_detail .event-view-img {
    border: none;
    width: auto;
    max-width: 500px;
    height: 250px;
    border-radius: 8.43px;
    object-fit: contain;
}

.news_basic_detail .label-item.padd_chnge .label-info {
    padding-right: 93px;
}

.news_basic_detail .event-tag-list li {
    padding: 6px 36px;
}

/*********** Event Page Styling Start ***********/

/*********** Create News Page Styling Start ***********/

.new_create .upload-cover-image {
    height: 162px;
}

.new_create .form-row-gutters {
    align-items: center;
}

.new_create .form-row-gutters.chnge {
    align-items: normal;
}

.label-item-top p {
    font-size: 14px;
    font-family: var(--font-medium-sf);
    line-height: 14px;
    letter-spacing: -0.02em;
    color: #ff0000;
    display: block;
    margin: 10px 0 0 10px;
}

.new_create .search-input {
    max-width: 270px;
}

.new_create .event-tag-list li {
    padding: 6px 36px;
    margin-bottom: 10px;
}

.new_create .search-input .btn-search {
    margin-right: 5px;
    line-height: 0;
}

.new_create .search-input .form-control {
    padding: 13px 20px;
}

.new_create .upload-cover-image svg {
    margin-bottom: 10px;
}

.new_create .btn-primary {
    padding: 13px 39px;
    line-height: 14px;
}

.new_create .divider {
    margin: 34px 0 14px;
    background-color: #ebebf3;
}

.new_create .label-item-top .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #a3aed0;
}

.new_create .label-item-top .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #a3aed0;
}

.new_create .label-item-top .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #a3aed0;
}

.new_create .label-item-top .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #a3aed0;
}

.new_create .select-dropdown__button3 {
    border: 1px solid #e0e5f2;
    border-radius: 16px;
    font-size: 14px;
    font-family: var(--font-regular-sf);
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #030229;
    padding: 12px 20px;
    margin: 0;
    width: 100%;
    height: 45px;
    text-align: left;
    background-color: transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 30px;
}

.new_create .select-dropdown {
    width: 100%;
}

.new_create .select-dropdown__button3 span.col_chnge {
    font-size: 14px;
    font-family: var(--font-regular-sf);
    letter-spacing: -0.02em;
    color: #a3aed0;
}

.new_create .select-dropdown__button3 span {
    color: #030229;
}

.new_create .select-dropdown__list3 {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 55px;
    max-height: 300px;
    overflow: auto;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    border-radius: 18px;
    opacity: 0;
    background: #fff;
    pointer-events: none;
    transform-origin: top left;
    transform: scale(1, 0);
    transition: all ease-in-out 0.3s;
    border: 1px solid #e0e5f2;
    z-index: 2;
    width: 100%;
}

.new_create .select-dropdown__list3.active {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1, 1);
}

.new_create .btn {
    margin: 0;
}

.new_create .btn-outline {
    margin-right: 15px;
}

.edit_new_mod_cont .modal-dialog {
    max-width: 745px;
}

.edit_new_mod_cont .modal-body {
    padding: 32px 61px;
}

.edit_new_mod_cont .modal-body.chnge_padd {
    padding: 50px 58px;
}

.edit_new_mod_sect {
    text-align: center;
}

.edit_new_mod_sect img {
    margin: 0 auto 20px;
    display: block;
}

.edit_new_mod_sect h3 {
    font-family: var(--font-bold-sf);
    font-size: 30px;
    line-height: 32px;
    color: var(--black);
    padding: 0 0 15px;
}

.modal-body .edit_new_mod_sect p {
    font-family: var(--font-regular-sf);
    font-size: 24px;
    color: #545353;
    display: block;
    text-align: center;
    width: 100%;
    padding: 0 0 40px;
}

.edit_new_mod_sect .btn {
    width: 522px;
    height: 50px;
    margin: 0 auto;
    border-radius: 16px;
    background-color: var(--theme-main);
    font-family: var(--font-medium-sf);
    font-size: 18px;
    line-height: 48px;
    color: var(--white);
    padding: 0;
}

.edit_new_mod_sect .btn:focus {
    box-shadow: none;
}

/*********** Event Page Styling Start ***********/

.event-tab {
    max-width: 420px;
    display: flex;
    align-items: center;
    background-color: #f4f5f6;
    padding: 0;
    border-radius: 100px;
}

.event-tab li {
    width: 50%;
    font-size: 16px;
    line-height: 19px;
    color: #606060;
    font-family: var(--font-regular-sf);
    padding: 12px 20px;
    border-radius: 100px;
    text-align: center;
    cursor: pointer;
    z-index: 9;
}

.event-tab li.active {
    background-color: #ffffff;
    color: #4d76cd;
    font-family: var(--font-bold-sf);
}

.btn-primary,
.btn-danger {
    font-size: 14px;
    line-height: 17px;
    font-family: var(--font-medium-sf);
    color: #fff;
    background: #4d76cd;
    border-color: #4d76cd;
    padding: 12px 35px;
    border-radius: 16px;
}

.btn-danger {
    padding: 12px 15px !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    color: #fff;
    background: #4d76cd;
    border-color: #4d76cd;
    outline: none;
    box-shadow: none !important;
}

.btn-danger{
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active{
    color: #fff;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    outline: none;
    box-shadow: none !important;
}

.btn-secondary {
    font-size: 14px;
    line-height: 17px;
    font-family: var(--font-medium-sf);
    color: #030229;
    background: rgba(82, 82, 82, 0.1);
    border-color: rgba(82, 82, 82, 0.1);
    padding: 12px 35px;
    border-radius: 16px;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
    color: #030229;
    background: rgba(82, 82, 82, 0.1);
    border-color: rgba(82, 82, 82, 0.1);
    outline: none;
    box-shadow: none !important;
}

.event-card-main .row .col-12 {
    margin-bottom: 35px;
}

.event-card {
    padding: 18px 16px;
    border-radius: 18px;
    border: 0;
    height: 100%;
    position: relative;
}

.event-card a.complete-event {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9;
}

.preview-image {
    display: inline-block;
    width: calc(33.33% - 20px);
    margin: 10px;
    box-sizing: border-box;
}

.event-card:hover .event-card-img .event-check {
    opacity: 1;
}

.search-input {
    max-width: 230px;
}

.search-input .form-control {
    padding: 12px 20px;
    background-color: #ffffff !important;
    color: #030229;
    font-size: 12px;
    line-height: 14px;
    font-family: var(--font-regular-sf);
    border-radius: 10px;
}

.search-input .form-control::placeholder {
    color: #030229;
    opacity: 50%;
}

.search-input .btn-search {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    background-color: #fff;
    padding-right: 15px;
}

.search-input .btn-search:focus,
.search-input .btn-search:active {
    outline: none;
    box-shadow: none;
}

.search-input .form-control:focus {
    outline: none;
    box-shadow: none;
}

.event-item .event-card-img .event-check {
    opacity: 0;
}

.event-card.active .event-card-img .event-check {
    opacity: 1;
}

.event-item.active,
.event-item-2.active,
.event-item-3.active {
    display: block;
}

.event-item.hide,
.event-item-2.hide,
.event-item-3.hide {
    display: none;
}

.event-card.active::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(77, 118, 205, 0.5);
    z-index: 9;
    border-radius: 18px;
}

.event-card .media-body {
    margin-top: 14px;
}

.event-card .event-card-img {
    height: 160px;
    position: relative;
}

.event-card .event-card-img.hotels-img {
    height: 220px;
}

.event-card .event-card-img.hotels-img img {
    height: 220px;
}

.event-item .event-card-img .event-check.checked {
    opacity: 1;
}

.event-card .event-card-img img {
    width: 100%;
    height: 160px;
    border-radius: 18px;
    object-fit: cover;
}

.event-btn {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 14.32px;
    letter-spacing: -0.01em;
    font-family: var(--font-medium-sf);
    color: #4d76cd;
    background: #f1f4ff;
    padding: 8px 20px;
    border-radius: 100px;
}

.event-btn:hover {
    color: #4d76cd;
}

.event-btn svg {
    margin-right: 5px;
}

.divider,
.divider-2 {
    width: 100%;
    height: 1px;
    background-color: #dddddf;
    margin: 14px 0;
}

.divider-2 {
    background-color: #ebebf3;
    margin: 20px 0;
}

.title-5 {
    font-family: "SF Pro Text";
    font-family: var(--font-bold-sf);
    font-size: 18px;
    line-height: 21px;
    letter-spacing: -0.01em;
    color: #000000;
}

.media-body p {
    font-family: "SF Pro Text";
    font-family: var(--font-regular-sf);
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.01em;
    color: #8e8e8e;
}

.dropdown-menu.dropdown-menu-right {
    min-width: 95px;
    transform: none !important;
    inset: auto !important;
    right: 100% !important;
    border-radius: 10px;
    border: 0;
    background: #fff;
    box-shadow: 0px 4px 6px 0px #68676740;
    padding: 5px 7px;
    color: #000000;
    font-family: var(--font-medium-sf);
}

.dropdown-menu.dropdown-menu-right .dropdown-item {
    font-size: 12px;
    border-bottom: 0.5px solid #e5e5e5;
    font-family: var(--font-medium-sf);
}

.dropdown-menu.dropdown-menu-right .dropdown-item:hover {
    background-color: transparent !important;
    color: #000000;
}

.dropdown-menu.dropdown-menu-right .dropdown-item:last-child {
    border-bottom: 0;
}

.event-card-img .event-check {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

.event-check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.event-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.event-check .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 50px;
    background-color: transparent;
    border-radius: 10px;
    border: 4px solid #4d76cd;
}

.event-check input:checked~.checkmark {
    background-color: #4d76cd;
}

.event-check .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.event-check input:checked~.checkmark:after {
    display: block;
}

.event-check .checkmark:after {
    left: 15px;
    top: 7px;
    width: 11px;
    height: 24px;
    border: solid #fff;
    border-width: 0 4px 4px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 2px;
}

.stepper {
    padding: 20px 10px;
    background-color: #fff;
    border-radius: 30px;
}

.stepper .stepper-item {
    font-size: 14px;
    line-height: 14px;
    letter-spacing: -0.02em;
    font-family: var(--font-regular-sf);
    color: #666666;
    padding: 15px 30px;
    position: relative;
    cursor: pointer;
}

.stepper .stepper-item.active {
    background: #f1f4ff;
    color: #000000;
    border-radius: 25px;
    font-family: var(--font-medium-sf);
}

.stepper .stepper-item.active::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    width: 4px;
    height: 100%;
    background-color: #4d76cd;
    border-radius: 4px;
}

.page-title {
    font-family: var(--font-bold-sf);
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: #000;
}

.page-title.coming_txt {
    font-size: 38px;
    line-height: 38px;
    text-transform: uppercase;
    color: #808080
}

.page-title-2 {
    font-size: 16px;
    font-family: var(--font-medium-sf);
    line-height: 16px;
    letter-spacing: -0.02em;
    color: #000000;
}

.page-title span {
    color: #666666;
}

.event-point {
    font-size: 14px;
    font-family: var(--font-medium-sf);
    line-height: 14px;
    letter-spacing: -0.02em;
    background: #4d76cd17;
    border-radius: 100px;
    color: #4d76cd;
    display: inline-block;
    padding: 5px 15px;
}

.basic-card {
    background-color: #fff;
    border-radius: 30px;
    padding: 25px 35px;
}

.basic-card .no_agenda {
    text-align: center;
    line-height: 256px;
}

.gallery_loader {
    margin-bottom: 100px;
}

.label-item .label-details {
    font-size: 14px;
    line-height: 14px;
    letter-spacing: -0.02em;
    font-family: var(--font-regular-sf);
    color: #00000099;
    margin-bottom: 15px;
    display: block;
}

.label-item .label-info {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.02em;
    font-family: var(--font-medium-sf);
    color: #030229;
}

.event-tag-list {
    display: flex;
    align-items: center;
    padding: 0;
}

.event-tag-list li:not(:last-child) {
    margin-right: 0.85rem;
}

.event-tag-list li {
    color: #4d76cd;
    background: #4d76cd1c;
    padding: 6px 30px;
    border-radius: 16px;
    font-size: 11px;
    line-height: 12px;
    font-family: var(--font-medium-sf);
    margin-bottom: 10px;
}

.btn-search.border {
    border: 1px solid #ced4da;
}

.input-group.search-input .form-control:focus {
    border-color: #ced4da;
    outline: none;
    box-shadow: none;
}

.event-search-show p {
    font-size: 18px;
    font-family: var(--font-medium-sf);
    line-height: 21.48px;
    color: #000000;
}

.event-search-show p strong {
    font-family: var(--font-bold-sf);
}

.event-view-img {
    border: 1px dashed #4d76cd;
    border-radius: 8px;
    width: 410px;
    object-fit: contain;
    height: 160px;
}

.link-export {
    font-size: 14px;
    font-family: var(--font-medium-sf);
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #4d76cd;
    text-decoration: underline;
}

.link-export:hover {
    color: #4d76cd;
    text-decoration: underline;
}

.btn-outline {
    font-size: 14px;
    font-family: var(--font-medium-sf);
    line-height: 16px;
    color: #4d76cd;
    border: 1px solid #4d76cd;
    padding: 13px 30px;
    border-radius: 16px;
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active {
    outline: none;
    box-shadow: none;
    color: #4d76cd;
}

.btn-outline:disabled,
.btn-outline.disabled {
    color: #757575 !important;
    background: rgba(82, 82, 82, 10%) !important;
    pointer-events: none !important;
    border-color: rgba(82, 82, 82, 10%) !important;
}

.btn-outline-danger {
    font-size: 14px;
    font-family: var(--font-medium-sf);
    line-height: 16px;
    padding: 13px 16px;
    border-radius: 16px;
}

.btn-outline-danger.grey-outline {
    color: grey !important;
    border-color: grey !important;
}

.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:active {
    outline: none;
    box-shadow: none;
    background-color: transparent;
    color: #dc3545;
}

.btn-outline-danger:disabled,
.btn-outline-danger.disabled {
    color: #757575 !important;
    background: rgba(82, 82, 82, 10%) !important;
    pointer-events: none !important;
    border-color: rgba(82, 82, 82, 10%) !important;
}

.stepper-inner-item.hide {
    display: none;
}

.stepper-inner-item.active {
    display: block;
}

.form-row-gutters {
    --bs-gutter-x: 5rem;
}

.label-item-top {
    margin-bottom: 20px;
}

.label-item-top .label-input {
    font-size: 14px;
    font-family: var(--font-medium-sf);
    line-height: 14px;
    letter-spacing: -0.02em;
    color: #484848;
    display: block;
    margin-bottom: 10px;
}

.label-item-top .form-control {
    border: 1px solid #e0e5f2;
    border-radius: 16px;
    font-size: 14px;
    font-family: var(--font-regular-sf);
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #030229;
    padding: 12px 20px;
}

.label-item-top .form-control::placeholder {
    color: #a3aed0;
}

.label-item-top .form-control:focus {
    outline: none;
    box-shadow: none;
}

.upload-cover-image {
    height: 160px;
    border: 1px dashed #4d76cd;
    background: #f1f6ff63;
    border-radius: 8px;
}

#agendaDetails .agenda-upload-file {
    margin-bottom: 0;
}
.agenda-upload-file {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #4d76cd;
    background: #f1f6ff63;
    padding: 15px 30px;
    margin-bottom: 25px;
    border-radius: 8px;
}

.agenda-upload-file p {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.01em;
    font-family: var(--font-medium-sf);
    color: #4d76cd;
}

.add-agenda {
    padding: 20px 30px;
    background-color: #4d76cd;
    border: 1px dashed #ffffff;
    border-radius: 8px;
    text-align: center;
}

.add-agenda a {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.01em;
    font-family: var(--font-medium-sf);
    color: #fff;
    text-decoration: underline;
}

.add-agenda a:hover {
    color: #fff;
    text-decoration: underline;
}

.agenda-delete {
    max-width: 150px;
    width: 100%;
    background: #4d76cd1c;
    border: 1px solid #4d76cd;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.01em;
    font-family: var(--font-medium-sf);
    color: #4d76cd;
    padding: 15px 20px;
    border-radius: 16px;
    text-align: center;
}

.agenda-delete:hover {
    color: #4d76cd;
}

.agenda-delete img,
.agenda-reupload img {
    display: block;
    margin: 0 auto;
}

.agenda-reupload {
    max-width: 150px;
    width: 100%;
    background: #4d76cd;
    border: 1px solid #4d76cd;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.01em;
    font-family: var(--font-medium-sf);
    color: #fff;
    padding: 15px 20px;
    border-radius: 16px;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.agenda-reupload:hover {
    color: #fff;
}

.agenda-reupload>input[type="file"] {
    display: none;
}

.agenda-reupload>label {
    font-size: 1rem;
    font-weight: 300;
    cursor: pointer;
}

.agenda-reupload>label:active {
    background: #4d76cd;
}

.agenda-reupload>label>i {
    padding-right: 5px;
}

.floorplan-upload {
    width: 100%;
    height: 350px;
    background: #f1f6ff63;
    border: 1.8px dashed #4d76cd;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.floorplan-upload.chnge_alig_item {
    align-items: start;
}

.floorplan-upload .upload-files-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.floorplan-upload .drag-file-area label .browse-files-text {
    font-size: 18px;
    font-family: var(--font-medium-sf);
    line-height: 21px;
    letter-spacing: -0.01em;
    text-align: center;
    cursor: pointer;
    color: #4d76cd;
    display: block;
    margin-top: 30px;
}

.floorplan-upload .browse-files span {
    position: relative;
    top: -25px;
}

.floorplan-upload .default-file-input {
    opacity: 0;
}

.upload-cover-image {
    width: 100%;
    background: rgba(241, 246, 255, 0.39);
    border: 1.8px dashed #4d76cd;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    object-fit: cover;
    background-size: cover;
}

.new_create .upload-cover-image {
    width: 100%;
    background: #e9ecef;
    border: 1.8px dashed #4d76cd;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    object-fit: cover;
    background-size: cover;
}

.upload-cover-image .upload-files-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.upload-cover-image .drag-file-area label .browse-files-text {
    font-size: 14px;
    font-family: var(--font-medium-sf);
    line-height: 16px;
    letter-spacing: -0.01em;
    text-align: center;
    cursor: pointer;
    color: #4d76cd;
    display: block;
    margin-top: 10px;
    text-decoration: underline;
}

.upload-cover-image.active {
    border: 0;
}

.upload-cover-image.active .drag-file-area label .browse-files-text {
    color: #fff;
}

.upload-cover-image.active svg path {
    fill: #fff;
}

.new_create .upload-cover-image svg path {
    fill: #aaaed0;
}

.upload-cover-image.active {
    background-color: #FFF;
}


.upload-cover-image.active .upload-files-container {
    display: none;
}

.upload-cover-image .browse-files span {
    position: relative;
}

.upload-cover-image .default-file-input {
    opacity: 0;
    display: none;
}

.bottom-card {
    border: 0;
    border-radius: 30px;
}

.floor-plan img {
    height: 480px;
}

.create-agenda-reupload,
.agenda-upload-file {
    position: relative;
}

.create-agenda-reupload span.event_cross,
.agenda-upload-file span.event_cross {
    position: absolute;
    right: 17px;
    top: 34%;
    width: 20px;
    height: 20px;
    border: 1px solid #4d76cd;
    color: #4d76cd;
    border-radius: 50px;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    font-family: var(--font-extrabold-nunito);
}

.agenda-upload-file img.chnge_wid {
    max-width: 100%;
    height: auto;
    margin-right: 14px;
    width: 28px;
}

.create-agenda-reupload img {
    display: block;
    margin: 0 auto;
}

.create-agenda-reupload {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px dashed #4d76cd;
    background: #f1f6ff63;
    padding: 15px 30px;
    border-radius: 8px;
    /* margin-bottom: 25px; */
}

.create-agenda-reupload:hover {
    color: #fff;
}

.create-agenda-reupload>input[type="file"] {
    display: none;
}

.create-agenda-reupload>label {
    font-size: 14px;
    font-family: var(--font-medium-sf);
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #4d76cd;
    display: flex;
    align-items: center;
    justify-content: center;
}

.create-agenda-reupload>label>i {
    padding-right: 5px;
}

.stepper.timeline-tab .stepper-item.active {
    background-color: transparent;
    border-radius: 0;
}

.stepper.timeline-tab .stepper-item.active::before {
    display: none;
}

.stepper.timeline-tab .stepper-item {
    color: #000000;
    font-family: var(--font-medium-sf);
}

.stepper.timeline-tab .stepper-item {
    position: relative;
    display: flex;
    align-items: center;
    padding: 15px 20px;
}

.stepper.timeline-tab .stepper-item span {
    min-width: 25px;
    min-height: 25px;
    border-radius: 100px;
    background: #4d76cd1c;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    font-family: var(--font-bold-sf);
    font-size: 11px;
    font-weight: 700;
    color: #4d76cd;
    position: relative;
    z-index: 9;
}

.no_records {
    text-align: center;
    display: block;
    padding: 10px 0;
    font-size: 16px;
    color: var(--black);
    line-height: 26px;
}

.post-caption-txt p {
    width: 160px !important;
    overflow: hidden;
    position: relative;
    display: block !important;
    font-family: var(--font-regular-sf) !important;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stepper.timeline-tab .stepper-item span::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 13px;
    width: 5px;
    height: 118%;
    z-index: 1;
    border: 1px dashed #4d76cd;
    border-bottom: 0;
    border-top: 0;
    border-right: 0;
}

.stepper.timeline-tab .stepper-item:first-child span::after {
    display: none;
}

.stepper.timeline-tab .stepper-item.active span {
    background-color: #4d76cd;
    color: #fff;
    outline: 1px solid #4d76cd;
    outline-offset: 1px;
}

.card-height {
    min-height: calc(100vh - 175px);
    background: #fff;
    border-radius: 30px;
}

.upload-btn {
    font-size: 16px;
    font-family: var(--font-medium-sf);
    line-height: 21px;
    color: #fff;
    padding: 12px 45px;
    border-radius: 16px;
    background: #4d76cd;
    cursor: pointer;
}

/* Settings Page Styling */

.setting_cont {
    background-color: #fff;
    border-radius: 10px;
    padding: 30px 29px;
}

.settings-group {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin-bottom: 0;
    margin-left: 5px;
}

.single-setting-list {
    position: relative;
    display: block;
    padding: 0;
    border: none;
}

.single-setting-list .settings-heading {
    font-family: var(--font-medium-sf);
    font-size: 19px;
    letter-spacing: -0.02em;
    padding-left: 0;
}

.single-setting-list .settings-text {
    font-family: var(--font-regular-sf);
    font-size: 16px;
    color: #666666;
    padding-left: 0;
}

.divider-sett {
    width: 100%;
    height: 1px;
    background-color: #dadada;
    margin: 25px 0 18px;
}

.setting_cont .checkbox-wrapper-22 {
    line-height: 0;
}

.syst-sett {
    font-family: var(--font-bold-sf);
    font-size: 17px;
}

.checkbox-wrapper-22 .switch {
    display: inline-block;
    height: 34px;
    position: relative;
    width: 67px;
}

.checkbox-wrapper-22 .switch input {
    display: none;
}

.checkbox-wrapper-22 .slider {
    background-color: #ccc;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: 0.4s;
}

.checkbox-wrapper-22 .slider:before {
    background-color: #fff;
    bottom: 3px;
    content: "";
    height: 28px;
    left: 4px;
    position: absolute;
    transition: 0.4s;
    width: 28px;
}

.checkbox-wrapper-22 input:checked+.slider {
    background-color: #4d76cd;
}

.checkbox-wrapper-22 input:checked+.slider:before {
    transform: translateX(31px);
}

.checkbox-wrapper-22 .slider.round {
    border-radius: 34px;
}

.checkbox-wrapper-22 .slider.round:before {
    border-radius: 50%;
}

/* Individual User Styling */

.individual-user-table .dataTables_filter {
    position: absolute;
    right: 192px;
}

.individual-user_sect div.dataTables_wrapper div.dataTables_filter input {
    height: 42px;
    line-height: 42px;
}

.user-export-btn {
    display: inline-block;
    color: white;
    background-color: #4d76cd;
    font-family: var(--font-medium-sf);
    font-size: 13px;
    height: 42px;
    width: 154px;
    max-width: none !important;
    line-height: 42px;
    text-align: center;
    border-radius: 16px;
}

.user-export-btn.export-btn {
    width: 125px;
}

.user-export-btn.agnda_wid {
    width: auto;
    padding: 0 25px;
    border-radius: 10px;
}

.user-export-btn:hover {
    color: white;
}

.individual-user-table .three-dots-icon {
    position: relative;
}

.individual-user-table .three-dots-icon img {
    height: 20px;
}

.individual-user-table .table>tbody tr td:last-child {
    width: 6%;
}

.label-item .large-font-size {
    font-family: var(--font-bold-sf);
    line-height: 26px;
    font-weight: 600;
    font-size: 22px;
}

.table-responsive::-webkit-scrollbar {
    width: 2px;
    height: 6px;
}

.table-responsive::-webkit-scrollbar-track {
    border-radius: 5px;
}

.table-responsive::-webkit-scrollbar-thumb {
    background: #5d7090;
    border-radius: 5px;
}

.table-responsive::-webkit-scrollbar-thumb:hover {
    background: #495871;
}

img.pdf-icon {
    border-radius: 0;
    width: 43px;
    height: 43px !important;
    object-fit: contain;
}

.table-responsive::-webkit-scrollbar {
    width: 2px;
    height: 6px;
}

.table-responsive::-webkit-scrollbar-track {
    border-radius: 5px;
}

.table-responsive::-webkit-scrollbar-thumb {
    background: #5d7090;
    border-radius: 5px;
}

.table-responsive::-webkit-scrollbar-thumb:hover {
    background: #495871;
}

img.pdf-icon {
    border-radius: 0;
    width: 43px;
    height: 43px !important;
    object-fit: contain;
}

.table-responsive .post-caption {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.table-responsive .post-caption .post-caption-txt p {
    white-space: nowrap;
    font-family: var(--font-regular-sf);
    font-size: 14px;
    color: var(--text-medium);
}

.view-link,
.view-link1,
.view-link:hover,
.view-link1:hover {
    color: #7696d8;
    text-decoration: underline;
}

.img-wrap {
    display: flex;
    position: relative;
    overflow: hidden;
}

.img-wrap div p {
    margin-left: 63px;
    white-space: nowrap;
    font-family: var(--font-regular-sf);
    font-size: 14px;
    color: var(--text-medium);
    box-shadow: none;
    vertical-align: middle;
}

.img-wrap img {
    position: absolute;
}

.img-wrap #attendee-1 {
    z-index: 3;
    left: 14%;
}

.img-wrap #attendee-2 {
    z-index: 2;
    left: 9%;
}

.img-wrap #attendee-3 {
    z-index: 1;
    left: 3%;
}

.report-popup textarea {
    border-radius: 14px;
    padding: 20px 26px;
}

.report-popup textarea::placeholder {
    color: #a3aed0;
    font-family: var(--font-regular-sf);
}

.report-popup-title {
    font-family: var(--font-bold-sf);
    font-size: 30px;
    text-align: center;
}

.swal2-popup {
    width: 40%;
    border-radius: 20px;
}

.swal2-actions {
    width: 100%;
}

.swal2-actions .swal2-cancel {
    border: 1px solid blue;
    border-radius: 16px;
    background: initial;
    background-color: white;
    color: blue;
    font-size: 1em;
    width: 35%;
}

.swal2-actions .swal2-confirm {
    border-radius: 16px;
    background-color: blue;
    color: white;
    font-size: 1em;
    width: 35%;
}

.swal2-title {
    font-family: var(--font-bold-sf);
    font-size: 30px;
    line-height: 35.8px;
    color: #000000;
}

.swal2-html-container {
    font-family: var(--font-regular-sf);
    font-size: 24px;
    line-height: 28px;
    color: #545353;
}

.icon-class {
    display: none !important;
}

.view-user-popup img {
    width: 22px;
    height: 22px;
}

.modal-dialog {
    max-width: 856px;
}

.modal-content {
    background-color: var(--white);
    border-radius: 30px;
    border: none;
}

.modal-header {
    border-bottom: none;
    padding: 43px 61px 20px;
}

.modal-header .btn-close {
    display: none;
}

.modal-title {
    font-family: var(--font-bold-sf);
    font-size: 30px;
    color: var(--black);
}

.modal-body {
    padding: 0 61px 32px;
}

.modal-body p {
    font-family: var(--font-regular-sf);
    font-size: 16px;
    line-height: 24px;
    color: #666;
    width: 90%;
    padding: 0 0 20px;
}

.report_cont .form-control {
    border: 1px solid #e0e5f2;
    border-radius: 16px;
    font-size: 14px;
    font-family: var(--font-regular-sf);
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #030229;
    padding: 12px 20px;
}

.report_cont .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: var(--text-light);
}

.report_cont .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: var(--text-light);
}

.report_cont .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: var(--text-light);
}

.report_cont .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: var(--text-light);
}

.modal-footer {
    border-top: none;
    padding: 0 61px 40px;
}

.new_btn {
    width: 522px;
    height: 50px;
    margin: 0 auto;
    border-radius: 16px;
    background-color: var(--theme-main);
    font-family: var(--font-medium-sf);
    font-size: 18px;
}

.individual-user-table .dataTables_filter.add_padd1 {
    right: 208px;
}

.indiv_dlts .label-item img {
    border: none;
    margin-bottom: 30px;
}

.connection_sect .table thead th:first-child,
.connection_sect .table td:first-child {
    padding-left: 50px;
}

.connection_sect .table td:last-child {
    width: 23%;
}

.meeting_schedule_sect .table thead th:first-child,
.meeting_schedule_sect .table td:first-child {
    padding-left: 50px;
    /* width: 55%; */
}

.chnge_stle.meeting_schedule_sect .table thead th:first-child {
    width: 50%;
}

.title-4 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.02em;
    font-family: var(--font-bold-sf);
    color: #000000;
}

.subtext-4 {
    font-size: 16px;
    font-family: var(--font-regular-sf);
    line-height: 18px;
    letter-spacing: -0.02em;
    color: #717171;
}

/* .image_preview_list, */
.image_preview_list::after {
    content: "";
    display: table;
    clear: both;
}

.video-preview.dis_chnage,
.presentations.dis_chnage {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.image_preview_list div,
.video-preview .video-item,
.presentations .presentations-item {
    width: 32%;
    object-fit: cover;
    border-radius: 8px;
}

.video-preview .video-item,
.presentations .presentations-item {
    height: 170px;
    position: relative;
}

.video-preview .video-item .video-play,
.video-preview .video-item .video-stop {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video-controls {
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    gap: 10px;
}

.video-play,
.video-stop {
    cursor: pointer;
}


/* .presentations .presentations-item img {
    width: 100%;
    height: 157px;
    object-fit: cover;
    border-radius: 8px;
} */

.image_preview_list,
.video-preview,
.presentations {
    margin: 0 -10px;
    display: block;
}

.image_preview_section {
    position: relative;
    width: 31% !important;
    margin: 0 10px 20px;
    display: inline-block;
    height: 170px !important;
}

.image_preview_list div img,
.video-preview .video-item video,
.presentations .presentations-item img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    border-radius: 8px;
    margin: 0;
}

.cross-button {
    position: absolute;
    right: -7px;
    top: -7px;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    border: 1px solid #000;
    background-color: rgba(255, 255, 255, 80%);
    text-align: center;
    line-height: 18px;
    font-size: 16px;
}

.video-preview .video-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #39393982;
    border-radius: 8px;
}

.presentations-title {
    width: 100%;
    font-size: 14px;
    font-weight: var(--font-medium-sf);
    line-height: 14px;
    letter-spacing: -0.02em;
    color: #fff;
    border-radius: 0px 0px 8px 8px;
    background: #393939db;
    padding: 10px;
    position: absolute;
    bottom: 0;
}

.new_btn.btn1 {
    margin: 40px auto 10px;
    display: block;
    line-height: 25px;
}

.edit_new_mod_sect .address_ok {
    width: 261px;
    height: 50px;
    text-align: center;
    display: inline-block;
}

.edit_new_mod_sect .address_ok.btn_cancle {
    background-color: transparent;
    border: 1px solid #4d76cd;
    color: var(--theme-main);
    margin-left: 10px;
}

#myModal3 .edit_new_mod_sect {
    padding-top: 32px;
    padding-bottom: 25px;
}

.attendee_sect .head_cont a {
    display: inline-block;
    vertical-align: middle;
}

.attendee_sect .head_cont h1 {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.attendee_sect .page-title span,
.stepper-inner-item1 .page-title span {
    font-family: var(--font-medium-sf);
    font-size: 18px;
    color: #666;
    font-weight: 500;
    letter-spacing: -0.02em;
}

.attendee_sect .page-title img,
.stepper-inner-item1 .page-title img {
    margin: 0 7px;
}

.attendee_sect .label-item .label-details,
.stepper-inner-item1 .label-item .label-details {
    margin-bottom: 12px;
}

.attendee_sect .label-item .label-info,
.stepper-inner-item1 .label-item .label-info {
    line-height: 18px;
}

.basic_padd_chnge .table thead th:first-child {
    padding: 8px 18px 8px 37px;
}

.basic_padd_chnge .table td:first-child {
    padding: 14px 18px 14px 37px;
}

.basic_padd_chnge .table-responsive .post-caption p {
    font-family: var(--font-medium-sf);
    letter-spacing: 0.01rem;
}

.stepper-inner-item1 {
    display: none;
}

.stepper-inner-item1.active {
    display: block;
}

.stepper-inner-item1 .basic-card {
    min-height: 610px;
}

.individual_tab_section .padd_chnge td,
.individual_tab_section .padd_chnge td.img-wrap div p,
.txt_col_chnge .padd_chnge td,
.company_detail_sect .padd_chnge td {
    color: rgba(3, 2, 41, 70%);
}

.individual_tab_section .padd_chnge td strong,
.company_detail_sect .padd_chnge td strong {
    font-family: var(--font-medium-sf);
    font-weight: inherit;
    color: rgba(3, 2, 41, 70%);
}

.individual_tab_section .table-responsive .post-caption .post-caption-txt p {
    color: rgba(3, 2, 41, 70%);
    font-family: var(--font-medium-sf);
}

.head_cont a {
    display: inline-block;
    vertical-align: middle;
    max-width: max-content;
}

.head_cont h1 {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.tooltip_img {
    display: inline-block;
    vertical-align: middle;
}

.box5::before {
    content: "";
    display: block;
    background: url("../images/icons/polygon.svg") no-repeat left top;
    width: 16px;
    height: 13px;
    position: absolute;
    top: -8px;
    right: 29px;
}

.box5 {
    display: none;
    flex: 1;
    margin: 10px;
    padding: 7px;
    background: var(--white);
    position: absolute;
    right: 31px;
    top: 23px;
    width: 193px;
    height: auto;
    border-radius: 5px;
    box-shadow: 0px 4px 4px 0px rgba(188, 188, 188, 0.25);
}

.box5 p {
    text-wrap: wrap;
    font-family: var(--font-regular-sf);
    font-size: 10px;
    line-height: 12px;
    color: #626262;
}

.tooltip_img img {
    width: 12px;
    height: 12px;
    display: block;
}

.like-comment {
    max-width: 225px;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 15px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.like-comment li {
    width: 100%;
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #a3aed0;
    display: flex;
    align-items: center;
}

.like-comment li span {
    width: 8px;
    height: 8px;
    border-radius: 100px;
    margin-right: 5px;
}

.like-comment li span.like {
    background: #4d76cd;
}

.like-comment li span.share {
    background: #3cbd51;
}

.like-comment li span.comments {
    background: #ff3546;
}

.modal-custom .modal-content {
    /* max-width: 580px; */
    max-width: 670px;
    margin: 0 auto;
}

.modal-custom .edit_new_mod_sect h3 {
    font-size: 28px;
    line-height: 30px;
}

.modal-custom .modal-body .edit_new_mod_sect p {
    font-size: 18px;
}

.modal-custom .edit_new_mod_sect .btn {
    height: 45px !important;
    font-size: 16px !important;
    line-height: auto;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.modal-custom .edit_new_mod_sect img {
    max-width: 90px;
}

.not-found {
    font-size: 2rem;
    font-family: var(--font-bold-sf);
    text-align: center;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    /* padding: 12px 20px;
    background-color: #ffffff !important;
    color: #030229;
    font-size: 12px;
    line-height: 14px;
    font-family: var(--font-regular-sf);
    border-radius: 10px; */
}

.custom-search-list {
    max-width: 250px;
    width: 100%;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #dee2e6 !important;
    height: 42px;
    background-color: #ffffff !important;
    color: #030229;
    font-size: 12px;
    line-height: 14px;
    font-family: var(--font-regular-sf);
    border-radius: 10px;
}

.timezone-class .select2-container--default .select2-selection--single{
    border: 1px solid #e0e5f2 !important;
    border-radius: 16px;
    font-size: 14px;
    font-family: var(--font-regular-sf);
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #030229;
    padding-left: 20px;
    padding-right: 20px;
}
.timezone-class .select2-container .select2-selection--single .select2-selection__rendered{
    height: 45.6px;
    padding-left: 0 !important;
        font-family: var(--font-regular-sf);
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #030229;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    display: flex;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 42px;
    align-items: center;
}

.custom-search-list {
    position: relative;
}

.custom-search-list .search-icon-right {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}

.custom-search-list .select2-selection__arrow {
    display: none;
}

.search-main {
    position: relative;
}

.search-list {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 101%;
    left: 0;
    width: 100%;
    background: #fff;
    border-radius: 10px !important;
    border: 1px solid #ced4da;
    max-height: 200px;
    overflow-y: auto;
    z-index: 9;
}

.search-list li {
    margin-bottom: 5px;
    border-bottom: 1px solid #ced4da;
}

.search-list li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

.search-list li a {
    font-size: 15px;
    color: #000;
    font-family: var(--font-regular-sf);
    line-height: 17px;
    padding: 9px 15px;
    cursor: pointer;
    display: block;

}

.filter-custom .nice-select {
    padding: 10px 18px 10px 17px;
    background-color: #f4f5f6;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    width: 136px;
    text-align: left;
    position: relative;
    border-radius: 18px;
    height: 44px;
    line-height: normal;
    display: flex;
    align-items: center;
}

.filter-custom .nice-select .current {
    font-size: 15px;
    font-family: var(--font-medium-sf);
    color: var(--black);
}

.filter-custom .nice-select .list {
    border-radius: 18px;
    background: #f4f5f6;
    top: 115%;
    box-shadow: none;
    width: 100%;
}

.filter-custom .nice-select:after {
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    height: 9px;
    width: 9px;
    right: 15px;
}

.filter-custom .nice-select .option {
    min-height: auto;
    outline: none;
    display: block;
    padding: 8px 15px;
    border-top: none;
    font-family: var(--font-medium-sf);
    font-size: 15px;
    line-height: 1.4;
    cursor: pointer;
    color: var(--black);
    transition: all ease-in-out 0.3s;
}

.alert {
    width: 100%;
    margin: 0;
}

.text-ellipsis {
    width: 160px !important;
    overflow: hidden;
    position: relative;
    display: block !important;
    font-family: var(--font-regular-sf) !important;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-ellipsis.wid_incrse {
    width: 220px !important;
    text-align: left;
}

.filter-custom .nice-select {
    padding: 10px 18px 10px 17px;
    background-color: #f4f5f6;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    width: 136px;
    text-align: left;
    position: relative;
    border-radius: 18px;
    height: 44px;
    line-height: normal;
    display: flex;
    align-items: center;
}

.filter-custom .nice-select .current {
    font-size: 15px;
    font-family: var(--font-medium-sf);
    color: var(--black);
    text-transform: capitalize;
}

.filter-custom .nice-select .list {
    border-radius: 18px;
    background: #f4f5f6;
    top: 115%;
    box-shadow: none;
    width: 100%;
}

.filter-custom .nice-select:after {
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    height: 9px;
    width: 9px;
    right: 15px;
}

.filter-custom .nice-select .option {
    min-height: auto;
    outline: none;
    display: block;
    padding: 8px 15px;
    border-top: none;
    font-family: var(--font-medium-sf);
    font-size: 15px;
    line-height: 1.4;
    cursor: pointer;
    color: var(--black);
    transition: all ease-in-out 0.3s;
}

.paragraph-cursor-change:hover {
    cursor: pointer
}

.btn_sect {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.edit_new_mod_sect .btn_sect .btn {
    width: 100%;
    max-width: 48%;
}

.edit_new_mod_sect .btn_sect .no_btn {
    background-color: transparent;
    border: 1px solid var(--theme-main);
    color: var(--theme-main);
}

/*********************** Complaints Page ***********************/

.complaints_sect {
    width: 100%;
}

.complaints_blog {
    width: 100%;
    margin-bottom: 20px;
}

.complaints_blog .blog_cont {
    display: block;
    padding: 30px 25px;
}

.complaints_blog .blog_cont:hover {
    cursor: pointer;
}

.complaints_blog .blog_cont h3 {
    font-size: 18px;
    line-height: 21px;
    color: var(--black);
    display: block;
    margin-bottom: 20px;
}

.complaints_blog .blog_cont strong {
    font-size: 32px;
    line-height: 44px;
    color: var(--black);
    font-family: var(--font-extrabold-nunito);
    display: block;
}

.complaints_sect .panel {
    width: 100%;
    padding: 28px 0 0;
    margin: 0;
    background-color: var(--white);
    border-radius: 30px;
}

.complaints_head {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 30px;
    margin-bottom: 15px;
}

.complaints_head h3 {
    font-family: var(--font-bold-sf);
    font-size: 18px;
    color: var(--black);
}

.complaints_sect .table thead tr {
    background-color: rgba(77, 118, 205, 5%);
}

.table td span.tag_sect {
    padding: 2px 13px;
    font-size: 11px;
    line-height: 21px;
    font-family: var(--font-medium-sf);
    color: #4D76CD;
    background-color: rgba(77, 118, 205, 0.11);
    border-radius: 13px;
    height: 24px;
    display: inline-block;
    margin-right: 5px;
    width: 110px !important;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;


}

/* .complaints_sect.tabbedPanels .table td:last-child {
    width: 32%;
} */

.complaints_sect.tabbedPanels .table td .text-ellipsis {
    width: 280px !important;
}

.complaints_sect.tabbedPanels .table>tbody td {
    border-bottom: 1px solid #eee;
    border-radius: 0;
    cursor: pointer;
}

.complaints_sect.companies_sect.tabbedPanels .table>tbody td:last-child          {
    width: 10%;
}



.new_complaint_sect .text-ellipsis {
    width: 270px !important;
}

.new_complaint_sect.tabbedPanels .table td,
.suspended_user.tabbedPanels .table td {
    padding: 21px 30px;
    cursor: pointer;
}

.new_complaint_sect.tabbedPanels .table thead th,
.suspended_user.tabbedPanels .table thead th {
    padding: 0 30px;
}

.suspended_user.tabbedPanels .table td:last-child {
    width: 20%;
}

.suspended_user.tabbedPanels .table>tbody tr:last-child td,
.new_complaint_sect.tabbedPanels .table>tbody tr:last-child td {
    padding-bottom: 21px;
}

.new_complaint_sect.tabbedPanels .table>tbody tr:last-child td:hover {
    cursor: pointer;
}

.complaints_sect.tabbedPanels .table {
    border-spacing: 0;
}

.table td span.tag_sect:last-child {
    margin-right: 0;
}

.complaints_sect.tabbedPanels .table thead th {
    padding: 11px 20px;
}

.complaints_sect.tabbedPanels .table thead th:first-child {
    padding: 11px 20px 11px 32px;
}

.complaints_sect.tabbedPanels .table td {
    padding: 20px;
}

.complaints_sect.tabbedPanels .table td:first-child {
    padding: 20px 20px 20px 32px;
}

.complaints_sect .table>tbody tr:last-child td {
    border: none;
}

.complaints_sect.tabbedPanels .table>tbody tr {
    background-color: transparent;
}

.complaints_sect.admin_staffuser .table>tbody tr td:last-child  {
    width: 12%;
}

/*********************** Complaints Basic Details Page ***********************/

.com_detls_btns {
    text-align: right;
}

.com_detls_btns a {
    display: inline-block;
    vertical-align: middle;
    max-width: max-content;
    padding: 13px 26px;
}

.com_detls_btns a.btn-secondary {
    border-color: transparent;
}

.head_cont.cont_detls_cont h1 {
    margin-left: 0;
}

.com_detls_txt {
    width: 99%;
    margin-top: 10px;
}

.col-5 .com_detls_txt {
    width: 99%;
    float: right;
    margin-top: 10px;
}

.com_detls_sect .basic-card {
    padding: 15px 25px 25px;
}

/* .com_detls_txt img      {
    border: 1px dashed #4d76cd;
    border-radius: 8px;
    width: 100%;
    height: 100%;
} */
.gallery-wrap {
    width: 100%;
    height: auto;
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
    border: 1px dashed #4d76cd;
    border-radius: 8px;
    overflow: hidden;
}

.gallery-wrap .slide {
    width: 100%;
    height: 310px;
    position: relative;
}

.gallery-wrap .slide img {
    display: inline-block;
    width: 100%;
    height: 310px;
}

.gallery-wrap .slide video {
    display: inline-block;
    width: 100%;
    height: 310px;
}

.gallery-wrap .slide h3,
.gallery-wrap .slide p {
    text-align: left;
}

.gallery-wrap .slide p.presentations-title {
    color: #FFF;
}

.gallery-wrap .slick-arrow {
    position: absolute;
    top: 137px;
    transform: translateY(-50%);
    z-index: 10;
  }

 .gallery-wrap .slick-prev {
    left: 0;
  }

  .gallery-wrap .slick-next {
    right: 0;
  }

  .gallery-wrap .slick-prev, .gallery-wrap .slick-next {
   width: auto;
   height: auto;
}

.gallery-wrap .slick-prev {
    left: 0;
}

.gallery-wrap .slick-next {
    right: 0;
}

.gallery-wrap .slick-prev,
.gallery-wrap .slick-next {
    width: auto;
    height: auto;
}

.slick-dots li {
    margin: 0;
}

.slick-prev:before,
.slick-next:before {
    display: none;

}

.slide span.no_img {
    width: 100%;
    display: block;
    height: 100%;
    font-size: 18px;
    line-height: 310px;
}

.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.gallery-wrap .slick-arrow.slick-next {
    right: 0;
    background: url(../images/next_arrow.png) 0 0 / 100% no-repeat;
    width: 30px;
    height: 30px;
}

.gallery-wrap .slick-arrow.slick-prev {
    left: 0;
    background: url(../images/prev_arrow.png) 0 0 / 100% no-repeat;
    width: 30px;
    height: 30px;
}


.slide-count-wrap {
    width: 55px;
    height: 25px;
    border-radius: 50px;
    background-color: rgba(255, 255, 255, 80%);
    text-align: center;
    font-family: var(--font-medium-sf);
    font-size: 14px;
    line-height: 25px;
    letter-spacing: -1.5px;
    color: var(--text-medium);
    position: absolute;
    right: 15px;
    top: 15px;
}

.gallery-wrap .slick-dots {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.gallery-wrap .slick-dots button {
    margin: 0 3px;
    border: none;
    padding: 0;
    color: transparent;
    width: 10px;
    height: 10px;
    border-radius: 100px;
    background-color: #FFF;
}

.gallery-wrap .slick-active button {
    background-color: #4D76CD;
}

.com_detls_txt p {
    font-family: var(--font-regular-sf);
    font-size: 16px;
    line-height: 20px;
    color: var(--black);
}

.complaints_tags {
    width: 100%;
}

.complaints_tags h4 {
    font-family: var(--font-bold-sf);
    font-size: 18px;
    line-height: 21px;
    color: var(--black);
    margin-bottom: 15px;
}

.complaints_tags ul {
    padding: 0;
    margin-bottom: 50px;
}

.complaints_tags ul li {
    color: #4d76cd;
    background: rgba(77, 118, 205, 0.11);
    padding: 6px 15px;
    border-radius: 16px;
    font-size: 11px;
    line-height: 12px;
    font-family: var(--font-medium-sf);
    margin: 0 4px 10px 0;
    display: inline-block;
}

.com_detls_top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.com_detls_top img {
    width: 64px;
    height: auto;
    display: block;
    border: none;
}

.detail_txt {
    width: 82%;
}

.detail_txt h4 {
    font-family: var(--font-bold-sf);
    font-size: 18px;
    line-height: 21px;
    color: var(--black);
    margin-bottom: 6px;
}

.detail_txt p {
    font-family: var(--font-medium-sf);
    font-size: 14px;
    line-height: 15px;
    color: rgba(0, 0, 0, 0.6);
    letter-spacing: -0.2px;
}

.com_styl {
    color: #EBEBF3;
    opacity: 1;
    margin: 22px 0;
}

.com_detils {
    display: flex;
    justify-content: space-between;
}

.com_detils div {
    width: 46%;
}

.com_detls_txt .com_label {
    font-family: var(--font-regular-sf);
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: rgba(0, 0, 0, 0.6);
    display: block;
    margin-bottom: 15px;
}

.com_detils strong,
.com_post strong {
    font-family: var(--font-medium-sf);
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: #030229;
    display: block;
    font-weight: inherit;
}

.bio_cont {
    width: 100%;
}

.com_post {
    width: 100%;
    border-radius: 10px;
    background-color: #EBF0FA;
    padding: 25px;
}

.com_post span {
    display: block;
}

.aftr_bord {
    position: relative;
}

.aftr_bord::after {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #EBEBF3;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
}

/*********************** Suspended Users Basic Details Page ***********************/

.suspended_users_details .event-view-img {
    border: none;
    width: 187px;
    max-width: inherit;
    height: auto;
    border-radius: 8.43px;
    object-fit: contain;
}

.label-item strong {
    font-family: var(--font-bold-sf);
    font-size: 22px;
    line-height: 26px;
    color: #030229;
}

.label-item .label-info.style_chnge {
    font-family: var(--font-regular-sf);
    font-size: 16px;
    line-height: 20px;
    color: var(--black);
}

.suspended_users_details .basic-card {
    padding: 25px 35px 150px;
}

.play-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 9;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-input-2 .btn-search img {
    margin-right: 0;
    width: 16px;
}

.badge {
    height: 30px !important;
    border-radius: 22.5px !important;
    line-height: 30px !important;
    padding: 0 5px !important;
    font-weight: 700;
    color: #fff;
    text-align: center !important;
    white-space: nowrap;
    vertical-align: baseline;
}

.badge.bg-success {
    color: #0D9612 !important;
    background-color: #59DC2B1C !important;
}

.badge.bg-danger {
    color: #FF3546 !important;
    background-color: #FFF3F4 !important;
}

.badge.bg-warning {
    color: #EEAC19 !important;
    background-color: #FFF7E5 !important;
}

.btn.btn-action {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 30px !important;
    width: 30px !important;
    padding: 5px !important;
    line-height: normal !important;
    border-radius: 5px !important;
    float: none;
    color: #fff;
}

.btn.btn-action svg {
    width: 18px;
}

.btn.btn-action:focus {
    outline: none;
    box-shadow: none;
}

.btn.btn-action.primary {
    background-color: #4d76cd !important;
}

.btn.btn-action.danger {
    background-color: #dc3545 !important;
}

.page-info {
    color: #848397;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}

.iti--allow-dropdown {
    width: 100%;
}

.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
    background-color: transparent !important;
}

.iti__search-input {
    padding: 5px 10px;
}

.host_sect .user-image {
    width: 35px !important;
    height: 35px !important;
    border-radius: 100px !important;
}

.add-role {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #e0e5f2;
    border-radius: 16px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #030229;
    padding: 7px 20px;
}

.add-role p {
    font-size: 14px;
    font-family: var(--font-regular-sf);
}

.card-input-image {
    width: 150px;
    height: 150px;
    position: relative;
}

.card-input-image .label-upload-image {
    width: 150px;
    height: 150px;
    border-radius: 100px;
    color: #4d76cd;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    border: 2px solid #4d76cd;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

/* .card-input-image .label-upload-image {
    background: #ef4e4e;
    border-radius: 14.5455px;
    color: #ffffff;
    font-weight: 700;
    font-size: 10px;
    line-height: 10px;
    border: none;
    padding: 7.27273px;
    position: absolute;
    top: 4%;
    left: 74%;
    transform: translateX(-50%);
    display: none;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    z-index: 9;
} */

.label-upload-image svg {
    width: 25px;
    fill: #4d76cd;
}

.label-upload-image i {
    font-size: 20px;
}

.card-input-image input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.card-input-image .image-preview {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    display: none;
    border-radius: 100px;
}

/* .card-input-image .image-preview {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    display: none;
    border-radius: 10px;
} */

.card-input-image .btn-delete {
    background: #ef4e4e;
    border-radius: 14.5455px;
    color: #ffffff;
    font-weight: 700;
    font-size: 10px;
    line-height: 10px;
    border: none;
    padding: 7.27273px;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    z-index: 9;
}

/* .card-input-image.active .label-upload-image {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45));
    color: #ffffff;
    border: none;
  } */
.card-input-image.active .image-preview {
    display: initial;
}

.card-input-image.active .btn-delete {
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-image-view {
    max-width: 165px;
    text-align: left;
    object-fit: cover;
}

.custom-select {
    content: "";
    background-image: url(../images/icons/drop_arrow.svg);
    background-size: 18px;
    object-fit: cover;
    background-repeat: no-repeat;
    background-position: right 7px center;
}

.tooltip2 {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.tooltip2 .tooltiptext {
    visibility: hidden;
    width: max-content;
    text-align: center;
    position: absolute;
    z-index: 9999;  
    bottom: 120%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
    height: 23px !important;
    line-height: 23px !important;
    border-radius: 5px !important;
    background: #4d76cd;
    color: #fff;
    font-size: 12px;
    padding: 0 10px !important;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    z-index: 9999;
    white-space: nowrap;
    transition: opacity 0.2s ease;
}

.danger.tooltip2 .tooltiptext          {
    background: #dc3545;
}

.danger.tooltip2 .tooltiptext::after           {
    border-color: #dc3545 transparent transparent transparent;
}

.tooltip2 .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #4d76cd transparent transparent transparent;
}

.tooltip2:hover .tooltiptext {
    visibility: visible;
    opacity: 1 !important;
    color: #fff;
}

.w-max-120 {
    max-width: 120px;
    width: 100%;
}

.btn-primary.btn-outline {
    background-color: transparent;
    border: 1px solid var(--theme-main);
    color: var(--theme-main);
}

.upload-container {
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

.multiple-upload input[type="file"] {
    padding: 10px;
    border: 2px dashed #ccc;
    border-radius: 4px;
    width: 100%;
    cursor: pointer;
    display: none;
}

.multiple-upload .label-upload-image {
    font-size: 16px;
    color: #4d76cd;
    display: block;
    text-align: center;
}

.multiple-upload .label-upload-image i {
    display: block;
    color: #4d76cd;
}

.multiple-image-preview p {
    font-size: 14px;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 110px;
}

.multiple_file_upload_sect .multiple-image-preview p       {
    width: 150px;
    text-align: left;
}

.preview-container {
    display: flex;
    align-items: center;
    margin-top: 20px;
    gap: 20px;
    flex-wrap: wrap;
}

.image-preview {
    position: relative;
    border-radius: 4px;
    /* overflow: hidden; */
    /* aspect-ratio: 1; */
    display: flex;

}

.image-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.multiple-image-preview .image-preview {
    width: 65px;
    height: 65px;
    border-radius: 5px;
    padding: 3px;
    border: 1px solid #48484147;
}

.multiple-image-preview .image-preview img {
    max-width: 100%;
    object-fit: cover;
    border-radius: 5px;
}


.multiple-image-preview {
    width: 31.3%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border: 1px solid #4d76cd;
    border-radius: 5px;
    padding: 10px;

}

.ck.ck-powered-by {
    display: none !important;
}

.hotels-images {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    display: grid;
    gap: 20px;
}

.hotels-images div {
    aspect-ratio: 91 / 75;
    overflow: hidden;
    position: relative;
}

.hotels-images div img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.hotel-view-img {
    height: 384px;
    border-radius: 5px;
}

.event-tab-slider {
    background-color: #fff;
    border-bottom: 1px solid #66666654;
}

.event-tab-slider .event-item {
    font-family: var(--font-regular-sf);
    color: var(--black);
    font-size: 13px;
    line-height: 18px;
    position: relative;
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
    margin: 0 5px;
}

.event-tab-slider .event-item.slick-current.slick-active::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #4d76cd;
    z-index: 9;
}

.event-tab-slider .event-item.slick-current.slick-active {
    color: #4d76cd;
}

.custom-select-2 .select2-container {
    width: 100% !important;
    /* z-index: 9999 !important; */
}

.select2-container {
    z-index: 9991 !important;
}

.select2-selection__arrow {
    content: "" !important;
    background-image: url(../images/icons/drop_arrow.svg) !important;
    background-size: 15px !important;
    object-fit: cover !important;
    background-repeat: no-repeat;
    background-position: right 10px center !important;
    top: 8px !important;
    width: 34px !important;
}

.select2-selection__arrow b {
    display: none !important;
}

.stepper .stepper-item {
    display: block;
}

.event-slider-container {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between;
}

.event-slider,
.event-slider-2 {
    width: 100%;
    justify-content: space-between;
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    gap: 20px;
    padding: 0;
    border-bottom: 1px solid #ccc;
}

.event-slider .event-item,
.event-slider-2 .event-item {
    min-width: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--font-regular-sf);
    color: var(--black);
    font-size: 13px;
    line-height: 18px;
    position: relative;
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
    margin: 0 5px;
}

.event-slider .event-item.active,
.event-slider-2 .event-item.active{
    position: relative;
    color: #4d76cd;
}

.event-slider .event-item.active::before,
.event-slider-2 .event-item.active::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #4d76cd;
    z-index: 9;
}

.event-slider-container button {
    background-color: transparent !important;
    color: #000 !important;
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 16px;
    margin: 0;
}

.event-slider-container button:disabled {
    background-color: transparent !important;
    cursor: not-allowed;
    color: transparent !important;
}

.event-slider-prev,
.event-slider-prev,
.event-slider-next-conf,
.event-slider-prev-conf {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 16px;
}

.event-slider-prev:disabled,
.event-slider-prev:disabled,
.event-slider-prev-conf:disabled,
.event-slider-next-conf:disabled {
    background-color: #d3d3d3;
    cursor: not-allowed;
}


.event-slider::-webkit-scrollbar,
.event-slider-2::-webkit-scrollbar {
    width: 0 !important;
    height: 0;
}

/* Track */
.event-slider::-webkit-scrollbar-track,
.event-slider-2::-webkit-scrollbar-track {
    border-radius: 0;
}

/* Handle */
.event-slider::-webkit-scrollbar-thumb,
.event-slider-2::-webkit-scrollbar-thumb {
    background: red !important;
    border-radius: 10px !important;
}

/* Handle on hover */
.event-slider::-webkit-scrollbar-thumb:hover,
.event-slider-2::-webkit-scrollbar-thumb:hover {
    background: #b30000;
}
.name-company {
    width: 35px !important;
    height: 35px !important;
    background-color: #4d76cd;
    border-radius: 100px !important;
    color: #fff;
    font-size: 14px !important;
    display: flex ! IMPORTANT;
    align-items: center;
    justify-content: center;
}

.border-radius-0 {
    border-radius: 0 !important;
}

/* The switch - the box around the slider */
.switchcheck {
    position: relative;
    display: inline-block;
    width: 38px;
    height: 23px;
    cursor: pointer;
}

/* Hide default HTML checkbox */
.switchcheck input {
    display: none;
}

/* The slider */
.switchcheck .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.switchcheck .slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.switchcheck input:checked+.slider {
    background-color: #008000;
}

.switchcheck input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

.switchcheck input:checked+.slider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}

/* Rounded sliders */
.switchcheck .slider.round {
    border-radius: 34px;
}

.switchcheck .slider.round:before {
    border-radius: 50%;
}

.switchcheck .switch-text {
    margin-left: 45px;
    width: max-content;
    font-size: 14px;
    color: var(--black);
    line-height: 22px;
}

.switchcheck .switch-text {
    margin-left: 45px;
    width: max-content;
    font-size: 14px;
    color: var(--black);
    line-height: 22px;
}

.table-check.form-group input:checked+label:after {
    top: 1px !important;
}

.user-wrapper-modal {
    height: 250px;
    overflow: auto;
    padding-right: 10px;
}

.user-modal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0;

}

.user-modal .name-cr {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    background-color: #4d76cd;
    border-radius: 100px !important;
    color: #fff;
    font-size: 14px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-modal .name-cr.no-bg-color {
    background-color: transparent !important;
}

.user-modal .name-cr img{
    width: 40px;
    height: 40px;
    border-radius: 100px;
}

.user-modal h5 {
    font-family: var(--font-bold-sf);
    font-size: 14px;
    line-height: 19px;
    color: var(--black);
}

.user-modal p {
    font-family: var(--font-regular-sf);
    color: var(--black);
    padding: 0;
    font-size: 12px;
    line-height: 16px;
}

.user-modal .add-btn,
.user-modal .remove-btn {
    display: inline-block;
    color: white;
    background-color: #4d76cd;
    font-family: var(--font-medium-sf);
    font-size: 13px;
    max-width: none !important;
    text-align: center;
    border-radius: 100px;
    padding: 10px 20px;
}

.user-modal .remove-btn {
    background-color: #dc3545;
}

.event-gallery {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    display: grid;
    gap: 20px;
}

.event-gallery div {
    aspect-ratio: 91 / 75;
    overflow: hidden;
    position: relative;
}

.event-gallery div img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.modal-uploader .multiple-image-preview {
    width: 47%;
}

.accordion-faq .accordion-item {
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    margin-bottom: 5px;
}

.accordion-faq .accordion-header {
    padding: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;

}

.accordion-faq .accordion-header span,
.accordion-faq .accordion-content span {
    display: flex;
    margin-right: 5px;
    color: #4d76cd;
}

.accordion-faq .accordion-header h4 {
    font-family: var(--font-medium-sf);
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.02em;
    display: flex;
    align-items: center;
}

.accordion-faq .accordion-header.active .arrow-down svg {
    transform: rotate(0);
}

.accordion-faq .accordion-header.active .arrow-down svg {
    transform: rotate(180deg);
}

.accordion-faq .accordion-header .icon {
    margin-right: 10px;
    font-weight: bold;
}

.accordion-faq .accordion-content {
    padding: 10px;
    display: none;
    border-top: 1px dashed #e3e3e3;
}

.accordion-faq .accordion-content p {
    display: flex;
    align-items: center;
    font-family: var(--font-regular-sf);
    font-size: 14px;
    line-height: 19px;
    color: #666666;
}

.empty-data {
    padding: 20px 0;
    text-align: center;
}

.empty-data img {
    width: 100px !important;
    height: 100px !important;
    margin: 0 auto 10px !important;

}

.empty-data p {
    font-size: 18px;
    font-weight: bold;
}

.accordion-faq .accordion-item {
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    margin-bottom: 5px;
}

.accordion-faq .accordion-header {
    padding: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;

}

.accordion-faq .accordion-header span,
.accordion-faq .accordion-content span {
    display: flex;
    margin-right: 5px;
    color: #4d76cd;
}

.accordion-faq .accordion-header h4 {
    font-family: var(--font-medium-sf);
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.02em;
    display: flex;
    align-items: center;
}

.accordion-faq .accordion-header.active .arrow-down svg {
    transform: rotate(0);
}

.accordion-faq .accordion-header.active .arrow-down svg {
    transform: rotate(180deg);
}

.accordion-faq .accordion-header .icon {
    margin-right: 10px;
    font-weight: bold;
}

.accordion-faq .accordion-content {
    padding: 10px;
    display: none;
    border-top: 1px dashed #e3e3e3;
}

.accordion-faq .accordion-content p {
    display: flex;
    align-items: center;
    font-family: var(--font-regular-sf);
    font-size: 14px;
    line-height: 19px;
    color: #666666;
}

/*********************** Delegates Page ***********************/

.complaints_sect .gap_sect {
    gap: 10px;
}

.import_export_sect .modal-body {
    padding: 20px;
}

.import_export_btn {
    gap: 1rem;
}

.edit_new_mod_sect .btn_sectimport_export_btn .btn {
    width: 100%;
    max-width: 100%;
}

.import_export_sect .modal-dialog {
    max-width: 600px;
}

.import-cont .btn {
    width: 100%;
}

.import-cont .btn.disabled {
    background-color: #f1f1f1;
    color: #969696;
    border: 1px solid #c0bfbf;
    opacity: 1;
}

.import-cont input[type="file"] {
    z-index: -1;
    position: absolute;
    opacity: 0;
}

.import-cont input:focus+label {
    outline: 2px solid;
}

.upload-filename-sect {
    font-size: 15px;
    line-height: 25px;
    font-family: var(--font-regular-sf);
    color: rgba(3, 2, 41, 70%);
    padding: 5px 5px 0;
}

.email_sect {
    width: 100%;
}

.email_sect i {
    position: absolute;
    left: 22px;
    top: 16px;
    color: #a3aed0;
}

.label-item-top .email_sect .form-control {
    padding: 12px 20px 12px 45px;
}

#dom-view {
    font: 400 1.2em monospace;
    background: #fff;
    padding: 1em;
    margin: 1em;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}

#dom-view span {
    color: #ccc;
}

button.ql-mark {
    fill: yellow;
}

.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
    margin: 0;
}

.ql-toolbar.ql-snow+.ql-container.ql-snow {
    height: 110px;
}

.ql-container.ql-snow p {
    color: #484848;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0;
    text-align: left;
}

.ql-toolbar.ql-snow {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.ql-container.ql-snow {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;

}

.create_delegate_btn .btn-primary {
    padding: 13px 28px;
}

.delegates_details_sect ul {
    display: flex;
    justify-content: start;
    gap: 25px;
    border-bottom: 1px solid #ccc;
    width: 100%;
    padding: 10px 0;
}

.delegates_details_sect ul li a {
    font-size: 16px;
    padding: 12px;

}
.delegates_details_sect ul.pagination      {
    gap: 3px;
    border-bottom: none;
}
.delegates_details_sect ul.pagination li a     {
    padding: 6px 12px 5px;
    line-height: 23px;
}

.delegates_details_sect ul li a.active {
    border-bottom: 2px solid #0a58ca;
    color: #0a58ca;
}


.delegates_details_sect ul li a:hover {
    color: #0a58ca;
}

.detail-label-item {
    width: 100%;
}

.delegates_details_cont span.img_insert       {
    border: 5px solid #FFF;
    border-radius: 50%;
    display: block;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    width: 150px;
    height: 150px;
    overflow: hidden;
}

.delegates_details_cont span.img_insert img    {
    width: 100%;
    height: 100%;
}

.user-export-btn.email-btn-new {
    width: 110px;
}

.user_name h2 {
    font-size: 22px;
    line-height: 32px;
}

.user_name a {
    font-size: 15px;
    line-height: 25px;
    color: #00000099;
}

.delegates_details_cont .label-item-top .form-control {
    width: 310px;
}

.modal-custom .modal-content.disable_modal {
    max-width: 550px;
}

.modal-custom .disable_modal .edit_new_mod_sect h3, 
.modal-custom .disable_modal .edit_new_mod_sect h3 span {
    font-size: 24px;
    line-height: 34px;
    letter-spacing: -0.02em;
        font-family: var(--font-bold-sf);
}

.delegates-events-sect h2 {
    font-size: 24px;
    line-height: 34px;
}

.complaints_sect.tabbedPanels .delegates-events-sect .table {
    border: 1px solid #eee;
    border-radius: 12px;
}

.del-event-img img {
    width: 43px;
    height: 27px;
    display: block;
    margin-right: 13px;
    border-radius: 3px;
}

.complaints_sect.tabbedPanels .delegates-events-sect .table thead th:first-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}


.complaints_sect.tabbedPanels .delegates-events-sect .table thead th:last-child {
    border-top-right-radius: 12px;
}

.complaints_sect.tabbedPanels .delegates-events-sect .table tbody {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.complaints_sect .panel.delegates-events-sect {
    padding: 0;
}

.profile_surveys_sect {
    width: 100%;
}

.profile_surveys_cont .form-group {
    display: block;
    margin-bottom: 0;
}

.profile_surveys_cont .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
}

.profile_surveys_cont .form-group label {
    position: relative;
    z-index: 9;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
}

.profile_surveys_cont .form-group span {
    position: relative;
    z-index: 9;
}

.profile_surveys_cont .form-group span:before {
    content: "";
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 2px solid #c2c0c0;
    box-shadow: none;
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-top: 0;
    border-radius: 5px;
    margin-right: 12px;
    height: 20px;
    background-color: var(--theme-main);
    border: solid var(--theme-main);
}

.profile_surveys_cont .form-group span:after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 8px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.disabled-label {
    cursor: not-allowed;
}

.complaints_head.text-right {
    text-align: right;
    display: block;
}

.user-export-btn.wid_chnge {
    width: 195px;
}

.user-export-btn.wid_chnge i {
    font-size: 16px;
}

.table_heading_txt h3 {
    font-family: var(--font-bold-sf);
    font-size: 20px;
    line-height: 30px;
    color: var(--black);
    padding: 5px 0;
}

.meeting_schedule_sect .table td {
    vertical-align: top;
}

.meeting_schedule_sect.panel p {
    line-height: 20px;
    text-transform: capitalize;
}

.tabbedPanels .meeting_schedule_sect .table td span {
    height: auto;
    border-radius: 22.5px;
    line-height: 14px;
    padding: 5px 18px;
    width: fit-content;
}

.tabbedPanels .meeting_schedule_sect .table td span.reschedule {
    color: var(--theme-main);
    background-color: rgba(77, 118, 205, 0.11);
}

.complaints_sect.tabbedPanels .meeting_schedule_sect .table thead th:last-child {
    width: 15%;
}

.meeting_managemengt_sect {
    width: 72%;
}

.meeting_managemengt_cont p {
    font-size: 15px;
    line-height: 20px;
    color: #7d7d7d;
}

.meeting_managemengt_cont label {
    font-size: 15px;
    line-height: 20px;
}

.meeting_managemengt_cont span {
    width: 100%;
    display: block;
    background-color: rgba(77, 118, 205, 0.11);
    border-radius: 10px;
    font-size: 15px;
    line-height: 20px;
    color: #212529;
    border: 1px solid #b7cbe7;
}

.airport_transfer_cont .label-item-top {
    width: 400px;
    margin: 0 auto;
}

.airport_transfer_details {
    text-align: center;
}

.airport_transfer_details p {
    font-size: 15px;
    line-height: 20px;
    color: #7d7d7d;
}

/*********************** Concierge Booking Page ***********************/

.complaints_sect .panel.concierge_booking_sect {
    padding: 30px;
}

.concierge_booking_sect h4 {
    font-family: var(--font-medium-sf);
    font-size: 17px;
    line-height: 26px;
    color: var(--black);
    letter-spacing: -0.01em;
    padding: 0;
}

.concierge_booking_sect .label-item-top {
    width: 330px;
}

.concierge_booking_sect h4:after {
    content: "";
    width: 60px;
    height: 1px;
    background-color: #000;
    display: block;
    margin: 20px 0;
}

.search-input-new,
.concierge_booking_cont .label-item-top .form-control {
    max-width: 100%;
}

.concierge_booking_cont .form-control,
.concierge_booking_cont .btn-search,
.concierge_booking_cont .custom-select {
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.93;
}

.concierge_booking_cont label {
    font-size: 15px;
}

.concierge_booking_cont .label-item-top {
    width: 100%;
    margin-bottom: 0;
}

.concierge_booking_cont .label-item-top .form-control {
    padding: .375rem .75rem;
    line-height: 1.93;
}


.concierge_booking_cont .form-control:disabled {
    cursor: not-allowed;
    background-color: #e9ecef;
    /* Optional: Give it a disabled look */
    color: #b8b8b8;
}

.concierge_booking_cont p {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    color: #7d8f9a;
}

.concierge_booking_cont i {
    color: #7d8f9a;
}

.toggle-password {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #7d8f9a;
}


.new_create a.password-state {
    position: absolute;
    top: 10px;
    right: 19px;
    z-index: 1;
    margin: 0;
}

.new_create a.password-state img {
    height: 16px;
}


/*********************** Profile Survey Page ***********************/

.conference_sect {
    width: 100%;
    border: 1px solid #eee;
    border-radius: .5rem;
    padding: 15px 20px;
}

.conference_sect span {
    background-color: #000;
    border-top-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
    left: 0;
    font-size: 10px;
}

.conference_sect p {
    color: rgba(102, 102, 102, 1);
}

.conference_cont h3 {
    font-family: var(--font-bold-sf);
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.02em;
    color: #000;
}

.addOption_cont .modal-header {
    border-bottom: 1px solid #dee2e6;
    padding: 30px 30px 20px;
}

.addOption_cont {
    border-radius: 20px;
}

.addOption_cont button.close {
    margin: 0;
    background-color: transparent;
    border: none;
    padding: 0;
}

.addOption_cont button span {
    font-size: 30px;
    line-height: 20px;
}


.addOption_cont h4.modal-title {
    font-family: var(--font-bold-sf);
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.02em;
    color: #000;
}

.addOption_cont .modal-body.chnge_padd1 {
    padding: 30px;
}

.addOption_cont .edit_new_mod_sect {
    text-align: left;
}

.addOption_cont .ql-toolbar.ql-snow .ql-formats {
    margin-right: 0;
}


.modal-custom .addOption_cont .modal-body .edit_new_mod_sect p.label-input {
    font-size: 14px;
    font-family: var(--font-medium-sf);
    line-height: 14px;
    letter-spacing: 0;
    color: #484848;
    display: block;
    margin: 0;
    padding: 0;
    width: auto;
}

.addOption_cont .btn_sect {
    width: 50%;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin: 0 auto;
}

.news_sect .table td a.delegate_anchr {
    width: 100%;
    float: none;
    padding: 0;
    margin: 0;
    text-align: left;
    font-family: var(--font-regular-sf);
    color: var(--black);
    line-height: 35px;
    height: auto;
}

.complaints_sect.companies_sect.tabbedPanels .table td:first-child {
    cursor: auto;
}

/*********************** Configure Email Template Css ***********************/

.email_template_sect {
    width: 50%;
    margin: 0 auto;
    border-radius: 20px;
    background-color: #fff;
}

.email_template_cont h3 {
    font-family: var(--font-bold-sf);
    font-size: 18px;
    line-height: 20px;
    color: var(--black);
}

.email_template_cont h2 {
    font-family: var(--font-medium-sf);
    font-size: 24px;
    line-height: 40px;
    color: var(--black);
}

.email_template_cont p {
    font-family: var(--font-regular-sf);
    padding-bottom: 8px;
    text-align: left;
    color: var(--black) !important;
}

.event-edit-sect {
    width: 100%;
    margin: 0;
    padding: 0;
}

.event-edit-cont ul {
    text-align: left;
    margin-left: 18px;
}

.event-edit-cont ul li {
    list-style: disc;
    padding-top: 10px;
    font-family: var(--font-regular-sf);
    text-align: left;
    font-size: 16px;
    color: var(--black);
}


.event-edit-sect .btn-align-right {
    margin-left: auto;
    align-items: center;
    justify-content: center;
    height: 30px !important;
    width: 30px !important;
    padding: 5px !important;
    line-height: normal !important;
    border-radius: 5px !important;
    float: none;
    color: #fff;
}

.event-edit-sect .btn-align-right:focus {
    box-shadow: none;
}

.btn.btn-align-right.primary {
    background-color: #4d76cd !important;
}

.event-edit-sect .ql-toolbar.ql-snow .ql-formats {
    margin-right: 0px;
}

.event-edit-sect .ql-snow .ql-picker.ql-size,
.event-edit-sect .ql-snow .ql-picker.ql-header {
    width: 80px;
    text-align: left;
}

.event-edit-sect .ql-snow .ql-picker.ql-font {
    width: 95px;
    text-align: left;
}

.event-edit-cont .ql-toolbar.ql-snow+.ql-container.ql-snow {
    height: auto;
}

.event-edit-cont .ql-editor li:not(.ql-direction-rtl)::before {
    display: none;
}

.event-edit-cont .ql-editor ul li:not(.ql-direction-rtl) {
    padding-left: 0;
}

.event-edit-cont .ql-editor ul {
    margin: 0;
}

.event-edit-cont .ql-editor {
    padding: 20px;
}

.login-explore-btn {
    width: 100%;
    height: 50px;
    font-size: 17px;
    line-height: 25px;
    font-family: var(--font-medium-sf);
    color: #fff !important;
    background: #4d76cd;
    padding: 12px 0;
    border-radius: 10px;
    margin: 20px 0;
    display: block;
}

.event_template_footer img {
    width: 30px;
}

.event_template_footer p {
    font-size: 12px;
    color: #a3a3a3 !important;
    margin-bottom: 20px;
    line-height: 20px;
    font-family: var(--font-regular-sf);
}

.event_template_footer p a {
    text-decoration: underline;
}

.tabbedPanels .table td span.active_delegates           {
    width: max-content;
    height: 40px;
    border-radius: 5px;
    background-color: #0D9612;
    padding: 0 20px;
    font-family: var(--font-medium-sf);
    font-size: 14px;
    color: #FFF;
    line-height: 40px;
}

.complaints_sect.request_list_sect .table {
    border: 1px solid #eee;
}

.btn_wid_adjust     {
    width: 90%;
}

.request_list_sect h3 {
    font-family: var(--font-bold-sf);
    font-size: 18px;
    line-height: 24px;
    color: var(--black);
    margin-left: 5px;
    margin-bottom: 15px;
}

.scrollable-table {
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
    }

    .scrollable-table thead {
        /* display: table;
        width: 100%;
        table-layout: fixed; */
        display: table;
        width: 100%;
        table-layout: fixed;
        position: relative;
        z-index: 2;
    }

    .scrollable-table tbody {
        display: block;
        max-height: 220px; 
        overflow-y: auto;
        width: 100%;
        position: relative;
        padding-top: 9px;
    }

    .scrollable-table tbody tr {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    .scrollable-table th,
    .scrollable-table td {
        padding: 8px;
        text-align: left;
        vertical-align: middle;
    }

/* .image-check {
    position: absolute !important;
    left: 10px;
    top: 10px;
    cursor: pointer;
    z-index: 999;
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
} */

/* Hide the browser's default checkbox */
/* .image-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
} */

/* Create a custom checkbox */
/* .image-check .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #4d76cd;
  border-radius: 5px;
} */

/* On mouse-over, add a grey background color */
/* .image-check:hover input ~ .checkmark {
  background-color: #4d76cd;
} */

/* When the checkbox is checked, add a blue background */
/* .image-check input:checked ~ .checkmark {
  background-color: #4d76cd;
} */

/* Create the checkmark/indicator (hidden when not checked) */
/* .image-check .checkmark:after {
  content: "";
  position: absolute;
  display: none;
} */

/* Show the checkmark when checked */
/* .image-check input:checked ~ .checkmark:after {
  display: block;
} */

/* Style the checkmark/indicator */
/* .image-check .checkmark:after {
      left: 10px;
    top: 5px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2.5px 2.5px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} */

/* .scrollable-table thead {
    z-index: 1;
    background: white;
} */

/* .table-wrapper {
    max-height: 300px;
    overflow-y: auto;
    position: relative;
    } */

.image-check {
    position: absolute !important;
    left: 10px;
    top: 10px;
    cursor: pointer;
    z-index: 9;
  /* display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; */
}

/* Hide the browser's default checkbox */
.image-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.image-check .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: white;
  border:2px solid #4d76cd;
  border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.image-check:hover input ~ .checkmark {
  background-color: white;
}

/* When the checkbox is checked, add a blue background */
.image-check input:checked ~ .checkmark {
  background-color: white;
}
.profile-survey-check.image-check input:checked ~ .checkmark{
   background-color: #4d76cd; 
}

/* Create the checkmark/indicator (hidden when not checked) */
.image-check .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.image-check input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.image-check .checkmark:after {
      left: 8px;
    top: 4px;
    width: 6px;
    height: 12px;
    border: solid #4d76cd;
    border-width: 0 2.5px 2.5px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.profile-survey-check.image-check .checkmark:after{
    border-color: #fff !important;
}

    .scrollable-table thead {
        z-index: 1;
        background: white; /* Or your desired color */
    }

    .table-wrapper {
        max-height: 300px;
        overflow-y: auto;
        position: relative;
      }

/*********************** Responsive Css ***********************/

/* @media only screen and (max-width: 767px) {
    .blog_cont,
    .total_user_cont,
    .same_high{
        margin-bottom: 20px;
    }
    .total_user_cont,
    .same_high{
        height: auto;
    }
    .das_engagement_sect,
    .blog_sect{
        margin-bottom: 0;
    }
} */

/******************Chat Page Css *************/


@media only screen and (max-width: 767px) {
    .bg-login {
        display: none;
    }

    .login-area .content {
        max-width: 85%;
    }
}

@media screen and (min-width: 220px) and (max-width: 991px) {

    .blog_cont,
    .total_user_cont,
    .same_high {
        margin-bottom: 20px;
    }

    .total_user_cont,
    .same_high {
        height: auto;
    }

    .das_engagement_sect,
    .blog_sect {
        margin-bottom: 0;
    }

    .total_user_txt {
        padding: 0 15px;
    }

    .total_user_txt h3 {
        font-size: 16px;
    }

    .total_user_txt strong {
        font-size: 16px;
        line-height: 19px;
    }

    .total_user_cont {
        padding-top: 15px;
    }

    .table {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .table thead th {
        font-size: 13px;
    }

    .img_cont_blog .user_name_cont h4,
    .right_txt h4 {
        font-size: 13px;
        line-height: 15px;
    }

    .img_cont_blog .user_name_cont p,
    .right_txt p {
        font-size: 11px;
        line-height: 13px;
    }

    .total_user_txt a,
    .meeting_cont a {
        font-size: 13px;
    }

    .table thead th:last-child,
    .table thead th:first-child {
        padding: 8px 15px 8px 15px;
    }

    .table td:first-child,
    .table td:last-child {
        padding: 10px 15px 10px 15px;
    }

    .table td {
        font-size: 13px;
        padding: 10px 20px;
    }

    .table td span {
        font-size: 12px;
        line-height: 24px;
    }

    .tabs {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .tabs li {
        width: auto;
    }

    .tabs li a {
        font-size: 14px;
        padding: 10px 15px;
    }

    .event-card {
        padding: 15px 15px;
    }

    .event-btn {
        padding: 8px 10px;
        font-size: 11px;
        font-weight: 500;
        line-height: 12px;
    }

    .head_cont h1 {
        font-size: 18px;
        line-height: 22px;
        margin-left: 0;
    }

    .head_cont .btn-primary,
    .head_cont .btn-secondary {
        font-size: 13px;
        line-height: 15px;
        padding: 10px 15px;
        max-width: 130px;
        width: 100%;
    }

    .search-input .btn-search {
        margin-right: 0;
    }

    .event-tab li {
        font-size: 15px;
        line-height: 16px;
        padding: 10px 20px;
    }

    .title-5 {
        font-size: 16px;
        line-height: 18px;
    }

    .media-body p {
        font-size: 13px;
        line-height: 16px;
    }

    .divider,
    .divider-2 {
        margin: 10px 0;
    }

    .event-card-main .row .col-12 {
        margin-bottom: 25px;
    }

    .search-input .btn-search {
        padding-right: 10px;
        padding-left: 10px;
    }

    .search-input .form-control {
        padding-right: 5px;
    }

    .form-row-gutters {
        --bs-gutter-x: 1.5rem;
    }

    .stepper .stepper-item {
        padding: 15px 20px;
    }

    .basic-card {
        padding: 20px 25px;
    }

    .agenda-upload-file {
        padding: 10px 15px;
    }

    .tick-icon {
        width: 25px;
    }

    .news_sect .dataTables_filter {
        right: 320px;
    }

    div.dataTables_wrapper div.dataTables_paginate {
        text-align: right;
    }

    .card-height {
        min-height: auto;
    }

    .news_basic_detail .label-item.padd_chnge .label-info {
        padding-right: 0;
    }

    .event-tag-list {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 1024px) {
    .search-input {
        max-width: 140px;
        width: 100%;
    }

    .btn-primary,
    .btn-secondary {
        padding: 12px 15px !important;
    }
}

@media only screen and (max-width: 1299px) {
    .blog_cont {
        padding: 15px;
        border-radius: 20px;
    }

    .total_user_txt h3 {
        font-size: 16px;
        line-height: 18px;
    }

    .total_user_txt a {
        font-size: 13px;
    }

    .total_user_txt {
        padding: 0 20px;
    }

    .total_user_cont {
        padding: 20px 0 15px;
    }

    .table {
        margin: 20px 0 0;
    }

    .total_user_txt strong {
        font-size: 18px;
        line-height: 20px;
    }

    .das_engagement_cont {
        padding: 20px 20px;
    }

    .das_txt h3 {
        font-size: 16px;
    }

    .blog_cont span {
        margin-right: 10px;
    }

    .blog_cont span img {
        width: 50px;
        height: 50px;
        border-radius: 100px;
    }

    .blog_cont h3 {
        font-size: 18px;
        line-height: 20px;
    }

    .blog_cont p {
        font-size: 13px;
    }

    .head_cont .btn-primary,
    .head_cont .btn-secondary {
        font-size: 13px;
        line-height: 15px;
        padding: 10px 15px;
        max-width: 130px;
        width: 100%;
    }

    .form-row-gutters {
        --bs-gutter-x: 1.5rem;
    }

    .stepper-inner-item .btn-primary {
        padding: 12px 20px;
        border-radius: 16px;
        max-width: 120px;
        width: 100%;
    }

    .basic-card {
        padding: 24px 30px;
    }

    .agenda-upload-file {
        padding: 15px 25px;
    }

    .tick-icon {
        width: 25px;
    }

    .stepper.timeline-tab .stepper-item {
        padding: 15px 15px;
    }

    .stepper.timeline-tab .stepper-item span {
        margin-right: 10px;
    }

    .stepper .stepper-item {
        font-size: 13px;
        padding: 15px 15px;
    }
}

@media only screen and (max-width: 1399px) {

    .btn-primary,
    .btn-secondary {
        padding: 12px 20px;
        /* max-width: 145px; */
        /* width: 100%; */
    }
}