@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap");
body {
    background: #f9fbfe;
    font-family: DM Sans, sans-serif;
    font-size: 16px;
}

h1,h2,h3,h4,h5,h6,span{
    line-height: 1.1;
	line-break: anywhere;
}

.wrapper_registration .sidebar-logo {
    margin-bottom: 30px;
}

.wrapper_registration .header-logo {
    width: 40px;
    height: 40px;
    display: inline-block;
    background: #fff;
    border-radius: 5px;
    padding: 5px;
    float: left;
    margin-right: 10px;
}

.wrapper_registration .header-logo img {
    width: 30px;
}

.wrapper_registration .sidebar-logo span {
    margin-left: 10px;
    color: #fff;
    font-size: 19px;
    padding-left: 1px;
    letter-spacing: 1.5px;
    font-weight: 600;
    flex: 1;
    transition: all 0.6s ease-in-out;
    position: relative;
    bottom: -6px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.wrapper_registration #sticky-sidebar {
    width: 15%;
    background: #0c2556;
    height: 100vh;
    position: fixed;
    padding: 15px;
}

.wrapper_registration #sticky-sidebar {
    scrollbar-width: thin;
    scrollbar-color: #7e7e7e #ccd1d5;
}

.wrapper_registration #sticky-sidebar::-webkit-scrollbar-track {
    background: #ccd1d5;
}

.wrapper_registration #sticky-sidebar::-webkit-scrollbar-thumb {
    background: #7e7e7e;
    border: none;
    background-clip: content-box;
}

.wrapper_registration #sticky-sidebar::-webkit-scrollbar {
    width: 4px;
}

.wrapper_registration #main_panel {
    flex: 100%;
    /*height: 100vh;
    overflow: auto;*/
}

.wrapper_registration #main_panel #sticky-sidebar {
    top: 0;
}

.wrapper_registration #main_panel.branding_topClass #sticky-sidebar {
    top: unset;
}

.wrapper_registration .branding_topClass#main_panel {
    /*height: 85vh;*/
}

.wrapper_registration #main_panel.col-lg-9 {
    width: 80%;
    max-width: 80%;
    margin-left: 20%;
    height: 100vh;
    overflow: auto;
}

.wrapper_registration #main_panel.col-lg-9 {
    scrollbar-width: thin;
    scrollbar-color: #7e7e7e #ccd1d5;
}

.wrapper_registration #main_panel.col-lg-9::-webkit-scrollbar-track {
    background: #ccd1d5;
}

.wrapper_registration #main_panel.col-lg-9::-webkit-scrollbar-thumb {
    background: #7e7e7e;
    border: none;
    background-clip: content-box;
}

.wrapper_registration #main_panel.col-lg-9::-webkit-scrollbar {
    width: 4px;
}

.wrapper_registration .flex-column .sidebar_logo {
    border-radius: 50%;
    padding: 20px 10px;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    overflow: hidden;
}

.wrapper_registration .flex-column .sidebar_logo img {
    width: 100%;
}

.wrapper_registration .title_steps {
    border: none;
    margin-bottom: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #8f9fbc;
}

.wrapper_registration .question_steps ul {
    border-left: 6px solid rgba(242, 242, 242, 0.4);
}

.wrapper_registration .question_steps ul li {
    border: none;
    margin-right: 10px;
}

.wrapper_registration .question_steps ul li a {
    color: #8f9fbc;
    font-size: 14px;
    padding: 10px;
    transition: all 0.4s;
    position: relative;
    outline: none;
}

.wrapper_registration .question_steps ul li a.active,
.question_steps ul li a:hover {
    color: #fff;
    text-decoration: none;
    background-color: hsla(0, 0%, 100%, 0.08);
    border-radius: 5px;
    font-weight: normal;
}

.wrapper_registration .question_steps ul li a.active:before {
    content: "";
    width: 6px;
    height: 100%;
    position: absolute;
    left: -6px;
    margin-top: -10px;
    background: #fff;
}

.wrapper_registration .panel_data {
    padding: 10px 20px;
}

.wrapper_registration fieldset {
    position: relative;
    background: transparent;
    border-radius: 5px;
    -ms-box-shadow: 0 10px 30px 0 rgba(0, 60, 179, 0.05);
    -o-box-shadow: 0 10px 30px 0 rgba(0, 60, 179, 0.05);
    box-shadow: 0 10px 30px 0 rgba(0, 60, 179, 0.05);
    border: 0 solid #dfe7ff;
    padding-bottom: 30px;
}

.wrapper_registration .showamounttext {
    padding: 0;
}

.wrapper_registration .step-vise-question .step-name-title {
    color: #213446;
    border: none;
    font-size: 25.008px;
}

