@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {max-width:1300px !important;}
}

@media (min-width: 767.88px) {
.qrcode-content {padding-right:0%; padding-top:0px !important;}
.qrcode-sidebar {padding-left:3%;}
}

.topmenu-tabs ul.nav.nav-pills.nav-fill li a {padding-left:5px; padding-right:5px; font-size:1.1rem !important;}
.topmenu-tabs ul.nav.nav-pills.nav-fill li a span {font-size:1.1rem;}
.qrcode-content .tab-content>.active {padding:24px; background:#ffffff; border-radius:0;}
.qrcode-content .tab-content {margin: 0 0 30px !important;border: 1px solid #dddddd9e;border-radius: 0; box-shadow: 0 0 4px #00000015;background: #fff;}
.qrcode-sidebar nav.navbar.sticky-top h2 {font-size:24px;}
.collapse .qrcdr-slider {margin:20px 0;}
.qrcode-sidebar nav.navbar.sticky-top {padding:30px; background:#ffffff; border:1px solid #dddddd9e; border-radius:0; box-shadow:0 0 4px #00000015;}
.topmenu-tabs {margin:30px 0 0px; overflow-x:scroll; padding:0px;}
.topmenu-tabs::-webkit-scrollbar, .ac-button-wrap::-webkit-scrollbar {display: none;}
.topmenu-tabs ul.nav.nav-pills.nav-fill {width:1260px; display:flex; flex-wrap:nowrap; white-space:normal;}
.ac-button-wrap {overflow-x:scroll;}
.ac-button-wrap .ac-button-menu {max-width:767px; flex-wrap:nowrap; margin-bottom:0px;}
.qrcode-content {padding-top:0px !important;}
.ac-button-menu {display:flex; align-items:center; gap:15px; flex-wrap:wrap;}
.ac-button-menu button {display:flex; align-items:center; gap:10px; padding:6px 12px; /**flex:1;**/}
.ac-button-menu button svg {width:20px; height:20px;}
.ac-button-menu button span {font-size: 16px;}
.qrcode-content .accordion .accordion-item >.collapse {width:100%; padding:30px; background:#ffffff; border:1px solid #dddddd9e; border-radius:0; box-shadow:0 0 4px #00000015;}
.qrcode-content .accordion .collapsing {padding:30px; background:#ffffff; border:1px solid #dddddd9e; border-radius:0; box-shadow:0 0 4px #00000015;}
.qrcode-content .accordion .accordion-item.d-grid {display:inline !important; flex:1;}
.qrcode-content .accordion .collapse .collapse {position:inherit; padding:unset; box-shadow:unset; border:unset;}
.qrcode-content .accordion .accordion-item >.collapse {padding:20px;margin-top:15px;}
.qrcode-sidebar nav.navbar.sticky-top {padding:20px;}
.placeresult{background-color: #fff !important; border-color: #fff; box-shadow: none!important;}

@media (max-width: 767px) {
.ac-button-menu button svg {width:18px; height:18px;}
.ac-button-menu button { padding: 6px 15px;}
}

/**24-12-24**/
.bg-cstm-clr {background: #f0eeed;padding: 0 25px 20px;}
/**.topmenu-tabs { padding-top: 12px!important;background:#fff;}**/
.accordion-main-bg {background: #fff;padding-top: 20px;padding-bottom:20px;border:1px solid #dddddd9e;box-shadow:0 0 4px #00000015;min-height: 230px;}
.ac-button-wrap { scrollbar-width: none; }
.ac-button-wrap::-webkit-scrollbar { display: none;}
.qrcode-sidebar.order-last {padding-right: 0;}

@media (max-width:1280px) {
	.accordion-main-bg {min-height: 265px;}
	.qrcode-sidebar nav.navbar {
		height: calc(100% - 45px);
	}
}
@media (max-width:1270px) {
	.accordion-main-bg {min-height:220px;}
	.qrcode-sidebar nav.navbar {
		height: calc(100% - 10px);
	}
}
@media (max-width:1250px) {
	.accordion-main-bg {min-height:205px;}
}
@media (max-width:1199px) {
	.bg-cstm-clr {
		max-width: 96%;
		margin: 0 auto;
	}
}
@media (max-width:1100px) {
	.accordion-main-bg { min-height: 152px;}
}
@media (max-width:1024px) {
	.bg-cstm-clr {
		max-width: 96%;
		margin: 0 auto;
	}
	.qrcode-sidebar {
		width:36%;
	}
	.qrcode-content { 
		width:64%;
	}
	.qrcode-sidebar nav.navbar.sticky-top {
		padding:26px 0;
	}
	.accordion-main-bg { min-height:215px;}
}
@media (max-width:991px) {
	.qrcode-content {padding-right: 2%;padding-top: 0px !important;}
	.qrcode-sidebar.order-last {padding-left: 0;}
	.qrcode-sidebar , .qrcode-content { 
		width:100%;
	}
	
}

/** toggle switch code **/
.toggle-wrapper .toggle-switch {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.toggle-wrapper .label-text {
    font-size: 16px;
    color: #333;
    font-weight: 600;
}
.toggle-wrapper .switch {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 20px;
}
.toggle-wrapper .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle-wrapper .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 34px;
}
.toggle-wrapper .slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}
.toggle-wrapper .switch input:checked + .slider:before {
  transform: translateX(14px);
}
.toggle-wrapper {
    display: flex;
    gap: 20px;
	flex-wrap: wrap;
}
@media (max-width:600px) {
	.toggle-wrapper {
		column-gap: 20px;
		row-gap: 0;
	}
}