body{
display: contents;
}

.left-wing, .right-wing{
float: left;
}
.tunetalk-home-logo{
margin-left: 20%;
}
#purchase-steps .steps-wrap .number {
width: auto;
color: #d2d2d2;
text-align: left;
background: #fff;
}
#purchase-steps .steps-wrap .active .number {
color: #1D1D1F;
background: none !important;
font-weight: 800;
}
#purchase-steps .steps-wrap .text {
font-size: 15px;
line-height: 9px;
font-weight: 400;
}
#purchase-steps .steps-wrap {
margin-left: 41px;
}
.left-wing{

margin-right: 30px;
}
.right-wing{
width: 35%;
}
.order-summary .right{
min-width: 70px;
}
.card{
  background-color: #fff;
border-radius: 12px;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
padding: 1.5rem;
margin-bottom: 2rem;
}
.btn-group .radio-check {
width: 160px !important;
  margin: 0;
height: 37px;
}
.purple-input{
background: #F4F5FF !important;
border: 0px !important;
}
#choose-number .search-right {
display: flex;
flex-wrap: nowrap;
align-items: center;
position: relative;
}
#choose-number .search-right:before {
content: "";
position: absolute;
background-image: url(../images/search_icon.png);
background-repeat: no-repeat;
background-size: contain;
width: 16px;
height: 16px;
top: 0;
right: 74px;
transform: translate(32px, 18px);
}
#choose-number .search-right input[type='text'] {
width: 100%;
height: 54px;
margin-right: 10px;
padding-left: 47px;
padding-top: 12px;
}
.choose_number_wrapper{
width: 100%;
display: flex;
margin-left: auto;
  margin-right: auto;
}
.proceed-btn{
width: 100%; 
margin-top: 30px;
}
.order-summary{
margin-top: 30px;
}
.summary-items.total {
padding-top: 20px;
padding-bottom: 25px;
}
.summary-items.total .left{
font-size: 16px !important;
}
.order-summary .summary-items {
font-size: 15px !important;
}
.summary-items.total .right{
color: #DD0613 !important;
font-size: 28px !important;
}
.unopen-form{
background: #EAEAEA;
margin-top: 30px;
}
.unopen-form .desc{
margin-top: 8px;
color: #827777;
}
.purchase-type-radio{
font-size: 20px;
font-weight: 500;
margin-bottom: 30px;
margin-top: 33px;
}
.btn-group .radio-check .checkmark::before, .selection-box .box-radio .checkmark::before, .selection-box2 .box-radio .checkmark::before {
display: none;
}
.half_width_field {
width: 51% !important;
}
#choose-number .prepaid_field_column .prepaid_field_label {
left: 12px !important;
top: 10% !important;
font-size: 11px !important;
transform: translate(0, 0%) !important;
}
.flex-row{
display: flex;
}
.mr-5{
margin-right: 5px !important;
}
.mt-30{
margin-top: 30px !important;
}
.shipping-method-radio .prepaid_method_inner{
height: 40px;
padding: 0px !important;
font-size: 20px !important;
flex-wrap: unset;
}
.shipping-method-radio .prepaid_method_inner .prepaid_method_title{
font-size: 20px;
}
.goget-shipping-desc{
font-size: 11px;
color: #827777;
font-style: italic;
margin-left: 24px;
}
.prepaid_method_right {
margin-top: 0px !important;
}
.sfp_form_sec form > label button.remove-icon:before {
background-image: none;
}
.sfp_form_sec form > label button.search-submit {
font-size: 17px !important;
}
.summary-items.selected-number {
padding-top: 15px;
padding-bottom: 15px;
}
.grey-font{
color: #827777;
}
.slash-text{
text-decoration: line-through;
}
.mt-10{
margin-top: 10px;
}
.mb-8{
margin-bottom: 8px;
}
.fs-17{
font-size: 17px;
}
.mr-10{
margin-right: 10px;
}
.promo .promo-desc{
color: #57a901;
  font-size: 13px;
}
.promo .remove-promo-btn{
background: #fff;
color: #000;
border: 1px solid;
border-radius: 30px;
}
/* tablet screensize */
@media only screen and (max-width: 1024px) { 
.choose_number_wrapper{
  width: 97% !important;
}
}


.btn-group .radio-check input[type="radio"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 0px;
border: none;
cursor: pointer;
background-color: #FFFFFF;
box-shadow: none;
border-radius: 25px;
border: 1px solid rgba(0, 0, 0, 0.19);
transition: all .2s ease-in;
z-index: 1;
}
.sfp_form_sec form > label button.search-submit {
position: absolute;
right: 10px;
}


#contact-details-body {
display: none;
transition: max-height 0.3s ease;
overflow: hidden;
}

#contact-details-header {
cursor: pointer;
}

#delivery-details-body {
display: none;
transition: max-height 0.3s ease;
overflow: hidden;
}

#delivery-details-header {
cursor: pointer;
}