.wrapper_registration .title_label {
    color: #6c757d;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

.wrapper_registration .question_list .form-control {
    border-radius: 5px;
    background: transparent;
    border-color: #d6d3d3;
    height: 46px;
    box-shadow: none;
    color: #324253;
}

.wrapper_registration .question_list select.form-control {
    height: calc(46px) !important;
}

.wrapper_registration .question_list .form-control:focus {
    background: transparent;
    border-color: #3378ff;
}

.wrapper_registration .question_list .form-group {
    margin-bottom: 30px;
}

.wrapper_registration .question_list .form-group:has(.small h1) .title_label,
.wrapper_registration .question_list .form-group:has(.small h2) .title_label,
.wrapper_registration .question_list .form-group:has(.small h3) .title_label,
.wrapper_registration .question_list .form-group:has(.small h4) .title_label,
.wrapper_registration .question_list .form-group:has(.small h5) .title_label,
.wrapper_registration .question_list .form-group:has(.small h6) .title_label{
  padding-bottom: 0;
}
 
.wrapper_registration .question_list .form-group h1,
.wrapper_registration .question_list .form-group h2,
.wrapper_registration .question_list .form-group h3,
.wrapper_registration .question_list .form-group h4,
.wrapper_registration .question_list .form-group h5,
.wrapper_registration .question_list .form-group h6 {
  margin:10px 0px;
}
 
.small ul{
  list-style:disc;
  padding-left: 15px;
}

.wrapper_registration .common_radiobuttons li {
    width: 100%;
    margin-right: 0;
    list-style: none;
}

.wrapper_registration .common_radiobuttons li label {
    margin: 0;
    padding-left: 25px;
    color: #213446;
    font-weight: normal;
    font-size: 16px;
}

.wrapper_registration .common_radiobuttons li .check {
    height: 20px;
    width: 20px;
    border-color: #adb5bd;
}

.wrapper_registration .common_radiobuttons li .check::before {
    height: 8px;
    width: 8px;
    top: 4px;
    left: 4px;
}

.wrapper_registration .arrow-down {
    margin-top: -25px;
    border-top: 7px solid rgb(12 37 86);
}

.wrapper_registration .common_radiobuttons input[type="radio"]:checked~.check {
    border: 2px solid #3378ff;
}

.wrapper_registration .common_radiobuttons input[type="radio"]:checked~label {
    color: #213446;
}

.wrapper_registration .common_radiobuttons input[type="radio"]:checked~.check::before {
    background: #3378ff;
}

.wrapper_registration .progress-bar-vertical {
    width: 15px;
    min-height: 300px;
    display: flex;
    align-items: flex-start;
    margin-right: 10px;
    float: left;
    border-radius: 2px;
    background-color: #3378ff;
}

.wrapper_registration .progress-bar-vertical .progress-bar {
    width: 100% !important;
    -webkit-transition: height 0.6s ease;
    -o-transition: height 0.6s ease;
    transition: height 0.6s ease;
}

.wrapper_registration .progress .progress-bar {
    background: #ffffff;
}

.wrapper_registration .showamounttext {
    font-size: 16px;
    color: #6c757d;
    margin-bottom: 20px;
}

.wrapper_registration .top_bar {
    background: #fff;
    display: table;
    padding: 25px 37px 25px 30px;
    min-height: 73px;
    position: fixed;
    top: 0;
    left: auto;
    width: 100%;
    max-width: 81.2%;
    z-index: 99;
    margin: 0;
    transition: all 0.3s ease-in-out;
    -ms-box-shadow: 0 0 30px rgba(12, 37, 86, 0.05);
    -o-box-shadow: 0 0 30px rgba(12, 37, 86, 0.05);
    box-shadow: 0 0 30px rgba(12, 37, 86, 0.05);
}

.wrapper_registration .top_bar h2 {
    text-align: left;
    font-size: 20px;
    float: left;
    margin: 0;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}

.wrapper_registration .top_bar span {
    font-size: 16px;
    float: right;
    margin-top: 10px;
    font-weight: 400;
    margin-top: 25px;
    text-align: right;
    width: 15%;
    color: #324253;
}

.wrapper_registration #registrationStepFromTab {
    padding: 20px 30px 0;
}

.checkbox .helper {
    border-color: #adb5bd;
    width: 20px;
    height: 20px;
}

.checkbox .helper::before,
.checkbox .helper::after {
    background-color: #3378ff;
}

.checkbox input:checked~.helper {
    border-color: #3378ff;
}

.registrationsummarypage {
    color: #213446;
}

.wrapper_registration ul li {
    color: #324253;
}

.checkbox input:checked~.helper::after {
    height: 11px;
}

.checkbox input:checked~.helper::before {
    height: 25px;
    top: 11px;
    left: 10px;
}

.wrapper_registration #registrationStepFromOverView .panel_data {
    padding: 10px 20px;
}

.wrapper_registration .registrationsummarypage {
    color: #213446;
}

.collapsible_accordion .panel {
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 20px;
    box-shadow: 0 10px 30px 0 rgba(0, 60, 179, 0.05);
}

.collapsible_accordion .panel-heading {
    padding: 0;
    border: none;
}

.collapsible_accordion .panel-title a {
    display: block;
    padding: 22px;
    background: #fff;
    font-size: 16px;
    color: #01041b;
    position: relative;
    transition: all 0.3s ease 0s;
    text-decoration: none;
    border-radius: 5px;
    outline: none;
}

.collapsible_accordion .panel-title a.collapsed {
    background: #fff;
    color: #01041b;
}

.collapsible_accordion .panel-title a:before,
.collapsible_accordion .panel-title a.collapsed:before,
.collapsible_accordion .panel-title a:after,
.collapsible_accordion .panel-title a.collapsed:after {
    content: "";
    width: 16px;
    height: 2px;
    background: #01041b;
    position: absolute;
    top: 30px;
    right: 20px;
    transition: all 0.3s ease 0s;
}

.collapsible_accordion .panel-title a.collapsed:after {
    transform: rotate(90deg);
}

.collapsible_accordion .panel-body {
    padding: 10px 20px;
    background: #fff;
    font-size: 16px;
    color: #324253;
    line-height: 25px;
    border-top: none;
}

.collapsible_accordion .panel-body ul {
    padding-left: 15px;
}

.paylatterclass,
.payemntclass {
    border-radius: 5px;
    padding: 10px 15px;
    width: 210px;
    display: inline-block;
    background-color: #3378ff;
    border-color: #3378ff;
    outline: none;
    text-align: center;
    color: #fff;
    font-size: 20px;
    transition: 0.15s;
}

.paylatterclass:hover,
.payemntclass:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0d5fff;
}

.paylatterclass:focus,
.payemntclass:focus {
    color: #fff;
    text-decoration: none;
}

.wrapper_registration .showmessagemaindiv {
    box-shadow: 0 10px 30px 0 rgba(0, 60, 179, 0.05);
    background: #fff;
    border-radius: 5px;
    margin-top: 10px;
    padding: 20px;
}

.wrapper_registration .showmessagemaindiv p {
    font-size: 16px;
    font-weight: 500;
    color: #213446;
}

#registrationStepFromOverView .step-name-title a {
    background: #173464;
    border-color: #173464;
    font-size: 14px;
    padding: 9px 15px 9px 40px;
    position: relative;
}

.question_list {
    margin-bottom: 18px;
}

.question_list:nth-last-child(1) {
    margin: 0;
}

.question_list p {
    color: #324253;
}

.question_list p.text-muted {
    color: #6c757d;
}


/**** LOGIN FORM ****/

.form_title {
    color: #8f9fbc;
    font-size: 16px;
    padding: 0px;
    font-family: inherit;
}

