:root{
    --text-color:#000;
    --warning-color:#FF8800;
    --orange-color:#FF8800;
    --sucess-color:#57b60a;
    --green-color:#57b60a;
    --error-color:#ff4444;
    --heading-color:#43ADF7;
    --blue-color:#43ADF7;
    --menu-links-color:#3b3b3b;
    --border-color:#b6b6b6;
    --normal-bg-color:#fff;
    --content-bg-color:#f8f6f3;
    --section-bg-color:rgb(242, 244, 245);

    --primary-btn-bg-color:#cddc30;

    --soft-lime:#ebf0a2;




    /* Font Family */
    --body-font:"Roboto", sans-serif;
    --content-font:"Roboto", sans-serif;

    --primary-font:"Roboto", sans-serif;
    --secondory-font:"Roboto", sans-serif;

    --heading-font:"Roboto", sans-serif;

}

.orange-color{color: #FF8800;}
.blue-color{color: #43ADF7;}
.green-color{color: #57b60a;}
.red-color{color: #ff4444;}
.yellow-color{color: #cddc30;}


.orange-color-imp{color: #FF8800 !important;}
.blue-color-imp{color: #43ADF7 !important;}
.green-color-imp{color: #57b60a !important;}
.red-color-imp{color: #ff4444 !important;}
.yellow-color-imp{color: #cddc30 !important;}


.orange-bg{background-color: #FF8800;}
.blue-bg{background-color: #43ADF7;}
.green-bg{background-color: #57b60a;}
.red-bg{background-color: #ff4444;}
.yellow-bg{background-color: #cddc30;}

.orange-bg-imp{background-color: #FF8800 !important;}
.blue-bg-imp{background-color: #43ADF7 !important;}
.green-bg-imp{background-color: #57b60a !important;}
.red-bg-imp{background-color: #ff4444 !important;}
.yellow-bg-imp{background-color: #cddc30 !important;}


.content-bg{background-color: var(--normal-bg-color);border-radius: 10px;padding: 20px 10px;overflow: auto;}

h1,h2,h3,h5,h6{font-family: var(--primary-font);}

/* Font Family */
.poppins-regular {font-family: "Poppins", sans-serif;font-weight: 400;font-style: normal;}
.poppins-regular-italic {font-family: "Poppins", sans-serif;font-weight: 400;font-style: italic;}
.roboto-regular {font-family: "Roboto", sans-serif;font-weight: 400;font-style: normal;}
.roboto-regular-italic {font-family: "Roboto", sans-serif;    font-weight: 400;font-style: italic;}
.ubuntu-regular {font-family: "Ubuntu", sans-serif;font-weight: 400;font-style: normal;}
.ubuntu-regular {font-family: "Ubuntu", sans-serif;font-weight: 400;font-style: italic;}


/* useful for responsive grid layout */
.row-cols-xs-1>* {flex: 0 0 auto;width: 100%;}
.row-cols-xs-2>* {flex: 0 0 auto;width: 50%;}
.row-cols-xs-3>* {flex: 0 0 auto;width: 33.33%;}
.row-cols-xs-4>* {flex: 0 0 auto;width: 25%;}
.row-cols-xs-5>* {flex: 0 0 auto;width: 20%;}
.row-cols-xs-6>* {flex: 0 0 auto;width: 16.66%;}
.row-cols-xs-7>* {flex: 0 0 auto;width: 14.28%;}
.row-cols-xs-8>* {flex: 0 0 auto;width: 12.5%;}
.row-cols-xs-9>* {flex: 0 0 auto;width: 11.11%;}
.row-cols-xs-10>* {flex: 0 0 auto;width: 10%;}

@media (min-width: 480px) {
    .row-cols-xsm-1>* {flex: 0 0 auto;width: 100%;}
    .row-cols-xsm-2>* {flex: 0 0 auto;width: 50%;}
    .row-cols-xsm-3>* {flex: 0 0 auto;width: 33.33%;}
    .row-cols-xsm-4>* {flex: 0 0 auto;width: 25%;}
    .row-cols-xsm-5>* {flex: 0 0 auto;width: 20%;}
    .row-cols-xsm-6>* {flex: 0 0 auto;width: 16.66%;}
    .row-cols-xsm-7>* {flex: 0 0 auto;width: 14.28%;}
    .row-cols-xsm-8>* {flex: 0 0 auto;width: 12.5%;}
    .row-cols-xsm-9>* {flex: 0 0 auto;width: 11.11%;}
    .row-cols-xsm-10>* {flex: 0 0 auto;width: 10%;}
}
@media (min-width: 768px) {
    .row-cols-sm-1>* {flex: 0 0 auto;width: 100%;}
    .row-cols-sm-2>* {flex: 0 0 auto;width: 50%;}
    .row-cols-sm-3>* {flex: 0 0 auto;width: 33.33%;}
    .row-cols-sm-4>* {flex: 0 0 auto;width: 25%;}
    .row-cols-sm-5>* {flex: 0 0 auto;width: 20%;}
    .row-cols-sm-6>* {flex: 0 0 auto;width: 16.66%;}
    .row-cols-sm-7>* {flex: 0 0 auto;width: 14.28%;}
    .row-cols-sm-8>* {flex: 0 0 auto;width: 12.5%;}
    .row-cols-sm-9>* {flex: 0 0 auto;width: 11.11%;}
    .row-cols-sm-10>* {flex: 0 0 auto;width: 10%;}
}
@media (min-width: 992px) {
    .row-cols-md-1>* {flex: 0 0 auto;width: 100%;}
    .row-cols-md-2>* {flex: 0 0 auto;width: 50%;}
    .row-cols-md-3>* {flex: 0 0 auto;width: 33.33%;}
    .row-cols-md-4>* {flex: 0 0 auto;width: 25%;}
    .row-cols-md-5>* {flex: 0 0 auto;width: 20%;}
    .row-cols-md-6>* {flex: 0 0 auto;width: 16.66%;}
    .row-cols-md-7>* {flex: 0 0 auto;width: 14.28%;}
    .row-cols-md-8>* {flex: 0 0 auto;width: 12.5%;}
    .row-cols-md-9>* {flex: 0 0 auto;width: 11.11%;}
    .row-cols-md-10>* {flex: 0 0 auto;width: 10%;}
}
@media (min-width: 1200px) {
    .row-cols-lg-1>* {flex: 0 0 auto;width: 100%;}
    .row-cols-lg-2>* {flex: 0 0 auto;width: 50%;}
    .row-cols-lg-3>* {flex: 0 0 auto;width: 33.33%;}
    .row-cols-lg-4>* {flex: 0 0 auto;width: 25%;}
    .row-cols-lg-5>* {flex: 0 0 auto;width: 20%;}
    .row-cols-lg-6>* {flex: 0 0 auto;width: 16.66%;}
    .row-cols-lg-7>* {flex: 0 0 auto;width: 14.28%;}
    .row-cols-lg-8>* {flex: 0 0 auto;width: 12.5%;}
    .row-cols-lg-9>* {flex: 0 0 auto;width: 11.11%;}
    .row-cols-lg-10>* {flex: 0 0 auto;width: 10%;}
}

@media (min-width: 1500px) {
    .row-cols-xl-1>* {flex: 0 0 auto;width: 100%;}
    .row-cols-xl-2>* {flex: 0 0 auto;width: 50%;}
    .row-cols-xl-3>* {flex: 0 0 auto;width: 33.33%;}
    .row-cols-xl-4>* {flex: 0 0 auto;width: 25%;}
    .row-cols-xl-5>* {flex: 0 0 auto;width: 20%;}
    .row-cols-xl-6>* {flex: 0 0 auto;width: 16.66%;}
    .row-cols-xl-7>* {flex: 0 0 auto;width: 14.28%;}
    .row-cols-xl-8>* {flex: 0 0 auto;width: 12.5%;}
    .row-cols-xl-9>* {flex: 0 0 auto;width: 11.11%;}
    .row-cols-xl-10>* {flex: 0 0 auto;width: 10%;}
}

[class*="row-cols-"]{display: flex;flex-wrap: wrap;margin: 0 -15px;}
[class*="row-cols-"].nomargin{margin: 0 0;}
[class*="row-cols-"]>*{padding: 0px 15px;}

[class*="row-cols-"].min-width-250>*{min-width: calc(250px + 30px);}


.d-flex{display: flex;}
.d-flex.wrap{flex-wrap: wrap;}
.d-flex.justify-content-between{justify-content: space-between;}
.d-flex.justify-content-center{justify-content: center;}
.d-flex.align-items-center{align-items: center;}
.row-gap15{row-gap: 15px;}
.row-gap30{row-gap: 30px;}


.fl_right_imp{float: right !important;}
.fl_left_imp{float: left !important;}

.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.mb-25{margin-bottom: 25px;}

.mb-10-imp{margin-bottom: 10px !important;}

.mr-5{margin-right: 5px;}
.mr-10{margin-right: 10px;}
.mr-15{margin-right: 15px;}
.mr-20{margin-right: 20px;}
.mr-25{margin-right: 25px;}

.ml-5{margin-left: 5px;}
.ml-10{margin-left: 10px;}
.ml-15{margin-left: 15px;}
.ml-20{margin-left: 20px;}
.ml-25{margin-left: 25px;}

.w10p{width: 10%;}
.w20p{width: 20%;}
.w30p{width: 30%;}
.w33p{width: 33%;}
.w40p{width: 40%;}
.w50p{width: 50%;}
.w60p{width: 60%;}
.w70p{width: 70%;}
.w80p{width: 80%;}
.w90p{width: 90%;}
.w100p{width: 100%;}

.w10p_imp{width: 10% !important;}
.w20p_imp{width: 20% !important;}
.w30p_imp{width: 30% !important;}
.w40p_imp{width: 40% !important;}
.w50p_imp{width: 50% !important;}
.w60p_imp{width: 60% !important;}
.w70p_imp{width: 70% !important;}
.w80p_imp{width: 80% !important;}
.w90p_imp{width: 90% !important;}
.w100p_imp{width: 100% !important;}

.h10p{height: 10%;}
.h20p{height: 20%;}
.h30p{height: 30%;}
.h40p{height: 40%;}
.h50p{height: 50%;}
.h60p{height: 60%;}
.h70p{height: 70%;}
.h80p{height: 80%;}
.h90p{height: 90%;}
.h100p{height: 100%;}


.pl0{padding-left: 0px;}
.pr0{padding-right: 0px;}


.min-width-100{min-width: 100px;}
.min-width-120{min-width: 120px;}


/* Old Used Css */
body{font-family: var(--body-font);}
#content{font-family: var(--primary-font);}

#message div#usrresponse {text-align: center;}
.form-group {font-family: var(--primary-font) !important;}
#container {width: 100%;height: 100%;}
.create_password .login-panel {margin-top: 10%;}
.padding8 {padding: 8px;}
#myModal .modal-body {overflow-y: scroll;max-height: 400px;}
.modal-footer,
.modal-body {text-align: center !important;}
.modal-footer button {float: none;}
#popup_div {padding: 30px;}

#popup_div:has(>.horizontal-vertically-center) {min-height: 100vh;display: flex;align-items: center;justify-content: center;}

#myModal {background-color: rgba(0,0,0,.5);}
.modal-header {padding: 15px;border-bottom: 1px solid transparent;background-color: var(--heading-color);color: #ffffff;}
#myModal .modal-body {overflow-y: scroll;max-height: 400px;}
.error {color: #000;}
.success {color: #000;}
span.error {width: 100%;}
.has_error {border: 1px solid #ec3900 !important;}
.messagefail i {font-size: 40px;}
.messagefail .success,
.messagefail .error {text-align: center !important;}
.fa-check-circle {color: #54b800;}
.messagefail {color: #626262;text-align: center;font-size: 20px;}

.display_block {display: block !important;}
.display_inline_block {display: inline-block;}
.display_inline {display: inline;}

.add-user {background-color: #cddc30 !important;color: #000;font-size: 15px;padding: 8px 20px !important;opacity: 1;}
.add-user:focus,.add-user:hover {color: #fff;}
.sidebar-menu {margin-top: 0px;}
.sidebar {height: 79%;}
.main-section {margin-bottom: 50px;}
.login-main .panel-heading {background-color: var(--heading-color) !important;}
.card-body {display: inline-block;width: 100%;}
#content a[href^="mailto:"] {font-weight: 400;}
#example_data_info {display: none;}
.label {display: inline;padding: .2em .6em .3em;font-weight: 700;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: .25em;width: 170px;float: left;padding: 6px 7px !important;font-size: 14px;}
.label-active {background-color: #57b60a;}
.label-suspend {background-color: #e93b0c;}
.label-submitted {background-color: #28a6f5;}
.label-approved{background-color:#2cbbbb;}
#content .dropdown-menu>li>a {display: inline;padding: 3px 0;}
#content .dropdown-menu li,
#content .dropdown-menu a {cursor: pointer;width: 100%;}
#content .dropdown-menu>li>a:hover {background-color: transparent;}
#content .formname b span {font-size: 14px;}
.display_none {display: none !important;}
.logo-title {min-height: 120px;height: auto !important;}
.border-red {border: 2px solid #eb3409;}
[class^="icon-"]::before,
[class*=" icon-"]::before {font-family: "hindavi" !important;font-style: normal !important;font-weight: normal !important;    font-variant: normal !important;text-transform: none !important;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.modal-header {background-color: #012c61;}
.modal-header .close {opacity: 1;color: #FFF;margin-top: 0px !important;}
.modal-body {background: #fff;}
.table-bordered {border: 1px solid #c4c4c4 !important;}
.image-main-width img {width: 100%;}
.image-main-width {width: 164px;height: 164px;}
.border-gray {border-radius: 5px;border: 4px solid #000000;background-color: #fff;}
.borderimagebox {border-radius: 3px;border: 1px solid #ddd;padding: 5px;}
#example_data_length {margin-left: 60%;text-transform: capitalize !important;}
a:hover {text-decoration: none;}
.miresponsive_table {width: 650px;}
.miresponsive_table td {padding: 5px !important;}
.color-black {color: #3d3d3d !important;}
.color-red {color: #626262 !important;}
ul.points li::before {color: #000;font-size: 8px;}
.logo-title {font-family: var(--primary-font) !important;font-size: 20px;    font-weight: '700';}
.logo-title span {font-size: 24px;}
#request {width: 100%;height: 100%;position: fixed;z-index: 999999999;display: none;}
.mloader {width: 56px;height: 56px;position: fixed;top: 49%;left: 49%;}
.mloader img {width: 50px;height: auto;}
.center_div {margin: auto;top: 0;bottom: 0;left: 0;right: 0;}
.exptext {color: #F00;font-weight: 700;line-height: 40px;font-size: 16px;}
#page_scroller {position: fixed;right: 20px;bottom: 50px;background-color: #2d2c2c;color: #fff;border-radius: 50%;width: 50px;height: 50px;line-height: 70px;text-align: center;text-decoration: none;opacity: 0;font-size: 50px;font-weight: 700;z-index: 99;}
.text-align-left {text-align: left;}
.desk-dis-none {display: none;}
ul.points li {text-indent: -13px;}
.clr_red {color: red;}
.ui-dialog {z-index: 99999 !important;left: 50% !important;transform: translateX(-50%);}
.ui-widget-content {background-color: #FFF !important;background: #FFF !important;text-align: center;}
.ui-dialog-titlebar {background-color: #FFF !important;background: #FFF !important;border: none !important;}
.imagebox_detail p {padding-left: 30px;}
.imagebox_detail ul {padding-left: 40px;}
.imagebox_detail li {padding-left: 10px;}
.padding-bottom50 {padding-bottom: 50px;}
.graybg {background-color: #f2f4f5;border-radius: 10px;font-size: 18px;color: var(--heading-color);}
.noborder-left-bottom {border-left: 1px solid transparent !important;border-bottom: 1px solid transparent !important;vertical-align: top !important;}
.timetable th {font-size: 16px;}
.navbar-right>li>a.active {padding: 10px;}
.error_list {color: #F00;}
.error_list .ui-dialog-titlebar {display: none;}
ul.error_list {width: fit-content;margin: 0 auto !important;text-align: justify !important;padding: 0px 15px !important;max-height: calc(100vh - 250px) !important;}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.error_list {position: fixed;top: 80px !important;border-radius: 6px;}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.error_list .icon {padding: .5em 0px !important;position: sticky !important;top: 0px !important;background-color: #FFF !important;z-index: 99;margin: 0px !important;}
.ui-dialog .ui-dialog-content {padding: 0px 1em .5em 1em !important;}
.error_list li {margin-bottom: 10px;color: #000;display: block;line-height: 20px;padding-left: 10px;text-align: justify;}
.error_list li:not(.remove_arrow_before):before {content: "\203a";font-size: 25px;font-weight: 400;position: absolute;line-height: 20px;margin-left: -10px;font-family: var(--primary-font) !important;}
.error_list .ui-button {background-color: #333;border: 1px solid #333;color: #FFF;font-family: var(--primary-font) !important;}
.error_list .ui-button:hover {background-color: #ccc;border: 1px solid #ccc;}
.error_list .ui-dialog-buttonpane {text-align: center !important;}
.error_list .ui-dialog-buttonpane .ui-dialog-buttonset {float: none !important;}
.error_list .fa-times-circle,
.error_list .fa-exclamation-triangle {color: #F00;font-size: 40px;}
.error_list .icon {text-align: center !important;margin-bottom: 15px;}
.event_logo {margin: 0px;padding: 0px;margin-top: 10px;}
.event_logo li {padding: 0px;padding-left: 10px;}
.main-section {min-height: auto;}
.hide_email_word b {display: none;}
#overlay {background-color: rgba(92, 111, 124, .5) !important;}
hr.style1 {border-top: 2px solid #ffffff !important;}
[data-tooltip] {position: relative;z-index: 2;    cursor: pointer;}
[data-tooltip-top] {position: relative;z-index: 2;cursor: pointer;}
[data-tooltip]:before,
[data-tooltip]:after {visibility: hidden;    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;pointer-events: none;}
[data-tooltip-top]:before,
[data-tooltip-top]:after {visibility: hidden;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;pointer-events: none;}
[data-tooltip]:before {position: absolute;bottom: -500%;left: 50%;margin-bottom: 5px;margin-left: -80px;padding: 7px;width: 500px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-color: #000;background-color: hsla(0, 0%, 20%, 0.9);color: #fff;content: attr(data-tooltip);text-align: center;font-size: 14px;line-height: 1.2;}
[data-tooltip-top]:before {position: absolute;bottom: 150%;left: 50%;margin-bottom: 5px;margin-left: -80px;padding: 7px;width: 500px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-color: #000;background-color: hsla(0, 0%, 20%, 0.9);color: #fff;content: attr(data-tooltip);text-align: center;font-size: 14px;line-height: 1.2;}
[data-tooltip]:after {position: absolute;bottom: -20%;left: 50%;margin-left: -5px;width: 0;border-top: 5px solid #000;border-top: 5px solid hsla(0, 0%, 20%, 0.9);border-right: 5px solid transparent;border-left: 5px solid transparent;content: " ";font-size: 0;line-height: 0;transform: rotate(180deg);}
[data-tooltip-top]:after {position: absolute;bottom: 150%;left: 50%;margin-left: -5px;width: 0;border-top: 5px solid #000;border-top: 5px solid hsla(0, 0%, 20%, 0.9);border-right: 5px solid transparent;border-left: 5px solid transparent;content: " ";font-size: 0;line-height: 0;}
[data-tooltip-top]:before {position: absolute;bottom: 150%;left: 50%;margin-bottom: 5px;margin-left: -80px;padding: 7px;width: 500px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-color: #000;background-color: hsla(0, 0%, 20%, 0.9);color: #fff;content: attr(data-tooltip-top);text-align: center;font-size: 14px;line-height: 1.2;}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {visibility: visible;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
[data-tooltip-top]:hover:before,
[data-tooltip-top]:hover:after {visibility: visible;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
.upload-box .ui-dialog-buttonpane {display: none;}
.upload-progress {display: block;height: 20px;border: #11d11f solid 5px;background-color: #11d11f;}
.progress {width: 100%;height: 21px;border: 1px #333 solid;}
.progressing:before {content: "";display: inline-block;width: 1.7em;height: 1.4em;background: url("./images/loading.gif") no-repeat left center;background-size: contain;line-height: -18px;margin-bottom: -5px;}
.file-select-name {position: relative;}
.baground-banner {cursor: pointer;}
.model_widh50 {width: 50%;}
.model_widh75 {width: 75%;}
#container {overflow-x: hidden;}
.box-border {border: 1px solid;padding: 10px;margin: 10px;}
.text-white ul.points li::before {color: white !important;}
.ui-dialog {background: #fff;border: none !important;border-radius: 15px;text-align: center !important;border: 1px solid rgba(0, 0, 0, .2);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .5);width: 40% !important;}
.ui-button-text-only .ui-button-text {padding: 8px 15px !important;}
.ui-dialog .ui-dialog-content {font-size: 16px !important;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float: none;text-align: center;}
.ui-widget-overlay {    background-color: #0000007a;}
.ui-dialog-buttonset button {text-shadow: 0 1px 0 #fff;color: #FFF !important;background-color: #454545 !important;font-size: 15px;padding: 0px !important;border: none;opacity: .4;text-shadow: 0 1px 0 #fff;font-weight: 700;}
.ui-dialog-buttonset button:hover {background-color: #000 !important;}
.ui-dialog-title {display: none;}
ul.removepoints li {list-style-type: circle !important;text-indent: 0 !important;}
ul.removepoints li:before {content: "" !important;}
.paddingleft50 {padding-left: 50px !important;}
.event_logo img {height: 100px !important;}
.telno::before {max-width: 310px;}
.text-chrome {position: absolute;margin: 0 auto;display: block;padding: 0px;left: 0;top: 30px;}
.create_password .login-panel {margin-top: 20%;}
#txtSearch::placeholder {color: #FFFFFF !important;opacity: 1;}
#txtSearch:-ms-input-placeholder {color: #FFFFFF !important;}
#txtSearch::-ms-input-placeholder {color: #FFFFFF !important;}
.navbar.navbar-default .pull-center {float: none !important;position: absolute;margin: 0 auto;left: 0;right: 0;}
.event_logo img {max-width: 100%;}
.formmultiselect .multiselect.btn {word-wrap: break-word;width: 100%;height: auto;word-break: break-all;text-align: left;padding: 5px 15px;}
.formmultiselect .btn-default {color: #333;background-color: #fff;border-color: #ccc;}
.formmultiselect .dropdown-menu>.active>a {color: #000;background: white;}
.dropdown-menu {padding: 5px 15px;}
.formmultiselect .btn-group {width: 100%;}
.formmultiselect .open>.dropdown-menu {width: 100%;}
.formmultiselect .multiselect .multiselect-selected-text {width: 100%;position: relative;text-align: left;}
.formmultiselect .checkbox {margin-bottom: 0;}
.formmultiselect .multiselect-container{width: 94%;}
.formmultiselect .multiselect-container input {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.formmultiselect .multiselect-container input:checked{-webkit-appearance: auto;-moz-appearance: auto;appearance: auto;}
.formmultiselect .multiselect-container input:checked::before {content: "\f046";font-family: "FontAwesome" !important;color: #40b24e;}
.formmultiselect .multiselect-container input::before {content: "\f096";font-family: "FontAwesome" !important;    font-size: 23px; margin-top: -5px; width: 1.3em;border-radius: 5px;text-align: center;margin-left: -3px;display: inline-block;color: #c5c5c5;}
.formmultiselect .checkbox input[type="checkbox"] {    margin-left: -30px !important;}
.panel-primary>.panel-heading {color: #000 !important;background-color: #c4c4c4 !important;border-color: #c4c4c4 !important;}
.panel-primary {border-color: transparent !important;}
.accordion .panel-primary {border: none;}
.selectcheckbox .btn-group,
.selectcheckbox .multiselect-container,
.selectcheckbox button {width: 100%;}
.multiselect .caret {display: none;}
.multiselect .multiselect-selected-text {width: 100%;position: relative;text-align: left;width: 100%;display: block;}
.multiselect .multiselect-selected-text:after {content: "\e1a3";font-family: "hindavi" !important;font-size: 20px;color: #717171;padding-top: 0;float: right;width: 10px;height: 10px;right: 10px;top: -4px;z-index: 0;}
.multiselect.btn {word-wrap: break-word;width: 100% !important;height: auto;word-break: break-all;}
.modal input.form-control,
.modal .input-group-addon,
.modal textarea.form-control,
.modal .multiselect {background-color: #f1f1ef;}
.selectcheckbox .btn-default {color: #333 !important;padding: 6px 12px !important;}
.nav-tabs {border: none;}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.nav-tabs>li>a {border-radius: 15px;border: none;color: #5c6e7c !important;}
.nav-tabs>li>a:hover {background: #fff;}
.font-weight-normal {font-weight: normal !important;}
.markeing-manule {display: block;flex-wrap: wrap;justify-content: space-between;max-width: 1245px;margin: 0 auto;padding: 0;}
.remove-input {position: absolute;top: 2px !important;right: 10px;color: #fff !important;font-size: 20px;border: 1px solid #5c6e7c;background: #5c6e7c;display: block;height: 28px;width: 28px;text-align: center;border-radius: 49%;padding: 0px;vertical-align: middle;display: flex;align-items: center;justify-content: space-between;text-align: center;line-height: 20px;padding-left: 7px;}
.counterholder {margin-top: 5px;margin-bottom: 5px;display: block;}
.table_ce {border: none;text-align: left !important;min-width: 50% !important;width: 50%;background: #fff;}
.table_ce td {border: none;}
.table_ce th {border: none;padding: 5px;}
.table_ce tr:first-child td {text-align: center !important;padding-left: 0px !important;}
.table_ce tr:first-child td b {background-color: var(--heading-color) !important;color: #fff !important;width: 85%;display: block;padding: 5px;border-top-right-radius: 10px;border-top-left-radius: 10px;font-size: 17px;}
.table_ce tr td i,
.table_ce .dull {margin-right: 10px;color: #b1b1b1;}
.table_ce tr td span {margin-left: 23px;font-size: 12px;}
.table_ce tr td a {margin-left: -15px;background: var(--heading-color);padding: 6px;color: #fff !important;border-radius: 5px;font-size: 10px;}
.table_ce tr td i.fa-check {color: #57c200;}
.table_ce tr:nth-child(odd) div {background: #e8e8e8;}
.table_ce tr:first-child {background: #fff;}
.table_ce tr div {margin-left: 25px;width: 243px;padding-left: 22px;padding-top: 6px;padding-bottom: 6px;font-size: 15px;}
.single-input-box .remove-input {top: -100px;}
.single-input-box .fileupload .remove-input {top: 20px;}
.responsive-padding span {white-space: normal !important;}
.dropdown_icon {font-size: 18px !important;float: right;position: absolute;top: 8px;right: 15px;color: #aeaeae;}
.ui-dialog-buttonset button {color: #cddc30 !important;opacity: 1 !important;}
.ui-dialog .ui-dialog-titlebar-close {display: none !important;}
.ui-dialog .ui-dialog-buttonpane button {opacity: 1 !important;background-color: #cddc30 !important;border: 0px !important;font-weight: bold !important;color: #000 !important;}
.bullets li {padding-left: 10px;}
ul.third_child.dropdown-content {padding-left: 5% !important;}
ul.dropdown-content {padding-left: calc(5% + 35px) !important;}
ul.pointlist {padding: 0;}
ul.pointlist>li {    position: relative;padding-left: 30px;}
ul.pointlist>li .li_head {position: absolute;left: 0;}
body li .mi-icon {background-position: 20px 8px;background-repeat: no-repeat;background-size: 15px;padding-left: 18% !important;}
.mi-icon-page {background-image: url('../images/page-icon.png');}
.mi-icon-mobile {background-image: url('../images/mobile.svg');}
.mi-icon-tel {background-image: url('../images/tel.svg');}
.mi-icon-fax {background-image: url('../images/fax.svg');}
.mi-icon-office {background-image: url('../images/office.svg');}
.mi-icon-mail {background-image: url('../images/mail.svg');}
.mi-icon-exhibitor-zone {background-image: url('../images/exhibitor-zone.svg');}
.mi-icon-exhibitor-manual {background-image: url('../images/exhibitor-manual.svg');}
li:not(.dropdown) .mi-icon-exhibitor-manual:hover,
li:not(.dropdown) .mi-icon-exhibitor-manual.active {background-image: url('../images/exhibitor-manual-white.svg');}
.mi-icon-home {background-image: url('../images/home.svg');}
.mi-icon.mi-icon-home:hover,
.mi-icon.mi-icon-home.active {background-image: url('../images/home-hover.svg') !important;}
.mi-icon-checklist {background-image: url('../images/checklist.svg');}
.mi-icon.mi-icon-checklist:hover,
.mi-icon.mi-icon-checklist.active {background-image: url('../images/checklist-hover.svg') !important;}
.mi-icon-freetools {background-image: url('../images/freetools.svg');}
.mi-icon.mi-icon-freetools:hover,
.mi-icon.mi-icon-freetools.active {background-image: url('../images/freetools-hover.svg') !important;}
.mi-icon-user-add {background-image: url('../images/user-add.svg');}
.mi-icon.mi-icon-user-add:hover,
.mi-icon.mi-icon-user-add.active {background-image: url('../images/user-add-hover.svg') !important;}
.mi-icon-additional-user {background-image: url('../images/additional-user.svg');}
.mi-icon.mi-icon-additional-user:hover,
.mi-icon.mi-icon-additional-user.active {background-image: url('../images/additional-user-hover.svg') !important;}
.mi-icon-angle-down {background-image: url('../images/angle-down.svg');}
.mi-icon-angle-up {background-image: url('../images/angle-up.svg');}
.mi-icon-user {background-image: url('../images/user.svg');}
.mi-icon-search {background-image: url('../images/search.svg');}
.mi-icon-event-plus {background-image: url('../images/event-plus.png');}
.mi-icon-event-plus:hover,
.mi-icon-event-plus.active {background-image: url('../images/event-plus-white.png');}
.glyphicon.mi-icon-home,
.glyphicon.mi-icon-user,
.glyphicon.mi-icon-angle-up,
.glyphicon.mi-icon-angle-down,
.glyphicon.mi-icon-search,
.glyphicon.mi-icon-mobile,
.glyphicon.mi-icon-tel,
.glyphicon.mi-icon-fax,
.glyphicon.mi-icon-office,
.glyphicon.mi-icon-mail,
.mi-icon-search {height: 25px;background-position: top;    background-repeat: no-repeat;width: 25px;background-size: 100%;}
.mi-icon-mobile,
.mi-icon-tel,
.mi-icon-fax,
.mi-icon-office,
.mi-icon-mail {height: 20px !important;width: 20px !important;}
.glyphicon.mi-icon-user {height: 20px !important;margin-right: 5px;}
.glyphicon.mi-icon-angle-up,
.glyphicon.mi-icon-angle-down {height: 15px !important;width: 15px !important;}
.glyphicon.mi-icon-search,
.mi-icon-search {height: 18px !important;width: 15px !important;}
.mi-select.mi-icon-angle-up,
.mi-select.mi-icon-angle-down {width: 11px !important;position: absolute;pointer-events: none;display: block;right: 10px;top: 5px;background-color: #012c61;}
.glyphicon .mi-icon-angle-down,
.glyphicon.mi-icon-user {top: 5px !important;}
.mi-select.mi-icon-angle-down {top: 15px !important;}
.download-manual {text-transform: uppercase;}
.mi-custom-header.header-nav {display: flex;    height: 55px;}
.mi-submit {background-color: #cddc30 !important;}
.ui-dialog .ui-dialog-content {font-family: var(--primary-font) !important;}
.accordion {padding: 0px 30px !important;}
.nav.sidebar-menu ul.dropdown-content li.drop-down-list {padding-top: 3px !important;padding-bottom: 3px !important;}
footer .overlaymob {background-color: inherit !important;}
#popup_div .mi-submit {float: left !important;}
.dropdown-menu {z-index: 99 !important;}
.dropdownbtn {max-width: 180px !important;}
#mobile_menu ul.dropdown-content li a {padding-left: 0px !important;}
.text-uppercase {text-transform: uppercase;}
.modal-footer .btn {font-weight: 500!important;}
.modal-content .btn {margin-top: 5px !important;}
/* .datetimepicker {transform: translate(-50%) !important;} */
.modal-content .file-upload .file-select {height: auto !important;}
.modal-content .file-upload .file-select .file-select-name {position: unset !important;}
.content-accordian .table.timetable td:first-child {min-width: 1px !important;}
.mi-border {border: 1px solid #cddc3099 !important;}
#footer .col-md-2.blurp {text-align: left !important;}
.dropdown-toggle.profile_icons .mi-icon-user {border-radius: 20px;border: 1px solid #FFF;padding: 17px !important;background-size: 60% !important;background-position: center;top: 9px !important;}
.navbar-toggle.pull-left {padding-left: 0px !important;}
#footer .col-md-8.text-center.blurp {padding-top: 15px !important;}
.error {font-size: 18px;}
.remove_field.btn.add-user {vertical-align: -10px !important;}
.search_box .txt-search:focus-visible {outline: none !important;}
#container .custom-combobox-input {border: 1px solid #c4c4c4;background-color: #f1f1ef !important;font-weight: normal;color: #555;border-radius: 6px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border: none !important;padding-right: 0px !important;}
#container .custom-combobox a {padding: 6px 12px;font-size: 14px;font-weight: 400;line-height: 1;color: #555;text-align: center;border: 1px solid #c4c4c4 !important;background-color: #f1f1ef !important;border-radius: 6px;display: table-cell;border-left: none !important;border-top-left-radius: 0;border-bottom-left-radius: 0;/*box-shadow: 5px 0px 3px -6px #0000006e;*/z-index: 99;border: none !important;}

#container .search-filter-combox .custom-combobox input {background-color: #fff !important;}
#container .search-filter-combox .custom-combobox a{background-color: transparent !important;}
#container .search-filter-combox .input-group.custom-combobox{background-color: #fff;}


.contry_combo .input-group.custom-combobox {border-radius: 20px;}
#container .contry_combo .custom-combobox a {border-radius: inherit;background-color: transparent !important;}
#container .contry_combo .input-group.custom-combobox {border-radius: 20px;padding: 0;width: 100%;}
#container .contry_combo .input-group.custom-combobox input{border-radius: inherit !important;}
.contry_combo:has(.has_error) .custom-combobox {border: 1px solid #ec3900;}

.ui-state-focus {border: 1px solid #FFF !important;background-color: #012c61 !important;color: #FFF !important;}
#container .ui-state-focus .ui-icon{background-image: '';}
textarea.form-control {border: 1px solid #c4c4c4;background-color: #ffffff;border-radius: 6px;}

.form-control[readonly]:focus{border: 1px solid #c4c4c4!important;background-color: #eee;box-shadow: unset!important;-webkit-box-shadow: unset!important;}
.ui-autocomplete,
.custom-combobox-input {text-align: left !important;}
#content a.mi-back-btn {padding: 6px 12px !important;font-size: 16px !important;width: auto !important;color: #FFF !important;font-weight: normal !important;}
#content .common_table .dropdown ul li span {float: none !important;}
#content .common_table .dropd .dropdown-menu>li>a {display: flex !important;white-space: inherit !important;}
.dropdown-menu {z-index: 2000 !important;}
body #content .checkbox-ti .sub_cat_label {width: 30% !important;background: #ffffff;z-index: 99;padding: 10px 0px !important;}
.active_subans_tab {display: block !important;}
p.para-title {padding: 6px 12px !important;}
.mi_submit_btn_disabled{background-color: #cddc3099 !important; pointer-events: none !important; }
.ui-widget {font-family: var(--primary-font) !important;font-size: 14px!important;}
.ui-slider-horizontal .ui-slider-handle{background-color: #cddc30!important;border: unset!important;border-radius: 50%;height: 1.2em;width: 1.2em;}
.ui-slider-range.ui-widget-header.ui-slider-range-min{background: #cddc3099!important;}
.ui-widget.ui-widget-content.ui-autocomplete {max-height: 320px;overflow-x: hidden;z-index: 9999;}
#content .custom-combobox-input:focus{border-color: #66afe9 !important;}
button, input, select, textarea{font-family: var(--primary-font);}
.mi-txt-center{text-align: center;}
[data-bs-toggle=buttons]>.btn input[type=checkbox],
[data-bs-toggle=buttons]>.btn input[type=radio],
[data-bs-toggle=buttons]>.btn-group>.btn input[type=checkbox],
[data-bs-toggle=buttons]>.btn-group>.btn input[type=radio] {position:absolute!important;clip:rect(0,0,0,0)!important;pointer-events:none!important;}
.fade.show{opacity: 1;}
.ui-dialog-buttonset button{padding: 4px 15px!important;border-radius: 5px;font-weight: 100!important;text-shadow: 0 0 #fff!important;}
.avoid-clicks{pointer-events: none;}
.pos_relative{position: relative;}
.table-cell {display: table-cell;vertical-align: top;}
.table-cell .float_none{float: none;}
.mi_text_right{text-align: right !important;}

#myModal #popup_div .modal-dialog{width:  80% !important;height: 80%;margin: 0 auto;}
#myModal #popup_div .model_800{width:  800px !important;}
#myModal #popup_div .modal-dialog .modal-body {overflow-y: auto;min-height: 80vh;}
#myModal #popup_div .modal-dialog .modal-body.manage_max_height {min-height: unset; max-height: 80vh;}

#popup_div:has(.vertical_center_modal) {height: 100%;}
#myModal #popup_div .vertical_center_modal {height: 100%;}
#myModal #popup_div .vertical_center_modal .modal-content {top: 50%;transform: translateY(-50%);}


.res-dis-none-wel{ display: block;}
.desk-dis-none-wel{ display: none ;}
.tox-menu-nav__js[aria-label="Source code"] {display: none !important;}
.accordion .btn.btn-link {white-space: normal;word-wrap: break-word;}
span.error_message{color: red;position: relative;font-size: 16px!important;margin-top: 10px;display: inline-block;font-weight: 500!important;}
.avoid-clicks {pointer-events: none;}
/* Old Used Css End*/



/* New Theme CSS */
.np{padding: 0px !important;}
.npr{padding-right: 0px !important;}
.npl{padding-left: 0px !important;}
.npt{padding-top: 0px !important;}
.npb{padding-bottom: 0px !important;}
.home_page_content{font-size: 15px; color: #201f1f;}
.mi-modal-outer .modal-body{padding: 0 80px;}
.mi-modal-heading {display: inline-block; width: 50%; }
.mi-modal-header{ margin-bottom: 40px; display: flex; width: 100%; flex-wrap: nowrap; align-items: center; }
.mi-modal-header .mi-modal-title{margin: 0; font-size: 22px;font-weight: 700;color: #000;float: left;text-align: left;}
.mi-modal-header .mi-logo{float: right;text-align: right;}
.form-control, .formmultiselect .multiselect.btn {font-weight: 400; border-radius: 45px; border: 0px; box-shadow: none; height: 50px; padding: 0 20px; font-size: 16px; background-color: #f1f1ef;}
.formmultiselect  .multiselect-container{ left: 20px !important; }
label.control-label{font-size: 16px; font-weight: 400;margin-bottom: 10px !important; text-align: left !important;font-family: var(--primary-font) !important;}
.form-group {margin-bottom: 25px;}
.mi-modal-content { border-radius: 20px;}
.mi-modal-content .modal-body{background: unset;}
.mi-modal-outer .modal-body::-webkit-scrollbar {width: 5px;border-radius: 20px;}
.mi-modal-outer .modal-body::-webkit-scrollbar-track {    box-shadow: inset 0 0 5px rgba(128, 128, 128, 0); border-radius: 10px;}
.mi-modal-outer .modal-body::-webkit-scrollbar-thumb {background: #bcbcbc;border-radius: 20px;}
.mi-modal-outer .modal-body::-webkit-scrollbar-thumb:hover {background: #f2f4f6; }
.mi-modal-outer .modal-body::-webkit-scrollbar-track-piece:end {margin-bottom: 20px;}
.mi-modal-outer .modal-body::-webkit-scrollbar-track-piece:start {margin-top: 20px;}


.custom-modal .mi-modal-header {justify-content: space-between;padding: 15px 15px 15px 40px;}
.custom-modal .mi-modal-header.show_page_info_popup {margin-bottom: 10px;}
.custom-modal .mi-modal-header .mi-close-popup button {right: 0;}
.custom-modal.mi-modal-outer .modal-body{padding: 0px 40px;}


input[type=radio] + label.control-label, label.control-label:has(+ input[type=radio])  { line-height: 20px; vertical-align: top;  margin-right: 30px;}
input[type=radio] {appearance: none;-webkit-appearance: none;border: 6px solid #f1f1ef;background-color: #f1f1ef;border-radius: 50%;width: 25px;height: 25px;}
input[type=radio]:checked {background-color: #000;outline:0px solid #000;}
input[type=radio]:focus {outline:1px solid #e4e5e7;outline-offset: 0;}
.mi-contact-field .input-group {width: 100%;}
.input-group.custom-combobox{margin-left: 0px !important;background-color: #f1f1ef;border-top-left-radius: 20px;padding-left: 20px;border-bottom-left-radius: 20px;margin-bottom: 0px;}
.mi-contact-field .input-group .input-group-btn{width: 35%;}
.mi-contact-field .input-group .input-group-btn select{padding: 0;width: 100%;background: #f1f1ef;border-top-left-radius: 45px;border-bottom-left-radius: 45px;padding-left: 15px;}
.mi-secondary-btn {width: 100%; background-color: #cddc30; color: #353535; font-size: 16px; border: 1px solid #cddc30; border-radius: 45px;padding: 15px;    display: inline-block;text-align: center;position: relative;}
.mi-add-cp-outer{    display: table;width: 200px;margin-bottom: 25px;position: relative; overflow: hidden;border-radius: 45px;clip-path: inset(0 round 45px);}
.mi-secondary-btn:focus,.mi-secondary-btn:active:focus{outline: unset;}

/* .additional_contact {overflow: hidden;} */
.additional_contact .form-group.multi_additional_contact{margin-bottom: 0px;/*overflow: hidden;*/}
.mi-remove-cp-btn{width: 25px;height: 25px;padding: 0 6px;text-align: center;float: right;}
.file-upload {display: block;text-align: left;}
.file-upload .file-select {display: block;cursor: pointer;height: 50px;line-height: 50px;text-align: left;background: #FFFFFF;overflow: hidden;position: relative;}
.file-upload .file-select .file-select-button {padding: 0px 10px;display: inline-block;height: 50px;line-height: 48px;color: #000000;border: 0px solid #cddc30;border-radius: 45px;text-align: center;font-size: 17px;background: #cddc30;background-image: url(../images/pdf-icon.png);background-repeat: no-repeat;background-size: 20px;background-position: 32px center;width: 200px;padding-left: 30px;position: relative;z-index: 999;overflow: hidden;}
.file-upload .file-select .file-select-name {line-height: 40px;display: inline-block;padding: 0 10px; overflow: hidden;}
.file-upload .file-select:hover {border-color: var(--heading-color);transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;cursor: pointer;}
.file-upload .file-select input[type=file] {z-index: 999;cursor: pointer;position: absolute;height: 100%;width: 100%;top: 0;left: 0;    opacity: 0;filter: alpha(opacity=0);}
.file-upload .view_doc_link {position: absolute;right: 10px;z-index: 999;}

.company_profile_doc.file-upload .view_doc_link {position: relative;left: 10px;z-index: 999;height: 100%;display: inline-block;top: -16px;}
.file-upload .view_doc_link i {font-size: 18px;position: relative;top: 3px;}
.file-upload .profile_pic_thumb {aspect-ratio: 1 / 1;overflow: hidden;    border-radius: 50%;display: inline-flex;width: 50px;margin-left: 20px;}
.file-upload .profile_pic_thumb img {width: 100%;height: 100%;}

.mi-primary-btn {width: 100%;background-color: #000000;    color: #d2dd2d;font-size: 18px;border: 1px solid #000000;border-radius: 45px;padding: 10px;    display: inline-block;text-align: center;}
.mi-cp-submit-btn .mi-primary-btn {font-weight: 600;text-transform: uppercase;width: 200px;}
.mi-cp-submit-btn {margin-top: 20px;margin-bottom: 20px;}
.anc-submit-btn {position: relative;overflow: hidden;border: none;}

input[type=checkbox]{accent-color: #1fab08;width: 30px;height: 20px;}
.mi-checkbox-outer{display: inline-flex;}
.mi-checkbox-outer label{font-weight: 400;padding-left: 15px;}
.mi-checkbox-label{display: table-cell;width: calc(100% - 30px);vertical-align: top; }
input[type=checkbox] {position: relative;cursor: pointer;border: 1px solid #f1f1ef;}
input[type=checkbox]:checked:before {display: none;}
.mi-close-popup button{font-weight: 500; border: 0px solid red; border-radius: 50%; display: inline-block; width: 20px; height: 20px; line-height: 10px; text-align: center; background-color: red !important; color: #fff; top: -5px; position: relative; right: -50px; opacity: 1;}
.mi-close-popup button:focus, .mi-close-popup button:hover{color: #fff; text-decoration: none; cursor: pointer; filter: alpha(opacity = 50); opacity: .5; }
.mi-primary-btn.mi-login-btn{font-weight: 700;}
.modal-content a.mi-forgot-pw-link,.modal-content a.mi-join-now-link{ color: #000 !important;font-weight: 400;cursor: pointer;}
.mi-link-outer{margin-top: 30px;}
.ripple-effect { position: absolute; border-radius: 50%; background: #01a5e4; width: 1px; height: 1px; opacity: 0; transform: translate(-50%,-50%); }
.sm-rollover-btn5 .sm-btn-text{position: relative;z-index: 99;width: 100%;display: block;padding-left: 45px;}
.sm-rollover-btn2 .sm-btn-text{position: relative;z-index: 99;width: 100%;display: block;}
.sm-rollover-btn6 .sm-btn-text{position: relative;z-index: 99;}
a.mi-buttons:focus,
a.mi-buttons:hover,
.sm-rollover-btn6:hover .sm-btn-text,
.mi-buttons:focus .sm-btn-text,
a.sm-rollover-btn2:hover .sm-btn-text,
a.sm-rollover-btn2:focus .sm-btn-text{color:#fff;}
.banner::after {content: "";position: absolute;top: 0;    left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 1;}
.sm-rollover-btn2 .ripple-effect {  background: #cddc30;}
.mi-banner-wrapper1{/*padding:0 15px;position: absolute;z-index: 9;top: calc(100px + 5%);*/}
.banner {background-image: url(../images/DMG-Contractor-Hub.jpg); background-size: cover;background-position: center;background-repeat:no-repeat;color: #fff;text-align:left;position: relative;}
.banner h1 {font-size: 40pt;font-weight: 700;margin-bottom: 20px;color: #d1df4c;margin-top: 0px;}
.banner p {font-size: 20pt;margin-bottom: 30px;}

.banner h1 {
  font-size: clamp(3.5rem, 9vh, 6.5rem);
  font-weight: 700;
  margin-bottom: 2vh;
  color: #d1df4c;
  margin-top: 0;
}

.banner p {
  font-size: clamp(2.2rem, 6vh, 4rem); 
  margin-bottom: 3vh;
}

.banner a.btn {
  font-size: clamp(1.4rem, 4vh, 2.5rem);
  padding: 1.5vh 3.5vh;
}

.mi-banner-wrapper.sticky_video_content {
  position: fixed;
  top: 100px;
  z-index: 1000;
  height: auto;
}
.mi-banner {
  position: relative;
  overflow: hidden;
}

/*.mi-banner-wrapper {
  position: absolute;
  z-index: 2;
  text-align: left;
  color: white;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  transition: transform 0.6s ease;
}*/
.sticky_video_content {
  position: fixed !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 999;
}
.banner .banner-video { aspect-ratio: 16 / 9;position: relative;top: 0;overflow: hidden;}
.banner .banner-video iframe {width: 100%;aspect-ratio: 16/9;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}


.btn-custom {font-size: 32px;padding: 10px 20px;border: 2px solid #d1df4c;background-color: transparent;color: #cddc30;text-transform: uppercase;margin: 10px 0;overflow: hidden;position: relative;font-weight:600;}
.mi-header-wrapper{ background-color: #fff; border: 0;}
.mi-header-wrapper .mi-nav-wrapper{border: 0; padding: 0 10px;  background-color: #fff; margin: 10px 0px;}
.mi-header-wrapper .mi-nav-wrapper .mi-navbar-wrapper{align-items:center; height: 70px;display: flex; margin-right:0px; background-color: #fff;}
.mi-btn-primary{background-color: #cddc30; border:0;color: #000;}
.mi-nav-item .mi-btn-primary{ margin-left: 15px;display: block;width: 110px;border-radius: 10px;line-height: 35px !important; overflow:hidden;}
.mi-header-wrapper .mi-nav-wrapper .mi-navbar-wrapper .mi-nav-item .mi-nav-link.mi-btn-primary:hover,
.mi-nav-item .mi-btn-primary:not(.disabled):active,
.mi-header-wrapper .mi-nav-wrapper .mi-navbar-wrapper .mi-nav-item .mi-nav-link.mi-btn-primary:focus,
.mi-header-wrapper .mi-nav-wrapper .mi-navbar-wrapper .mi-nav-item .mi-nav-link.mi-btn-primary.active {background-color: #c2d304; border-color: #c2d304; color: #000;  }
.join-login {box-shadow: unset !important;}
.mi-header-wrapper .mi-nav-wrapper .mi-navbar-wrapper .mi-nav-item .mi-nav-link { color: #000; font-weight:600; padding: 0px 10px;}
.mi-header-wrapper .mi-nav-wrapper .mi-navbar-wrapper .mi-nav-item .mi-nav-link:hover{ color: #cddc30; }
.navbar-header .navbar-brand-logo img{height: 70px;}
.mi-swipe-up {opacity: 0;transform: translateY(50px);transition: all 0.5s ease-out;}
.mi-swipe-up.visible {opacity: 1;transform: translateY(0);}
.mi-container{padding-top: 70px;background-color:#fff;    padding-bottom: 70px; }
.mi-container-light-blue{background-color:#f1f6fa;}
.mi-container .mi-header-desc { padding-bottom:30px;}
.mi-container .mi-news-heading{ color: #000; font-size: 42px; font-weight: 700;}
.mi-container .mi-news-heading.onsite-fees-heading{color: #201f1f;text-align: center;margin-top: 0;}
.mi-footer{background-color: #000; color:#fff;}
.mi-card-content-wrapper{ padding-top:20px;}
.mi-card-content-wrapper p span strong{ font-size: 22px;}
.mi-card-image-wrapper img{width:100%;}
#footer {background: url(../images/footer-bg.jpg) no-repeat;background-size: cover;}
#footer .mi-footer-link{font-weight:600;font-size:17px; color: #cddc30 !important;}
#footer .mi-footer-link:hover, #footer .mi-footer-link:focus {color: #cddc30 !important;   text-decoration: underline;}
.mi-tel-icon {background: url(../images/call-icon-footer.png) no-repeat;background-size: contain;padding-left: 35px;}
.mi-email-icon {background: url(../images/email-icon-footer.png) no-repeat;background-size: 25px;padding-left: 35px;background-position: left center;}
.mi-card-wrapper{ margin-bottom:15px;}
.mi-card {position: relative; width: 100%; border-radius: 8px; overflow: hidden;}
.mi-card-image-wrapper {position: relative;}
.mi-card img {width: 100%;height: auto;display: block;}
.mi-overlay {position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(to top, rgba(32, 30, 31, .95) 50%, rgba(32, 30, 31, 0));color: white;padding: 15px;text-align: left;transform: translateY(100%);transition: transform 0.3s ease;     border-radius: 10px;}
.mi-card:hover .mi-overlay {transform: translateY(0); } 

.dashbord-overlay {display: flex;flex-wrap: wrap;}
.dashbord-overlay .mi-card-content {width: 100%;}
.dash-card-desc {max-height: 0;overflow: hidden;display: inline-block;margin: 0 !important;transition: all 1s;}
.mi-card:hover .dash-card-desc {max-height: 200px;}

.card-title {font-size: 18px;font-weight: bold;}
.card-price {color: #d1df4c; font-size: 22px; font-weight: bold; }
.card-description img{padding: 5px;width: 40px;}
.card-description img:hover{transition: transform 0.3s ease;transform: translateX(5px);}
.mi-card-content{display: table;width: 100%;}
.card-description{margin-bottom: 20px; font-size: 13px;display: table-cell;vertical-align: middle;height: 100%;}
/* .dash-card-desc{font-size: 9px;} */
.dash-card-desc:hover{color: #d1df4c !important;}
/* .dash-card-desc img {width: 30px;margin: 0;margin-left: 3px;} */
.mi-buttons{display: block;background: #cddc30; width: 100%;font-size: 22px;text-align: center;border-radius: 10px;height: 60px;line-height: 60px; font-weight: 600;cursor: pointer;    color: #000;padding-right: 30px;margin-bottom: 10px;white-space: nowrap;    overflow:hidden;position: relative;}
.mi-buttons.cust-button {padding: 0;height: 50px;line-height: 50px;text-align: center;width: 100px;margin: 0;font-size: 16px;font-weight: 400;}

.mi-buttons.cust-button.become_premium_btn {width: 160px;}

.mi-contact-list{background-image: url(../images/contact-list.png);background-repeat: no-repeat;background-size: 20px;background-position: 25px center;text-align: left;padding-left: 60px !important;}
.mi-venue-list{background-image: url(../images/venue-location.png);background-repeat: no-repeat;background-size: 20px;background-position: 25px center;text-align: left;padding-left: 60px !important;}
.mi-events-list{background-image: url(../images/event-list.png);    background-repeat: no-repeat;background-size: 20px;    background-position: 25px center;text-align: left;padding-left: 60px !important;}
.mi-visa-information{background-image: url(../images/visa-info.png);background-repeat: no-repeat;    background-size: 20px;    background-position: 25px center;text-align: left;padding-left: 60px !important;}
.registration_box{margin-top: 55px;margin-bottom: 55px;    border-radius: 20px;background-color: #FFF;padding: 20px 5px;}

.register_view_back_button_outer {margin: 20px 0 -33px 0;    overflow: auto;}

.register_view .panel-heading{background: none;border: none;}
.panel-body{ font-size: 16px; font-family: var(--primary-font); color: #353535;}
.register_view .panel-heading .panel-title{    font-size: 28px;font-weight: 600; font-family: var(--primary-font);}
.square_banner400{background-image: url(../images/banner_400x400.png);background-size: contain;background-position: center;background-repeat: repeat-y;color: #fff;text-align: left;position: relative;height: 850px;}
#wrapper{background-color: #F7F6F2 !important;}
.file-upload.pdf_upload .file-select .file-select-button {background-image: url(../images/pdf_icon_new.png);}
.mi_multiple_checkbox input[type="checkbox"]{margin: 0px 5px 0px 20px !important;}
.mi_multiple_checkbox label{font-weight: 400;vertical-align: super;}
.flags{padding-left:35px!important;}
.flags::before {content: '';width: 20px;height: 25px;display: inline-block;background-color: #000;position: absolute;top: 50%;transform: translateY(-50%);left: 5px;background-repeat: no-repeat;}

.custom-combobox-input:focus .custom-combobox{box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);outline: 0;}
.custom-combobox-input:focus{box-shadow: none !important;}
.mi-content-box{margin: 15px;margin-top: 20px;margin-bottom: 20px;border-radius: 20px;background-color: #FFF;padding: 20px 5px;}
.mi-content-box .mi-panel-heading {background: none;border: none; color: #333;}
.mi-content-box .mi-panel-heading .panel-title {font-size: 28px;font-weight: 600; font-family: var(--primary-font);}
#myModal #popup_div .mi-login-modal{width: 514px !important;}


#myModal #popup_div .mi-login-modal .modal-body {margin-bottom: 20px; overflow-y: hidden;padding: 20px 50px;max-height:unset;    min-height: unset;}
#myModal #popup_div .mi-login-modal .mi-close-popup button {right: -20px;}
#myModal #popup_div .mi-login-modal .mi-logo img{width: 180px;}
.overflow_auto{overflow: auto;}
.mi-page-container{margin-top: 90px; position: relative; display: block; min-height: 60vh;}
.mi-container-light-blue  .mi-buttons { max-width: 255px;}
.modal-content {border: 0px;    box-shadow: none !important;}
.mi-ui-widget{ transition: 0.6s;}
.cont_change_password{display: block;width: 500px;margin: 160px auto;position: relative;background-color: #fff;padding: 50px;border-radius: 20px;}
.cont_change_password .mi-modal-title{line-height: unset;font-size: 22px;font-weight: 700;color: #000;float: left;text-align: left;margin-bottom: 30px;width: 100%;}
/* Responsive Css */
@media(max-width: 1199px){
    .mi-container .mi-card-wrapper:nth-child(3) {clear:left;}
    #footer .mi-footer-contact-links{text-align: right; margin: 0;}
    #footer .mi-footer-contact-links .mi-link-outer a{margin: 0 !important;}
}
@media only screen and (max-width: 1024px) {
    #popup_div {padding: 30px 10px;}
    #myModal #popup_div .modal-dialog{width: calc(100% - 20px) !important;}
    .mi-modal-heading{width: calc(100% - 27px);}
    .table-responsive .mi_custom_table tr th {font-size: 12px !important;padding: 5px !important;}
    .table-responsive .mi_custom_table tr td {font-weight: normal !important;}
    .table-responsive .mi_custom_table tr td {font-weight: normal !important;}
    .navbar-header .navbar-brand-logo img {height: 60px;}
    .mi-footer-contact-links .mi-link-outer{ width: 100%; display: inline-block; margin: 0;}
}

@media (max-width: 767px) {
    #navbarNav{ padding: 0;}
    .mi-header-wrapper .mi-nav-wrapper .mi-navbar-wrapper{align-items: flex-start;height: auto;display: flex;flex-direction: column;flex-wrap: nowrap;padding-left: 10px;padding-bottom: 0px;}
    .mi-header-wrapper .mi-nav-wrapper .mi-navbar-wrapper .mi-nav-item{padding: 5px 0px;}
    .mi-nav-item .mi-btn-primary{margin-left: 10px;}
    .banner h1 {font-size: 34pt;}
    .banner p {font-size: 18pt;}
    .btn-custom {font-size: 16pt;padding: 8px 16px;}
    .create_login .login-panel {margin-top: 30% !important;}
    #footer div{text-align: center !important;}

    #footer .mi-footer-link{font-size: 12px;}
}
@media only screen and (max-width: 600px) {
    #banner_content .button-top10 {padding-bottom: 10px;padding-left:0 !important;display: block;}
}

@media (max-width: 480px) {
    .banner h1 {font-size: 26pt;}
    .banner p {font-size: 16pt;}
    .btn-custom {font-size: 14pt;padding: 6px 12px;}
}
@media (max-width: 430px) {
    .navbar-header .navbar-brand-logo img{height: 50px;}
}
@media (max-width: 320px) {
    .banner h1 {font-size: 20pt;}
    .banner p {font-size: 14pt;}
    .btn-custom {font-size: 12pt;padding: 5px 10px;}
}

a{cursor: pointer;}

/* innpage Css */
.innerpage #content {min-height: calc(max(calc(100vh - 359px), 120px));height: calc(100% - 40px);background-color: var(--content-bg-color);padding: 30px 50px 30px 50px;border-radius: 30px;margin-bottom: 40px;overflow: auto;}
.innerpage .content_sidebar_wrapper {display: flex;padding-top: 10px;background: var(--normal-bg-color);}
.innerpage .content_sidebar_wrapper #left_sidebar {min-width: 250px;background: var(--normal-bg-color);padding-bottom: 150px;/*height: calc(100% - 70px);*/}
.innerpage .content_sidebar_wrapper #left_sidebar .sidebar_seprator {height: 30px;}

header .regions_outer {    padding: 20px;padding-left: 48px;float: left;}
.innerpage header .regions_outer .mi-top-nav {    list-style: none;display: flex;column-gap: 14px;    font-weight: bold;font-size: 20px;padding: 0;}
.innerpage .mi-header-wrapper .mi-nav-wrapper{margin: 0;}
.innerpage header .regions_outer .mi-top-nav li:hover,.innerpage header .regions_outer .mi-top-nav li:has(.active_territory) {display: inline-block;width: fit-content;border-bottom: 5px solid #cddb30;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.innerpage header .regions_outer .mi-top-nav li a {color: var(--menu-links-color) !important;font-size: 20px;font-family: Roboto;    text-transform: uppercase;}

.innerpage_header_profile_menu {float: right;display: flex;column-gap: 10px;list-style: none;padding: 20px 10px 10px 10px;margin-right: 20px;align-items: center;position: relative;cursor: pointer;margin-bottom: 0;}
.innerpage_header_profile_menu .sub_menu {display: none;width: 100%;list-style: none;position: absolute;top: 100%;left: 0; padding: 10px 20px;background: #fff;    border-bottom: 3px solid var(--primary-btn-bg-color);z-index: 9999; }
.innerpage_header_profile_menu .sub_menu li {padding: 5px 0;}
.innerpage_header_profile_menu:hover .sub_menu{display: block;}
.innerpage_header_profile_menu a {color: var(--menu-links-color);}

.innerpage header .mi-notifiaction {background-image: url(../images/notification.png);background-repeat: no-repeat;background-size: 22px;background-position: center;padding-left: 25px;display: block;height: 23px;}
.innerpage header .mi-login {background-image: url(../images/profile.png);background-repeat: no-repeat;background-size: 24px;background-position: left;padding-left: 25px;    line-height: 30px;}
.innerpage header .mi-login:has(> i) {padding-left: 0;background: none;}
.innerpage header .mi-login > i {font-size: 18px;border: 1px solid #b6b6b6;padding: 5px;border-radius: 50%;width: 29px;height: 30px;text-align: center;}
.innerpage header .mi-login a {padding-left: 10px;}

/* Nav links */

#left_sidebar .mi-logo {margin-bottom: 30px;padding-left: 10px;}

.innerpage .content_sidebar_wrapper #left_sidebar ul {padding-left: 10px;}
#left_sidebar a:not(.type_btn) {color: var(--menu-links-color) !important;text-decoration: none;font-weight: 400;cursor: pointer;font-size: 14px;    border-radius: 1em;}
.innerpage .nav-link{position: relative;display: block;background-repeat: no-repeat;background-size: 20px;background-position: 10px;padding: 10px 15px;padding-left: 40px;padding-right: 0px;}

.innerpage .nav-link:has(i) {padding-left: 10px;background-image: none;display: flex;align-items: flex-start;}
.innerpage .nav-link i {padding-left: 0;    background-image: none;font-size: 21px;margin-right: 10px;position: relative;top: -1px;height: 15px;}

.profile_navigation_outer.foc li:has([data-name*=Subscription]) {display: none;}
.profile_navigation_outer li:has(.show_if_premium){display: none;} 

.profile_navigation_outer.foc li:has(.show_if_premium){display: block;} 
.profile_navigation_outer.premium li:has(.show_if_premium){display: block;} 


.innerpage .mi-my-profile {background-image: url(../images/my_profile_icon.png);}
.mi-my-subscpt {background-image: url(../images/subscrip_icon.png);}
.mi-my-passes {background-image: url(../images/passes_icon.png);}
.mi-by-pass {background-image: url(../images/pass_icon.png);}
.mi-events-information {background-image: url(../images/event_icon.png);}
.mi-floor-plan {background-image: url(../images/floor_icon.png);}
.mi-service-rate {background-image: url(../images/serivce_icon.png);}
.mi-venu-list {background-image: url(../images/venue_icon.png);}
.mi-restrictions {background-image: url(../images/restrictions_icon.png);}
.mi-guid {background-image: url(../images/guidline_icon.png);}
.mi-useful-contact {background-image: url(../images/usefulcon_icon.png);}
.mi-freight-information {background-image: url(../images/freight_icon.png);}
._mi-visa-information {background-image: url(../images/visa1_icon.png);}


.page-header-outer {margin-bottom: 30px;}
.page-header-outer:has(input,.mi-buttons) {margin-bottom: 30px;}
.page-heading {font-size: 20px;margin: 0;font-weight: 500;color: #333;}
.page-header-outer:has(input,.mi-buttons) .page-heading{line-height: 25px;min-height: 50px;display: inline-flex;align-items: center;}

.user_profile h3 {color: #cddc30;font-size: 42px;font-weight: 700;}
.user_profile .prof-image {width: 100%;aspect-ratio: 1 / 1;overflow: hidden;background-size: cover;background-repeat: no-repeat;background-position: center;border-radius: 50%;}
.user_profile .cust-button .sm-btn-text {padding: 0;}


.section-block .section {background-color: var(--normal-bg-color);overflow: auto;padding: 20px 10px;border-radius: 10px;}
.section-block .section + .section {margin-top: 20px;}
.section-block .section .sec-row:not(:last-child) {margin-bottom: 10px;}
.section-block .heading {font-size: 18px;font-weight: 700;}
.section-block label{font-size: 14px;font-weight: 500;}

.company-details-outer {background: var(--section-bg-color);display: flex;flex-wrap: wrap;padding: 15px 0;border-radius: 10px;word-wrap: break-word;}
.additional-contact-wrapper{width: 100%;display: flex;flex-wrap: wrap;row-gap: 15px;column-gap: 15px;justify-content: space-between;}
.additional-contact-outer {width: calc(50% - 7.5px);background: var(--section-bg-color);padding: 15px;border-radius: 10px;}

.document-wrapper {display: flex;column-gap: 15px;}
.document-wrapper .document-outer {border: 1px solid var(--border-color);padding: 10px 5px;min-width: 161px;border-radius: 10px;color: var(--border-color);}
.document-wrapper .pdf-icon {text-align: center;font-size: 70px;}
.document-wrapper .pdf-icon img {width: 70px;height: 70px;object-fit: contain;}
.document-wrapper .edit-icon{font-size: 25px;color: var(--text-color);}



.evt-search-input {background-image: url(../images/srch_icon.png);background-repeat: no-repeat;background-size: 22px;background-position: 15px;padding-left: 45px;height: 50px;border: 2px solid var(--primary-btn-bg-color);box-shadow: none;border-radius: 50px;color: var(--text-color);width: 100% !important;background-color: var(--normal-bg-color);}

.event_card_wrapper {margin-bottom: 30px;width: 100%;}
.event_card_wrapper .event_card_wrapper {margin: 0;padding: 0;}
.event_card_wrapper .evt-card {position: relative;width: 100%;border-radius: 8px;overflow: hidden;background-color: #fff !important;cursor: pointer;}
.event_card_wrapper .evt-card .evt-card-image-wrapper-event {width: 100%;text-align: center; overflow: hidden;margin: 0 auto;height: 135px;margin: 8px 0;}
.event_card_wrapper .evt-card .evt-card-image-wrapper-event img {width: 200px !important;padding: 15px;height: 100%;margin:0 auto; object-fit: contain;}
.event_card_wrapper .evt-card .evt-overlay-event {color: #000;padding: 15px;text-align: left;transform: translateY(0);transition: transform 0.3s ease;border-radius: 10px;background-color: #fff;}
.event_card_wrapper .evt-card .evt-overlay-event .card-title-evnt {color: #000;font-size: 18px;font-weight: bold;height: 48px;}
.event_card_wrapper .evt-card .evt-overlay {position: absolute;bottom: -1px;top: 0;left: 0;right: 0;background-color: rgb(31 126 202 / 80%);color: #fff;padding: 15px;text-align: left;transform: translateY(100%);transition: transform 0.3s ease;border-radius: 10px;}
.event_card_wrapper .evt-card:hover .evt-overlay {transform: translateY(0);}
.event_card_wrapper .evt-card .evt-overlay .mi-event-button {font-size: 14px;display: inline;transform: translateY(-50%);position: absolute;width: 85%;top: 50%;}
.event_card_wrapper .evt-card .evt-overlay .mi-event-button .mi-button-event {padding: 9px 10px;border: 1px solid #fff !important;color: #fff;text-align: center;cursor: pointer;text-decoration: none;display: block;margin: 10px;border-radius: 50px / 50px;}





.onscroll-loader{transition: all 0.3s;padding: 0px 0 20px 0;text-align: center;}
.loading-btn {display: inline-flex;background: #fff;padding: 10px 80px;border-radius: 20px;margin: 0 auto;font-weight: 500;text-transform: uppercase;}

.row.cust-col-pad-5{margin-left: -5px;margin-right: -5px;}
.row.cust-col-pad-5 [class*='col'] {padding-right: 5px;padding-left: 5px;}

.row.cust-col-pad-10{margin-left: -10px;margin-right: -10px;}
.row.cust-col-pad-10 [class*='col'] {padding-right: 10px;padding-left: 10px;}


.manage_combobox_fw .input-group.custom-combobox {width: 100%;border-radius: 20px;}
.manage_combobox_fw .custom-combobox a {border-radius: inherit !important;}

.renew_subcription_details {background: var(--section-bg-color);width: 100%;overflow: auto;padding: 10px;border-radius: 10px;}

.common_table {overflow: auto;}
.common_table table{width: 100%;    table-layout: fixed;}
.common_table table :where(th,td) {padding: 10px 5px;position: relative;font-size: 16px;}
.common_table table th{background-color: #f2f4f6;color: #333;width: 100%;}
.common_table table th::after{content: "";position: absolute;display: block;right: 0;top: 0;height: 100%;width: 1px;background-color: #fff;}


.table-striped>tbody>tr:nth-of-type(even),.table-striped>tbody>tr:nth-of-type(even) td {background-color: #f2f4f6;}
.table-striped>tbody>tr:nth-of-type(odd),.table-striped>tbody>tr:nth-of-type(odd) td {background-color: #fff ;}


.full-combo .custom-combobox {width: 100%;border-radius: 20px;}
.search-filter-combox:not(.has-pad){padding: 0;}
.search-filter-combox .filter-outer {width: calc(100% - 118px);display: inline-block;}
.search-filter-combox .custom-combobox {border: 2px solid var(--primary-btn-bg-color);border-radius: 30px;}
.full-combo .custom-combobox a {border-radius: inherit !important;}
.full-combo .input-group.custom-combobox input {padding-left: 0;}


.mi-primary-btn.sm-rollover-btn6{position: relative;overflow: hidden;border: none;}
.mi-buttons.cust-button.send_enquiry {width: 150px; }

.state-btn {display: inline-block;background: #57b60a;color: #fff;padding: 8px 20px;border-radius: 10px;min-width: 110px;text-align: center;}
.state-btn.Expired{background-color: #f54168;}
.state-btn.Pending {background-color: #FF8800;}

.status-btn {display: inline-block;background: #43ADF7;padding: 5px 10px;border-radius: 5px;color: #fff;    min-width: 100px;text-align: center;}
.status-btn:where(.canceled,.failed,.refund){background-color: #f54168;}
.status-btn:where(.paid){background-color: #43ADF7;}
.status-btn.pending {background-color: #FF8800;}


.service_card_wrapper{margin-bottom: 30px !important;    width: 100%;}
.service_card_wrapper .service_card_wrapper {margin: 0;padding: 0;}
.service_card {position: relative;width: 100%;border-radius: 8px;overflow: hidden;height: 100%;}
.service_card  .image-wrapper {position: relative;padding-top: max(30%, 85px);background-size: cover;background-position: center;height: 100%;}
.service_card .card-title {color: #d5e03f;font-size: 22px;font-weight: bold;}
.service_card .card-content {display: table;    width: 100%;}

.service_card  .overlay {position: relative;top: 100%;transform: translateY(-100%);left: 0;right: 0;background: linear-gradient(to top, rgba(32, 30, 31, .95) 50%, rgba(32, 30, 31, 0));color: #fff;padding: 15px;    text-align: left;transition: transform 0.3s ease;border-radius: 10px;height: 100%;}
.service_card .mi-overlay_service {position: absolute;bottom: 0;top: 0;left: 0;right: 0;background-color: rgb(31 126 202 / 80%);color: #fff;padding: 10px 0px;text-align: left;transform: translateY(100%);transition: transform 0.3s ease;border-radius: 10px;height: 100%;overflow: auto;}
.service_card:hover .mi-overlay_service {transform: translateY(0);}
.service_card .mi-button-service {padding: 9px 10px;background-color: #fff;color: #333 !important;font-weight: 400;;border: none;border-radius: 4px;text-align: center;cursor: pointer;text-decoration: none;display: block;margin: 10px;border-radius: 50px;}
.service_card .mi-button-service:hover {background-color: #d4df3b;color: #000;}


.guideline_card_wrapper{margin-bottom: 30px !important;    width: 100%;}
.guideline_card_wrapper .guideline_card_wrapper {margin: 0;padding: 0;}
.guideline_card {position: relative;width: 100%;border-radius: 8px;overflow: hidden;height: 100%;}
.guideline_card  .image-wrapper {position: relative;padding-top: max(30%, 85px);background-size: cover;background-position: center;height: 100%;}
.guideline_card .card-title {color: #d5e03f;font-size: 22px;font-weight: bold;}
.guideline_card .card-content {display: table;    width: 100%;}

.guideline_card  .overlay {position: relative;top: 100%;transform: translateY(-100%);left: 0;right: 0;background: linear-gradient(to top, rgba(32, 30, 31, .95) 50%, rgba(32, 30, 31, 0));color: #fff;padding: 15px;    text-align: left;transition: transform 0.3s ease;border-radius: 10px;height: 100%;}
.guideline_card .mi-overlay_guideline {position: absolute;bottom: 0;top: 0;left: 0;right: 0;background-color: rgb(31 126 202 / 80%);color: #fff;padding: 10px 0px;text-align: left;transform: translateY(100%);transition: transform 0.3s ease;border-radius: 10px;height: 100%;overflow: auto;}
.guideline_card:hover .mi-overlay_guideline {transform: translateY(0);}
.guideline_card .mi-button-guideline {padding: 9px 10px;background-color: #fff;color: #333 !important;font-weight: 400;;border: none;border-radius: 4px;text-align: center;cursor: pointer;text-decoration: none;display: block;margin: 10px;border-radius: 50px;}
.guideline_card .mi-button-guideline:hover {background-color: #d4df3b;color: #000;}


.venue_card_wrapper{margin-bottom: 30px !important;width: 100%;}
.venue_card_wrapper .venue_card_wrapper {margin: 0;padding: 0;}
.venue_card {position: relative;width: 100%;border-radius: 8px;overflow: hidden;height: 100%;}
.venue_card  .image-wrapper {position: relative;padding-top: 100px;background-size: cover;background-position: center;height: 100%;}
.venue_card .card-title {color: #d5e03f;font-size: 20px;font-weight: 500;}
.venue_card .card-content {display: table;    width: 100%;padding-bottom: 60px}

.venue_card  .overlay {position: relative;top: 100%;transform: translateY(-100%);left: 0;right: 0;background: linear-gradient(to top, rgba(32, 30, 31, .95) 50%, rgba(32, 30, 31, 0));color: #fff;padding: 15px;    text-align: left;transition: transform 0.3s ease;border-radius: 10px;height: 100%;}

.venue_card .button-outer {position: absolute;bottom: 20px;left: 0;padding: 0 20px;align-items: center;}
.venue_card .button-outer .mi-buttons{padding: 0 20px;width: auto; }

.venue_card .button-outer .map-btn {background: #d5e03f;height: 50px;width: 50px;border-radius: 10px;background-repeat: no-repeat;background-position: center;    padding: 0;}



.floor-filters {display: flex;flex-wrap: wrap;row-gap: 15px;justify-content: end;}
.floor_card_wrapper{margin-bottom: 30px !important;width: 100%;}
.floor_card_wrapper .floor_card_wrapper {margin: 0 !important;padding: 0;}
.floor_card {position: relative;width: 100%;border-radius: 8px;overflow: hidden;height: 100%;background-color: #fff;}
.floor_card  .image-wrapper {position: relative;background-size: cover;background-position: center;height: 100%;}
.floor_card .card-title {color: #000;font-size: 18px;font-weight: normal;margin-bottom: 0px;}
.floor_card .card-title:hover {color: var(--heading-color);}
.floor_card .card-title i {margin-right: 10px;}
.floor_card .card-content {display: table;width: 100%;padding: 15px 80px 15px 20px;}
/* .floor_card .card_desc {min-height: 20px;} */
.floor_card  .overlay {position: relative;top: 100%;transform: translateY(-100%);left: 0;right: 0;background: linear-gradient(to top, rgba(32, 30, 31, .95) 50%, rgba(32, 30, 31, 0));color: #fff;padding: 15px;    text-align: left;transition: transform 0.3s ease;border-radius: 10px;height: 100%;}

.floor_card .button-outer {position: absolute;bottom: 20px;left: 0;padding: 0 20px;align-items: center;}
/* .floor_card .button-outer .mi-buttons{padding: 0 20px;width: auto; } */

.floor_card .location_btn-anchor {position: absolute;right: 10px;top: 10px;}
.floor_card .location-btn {background: #d5e03f;height: 40px;width: 40px;border-radius: 10px;background-repeat: no-repeat;background-position: center;    padding: 0;    display: inline-flex;align-items: center;justify-content: center;}

.floor-notice{background-color: #f1cc8160;    padding: 15px 15px 15px 50px;position: relative;margin-top: 20px;border-radius: 10px;}
.floor-notice i {position: absolute;left: 15px;font-size: 21px;}
.floor-notice .floor-notice-label {font-size: 18px;    font-weight: 700;margin-bottom: 5px;}


.useful_contact_card_wrapper {margin-bottom: 30px !important;}
.useful_contact_card_wrapper > div{width: 250px;}
.useful_contact_card {position: relative;width: 100%;border-radius: 8px;overflow: hidden;background-color: #fff !important;}

.useful_contact_card .card-image-outer {background: #fff;padding-top: 15px;position: relative;height: 80px;margin-bottom: 0px;background-position: center;background-size: 100% auto;background-repeat: no-repeat;}

.useful_contact_card .card-image-wrapper {width: 100px;aspect-ratio: 1 / 1;overflow: hidden;margin: 0 auto;border-radius: 50%;background-position: center;background-size: contain;}
.useful_contact_card .card-image-wrapper img {width: 100% !important;padding: 15px;height: 100%;margin:0 auto; object-fit: contain;position: absolute;z-index: 100;left: 50%;transform: translateX(-50%);top: 20px;}

.useful_contact_card .overlay {color: #000;padding: 15px;text-align: left;transform: translateY(0);transition: transform 0.3s ease;border-radius: 10px;background-color: #fff;}

.useful_contact_card .overlay .card-title {text-align: center;line-height: 1.5;margin-bottom: 15px;}
.useful_contact_card  .card-desc{text-align: center;row-gap: 15px;}

.useful_contact_card .position,
.useful_contact_card .email,
.useful_contact_card .contact{color: #000;}
.useful_contact_card .email,
.useful_contact_card .contact {background-color: var(--section-bg-color);padding: 5px;border-radius: 15px;text-align: left;word-wrap: break-word;overflow-wrap: break-word;white-space: normal;word-break: break-word;max-width: 100%;display: flex;align-items: flex-start;}
.useful_contact_card .email i,
.useful_contact_card .contact i{margin-right: 10px;position: relative;top: 2px;}



.onsite_fee_buy_pass_card_wrapper{margin-bottom: 30px !important;}
.onsite_fee_buy_pass_card {position: relative;width: 100%;border-radius: 8px;overflow: hidden;height: 100%;}
.onsite_fee_buy_pass_card .image-wrapper {position: relative;padding-top: 85px;background-size: cover;background-position: center;height: 100%;}
.onsite_fee_buy_pass_card  .overlay {position: relative;top: 100%;transform: translateY(-100%);left: 0;right: 0;background: linear-gradient(to top, rgba(32, 30, 31, .95) 50%, rgba(32, 30, 31, 0));color: #fff;padding: 15px;    text-align: left;transition: transform 0.3s ease;border-radius: 10px;height: 100%;display: flex;        flex-wrap: wrap;align-items: end;}
.onsite_fee_buy_pass_card .card-title {color: #fff;font-size: 20px;font-weight: 500;margin-bottom: 10px;}
.onsite_fee_buy_pass_card .price {color: #d5e03f;font-size: 20px;font-weight: 500;margin-bottom: 10px;width: 100%;}
.onsite_fee_buy_pass_card .description {padding-right: 15px;}


.comming_soon_wrapper {width: 100%;height: 200px;background: #fff;padding: 20px;border-radius: 10px;}

.guidelines_wrapper{width: 100%;height: 200px;background: #fff;padding: 20px;border-radius: 10px;}

.checkout-table {margin-bottom: 30px;text-align: left;}


.qrblank #content {height: 100vh;background: var(--content-bg-color);overflow: auto;}

.verify-profile-container{max-width: 440px;margin: 0px auto 0 auto;min-height:100vh;padding: 50px 20px;background: #fff;overflow: auto;position: relative;}

.verify-profile-container .company-logo {text-align: center;}

.verify-product-outer {display: flex;flex-wrap: wrap;padding: 15px 0px;background: #fff;margin: 15px 0;border-radius: 10px;}

.verify-product-outer .qr-profile-outer {max-width: 300px;position: relative;left: 50%;transform: translateX(-50%);padding: 0px 10px !important;}

.verify-product-outer .verify-user-profile-outer {display: flex;column-gap: 15px;}
.verify-product-outer .qr-code-outer {margin: 0 auto 10px auto;}

.verify-product-outer img{width: 100%;}

.verify-product-outer .verify-user-profile-outer .image-outer {width: 50px;aspect-ratio: 1 / 1;border-radius: 50%;overflow: hidden;}

.pass-details .button-outer {display: inline-block;background: var(--error-color);padding: 10px 30px;color: #fff;border-radius: 10px;margin-top: 10px;}
.pass-details .button-outer i {margin-right: 5px;}
.pass-details .button-outer.Expired {background: var(--error-color);}
.pass-details .button-outer.Valid {background: var(--sucess-color);}

.pass-details .error-outer {margin-top: 10px;color: var(--error-color);}


.verify-product-outer .section {background: var(--section-bg-color);padding: 15px 0;border-radius: 10px;}
.verify-product-outer .section + .section{margin-top: 15px;}


#youtube-player-container {width: 100vw;height: 100vh;margin: 0 auto;display: block;    position: fixed;z-index: 9999;background-color: rgba(0, 0, 0, .7);}
#youtube-player-container:after {content: "";width: 100%;height: 100%;position: absolute;    top: 0;left: 0;}
#youtube-player-container iframe {width: 50%;position: absolute;height: unset;aspect-ratio: 16 / 9;left: 50%;top: 50%;transform: translate(-50%, -50%);border: none;}
.video-controls {position: fixed;bottom: 15vh;left: 50%;transform: translateX(-50%);display: flex;gap: 10px;z-index: 10000;}
.video-controls button {padding: 10px 20px;font-size: 16px;cursor: pointer;border: none;background: #43ADF7;color: white;border-radius: 5px;}


.download_qr_btn .cust-button {width: unset;padding: 0 20px;margin-right: 20px;}

table.verify_product_count_table .cnt_label {font-weight: 500;    font-size: 13px;}
table.verify_product_count_table .cnt_label.border-right{border-right: 2px solid #b6b6b6;padding-right: 5px; }
table.verify_product_count_table .cnt_label.border-bottom{border-bottom: 1px solid #fff;padding-bottom: 5px;margin-bottom: 5px;}

.imageSlider {max-width: 400px;}
.add_banner_image img {width: 100%;max-width: 400px;}

/* Responsive */
header.navbar-fixed-top{position: sticky;}

.header-logo-outer{display: none;}
header .mi-logo {margin-bottom: 0;}

.header-profile-wrapper {float: right;}

.toggle-sidebar.mi-nav-wrapper{display: none;}

.download_qr_btn .btn_title_mob{display: none;}

.desktop-hide{display: none;}
.desktop-show{display: block;}

.desktop-hide-imp{display: none !important;}
.desktop-show-imp{display: block !important;}

#left_sidebar{width: 16.66666667%;}
#right_content{width: 83.33333333%;}

.register_view .additional_contact {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.cell-frontpage-header {position: fixed;top: 0;width: 100%;z-index: 999;opacity: 0.8;}
.cell-heder .navbar-default .navbar-toggle {float: right;width: 44px;height: 34px;}
.cell-heder ul li a:not(.join-login) {display: inline-block;padding: 6px 10px !important;border: 1px solid #cddc30;margin-left: 15px;border-radius: 10px;}
.cell-heder .navbar-toggle.collapsed .close-bar {display: none;}
.cell-heder .navbar-toggle:not(.collapsed) .icon-bar {display: none;}
.cell-heder .navbar-toggle .close-bar {position: relative;top: -3px;}


.not-subscribe-btn {border-radius: unset;display: inline-block;   background-color: #fff;color: #000;padding: 15px 20px;border: 1px solid var(--primary-btn-bg-color);transition: all 0.3s;}
.not-subscribe-btn:hover {box-shadow: 0 0 0px 15px rgba(205, 220, 48, 0.3);background-color: var(--primary-btn-bg-color);color: #fff;}

.header-homepage-link {padding: 20px;padding-left: 48px;float: left;}
.header-homepage-link a {color: var(--menu-links-color) !important;font-size: 20px;font-family: Roboto;text-transform: uppercase;font-weight: bold;text-decoration: none;display: inline-block;width: fit-content;position: relative;}
.header-homepage-link a:hover::after{content: "";display: block;width: 100%;position: absolute;bottom: -5px; border-bottom: 5px solid var(--primary-btn-bg-color);border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}

.why-subcribe-section .sec-heading {width: 100%;overflow: hidden;}
.why-subcribe-section h2 {position: relative;display: inline-block;width: auto;padding: 0 15px;}
.why-subcribe-section h2:after {content: "";display: block;width: 120%;height: 5px;background: #000;position: absolute;bottom: -10px;}

.why-subcribe-section {padding: 50px 0 20px 0;background: #fff;}
.why-subcribe-section h3 {padding-bottom: 15px;text-align: center;}

.why-subcribe-section .box-outer {max-width: 450px;margin: 0 auto;}
.why-subcribe-section .image-outer {box-shadow: 15px -15px 0px rgb(174 176 163);width: calc(100% - 15px);margin-top: 15px;}
.why-subcribe-section img {width: 100%;}

.why-subcribe-section .box-outer .button-outer {text-align: center;position: relative;top: -20px;}
.why-subcribe-section .box-outer .button {display: inline-block;background-color: #fff;color: #000;padding: 15px 20px;border: 1px solid var(--primary-btn-bg-color);min-width: calc(80% - 30px);    transition: all 0.3s;}
.why-subcribe-section .box-outer .button:hover {box-shadow: 0 0 0px 15px rgba(205, 220, 48, 0.3);background-color: var(--primary-btn-bg-color);color: #fff;}

.why-subcribe-section .outer-btn{text-align: center;margin-top: 30px;}
.why-subcribe-section .outer-btn .button{    display: inline-block;background-color: #fff;color: #000;padding: 15px 20px;border: 1px solid var(--primary-btn-bg-color);min-width: 250px;font-weight: 600;font-size: 22px;    transition: all 0.3s;}
.why-subcribe-section .outer-btn .button:hover {box-shadow: 0 0 0px 15px rgba(205, 220, 48, 0.3);background-color: var(--primary-btn-bg-color);color: #fff;}

textarea.user_profile_edit_textarea{background-color: #f1f1ef;height: 100px;}


.contractor_list_outer {padding: 50px 0;}
.contractor_card_wrapper {margin-bottom: 25px;}
.contractor_card_wrapper .contractor-card {box-shadow: 0px 1px 3px #E3E4E6;background-color: #fff;position: relative;border-radius: 5px;    background-color: #F9F9F9;    position: relative;}
.contractor_card_wrapper .contractor_card_wrapper {margin: 0;padding: 0;width: 100%;}
.contractor_card_wrapper .contractor-card:has(.featured_div) {box-shadow: none;border: 2px solid #cddc30;}
.contractor_card_wrapper .contractor-card:has(.featured_div.premium) {border: 2px solid var(--orange-color);}   
.contractor_card_wrapper .contractor-card:has(.featured_div.official) {border: 2px solid #ff4444;}   
.contractor_card_wrapper .contractor-card .featured_div {position: absolute;left: 50%;    transform: translateX(-50%);padding: 0px 20px;background-color: #cddc30;color: #fff;top: 0;    font-weight: 500;}
.contractor_card_wrapper .contractor-card .featured_div.premium{ background-color: var(--orange-color); }

.contractor_card_wrapper .contractor-card .featured_div.official{ background-color: #ff4444; }


.contractor_card_wrapper .contractor-card .image_outer {text-align: center;padding: 30px 0 10px 0;height: 150px;position: relative;display: flex;align-items: center;justify-content: center;    background: #fff;}
.contractor_card_wrapper .contractor-card .image_outer img {width: 100px;height: auto;}
.contractor_card_wrapper .contractor-card .contrctor-details {padding: 5px 10px 60px 10px;background-color: #F9F9F9;}
.contractor_card_wrapper .contractor-card .contrctor-details > div {margin-top: 10px;}
.contractor_card_wrapper .contractor-card .contrctor-details .name {    font-weight: 700;font-size: 17px;}
.contractor_card_wrapper .contractor-card .contrctor-details .name a {color: #000;}
.contractor_card_wrapper .contractor-card .contrctor-details .website {word-break: break-all;}

.contractor-card .card-footer {padding: 0 10px;position: absolute;bottom: 0;width: 100%;}
.contractor-card .card-footer .footer-actions {padding: 10px 0;display: flex;gap: 15px;font-size: 22px;    border-top: 1px solid #000;color: #000;}
.contractor-card .card-footer .footer-actions [data-tooltip-top]:before {width: 100px;bottom: 100%;}
.contractor-card .card-footer .footer-actions [data-tooltip-top]:after {bottom: 101%;}

.contractor_card_wrapper.list > div {width: 100%;}
.contractor_card_wrapper.list .contractor-card {display: flex;width: 100%;align-items: center;flex-wrap: wrap;}
.contractor_card_wrapper.list .contractor-card .details-outer {width: 70%;display: flex;padding: 5px 0;flex-wrap: wrap;}
.contractor_card_wrapper.list .contractor-card .image_outer {width: 30%;height: 100%;}

.contractor_card_wrapper.list .contractor-card .image_outer img {width: 60px;height: auto;}
.contractor_card_wrapper.list .contractor-card .contrctor-details {width: 45%;padding: 10px 10px 10px 10px;}
.contractor_card_wrapper.list .contractor-card .territory {width: 30%;min-height: 100%;display: flex;align-items: center;border-left: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;padding: 0 10px;}
.contractor_card_wrapper.list .contractor-card .card-footer{position: relative;width: 25%;min-height: 100%;display: flex;align-items: center;}
.contractor_card_wrapper.list .contractor-card .card-footer .footer-actions {border: none;}
.view_type.active {background-color: #01a5e4;color: #fff;}


.user-badges-wrapper {background: #fff;padding: 20px;}
.badge-box {background: var(--normal-bg-color);display: flex;flex-wrap: wrap; padding: 30px;    color: #fff;border-radius: 11px;    height: 100%;}

.badge-box .info-outer .title {font-size: 15px;}
.badge-box.totalallocation {background: rgba(67, 173, 247, .7);}
.badge-box.purchase {background: rgba(87, 182, 10, .7);}
.badge-box.collected {background: rgba(205, 220, 48, .7);}
.badge-box.available {background: rgba(255, 136, 0, .7);}

.badge-box .icon {font-size: 40px;}
.badge-box .icon-outer {width: 50px;padding-right: 10px;}
.badge-box .info-outer {width: calc(100% - 50px);padding-left: 10px;}
.badge-box .info-outer .count {font-size: 40px;font-weight: 700;}

.badge-box .info-outer .details .count {font-size: 20px;}
.badge-box .info-outer .details {margin-top: 15px;}



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

    .contractor_details_btn_outer{display: none;}

    .contractor_card_wrapper.list .contractor-card .image_outer{width: 100%;height: auto;}
    .contractor_card_wrapper.list .contractor-card .details-outer{width: 100%;}
    .contractor_card_wrapper.list .contractor-card .contrctor-details,
    .contractor_card_wrapper.list .contractor-card .card-footer,
    .contractor_card_wrapper.list .contractor-card .card-footer{width: 100%;}
    .contractor_card_wrapper.list .contractor-card .territory{border: none;}
    .useful_contact_wrap{width:50%;}
}



.contractor_details_outer {margin: 40px 0;}
.contractor_details_outer .head-button-outer {overflow: auto;    margin-bottom: 20px;}
.contractor_details_outer .contractor_wrapper {display: flex;flex-wrap: wrap;padding: 40px 0;padding: 40px 15px;background: #fff;}
.contractor_details_outer .contractor_wrapper .image-wrapper {width: 30%;padding-right:20px;}
.contractor_details_outer .contractor_wrapper .image-wrapper .image_outer {position: relative;padding: 30px;border: 1px solid #f1f5f8;}
.contractor_details_outer .contractor_wrapper .image-wrapper .image_outer .featured_div {position: absolute;top: 0;left: 50%;transform: translateX(-50%);background-color: #D90225;    padding: 1px 15px;color: #fff;font-size: 12px;font-weight: 700;}
.contractor_details_outer .contractor_wrapper .image-wrapper .image_outer .premium {background-color: var(--orange-color);}
.contractor_details_outer .contractor_wrapper .image-wrapper img{width:100%;}
.contractor_details_outer .contractor_wrapper .info-wrapper {width: 70%;}
.contractor_details_outer .contractor_wrapper .info-wrapper > div {margin-bottom: 5px;}
.contractor_details_outer .contractor_wrapper .info-wrapper .links-outer {margin-top: 25px;}
.contractor_details_outer .contractor_wrapper .info-wrapper .website {margin-bottom: 5px;}
.contractor_details_outer .contractor_wrapper .info-wrapper .website a {display: flex;gap: 6px;}
.contractor_details_outer .contractor_wrapper .info-wrapper .website i {font-size: 19px;}
.contractor_details_outer .contractor_wrapper .info-wrapper .send_enquiry a {display: flex;gap: 6px;}
.contractor_details_outer .contractor_wrapper .info-wrapper .send_enquiry i {font-size: 19px;}
.contractor_details_outer .contractor_wrapper .info-wrapper .name {font-size: 28px;font-weight: 700;margin-bottom: 5px;}
.contractor_details_outer .contractor_wrapper .about-us-wrapper {width: 100%;padding: 20px 0px;}

.contractor_details_outer .contractor_wrapper .about-us-wrapper .button-outer {margin: 10px 0 15px 0;}
.contractor_details_outer .contractor_wrapper .about-us-wrapper .button-outer .button {background-color: #fff;color: #fff;padding: 8px 15px;border-radius: 10px;margin-right: 10px;color: #000;font-weight: 700;display: inline-block;    border: 1px solid #f1f5f8;text-decoration: none;margin-bottom: 15px;}
.contractor_details_outer .contractor_wrapper .about-us-wrapper .button-outer .button.active {background-color: #6c757d;color: #fff;}

@media screen and (max-width: 768px) {
    .contractor_details_outer .contractor_wrapper .image-wrapper {width: 100%;}
    .contractor_details_outer .contractor_wrapper .info-wrapper {width: 100%;}
}

.getstarted-page-content{padding-bottom: 40px;}

.progressbar_wrapper{padding: 100px 50px;background-color: #fff;border-radius: 15px;}
.progressbar_outer {display: flex;    width: 100%;justify-content: space-between;position: relative;z-index: 10;overflow: hidden;margin-bottom: 25px;}
.progressbar_outer label {width: 100%;position: relative;}

.progressbar_outer .step {display: flex;flex-wrap: wrap;justify-content: center;align-items: baseline;text-align: center;position: relative;}
.progressbar_outer .step .circle {width: 50px;aspect-ratio: 1;border-radius: 50%;background-color: #fff;margin-bottom: 15px;display: flex;justify-content: center;align-items: center;    position: relative;border: 3px solid var(--border-color);}
.progressbar_outer .step.done .circle {background-color: var(--sucess-color);border-color: var(--sucess-color);color: #fff;}
.progressbar_outer .step .circle:after {content: "";display: block;width: 1000px;    height: 3px;background-color: var(--border-color);position: absolute;z-index: -1;right: 0;}
.progressbar_outer .step.done .circle:after{background-color: var(--sucess-color);}

.progressbar_outer .step:first-child .circle:before,.progressbar_outer .step:last-child .circle:before {content: "";display: block;width: 200px;position: absolute;background-color: #fff;right: 100%;height: 500px;z-index: 0;}
.progressbar_outer .step:first-child .circle:before{right: calc(100% + 3px);}
.progressbar_outer .step:last-child .circle:before{left: calc(100% + 3px);}

.progressbar_outer .step:nth-child(1) {z-index: 5;}
.progressbar_outer .step:nth-child(2) {z-index: 4;}
.progressbar_outer .step:nth-child(3) {z-index: 3;}


.application-status-content {text-align: center;}
.application-status-content .status {font-size: 30px;font-weight: 700;color: var(--heading-color);margin-top: 15px;}
.application-status-content .status.reject {color: var(--error-color);}
.application-status-content .status.approve {color: var(--sucess-color);}

.application-status-content .title {font-size: 20px;}

.reject-case-outer{margin: 20px 0;}
.reject-case-outer .reason {margin-bottom: 20px;}
.reject-case-outer .mi-buttons {width: 215px;}


.subcription_not_avilable .company_profile_doc {opacity: 0.5;pointer-events: none;cursor: not-allowed;}
.subcription_not_avilable {cursor: not-allowed;}
.subcription_not_avilable .file-upload.pdf_upload .file-select .file-select-button {    background-color: var(--border-color);}


.portfolio_doc_note {font-style: italic;}



.pending-case-outer {text-align: center;margin-top: 10px;    color: var(--error-color);}


.paynow_button_outer {overflow: auto;width: 100%;display: flex;justify-content: center;margin-top: 20px;}

.makepayment_btn {width: 160px !important;}


.placeholder-outer {position: relative;}
.placeholder-outer .content-outer {position: absolute;top: 30px;width: 100%;display: none;z-index: 111;}
.placeholder-outer .icon-outer {float: right;cursor: pointer;font-size: 30px;}
.placeholder-outer:hover .content-outer{display: block;}
.placeholder-outer .content-outer .heading {padding: 15px 15px;font-size: 20px;background-color: var(--primary-btn-bg-color);color: #fff;}
.placeholder-outer .placeholder-data {padding: 15px;border: 2px solid var(--primary-btn-bg-color);background-color: #fff;transition: all 0.3s;}
.placeholder-outer .placeholder-data .placeholder-row:not(:last-child) {margin-bottom: 9px;border-bottom: 1px solid var(--border-color);padding-bottom: 10px;}

.placeholder-row span {font-size: 15px;font-weight: 600;}
.placeholder-row .pending {color: var(--heading-color);}
.placeholder-row .approve {color: var(--sucess-color);}
.placeholder-row .reject {color: var(--error-color);}


.home_event_card_section {padding: 40px 0;}

.home_event_card_section .heading h3 {margin-bottom: 30px;font-size: 37px;position: relative;overflow: hidden;font-weight: 700;}
.home_event_card_section .heading h3:after {content: "";width: 100%;position: absolute;height: 2px;top: 50%;transform: translate(20px,-50%);background-color: var(--border-color);}

.home_event_card_wrapper .event_crd_outer {max-width: 400px;margin: 0 auto;}
.home_event_card_wrapper .event_crd_outer img {width: calc(100% - 20px);margin: auto;max-width: 200px;}
.home_event_card_wrapper .event_crd_outer .event-content_outer {padding: 20px 0;}
.home_event_card_wrapper .event_crd_outer .image_outer {position: relative;text-align: center;min-height: 134px;background: #fff;}
.home_event_card_wrapper .event_crd_outer .image_outer .evt-card-image-wrapper-event {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.home_event_card_wrapper .event_crd_outer a .hover-content {opacity: 0;position: absolute;width: 100%;height: 100%;top: 0;display: flex;    align-items: center;justify-content: center;background-color: rgba(16, 171, 229, .83922);color: #fff;}
.home_event_card_wrapper .event_crd_outer:hover a .hover-content{opacity: 1; transition: all 0.3s;}

.home_event_card_wrapper .event_crd_outer .event-content_outer .evt-title {font-size: 19px;font-weight: 700;margin-bottom: 5px;}
.home_event_card_wrapper .event_crd_outer .event-content_outer .date {margin-bottom: 5px;}

.page_description {text-align: left;}
.page_description ul {margin: 0;padding: 0;}




.container_register {
    margin: auto;
    /* padding: 20px; */
    border-radius: 10px;
    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
}

.benifts-section {display: flex;justify-content: center;font-weight: 600;}



.benifts,
.non-subscribers,
.subscribers {
    padding: 20px 35px 0px 35px;
    border-radius: 10px;
    background-color: #ffffff;
}

.beniftss_background,
.subscribers_background,
.non-subscribers_background {
    padding: 10px;
    margin: auto;
    border-radius: 8px;
    border:  1px solid rgb(227, 241, 96);
    min-height: 150px;
    height: calc(100% - 100px);
}
.beniftss_background{
    border: none;
}
.subscribers_background {
    background-color: rgb(227, 241, 96);
    border: 1px solid black;
}

.non-subscribers_background,
.beniftss_background {
    background-color: #ffffff;
}


.benifts h4,
.non-subscribers h4,
.subscribers h4 {padding: 10px;text-align: center;border-radius: 10px;font-weight: bold;margin-bottom: 30px;
}

.sub_button_outer {display: flex;flex-wrap: wrap;gap: 15px;justify-content: right;}


.benifts h4 {width: max-content;left: 40px !important;transform: translateX(0px) !important;}
@media screen and (min-wdth:768px) {
    .benifts h4 {width: auto;left: unset !important;transform: none !important;}
}

.benifts h4,.non-subscribers h4 {
    border: 1px solid rgb(227, 241, 96);
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.subscribers h4 {
    background-color: rgb(227, 241, 96);
    border: 1px solid black;
}

.benifts ul,
.subscribers ul,
.non-subscribers ul {
    list-style-type: none;
    padding-left: 0;
}

.benifts li,
.subscribers li,
.non-subscribers li {
    margin: 10px 0;
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 40px;
}

.non-subscribers li {margin-bottom: 15px;}

.benifts li::before,
.subscribers li::before,
.non-subscribers li::before {margin-right: 10px;padding: 5px;border-radius: 50%;font-size: 12px;display: flex;align-items: center;justify-content: center;min-width: 25px;height: 25px;    position: absolute;left: 0;top: 0;}

.non-subscribers li::before {content: "\f00d";font-family: "Font Awesome 5 Free";font-weight: 900;    background-color: red;color: white;font-size: 19px;}


.subscribers li::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    background-color: green;
    color: white;
}

.price-container {max-width: 500px;margin: auto;background: white;padding: 5px 20px 20px 20px;border-radius: 10px;display: flex;justify-content: center;    align-items: center;height: 200px;}

.price-box {
    width: 300px;
    height: 100px;
    border: 10px solid #d6e03d;
    padding: 15px;
    display: inline-block;
    border-radius: 5px;
    text-align: center;
}

.price {
    font-size: 28px;
    font-weight: 900;
    color: black;
    margin: 0px;
}

.per-year {
    font-weight: 15px;
    color: black;
}
.beniftss_background li::before {
    content: "";
    display: block;
    background-image: url(../images/benifits_marker.png);
    width: 25px;
    height: 30px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
}
.mi-checkbox-outer {justify-content: center;align-items: center;}
.mi-checkbox-outer label {font-weight: 600;    margin-top: 10px;}
.mi-cp-submit-btn{
    display: flex;
    justify-content: center;
}
.getstarted-page-content{padding-bottom: 0px;}
.getstarted-page-content .message {text-align: center;text-decoration: underline;font-weight: 600;    margin-bottom: 50px;}
.benifts li:not(:last-child){margin-bottom: 37px;}
.termandcondition_outer {    overflow: auto;margin-bottom: 40px;}
.termandcondition_outer .error_message_wrap {display: block;text-align: center;}

.payment_heading {font-size: 30px;}
.payment_heading.success {color: var(--primary-btn-bg-color);}
.payment_heading.fail {color: var(--error-color);}
.payment_content {text-align: center;padding: 50px;font-size: 23px;background-color: #fff;border-radius: 10px;}
.payment_content .btn-outer {overflow: auto;display: flex;justify-content: center;margin-top: 25px;}



.territory_error_message_wrap {
    width: 100%;
    display: block;
}

.date_outer {position: relative;}
.date_outer .icon {position: absolute;top: calc(50% - 10px);right: 21px;transform: translateY(-50%);cursor: pointer;}

.tox .tox-promotion {display: none;}


.mi_datetime{cursor: pointer;}


.premium-subscription-page {background: #fff;padding: 30px;border-radius: 10px;}

.premium-subscription-page h3 {display: inline-block;position: relative;margin-bottom: 25px;}
.premium-subscription-page h3:before {display: inline-block;content: "";width: 90%;height: 4px;background-color: #000;position: absolute;bottom: -9px;}
.premium-subscription-page .description {margin-bottom: 20px;    font-size: 17px;}
.premium-subscription-page .border-heading {margin-bottom: 20px;}
.premium-subscription-page .border-heading .button {display: inline-block;    font-weight: 600;font-size: 23px;padding: 5px 20px;border: 2px solid var(--primary-btn-bg-color);border-radius: 10px;}

.benifit-box-outer .benifit-box {padding-left: 36px;font-weight: 600;font-size: 16px;position: relative;padding-right: 40px;}
.benifit-box-outer .benifit-box i {position: absolute;left: 0;top: 50%;transform: translateY(-50%);font-size: 19px;background: var(--sucess-color);border-radius: 50%;    width: 28px;aspect-ratio: 1;display: inline-flex;text-align: center;align-items: center;justify-content: center;color: #fff;}

.premium-subscription-page .upgrade-premium-box {display: inline-block;padding: 20px;border: 15px solid var(--primary-btn-bg-color);border-radius: 10px;color: var(--text-color);    transition: all 0.5s;}
.premium-subscription-page .upgrade-premium-box:hover {border-color: var(--blue-color);}
.premium-subscription-page .upgrade-premium-box .heading {font-size: 35px;font-weight: 700;}

.premium-subscription-page .upgrade-premium-box-outer {margin-top: 100px;text-align: center;}

.premium-subscription-page .upgrade-premium-box  h2 {font-weight: 800;font-size: 40px;}
.premium-subscription-page .upgrade-premium-box h2 span {font-size: 19px;font-style: italic;}
.premium-subscription-page .upgrade-premium-box .limit-text {font-weight: 700;font-size: 16px;}


#contractor_profile_type {overflow: hidden;text-align: center;}

@media (max-width: 1200px) {
   .register_view .npr {padding-left: 0 !important;}
   .register_view .npl {padding-right: 0 !important;}

   .banner .banner-video iframe{height: 100%;width: auto;}
}

@media screen and (max-width: 1080px) {
    /* cell template css start */
    .template-cell .navbar-toggle {float: right;}
    .template-cell .navbar-brand-logo {padding-bottom: 10px;display: inline-block;}

    .register_view {width: calc(100% - 50px);}
    .template-cell .registration_box{margin-top: 40px;}


    /* cell template css end */


    #right_content{width: 100%;}

    .innerpage #content{ padding: 30px 30px 30px 30px;}

    .innerpage .navbar-header {float: right;}
   .innerpage .navbar-toggle {display: block;}
   .innerpage .header-logo-outer{display: block;}

    .navbar-toggle {margin-right: 0;float: left;margin-left: 20px;}
    .innerpage_header_profile_menu {margin-right: 0;padding-top: 10px;}

    .toggle-sidebar.mi-nav-wrapper {display: block;position: absolute;top: 0;right: 0px;}
    .toggle-sidebar.mi-nav-wrapper .navbar-toggle {background: var(--section-bg-color);margin-left: 0;width: 40px;height: auto;aspect-ratio: 1;padding: 6px;}

    .header-profile-wrapper {width: 100%;}
    .np.region-main-wrapper {width: 100%;padding-top: 10px;}


    header .regions_outer {padding-left: 20px;}
    header .mi-user {display: none;}

    .header-homepage-link{padding-left: 20px;}

    .innerpage .content_sidebar_wrapper #left_sidebar{ position: fixed;top: 0;left: 0;z-index: 9999999;height: 100vh;overflow-y: auto;padding: 50px 0px;transition: all 0.4s; display: block !important;}
    .innerpage .content_sidebar_wrapper #left_sidebar.mob-hide{transform: translateX(-100%); }
    .innerpage .content_sidebar_wrapper #left_sidebar.mob-show{transform: translateX(0);}

    .user_profile .prof-image{text-align: center;}

    #left_sidebar .mi-logo{display: none;}
    #left_sidebar .micountdown{margin-top: 20px;}

    .order-checkout-button-outer {background: #fff !important;}
    .order-checkout-button-outer td {background: none !important;padding-left: 0 !important;}
    .order-checkout-button-outer td:first-child {width: 100px !important;float: left;margin-right: 20px;}
    .order-checkout-button-outer td:nth-child(2) {width: 150px !important;float: left;}



    .cell-heder ul li a:not(.join-login) {margin-left: 5px;border-radius: 10px;font-size: 12px;}


    .mob-1  { width: calc(100% / 12 * 1); }
    .mob-2  { width: calc(100% / 12 * 2); }
    .mob-3  { width: calc(100% / 12 * 3); }
    .mob-4  { width: calc(100% / 12 * 4); }
    .mob-5  { width: calc(100% / 12 * 5); }
    .mob-6  { width: calc(100% / 12 * 6); }
    .mob-7  { width: calc(100% / 12 * 7); }
    .mob-8  { width: calc(100% / 12 * 8); }
    .mob-9  { width: calc(100% / 12 * 9); }
    .mob-10 { width: calc(100% / 12 * 10); }
    .mob-11 { width: calc(100% / 12 * 11); }
    .mob-12 { width: calc(100% / 12 * 12); }

    .npl-mob{padding-left: 0 !important;}
    .npr-mob{padding-right: 0 !important;}
    .np-mob{padding: 0 !important;}

    .mob-hide{display: none !important;}
    .mob-show{display: block !important;}
    .mob-hide-imp{display: none !important;}
    .mob-show-imp{display: block !important;}

  }

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

    .banner .banner-video{aspect-ratio: 9/7;}

       #myModal #popup_div .mi-login-modal .mi-logo img {width: 120px;}

      .innerpage header .regions_outer .mi-top-nav{flex-wrap: wrap;}
      .innerpage header .regions_outer .mi-top-nav li a{font-size: 15px;}

      .innerpage #content{ padding: 30px 20px 30px 20px;}

      .user_profile{text-align: center;word-break: break-all;}
      .user_profile .page-heading{text-align: left;}
      .user_profile .prof-image{max-width: 300px;margin: 0 auto;}

      .section-block  .sec-row [class*='col-']{padding: 0;}


      .additional-contact-outer{width: 100%;}
      .document-wrapper{flex-wrap: wrap;gap: 20px;justify-content: center;}

      /* Edit profile*/
      .form-horizontal .control-label{padding-top: 7px;}

      .form-horizontal .form-group [class*="col-"]{padding-left: 0;padding-right: 0;}

      .file-upload .file-select{height: 90px;}
      .file-upload .file-select .file-select-name {position: absolute;left: 0;bottom: 0px;}
      .file-upload .view_doc_link{right: 0;bottom: -5px;}
      .file-upload .view_doc_link a{background-color: #fff;padding: 6px 0;}


      .renew_subcription_details{padding: 10px 0;}
      .renew_subcription_details .row-outer {margin-bottom: 10px;}

      .cell-heder ul li a:not(.join-login) {display: inline-block;border: none;margin-left: 0px;border-radius: 0px;font-size: 14px;}

      .progressbar_wrapper{padding: 50px 10px;}

      .premium-subscription-page .upgrade-premium-box .heading{font-size: 27px;}
      .premium-subscription-page .upgrade-premium-box h2{font-size: 27px;}



    .mob-sm-1  { width: calc(100% / 12 * 1); }
    .mob-sm-2  { width: calc(100% / 12 * 2); }
    .mob-sm-3  { width: calc(100% / 12 * 3); }
    .mob-sm-4  { width: calc(100% / 12 * 4); }
    .mob-sm-5  { width: calc(100% / 12 * 5); }
    .mob-sm-6  { width: calc(100% / 12 * 6); }
    .mob-sm-7  { width: calc(100% / 12 * 7); }
    .mob-sm-8  { width: calc(100% / 12 * 8); }
    .mob-sm-9  { width: calc(100% / 12 * 9); }
    .mob-sm-10 { width: calc(100% / 12 * 10); }
    .mob-sm-11 { width: calc(100% / 12 * 11); }
    .mob-sm-12 { width: calc(100% / 12 * 12); }

    .npl-mob-sm{padding-left: 0 !important;}
    .npr-mob-sm{padding-right: 0 !important;}
    .np-mob-sm{padding: 0 !important;}

    .mob-sm-hide{display: none;}
    .mob-sm-show{display: block;}

    .mob-sm-hide-imp{display: none;}
    .mob-sm-show-imp{display: block;}

  }

  @media screen and (min-width: 768px) {
    .cell-heder ul li a:not(.join-login){border: 1px solid #cddc30;margin-left: 10px;border-radius: 10px;}
  }


@media (max-width: 576px) {


    .banner .banner-video{aspect-ratio: 9/9;}

    .download_qr_btn  .btn_title{display: none;}
    .download_qr_btn  .btn_title_mob{display: inline;}

    .file-upload .profile_pic_thumb {width: 25px;position: absolute;right: 0;top: 15px;}

    .ui-widget.ui-widget-content:has(.alertbox) {min-width: 275px !important;}

    .not-subscribe-btn{font-size: 14px !important;}

    .search-filter-combox .filter-outer{width: 100%;}

    .w-xss-100p{width: 100%;}
}

@media screen and (max-width: 480px) {
    .banner .banner-video{aspect-ratio: 9/12;}

    .mob-xss-1  { width: calc(100% / 12 * 1); }
    .mob-xss-2  { width: calc(100% / 12 * 2); }
    .mob-xss-3  { width: calc(100% / 12 * 3); }
    .mob-xss-4  { width: calc(100% / 12 * 4); }
    .mob-xss-5  { width: calc(100% / 12 * 5); }
    .mob-xss-6  { width: calc(100% / 12 * 6); }
    .mob-xss-7  { width: calc(100% / 12 * 7); }
    .mob-xss-8  { width: calc(100% / 12 * 8); }
    .mob-xss-9  { width: calc(100% / 12 * 9); }
    .mob-xss-10 { width: calc(100% / 12 * 10); }
    .mob-xss-11 { width: calc(100% / 12 * 11); }
    .mob-xss-12 { width: calc(100% / 12 * 12); }
}


  .password-outer {position: relative;}
  .password-outer .toggle-password {position: absolute;top: 50%;transform: translateY(-50%);right: 20px;cursor: pointer;color: var(--border-color);}



  /* Responsive table css*/
  @media (max-width: 1080px) {
    .responsive-table table,
    .responsive-table thead,
    .responsive-table tbody,
    .responsive-table th,
    .responsive-table td,
    .responsive-table tr {
        display: block;
        width: 100% !important;
    }
    .responsive-table thead {
        display: none; /* Hide table header */
    }
    .responsive-table tr {
        margin-bottom: 15px;
        border: 1px solid #ddd;
        padding: 10px;
        background: #fff;
        border-radius: 3px;
        overflow: auto;
    }
    .responsive-table td {
        padding: 8px;
        position: relative;
        padding-left: 150px;
    }
    .responsive-table td::before {
        content: attr(data-heading);
        font-weight: bold;
        position: absolute;
        left: 0;
    }
    .responsive-table td:last-child {
        border-bottom: none; /* Remove border for last column */
    }
}

@media (max-width: 576px) {
    .responsive-table td{
        padding-left: 0;
    }
    .responsive-table td::before {
        display: block;
        position: relative;
        width: 100%;
        padding-bottom: 5px;
    }
}

@media (max-width: 576px) {

}

@media screen and (max-width: 500px) {
    .useful_contact_wrap{width:100%;}
}
.text_left{text-align: left;}
#event_card_outer .useful_contact_card {
    min-height: 100%;
    display: flex;
    flex-direction: column;
     margin-bottom: 30px;
}
#event_card_outer  .useful_contact_wrap {
    margin-bottom: 30px;  
}

#event_card_outer .card-image-outer {
    flex-grow: 1;
}

#event_card_outer .overlay {
    flex-shrink: 0;
}
.mi-banner .banner {
  position: relative;
  overflow: hidden;
}

.mi-banner-wrapper {
  position: absolute;
  z-index: 2;
  text-align: left;
  color: white;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  transition: transform 1.5s ease-in-out, top 1.5s ease-in-out, bottom 1.5s ease-in-out; 
}

.mi-banner-wrapper.centered {
  transform: translateY(-50%);
  top :50%;
}

.mi-banner-wrapper.bottom {
  transform: translateY(10%);
  bottom: 10%;
  top: auto;
}