#purchase-steps .steps-wrap div:not(:first-child) .text::after {
position: absolute;
content: "";
width: 100%;
height: 1px;
background:#c9c9c9;
right: 109%;
top: 26px;
z-index: -1;
}


#purchase-steps .steps-wrap::before {
content: "";
position: absolute;
top: 26px;
left: 50px;
width: 245px;
height: 2px;
background: #D2D2D2;
z-index: -1;
display: none;
}
.order-summary {
margin-top: 30px;
background-color: white;
}


div#content {
min-height: 80vh;
background-color: #f5f7fa;
}

.left-wing {
margin-right: 30px;
max-width: 60%;
width: 60%;
}


/* Container for shipping-method block */
.cpm-form-group.shipping-method {
display: flex;
flex-direction: column;
gap: 1rem;
}

/* Each option */
.cpm-form-group.shipping-method .cpm-shipping-option {
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
}

/* Hide native radio, replace with custom circle */
.cpm-form-group.shipping-method .cpm-shipping-option input[type="radio"] {
appearance: none;
-webkit-appearance: none;
margin: 0;
width: 1.25rem;
height: 1.25rem;
border: 2px solid #ccc;
border-radius: 50%;
position: relative;
cursor: pointer;
}
.cpm-form-group.shipping-method .cpm-shipping-option input[type="radio"]:checked {
border-color: #e53935; /* red */
}
.cpm-form-group.shipping-method .cpm-shipping-option input[type="radio"]:checked::after {
content: "";
display: block;
width: 0.6rem;
height: 0.6rem;
background: #e53935;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

/* Left label and subtitle */
.cpm-form-group.shipping-method .cpm-shipping-content {
margin-left: 0.75rem;
display: flex;
flex-direction: column;
}
.cpm-form-group.shipping-method .cpm-shipping-content .main-label {
font-weight: 600;
color: #333;
}
.cpm-form-group.shipping-method .cpm-shipping-content .sub-label {
font-size: 0.85rem;
color: #777;
margin-top: 0.25rem;
font-style: italic; /* for “Powered by” line */
}

/* Right-aligned price */
.cpm-form-group.shipping-method .cpm-shipping-price {
font-weight: 600;
color: #333;
width: 20%;
text-align: right;
}

/* Disabled state */
.cpm-form-group.shipping-method .cpm-shipping-option.disabled {
opacity: 0.5;
cursor: not-allowed;
}
.cpm-form-group.shipping-method .cpm-shipping-option.disabled input {
cursor: not-allowed;
}

body .ast-container, body .ast-container-fluid {
padding-left: 15px;
padding-right: 15px;
/* max-width: 1165px; */
max-width: 80%;
box-sizing: border-box;
}


#choose-number .search {
display: flex;
flex-wrap: nowrap;
align-items: center;
position: relative;
padding: 10px 0 0 30px;
}


.purchase-type-radio {
display: flex;
align-items: center;
gap: 2rem;              /* space between the two choices */
font-family: 'Segoe UI', sans-serif;
font-size: 1rem;
}

/* Hide native radio UI */
.purchase-type-radio input[type="radio"] {
appearance: none;
-webkit-appearance: none;
width: 1.25rem;
height: 1.25rem;
border: 2px solid #ccc;
border-radius: 50%;
margin: 0;
position: relative;
cursor: pointer;
flex-shrink: 0;
transition: border-color 0.2s;
}

/* Checked styling */
.purchase-type-radio input[type="radio"]:checked {
border-color: #646DFF;
}
.purchase-type-radio input[type="radio"]:checked::after {
content: "";
display: block;
width: 0.6rem;
height: 0.6rem;
background: #646DFF;
border-radius: 50%;
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%);
}

/* Labels sit to the right of the custom circle */
.purchase-type-radio label {
margin: 0;
cursor: pointer;
user-select: none;
color: #333;
}

/* When label is hovered, highlight the radio */
.purchase-type-radio label:hover ~ input[type="radio"],
.purchase-type-radio input[type="radio"]:hover {
border-color: #888;
}

.purchase-type-radio input[type="radio"] + label {
margin-left: 0.5rem;
font-weight: bold;
}

/* Custom radio circle */
.purchase-type-radio input[type="radio"] {
appearance: none;
-webkit-appearance: none;
width: 1.25rem;
height: 1.25rem;
border: 2px solid #ccc;
border-radius: 50%;
margin: 0;
position: relative;
cursor: pointer;
flex-shrink: 0;
transition: border-color 0.2s;
}

/* Checked state in red instead of blue */
.purchase-type-radio input[type="radio"]:checked {
border-color: #e53935;    /* red border */
}
.purchase-type-radio input[type="radio"]:checked::after {
content: "";
display: block;
width: 0.6rem;
height: 0.6rem;
background: #e53935;      /* red fill */
border-radius: 50%;
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%);
}