.login-html {
    background: rgba(255, 255, 255, 1);
    border-radius: 5px;
    box-shadow: 0 10px 30px 0 rgba(0, 60, 179, 0.05);
}

.form_title::after {
    content: none;
}

.login-form .group .button {
    border-radius: 5px;
    background: #3378ff;
    border-color: #3378ff;
    color: #fff;
    text-align: center;
    font-size: 16px;
}

.login-form .group .button:hover {
    background-color: #0d5fff;
    border-color: #0056ff;
}

.login-form .group .input {
    padding: 11px 20px;
    border: 1px solid #c7cbd3;
    background: transparent;
    outline: none;
    color: #324253;
    transition: all 0.3s ease 0s;
    margin-bottom: 25px;
}

.login-form .group .input:focus {
    border-color: #3378ff;
}

.login-form .group .label {
    text-transform: capitalize;
    color: #8f9fbc;
    font-size: 16px;
}

.guidlines {
    color: #8f9fbc;
    font-size: 16px;
    margin: 20px 0px;
}

.login-html .tab {
    border: none;
    text-transform: capitalize;
}

.login-html .sign-in:checked+.tab {
    color: #213446;
    font-size: 31px;
    font-weight: bold;
}


/**** LOGIN FORM ****/


/*the container must be positioned relative:*/

.custom-select {
    position: relative;
}

.custom-select select {
    display: none;
    /*hide original SELECT element:*/
}

.custom-selectHotel {
    position: relative;
}

.custom-selectHotel select {
    display: none;
    /*hide original SELECT element:*/
}

.select-selected {
    border: solid 1px #d6d3d3;
    height: calc(46px);
    border-radius: 5px;
}

.select-selected.select-arrow-active {
    border: solid 1px #3378ff;
}


/*style the arrow inside the select element:*/

.select-selected:after {
    position: absolute;
    content: "";
    top: 20px;
    right: 13px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #0c2556 transparent transparent transparent;
}


/*point the arrow upwards when the select box is open (active):*/

.select-selected.select-arrow-active:after {
    border-color: #0c2556 transparent transparent transparent;
    top: 20px;
}


/*style the items (options), including the selected item:*/

.select-items div,
.select-selected {
    color: #324253;
    padding: 9px 12px;
    cursor: pointer;
    user-select: none;
    font-size: 14px;
}

.select-selected {
    padding: 12px;
}


/*style items (options):*/

.select-items {
    position: absolute;
    background-color: #fff;
    border: 1px solid #f1f1f1;
    border-top: none;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    max-height: 300px;
    overflow: auto;
}

.select-items {
    scrollbar-width: thin;
    scrollbar-color: #c2c2c2 #ddd;
}

.select-items::-webkit-scrollbar-track {
    background: #eee;
    border-radius: 20px;
}

.select-items::-webkit-scrollbar-thumb {
    background: #8f9fbc;
    background-clip: content-box;
}

.select-items::-webkit-scrollbar {
    width: 4px;
}


/*hide the items when the select box is closed:*/

.select-hide {
    display: none;
}

.select-items div:hover,
.same-as-selected {
    background-color: rgba(143, 159, 188, 0.1);
}

.language_trigger {
    padding: 4px;
    margin: 0 0 0 auto;
    text-align: right;
}

.language_trigger a {
    padding: 5px 8px;
    border: solid 1px #c7cbd3;
}

.login-html .sign-in-htm {
    position: static;
}

.foot-lnk a i {
    border-radius: 5px;
    background: #cdf;
    color: #3378ff;
}

.foot-lnk a span {
    font-family: DM Sans, sans-serif;
    color: #324253;
}


/*#userprofile_modal .trbl-branding #main_panel{ height: 85vh; }
#userprofile_modal .wrapper_registration.headerClass{ height:85vh; }
#userprofile_modal .trbl-branding .wrapper_registration.headerClass{ height:unset; }
#userprofile_modal .trbl-branding{ height:unset; }
#userprofile_modal .modal-content .modal-body{ padding:0px;}
#userprofile_modal #registrationStepFromTab{ height:auto;}
#userprofile_modal .top_bar h2{ margin:0px;}
#userprofile_modal #sticky-sidebar{ overflow:auto;}*/

#userprofile_modal .trbl-branding .wrapper_registration #sticky-sidebar {
    position: sticky !important;
    right: unset !important;
}

#userprofile_modal .wrapper_registration {
    position: relative;
}


/*#userprofile_modal .wrapper_registration #main_panel.branding_topClass #sticky-sidebar{
  top: 0;
  position: absolute;
  /
  //
  //
}*/

#userprofile_modal .wrapper_registration #main_panel #sticky-sidebar {
    position: absolute;
    top: 0;
}

/*#userprofile_modal #registrationStepFromTab {
    height: auto;
    //
    //
}*/

#userprofile_modal .verticalbranding {
    /* height: 85vh; */
}

#userprofile_modal .wrapper_registration #main_panel {
    /* height: 85vh; */
}

#userprofile_modal .wrapper_registration .branding_topClass#main_panel {
    /*height: 75vh;*/
}

#userprofile_modal .wrapper_registration #sticky-sidebar.side-panel img {
    min-height: 100%;
}

.eupopup-container {
    background-color: rgba(12, 37, 86, 0.85) !important;
}

.eupopup-button_1 {
    background: #3378ff !important;
    border: solid 2px #3378ff !important;
}

.spanrequired {
    color: red;
}

.displaynone {
    display: none !important;
}

.requiredfiledp {
    font-size: 12px !important;
    margin-top: 5px;
    margin-bottom:0;
}


/*asdasd
  asdasd*/

.next {
    float: right;
    margin-right: 20px;
    width: 12%;
}

.previous {
    float: left;
    margin-left: 20px;
    width: 12%;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
}

#regiration_form {
    margin-bottom: 50px;
    position: relative;
}

.flex-column .sidebar_logo {
    text-align: center;
}

#registrationStepFromOverView .form-group {
    margin-bottom: 0px;
}

#registrationStepFromOverView .panel_data {
    padding: 10px 35px;
}

#registrationStepFromOverView .step-name-title a {
    float: right;
}

