body {
  font-family: 'Red Hat Text';
 }

 .payment-info-box {
  background-color: #383f44;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  border-radius: 12px;
  overflow: hidden;
  width: 80%;
  margin-top: 20px;
 }

 .header-container {
  display: flex;
  color: white;
  background-color: #2980b9;
  justify-content: space-around;
  padding: 15px;
  border-bottom: 2px solid #1f6692;
 }

 .header {
  flex: 1;
  text-align: center;
 }

 .payboxho {
  display: flex;
  justify-content: space-between;
  padding: 15px;
  border-bottom: 1px solid #2980b9;

 }

 .payboxho:last-child {
  border-bottom: none;
 }

 .category,
 .discount,
 .price,
 .start-date,
 .expire-date {
  flex: 1;
  text-align: center;
  color: #fff;
 }

 .payboxho:hover {
  background-color: #2980b9;
 }

 .payboxho.highlight {
  background-color: #1abc9c;
 }

 .note {
  padding: 15px;
  color: #fff;
  background-color: #2980b9;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
 }

 @media screen and (max-width: 768px) {
  .payment-info-box {
   width: 90%;
  }
 }

 tr {
  border-width: 9px;
 }

 td {
  padding-left: 3% !important;
 }

 #discountgrpid,
 #earlydicid,
 #hiddened {
  display: none;
 }

 hr {

  border-top: 1px solid #000;
 }

 #largeModal>div>div>div.modal-footer.buttons>div:nth-child(2)>button.btn.btn-default {
  background-color: #ff0000;
 }

 .list-item {
  text-align: center;
 }

 .discount {
  padding-top: 16px;
  display: inline-block;
 }

 .date-range {
  float: right;
  padding-top: 20px;
  font-size: small;
 }

 /* For mobile devices */
 @media only screen and (max-width: 767px) {
  .date-range {

   font-size: xx-small;
  }
 }

 /* For tablets */
 @media only screen and (min-width: 768px) and (max-width: 1023px) {
  .date-range {
   float: left;
   font-size: small;
  }
 }

 @media only screen and (max-width: 768px) {

  /* Adjustments for mobile and tablet screens */
  .date-range {

   display: block;
   text-align: center;
   padding-top: 8px;
   /* Adjust as needed */
  }
 }

 @media only screen and (max-width: 450px) {

  /* Adjustments for mobile and tablet screens */
  .date-range {
   font-size: small;

  }
 }

 /* Normal styles */
 @media only screen and (max-width: 400px) {

  /* Adjustments for mobile and tablet screens */
  .date-range {
   font-size: xx-small;

  }
 }

 /* Normal styles */
 @media only screen and (max-width: 375px) and (max-width: 667px) {

  /* Adjustments for mobile and tablet screens */
  .date-range {
   font-size: xx-small;

  }
 }

 @media only screen and (max-width: 395px) {

  /* Adjustments for mobile and tablet screens */
  .date-range {
   font-size: smaller;

  }
 }

 /* N

.button-group {
  /* Your initial styles */
 /* } */

 /* Media query for screens with a width of 414px (common mobile device width) */
 @media (max-width: 414px) {
  .button-group {
   display: flex;
   /* Change the direction to column for smaller screens */
   /* Additional styles for smaller screens */
  }

  .button-group button {
   /* Set the buttons to take the full width */
   margin-bottom: 5px;
   height: 57%;
   /* Optional: add margin between buttons */
   /* Additional button-specific styles for smaller screens */
  }
 }


 @media (max-width: 414px) {
  #logoprev {
   height: 35px;
  }

  #logoprev {
   /* Set the buttons to take the full width */

   /* Additional button-specific styles for smaller screens */
  }
 }

 
 /* Media query for screens smaller than 768px */
 @media (max-width: 767px) {
  #logobuttom {
   flex-direction: column;
   width: 29%;
   /* Change flex-direction for smaller screens */
   /* Other styles specific for smaller screens */
  }

  #logobuttom img.logo {
   width: 100px;
   /* Adjust image width for smaller screens */
   height: auto;
   /* Maintain aspect ratio */
   /* Other image-specific styles for smaller screens */
  }
 }

 @media (max-width: 400px) {
  #logobuttom {
   flex-direction: column;
   /* Change flex-direction for smaller screens */
   /* Other styles specific for smaller screens */
  }

  #logobuttom img.logo {
   width: 100px;
   /* Adjust image width for smaller screens */
   height: auto;
   /* Maintain aspect ratio */
   /* Other image-specific styles for smaller screens */
  }
 }

 /* Default styles for modal dialog */
 .modal-dialog {
  /* Your default styles here */
 }

 /* Media query for smaller screens */
 @media (max-width: 768px) {
  .modal-dialog {
   padding-top: 10%;
   /* Styles for smaller screens */
  }
 }

 /* Media query for larger screens */
 @media (min-width: 992px) {
  .modal-dialog {
   /* Styles for larger screens */
  }
 }

 #decorid {
  padding-left: 45%;
  padding-right: 45%;
 }

 @media (max-width: 1040px) {
  #decorid {
   padding-left: 37%;
   padding-right: 37%;
  }
 }

 /* Media query for screens smaller than 768px */
 @media (max-width: 768px) {
  #decorid {
   padding-left: 37%;
   padding-right: 37%;
  }
 }

 /* Media query for screens smaller than 480px */
 @media (max-width: 480px) {
  #decorid {
   padding-left: 30%;
   padding-right: 30%;
  }
 }


 .modal-title {
  color: ghostwhite;
  font-family: poppins, helvetica, "sans-serif", arial;

 }

 .modal-header {
  /* background-color: #191978; */
  background-color: #005284;
  padding: 5px;
 }
 #largeModal{
  z-index: 9999;
 }
 #largeModal label{
  word-break: break-all;
 }
 #largeModal .modal-header 
 {
  padding: 10px;
 }
 #largeModal .modal-header h4
 {
  font-size: 18px;
 }
 #largeModal .modal-body 
 {
  padding: 10px;
  max-height: auto;
 }
