/*********************************/
/*         INDEX                 */
/*================================

  01 - radio-switch
  02 - accordion-button
  03 - bubbly-button
  04 - location map pointer
  05 - tabs/timeline container
  06 - Needed for filters
  07 - responsive logo
  08 - add to cart button
  09 - bottom mobile footer
 ================================*/

/*********************************/
/*         INDEX                 */
/*================================
 *     01.  Variables            *
 *     02.  Bootstrap Custom     *
 *     03.  Components           *
 *     04.  General              *
 *     05.  Helper               *
 *     06.  Menu                 *
 *     07.  Home / Landing       *
 *     08.  Features / Services  *
 *     09.  Testimonial          *
 *     10.  Price                *
 *     11.  C.T.A                *
 *     12.  Blog / Careers / Job *
 *     13.  Work / Projects      *
 *     14.  Team                 *
 *     15.  User Pages           *
 *     16.  Countdown            *
 *     17.  Contact              *
 *     18.  Footer               *
 ================================*/
 @import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap');

@import url("../css/paymaamain.min.css");

@import url("../js/plugins/slick/slick.min.css");
@import url("../js/plugins/slick/slick-theme.min.css");

@import url("../js/plugins/select2/select2.min.css");
@import url("../js/plugins/select2/select2-bootstrap.min.css");

@import url("../js/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css");

/*@import url("../js/plugins/bootstrap-datepicker-new/css/bootstrap-datepicker.css"); */

@import url("../js/plugins/datatables/dataTables.bootstrap4.min.css");

@import url("_qr-card.css");
@import url("_modal-customized.css");
@import url("_form-wizard.css");


@import url("_browseordraganddrop.css"); 
		 
@import url("m.multitasksidenav.css");

@import url("_arrows.css");
@import url("_badge-circle.css");
@import url("_badge-tags.css");
@import url("_border.css");
@import url("_bottom-to-up.css");
/*@import url("_chart-c3.css");*/
@import url("_fab.css");
@import url("_gradient-colors.css");
@import url("_meter-green.css");
@import url("_monthpicker.css");
@import url("_notify1-heartbit1.css");
@import url("_preloader.css");
@import url("_ribbon.css");
@import url("_timelineMenuforLargeScreens.css");
@import url("_user-profile.css");
@import url("_wave3.css");
@import url("_webkit-scrollbar.css");

@import url("m.bottombar.css");
@import url("m.button.css");
@import url("m.buttons.css");
@import url("m.minifooter.css");
@import url("m.miniheader.css");
@import url("m.scrollLR.css");	/*-- scroll mobile, laptop, tab */
@import url("m.seatselect.css");
/*@import url("m.timeline.css");*/
@import url("m_upload.css");
@import url("_cssload-speeding-wheel.css");
@import url("paymaa_loader.css");			/* Page loader */
@import url("paymaa_upload.css");	/* Upload your profile */
@import url("theme.css");			/* Dark and Light */




 

body {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #333;
  min-width: 300px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  user-select: none;
}


._s-ck_horizontal-divider-w60{
  background: linear-gradient(72.47deg, #009900 22.16%, rgba(0, 153, 0, 0.7) 76.47%);
  height:3px;
  width:60px;
  border-radius:50px;
}
._divider-w100 {
  background-color: #1973e8;
  height: 2px;
  margin: auto auto 20px;
  width: 100px;
}














/* ========input[type=number] up/down arrow will disabled=============*/
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0; 
}
/* ========input[type=number] up/down arrow will disabled=============*/


._shadowf1fvy87o  {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0.3px 0.9px, rgba(0, 0, 0, 0.13) 0px 1.6px 3.6px;
  border-radius: 10px;
}
.s_ck_shadow {
    box-shadow: 0 2px 6px 0 rgba(190, 190, 190, 0.2), 0 2px 2px 0 rgba(160, 160, 160, 0.14), 0 4px 2px -2px rgba(160, 160, 160, 0.12);
    box-shadow: 
    0 1px 3px 0 rgba(100,100,100,.2), 
    0 1px 1px 0 rgba(100,100,100,.14), 
    0 2px 1px -1px rgba(100,100,100,.12);
    box-shadow:0 0 2px 0 rgba(0,0,0,.29);
box-shadow: 0 8px 16px rgba(27,30,36,.06),0 0 8px rgba(27,30,36,.04);
    border-radius: 10px;
}

.s_ck_header {
    box-shadow: 0 16px 15px 0 rgba(0, 0, 0, 0.44);
}

.s_ck_nav {
    box-shadow: 0 16px 15px 0 rgba(0, 0, 0, 0.07);
}
 