.registrationsummarypage {
    position: relative;
    left: 25px;
    color: black;
}

.showmessagemaindiv {
    padding: 30px;
}

.next {
    border-radius: 5px;
    padding: 10px;
    background-color: #3378ff;
    border-color: #3378ff;
    outline: none;
    transition: 0.15s;
}

.next:hover,
.next:focus,
.next:active {
    background: #0d5fff;
    border-color: #0d5fff;
    color: #fff;
    outline: none;
}

.previous {
    border-radius: 5px;
    padding: 12px 10px;
    background-color: #8f9fbc;
    border-color: #8f9fbc;
    outline: none;
    transition: 0.15s;
}

.previous:hover,
.previous:focus,
.previous:active {
    background: #778aae;
    border-color: #778aae;
    color: #fff;
    outline: none;
}

.btn_success {
    border-radius: 5px;
    padding: 12px 10px;
    background-color: #28a745;
    border-color: #28a745;
}

.btn_success:hover {
    background: #329825;
    border-color: #329825;
    color: #fff;
}

.btn_success:focus,
.btn_success:active {
    background: #778aae;
    border-color: #778aae;
    color: #fff;
    outline: none;
}

.paylatterclass,
.payemntclass {
    font-size: 15px;
    text-align: center;
}


/*//////////////////////////////////////////////////////////////////////////////////
  ///
  //
  //
  /////////////////////*/

.social_box .social-media {
    padding: 0;
    text-align: center;
}

.social_box .social-media li {
    list-style: none;
    display: inline-block;
    margin: 0 10px;
}

.social_box .social-media li a {
    font-size: 28px;
    width: 65px;
    height: 65px;
    background-color: transparent;
    border: solid 2px rgba(0, 0, 0, 0.7);
    padding: 18px;
    border-radius: 50%;
    display: inline-block;
    color: #000;
    text-align: center;
    transition: 0.5s;
}

.social_box .social-media li a:hover {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
}

.social_box .social_title {
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.5;
    font-family: 'robotoregular';
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 2.25rem;
}

.requiredfiledpformultioption {
    position: static;
}

#domainbasedmailidmesaage {
    font-size: 12px;
    color: red;
}

#showmaildinspan {
    padding: 10px 0 0 10px;
}

.coupencode-table {
    max-width: 50%;
    border: solid 1px #ccc;
}

.coupencode-table td,
.coupencode-table th {
    padding: 8px;
    border: none;
    text-align: unset !important;
    border-top: unset !important;
}


/*** START RTL CSS ***/

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

.rtl .wrapper_registration #main_panel.col-lg-9 {
    margin-right: 20%;
    margin-left: 0;
}

.rtl .wrapper_registration .top_bar h2 {
    text-align: right;
    float: right;
}

.rtl .wrapper_registration .header-logo {
    float: right;
    margin-left: 10px;
}

.rtl .select-selected:after {
    right: auto;
    left: 13px;
}

.rtl .collapsible_accordion .panel-title a:before,
.rtl .collapsible_accordion .panel-title a.collapsed:before,
.rtl .collapsible_accordion .panel-title a:after,
.rtl .collapsible_accordion .panel-title a.collapsed:after {
    right: auto;
    left: 20px;
}

.rtl .select2-results__option {
    text-align: right;
}

.rtl .select2-container .select2-selection--single .select2-selection__rendered {
    text-align: right;
}

.rtl .select2-container--default .select2-selection--single .select2-selection__arrow b {
    left: 10px;
    right: unset;
    margin-left: 0;
    margin-right: 4px;
}

.rtl .next {
    float: left;
    margin-left: 40px;
    margin-right: 0;
}

.rtl .previous {
    float: right;
    margin-right: 40px;
    margin-left: 0;
}

.rtl .checkbox .helper {
    right: 0;
    left: auto;
}

.rtl .wrapper_registration .common_radiobuttons li {
    text-align: right;
}

.rtl .wrapper_registration .common_radiobuttons li label {
    padding-right: 25px;
    padding-left: inherit;
}

.rtl .showamounttext {
    text-align: left;
}

.rtl .currencytext {
    float: right !important;
}

.rtl .top_bar .custom-select {
    left: 38px;
    right: auto;
}

.rtl .drop-zone {
    left: 0;
    right: auto;
}

.rtl .couponCodeChangeDiv .col-lg-6,
.rtl .couponCodeInput,
.rtl .checkbox {
    float: right;
}

.rtl .coupon-card {
    float: right;
}

.rtl .rlt_copuoncodeclass .coupon-card {
    float: unset !important;
}

.rtl .addcouponcodediv .row {
    width: 100%;
}

.rtl .couponCodeChangeDiv {
    width: 100%;
}

.rtl .checkbox label {
    padding-right: 60px;
}

.rtl #registrationStepFromOverView .step-name-title a {
    float: left;
}

.rtl .wrapper_registration .step-vise-question .step-name-title {
    text-align: right;
}

.rtl .wrapper_registration .title_label {
    width: 100%;
    text-align: right;
}

.rtl .custom-select {
    text-align: right;
}

.rtl .drop-zone {
    max-width: 30%;
}

.rtl .couponCodeButton {
    float: right;
    margin-right: 10px;
}

.rtl .checkbox input:checked~.helper:before {
    top: 1rem;
}


/*.rtl .modal .modal-content .modal-body p{ text-align:right; }*/

.rtl .wrapper_registration .question_steps ul li a {
    text-align: right;
}

.rtl .wrapper_registration .title_steps {
    text-align: right;
}

.rtl .wrapper_registration .sidebar-logo span {
    text-align: right;
}

.rtl .header_right ul li {
    float: left;
}

.rtl .bottom_navigation .navbar .menu>div>div>ul>li {
    text-align: right;
}

.rtl .bottom_navigation .navbar .menu>div>div>ul>li img {
    margin: 0 0 0 15px;
}

.rtl #mobile-nav ul li a {
    text-align: right;
}

.rtl #mobile-nav ul li a img {
    margin: 0 0 0 15px;
}

.rtl #mobile-nav ul .menu-has-children i {
    padding: 10px 150px 10px 15px;
}

.rtl #mobile-nav ul li li {
    text-align: right;
    padding-right: 30px;
}