.text-right{
  text-align: right;
}
 #largeModal .close{
background: transparent;
border:0px;
 }
 .modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 6px solid #e9ecef21;
  border-radius: 1.3rem;
  outline: 0;
 }

 .modal-body {
  overflow: auto;
  /* This enables a scrollbar if content exceeds the modal body */
  max-height: 400px;
  /* Adjust the maximum height as needed */
  padding: 0;
  padding-bottom: 12px;
 }

 .sub_head {
  font-size: smaller;
 }

 /* Set border properties for the table */
 /* Add shadows to the table */
 table {
  border-collapse: collapse;
  /* Ensure borders collapse into a single border */
  border: 1px solid #ccc;
  /* Set the default border for the table */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  /* Add shadow to the table */
 }

 /* Set border properties for table headers */
 th {
  border: 1px solid #ccc;
  /* Set border for table headers */
 }

 /* Set border properties for table cells */
 td {
  /* border: 1px solid #dee2e6; */
 }



 /* Default styles for table headers */
 th,
 td {
  text-align: inherit;
  /* font-size: xx-small ; */
 }

 /* Media query for mobile devices (adjust the max-width as needed) */
 @media only screen and (max-width: 768px) {

  th,
  td {
   font-size: small;
   /* Adjust the font size for mobile screens */
   /* Add any other mobile-specific styling for table headers here */
  }
 }


 .decor-right,
 .decor-left {
  color: #FFA500;
 }

 #btncancel {
  background-color: #ff0000;
  /* Red background */
  color: #fff;
  /* White text */
  padding: 8px 16px;
  /* Padding around text */
  border: none;
  /* No border */
  border-radius: 4px;
  /* Rounded corners */
  cursor: pointer;
  /* Show pointer on hover */
  margin-right: 5px;
 }

 #largeModal>div>div>div.modal-footer.buttons>button.btn.btn-default:hover,
 #btncancel:hover {
  background-color: #cc0000;
  /* Darker red on hover */
 }

 #largeModal>div>div>div.modal-footer.buttons>button.btn.btn-default {
  background-color: #ff0000;
  /* Red background */
  color: #fff;
  /* White text */
  padding: 6px 9px;
  /* Padding around text */
  border: none;
  /* No border */
  border-radius: 4px;
  /* Rounded corners */
  cursor: pointer;
  /* Show pointer on hover */
 }

 #submitBtn {
  background-color: #3c4985;
  /* Green background */
  color: white;
  /* White text */
  padding: 8px 16px;
  /* Padding around text */
  border: none;
  /* No border */
  border-radius: 4px;
  /* Rounded corners */
  cursor: pointer;
  /* Show pointer on hover */
 }

 #submitBtn:hover {
  background-color: #4f66d3;
  /* Darker green on hover */
 }


 #myErrorModal .errorbodycontent button {
  /* width: 100px; */
  border-radius: 25px;
  background: #e2747e;
  border-color: #e2747e;
  color: #fff;
  font-weight: bold;
 }

 #myErrorModal:hover .errorbodycontent button:hover {
  /* Styles for the hover state */
  background: #ff9999;
  border-color: #ff9999;
  color: #fff;
 }

 /* Base styles for custom select */
 .custom-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 8px 24px 8px 8px;
  /* Adjust padding as needed */
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  /* background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23333"><path d="M7 10l5 5 5-5H7z"/></svg>');  */
  background-repeat: no-repeat;
  background-position: right 8px center;
  /* Adjust position of the arrow */
  cursor: pointer;
 }

 /* Hover styles for custom select */
 .custom-select:hover {
  border-color: #aaa;
 }

 /* Focus styles for custom select */
 .custom-select:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 120, 215, 0.2);
  /* Example focus style */
 }

 #mandatory {
  background-color: #ccc;
 }

 .event_banner_div .the-inner {
  background-color: rgba(256, 256, 256, 0.8);
  width: 100%;
  padding: 1rem;
  background: #eee;
 }

 .event_banner_div_t {
  background: var(--event_header_bg_active_color);
  color: #fff;
  border-radius: 5px 5px 0px 0px
 }

 .event_banner_div .the-inner h1 {
  color: #fff;
  font-family: 'Libre Baskerville', serif;
  font-weight: 400;
  line-height: 1.4;
  font-size: 40px;

 }

 .placeholderred {
  border: 1px solid red !important;
 }





 .event_banner_div .the-inner a {
  color: #000000;
 }


 .event_banner_div .the-inner .points p i {
  padding: 5px;
  background: var(--event_header_bg_active_color);
  color: var(--event_header_bg_color);
  margin-right: 5px;
  /* content: url(https://chrislanejones.com/wp-content/uploads/2018/10/littlesquarebullet.png);
          padding: 0 1rem 0 0; */
 }

 .bannercontentdiv {
  /* margin-top: -25px; */
  background: #fff;
  border-radius: 8px;
 }



 .payamentinfodiv {
  background-color: antiquewhite;
  background: white;
  width: 90%;
  display: table;
  padding-left: 10%;
  margin-bottom: 10px;
  border: 1px solid #ffffff;
  border-radius: 13px;
  color: #4d4d6e;

 }

 @media only screen and (max-width: 767px) {
  .payamentinfodiv {

   width: 100%;
   padding-left: 0%;
  }
 }

 .inner-heading {
  color: #fff;
  line-height: 276px;
  padding-left: 6%;
  font-size: 27px;
 }

 /* Media query for screens smaller than 768px */
 @media (max-width: 768px) {
  .inner-heading {
   line-height: 300px;
   /* Adjusted line-height for smaller screens */
   padding-left: 4%;
   /* Adjusted padding for smaller screens */
   font-size: 20px;
   /* Adjusted font-size for smaller screens */
  }
 }

 /* Media query for screens smaller than 480px */
 @media (max-width: 480px) {
  .inner-heading {
   line-height: 204px;
   /* Further adjusted line-height for even smaller screens */
   padding-left: 2%;
   /* Further adjusted padding for even smaller screens */
   font-size: 16px;
   /* Further adjusted font-size for even smaller screens */
  }
 }

 .inner-banner {
  width: 100%;
  height: 270px;
  background-image: url(/wp-content/uploads/2023/11/Group-24842.png);
  background-position: center;
  background-size: cover;
 }

 /* Media query for screens smaller than 768px */
 @media (max-width: 768px) {
  .inner-banner {
   height: 300px;
   /* Adjusted height for smaller screens */
  }
 }

 /* Media query for screens smaller than 480px */
 @media (max-width: 480px) {
  .inner-banner {
   height: 200px;
   /* Further adjusted height for even smaller screens */
  }
 }

 /*----------bootstrap-navbar-css------------*/
 .events_menu .navbar-logo {
  padding: 15px;
  color: #fff;
 }

 .events_menu {

  box-shadow: 0px 15px 10px -15px #111;

 }



 .socila_media_header {

  background: var(--event_header_bg_active_color);
 }

 .socila_media_header .fbicon_cls {
  padding-top: 3px;
  padding-bottom: 3px;
  display: inline-block;
  padding-right: 10px !important;
  padding-left: 10px !important;
  background-color: #fff;
  border-radius: 30px;
  margin: 0px 5px;
  box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
 }

 .btn-default {
  color: #fff;
  background-color: #404040;
 }

 .socila_media_header .lnkicon_cls {
  padding-top: 3px;
  padding-bottom: 3px;
  display: inline-block;
  padding-right: 8px !important;
  padding-left: 9px !important;
  background-color: #fff;
  border-radius: 30px;
  margin: 0px 4px;
  box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
 }

 .events_menu .navbar-mainbg {
  background-color: var(--event_header_bg_color);
  padding: 0px;
 }

 .events_menu #navbarSupportedContent {
  overflow: hidden;
  position: relative;
 }

 .events_menu #navbarSupportedContent ul {
  padding: 0px;
  margin: 0px;
 }

 .events_menu #navbarSupportedContent ul li a i {
  margin-right: 10px;
 }

 .events_menu #navbarSupportedContent li {
  list-style-type: none;
  float: left;
 }

 .events_menu #navbarSupportedContent ul li a {
  color: var(--event_header_bg_active_color1);
  text-decoration: none;
  font-size: 15px;
  cursor: pointer;
  display: block;
  padding: 20px 20px;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  position: relative;
 }

 .events_menu #navbarSupportedContent>ul>li.active>a {
  color: var(--event_header_bg_active_color1);
  background-color: transparent;
  font-weight: bold;
  transition: all 0.7s;
 }

 .events_menu #navbarSupportedContent a:not(:only-child):after {
  content: "\f105";
  position: absolute;
  right: 20px;
  top: 10px;
  font-size: 14px;
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-weight: 900;
  transition: 0.5s;
 }

 .events_menu #navbarSupportedContent .active>a:not(:only-child):after {
  transform: rotate(90deg);
 }

 .events_menu .hori-selector {
  display: inline-block;
  position: absolute;
  height: 100%;
  top: 0px;
  left: 0px;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  background-color: var(--event_header_bg_active_color);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  margin-top: 10px;
 }

 .events_menu .hori-selector .right,
 .events_menu .hori-selector .left {
  position: absolute;
  width: 25px;
  height: 25px;
  background-color: var(--event_header_bg_active_color);
  ;
  bottom: 10px;
 }

 .events_menu .hori-selector .right {
  right: -25px;
 }

 .events_menu .hori-selector .left {
  left: -25px;
 }

 .events_menu .hori-selector .right:before,
 .events_menu .hori-selector .left:before {
  content: '';
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: var(--event_header_bg_color);

 }

 .events_menu .hori-selector .right:before {
  bottom: 0;
  right: -25px;
 }

 .events_menu .hori-selector .left:before {
  bottom: 0;
  left: -25px;
 }


 @media(min-width: 992px) {
  .events_menu .navbar-expand-custom {
   -ms-flex-flow: row nowrap;
   flex-flow: row nowrap;
   -ms-flex-pack: start;
   justify-content: flex-start;
  }

  .events_menu .navbar-expand-custom .navbar-nav {
   -ms-flex-direction: row;
   flex-direction: row;
  }

  .events_menu .navbar-expand-custom .navbar-toggler {
   display: none;
  }

  .events_menu .navbar-expand-custom .navbar-collapse {
   display: -ms-flexbox !important;
   display: flex !important;
   -ms-flex-preferred-size: auto;
   flex-basis: auto;
  }
 }


 @media (max-width: 991px) {
  .events_menu #navbarSupportedContent ul li a {
   padding: 12px 30px;
  }

  .events_menu .hori-selector {
   margin-top: 0px;
   margin-left: 10px;
   border-radius: 0;
   border-top-left-radius: 25px;
   border-bottom-left-radius: 25px;
  }

  .events_menu .hori-selector .left,
  .events_menu .hori-selector .right {
   right: 10px;
  }

  .events_menu .hori-selector .left {
   top: -25px;
   left: auto;
  }

  .events_menu .hori-selector .right {
   bottom: -25px;
  }

  .events_menu .hori-selector .left:before {
   left: -25px;
   top: -25px;
  }

  .events_menu .hori-selector .right:before {
   bottom: -25px;
   left: -25px;
  }
 }

 #survey_container {
  box-shadow: 0 0 5px #777;
 }

 #top-wizard {

  background-color: var(--event_header_bg_active_color);
  border-bottom: 1px solid #e7e7e7;
  position: relative;
  font-size: 12px;
  text-align: left;
 }

 .wizard-form {
  padding: 10px;
 }

 .panel-body-heading {
  margin: 0px !important;
  font-size: 19px;
  padding: 10px 0px;
  color: #dc3545;
 }

 .toottiphidden,
 .toottip {
  font-size: 11px;
  font-family: system-ui;
  color: #c70051;
  font-weight: bold;
  margin-bottom: 0px;
 }

 .hidden {
  display: none;
 }

 .evntdayselect {
  padding-top: 7px;
 }

 .evntdayselectdiv .btn-group {
  width: 100% !important;
  text-align: left !important;
 }

 .evntdayselectdiv .btn-group .multiselect {
  background: #fff;
  text-align: left !important;
 }

 .evntdayselectdiv .multiselect-native-select .btn-group .caret {
  float: right;
  padding-top: 13px;
 }

 .panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
  box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
 }

 .panel-default .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
 }

 .panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
 }

 .panel-body {
  padding: 15px;
 }

 .row {
  width: 100% !important;
  margin: 0px !important;
 }

 .f-s-16 {
  font-size: 16px;
 }

 .form-control {
  height: 35px;
  font-weight: 700;
  font-size: 13px;
  border-radius: 0px;
 }

 .tacbox {
  display: block;
  padding: 5px;
  background: #f9f9f9;
  width: 100%;
 }

 .tacbox input {
  height: 20px;
  width: 20px;
  vertical-align: middle;
 }

 .tacbox label {
  font-size: 15px;
  padding-left: 5px;
  padding-top: 0px;
  color: #000;
  font-weight: 700;
  font-family: sans-serif;

 }

 .tacbox2 {
  display: block;
  padding: 5px;
  background: #f9f9f9;
  width: 100%;
 }

 .tacbox2 input {
  height: 20px;
  width: 20px;
  vertical-align: middle;
 }

 .tacbox2 label {
  font-size: 15px;
  padding-left: 5px;
  padding-top: 0px;
  color: #000;
  font-weight: 700;
  font-family: sans-serif;

 }

 .tacbox1 {
  display: block;
  padding: 5px;
  /* background: #ececec; */
  width: 100%;
 }

 .tacbox1 input {
  height: 20px;
  width: 20px;
  vertical-align: middle;
 }

 .tacbox1 label {
  font-size: 15px;
  padding-left: 5px;
  padding-top: 0px;
  color: #000;
  font-weight: 700;
  font-family: sans-serif;

 }

 .panel_offer {
  box-shadow: 0 0 5px #777;
  background: #fff;
  padding: 15px;
  margin-bottom: 14px !important;
 }

 .offer_imge {
  padding: 5px;
 }

 .offer_imge img {
  margin: auto;
 }

 .offer_label {
  padding: 5px;
  font-size: 12px;
  font-weight: 700;
 }

 .offer_p {
  color: #c7377c;
  font-size: 13px;
  font-weight: 600;
 }

 .accessoffer {
  padding: 5px;
  font-size: 14px;
  font-weight: 500;
  font-family: system-ui;
  border-radius: 0px;
 }

 .accessoffer.active {
  background: #5bbe97 !important;
  border-color: #5bbe97 !important
 }

 .panel_offer .btn-danger:hover,
 .panel_offer .btn-danger:focus,
 .accessoffer:hover {
  background: #5bbe97 !important;
  background-color: #5bbe97 !important;
  border-color: #5bbe97 !important;
 }

 /* Define the blinking animation */
 /* Define the high and low opacity animation */
 @keyframes highLowOpacity {

  0%,
  100% {
   opacity: 1;
  }

  50% {
   opacity: 0.5;
  }
 }

 /* Apply the animation to .offererrorp */
 .offererrorp {
  color: red;
  font-size: 16px;
  font-weight: 501;
  text-align: right;
  padding: 3px 5px;
  animation: highLowOpacity 1s infinite;
  /* Apply the highLowOpacity animation */
 }



 .offerselectedp span {
  color: green;
  font-size: 14px;
  font-weight: 501;
 }

 #bottom-wizard {
  padding: 5px;
  border-top: 1px solid #000;
  background-color: #000;
 }
 #bottom-wizard p{
  color:#fff;
 }
 .evnt_spekdiv .grid-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: 20px;
  margin: 20px 0;
 }

 .preview_heading {
  margin: 0px !important;
  font-size: 19px;
  padding: 10px 0px;
  color: #dc3545;
 }

 /* for removes the modal background black color */
 .modal-backdrop {
  background-color: rgba(0, 0, 0, .5) !important;
 }

 /* for removes the modal background black color */

 .evnt_spekdiv .card-top img {
  display: block;
  width: 100px;
  border-radius: 50%;
  margin: auto;
 }

 .evnt_spekdiv .card {
  background: #fff;
  padding: 20px;
  border-radius: 20px;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
 }

 .evnt_spekdiv .card-top {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  overflow: hidden;
 }

 .evnt_spekdiv .card-info h2 {
  font-size: 18px;
  color: #c70050;
  margin: 10px 0 5px 0;
  text-align: center;
  font-weight: 600;
 }

 .evnt_spekdiv .date {
  margin-bottom: 10px;
  text-align: center;
  background: var(--event_header_bg_active_color);
  color: var(--event_header_bg_color);
 }

 .evnt_spekdiv span,
 p {
  font-size: 15px;
  display: block;
 }

 .evnt_spekdiv .excerpt {
  color: #aeaeae;
 }

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

 .evnt_spekdiv .card-bottom {
  margin-top: 20px;
 }

 .evnt_spekdiv .button {
  text-decoration: unset;
  font-weight: 600;
  text-transform: uppercase;
  color: #4e4e4e;
  width: 80px;
  text-align: center;
  font-size: 15px;
  line-height: 30px;
  border-radius: 5px;
  background: #f2f4f6;
 }

 .evnt_spekdiv .read-more {
  text-decoration: unset;
  color: #000;
  font-weight: 600;
 }

 .evnt_spekdiv .btn-yellow {
  background: #ffb91d;
 }

 .evnt_spekdiv .btn-sky {
  background: #d2f9fe;
 }

 .evnt_spekdiv .btn-dpink {
  background: #e8d3fc;
 }

 .gold {
  background-color: #1e4567;
  color: white;
  text-align: center;
  font-weight: 600;
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
 }

 .diamond {
  background-color: #1e4567;
  color: white;
  text-align: center;
  font-weight: 600;
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
 }

 .silver {
  background-color: #1e4567;
  color: white;
  font-size: 11px;
  font-weight: 400;
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
  font-family: Arial, Helvetica, sans-serif;
 }

 .sponcard {
  border-radius: 15px;
  box-shadow: 0px 0px 6px #7b1660 !important;
 }

 #speakerstable_paginate {
  width: 100% !important;
  display: flex;
  text-align: center;
  margin: auto;

 }

 #speakerstable_info,
 #speakerstable_filter {
  display: none !important;
 }

 .section-contact {
  padding: 20px 5px;
  background-color: #fff;
 }

 .section-contact .header-section .title {
  position: relative;
  margin-bottom: 17px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 55px;
  color: var(--event_header_bg_active_color);
 }

 .section-contact .header-section .title .dot {
  display: inline-block;
  position: absolute;
  bottom: 8px;
  width: 8px;
  height: 8px;
  margin-left: 3px;
  background-color: #df383f;
 }

 .section-contact .header-section .description {
  font-family: "Roboto", sans-serif;
  color: #2a6287;
 }

 .section-contact .header-section .big-title {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 70%);
  font-size: 120px;
  font-weight: 700;
  opacity: 0.15;
 }



 .section-contact .form-contact .single-input {
  position: relative;
  margin-top: 40px;
 }

 .section-contact .form-contact .single-input i {
  position: absolute;
  top: 5px;
  left: 15px;
  color: var(--event_header_bg_active_color);
 }

 .section-contact .form-contact .single-input input,
 .section-contact .form-contact .single-input textarea {
  width: 100%;
  border: none;
  border-bottom: 2px solid #07395c;
  padding-left: 50px;
  padding-bottom: 15px;
  font-size: 15px;
  font-weight: 700;
  /* text-transform: uppercase; */
  transition: border .3s;
 }

 .section-contact .form-contact .single-input input::placeholder,
 .section-contact .form-contact .single-input textarea::placeholder {
  color: rgba(7, 57, 92, .3);
 }

 .section-contact .form-contact .single-input input:focus,
 .section-contact .form-contact .single-input textarea:focus {
  border-color: #df383f;
 }

 .section-contact .form-contact .single-input textarea {
  height: 150px;
  min-height: 50px;
 }

 .section-contact .form-contact .submit-input input {
  margin-top: 40px;
  padding: 15px 50px;
  background-color: var(--event_header_bg_active_color);
  color: #fff;
  border: none;
  font-weight: 700;
  transition: background-color .3s;
 }

 .section-contact .form-contact .submit-input input:hover {
  background-color: var(--event_header_bg_active_color);
 }


 .home-page .text {
  position: relative;
  display: block;
  margin: 7px 0 0;
 }

 .home-page .text p {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  color: #131313;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
 }

 .home-page .text.clr-yellow p {
  color: #FFA500;
 }

 .home-page .text .decor-left {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 70px;
  height: 5px;
  background: transparent;
 }

 .home-page .text .decor-left span {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50px;
  height: 1px;
  background: #FFA500;
  content: "";
  margin: 2px 0;
 }

 .home-page .text .decor-left:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 5px;
  height: 5px;
  background: #FFA500;
  border-radius: 50%;
  content: "";
 }

 .home-page .text .decor-left:after {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  width: 5px;
  height: 5px;
  background: #FFA500;
  border-radius: 50%;
  content: "";
 }

 .home-page .text .decor-right {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 70px;
  height: 5px;
  background: transparent;
 }

 .home-page .text .decor-right span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50px;
  height: 1px;
  background: #FFA500;
  content: "";
  margin: 2px 0;
 }

 .home-page .text .decor-right:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 5px;
  height: 5px;
  background: #FFA500;
  border-radius: 50%;
  content: "";
 }

 .home-page .text .decor-right:after {
  position: absolute;
  top: 0;
  left: 10px;
  bottom: 0;
  width: 5px;
  height: 5px;
  background: #FFA500;
  border-radius: 50%;
  content: "";
 }

 .events_menu .img-fluid {
  /* height: 70px; */
  padding: 5px 5px;
 }

 /* .section-contact .text{
  position: relative;
  display: block;
}
.section-contact .text p{
  color: #131313;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  margin: 0;
} */

 @media (max-width: 575.99px) {
  /* .section-contact {
              padding: 80px 60px;
          } */

  .section-contact .header-section .title {
   font-size: 40px;
  }

  .section-contact .header-section .big-title {
   font-size: 80px;
  }

  .section-contact .header-section .description {
   font-size: 14px;
  }
 }

 @media (min-width: 576px) and (max-width: 767.99px) {
  /* .section-contact {
              padding: 80px 60px;
          } */

  .section-contact .header-section .title {
   font-size: 45px;
  }

  .section-contact .header-section .big-title {
   font-size: 100px;
  }
 }

 @media (min-width: 768px) and (max-width: 991.99px) {
  .section-contact {
   padding: 80px 60px;
  }

  .section-contact .header-section .title {
   font-size: 45px;
  }

  .section-contact .header-section .big-title {
   font-size: 100px;
  }
 }

 @media (min-width: 768px) {
  .fixed {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 999;
   width: 100%;
  }

  .eventitminfodiv {
   position: absolute;
   right: 15px;
   font-size: 15px;
   font-weight: 600;
  }

  .event_banner_div #thehero1 {
   display: none !important;
  }

  .event_banner_div #thehero {
   display: block;
  }

  .event_banner_div #thehero1 {
   /* width: 100vw; */
   /* height: 100vh; */
   display: flex;
   padding: 50px;
   justify-content: center;
   align-items: center;
   text-align: center;
   color: #fff;
   /* background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://chrislanejones.com/wp-content/uploads/2018/10/shutterstock_530221237.jpg); */
   background-size: cover;
   /* background-image: url('../../EventBanners/38b238143847021_banner.jpg'); */
   background-position: center center;
   background-repeat: no-repeat;
   /* background-attachment: fixed; */
   height: 300px;
  }


  .event_banner_div #thehero {
   /* width: 100vw; */
   /* height: 100vh; */
   display: flex;
   padding: 50px;
   justify-content: center;
   align-items: center;
   text-align: center;
   color: #fff;
   /* background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://chrislanejones.com/wp-content/uploads/2018/10/shutterstock_530221237.jpg); */
   background-size: cover;
   /* background-image: url('../../EventBanners/38b238143847021_banner.jpg'); */
   background-position: center center;
   background-repeat: no-repeat;
   /* background-attachment: fixed; */
   height: 300px;
  }

  .event_banner_div .the-inner p {
   color: #606061;
   text-align: center;
   font-size: 1.1rem;
   font-weight: 600;
  }

 }

 @media (max-width: 768px) {
  .eventitminfodiv {
   position: relative;
   left: 15px;
   font-size: 15px;
   font-weight: 600;
  }

  #btncancel {
   padding: 6px !important;
  }

  .eventcommunicatemailspan,
  .eventcommunicatemobilespan {
   display: none;
  }

  .event_banner_div #thehero1 {
   display: block;
  }

  .event_banner_div #thehero {
   display: none;
  }

  .event_banner_div #thehero1 {
   /* width: 100vw; */
   /* height: 100vh; */
   /* display: flex; */
   /* padding: 50px; */
   justify-content: center;
   align-items: center;
   text-align: center;
   color: #fff;
   /* background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://chrislanejones.com/wp-content/uploads/2018/10/shutterstock_530221237.jpg); */
   background-size: 100% 160px;
   /* background-image: url(../../EventBanners/38b238143847021_banner.jpg); */
   /* background-position: center center; */
   background-repeat: no-repeat;
   /* background-attachment: fixed; */
   height: 160px;
  }


  .event_banner_div #thehero {
   /* width: 100vw; */
   /* height: 100vh; */
   /* display: flex; */
   /* padding: 50px; */
   justify-content: center;
   align-items: center;
   text-align: center;
   color: #fff;
   /* background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://chrislanejones.com/wp-content/uploads/2018/10/shutterstock_530221237.jpg); */
   background-size: 100% 160px;
   /* background-image: url(../../EventBanners/38b238143847021_banner.jpg); */
   /* background-position: center center; */
   background-repeat: no-repeat;
   /* background-attachment: fixed; */
   height: 175px;
  }

  .event_banner_div .the-inner p {
   color: #606061;
   text-align: center;
   font-weight: 600;
  }

  /* .events_menu img{
              height: 70px;
              padding: 5px 5px; 
          } */
 }

 .evnt_agendadiv .timeline {
  position: relative;
  padding: 21px 0px 10px;
  margin-top: 4px;
  margin-bottom: 30px;
 }

 .evnt_agendadiv .timeline .line {
  position: absolute;
  width: 4px;
  display: block;
  background: currentColor;
  top: 0px;
  bottom: 0px;
  margin-left: 30px;
  z-index: -1;
 }

 .evnt_agendadiv .timeline .separator {
  border-top: 1px solid currentColor;
  padding: 5px;
  padding-left: 40px;
  font-style: italic;
  font-size: .9em;
  margin-left: 30px;
 }

 .evnt_agendadiv .timeline .line::before {
  top: -4px;
 }

 .evnt_agendadiv .timeline .line::after {
  bottom: -4px;
 }

 .evnt_agendadiv .timeline .line::before,
 .evnt_agendadiv .timeline .line::after {
  content: '';
  position: absolute;
  left: -4px;
  width: 12px;
  height: 12px;
  display: block;
  border-radius: 50%;
  background: currentColor;
 }

 .evnt_agendadiv .timeline .card {
  position: relative;
  margin: 10px 0px 21px 70px;
  clear: both;
 }

 .evnt_agendadiv .timeline .card::before {
  position: absolute;
  display: block;
  top: 8px;
  left: -24px;
  content: '';
  width: 0px;
  height: 0px;
  border: inherit;
  border-width: 12px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
 }

 .evnt_agendadiv .timeline article.bg-primary.card::before {
  border-right-color: #007bff;
 }

 .evnt_agendadiv .timeline article.bg-danger.card::before {
  border-right-color: var(--event_agenda_bg_active_color) !important;
  /* border-right-color: #1e4567; */
  /* var(--event_header_bg_active_color); */
 }

 .evnt_agendadiv .timeline article.bg-danger {
  background: var(--event_agenda_bg_active_color) !important;
  /* background: #1e4567 !important; */
  /* //var(--event_header_bg_active_color) !important; */
 }

 .evnt_agendadiv .timeline .card .card-header.icon * {
  font-size: 20px;
  vertical-align: middle;
  line-height: 40px;
 }

 .evnt_agendadiv .bg-danger {
  /* background: #1e4567 !important; */
  background: var(--event_agenda_bg_active_color) !important;
 }

 .evnt_agendadiv .timeline .card .card-header.icon {
  position: absolute;
  left: -49px;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0px;
  border-radius: 50%;
  text-align: center;
  float: left;
 }

 .evnt_agendadiv .timeline .card-outline {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
 }

 .evnt_agendadiv .timeline .card-outline .card-body {
  padding: 10px;
 }

 .evnt_agendadiv .timeline .card-outline .card-heading:not(.icon),
 .evnt_agendadiv .timeline .card-outline .card-footer {
  display: none;
 }

 #evnt_agendadiv {
  box-shadow: 0 0 5px #777;
  padding: 0px;
 }

 .page_agenda_header {
  background: var(--event_agenda_bg_active_color);
  padding: 10px;
 }

 .p_5_f_8 {
  padding: 5px;
  font-size: 18px;
  color: #fff;
 }

 .dayagendatitle,
 .text-white {
  color: var(--event_agenda_bg_active_text_color) !important;
 }

 .text_bars_color {
  /* color: #1e4567; */
  color: var(--event_agenda_bg_active_color);
 }

 .agenda_txt_body {
  font-size: 16px;
  font-weight: 500;
  font-family: system-ui;
 }

 .agenda_txt_body small {
  color: var(--event_agenda_bg_active_color);
  font-weight: bold;
 }

 .evnt_agendadiv .commitee-box {
  border-right: 1px solid #dbdbdb;
  font-size: 14px;

 }

 .evnt_agendadiv .img-circle {
  border-radius: 50%;
 }

 .evnt_agendadiv .commitee-box-title {
  margin-top: 10px;
  margin-bottom: 0px;
  font-size: 18px;
  font-weight: 600;
  color: var(--event_header_bg_active_color)
 }

 .heading_styles {
  color: #000000;
  font-family: Red Hat Text', sans-serif';

  font-weight: 400;
  line-height: 1.4;
 }

 .blink {
  /* animation: blinker 1.5s linear infinite; */
  color: var(--event_header_bg_active_color);
  font-family: sans-serif;
  font-size: 16px;
  font-weight: 700;
 }

 .blink a {
  color: #fff !important;
  cursor: pointer;
 }

 .backgroundmarww {
  background: var(--event_header_bg_active_color);
 }

 @keyframes blinker {
  50% {
   opacity: 0;
  }
 }

 .evvnotfounder .p-0 {
  padding: 0px;
 }

 .evvnotfounder .container-fluid {
  background-image: url("https://preciouscareers.com/asserts/images/404page.jpg");
 }

 .evvnotfounder .pagenotfounddiv {
  height: 100vh;
 }

 .evvnotfounder .f-s-150 {
  font-size: 150px;
 }

 .evvnotfounder .p-t-40 {
  padding-top: 40px;
 }

 .evvnotfounder .parasorry {
  font-size: 22px;
  font-weight: bold;
 }

 .evvnotfounder .paraeither {
  font-size: 20px;
 }
 .col-md-6 label{
  font-size: 14px;
 }

 .list i,.list p,.text-white{
  color: #fff !important;
 }

 .form-group{
  margin-bottom: 15px;
 }

 #paymentviewscreeninfo .heading{
    text-align: center;
    font-family: var(--primary-font);
    padding: 0px;
    font-weight: 600;
     font-size: 20px;
     color:#0d528b;
 }

 #paymentviewscreeninfo .list-group-item{
  border-radius: 0px;
  border: 0px;

 }
 #paymentviewscreeninfo .list-group-item p{
  margin: 0px;

 }

 #paymentviewscreeninfo .list-group-item.active{
  background:#005588;
  border-color:#005588;
  color:#000;
 }
 #paymentviewscreeninfo .list-group-item.active1{
  background:#afc6d2;
  border:1px solid#005588;
  color:#000;
 }
 #paymentviewscreeninfo .list-group-item.active1 p{
  font-size: 14px;
  position: relative;
 }
 #paymentviewscreeninfo .list-group-item.active1 p span{
  position: absolute;
  right: 10px;
 }
 .infored{
  color: #000;
  font-size: 14px;
  font-weight: 600;
 }
 .verticals .dealwrapper{
  box-shadow: 0 0 5px #777;
  min-height: 245px;
 }

 #paymentviewscreeninfo .paymentsposapntxt{
  color: #fff;
  font-size: 30px;
 }