/* Hover state (optional) */
.purchase-type-radio input[type="radio"]:hover {
border-color: #aa0000;    /* darker red on hover */
}

.purchase-type-radio {
display: flex;
align-items: center;
gap: 1rem;
font-family: 'Segoe UI', sans-serif;
font-size: 1rem;
}

.card{
display: block;
}

/* Greyed-out & disabled styles */
.ajax_submit_button:disabled,
.ajax_submit_button.greyed-out {
background-color: #ccc !important;
cursor: not-allowed !important;
opacity: 0.7;
}


#choose-number .prepaid_field_column.half_width_field {
width: 100%;

}

.spacing-30 {
height: 30px;
}

.tunetalk-home-logo {
margin-left: 20%;
}

#purchase-steps .steps-wrap .number {
width: auto;
color: #8e8e8e;
text-align: left;
background: #fff;
}

#purchase-steps .steps-wrap .text {
font-size: 15px;
line-height: 9px;
font-weight: 400;
color: #8e8e8e;
}

#purchase-steps .steps-wrap .active .number {
color: #1d1d1f;
background: none !important;
font-weight: 800;
}



#purchase-steps .steps-wrap {
margin-left: 41px;
}

.left-wing {
margin-right: 30px;
}

.right-wing {
width: 35%;
}

.order-summary .right {
min-width: 70px;
}

.card {
background-color: #fff;
border-radius: 12px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
padding: 1.5rem;
margin-bottom: 2rem;
}

.btn-group .radio-check {
width: 160px !important;
margin: 0;
height: 37px;
}

.purple-input {
background: #f4f5ff !important;
border: 0px !important;
}

#choose-number .search-right {
display: flex;
flex-wrap: nowrap;
align-items: center;
position: relative;
}

#choose-number .search-right:before {
content: "";
position: absolute;
background-image: url(../images/search_icon.png);
background-repeat: no-repeat;
background-size: contain;
width: 16px;
height: 16px;
top: 0;
right: 74px;
transform: translate(32px, 18px);
}

#choose-number .search-right input[type="text"] {
width: 100%;
height: 54px;
margin-right: 10px;
padding-left: 47px;
padding-top: 12px;
}

.choose_number_wrapper {
width: 100%;
display: flex;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}

.proceed-btn {
width: 100%;
margin-top: 30px;
}

.summary-items.total {
padding-top: 20px;
padding-bottom: 25px;
}

.summary-items.total-title .left {
font-size: 16px !important;
}

.order-summary .summary-items {
font-size: 15px !important;
}

.summary-items.total .right {
color: #dd0613 !important;
font-size: 28px !important;
}

.unopen-form {
background: #eaeaea;
margin-top: 30px;
}

.unopen-form .desc {
margin-top: 8px;
color: #827777;
}

.purchase-type-radio {
font-size: 20px;
font-weight: 500;
margin-bottom: 30px;
margin-top: 33px;
}

.btn-group .radio-check .checkmark::before,
.selection-box .box-radio .checkmark::before,
.selection-box2 .box-radio .checkmark::before {
display: none;
}

.half_width_field {
width: 50% !important;
}

.flex-row {
display: flex;
}

.mr-5 {
margin-right: 5px !important;
}

.mt-30 {
margin-top: 30px !important;
}

.shipping-method-radio .prepaid_method_inner {
height: 40px;
padding: 0px !important;
font-size: 20px !important;
flex-wrap: unset;
}

.shipping-method-radio .prepaid_method_inner .prepaid_method_title {
font-size: 20px;
}

.goget-shipping-desc {
font-size: 11px;
color: #827777;
font-style: italic;
margin-left: 24px;
}

.prepaid_method_right {
margin-top: 0px !important;
}

.sfp_form_sec form>label button.remove-icon:before {
background-image: none;
}

.sfp_form_sec form>label button.search-submit {
font-size: 17px !important;
}

.summary-items.selected-number {
padding-top: 15px;
padding-bottom: 15px;
}

.grey-font {
color: #827777;
}

.slash-text {
text-decoration: line-through;
}

.mt-10 {
margin-top: 10px;
}

.mb-8 {
margin-bottom: 8px;
}

.fs-17 {
font-size: 17px;
}

.mr-10 {
margin-right: 10px;
}

.promo .promo-desc {
color: #57a901;
font-size: 13px;
}

.promo .remove-promo-btn {
background: #fff;
color: #000;
border: 1px solid;
border-radius: 30px;
}

/* tablet screensize */
@media only screen and (max-width: 1024px) {
.choose_number_wrapper {
  width: 97%;
}
}

.btn-group .radio-check input[type="radio"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 0px;
border: none;
cursor: pointer;
background-color: #ffffff;
box-shadow: none;
border-radius: 25px;
border: 1px solid rgba(0, 0, 0, 0.19);
transition: all 0.2s ease-in;
z-index: 1;
}

.sfp_form_sec form>label button.search-submit {
position: absolute;
right: 10px;
}