.rtl .profile_form .form-group label {
    float: right;
}

.rtl .title_rightpanel,
.rtl .leftpanel_content,
.rtl .panel_title h3,
.rtl .text-box p {
    text-align: right;
}

.rtl .leftpanel_content ul li:before {
    left: auto;
    right: -15px;
}

.rtl .leftpanel_content ul {
    padding-right: 15px;
}

.rtl .owl-carousel.posterslider .owl-nav .owl-prev,
.rtl .owl-carousel.posterslider .owl-nav .owl-next {
    direction: ltr;
}

.rtl .input-label {
    float: right;
    text-align: right;
}

.rtl .posters-content .fa-caret-down {
    right: auto;
    left: 30px;
}

.rtl .search_filter .form-control {
    border-radius: 0 20px 20px 0 !important;
}

.rtl .search_filter .input-group .btn {
    border-radius: 20px 0 0 20px;
}

.rtl .search_filter .input-group .blankattendees {
    border-radius: 0px;
    border-left: solid 1px #fff;
    border-right: none;
}

.rtl .search_panel .input-group {
    display: inherit;
}

.rtl .search_panel .form-control {
    float: right;
    text-align: right;
    border-radius: 0 20px 20px 0;
}

.rtl .search_panel .btn {
    border-radius: 20px 0 0 20px;
}

.rtl .menu_items ul li a span {
    float: left;
}

.rtl .menu_items ul li a {
    text-align: right;
}

.rtl .menu_items a i,
.rtl .menu_items a img {
    margin: 0 0 0 5px;
}

.rtl .language-select {
    direction: rtl;
}

.rtl #dataCertificateEvaluationFormData .form-group label {
    float: none;
    display: block;
    text-align: right;
}

.rtl .radio-button {
    padding-left: inherit;
    padding-right: 32px;
}

.rtl .radio-button label:before,
.rtl .radio-button label:after {
    left: auto;
    right: 0;
}

.rtl #firsttime_popup_modal p,
.rtl #firsttime_popup_modal ul li {
    text-align: right;
}

.rtl .trbl-branding .wrapper_registration .sidebar-logo {
    float: left;
}

.rtl .mainlanguage_trigger {
    float: left;
}

.rtl .mainlanguage_trigger .select-selected {
    padding: 9px 12px 9px 40px;
}

.rtl .wrapper_registration #main_panel #sticky-sidebar {
    left: auto;
    right: 0;
}

.rtl .wrapper_registration {
    padding-left: 0;
    padding-right: 15%;
}


/*** END RTL CSS ***/

.coupon-card {
    background: #fff;
    color: #fff;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    position: relative;
    width: unset !important;
    max-width: unset !important;
    display: inline-block;
    margin-bottom: 15px;
}

.coupon-card .btn-close {
    font-size: 40px;
    position: absolute;
    right: 10px;
    top: -8px;
    color: #000;
    text-decoration: none;
    line-height: 40px;
}

.coupon-card table {
    margin: 0;
}

.coupon-card table tr {
    border-bottom: dotted 1px #6c757d;
    display: block;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.coupon-card table tr td {
    border-bottom: none;
    border-top: none;
    color: #000;
    display: unset !important;
    width: unset !important;
    padding: 0;
    font-size: 15px;
    line-break: unset !important;
    text-align: left !important;
}

.coupon-card table tr td span {
    color: #6c757d;
    text-transform: uppercase;
    font-size: 14px;
    width: 172px;
    display: inline-block;
}

.circle2 {
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    top: 80%;
    transform: translateY(-50%);
    box-shadow: -5px 0px 5px 0 rgba(0, 0, 0, 0.1);
    right: -30px;
}

.couponCodeInput {
    width: 40%;
    float: left;
    border-radius: 5px;
    background: transparent;
    border-color: #f1f1f1;
    height: 46px;
    box-shadow: none;
    color: #324253;
}

.couponCodeButton {
    border-radius: 5px;
    padding: 10px;
    background-color: #3378ff;
    border-color: #3378ff;
    outline: none;
    transition: 0.15s;
}

.top_bar .custom-select {
    width: 100px;
    float: right;
    position: absolute;
    right: 38px;
    top: 14px;
}

.wrapper_registration .top_bar h2 {
    width: 85%;
}

.drop-zone {
    padding: 8px 10px;
    font-size: 13px;
    cursor: pointer;
    color: #fff;
    border-radius: 5px;
    background: #0c2556;
    text-align: center;
    /*position: absolute;
  top: 0;
  right: 0;*/
    width: 238px;
    float: right;
}

.drop-zone--over {
    border-style: solid;
}

.drop-zone__thumb {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.drop-zone__thumb::after {
    content: attr(data-label);
    width: 100%;
    padding: 5px 0;
    color: #ffffff;
}

.feesradiobutton li {
    margin-bottom: 25px;
}

.disableDocumentOption {
    pointer-events: none;
    background: #a2a4a7;
    display: none;
}

#rootwizard {
    width: 100%;
    display: flex;
}

.wrapper_registration {
    padding-left: 15%;
    /* overflow: auto; */
}

.trbl-branding .wrapper_registration {
    padding: 0;
    height: auto;
}

.wrapper_registration #sticky-sidebar.side-panel {
    background: transparent;
    flex: 0 0 auto;
    padding: 0;
    position: unset;
    overflow: hidden;
}

.trbl-branding #main_panel {
    height: 100vh;
    overflow: auto;
}

.trbl-branding .branding_topClass#main_panel {
    height: 85vh;
}

.trbl-branding {
    overflow: hidden;
    height: 99vh;
}

.trbl-branding .wrapper_registration #registrationStepFromTab {
    padding-top: 20px;
}

.trbl-branding .wrapper_registration #sticky-sidebar.static-scrollapsy {
    position: sticky;
    top: 0px !important;
    max-width: 100%;
    width: 100%;
    height: auto;
    z-index: 10;
}

.trbl-branding .wrapper_registration #sticky-sidebar.static-scrollapsy.headerCLassAdd {
    top: 73px !important;
}

.trbl-branding .wrapper_registration .sidebar-logo {
    float: right;
    margin: 0;
}

.trbl-branding .question_steps .navbar {
    margin: 5px 0 0 0;
}

