body {
background:#f8f8f8;
font-family:"Montserrat",sans-serif
}

.form-control:focus {
border-color:#f8d501;
box-shadow:none
}
/* From Uiverse.io by TCdesign-dev */ 
.check {
 position: relative;
 background: linear-gradient(90deg, #f19af3, #f099b5);
 line-height: 0;
 font-size: 25px;
}
.bg-green-100 {
  background-color: rgb(220 252 231/1);
}
.bg-gradient-to-r{
    background: #f8d501;
  color: #fff;
  background: linear-gradient(86deg,rgb(242, 78, 135) 14%, rgb(214, 6, 79) 100%);
}
.first-part-price{
    align-content: center;
  justify-content: center;
  padding: 15px 0px;
}
.absolute {
  position: absolute;
  z-index: 9;
  left: 194px;
  top: 8px;
}
.rounded-full{border-radius:9999px;}
.check input[type="checkbox"],
.check label,
.check label::before,
.check label::after {
 appearance: none;
 display: inline-block;
 font-size: inherit;
 border-radius: 1em;
 border: 0;
 transition: .35s ease-in-out;
 box-sizing: border-box;
 cursor: pointer;
}

.check {
 appearance: none;
 display: inline-block;
 border-radius: 1em;
 border: 0;
 transition: .35s ease-in-out;
 box-sizing: border-box;
 cursor: pointer;
}

.check label {
 width: 2.2em;
 height: 1em;
 background: #d7d7d7;
 overflow: hidden;
}

.check input[type="checkbox"] {
 position: absolute;
 z-index: 1;
 width: .8em;
 height: .8em;
 top: .03em;
 left: .1em;
 background: linear-gradient(45deg, #dedede, #ffffff);
 box-shadow: 0 6px 7px rgba(0,0,0,0.3);
 outline: none;
}

.check input[type="checkbox"]:checked {
 left: 1.3em;
}

.check input[type="checkbox"]:checked + label {
 background: #f8d501;
}

.check label::before,
.check label::after {
 content: "· ·";
 position: absolute;
 overflow: hidden;
 left: .50em;
 top: .5em;
 height: 1em;
 letter-spacing: -.04em;
 color: transparent;
 font-family: "Times New Roman", serif;
 z-index: 2;
 font-size: .6em;
 border-radius: 0;
 transform-origin: 0 0 -.5em;
 backface-visibility: hidden;
}

.check label::after {
 content: "?";
 top: .65em;
 left: .6em;
 height: .1em;
 width: .35em;
 font-size: .2em;
 transform-origin: 0 0 -.4em;
}

.check input[type="checkbox"]:checked + label::before,
.check input[type="checkbox"]:checked + label::after {
 left: 2.55em;
 top: .4em;
 line-height: .1em;
 transform: rotateY(360deg);
}

.check input[type="checkbox"]:checked + label::after {
 height: .16em;
 top: .55em;
 left: 2.6em;
 font-size: .6em;
 line-height: 0;
}

.booking-section {
position:relative;
background:#fff;
border-radius:25px;
box-shadow:0 5px 20px #0000001a;
margin-top:70px;
}

.booking-box {
padding:30px 10px 30px 30px
}

.trip-tabs {
background:#eee;
border-radius:10px;
padding:5px;
display:flex;
max-width:340px;
margin:0 auto
}

.trip-tabs button {
border:none;
background:transparent;
padding:8px 20px;
border-radius:10px;
font-weight:500;
line-height:normal
}

.trip-tabs .active {
background:#f8d501;
color:#000
}

.relative .location {
padding:8px 10px 10px 45px
}

.form-control {
border-radius:12px;
padding:12px
}

.counter-box {
display:flex;
align-items:center;
gap:10px
}

.counter-box input:focus {
border-color:#f8d501;
box-shadow:none
}

.counter-box input {
max-width:50px;
padding:10px
}

.counter-box button {
width:40px;
height:40px;
border-radius:8px;
border:1px solid #ddd;
background:#f7f7f7
}

.counter-box button i {
font-size:12px
}

.quote-btn {
background:#f8d501;
border:none;
border-radius:12px;
padding:14px;
font-weight:600;
width:100%;
margin-top:10px;
color:#000
}

.map-box {
height:100%;
min-height:420px;
border-top-right-radius:25px;
border-bottom-right-radius:25px;
overflow:hidden
}

.map-box iframe {
width:100%;
height:100%;
border:0
}

.relative {
position:relative
}

.relative .date-time {
padding:8px 45px 10px 10px
}

.relative.date-time i {
right:16px;
left:auto
}

.relative i {
position:absolute;
top:9px;
left:16px;
font-size:20px;
color:#807f7f
}

.quote-btn i {
top:2px;
position:relative;
right:6px
}

.banner {
background:#e9f7ee;
border:1px solid #bde5c8;
color:#1f7a3e;
padding:10px 18px;
border-radius:10px;
display:flex;
align-items:center;
gap:10px;
font-size:15px
}

.banner-icon {
font-size:18px
}

.card {
background:#fcfcfc;
border:1px solid #dcdcdc;
border-radius:14px;
padding:22px;
margin-top:10px
}

.card h3 {
margin:0;
font-size:16px;
color:#222;
font-weight:600
}

.card p {
margin:6px 0 20px;
color:#5b5959;
font-size:14px
}

.animate-fade-in-up {
animation:fade-in-up .5s ease-out forwards
}

.child-label {
font-weight:600;
margin-bottom:8px
}

.seat-options {
display:flex;
gap:16px
}

.seat-options input {
display:none
}

.car-type {
display:flex;
gap:8px
}
.car-type label{
    border-radius:10px;
    border:1px solid #ddd;
}

.car-type input {
display:none
}

.car-type .seat-card:hover {
background:#fbf4e3
}

.car-type .seat-card {
padding:9px 10px;
border-radius:10px;
/*border:1px solid #ddd;*/
background:#fff;
text-align:center;
cursor:pointer;
transition:.25s;
display:flex;
gap:5px
}

.car-type .icon {
font-size:15px;
margin-bottom:0;
font-weight:300
}

.car-type .title {
font-weight:500;
margin-bottom:0;
font-size:15px
}

.car-type input:checked+.seat-card {
border-color:#f8d501;
background:#f7f2e7;
box-shadow:0 0 0 2px #f8d501 inset
}

.seat-card:hover {
background:#fbf4e3
}

.seat-options label {
width:33%
}

.seat-options .seat-card {
padding:15px 10px;
border-radius:14px;
border:1px solid #ddd;
background:#fff;
text-align:center;
cursor:pointer;
transition:.25s
}

.seat-options .icon {
font-size:20px;
margin-bottom:0
}

.seat-options .title {
font-weight:600;
margin-bottom:0;
font-size:15px
}

.seat-options .desc {
font-size:11px;
color:#3f3d3d;
font-weight:500
}

.seat-options input:checked+.seat-card {
border-color:#f8d501;
background:#f7f2e7;
box-shadow:0 0 0 2px #f8d501 inset
}

.time-picker {
width:100%;
background:#fff;
border-radius:20px;
padding:10px;
display:none;
position:absolute;
top:50px;
border:1px solid #ccc;
z-index:9;
box-shadow:#0000003d 0 3px 8px
}

.time-display {
text-align:center;
font-size:28px;
margin-bottom:10px;
font-weight:600;
color:#f8d501
}

.tabs {
display:flex;
margin-bottom:10px;
background:#eee;
padding:5px;
border-radius:10px
}

.tab {
flex:1;
text-align:center;
padding:3px;
cursor:pointer;
border-radius:8px;
font-weight:600;
font-size:15px
}

.tab.active {
background:#f8d501;
color:#000;
}

.time-grid {
display:grid;
grid-template-columns:repeat(4,1fr);
gap:8px
}

.time-item {
padding:5px 10px;
text-align:center;
background:#eee;
border-radius:10px;
cursor:pointer
}

.time-item:hover {
background:#f8d501;
color:#fff
}

.ui-datepicker.ui-widget.ui-widget-content {
border:2px solid #181A1F!important;
border-radius:6px;
padding:5px;
background-color:#fff
}

.ui-datepicker {
width:100%;
max-width:300px
}

.ui-datepicker th {
padding:10px 2px 4px;
font-size:16px;
line-height:28px;
font-weight:500;
color:#181A1F;
font-family:"Montserrat",sans-serif
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active {
background-color:#fff;
border-color:#fff;
font-size:15px;
font-family:"Montserrat",sans-serif;
line-height:27px;
color:#181A1F;
font-weight:500
}

.ui-datepicker td span,.ui-datepicker td a {
text-align:center
}

.ui-state-default,.ui-widget-content .ui-state-default {
width:38px;
height:38px;
border-radius:50%;
line-height:36px;
padding:0;
border:none
}

.ui-state-default:hover,.ui-widget-content .ui-state-default:hover {
background-color:#f8d501;
color:#fff
}

.ui-state-default.ui-state-active,.ui-widget-content .ui-state-default.ui-state-active {
background-color:#181A1F;
color:#fff
}

.ui-state-default.ui-state-highlight,.ui-widget-content .ui-state-default.ui-state-highlight {
background-color:#626262;
color:#fff
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
width:36px;
height:36px;
border:1px solid #E5E5E5;
border-radius:50%;
line-height:36px;
background-color:#fff;
top:0
}

.ui-datepicker .ui-datepicker-prev:hover,.ui-datepicker .ui-datepicker-next:hover {
background-color:#F0FBF7;
border-color:#181A1F
}

.ui-datepicker .ui-datepicker-next {
background-image:url(https://www.goswamicabs.com/assets/imgs/template/icons/next-day.png);
background-repeat:no-repeat;
background-position:center;
cursor:pointer
}

.ui-datepicker .ui-datepicker-prev {
background-image:url(https://www.goswamicabs.com/assets/imgs/template/icons/prev-day.png);
background-repeat:no-repeat;
background-position:center;
cursor:pointer
}

.ui-datepicker .ui-datepicker-title span {
font-size:18px;
line-height:28px;
font-weight:500;
font-family:"Montserrat",sans-serif
}

.ui-widget-header {
border:0;
background:#fff;
color:#181A1F
}

.modal-button {
width:100%;
position:relative;
display:block;
text-align:center;
padding:10px;
border-radius:10px;
text-decoration:none;
color:#fff;
font-weight:600
}

.bg-color {
background-color:#f8d501
}

.w-4 {
width:1rem
}

.h-4 {
height:1rem
}

.mr-2 {
margin-right:.5rem
}

.btn-light.modal-button {
border:2px solid #f8d501;
color:#f8d501
}

.address-dropdown {
position:absolute;
top:100%;
left:0;
width:100%;
background:#fff;
border:1px solid #ddd;
border-radius:20px;
display:none;
box-shadow:0 4px 10px #0000001a;
z-index:9;
padding:5px 10px
}

.address-dropdown ul {
list-style:none;
margin:0;
padding:0
}

.address-dropdown li {
padding:10px;
cursor:pointer
}

.address-dropdown button:hover {
background-color:#fef7e6
}

.address-dropdown li:hover {
background:#f5f5f5
}

.h-64 {
height:16rem
}

.overflow-hidden {
overflow:hidden
}

.font-semibold {
font-weight:600
}

.text-sm {
font-size:.875rem;
line-height:1.25rem
}

.py-1\.5 {
padding-top:.375rem;
padding-bottom:.375rem
}

.px-2 {
padding-left:.5rem;
padding-right:.5rem
}

.rounded-xl {
border-radius:.75rem
}

.whitespace-nowrap {
white-space:nowrap
}

.justify-start {
justify-content:flex-start
}

.items-center {
align-items:center
}

.w-full {
width:100%
}

.h-auto {
height:auto
}

.inline-flex {
display:inline-flex
}

.duration-200 {
animation-duration:.2s;
transition-duration:.2s
}

.transition-all {
transition-property:all;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:.15s
}

.text-left {
text-align:left
}

.address-dropdown button {
background:transparent;
border:none;
gap:10px;
padding:5px 0;
width:100%
}

.font-medium {
font-weight:500
}

.text-sm {
font-size:.875rem;
line-height:1.25rem
}

.truncate {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
margin-bottom:0
}

.text-muted-foreground {
color:hsl(var(--muted-foreground))
}

.text-base {
font-size:1rem;
line-height:1.5rem
}

.text-sm {
font-size:.875rem;
line-height:1.25rem
}

.text-xs {
font-size:.65rem;
/*line-height:1rem*/
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.hidden{display:none;}
.text-ss {
font-size:.775rem;
line-height:1.25rem
}

.form-label {
font-size:15px
}

.progress-section {
position:sticky;
top:0;
background:#f8f8f8;
padding:15px 0;
z-index:99;
width:100%;
border-bottom:1px solid #ccc
}

.progress-bar {
display:flex;
justify-content:space-between;
flex-direction:inherit;
align-items:center;
position:relative
}

.progress-line {
position:absolute;
top:20px;
left:0;
right:0;
height:3px;
background:#e0e0e0;
z-index:0
}

.progress-line-fill {
position:absolute;
top:0;
left:0;
height:100%;
background:#f8d501;
transition:width .3s ease;
width:0
}

.progress-step {
position:relative;
z-index:1;
text-align:center;
flex:1
}

.progress-circle {
width:40px;
height:40px;
border-radius:50%;
background:#e0e0e0;
margin:0 auto 10px;
display:flex;
align-items:center;
justify-content:center;
font-weight:600;
color:#999;
transition:all .3s ease
}

.progress-step.active .progress-circle {
background:#f8d501;
color:#000
}

.progress-step.completed .progress-circle {
background:#f8d501;
color:#000
}

.progress-label {
font-size:13px;
color:#666;
font-weight:500
}

.progress-step.active .progress-label {
color:#2e7d32;
font-weight:600
}

.second-page {
/*padding:0px 0 50px;*/
}

.second-section-title {
font-weight:600
}
.return-section{
  margin-top: 20px;
  background: #f7f0df;
  border-radius: 15px;
  box-shadow: #959da533 0 8px 24px;
  padding: 15px;
  border: 1px solid #f8d501;
}
.price-card {
background:#f8d501;
color:#000;
padding:20px;
border-radius:15px;
text-align:center;
box-shadow:#959da533 0 8px 24px
}

.price-section {
padding:0px 5px 20px;
}

.text-accent {
color:#f8d501
}

.car-details {
background-color:transparent;
border:none;
margin-top:-6px
}

.price-card h2 {
font-size:4rem;
color:#000;
margin:10px 0;
font-weight:800
}

.vehicle-card,.trip-card {
background:#fff;
padding:15px;
border-radius:15px;
margin-top:20px;
border:1px solid #dcdce0;
box-shadow:#959da533 0 8px 24px
}
.vehicle-card img {
width:100%;
border-radius:8px
}
.payment {
    display:flex;
    gap:20px;
    margin:10px 0
}
.text-red-700{color:red;}
.payment label{
  border: 1px solid #d7d7db;
  border-radius: 15px;
  font-size: 16px;
  font-weight: 600;
  width: 48%;
  cursor:pointer;
  align-items: center;
  gap: 10px;
}
.payment-label:has(input:checked) {
  background: #fefbf3;
  border:1px solid #f8d501;
}
.checkbox {
display:block;
/*margin:0 0 15px;*/
}

.second-step-button {
width:100%;
padding:15px;
border:none;
color:#000;
font-weight:700;
border-radius:15px;
cursor:pointer;
background-color:#f8d501;
}

.border-t {
border-top:1px solid #ffffff70
}
.line-through {
  text-decoration-line: line-through;
}
.text-color-gray{color: #000;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;}
.animate-pulse {
animation:pulse 2s infinite;
animation-duration:2s
}

.loader {
width:65px;
height:65px;
border:8px solid #ee9b00a6;
border-radius:50px;
position:relative
}

.loader span {
display:block;
background:#ee9b00
}

.loader .hour,.loader .min {
width:6px;
height:22px;
border-radius:50px;
position:absolute;
top:24.5px;
left:21px;
animation:load9243 1.2s linear infinite;
transform-origin:top center
}

.loader .min {
height:17px;
animation:load9243 4s linear infinite
}

.loader .circel {
width:10px;
height:10px;
border-radius:50px;
position:absolute;
top:19px;
left:19px
}

.text-green-800 {
color:#166534;
font-weight:600
}

.text-green-700 {
color:#166534
}

.lucide-arrow-right {
rotate:180deg
}
.user-message-count-show{padding: 5px;
  border-radius: 10px;
  color: #000;
  text-align: right;}
.return-button {
background:transparent;
border:none;
text-decoration-line:underline
}

.btn-close {
/*position:absolute;*/
right:10px;
background-color:#fff;
opacity:1;
fill:#000;
border-radius:50px;
padding:10px;
top:10px
}
.inner-section-1,.inner-section-3{
    background-color:#fff;
    border-radius:15px;
    padding:1.5rem;
}
.inner-section-4{
    background-color:#fff;
    border-radius:15px;
    padding:1rem;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.title-2{padding-bottom:1.5rem;}
.text-2xl {
  font-size: 1.5rem;
}
.inner-section-1 .form-control{padding:10px 12px;font-size: .875rem;font-weight:500;}
.inner-section-2 .accordion-button:not(.collapsed){
    background-color:transparent;
    box-shadow: none;
}
.inner-section-2 .accordion-button:focus{border:none;box-shadow: none;}
.inner-section-2 .accordion-item{
    border-radius: 15px;
    border: 1px solid #ccc!important;
}
.inner-section-2 .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed{border-radius:15px;}
.coupon-button{background-color:#f8d501;color:#000;border: 1px solid #f8d501;}
.coupon-input{border-radius:10px;width: 100%;border: 1px solid #ccc;}
.coupon-input:focus{border:1px solid #f8d501;}

.bounce-fast {
  animation: bounce 0.6s infinite;
}
.car-image{width:100%;border-radius:20px;}
.car-image-section{
    margin-bottom:10px;
    text-align:center;
    background-color:#f9f9f9;
    border-radius:15px;
}
.car-image-section img{
    width:auto;
      height: 12rem;
    margin:0 auto;
    
}
.loading #formSection {
  filter: blur(4px);
  pointer-events: none;
  user-select: none;
}
.step-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #ccc;
  border-top: 4px solid #0c2d3a;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}
.bounce-strong {
  animation: bounce 1s infinite;
  animation-timing-function: ease-in-out;
}
/*@keyframes fadeInOut {*/
/*  0%   { opacity: 0; }*/
/*  50%  { opacity: 1; }*/
/*  100% { opacity: 0; }*/
/*}*/
/*.fade-slow {*/
/*  animation: fadeInOut 4s infinite ease-in-out;*/
/*}*/
/*.fade {*/
/*  animation: fadeInOut 2s infinite ease-in-out;*/
/*}*/
@keyframes load9243 {
0% {
transform:rotate(0deg)
}

100% {
transform:rotate(360deg)
}
}

@keyframes pulse {
    50% {
    opacity:.5;
    transform:scale(1.15)
    }
    
    0% {
    transform:scale(1);
    opacity:1
    }
    
    to {
    transform:scale(1.3);
    opacity:0
    }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-12px);
  }
  60% {
    transform: translateY(-6px);
  }
}
.timeInput::placeholder {
  color: #afa6a6;
}

.form-control::-webkit-input-placeholder { /* Chrome, Safari */
  color: #afa6a6;
}

.form-control:-ms-input-placeholder { /* IE 10-11 */
  color: #afa6a6;
}

.form-control::-ms-input-placeholder { /* Edge */
  color: #afa6a6;
}
label:has(input:disabled) {
  opacity: 0.5;
  cursor: not-allowed;
}
/*.car_type:disabled + label {*/
/*  opacity: 0.5;*/
/*  cursor: not-allowed;*/
/*}*/

.bounce {
  animation: bounce 1s infinite;
}

/*.card {*/
/*    width: 340px;*/
/*    background: #eaeaea;*/
/*    border-radius: 6px;*/
/*    padding: 10px 0;*/
/*  }*/

  .item {
    display: flex;
    position: relative;
    padding: 10px 15px 10px 40px;
    font-size: 14px;
    color: #555;
  }

  /* vertical line */
  .item::before {
    content: "";
    position: absolute;
    left: 18px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #ccc;
  }
  /* dot */
  .dot {
    position: absolute;
    left: 14px;
    top: 16px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
  }
  .green {
    background: #2ecc71;
  }
  .red {
    background: #e74c3c;
  }
  .text {
    flex: 1;
  }
.final-review-booking-data.mt-4 {
  box-shadow: 0 5px 20px #0000001a;
  background: #fff;
  padding: 30px;
  border-radius: 25px;
}
.single-item p{margin-bottom:10px;}
.inner-item h6{font-size:14px;font-weight:700;margin-bottom: 5px;}
.inner-item {
  margin-bottom: 20px;
}
.inner-item span{text-transform:capitalize;}
.heading h4{font-size:18px;font-weight:600;margin-bottom:15px;color:#f8d501;text-decoration:underline;}
.StripeElement--invalid{border: 1px solid red;}
#card-errors{color: red;
  margin: 10px;
    margin-left: 10px;
  font-weight: 600;
  font-size: 14px;}
#card-element {
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.disabled{pointer-events: none;
  cursor: not-allowed;opacity:0.5;}
#coupon_msg{font-size:13px;font-weight:600;}
.spin {
    animation: spin 1s linear infinite;
    display: inline-block;
}

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

.seat-options input[type="radio"]:required:invalid + .seat-card {
    border-color: red;
}
#remove_coupon {
  position: absolute;
  top: 4px;
  right: 18px;
  font-size: 25px;
}
.flash-text {
    animation: flash 1s infinite;
}
@keyframes flash {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* From Uiverse.io by Yaya12085 */ 
.radio-inputs {
  display: flex;
  justify-content: left;
  /*align-items: center;*/
  /*max-width: 350px;*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.radio-inputs > * {
  margin: 6px;
}

.radio-input:checked + .radio-tile {
  border-color: #f8d501;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #f8d501;
  background-color:#f8d501;
}

.radio-input:checked + .radio-tile:before {
  transform: scale(1);
  opacity: 1;
  background-color: #f8d501;
  border-color: #f8d501;
}

.radio-input:checked + .radio-tile .radio-icon svg {
  fill: #f8d501;
}

.radio-input:checked + .radio-tile .radio-label {
  color: #000;
}

/*.radio-input:focus + .radio-tile {*/
/*  border-color: #f8d501;*/
/*  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 0 0 4px #b5c9fc;*/
/*}*/

/*.radio-input:focus + .radio-tile:before {*/
/*  transform: scale(1);*/
/*  opacity: 1;*/
/*}*/

.radio-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /*width: 80px;*/
  /*min-height: 80px;*/
  border-radius: 0.5rem;
  border: 1px solid #ddd;
  background-color: #fff;
  /*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);*/
  transition: 0.15s ease;
  cursor: pointer;
  position: relative;
  padding:6px 20px;
}

/*.radio-tile:before {*/
/*  content: "";*/
/*  position: absolute;*/
/*  display: block;*/
/*  width: 0.75rem;*/
/*  height: 0.75rem;*/
/*  border: 2px solid #b5bfd9;*/
/*  background-color: #fff;*/
/*  border-radius: 50%;*/
/*  top: 0.25rem;*/
/*  left: 0.25rem;*/
/*  opacity: 0;*/
/*  transform: scale(0);*/
/*  transition: 0.25s ease;*/
/*}*/

.radio-tile:hover {
  border-color: #f8d501;
  background: transparent;
}

.radio-tile:hover:before {
  transform: scale(1);
  opacity: 1;
}

.radio-label {
  color: #000;
  transition: 0.375s ease;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
}

.radio-input {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
input[type="radio"]:focus {
  outline: none;
}