.filter-drop-shadow{
  filter: drop-shadow(-4px 3px 2px rgba(87, 87, 87, .3));
}
._icon-color-bgreen{
  color: #009900  !important;
  background:#00990033;
}
._icon-color-bgred{
  color: #f24957  !important;
  background:#f2495733;
}
._icon-warrenty-startdate{
  height:3px;width:60px;border-radius:50px;
  background: linear-gradient(72.47deg, #009900 22.16%, rgba(0, 153, 0, 0.7) 76.47%);
}
._icon-warrenty-endate{
  height:3px;width:60px;border-radius:50px;
  background: linear-gradient(72.47deg, #f24957 22.16%, rgba(239, 83, 80, 0.7) 76.47%);
}
._warrent-startdate-border-l{
  border-left: 4px solid #009900;
}
._warrenty-endate-border-r{
  border-left: 4px solid #f24957;
   border-left: 4px solid #ef5350 !important;
}
._asset-purchase{
  color: #28c76f; /*rgb(40,199,111)*/
  
}



.custom-button {
  padding: 10px;
  color: white;
  background-color: #009578;
  border: 1px solid #fff;
  border-radius: 5px;
  cursor: pointer;
}

.custom-button:hover {
  background-color: #00b28f;
}

.custom-text {
  margin-left: 10px;
  font-family: sans-serif;
  color: #aaa;
}











/* ==============
responsive logo start
================ */
.img-1 {
  max-height: 100%;
  max-width: 100%  ; 
  height: auto;
  width: auto;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  margin: auto;
}

.container-11 {
  min-width: 50px;
  width: calc(100% - 100px);
  /*max-width: calc(100% - 50px);*/
  width: 100%;
  height: 100%; 
  min-height:  30px;
  position: relative;
}
.s_ck_img {
max-height: 100%;
max-width: 100%;
height: auto;
width: auto;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
box-sizing: border-box;
margin: auto;
padding: 3px;
}

.s_ck_container {

min-width: 55px;
width: calc(100% - 100px);
/*max-width: calc(100% - 100px);*/
width: 100%;
height: 100%; 
min-height:  45px;
position: relative;
margin: 3px;
}

 
.sck-tab {
  flex: 1;
  text-align: center;
  color: #000; 
  cursor: pointer;
padding: 5px 10px;
 margin: 2px;
/*border-radius:50px;*/
border: 0px solid #efefef;
  transition: background-color 0.3s;
}


.s_ck_showhide span {
  display: none;
}

.sck-table-desc{
  display:block;
  font-size:11px;
  color:#000;
  max-height:0;
  overflow:hidden;
  margin:0;
}
.sck-table tr:hover .sck-table-desc{
  max-height:100px;
  color:#000;
  padding-top:8px;
  transition:max-height .3s ease-in;
}

.md-fab:hover{
  box-shadow: 
  0 0 1px 6px rgba(243, 129, 129, 0.4),
  0 0 1px 12px rgba(243, 129, 129, 0.3),
  0 0 1px 18px rgba(243, 129, 129, 0.2), 
  0 0 1px 24px rgba(243, 129, 129, 0.1);
   /*box-shadow: 0 0 1px 6px rgba(252, 226, 137, 0.5),0 0 1px 12px rgba(252, 226, 137, 0.4),0 0 1px 18px rgba(252, 226, 137, 0.3), 0 0 1px 24px rgba(252, 226, 137, 0.2);*/
}


.datepicker-inline {
  width: 100%;
}
.datepicker-days {
  width: 100%;
}
.datepicker table {
  width: 100%;
}


.ticket-id-mtop{
	margin-top: -8px;
  }
  .ticket-id{
  color:#000;
  background-color: #f8bd2e; 
  border: .0313rem solid #212121; 
  border-radius: 0px 10px;
  
  font-size: .625rem; 
  font-weight: 800; 
  
  padding: 2px; 
  margin-left: auto;
  text-align: center;
  
  width: 110px;
  }



.sck-content {
  display: none;  
}


/* Style for the selected tab */
.sck-tab.active1  {
 /* background-color: #0056b3;*/
}


.radio-switch-card-content { /* .tab-content */
  display: none;
 
}
.radio-switch-card-content.active { /* .tab-content.active */
  display: block;
}

.nav-main a svg{

	margin-bottom:-10px;
}


.bg-logo-theme{
    background: linear-gradient(72.47deg, #17153B 28%, rgba(23, 21, 59, 0.7) 100%) !important;
}

.bg-border-theme{
    height:3px;
    width:60px;
    border-radius:50px;
    background: linear-gradient(72.47deg, #009900 22.16%, rgba(0, 153, 0, 0.7) 76.47%);
}







/* ==============
bottom mobile footer start
================ */
.container-menu {
  position: absolute;
  left: 50%;
  right: 0;
  bottom: 50%;
  width: 340px;
  margin-left: -180px;
  background-color: ;
}
.container-menu input[type=checkbox] {
  display: none;
}
.container-menu input[type=checkbox] + label {
  cursor: pointer;
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: 0; 
  margin-left: -18px;
  margin-bottom: 20px;
  width: 57px;
  height: 57px;
  border-radius: 50%;
  display: block;
  background-color: #F76583;
  background: -webkit-linear-gradient(-90deg, #fe5e7d 0%, #e5375b 100%);
  background: linear-gradient(72.47deg, #009900 22.16%, rgba(0, 153, 0, 0.7) 76.47%); 
  
 /* box-shadow: 0px 0px 40px 4px #F76583, 0px 0px 0px 2px rgba(255, 255, 255, 0.19) inset;*/
  box-shadow: 0px 0px 40px 4px #dcdfe3, 0px 0px 0px 2px rgba(255, 255, 255, 0.19) inset;

  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
       -o-transition: all 0.3s;
          transition: all 0.3s;
}
.container-menu input[type=checkbox] + label:hover {
  background: -webkit-linear-gradient(-90deg, #e5375b 0%, #e5375b 100%);
  box-shadow: 0px 0px 20px 4px #F76583, 0px 0px 0px 2px rgba(255, 255, 255, 0.19) inset;
  
 /* box-shadow: 0px 0px 40px 4px #F76583, 0px 0px 0px 2px rgba(255, 255, 255, 0.19) inset;*/
  box-shadow: 0px 0px 40px 4px #dcdfe3, 0px 0px 0px 2px rgba(255, 255, 255, 0.19) inset;
}
.container-menu input[type=checkbox] + label:before {
  position: absolute;
  top: 5px;
  left: 16px;
  content: "";
  color: #fff;
  font-size: 7px;
  font-weight: 100;
  -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  display: block;
  line-height: 1;
}
.container-menu input[type=checkbox]:checked + label {
 /*
	-webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  */
}
.container-menu input[type=checkbox]:checked + label:hover {
  background: -webkit-linear-gradient(-90deg, #e5375b 0%, #e5375b 100%);
  background: linear-gradient(72.47deg, #009900 22.16%, rgba(0, 153, 0, 0.7) 76.47%);
  
 /* box-shadow: 0px 0px 40px 4px #F76583, 0px 0px 0px 2px rgba(255, 255, 255, 0.19) inset;*/
  box-shadow: 0px 0px 40px 4px #dcdfe3, 0px 0px 0px 2px rgba(255, 255, 255, 0.19) inset;
}
.container-menu input[type=checkbox]:checked + label + .sck_menu {
  width: 340px;
  margin-left: -160px;
 /* box-shadow: 0px 0px 18px 1px #ff6182, 0px 0px 0px 2px rgba(255, 255, 255, 0.19) inset;*/
  box-shadow: 0px 0px 18px 1px #dcdfe3, 0px 0px 0px 2px rgba(255, 255, 255, 0.19) inset;
  
}
.container-menu input[type=checkbox]:checked + label + .sck_menu .sck_menu-item {
  opacity: 1;
  -webkit-animation: item 0.5s forwards ease-in-out;
     -moz-animation: item 0.5s forwards ease-in-out;
          animation: item 0.5s forwards ease-in-out;
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
       -o-transition: all 0.3s;
          transition: all 0.3s;
}
.container-menu input[type=checkbox]:checked + label + .sck_menu .sck_menu-item svg {
  opacity: 0.5;
}
.container-menu input[type=checkbox]:checked + label + .sck_menu .sck_menu-item:hover svg {
  opacity: 1;
}

.sck_menu {
  position: absolute;
  left: 50%;
  right: 0;
  bottom: 50%;
  width: 340px;
  margin-left: -180px;
  
/*  width: 35px;
  margin-left: -17px;
   font-size: 20px;
  background-color: #F76583;
  */ 
  z-index: ;
  background-color: #fff;
  text-align: center;
 
  padding: 0 10px;
  margin: 10px 0 10px 0;
  border-radius: 50px;
  box-shadow: 0px 0px 0px 4px #F76583, 0px 0px 0px 2px rgba(255, 255, 255, 0.19) inset;
  overflow: hidden;
  
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
       -o-transition: all 0.3s;
          transition: all 0.3s;
}
.sck_menu .sck_menu-item {
  position:  ;
  display: inline-block;
  vertical-align: bottom;
  width: 18%;
  height: 100%;
  padding: 10px 0;
  opacity: 0;
  -webkit-transition: all 0.6s;
     -moz-transition: all 0.6s;
       -o-transition: all 0.6s;
          transition: all 0.6s;
}
.sck_menu .sck_menu-item {
  color: #868e96;
}
.sck_menu .sck_menu-item small{
  color: #000;
}
@-webkit-keyframes item {  0% {    opacity: 0;  }  40% {    opacity: 0;  }  60% {    opacity: 1;  }}
   @-moz-keyframes item {  0% {    opacity: 0;  }  40% {    opacity: 0;  }  60% {    opacity: 1;  }}
        @keyframes item {  0% {    opacity: 0;  }  40% {    opacity: 0;  }  60% {    opacity: 1;  }}
 
 
/* ==============
bottom mobile footer end
================ */







/* ==============
add to cart button start
================ */
.add-to-cart-button {
  background: #e6a247;
  border: none;
  border-radius: 4px;
  box-shadow: 0 3px 13px -2px rgba(0, 0, 0, 0.15);
  color: #ffffff;
  display: flex;
  font-family: "Ubuntu", sans-serif;
  justify-content: space-around;
 
  overflow: hidden;
  outline: none;
  padding: 5px;/*0.7rem*/
  position: relative;
 
  transition: 0.4s ease;
  width: auto;
}
.add-to-cart-button:active {
  box-shadow: 0 0 0 0.2rem rgba(252, 186, 3, 0.45);
  transform: translateY(4px);
}
.add-to-cart-button:hover {
  cursor: pointer;
}
.add-to-cart-button:hover, .add-to-cart-button:focus {
  box-shadow: 0 0 0 0.2rem rgba(252, 186, 3, 0.45);
  transform: translateY(-1px);
}
.add-to-cart-button.added {
  background: #2fbf30;
  box-shadow: 0 0 0 0.2rem rgba(11, 252, 3, 0.45);
}
.add-to-cart-button.added .add-to-cart {
  display: none;
}
.add-to-cart-button.added .added-to-cart {
  display: block;
}
.add-to-cart-button.added .cart-icon {
  animation: drop 0.3s forwards;
  -webkit-animation: drop 0.3s forwards;
  -webkit-animation-delay: 0.18s;
          animation-delay: 0.18s;
}
.add-to-cart-button.added .box-1,
.add-to-cart-button.added .box-2 {
  top: 18px;
}
.add-to-cart-button.added .tick {
  animation: grow 0.6s forwards;
  -webkit-animation: grow 0.6s forwards;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}

.add-to-cart,
.added-to-cart {
  margin-left: 36px;
}

.added-to-cart {
  display: none;
  position: relative;
}

.add-to-cart-box {
  height: 5px;
  position: absolute;
  top: 0;
  width: 5px;
}

.box-1,
.box-2 {
  transition: 0.4s ease;
  top: -8px;
}

.box-1 {
  left: 23px;
  transform: rotate(45deg);
}

.box-2 {
  left: 32px;
  transform: rotate(63deg);
}

.cart-icon {
  left: 15px;
  position: absolute;
  top: 8px;
}

.tick {
  background: #146230;
  border-radius: 50%;
  position: absolute;
  left: 28px;
  transform: scale(0);
  top: 5px;
  z-index: 2;
}

@-webkit-keyframes grow {
  0% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes grow {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes drop {
  0% {
    -webkit-transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(1px);
  }
}
@keyframes drop {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(1px);
  }
}
/* ==============
add to cart button end
================ */

/* ==============
filters start
.sck_hide   You can play with the seconds to change the "animation" 
.show  You can play with the seconds to change the "animation" 
================ */
 /*  Needed for filters  
 .sck_hide {
  display: none;
}
.sck_hide {
  animation: hide .3s ease 0s 1 normal forwards;
  transform-origin: center;
}
.show {
    animation: show .3s ease 0s 1 normal forwards;    
    transform-origin: center;
}

@keyframes hide {
  0%{
    transform: scale(1);        
  }
  100% {
    transform: scale(0);        
    width: 0;
    height: 0;
    margin: 0;
  }
}
@keyframes show {
  0%{
    transform: scale(0);     
    width: 0;
    height: 0;
    margin: 0;   
  }
  100% {
    transform: scale(1);    
  }
}
   // Needed for filters */


/* ==============
tabs/timeline container start
================ */
/*BBC/Sport/football/Scores&Fixtures*/

  /*
  Note 1: because overflow-x: auto; hides the active div down arrow, expand the list div height by the height of the arrow.
  Height 60px = arrow size=6px + scroller height=54px
*/
/*.timeline-container {}*/

.timeline-container .timeline-list,.timeline-list1 {
  text-align: center;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden; 
  scroll-behavior: smooth;
  /*see Note 1*/
  /*height:  ;*/
  
  
      background: transparent;
 
    overflow-x: auto; 							/* Make this scrollable when needed */   
    overflow-y: hidden;							/* We don't want vertical scrolling */    
    -webkit-overflow-scrolling: touch;			/* For WebKit implementations, provide inertia scrolling */
		-ms-overflow-style: -ms-autohiding-scrollbar;/* Make an auto-hiding scroller for the 3 people using a IE */   
    white-space: nowrap; 						/* We don't want internal inline elements to wrap */
}
/* Remove the default scrollbar for WebKit implementations */
.timeline-container .timeline-list::-webkit-scrollbar,.timeline-list1::-webkit-scrollbar {
        display: none ;
    }
.timeline-container .timeline-list .active,.timeline-list1 .active1 {
 /* 
    background-color: #252525;
    border:  ;
 */
  border-bottom: 3px solid rgba(243, 129, 129, 0.95);

}
.timeline-container .timeline-list .active:hover,.timeline-list1 .active1:hover {
  /*background-color: #252525;*/
}
.timeline-container .timeline-list .active:after,.timeline-list1 .active1:after {
  /*
  YOUTUBE: Create DIV Boxes with Arrows and Pointers, using CSS
  https://www.youtube.com/watch?v=s7JwxPnYoOw&t=175s
  */
  content: "";
  height: 0;
  width: 0;
  border-top: 0px solid #252525;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  top: 100%;
  left: 50%;
  position: absolute;
  /*take away arrow size=6px*/
  margin-left: -6px;
}
.timeline-container .timeline-list .active,.timeline-list1 .active1 .timeline-date {
  color: #fff;
}
.timeline-container .timeline-list::-webkit-scrollbar,.timeline-list1::-webkit-scrollbar {
  /* Chrome */
  width: 0;
  height: 0;
}
.timeline-container .timeline-item, .timeline-item1 {
  /*display: inline-block;*/
   display: inline-table;
  float: none;
  height: 44px; /*scroller height*/
  font-size: 0.875rem;
  text-transform: uppercase;
  background-color: transparent;
  
  border-style: solid;
  border-color: #e2e3e5;
  border-top-width: 0px;
  border-right-width: 0;
  border-bottom-width: 0px;
  border-left-width: 0px;
 
  padding: 5px 3px 3px;
  
/*
	So, here is how it works:
	If the padding property has four values:
	padding: 25px 50px 75px 100px;
			 T    R    B    L	
		top padding is 25px
		right padding is 50px
		bottom padding is 75px
		left padding is 100px
*/
  
}
.timeline-container .timeline-item, .timeline-item1 a:hover,
.timeline-container .timeline-item, .timeline-item1 a:visited,
.timeline-container .timeline-item, .timeline-item1 a:link,
.timeline-container .timeline-item, .timeline-item1 a:active {
  text-decoration: none;
  color: #252525;
}
.timeline-container .timeline-item:hover, .timeline-item1:hover {
  background-color: #e2e3e5;
}
.timeline-container .timeline-item:active, .timeline-item1:active {
  background-color: #e2e3e5; 
  border-bottom: 3px solid rgba(252, 226, 137, 0.55);
}
.timeline-container .prev-btn,.prev-btn1, .next-btn,.next-btn1 {
  text-align: center;
  color: #252525;
  cursor: pointer;
  font-size: 2rem;
  background-color: #e9ecef;
  padding: 0;
  height: 54px;
}
.timeline-container .prev-btn:hover, .prev-btn1:hover,.next-btn:hover, .next-btn1:hover {
  background-color: #e2e3e5;
}
 

    
   /* .arrow-btn.hidden { display: none; }*/
   .contentw-container.active { display: block; }
        .contentw {
            display: none;
        }
        .contentw.active {
            display: block;
        }

/* ==============
tabs/timeline container end
================ */
		 
/* ==============
radio-switch start
================ */


/* variables */
:root {
  /* colors */
  /*--ri5-color-primary-hsl: 242, 69%, 52%;*/
  --ri5-color-primary-hsl: 0, 153, 0;
  --primary-rgb1: #009900;
  --ri5-color-bg-hsl: 0, 0%, 100%;
  --ri5-color-contrast-high-hsl: 230, 7%, 23%;
  --ri5-color-contrast-higher-hsl: 230, 13%, 9%;
  --ri5-color-bg-darker-hsl: 240, 4%, 90%;
  --ri5-color-white-hsl: 0, 0%, 100%;

  /* typography */
  --ri5-text-sm: 0.833rem;
  
  --radio-switch-width: 186px;
  --radio-switch-width-300: 270px;
  --radio-switch-height: 36px;
  --radio-switch-padding: 1px;
  --radio-switch-radius: 100vw;
  --radio-switch-animation-duration: 0.3s;

  --shadow2: 0 0 2px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.14);
  --shadow4: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.14);
  --shadow8: 0 0 2px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.14);
  --shadow16: 0 0 2px rgba(0, 0, 0, 0.12), 0 8px 16px rgba(0, 0, 0, 0.14);
  --shadow28: 0 0 8px rgba(0, 0, 0, 0.12), 0 14px 28px rgba(0, 0, 0, 0.14);
  --shadow64: 0 0 8px rgba(0, 0, 0, 0.12), 0 32px 64px rgba(0, 0, 0, 0.14);
  --shadow2Brand: 0 0 2px rgba(0, 0, 0, 0.30), 0 1px 2px rgba(0, 0, 0, 0.25);
  --shadow4Brand: 0 0 2px rgba(0, 0, 0, 0.30), 0 2px 4px rgba(0, 0, 0, 0.25);
  --shadow8Brand: 0 0 2px rgba(0, 0, 0, 0.30), 0 4px 8px rgba(0, 0, 0, 0.25);
  --shadow16Brand: 0 0 2px rgba(0, 0, 0, 0.30), 0 8px 16px rgba(0, 0, 0, 0.25);
  --shadow28Brand: 0 0 8px rgba(0, 0, 0, 0.30), 0 14px 28px rgba(0, 0, 0, 0.25);
  --shadow64Brand: 0 0 8px rgba(0, 0, 0, 0.30), 0 32px 64px rgba(0, 0, 0, 0.25);
}

.radio-switch {
  position: relative;
  display: inline-flex;
  padding: var(--radio-switch-padding);
  border-radius: calc(var(--radio-switch-radius) * 1.4);
  background-color: hsl(var(--ri5-color-bg-darker-hsl));
}
.radio-switch:focus-within, .radio-switch:active {
  box-shadow: 0 0 0 2px hsla(var(--ri5-color-contrast-higher-hsl), 0.15);
}

.radio-switch__item {
  position: relative;
  display: inline-block;
  height: calc(var(--radio-switch-height) - 2*var(--radio-switch-padding));
  width: calc(var(--radio-switch-width-300)*0.5 - var(--radio-switch-padding));
}

.radio-switch__label {
  position: relative;
  z-index: 2;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-weight:700;
  border-radius: var(--radio-switch-radius);
  cursor: pointer;
  font-size: var(--ri5-text-sm);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: all var(--radio-switch-animation-duration);
}
.radio-switch__input:checked ~ .radio-switch__label {
  color: hsl(var(--ri5-color-white-hsl));
}
.radio-switch__input:focus ~ .radio-switch__label {
  background-color: hsla(var(--ri5-color-primary-hsl), 0.6));
}
.radio-switch__label :not(*):focus-within, .radio-switch__input:focus ~ .radio-switch__label {
  background-color: transparent;
}

.radio-switch__marker {
  position: absolute;
  z-index: 1;
  top: 0;
  /*left: -100%;*/
  border-radius: var(--radio-switch-radius);
  /*background-color: hsl(var(--ri5-color-primary-hsl));
  background-color: rgb(var(--ri5-color-primary-hsl));*/

 

  background-image: linear-gradient(72.47deg, var(--primary-rgb1) 22.16%, rgba(var(--ri5-color-primary-hsl), 0.7) 76.47%);

  height: calc(var(--radio-switch-height) - 2*var(--radio-switch-padding));
  width: calc(var(--radio-switch-width-300)*0.5 - var(--radio-switch-padding));
  box-shadow: 0 0.9px 1.5px rgba(0, 0, 0, 0.03),0 3.1px 5.5px rgba(0, 0, 0, 0.08),0 14px 25px rgba(0, 0, 0, 0.12);
  transition: -webkit-transform var(--radio-switch-animation-duration);
  transition: transform var(--radio-switch-animation-duration);
  transition: transform var(--radio-switch-animation-duration), -webkit-transform var(--radio-switch-animation-duration);
}
.radio-switch__input:checked ~ .radio-switch__marker {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

/* utility classes */
.ri5-sr-only {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  padding: 0;
  border: 0;
  white-space: nowrap;
}


/* ==============
radio-switch end
================ */



 
/* ==============
accordion start
================ */
.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 1rem;
 color: #212529; 
  text-align: left;
  background-color: transparent;
  border: 0;
  border-radius: 10px;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    border-radius 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}

.accordion-button:not(.collapsed) {
  color: #fff;
  background-color: rgba(48, 129, 129,0.8);
  border-left: 0px solid #282828; 
  box-shadow: 0 0 0 0.25rem rgba(50, 56, 128, 0.25);
  /* 
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.32);
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.125)*/
}
 .collapse  {
	border-left: 0px solid #282828; 
 
}
.accordion-button:not(.collapsed)::after {
	/*content: "\e606";*/
	/*content: "\e605";
		color:#868e96;
  transform: rotate(-180deg);
	*/
	content: "\e607";
font-family: simple-line-icons;
 
}
.accordion-button::after {
	width: 20px;
	height: 20px;
	background: #f7f8f9;
		color:#000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
	flex-shrink: 0;
  
	margin-left: auto;
	content: "\e604";
	font-family: simple-line-icons;
	font-size: 8px;
	font-weight: 700;
	padding: 4px 6px;
	     box-shadow: 0 0 5px 0px rgba(40, 40, 40, 0.2) ;
  transition: transform 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  border-color: #fce289;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(50, 56, 128,0.6);
}
.accordion-header {
  margin-bottom: 0;
}
.accordion-item { 
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.accordion-body {
  padding: 1rem 1.25rem;
}
 
/* ==============
accordion end
================ */

/* ==============
bubbly-button start
================ */



/* ==============
bubbly-button SmartCheck logo theme(pink)
================ */
.bubbly-button {
    font-family: "Helvetica", "Arial", sans-serif;
    display: inline-block;
    
    -webkit-appearance: none;
    appearance: none;
    
    background: rgba(243, 129, 129,0.8); 
    color: #fff;
    border-radius: 100px;
    border: none;
    cursor: pointer;
    position: relative;
    transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
    /*box-shadow: 0 2px 25px rgba(255, 0, 130, 0.5);*/
    
  }
  .bubbly-button:focus {
    outline: 0;
  }
  .bubbly-button:before, .bubbly-button:after {
    position: absolute;
    content: "";
    display: block;
    width: 140%;
    height: 100%;
    left: -20%;
    z-index: -1000;
    transition: all ease-in-out 0.5s;
    background-repeat: no-repeat;
  }
  .bubbly-button:before {
    display: none;
    top: -75%;
    background-image: 
    radial-gradient(circle, #fd4857 20%, transparent 20%), 
    radial-gradient(circle, transparent 20%, #fd4857 20%, transparent 30%), 
    radial-gradient(circle, #fd4857 20%, transparent 20%), 
    radial-gradient(circle, #fd4857 20%, transparent 20%), 
    radial-gradient(circle, transparent 10%, #fd4857 15%, transparent 20%), 
    radial-gradient(circle, #fd4857 20%, transparent 20%), 
    radial-gradient(circle, #fd4857 20%, transparent 20%), 
    radial-gradient(circle, #fd4857 20%, transparent 20%), 
    radial-gradient(circle, #fd4857 20%, transparent 20%);
    background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
  }
  .bubbly-button:after {
    display: none;
    bottom: -75%;
    background-image: 
    radial-gradient(circle, #f6b444 20%, transparent 20%), 
    radial-gradient(circle, #f6b444 20%, transparent 20%), 
    radial-gradient(circle, transparent 10%, #f6b444 15%, transparent 20%), 
    radial-gradient(circle, #f6b444 20%, transparent 20%), 
    radial-gradient(circle, #f6b444 20%, transparent 20%), 
    radial-gradient(circle, #f6b444 20%, transparent 20%), 
    radial-gradient(circle, #f6b444 20%, transparent 20%);
    background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
  }
  .bubbly-button:active {
    transform: scale(0.9);
    
  background: rgba(253, 72, 87,0.6) ;
    /*box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2);*/
    box-shadow: 0 0 0 3px #fce289;
  }
  .bubbly-button.animate:before {
    display: block;
    animation: topBubbles ease-in-out 0.75s forwards;
  }
  .bubbly-button.animate:after {
    display: block;
    animation: bottomBubbles ease-in-out 0.75s forwards;
  }
  
  @keyframes topBubbles {
    0% {
      background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
    }
    50% {
      background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
    }
    100% {
      background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
      background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
    }
  }
  @keyframes bottomBubbles {
    0% {
      background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
    }
    50% {
      background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
    }
    100% {
      background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
      background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
    }
  }



/* ==============
bubbly-button retail logo theme
================ */

  .bubbly-button {
 
    display: inline-block;
    -webkit-appearance: none;
        appearance: none;
    
    position: relative;
    cursor: pointer;
     /*background: rgba(253, 72, 87,0.6); */
    
    background-color: #308181;
   color: #fff;
    border: 1px solid #f5f6f7;
    border-radius: 100px;
    border:  none ;
    transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
  /*  box-shadow: 0 2px 25px rgba(255, 0, 130, 0.5);*/
  }
  .bubbly-button:focus {
    outline: 0;
  }
  .bubbly-button:before, .bubbly-button:after {
    position: absolute;
    content: "";
    display: block;
    width: 140%;
    height: 100%;
    left: -20%;
    z-index: -1000;
    transition: all ease-in-out 0.5s;
    background-repeat: no-repeat;
  }
  .bubbly-button:before {
    display: none;
    top: -75%;
    background-image: 
    radial-gradient(circle, #308181 20%, transparent 20%), 
    radial-gradient(circle, transparent 20%, #308181 20%, transparent 30%), 
    radial-gradient(circle, #308181 20%, transparent 20%), 
    radial-gradient(circle, #308181 20%, transparent 20%), 
    radial-gradient(circle, transparent 10%, #308181 15%, transparent 20%), 
    radial-gradient(circle, #308181 20%, transparent 20%), 
    radial-gradient(circle, #308181 20%, transparent 20%), 
    radial-gradient(circle, #308181 20%, transparent 20%), 
    radial-gradient(circle, #308181 20%, transparent 20%);
    background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
  }
  .bubbly-button:after {
    display: none;
    bottom: -75%;
    background-image: 
    radial-gradient(circle, #323880 20%, transparent 20%), 
    radial-gradient(circle, #323880 20%, transparent 20%), 
    radial-gradient(circle, transparent 10%, #323880 15%, transparent 20%), 
    radial-gradient(circle, #323880 20%, transparent 20%), 
    radial-gradient(circle, #323880 20%, transparent 20%), 
    radial-gradient(circle, #323880 20%, transparent 20%), 
    radial-gradient(circle, #323880 20%, transparent 20%);
    background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
  }
  .bubbly-button:active {
    transform: scale(0.9);
    
    background: #323880 ;
    box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2);
    border-bottom: 3px solid rgba(252, 226, 137, 0.55);
  }
  .bubbly-button.animate:before {
    display: block;
    animation: topBubbles ease-in-out 0.75s forwards;
  }
  .bubbly-button.animate:after {
    display: block;
    animation: bottomBubbles ease-in-out 0.75s forwards;
  }
  
  @keyframes topBubbles {
    0% {
      background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
    }
    50% {
      background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
    }
    100% {
      background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
      background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
    }
  }
  @keyframes bottomBubbles {
    0% {
      background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
    }
    50% {
      background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
    }
    100% {
      background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
      background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
    }
  }
/* ==============
bubbly-button end
================ */



/* ==============
Location map pointer start
================ */
/* location pin strat */
.pin1 {
    width: 30px;
    height: 30px;
    border-radius: 50% 50% 50% 0;
    background: #89849b;
    position: absolute;
    -webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
		 -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
    -webkit-animation-name: bounce;
       -moz-animation-name: bounce;
         -o-animation-name: bounce;
        -ms-animation-name: bounce;
            animation-name: bounce;
    -webkit-animation-fill-mode: both;
       -moz-animation-fill-mode: both;
         -o-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-duration: 1s;
       -moz-animation-duration: 1s;
         -o-animation-duration: 1s;
        -ms-animation-duration: 1s;
            animation-duration: 1s;
}
.pin1:after {
    content: "";
    width: 14px;
    height: 14px;
    margin: 8px 0 0 8px;
    background: #2f2f2f;
    position: absolute;
    border-radius: 50%;
}
.pulse1 {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    height: 14px;
    width: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 11px 0px 0px -12px;
    -webkit-transform: rotateX(55deg);
       -moz-transform: rotateX(55deg);
         -o-transform: rotateX(55deg);
        -ms-transform: rotateX(55deg);
            transform: rotateX(55deg);
    z-index: -2;
}
.pulse1:after {
    content: "";
    border-radius: 50%;
    height: 40px;
    width: 40px;
    position: absolute;
    margin: -13px 0 0 -13px;
    -webkit-animation: pulsate 3s ease-out;
       -moz-animation: pulsate 3s ease-out;
         -o-animation: pulsate 3s ease-out;
        -ms-animation: pulsate 3s ease-out;
            animation: pulsate 3s ease-out;
    -webkit-animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
         -o-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-box-shadow: 0 0 1px 2px #89849b;
    box-shadow: 0 0 1px 2px #89849b;
    -webkit-animation-delay: 1.1s;
       -moz-animation-delay: 1.1s;
         -o-animation-delay: 1.1s;
        -ms-animation-delay: 1.1s;
            animation-delay: 1.1s;
}
@-moz-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
           -moz-transform: scale(0.1, 0.1);
             -o-transform: scale(0.1, 0.1);
            -ms-transform: scale(0.1, 0.1);
                transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
           -moz-transform: scale(1.2, 1.2);
             -o-transform: scale(1.2, 1.2);
            -ms-transform: scale(1.2, 1.2);
                transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
           -moz-transform: scale(0.1, 0.1);
			 -o-transform: scale(0.1, 0.1);
			-ms-transform: scale(0.1, 0.1);
				transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
		   -moz-transform: scale(1.2, 1.2);
			 -o-transform: scale(1.2, 1.2);
			-ms-transform: scale(1.2, 1.2);
				transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
@-o-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
		   -moz-transform: scale(0.1, 0.1);
			 -o-transform: scale(0.1, 0.1);
			-ms-transform: scale(0.1, 0.1);
				transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
           -moz-transform: scale(1.2, 1.2);
			 -o-transform: scale(1.2, 1.2);
			-ms-transform: scale(1.2, 1.2);
				transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
@keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
		   -moz-transform: scale(0.1, 0.1);
			 -o-transform: scale(0.1, 0.1);
			-ms-transform: scale(0.1, 0.1);
				transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
		   -moz-transform: scale(1.2, 1.2);
			 -o-transform: scale(1.2, 1.2);
			-ms-transform: scale(1.2, 1.2);
				transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
@-moz-keyframes bounce {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px) rotate(-45deg);
		   -moz-transform: translateY(-2000px) rotate(-45deg);
			 -o-transform: translateY(-2000px) rotate(-45deg);
			-ms-transform: translateY(-2000px) rotate(-45deg);
				transform: translateY(-2000px) rotate(-45deg);
    }
    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(30px) rotate(-45deg);
		   -moz-transform: translateY(30px) rotate(-45deg);
			 -o-transform: translateY(30px) rotate(-45deg);
			-ms-transform: translateY(30px) rotate(-45deg);
				transform: translateY(30px) rotate(-45deg);
    }
    80% {
        -webkit-transform: translateY(-10px) rotate(-45deg);
		   -moz-transform: translateY(-10px) rotate(-45deg);
			 -o-transform: translateY(-10px) rotate(-45deg);
			-ms-transform: translateY(-10px) rotate(-45deg);
				transform: translateY(-10px) rotate(-45deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(-45deg);
           -moz-transform: translateY(0) rotate(-45deg);
			 -o-transform: translateY(0) rotate(-45deg);
			-ms-transform: translateY(0) rotate(-45deg);
				transform: translateY(0) rotate(-45deg);
    }
}
@-webkit-keyframes bounce {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px) rotate(-45deg);
           -moz-transform: translateY(-2000px) rotate(-45deg);
			 -o-transform: translateY(-2000px) rotate(-45deg);
			-ms-transform: translateY(-2000px) rotate(-45deg);
				transform: translateY(-2000px) rotate(-45deg);
    }
    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(30px) rotate(-45deg);
		   -moz-transform: translateY(30px) rotate(-45deg);
			 -o-transform: translateY(30px) rotate(-45deg);
			-ms-transform: translateY(30px) rotate(-45deg);
				transform: translateY(30px) rotate(-45deg);
    }
    80% {
        -webkit-transform: translateY(-10px) rotate(-45deg);
           -moz-transform: translateY(-10px) rotate(-45deg);
			 -o-transform: translateY(-10px) rotate(-45deg);
			-ms-transform: translateY(-10px) rotate(-45deg);
				transform: translateY(-10px) rotate(-45deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(-45deg);
           -moz-transform: translateY(0) rotate(-45deg);
			 -o-transform: translateY(0) rotate(-45deg);
			-ms-transform: translateY(0) rotate(-45deg);
				transform: translateY(0) rotate(-45deg);
    }
}
@-o-keyframes bounce {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px) rotate(-45deg);
           -moz-transform: translateY(-2000px) rotate(-45deg);
			 -o-transform: translateY(-2000px) rotate(-45deg);
			-ms-transform: translateY(-2000px) rotate(-45deg);
				transform: translateY(-2000px) rotate(-45deg);
    }
    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(30px) rotate(-45deg);
           -moz-transform: translateY(30px) rotate(-45deg);
             -o-transform: translateY(30px) rotate(-45deg);
			-ms-transform: translateY(30px) rotate(-45deg);
				transform: translateY(30px) rotate(-45deg);
    }
    80% {
        -webkit-transform: translateY(-10px) rotate(-45deg);
           -moz-transform: translateY(-10px) rotate(-45deg);
             -o-transform: translateY(-10px) rotate(-45deg);
			-ms-transform: translateY(-10px) rotate(-45deg);
				transform: translateY(-10px) rotate(-45deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(-45deg);
		   -moz-transform: translateY(0) rotate(-45deg);
             -o-transform: translateY(0) rotate(-45deg);
			-ms-transform: translateY(0) rotate(-45deg);
				transform: translateY(0) rotate(-45deg);
    }
}
@keyframes bounce {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px) rotate(-45deg);
           -moz-transform: translateY(-2000px) rotate(-45deg);
             -o-transform: translateY(-2000px) rotate(-45deg);
			-ms-transform: translateY(-2000px) rotate(-45deg);
				transform: translateY(-2000px) rotate(-45deg);
    }
    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(30px) rotate(-45deg);
           -moz-transform: translateY(30px) rotate(-45deg);
			 -o-transform: translateY(30px) rotate(-45deg);
			-ms-transform: translateY(30px) rotate(-45deg);
				transform: translateY(30px) rotate(-45deg);
    }
    80% {
        -webkit-transform: translateY(-10px) rotate(-45deg);
           -moz-transform: translateY(-10px) rotate(-45deg);
             -o-transform: translateY(-10px) rotate(-45deg);
            -ms-transform: translateY(-10px) rotate(-45deg);
				transform: translateY(-10px) rotate(-45deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(-45deg);
		   -moz-transform: translateY(0) rotate(-45deg);
			 -o-transform: translateY(0) rotate(-45deg);
            -ms-transform: translateY(0) rotate(-45deg);
                transform: translateY(0) rotate(-45deg);
    }
}


/* location pin end*/





/* =============webkit-scrollbar===================*/
 
 /*
::-webkit-scrollbar{width:4px;height:6px; border-radius: ;}
::-webkit-scrollbar-thumb{background-color:#db4437; }
::-webkit-scrollbar-track{background-color:;border-radius: ;}
 */
 
 
/*Sidebar*/

:root {
  --main-accent: #ffebcc;
  --shadow: rgba(17, 17, 26, 0.1) 2px 0px 16px;
}

.sck_sidebar-left-h400 {
  width:  ;
  height: 400px;
  
  transition: left 300ms;
}
.sck_sidebar-left {
  width:  ;
  height: 600px;
  
  transition: left 300ms;
}
.sck_sidebar-scroll {
  height: 100%;
  width: 100%;
  background-color: ;
  border-radius: 0px;
  box-shadow: ;
  padding: 10px; /* 1.2rem */
  overflow-y: auto;
}
.sck_sidebar-scroll::-webkit-scrollbar {
  width: 3px;
}
.sck_sidebar-scroll::-webkit-scrollbar-track {
  box-shadow: var(--shadow);
}
.sck_sidebar-scroll::-webkit-scrollbar-thumb {
  background-color: var(--main-accent);
  background: linear-gradient(72.47deg, #009900 22.16%, rgba(0, 153, 0, 0.7) 76.47%);
  outline: 1px solid #ccc;
  border-radius: 2px;
}
/* =============webkit-scrollbar/sidebar-left/sidebar-scroll============== */




/* =============Horizontal-scrollbar hide============== */
 
.scrollbar-hide {
 
  overflow-x: hidden; 							/* Make this Horizontal scrollable when needed */

}
/* =============Horizontal-scrollbar hide============== */
  
 



.timeline-entry {
  position: relative;
  background: #fff !important;
  padding: 5px 0 5px 10px;
  box-shadow: -4px 0px 4px #f5f6f7;
  border-radius: 0 15px 15px 15px;

}
.timeline-entry::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 0;
  border: 20px solid transparent;
  border-top-color: #fff;
}

.s_ck_track ul {
 /* padding-left: 55px;*/
  list-style-type: none;
}
.s_ck_track ul li {
  border-left: 2px solid #ebebeb;
  position: relative;
  padding: 0 0 5px 0;
}

.s_ck_track ul li.not::before {
  /*content: "\e082";
  content: "\2715"; */		/* close icon*/
  /*content:"\00d7";*/
  text-align: center;
  line-height: 10px;
  font-size: 8px;
  font-weight: 900;
  color: #fff;
  display: inline-block;
  white-space: pre;
}
.s_ck_track ul li.success::before {
  /*content: "\e080";
  content: "\2713";*/ /* check icon*/
  text-align: center;
  line-height: 10px;
  font-size: 8px;
  font-weight: 800;
  color: #fff;
  display: inline-block;
  white-space: pre;
}

.s_ck_track ul li:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  /*background-color: #20bf7a;#17153B	*/

  background-color:#0fb9b1;	
  box-shadow:0px 0px 0px 2px rgba(15,185,177,.3);



/*    

background: linear-gradient(-135deg,#c850c0,#4158d0);
   box-shadow: 0 0 0 3px rgba(233,33, 99, 0.3);		

*/
/*
background: linear-gradient(72.47deg, #356423 22.16%, rgba(0, 153, 0, 0.7) 90%);
  box-shadow: 0px 0px 0px 3px #20bf7a43;
*/
 border-radius: 4px;
  left: -6px;
  top: 0px;
  transition: 0.5s;
    -webkit-transform: rotate(45deg);
  transform: rotate(45deg);

}
/* 
.s_ck_track li:first-of-type:after {
content: "";
height: 12px;
width: 12px;
background: #fc0;
border-radius: 9999px;
position: absolute;
top: 0;
left: -7px;
}
*/
.s_ck_track li:last-of-type:after {


background: #fff;
  border: 2px solid #20bf7a;
  height: 10px;
  width: 10px;
  border-radius: 4px;
  position: absolute;
  left: -5px; 

  content: "";
  bottom: 0;
      -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
   
}

.s_ck_track .s_ck_date {
  position: absolute;
 /* left: -55px;*/
  top: 0px;
  font-size: 11px;
  font-style: italic;
  font-weight: 600;
  white-space: normal;
}







/*=============input radio button start===================*/

:root {
  --primary-0: #fff9ff;
  --primary-50: #f9e9ff;
  --primary-100: #e8cdff;
  --primary-200: #d1b6ff;
  --primary-300: #b89dff;
  --primary-400: #9f84e5;
  --primary-500: #876bca;
  --primary-600: #7054b0;
  --primary-700: #5a3c96;
  --primary-800: #45247d;
  --primary-900: #310864;
  --primary-950: #241045;
  --primary-1000: #181028;

  --neutral-0: #ffffff;
  --neutral-50: #f2f2f2;
  --neutral-100: #dedede;
  --neutral-200: #cacaca;
  --neutral-300: #b0b0b0;
  --neutral-400: #989898;
  --neutral-500: #808080;
  --neutral-600: #686868;
  --neutral-700: #525252;
  --neutral-800: #3d3d3d;
  --neutral-900: #282828;
  --neutral-950: #1f1f1f;
  --neutral-1000: #161616;
}

[type="radio"] {
  z-index: -1;
  position: absolute;
  opacity: 0;
}
[type="radio"]:checked ~ .label-- {
  border-color: #4062F6;
  background-color: rgba(97, 154, 234, 0.16);
  color: #000;
}
[type="radio"]:checked ~ .label--:before {
  will-change: transform, border-width, border-color;
  -webkit-animation: bubble 1s ease-in;
          animation: bubble 1s ease-in;
}
[type="radio"]:checked ~ .label--:after {
  will-change: opacity, box-shadow;
  -webkit-animation: sparkles 700ms ease-in-out;
          animation: sparkles 700ms ease-in-out;
}
[type="radio"]:checked ~ .label-- > span {
  will-change: transform;
  border: 0;
  background-image: linear-gradient(to top right, #6E89FF, #4363EE);
  -webkit-animation: radio 400ms cubic-bezier(0.17, 0.89, 0.32, 1.49);
          animation: radio 400ms cubic-bezier(0.17, 0.89, 0.32, 1.49);
}
[type="radio"]:checked ~ .label-- > span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  border-radius: 10px;
  background-color: #fff;
}
[type="radio"]:checked ~ .label-- .card-- {
  will-change: box-shadow;
  -webkit-animation: card-- 500ms ease-in-out forwards;
          animation: card-- 500ms ease-in-out forwards;
}
[type="radio"]:checked ~ .label-- .card--:after {
  will-change: transform;
  -webkit-animation: shine 500ms ease-in forwards;
          animation: shine 500ms ease-in forwards;
  -webkit-animation-delay: 100ms;
          animation-delay: 100ms;
}

.label-- {
  position: relative;
  display: grid;
  align-items: center;
  grid-template-columns: 20px auto 50px;
  grid-gap: 10px;
  /*width: ;*/
  height: 62px;
  padding: 0 10px;
  border: 2px solid var(--neutral-100);
  border-radius: 8px;
  cursor: pointer;
  background-color: transparent;
  transition: all 300ms ease-in;
}
.label--:hover {
  border-color: #4062F6;
  background-color: rgba(97, 154, 234, 0.16);
}
.label--:before, .label--:after {
  position: absolute;
  left: 29px;
  border-radius: 50%;
  content: '';
}
.label--:before {
  margin: -2rem;
  border: solid 2rem #545461;
  width: 4rem;
  height: 4rem;
  transform: scale(0);
}
.label--:after {
  margin: -0.1875rem;
  width: 0.375rem;
  height: 0.375rem;
  box-shadow: 0.32476rem -2.6875rem 0 -0.1875rem #ff8080, -0.32476rem -2.3125rem 0 -0.1875rem #ffed80, 2.30366rem -1.42172rem 0 -0.1875rem #ffed80, 1.6055rem -1.69573rem 0 -0.1875rem #a4ff80, 2.54785rem 0.91464rem 0 -0.1875rem #a4ff80, 2.32679rem 0.19796rem 0 -0.1875rem #80ffc8, 0.87346rem 2.56226rem 0 -0.1875rem #80ffc8, 1.29595rem 1.94258rem 0 -0.1875rem #80c8ff, -1.45866rem 2.28045rem 0 -0.1875rem #80c8ff, -0.71076rem 2.2244rem 0 -0.1875rem #a480ff, -2.69238rem 0.28141rem 0 -0.1875rem #a480ff, -2.18226rem 0.8312rem 0 -0.1875rem #ff80ed, -1.89869rem -1.92954rem 0 -0.1875rem #ff80ed, -2.01047rem -1.18791rem 0 -0.1875rem #ff8080;
}
.label-- > span {
  position: relative;
  display: inline-flex;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 2px solid #454861;
  /*background-image: linear-gradient(to bottom, #3B4059, #1C1E2D);*/
}
/*
.card-- {
  position: relative;
  width: 243px;
  height: 152px;
  padding: 22px 24px;
  border-radius: 16px;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.25);
  background-image: linear-gradient(45deg, #FFF, #CDCDCD);
  overflow: hidden;
}
.card--:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  
}
.card:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 40px;
  transform: translateX(-70px);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
}
.card--blue {
  background-image: linear-gradient(45deg, #748DFB, #3859E8);
}
.card--dark {
  background-image: linear-gradient(45deg, #616161, #484848);
}
.card--sm {
  position: absolute;
  right: -76px;
  transform: scale(0.24);
}
.card__chip {
  width: 39px;
  height: 28px;
  border-radius: 7px;
  border: 1px solid rgba(102, 84, 50, 0.5);
  box-shadow: inset 1px 1px 0px rgba(179, 146, 86, 0.5);
  background-image: linear-gradient(90deg, #D0A963, #FFE6BA);
}
.card__content {
  display: flex;
  justify-content: space-between;
  margin-top: 46px;
}
.card__symbol {
  display: flex;
}
.card__symbol span {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #FB4646;
}
.card__symbol span:last-child {
  background-color: rgba(255, 163, 55, 0.75);
  margin-left: -13px;
}

.text__row {
  display: grid;
  grid-template-columns: 54px 64px;
  grid-gap: 6px;
}
.text__row:last-of-type {
  grid-template-columns: 45px 54px;
  margin-top: 7px;
}
.text__loader {
  height: 13px;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.4);
}
*/
.option:not(:last-child) {
  margin-bottom: 4px;
}

@-webkit-keyframes radio {
  0%, 17.5% {
    transform: scale(0);
  }
}

@keyframes radio {
  0%, 17.5% {
    transform: scale(0);
  }
}
@-webkit-keyframes card-- {
  0% {
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.25);
    transform: scale(0.24);
  }
  45% {
    box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.5);
    transform: scale(0.25);
  }
  100% {
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.4);
    transform: scale(0.24);
  }
}
@keyframes card-- {
  0% {
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.25);
    transform: scale(0.24);
  }
  45% {
    box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.5);
    transform: scale(0.25);
  }
  100% {
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.4);
    transform: scale(0.24);
  }
}
@-webkit-keyframes shine {
  from {
    transform: translateX(-70px) rotate(10deg);
  }
  to {
    transform: translateX(300px) rotate(10deg);
  }
}
@keyframes shine {
  from {
    transform: translateX(-70px) rotate(10deg);
  }
  to {
    transform: translateX(300px) rotate(10deg);
  }
}
@-webkit-keyframes bubble {
  15% {
    transform: scale(1);
    border-color: #545461;
    border-width: 2rem;
  }
  30%, 100% {
    transform: scale(1);
    border-color: #545461;
    border-width: 0;
  }
}
@keyframes bubble {
  15% {
    transform: scale(1);
    border-color: #545461;
    border-width: 2rem;
  }
  30%, 100% {
    transform: scale(1);
    border-color: #545461;
    border-width: 0;
  }
}
@-webkit-keyframes sparkles {
  0%, 10% {
    opacity: 0;
    transform: scale(0);
  }
  15% {
    opacity: 1;
    transform: scale(1.2) rotate(-20deg);
    box-shadow: 0.32476rem -2.1875rem 0 0rem #ff8080, -0.32476rem -1.8125rem 0 0rem #ffed80, 1.91274rem -1.10998rem 0 0rem #ffed80, 1.21459rem -1.38398rem 0 0rem #a4ff80, 2.06039rem 0.80338rem 0 0rem #a4ff80, 1.83932rem 0.0867rem 0 0rem #80ffc8, 0.65652rem 2.11178rem 0 0rem #80ffc8, 1.07901rem 1.4921rem 0 0rem #80c8ff, -1.24172rem 1.82996rem 0 0rem #80c8ff, -0.49382rem 1.77391rem 0 0rem #a480ff, -2.20492rem 0.17015rem 0 0rem #a480ff, -1.69479rem 0.71994rem 0 0rem #ff80ed, -1.50777rem -1.61779rem 0 0rem #ff80ed, -1.61955rem -0.87617rem 0 0rem #ff8080;
  }
}
@keyframes sparkles {
  0%, 10% {
    opacity: 0;
    transform: scale(0);
  }
  15% {
    opacity: 1;
    transform: scale(1.2) rotate(-20deg);
    box-shadow: 0.32476rem -2.1875rem 0 0rem #ff8080, -0.32476rem -1.8125rem 0 0rem #ffed80, 1.91274rem -1.10998rem 0 0rem #ffed80, 1.21459rem -1.38398rem 0 0rem #a4ff80, 2.06039rem 0.80338rem 0 0rem #a4ff80, 1.83932rem 0.0867rem 0 0rem #80ffc8, 0.65652rem 2.11178rem 0 0rem #80ffc8, 1.07901rem 1.4921rem 0 0rem #80c8ff, -1.24172rem 1.82996rem 0 0rem #80c8ff, -0.49382rem 1.77391rem 0 0rem #a480ff, -2.20492rem 0.17015rem 0 0rem #a480ff, -1.69479rem 0.71994rem 0 0rem #ff80ed, -1.50777rem -1.61779rem 0 0rem #ff80ed, -1.61955rem -0.87617rem 0 0rem #ff8080;
  }
}


/*=============input radio button end===================*/





.card-slider-main {
  display: flex;
  white-space: nowrap;
  overflow-x: auto;
  margin-top: 10px;
  gap: 30px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.card-slider-main::-webkit-scrollbar,
.card-slider::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.label-container {
  display: flex;
  align-items: center;
}

.label-container h2 {

  margin-right: auto;
}

.label-container i {
  font-size: 18px;
}

.label-container button {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  color: #111;
  cursor: pointer;
  padding: 10px;
  width: fit-content;
  margin-left: 5px;
}

.label-container button:disabled {
  background-color: whitesmoke;
  cursor: not-allowed;
  border: none;
}

.card-wrapper {
  transition: transform 0.3s ease-in-out;
  display: flex;
  background: transparent;
  justify-content: space-between;
  gap: 10px;
  scroll-snap-align: center;
  width: max-content;
  animation: scroll-images 10s linear infinite;
}

.card-wrapper-h{
	height: 200px;
}

.card-wrapper img {
  height:  ;
  width: 200px;
  cursor: pointer;
}

@keyframes scroll-images {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-calc(100% + 10px));
  }
}
/*
.container{
  max-width: 1200px;
  margin: auto;
  padding: 10px;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}
*/