#contact-details-body {
display: none;
transition: max-height 0.3s ease;
overflow: hidden;
}

#contact-details-header {
cursor: pointer;
}

#delivery-details-body {
display: none;
transition: max-height 0.3s ease;
overflow: hidden;
}

#delivery-details-header {
cursor: pointer;
}

#purchase-steps .steps-wrap .active+.active::after {
position: absolute;
content: "";
width: 113%;
height: 2px;
background: #a3cf00;
right: 110%;
top: 26px;
z-index: -1;
}

#purchase-steps .steps-wrap::before {
content: "";
position: absolute;
top: 26px;
left: 50px;
width: 245px;
height: 2px;
background: #d2d2d2;
z-index: -1;
display: none;
}

.order-summary {
background-color: white;
}

div#content {
min-height: 80vh;
background-color: #f5f7fa;
}

.left-wing {
margin-right: 30px;
max-width: 60%;
width: 60%;
}

/* Container for shipping-method block */
.cpm-form-group.shipping-method {
display: flex;
flex-direction: column;
gap: 1rem;
}

/* Each option */
.cpm-form-group.shipping-method .cpm-shipping-option {
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
}

/* Hide native radio, replace with custom circle */
.cpm-form-group.shipping-method .cpm-shipping-option input[type="radio"] {
appearance: none;
-webkit-appearance: none;
margin: 0;
width: 1.25rem;
height: 1.25rem;
border: 2px solid #ccc;
border-radius: 50%;
position: relative;
cursor: pointer;
}

.cpm-form-group.shipping-method .cpm-shipping-option input[type="radio"]:checked {
border-color: #e53935;
/* red */
}

.cpm-form-group.shipping-method .cpm-shipping-option input[type="radio"]:checked::after {
content: "";
display: block;
width: 0.6rem;
height: 0.6rem;
background: #e53935;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

/* Left label and subtitle */
.cpm-form-group.shipping-method .cpm-shipping-content {
margin-left: 0.75rem;
display: flex;
flex-direction: column;
width: 80%;
}

.cpm-shipping-content .sub-label img {
width: 30px;
}

.cpm-form-group.shipping-method .cpm-shipping-content .main-label {
font-weight: 600;
color: #333;
}

.cpm-form-group.shipping-method .cpm-shipping-content .sub-label {
font-size: 0.85rem;
color: #777;
margin-top: 0.25rem;
font-style: italic;
/* for “Powered by” line */
}

/* Right-aligned price */
.cpm-form-group.shipping-method .cpm-shipping-price {
font-weight: 600;
color: #333;
}

/* Disabled state */
.cpm-form-group.shipping-method .cpm-shipping-option.disabled {
opacity: 0.5;
cursor: not-allowed;
}

.cpm-form-group.shipping-method .cpm-shipping-option.disabled input {
cursor: not-allowed;
}
.cpm-shipping-radio {
margin-right: 15px;
}

.prepaid_field_column.prepaid_field_select2.mr-10{
  margin-right: 20px;
}

body .ast-container,
body .ast-container-fluid {
padding-left: 15px;
padding-right: 15px;
/* max-width: 1165px; */
max-width: 80%;
box-sizing: border-box;
}

#choose-number .search {
display: flex;
flex-wrap: nowrap;
align-items: center;
position: relative;
padding: 10px 0 0 30px;
}

.purchase-type-radio {
display: flex;
align-items: center;
gap: 2rem;
/* space between the two choices */
font-family: "Segoe UI", sans-serif;
font-size: 1rem;
}

/* Hide native radio UI */
.purchase-type-radio input[type="radio"] {
appearance: none;
-webkit-appearance: none;
width: 1.25rem;
height: 1.25rem;
border: 2px solid #ccc;
border-radius: 50%;
margin: 0;
position: relative;
cursor: pointer;
flex-shrink: 0;
transition: border-color 0.2s;
}

/* Checked styling */
.purchase-type-radio input[type="radio"]:checked {
border-color: #646dff;
}