.trbl-branding .wrapper_registration .question_steps ul li a.active:before {
    background: unset;
}

.trbl-branding .wrapper_registration .question_steps ul li a {
    padding: 10px 12px;
    font-size: 16px;
    height: 100%;
    display: block;
}

.trbl-branding .wrapper_registration .question_steps ul {
    border: none;
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0 0;
}

.trbl-branding .branding_top_bar {
    position: sticky;
    top: 0;
    z-index: 150;
    background: #fff;
}

.verticalbranding {
    /*overflow: hidden;
    height: 100vh;*/
}

.verticalbranding .wrapper_registration #sticky-sidebar.side-panel {
    width: 17.7%;
}

.wrapper_registration #sticky-sidebar {
    left: 0;
}

.wrapper_registration .branding_top_barClass {
    padding-top: 20px !important;
}

.wrapper_registration .top_bar {
    position: sticky;
    top: 0;
    width: 100%;
    max-width: 100%;
}

.wrapper_registration.headerClass {
    /* height: 100vh; */
}

.wrapper_registration.headerClass #sticky-sidebar {
    top: 0;
    left: 0;
}

.wrapper_registration #regiration_form:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff;
    height: 100%;
    width: 100%;
    opacity: 0.95;
}

.mainlanguage_trigger {
    float: right;
    margin: -6px 0px 6px 0;
}

.mainlanguage_trigger .select-selected {
    padding: 9px 40px 9px 12px;
    height: calc(38px);
}

.mainlanguage_trigger .select-selected:after {
    top: 16px;
}

.hotel-card {
    position: relative;
    display: flex;
    width: 100%;
    box-shadow: 7px 7px 15px rgba(2, 28, 53, 0.08);
    margin-bottom: 30px;
    border: solid 2px #fff;
    cursor: pointer;
}

.hotel-card.active {
    border: solid 2px #0d5fff;
}

.hotel-image {
    width: 250px;
}

.hotel-image img {
    height: 100%;
}

.hotel-info {
    padding: 20px;
    width: 80%;
}

.hotel-info .hcard-label {
    font-size: 15px;
}

.hotel-info .custom-selectHotel .select-selected {
    padding: 7px 10px;
    height: 40px;
}

.hotel-card .hotel-info .form-control {
    height: 40px;
}

.hotel-card img {
    width: 100%;
}

.hotel-card h4 {
    margin: 0 0 5px 0;
    font-size: 18px;
    width: 100%;
    color: #0c2556;
}

.price {
    color: #000;
    font-size: 15px;
    font-weight: bold;
    display: block;
    margin-bottom: 0;
    flex: 50%;
    color: #0c2556;
}

.total-price {
    font-weight: bold;
    font-size: 15px;
    color: #0c2556;
}

.hotel-card p {
    font-size: 14px;
    line-height: normal;
    width: 100%;
}

.hotel-card a {
    display: flex;
    align-items: center;
    font-size: 16px;
    text-decoration: none;
}

.hotel-card a svg {
    margin-right: 5px;
}

.hotel-info .btn {
    background-color: #3378ff;
    border-color: #3378ff;
}

.price-section {
    margin: 10px 0px;
}

.check-time {
    display: flex;
    margin: 10px 0px;
}

.in-time small,
.out-time small {
    color: #324253;
}

.in-time,
.out-time {
    flex: 50%;
}

.hotel-select {
    position: relative;
}

.hotel-select:after {
    position: absolute;
    content: "";
    top: 18px;
    right: 13px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #0c2556 transparent transparent transparent;
}

.hotel-type i {
    color: #ffba00;
}

.wrapper_registration .question_list .hotel-select select.form-control {
    height: calc(40px) !important;
}

#regiration_form fieldset:not(:first-of-type) {
  display: none;
}
.checkbox:has(input:disabled) {
    opacity: 0.4;
    pointer-events: none;
}

.limitexceed{
      pointer-events: none;
} 
.limitexceed .check, .limitexceed label{
  opacity: 0.4;
}
.branding_top_bar{
    position: sticky;
    top: 0px;
    z-index: 99;
}
.additionalTicketClass{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.additionalTicketInputClass{
    width: 30%;
}

@media (min-width: 1367px) {
    .wrapper_registration #sticky-sidebar {
        height: 100vh;
    }
}

@media (max-width: 991px) {
    body {
        overflow: auto;
    }
    #sticky-sidebar {
        position: static;
        max-width: 100% !important;
        height: auto;
    }
    .wrapper_registration .panel_image {
        height: auto;
    }
    .wrapper_registration #sticky-sidebar {
        height: auto;
        position: static;
    }
    .wrapper_registration #main_panel.col-lg-9 {
        height: auto;
        width: 100%;
        max-width: 100%;
        margin: 0;
    }
    .wrapper_registration .progress-bar-vertical {
        min-height: 200px;
    }
    .wrapper_registration #registrationStepFromTab {
        padding: 20px 20px 0;
    }
    .wrapper_registration .top_bar {
        position: sticky;
        width: 100%;
        max-width: 100%;
        padding: 15px 20px;
        min-height: auto;
    }
    .wrapper_registration .top_bar h2 {
        margin: 0;
        font-size: 23px;
    }
    .wrapper_registration .top_bar span {
        margin: 0px;
        width: 35%;
    }
    #userprofile_modal .top_bar h2 {
        margin: 0;
    }
    .rtl .wrapper_registration #main_panel.col-lg-9 {
        margin: 0;
    }
    .rtl #userprofile_modal .wrapper_registration #sticky-sidebar {
        position: unset;
    }
    #userprofile_modal .wrapper_registration #sticky-sidebar {
        position: unset !important;
    }
    .rtl .drop-zone {
        max-width: 100%;
    }
    .top_bar .custom-select {
        position: sticky;
        margin: 0 auto 10px;
        right: inherit;
        left: inherit;
    }
    .wrapper_registration {
        padding-left: 0;
    }
    .wrapper_registration #sticky-sidebar {
        width: 100%;
    }
    .requiredfiledp {
        position: unset;
    }
    .trbl-branding .wrapper_registration #sticky-sidebar.static-scrollapsy {
        position: unset;
    }
    .wrapper_registration #sticky-sidebar.side-panel {
        display: none;
    }
    .wrapper_registration .branding_topClass#main_panel {
        /*height: 95vh;*/
    }
    .wrapper_registration .question_list .form-group {
        margin: 0;
    }
    .file-drop-area {
        margin-bottom: 10px
    }
    /* 04-03 */
    #registrationStepFromTab .social-media-image img,
    #registrationStepFromTab .preview-content,
    #registrationStepFromTab #textsummary,
    #registrationStepFromTab .social-media-image {
        width: 100% !important;
    }
    #registrationStepFromTab #html-content-holder {
        width: 100% !important;
    }
}

