.radiodiv p{
      margin:0;
  } 
  .radiodiv {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
  position: relative;
  left: 0px;
  z-index: 99;
}

.checkbox-tools:checked + label, .checkbox-tools:not(:checked) + label {
    position: relative;
    display: inline-block;
    padding: 0px 12px 6px 40px;
    font-size: 15px;
    letter-spacing: 1px;
    text-align: left;
    border-radius: 4px;
    text-transform: capitalize;
    color: #000;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
    left: -35px;
}

.checkbox-tools:checked + label {
 background-color: transparent;
    border: 1px solid transparent;
    box-shadow: none;
    margin-bottom:0;
}

.checkbox-tools:not(:checked) + label {
    background-color: transparent;
    border: 1px solid transparent;
    box-shadow: none;
    margin-bottom:0;
}

.checkbox-tools:not(:checked) + label:hover, .checkbox-tools:checked + label:hover, [type="radio"]:hover + label {
    box-shadow: none ! IMPORTANT;
    cursor: pointer;
    -webkit-transition: box-shadow 300ms ease;
    transition: box-shadow 300ms ease;
}





label {
		margin-right: 10px;
}
.radio-button-label > input { 
	display: none;
}
.radio-button-label > img {
    cursor: pointer;
    border: 2px solid #cccccc5c;
    width: 150px;
    padding: 4px;
    border-radius: 0px;
}

.radio-button-label > input:checked + img {
    border: 2px solid #81C784;
    background: #81c7842e;
}


.mojiicons {
    /* height: 40px; */
    width: 40px !important;
}
.form-group.text-right-cls.right_margin button#prevBtn {
    margin-right: 5px;
}

input#destinationName {
    height: 40px;
}

@media only screen and (max-width: 480px) {
    .btndiv.feed_back_btn_div .mobilebtn {
        padding: 8px 18px;
        width: 100%;
        font-size: 14px;
    }
}
@media only screen and (min-width: 767px) {

.text-center.successfull_msg {

    width: 50%;
    margin: 0 auto;
}

}
@media only screen and (max-width: 767px) {
    .ui-widget {
    font-size: 14px ! Important;
    width: 100% ! IMPORTANT;
    left: 0 !IMPORTANT;
    right: 0 !IMPORTANT;
}

    .cardbody-color {

    width: 100%;
    padding: 15px !important;
}
        .mobilebtn {
      
        width: 100%;
   
    }
}
    .radiodiv {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
      .checkbox-tools:checked + label, .checkbox-tools:not(:checked) + label {

   
    font-size: 14px;
    
}
      .heading_text h3 span {
    display: block;
}
}

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





.image_radio_button_control.mt-2 {
    display: flex;
}

.mobilebtn {
    width: 100%;
    
}

}

.card {
    box-shadow: 0 2px 25px -5px rgb(0 0 0 / 29%), 0 25px 21px -5px rgb(0 0 0 / 10%) !important;
    border-radius: 4px;
    padding: 20px;
    background: transparent ! IMPORTANT;
    box-shadow: none ! IMPORTANT;
    padding: 0 !IMPORTANT;
}
body {
    background: #fbfbfb;
    font-family: "Raleway", sans-serif;
    height: 100%;
    width: 100%;
    padding: 0 0 30px 0;
}

@supports (animation: grow .5s cubic-bezier(.25, .25, .25, 1) forwards) {
     .tick {
        stroke-opacity: 0;
        stroke-dasharray: 29px;
        stroke-dashoffset: 29px;
        animation: draw .5s cubic-bezier(.25, .25, .25, 1) forwards;
        animation-delay: .6s
    }

    .circle {
        fill-opacity: 0;
        stroke: #219a00;
        stroke-width: 16px;
        transform-origin: center;
        transform: scale(0);
        animation: grow 1s cubic-bezier(.25, .25, .25, 1.25) forwards;   
    }   
}

@keyframes grow {
    60% {
        transform: scale(.8);
        stroke-width: 4px;
        fill-opacity: 0;
    }
    100% {
        transform: scale(.9);
        stroke-width: 8px;
        fill-opacity: 1;
        fill: #219a00;
    }
}

@keyframes draw {
    0%, 100% { stroke-opacity: 1; }
    100% { stroke-dashoffset: 0; }
}
.success_message_box {
    margin-top: 30px;
}

.success_message_box {
    margin-top: 30px;
}
.success_message_box h2 {
    margin: 0 0 10px 0;
    color: #219a00;
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
}
.success_message_box p {
    color: #000;
    margin: 0;
    font-weight: normal;
    line-height: 24px;
    font-size:18px;
}

.text-center.successfull_msg {
    background: linear-gradient(to bottom, rgba(190, 228, 255, 0.63) 0%, rgba(192, 229, 255, 0.63) 1%, rgba(255, 254, 254, 0.75) 32%, #fffefe 100%);
    border-radius: 12px;
    padding: 40px;
}

@media only screen and (max-width: 370px) {
    .mobilebtn {
        font-size: 13px !Important;
    }
    button.btn.btn-secondary.mobilebtn.mobile_margin_bottom.click.here {
    white-space: normal;
    word-break: break-word;
    font-size: 13px !important;
    padding: 8px 20px ! IMPORTANT;
}
}

@media only screen and (max-width: 767px) {
  section.common_banner_section.mobile_banner{
      display:none !Important;
  }
}

@media only screen and (min-width: 767px) {
  .mobile_banner{
      display:none;
  }
  .mobile_tool_tip_button{
      display:none;
  }
}