.purchase-type-radio input[type="radio"]:checked::after {
content: "";
display: block;
width: 0.6rem;
height: 0.6rem;
background: #646dff;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

/* Labels sit to the right of the custom circle */
.purchase-type-radio label {
font-size: 15px;
margin: 0;
cursor: pointer;
user-select: none;
color: #333;
}

/* When label is hovered, highlight the radio */
.purchase-type-radio label:hover~input[type="radio"],
.purchase-type-radio input[type="radio"]:hover {
border-color: #888;
}

.purchase-type-radio input[type="radio"]+label {
margin-left: 1rem;
font-weight: bold;
}

/* Custom radio circle */
.purchase-type-radio input[type="radio"] {
appearance: none;
-webkit-appearance: none;
width: 1.25rem;
height: 1.25rem;
border: 2px solid #ccc;
border-radius: 50%;
margin: 0;
position: relative;
cursor: pointer;
flex-shrink: 0;
transition: border-color 0.2s;
}

/* Checked state in red instead of blue */
.purchase-type-radio input[type="radio"]:checked {
border-color: #e53935;
/* red border */
}

.purchase-type-radio input[type="radio"]:checked::after {
content: "";
display: block;
width: 0.6rem;
height: 0.6rem;
background: #e53935;
/* red fill */
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

/* Hover state (optional) */
.purchase-type-radio input[type="radio"]:hover {
border-color: #aa0000;
/* darker red on hover */
}

.purchase-type-radio {
display: flex;
align-items: center;
gap: 1rem;
font-family: "Segoe UI", sans-serif;
font-size: 1rem;
}

.card {
display: block;
}

.choose-purchase-type {
display: flex;
align-items: center;
margin-bottom: 8px;
}

.left_input {
width: 48% !important;
margin-right: 5px !important;
}

.right_input {
width: 50% !important;
}

#contact-details-body,
#delivery-details-body {
margin-top: 25px;
}

.section .not_suitable {
#choose-number p {
margin-top: 0;
margin-bottom: 0;
padding: 12px;
}
.error {
display: inline-block;
background-color: #ffe6e6;   /* light pink */
color: #cc0000;              /* red text */
padding: 6px 18px 6px 38px;  /* leave space for the icon */
border-radius: 26px;
font-size: 14px;
font-weight: 500;
margin-top: 5px;
position: relative;
display: none;
}
/* icon via ::before */
.error::before {
position: absolute;
left: 8px;
top: 50%; 
transform: translateY(-50%);
font-family: "Font Awesome 6 Free";
font-weight: 900;
}
/* error look */

/* fade-out animation for success */
.fade-out {
animation: fadeOutMsg 1s ease forwards;
}
@keyframes fadeOutMsg {
0%   { opacity: 1; }
70%  { opacity: 0.2; }
100% { opacity: 0; }
}

.flatpickr-calendar{

}
margin-bottom: 15px !important;
}

.inbutton-apply{
color: black !important;
background: #F4F5FF;
border: none !important;
border-radius: 20px;
}

@media only screen and (max-width: 480px) {
.half_width_field {
width: 100% !important;
}

div.step2.active::after {
width: 70% !important;
}

#purchase-steps .steps-wrap .active + .step3.active::after {
width: 110%;
}
body .alm-filters-container .alm-filter--text-wrap input:not([type=submit]):not([type=radio]):not([type=file]):not([type=checkbox]), body input:not([type=submit]):not([type=radio]):not([type=file]):not([type=checkbox]), body select:not(.child_filter_select) {
height: 50px;
background-color: white;
border: 1px solid transparent;
border-radius: 100px;
padding: 12px 14px 0px;
font-size: 15px;
/* color: #313131; */
color: #000000;
line-height: 25px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: all .3s ease-in-out;
text-overflow: ellipsis;
/* box-shadow: 0 0 0 30px white inset !important; */
}


body .alm-filters-container .alm-filter--text-wrap input:not([type=submit]):not([type=radio]):not([type=file]):not([type=checkbox]), body input:not([type=submit]):not([type=radio]):not([type=file]):not([type=checkbox]), body select:not(.child_filter_select) {
height: 50px;
background-color: white;
border: 1px solid transparent;
border-radius: 100px;
padding: 12px 14px 0px;
font-size: 15px;
/* color: #313131; */
color: #000000;
line-height: 25px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: all .3s ease-in-out;
text-overflow: ellipsis;
text-indent: 17px;
/* box-shadow: 0 0 0 30px white inset !important; */
}

.ast-container {
  max-width: none !important;
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.choose_number_wrapper {
  display: block !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  width: 100% !important;
}

.left-wing {
  margin-right: 0px !important;
  max-width: none !important;
  width: 100% !important;
}

#purchase-wrap {
  padding-top: 40px !important;
}

.card {
  box-shadow: none !important;
  border: none;
  border-radius: 0px !important;
}

.tunetalk-home-logo {
  display: none;
}

.mt-30 {
  margin-top: 5px !important;
}

.right-wing {
  width: 100% !important;
  display: none;
}

.purchase-type-radio {
  display: block;
}

.flex-row {
  display: flex;
  flex-wrap: wrap;
}

.same-row {
  width: 50% !important;
}

.full_width_summary_proceed_button {
  width: 100%;
}

#purchase-summary-mobile{
  background: #ffffff !important;
}

#purchase-summary-mobile.mobile_purchase_summary {
  height: 165px;
  padding-left: 10px !important;
}

.mobile_purchase_summary .mps_head .total {
  width: 180px;
}

.summary-items.total {
  padding-bottom: 15px;
}

.summary_head_sst {
  font-style: italic;
  font-size: 12px;
  color: #827777;
  margin-left: 8px;
}

#new-number-select .btn-group .radio-check {
  margin: 0 5px 8px 0 !important;
  width: 30% !important;
  min-height: 40px;
  height: 40px;
}
.btn-group .radio-check span {
  padding: 3px;
}
.summary-items.total .right {
  font-size: 22px !important;
}