.file-drop-area {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding: 0px;
    background-color: #fff;
    border-radius: 5px;
    transition: .3s;
    outline: solid 1px #d6d3d3;
    padding-left: 10px;
}

.file-drop-area .choosefile-btn {
    flex-shrink: 0;
    background-color: #3378ff;
    border-radius: 3px;
    padding: 11px 15px;
    margin-left: 10px;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    display: flex;
}

.file-drop-area .choosefile-btn svg {
    margin-right: 5px;
}

.file-drop-area .file-msg {
    color: #9699b3;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.file-drop-area .item-delete {
    display: none;
    position: absolute;
    right: 155px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.file-drop-area .item-delete:before {
    content: "";
    position: absolute;
    left: 0;
    transition: .3s;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23bac1cb' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 438.5 438.5'%3e%3cpath d='M417.7 75.7A8.9 8.9 0 00411 73H323l-20-47.7c-2.8-7-8-13-15.4-18S272.5 0 264.9 0h-91.3C166 0 158.5 2.5 151 7.4c-7.4 5-12.5 11-15.4 18l-20 47.7H27.4a9 9 0 00-6.6 2.6 9 9 0 00-2.5 6.5v18.3c0 2.7.8 4.8 2.5 6.6a8.9 8.9 0 006.6 2.5h27.4v271.8c0 15.8 4.5 29.3 13.4 40.4a40.2 40.2 0 0032.3 16.7H338c12.6 0 23.4-5.7 32.3-17.2a64.8 64.8 0 0013.4-41V109.6h27.4c2.7 0 4.9-.8 6.6-2.5a8.9 8.9 0 002.6-6.6V82.2a9 9 0 00-2.6-6.5zm-248.4-36a8 8 0 014.9-3.2h90.5a8 8 0 014.8 3.2L283.2 73H155.3l14-33.4zm177.9 340.6a32.4 32.4 0 01-6.2 19.3c-1.4 1.6-2.4 2.4-3 2.4H100.5c-.6 0-1.6-.8-3-2.4a32.5 32.5 0 01-6.1-19.3V109.6h255.8v270.7z'/%3e%3cpath d='M137 347.2h18.3c2.7 0 4.9-.9 6.6-2.6a9 9 0 002.5-6.6V173.6a9 9 0 00-2.5-6.6 8.9 8.9 0 00-6.6-2.6H137c-2.6 0-4.8.9-6.5 2.6a8.9 8.9 0 00-2.6 6.6V338c0 2.7.9 4.9 2.6 6.6a8.9 8.9 0 006.5 2.6zM210.1 347.2h18.3a8.9 8.9 0 009.1-9.1V173.5c0-2.7-.8-4.9-2.5-6.6a8.9 8.9 0 00-6.6-2.6h-18.3a8.9 8.9 0 00-9.1 9.1V338a8.9 8.9 0 009.1 9.1zM283.2 347.2h18.3c2.7 0 4.8-.9 6.6-2.6a8.9 8.9 0 002.5-6.6V173.6c0-2.7-.8-4.9-2.5-6.6a8.9 8.9 0 00-6.6-2.6h-18.3a9 9 0 00-6.6 2.6 8.9 8.9 0 00-2.5 6.6V338a9 9 0 002.5 6.6 9 9 0 006.6 2.6z'/%3e%3c/svg%3e");
}

.file-drop-area .file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
}

.file-drop-area .file-input:focus {
    outline: none;
}

.requiredfiledpBrowse {
    /*bottom: -27px;*/
}

.picture-add-area {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 100%;
    text-decoration: none;
}

.picture-add-area .addphoto-btn:hover,
.picture-add-area .addphoto-btn:focus {
    text-decoration: none;
}

.picture-add-area input {
    width: 100%;
    height: 46px;
    width: 100%;
    height: 46px;
    color: #444;
    font-size: 16px;
    pointer-events: none;
}

.picture-add-area .addphoto-btn {
    flex-shrink: 0;
    background-color: #3378ff;
    border-radius: 0px 3px 3px 0px;
    padding: 11px 15px;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    display: flex;
}

.picture-add-area .addphoto-btn svg {
    margin-right: 5px;
}

.picture-add-area .photo-delete {
    position: absolute;
    right: 200px;
    top: 13px;
}

#videoElement {
    width: 300px;
}

#modalPhoto {
    top: 0;
}

#modalPhoto .btn-primary {
    background: #3378ff;
    padding: 10px 25px;
}

#modalPhoto .btn-success {
    background: #28a745;
    padding: 10px 25px;
}

#modalPhoto .close {
    opacity: 1;
}

#modalPhoto .modal-header p {
    margin-bottom: 0;
}

#modalPhoto .modal-dialog .modal-content .close {
    background: transparent;
    width: auto;
    box-shadow: none;
}

.picture-add-area input {
    border-radius: 5px 0px 0px 5px !important;
}

.cropper-bg {
    width: 100% !important;
}

.iti {
    width: 100%;
}

.tooltip-inner {
    padding: 10px 8px;
    background-color: #3378ff;
    letter-spacing: 1.4px;
    font-weight: normal;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #3378ff
}

.labelToolTip {
    position: relative;
    top: 4px;
}

.select2-container--default .select2-selection--single {
    background-color: transparent;
}