.prepaid_field_column.prepaid_field_select2.mr-10{
  margin-right: auto;
}

    #choose-number .btn-group .radio-check span {
  font-size: 11px;
}

#choose-number .prepaid_field_column.half_width_field {
  padding-right: 0px !important;
  }
  
  .prepaid_field_row {
  display: block !important;
  }
  
  .shipping-address-block .prepaid_field_row, .airport-pickup-block .prepaid_field_row {
  gap: 1px !important;
  }
  
  .prepaid_field_row .field-label-fix {
  padding-left: 22px !important;
  margin-top: -3px !important;
  }
  .prepaid_field_row .prepaid_field_column .field-input-fix {
    text-indent: 32px !important;
    padding-top: 10px !important;
    }

    .left-wing {
      padding-bottom: 100px;
      }

      #purchase-steps .purchase-go-back.mobile {
        display: block !important;
        }
}



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

#purchase-steps .steps-wrap {
margin-left: 16px !important;
}

#purchase-steps .purchase-go-back.mobile {
right: 0px !important;
}

body #purchase-steps .steps-wrap .step2{
margin-left: 50px !important;
}
body #purchase-steps .steps-wrap > div {
margin-left: 50px !important;
}

body #purchase-steps .steps-wrap .step1 {
margin-left: 0px !important;
}



#purchase-steps .steps-wrap div:not(:first-child) .text::after {
position: absolute;
content: "";
width: 50px;
height: 1px;
background:#c9c9c9;
right: calc(109% + 10px);
top: 29px;
z-index: -1;
}


body #purchase-steps .steps-wrap .step2{
margin-left: 50px !important; 
}
body #purchase-steps .steps-wrap > div {
margin-left: 50px !important;
}

body #purchase-steps .steps-wrap .step1 {
margin-left: 0px !important;
}


body .ast-container,
body .ast-container-fluid {
  max-width: 100% !important;
  width: 100% !important;
}

.cpm-card {
  margin-bottom: 1rem;
}

.left-wing {
  margin-right: 16px;
}



.purchase-go-back {
  display: none !important;
}

.card {
  margin-bottom: 10px;
}

.prepaid_field_column .prepaid_field_label {
  padding-right: 10px;
}

.prepaid_field_column.prepaid_field_select2.mr-10{
  margin-right: auto;
}
}

#choose-number .search::placeholder {
color: grey;
opacity: 1; /* Firefox */
}

#choose-number .search::-ms-input-placeholder { /* Edge 12 -18 */
color: grey;
}

#choose-number .search {
display: flex;
flex-wrap: nowrap;
align-items: center;
position: relative;
padding: 10px 0 10px 30px;
margin-bottom: 20px;
}




input[type="radio"]:checked, input[type=reset], input[type="checkbox"]:checked, input[type="checkbox"]:hover:checked, input[type="checkbox"]:focus:checked, input[type=range]::-webkit-slider-thumb {
border-color: #eb6751;
background-color: #ffffff;
box-shadow: none;
}

.purple-input {
background: #f4f5ff !important;
border: 0px !important;
text-indent: 10px;
}


body .alm-filters-container .alm-filter--text-wrap input:not([type=submit]):not([type=radio]):not([type=file]):not([type=checkbox]), body input:not([type=submit]):not([type=radio]):not([type=file]):not([type=checkbox]), body select:not(.child_filter_select) {
height: 50px;
background-color: white;
border: 1px solid transparent;
border-radius: 100px;
padding: 12px 14px 0px;
font-size: 15px;
/* color: #313131; */
color: #000000;
line-height: 25px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: all .3s ease-in-out;
text-overflow: ellipsis;
/* box-shadow: 0 0 0 30px white inset !important; */
}


#payment-error.tt-error {
padding-left: 0;
margin-bottom: -20px;
margin-top: 20px;
}

.checkmark.checkmark-delected {
position: absolute;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
border-radius: 15px !important;
border: 2px solid transparent !important;
transition: all .2s ease-in !important;
background: linear-gradient(#fff, #fff) padding-box,
linear-gradient(102.59deg, #ba819e 13.37%, #e96856 38.37%, #ec6e40 71.55%, #ee3c2c 96.55%) border-box !important;
opacity: 0;
}

.btn-group .radio-check input[type="radio"]:checked + .checkmark + span {
font-weight: 700;
color:black !important;
}


html body, body .elementor-widget-text-editor {
font-size: 15px;

font-weight: 400;
line-height: 1.47;
color: #1D1D1F;
}

.purchase-type-radio input[type="radio"]+label {
margin-left: 1rem;
font-weight: bold;
font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B" !important;
}

/* Traveller v2 step1 refresh */
div#content {
  background: linear-gradient(180deg, #f7f7f8 0%, #f1f3f6 100%);
}

#purchase-wrap {
  padding-top: 40px;
}

#purchase-steps .steps-wrap .number {
  font-weight: 700;
  color: #111;
}