.ADquestionDiv{
  position: relative; 
  width: 100%; 
  border: solid 1px #f1f1f1; 
  padding-top: 15px; 
  margin-bottom: 20px;
}
.Addquestionspan, .minusquestionspan{
  position: absolute; display: flex; font-size:14px; right: 0; top: -1px; background-color: #0d5fff; padding: 3px 8px; z-index: 10; text-decoration: none;
  color: #fff; border-radius: 0;
}
.Addquestionspan:hover,.Addquestionspan:focus,.minusquestionspan:hover,.minusquestionspan:focus{
    color: #fff;
}


.ADcustomdropdown{
    width: 100%;
    position: relative;
}
.ADcustomdropdown .select-btn{
    display: flex;
    background: #fff;
    padding: 12px;
    font-size: 14px;
    color: #324253;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
    border: solid 1px #f1f1f1;
    height: calc(46px);
    border-radius: 5px;
}
.ADcustomdropdown .select-btn i{
    font-size: 25px;
    transition: 0.3s;
    position: absolute;
  content: "";
    top: 20px;
    right: 13px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  border-color: #0c2556 transparent transparent transparent;
}
.ADcustomdropdown .options{
    position: absolute;
    right: 0;
    left: 0;
    z-index: 99;
    padding: 0;
    max-height: 300px;
    background: #fff;
    border: 1px solid #f1f1f1;
    scrollbar-width: thin;
    scrollbar-color: #c2c2c2 #ddd;
    display: none;
    overflow: auto;
}
.ADcustomdropdown.active .options{
    display: block;
}
.ADcustomdropdown .options .option{
    display: flex;
    cursor: pointer;
    padding: 9px 12px;
    align-items: center;
    font-size: 14px;
    position: relative;
}
.ADcustomdropdown .options .option-textcolor{
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  right: 10px;
  border-radius: 50%;
}
.ADcustomdropdown .sBtn-textcolor{
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  right: 45px;
  border-radius: 50%;
}


.ADcustomdropdown .options .option:hover{
    background: #F2F2F2;
}
.ADcustomdropdown .option i{
    font-size: 25px;
    margin-right: 12px;
}

li.option.disabled{
    pointer-events:none;
    opacity:0.4;
}

.lartext {
      text-align: right !important;
    }
    .requiredfiledp{
      width: 95%;
    }
    .title_label{
      width: 100%;
    }
    .paymentdivcss table tr td{ padding:5px; }
    .websiteloader {
      position: fixed;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      z-index: 9999;
      background: url('frontassets/img/loading.gif') 50% 50% no-repeat rgb(249,249,249,0.99);
      background-size: 5%;
      opacity: 0.6;
    }
    #fieldsetTab_12 .row .col-lg-6{
      height: 145px;
    }

.select2-container--default .select2-selection--single .select2-selection__arrow {top: 11px;}
    .select2-container .select2-selection--single .select2-selection__rendered {padding-top: 8px;}
    .select2-container .select2-selection--single { height: calc(46px);}
    .select2-container--default .select2-selection--single {border: solid 1px #d6d3d3;border-radius: 5px;}
    /*.select2-container{ display:unset !important;}*/
    .select2-container--default .select2-selection--single{ position:relative;}
    .select2-container--default .select2-selection--single .select2-selection__arrow{ position:unset;}
    .select2-container--default .select2-selection--single .select2-selection__arrow b{ right:10px; left:unset; border-color: #000 transparent; border-width: 6px 6px 0 6px;}
    .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{ border-color: transparent transparent #000 transparent; border-width: 0 6px 6px 6px;}
.iti__arrow{
  border: none;
}

.iti__flag-container{
  pointer-events: none;
}

.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
    padding-left: 40px;
}

@media(max-width:767px) {
    .previous {
        width: 100px !important;
    }
    .next {
        width: 100px !important;
    }
    .paylatterclass {
        margin-bottom: 20px;
    }
    .coupencode-table {
        max-width: 100%;
    }
    .coupon-card table tr td span {
        width: auto !important;
    }
    .rtl .menu_items ul li a {
        text-align: center !important;
    }
    .rtl .menu_items a i,
    .menu_items a img {
        margin: 0;
    }
    .trbl-branding .question_steps ul li {
        width: 100%;
    }
    .trbl-branding {
        height: auto;
    }
    .trbl-branding .branding_topClass#main_panel {
        height: auto;
    }
    #rootwizard {
        display: block;
    }
    .hotel-card {
        display: block;
    }
    .hotel-image {
        width: 100%;
    }
    .hotel-info {
        width: 100%;
    }
    .common_radiobuttons {
        flex-wrap: wrap;
    }
    .drop-zone {
        float: none;
    }
    .picture-add-area {
        display: block;
    }
    .picture-add-area .addphoto-btn {
        border-radius: 5px;
        margin-top: 5px;
        justify-content: center;
    }
    .picture-add-area .photo-delete {
        right: 10px;
        d
    }
    .CCMANDRSVPRegistrationForm .showmessagemaindiv .col-sm-6 {
        width: 50%;
        float: left;
        text-align: center !important;
        padding-top: 15px;
    }
    .CCMANDRSVPRegistrationForm .showmessagemaindiv .col-sm-6 a {
        text-align: center;
        font-size: 14px;
        text-decoration: none;
        display: block;
        padding-top: 10px;
    }
}



.websiteloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgb(249, 249, 249, 0.90);
}

.websiteloader .loader {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    right: -150px;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.websiteloader .loader:before,
.websiteloader .loader:after {
    content: "";
    width: 100%;
    height: 100%;
    border-width: 50px;
    border-style: double;
    border-color: transparent;
    border-right-color: transparent;
    border-right-color: #002b4b;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    animation: spin 1s infinite;
    animation-delay: -0.25s;
}

.websiteloader .loader:after {
    left: 0;
    border-right-color: transparent;
    border-left-color: #002b4b;
    animation: spin 1s infinite;
    animation-delay: 0;
}

@keyframes spin {
    0% {
        transform: rotate(360deg);
    }
}

@keyframes loader_rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes shape1 {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(50px) rotate(360deg);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes shape2 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(50px) rotate(360deg);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes shape3 {
    0% {
        transform: translate(0);
    }
    50% {
        transform: translate(-50px) rotate(360deg);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes shape4 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-50px) rotate(360deg);
    }
    100% {
        transform: translateX(0);
    }
}

.soldOutLabelAlert{
    color: red;
    font-size: 13px;
}