#purchase-steps .steps-wrap .text {
  color: #7d7d7d;
  font-size: 15px;
}

.card {
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
  border: 1px solid #f0f0f0;
  background-color: #fff;
}

.left-wing .card h4 {
  font-size: 20px;
  font-weight: 700;
}

.prepaid_field_input,
.prepaid_field_select,
.delivery_remarks_input {
  background: #f5f6ff !important;
  border: 1px solid transparent !important;
  border-radius: 18px;
  height: 54px;
  padding: 14px 16px 8px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

.delivery_remarks_input {
  height: auto;
  min-height: 74px;
  resize: vertical;
}

.prepaid_field_label {
  color: #5d5d5d;
  font-weight: 500;
}

.delivery-option-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  overflow: visible;
}

.unopen-form {
  background: #fff;
}

.delivery-option {
  flex: 1;
  min-width: 240px;
  position: relative;
  border: 1px solid #e4e4e4;
  border-radius: 12px;
  padding: 14px 16px 16px 16px;
  cursor: pointer;
  transition: all 0.2s ease;
  background: #fff;
  overflow: visible;
  z-index: 1;
}

.delivery-option.single-option {
  border: none;
  padding: 0;
  min-width: 0;
  flex: 0 0 auto;
  cursor: default;
}

.delivery-option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.delivery-option .option-main {
  font-weight: 600;
  color: #1d1d1f;
}

.delivery-option .option-price {
  font-weight: 700;
}

.delivery-option .option-sub {
  margin-top: 6px;
  color: #5d5555;
  font-size: 13px;
  font-style: italic;
}

.delivery-option .option-check {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #d8d8d8;
}

.delivery-option.active {
  border-color: #f0121d;
  box-shadow: 0 10px 28px rgba(240, 18, 29, 0.18);
}

.delivery-option.active .option-check {
  border-color: #f0121d;
  background: #f0121d;
  box-shadow: 0 0 0 4px rgba(240, 18, 29, 0.12);
}






.delivery-option.active .option-check::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 2px;
  width: 6px;
  height: 8px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg);
  }

.delivery-option.disabled-option {
  background: #e6e6e6 !important;
  border-color: #d4d4d4 !important;
  color: #7d7d7d;
  cursor: not-allowed;
  z-index: 2;
}

.delivery-option.disabled-option .option-main,
.delivery-option.disabled-option .option-sub {
  color: #6f6f6f !important;
}

.delivery-option.disabled-option .option-check {
  border-color: #c7c7c7;
  background: #c7c7c7;
  box-shadow: none;
}

.delivery-option.disabled-option input {
  cursor: not-allowed;
}

#delivery-details-body,
.delivery-option-row,
.delivery-option {
  overflow: visible !important;
  position: relative;
}

.delivery-option .delivery-tooltip {
  position: absolute;
  bottom: -52px;
  left: 8px;
  background: #222;
  color: #fff;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.3;
  white-space: normal;
  width: 220px;
  max-width: 90vw;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease;
  box-shadow: 0 4px 12px rgba(0,0,0,0.18);
  z-index: 20;
  display: none;
}

.delivery-option.disabled-option:hover .delivery-tooltip {
  opacity: 1;
  display: block;
}

.shipping-address-block,
.airport-pickup-block {
  margin-top: 18px;
}

.airport-pickup-block--flat {
  margin-top: 0;
}

.shipping-address-block .prepaid_field_row,
.airport-pickup-block .prepaid_field_row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.shipping-address-block .prepaid_field_column,
.airport-pickup-block .prepaid_field_column {
  flex: 1 1 100%;
}

.shipping-address-block .prepaid_field_column,
.airport-pickup-block .prepaid_field_column {
  margin-bottom: 12px;
}

.address-grid-row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.address-grid-row .prepaid_field_column {
  flex: initial !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

.third_width_field {
  flex: initial !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.note.note-helper {
  margin-top: 10px;
  color: #5d5555;
  font-style: italic;
}

.order-summary {
  border-radius: 14px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
}

.summary-items.total .right {
  color: #f0121d !important;
  font-weight: 800;
}

.side_proceed_button,
.proceed-btn button,
.proceed-btn input {
  background: #f0121d !important;
  color: #fff !important;
  border-radius: 999px !important;
  height: 52px !important;
  font-weight: 700;
  xbox-shadow: 0 12px 26px rgba(240, 18, 29, 0.24);
}

.side_proceed_button:disabled {
  background: #f0f0f0 !important;
  color: #9a9a9a !important;
  box-shadow: none;
}

.summary-items {
  font-size: 15px !important;
}

@media only screen and (max-width: 768px) {
  .third_width_field {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
    min-width: 100% !important;
  }

  .delivery-option-row {
    flex-direction: column;
  }
}

@media only screen and (max-width: 1024px) {
  .address-grid-row {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
}

/* Tablet-ish: enforce full-width left layout and form tweaks between 496px and 800px */

.cpm-detail__label {
font-size: 0.9rem;
color: #555;
font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B" !important;
}

.cpm-detail__value {
display: block;
margin-top: 0.25rem;
font-weight: 600;
font-size: 1rem;
font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B" !important;
}

.formbold-main-wrapper {
bottom: 70px;
width: 0px;
z-index: 1000;
display: none;
}

#tt__mobile_number::placeholder {
color: grey;
}

a {
color: black;
}
a:visited {
color: black;
}
a:hover,
a:active {
color: black;
}


#purchase-steps .steps-wrap .active+.active::after {
position: absolute;
content: "";
width: 113%;
height: 2px;
background: #e0e0e0;
right: 110%;
top: 26px;
z-index: -1;
}

/*#purchase-steps .steps-wrap .active + .step3.active::after {
width: 120%;
}*/

/*div.step2.active::after {
width: 140% !important;
}*/

div.step2.active::after {
width: 110%;
}

#purchase-steps .steps-wrap .active + .step3.active::after {
width: 90%;
}

.note{

color: var(--Color-Text-Supportive, #5D5555);
font-feature-settings: 'liga' off, 'clig' off;
font-family: "Gotham Rounded";
font-size: 13px;
font-style: normal;
font-weight: 325;
line-height: normal;
display: none;

}

div[data-elementor-type="header"] {
position: relative;
display: none;
}

#purchase-steps .purchase-go-back.mobile a:before {
width: 25px;
height: 25px;
border: thin solid grey;
border-radius: 20px;
margin-top: 8px;
background-color: white;
}


body #purchase-steps .steps-wrap .step2 {
margin-left: 50px;
}

@media only screen and (min-width: 485px) and (max-width: 800px) {
  .left-wing {
    margin-right: 30px !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  div#content {
    background: linear-gradient(180deg, #f7f7f8 0%, #f1f3f6 100%) !important;
    overflow: auto !important;
  }

  #choose-number .prepaid_field_column.half_width_field {
    margin-top: 0px !important;
    background: none !important;
    width: 100% !important;
    padding-right: 0px;
  }

  .right-wing {
    display: block !important;
    width: 35%;
    }

    #purchase-summary-mobile.mobile_purchase_summary{
      display: none !important;
    }

    #choose-number{
      padding: 0 !important;
    }

    .right-wing {
      width: 100% !important;
      }

      #choose-number .prepaid_field_column.half_width_field{
        padding: 0px !important;
      }

      #choose-number .prepaid_field_column .prepaid_field_label {
        left: 1px !important;
        top: 10% !important;
        font-size: 11px !important;
        transform: translate(0, 0%) !important;
        }

       .prepaid_field_row .field-label-fix {
          padding-left: 20px !important;
          margin-top: -3px !important;
          }

          .prepaid_field_column .prepaid_field_input, .prepaid_field_column .prepaid_field_select {
            width: 100%;
            font-weight: 400 !important;
            text-indent: 6px !important;
            }

            .prepaid_field_row .field-input-fix {
              text-indent: 22px !important;
              padding-top: 10px !important;
              }
}




/* hide native arrows */
#tt_air_type {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

/* space for the arrow */
padding-right: 2.25rem;



/* custom arrow (chevron) */
background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'>\
<polyline points='6 9 12 15 18 9'/></svg>");
background-repeat: no-repeat;
background-position: right .75rem center;
background-size: 1rem;
}

/* hide IE arrow */
.select-arrow {
position: relative;
display: inline-block;         /* or block if you want full width */
width: 100%;
}

.select-arrow select {
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-right: 2.25rem;        /* room for arrow */
}

/* the arrow */
.select-arrow::after {
content: "";
position: absolute;
right: 2rem;
top: 50%;
transform: translateY(-50%) rotate(45deg);
width: .55rem;
height: .55rem;
border-right: 2px solid #888;
border-bottom: 2px solid #888;
pointer-events: none;          /* clicks pass through */
}

.error.error-state {
background-color: #ffe6e6 !important; /* light red/pink */
color: #cc0000;            /* red text */
}

/* success look */
.error.success-state {
background-color: #e7f7ee; /* light green */
color: #0a7a3e;            /* green text */
}
.error.success-state::before {
  content: "\f00c";                 /* fa-check */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;                 /* Solid */
  color: #0a7a3e;
  display: inline-block;            /* helpful for consistent rendering */
  margin-right: .4em;               /* optional spacing */
}

/* error (circle-exclamation) */
.error.error-state::before {
  content: "\f06a";                 /* fa-circle-exclamation */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;                 /* Solid */
  color: #cc0000;
  display: inline-block;
  margin-right: .4em;
}
/* hide old IE arrow (harmless elsewhere) */
select#tt_air_type::-ms-expand { display: none; }