.ntb {
  padding: 12px;
  border: 1px dashed currentColor;
  border-radius: 8px;
  margin: 12px 0;
}

body{
	padding-right:0!important;
}

:root {
	/* COLOURS */
	--color-bg: #F9F8FD;
	--color-white: #fff;
	--color-black:#000;
	--color-primary: #715dc6;
	--color-primary-hover: #46329d;
	--color-secondary-hover: #ffdc76;
	--color-secondary-border:#edcb67;
	--color-secondary: #eeeaff;
	--color-yellow: #ffdc76;
	--color-text: #3f3f3f;
	--color-border: #d9d9e3;
	--color-tamar-purple: #382e62;
	--color-gray: #6c757d;

	--font-base: "Manrope", Arial, sans-serif;

	--radius-sm: 10px;
	--radius-md: 16px;

	/* BUTTONS */
	--btn-padding: 10px 60px;
	--input-padding: 12px 16px;
}

body{
	background:var(--color-bg)!important;
	font-family: var(--font-base)!important;
}

h1::selection {
    background: var(--color-primary);
    color: white;
}

.view-free{
	padding:10px 0!important;
}

.add-number {
    display: flex !important;
    align-items: center;
}

.add-number span:first-of-type {
    margin-left: auto;
}


.disabled-link {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
    background-color: #ccc !important;
    border-color: #ccc !important;
    color: #666 !important;
}

        .login-img{
    width: 300px!important;
    margin-bottom: 45px!important;
    margin-top: -30px!important;
        }

	.tariff-card {
    position: relative;
}

.start-tour {
    position: absolute;
    top: 20px;
    right: 20px;

    width: 50px;
    height: 50px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;
}

.pay-manually{
color: var(--color-primary);
    font-weight: 600;
}

.review-btn{
width: 100%;
    text-align: center;
    display: block;
}

.prev,
.next{
    text-align:center;
    align-items: center;
    gap: 6px;
   display: inline-flex;
    justify-content: center;

}

.prev i,
.next i{
top: 0px!important;
}

.start-tour-icon{
font-size: 33px;
    color: var(--color-primary);
}

.start-tour:hover{
	cursor:pointer;
}

.reviews{
	width:180px;
}

.review-text{
	font-size:16px;
	color:#000;
}

.review-title{
	font-size:18px;
}

.basket-warning{
font-size: 17px;
    color: #ff8619 !important;
    font-weight: 600;
    background: #fff6ee;
    padding: 15px 20px;
    border-radius: 15px;
    border: 1px solid #ffebd8;
    width:50%;
}

.search-label{
	font-size:15px;
}

.introjs-overlay {
    background: rgba(15, 15, 15, 0.18) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}


.introjs-tooltiptext{
	font-size:16px;
	color:#1a1a1a;
	padding: 10px 20px;
}

.form-range::-webkit-slider-thumb {
    background: var(--color-primary);
}

.form-range::-moz-range-thumb {
    background: var(--color-primary);
}

.form-range::-ms-thumb {
    background: var(--color-primary);
}

.selected-seats{
	font-size:17px;
	font-weight:bold;
	color:var(--color-primary);
}

.introjs-progressbar {
	background-color:var(--color-primary)!important;
}

#ntbEditModal select:valid {
    color: #393939;
}

#ntbStep3-checkout-actions .form-check {
    display: flex;
    align-items: center;
    gap: 8px;
}

#ntbStep3-checkout-actions .form-check-input {
    margin-top: 0 !important;
}


.select2-selection__arrow{
display:none;
}

.mobile-helper p{
text-align: center;
    color: var(--color-primary);
    font-weight: 800;
    font-size: 17px;
    margin-bottom: 0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
}

.mobile-helper i{
    font-size:20px;
    line-height:1;
    display:flex;
    align-items:center;
    font-weight:900;
}

.select2-search__field{
padding: 10px!important;
    margin-bottom: 10px;
    border: 1px solid #757575;
    border-radius: 10px!important;
    background: #FFF!important;
    color:#000;
}


.ntb-summary-edit{
color: var(--color-primary);
    font-weight: 700;
    font-size: 14px;
    background: var(--color-secondary);
    padding: 5px 15px !important;
    border:1px solid #FFF;
}

.ntb-summary-edit:hover{
    background: var(--color-secondary) !important;
    border: 1px solid #e1d9ff;
    color: var(--color-primary);
}


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

#ntbStep3 *:not(#ntbStep3 i),
.modal *{
	font-family: var(--font-base)!important;
}

.purple-icon-wrapper {
    position: relative;
    width: 120px;
    height: 120px;
    align-items: center;
    justify-content: center;
}

.purple-icon {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #f1ebff;
}

.purple-icon i {
    font-size: 55px;
    color: #6c4ce6;
    line-height: 1;
}

.sparkle {
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
}

.sparkle-1 {
    top: 18px;
    left: 10px;
    color: #64d89b;
}

.sparkle-2 {
    top: 66px;
    left: -4px;
    color: #8b6cff;
}

.sparkle-3 {
    top: 48px;
    right: 0;
    color: #f3c433;
}


.rounded-3{
	border-radius:20px!important;
}

#basket{
	background:#f9f8fd!important;
}

#basket,
#basket * {
	box-sizing: border-box;
}

#basket *:not(i){
	font-family: var(--font-base)!important;
}

hr{
	border-bottom:1px solid gray!important;
}

#basket h1{
	font-size:41px!important;
}

#basket {
	font-family: var(--font-base)!important;
	color: var(--color-text);
}

#basket label {
	margin-bottom: 10px;
	font-weight: 800;
}

#basket h1 {
	font-size: 41px;
	font-weight: 900;
	color: var(--color-text);
	line-height:41px;
}

.ntb-summary-remove svg path{
	fill:#f57575!important;
}

.ntb-summary-remove:hover{
 background:#FFF;
}

#basket .select2-selection{
height: 55px;
    padding-top: 13px;
    text-indent: 3px;
    border: 1px solid #d7d7d7;
    border-radius: 15px;
    font-weight: 500;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b{
	margin-top:5px!important;
}

.select2-container--open .select2-dropdown--below {
    border-radius: 15px!important;
    border: 1px solid #d7d7d7!important;
    padding: 10px;
    top:8px!important;
}


.select2-results__option{
color: #382e62 !important;
    font-weight: 800;
}

#basket .select2-selection__rendered{
	color:var(--color-primary);
	font-size:16px;
}

.switch-number,
.switch-number:focus{
font-size: 16px;
    padding-top: 9px;
    border: 1px solid #d7d7d7;
    text-align: left;
    color: var(--color-primary);
    padding: 14px;
    border-radius: 15px;
    font-weight:500;
}

.direct-debit,
.addon-list,
.feature-list {
    list-style: none;
    padding-left: 0;
    margin-left:0;
}

.direct-debit li,
.addon-list li,
.feature-list li {
    position: relative;
    padding-left: 32px;
    padding-top:1px;
    padding-bottom:1px;
    margin-bottom: 3px;
    font-size:16px;
}

.direct-debit li:before,
.addon-list li:before,
.feature-list li::before {
    content: "\e184";
    font-family: "Phosphor-Light";
   font-weight:800; 
    position: absolute;
    left: 0;
    top: -2px;
    color: var(--color-primary);
    font-size: 18px;
}



.offer-card-shell label{
	padding-left:0;
	padding-right:0;
}


.tooltips{
font-size: 17px!important;
    position: relative;
    top: 5px;
    right: -15px;
    font-weight: 600!important;
    color: var(--color-primary);
}

.ntb-picker-loading-overlay-spinner{
	border-top-color: var(--color-primary)!important;
}

.check-small{
    font-weight: 900!important;
    color: var(--color-primary);
}

.spinner-border{
color: var(--color-primary)!important;
    font-size: 25px;
}

.tariff_highlight{
    border: 2px solid var(--color-primary) !important;
    position: relative;
    z-index: 2;
}


.btn-inline-icon{
	font-size:20px;
	font-weight:600!important;
	font-weight: 500 !important;
    position: relative;
    top: 2px;
    right: 5px;
}

#newCustomerForm input,
#existingCustomerForm input{
border: 1px solid #c5c5c5;
}


.page-info {
	font-size: 19px;
	font-weight: 500;
	color: var(--color-text);
}

/* Buttons */

.btn-danger,
.btn-purple,
.btn-purple-inverse {
	width: fit-content;
	padding: var(--btn-padding);
	border: 1px solid var(--color-primary);
	border-radius: var(--radius-sm);
	font-family: inherit;
	font-size: 15px;
	font-weight: 500;
	text-align: center;
}

.btn-danger{
	border:1px solid #FFF;
}

.btn-purple {
	background: var(--color-primary);
	color: var(--color-white);
}

.btn-purple-inverse {
	background: var(--color-white);
	color: var(--color-primary);
}

.btn-purple:hover,
.btn-purple:focus{
	background: var(--color-primary-hover);
	color: var(--color-white);
	border-color: var(--color-primary-hover);
}


.btn-purple-inverse:hover,
.btn-purple-inverse:focus {
        background: var(--color-secondary);
        color: var(--color-tamar-purple);
        border-color: var(--color-primary);
}



.add-number{
	border-radius:10px;
	color:#382e62;
	font-size:18px;
	text-indent:8px;
	font-weight:600;

    display: flex !important;
    align-items: center;
    justify-content: space-between;

}

.add-number span{
background: #F0F9F4;
    color: #3a7749;
    float: right;
    font-size: 13px;
    padding: 1px 10px;
    border-radius: 10px;
    border: 1px solid #509661;
    text-indent:0;
    display: flex;
    align-items: center;
    justify-content: center;

}

.add-number:hover{
	cursor:pointer;
	color:var(--color-primary);
}

.add-number.disabled{
    pointer-events: none;
    opacity: 1!important;
    background-color: var(--color-primary) !important;
    color: var(--color-white);;
    border: 1px solid var(--color-primary) !important;
}


/* Icon */

.purple-icon {
	width: 5rem;
	aspect-ratio: 1;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: var(--color-secondary);
	color: var(--color-primary);
	font-size: 3rem;
}

.purple-icon i {
	line-height: 1;
}

.final-img{
	width: 250px !important;
	margin-top: -70px;
}

/* Inputs */

.plain-input,
.icon-input {
	width: 100%;
	background: var(--color-white);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md);
	color: var(--color-primary);
}

.plain-input {
	padding: var(--input-padding);
}

.icon-input {
	display: flex;
	align-items: center;
	overflow: hidden;
}

.icon-input i {
	margin: 0 15px;
	font-size: 28px;
	color: var(--color-primary);
	flex-shrink: 0;
}

.icon-input .form-control {
	padding: 12px 16px 12px 0;
	border: 0;
	background: transparent;
	color: var(--color-primary);
}

.plain-input::placeholder,
.icon-input .form-control::placeholder {
	color: var(--color-primary);
	opacity: 0.85;
}

.plain-input:focus,
.icon-input .form-control:focus {
	border-color: var(--color-primary);
	outline: none;
	box-shadow: none;
}

.icon-input:focus-within {
	border-color: var(--color-primary);
	box-shadow: 0 0 0 0.2rem rgba(113, 93, 198, 0.15);
}


.city-img:hover{
	cursor:pointer;
}

.city-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	width: 100%;
	margin-top: auto;
	position: relative;
	z-index: 2;
}

.city-info h3,
.city-info p {
	margin: 0;
	color: #fff;
}

.city-info h3{
	font-size:20px;
	font-weight:800;
	line-height:19px;
}

.city-info p {
	font-size:16px;
}

.city-next {
	width: 20px;
	height: 20px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: var(--color-primary);
	color: var(--color-white);
	flex-shrink: 0;
	margin-top:30px;
}

.city-img{
        background-size: cover!important;
}

.ntb-memorable-tier-group button{
    background: #E8E8E8;
    border: 1px solid #E8E8E8;
    font-size: 14px;
    color: #6b58bd;
    margin-right: 5px;
    margin-top:5px;
}


.ntb-memorable-tier-group button:hover{
	border:1px solid gray;
	background:#E8E8E8;
	color: #252525;
}

.ntb-memorable-tier-group button.active{
	border:1px solid var(--color-primary);
	background:var(--color-secondary);
	color:#382e62;
}

.primary{
	color:var(--color-primary);
}

.remember-you{
background:#f3eefb;
}

.remember-img{
background:#ebe3fb;
display:block;
}

.remember-img i{
font-size: 40px;
    font-weight: 900;
    padding: 15px;
    color:var(--color-primary);
}

.remember-text h5{
	font-size:18px;
	font-weight:800;
	color:var(--color-black);
}

.remember-text p{
	font-size:15px;
	color:var(--color-black);
}

.ntb-in-basket-label{
    background: #5c4e9b !important;
    padding: 6px 12px!important;
    color: #FFF!important;
    border: 1px solid var(--color-primary)!important;
    font-size: 13px!important;
    font-weight: 600!important;
    margin-right: 5px;
}

.modal h2{
	font-size:27px;
	margin-bottom:0;
}

.modal h4{
	font-size:22px;
	font-weight:900!important;
}

.manage-number{
border: 1px solid #dee2e6;
    padding: 10px 20px;
    color: var(--color-primary);
    font-size: 19px;
    font-weight: 500;
    text-align: left;
}

.ntb-basket-remove{
color:#C92929;
	font-size:18px;
}

#new-contact-details-form input[type="tel"]{
	padding: 14px 25px!important;
}

#ntbStep3-login-details input[type="tel"],
#ntbStep3-login-details input[type="text"],
#ntbStep3-login-details input[type="email"]{
border: 1px solid #D9D9D9;
    padding: 10px 15px;
    border-radius: 10px;
    box-shadow: 0 0px 3px #ededed;
    font-size: 16px;
    font-weight: 400;
    color:#0a0a0a;
}

#ntbStep3-login-details select{
	font-size: 16px;
	padding: 10px;
    border-radius: 10px;
    border: 1px solid #d9d9d9;
    box-shadow: 0 0 3px #ededed;
    color:#0a0a0a;
}

#ntbPromoCodeInput{
border: 1px solid #d9d9d9;
    padding: 10px 15px;
border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    font-size:17px;
}

#ntbPromoCodeCurrentText{
	border-radius: var(--radius-sm);
}


#ntbPromoCodeCurrentText{
font-size:14px;
}

#ntbPromoCodeApplyBtn{
padding-left: 25px;
    padding-right: 25px;
}

#newCustomerFormFull label{
	color:var(--color-black)!important;
	font-size:15px;
}


#btnCancelNumberModal{
font-size: 15px;
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
    padding: 5px 15px;
}

#btnCancelNumberModal:hover{
	background:var(--color-secondary);
}


#btnNumberModalClose{
	font-size:20px;
}


.switch-number:after{
	display:none;
}

.trash-icon{
color: #C92929;
    font-size: 20px;
    font-weight: 500 !important;

}

.ntb-basket-remove{
	text-decoration:none;
    display: flex;
    align-items: center;
    justify-content: center;

    width: 32px;
    height: 32px;

    padding: 0;
}

.ntb-basket-remove:hover{
	background:var(--color-white);
}

.sub-head-icon{
            width:50px;
            height:50px;
            background:#ebe5fb;

}

.sub-head-info{
	font-size:22px;
	color:var(--color-black);
}


.geo-filter ul a{
font-size: 17px;
    font-weight: 600;
    color: var(--color-primary);
}

.geo-filter ul a:hover{
	color: var(--color-primary);
	background:var(--color-secondary);
}




/* TARIFFS */

.ntb-tariff-card{

}

.tariff-inner{
        border-radius:20px;
        background:white;

}

.tariff-title{
	font-size:22px;
	font-weight:800;
	color:var(--color-primary);
}

.tarifftypeselector button{
 border-radius:20px;
 border: 1px solid var(--color-primary);
 color:var(--color-primary);
 font-size: 16px;
    font-weight: 500;
}

.tarifftypeselector button:hover:not(.tarifftypeselector button.active){
	background:var(--color-secondary);
	 color:var(--color-primary);
	 border: 1px solid var(--color-primary);
}

.tarifftypeselector button.active{
	background:var(--color-primary);
	border: 1px solid var(--color-primary);
	    background-image: none !important;
    box-shadow: none !important;
}



.addon-btn {
    display: inline-block;
    cursor: pointer;
    transition: all 0.2s ease;
}

.addon-btn:hover {
    background: var(--color-secondary);
    color:var(--color-primary);
}

.form-check-input:disabled~.form-check-label:hover,
.form-check-input[disabled]~.form-check-label:hover{
	background:var(--color-primary)!important;
	color:white;
	cursor:default;
}

.form-check-input.mailchimp:disabled~.form-check-label.mailchimp:hover,
.form-check-input.mailchimp[disabled]~.form-check-label.mailchimp:hover{
	background:unset!important;
	color:unset;
	cursor:default;
}

.ntb-addon:disabled~.form-check-label:hover,
.ntb-addon[disabled]~.form-check-label:hover{
	background:#FFF!important;
}


.ntb-addon:checked{
	background:var(--color-primary);
	border:1px solid var(--color-primary);
}

.addon-checkbox:checked ~ .addon-btn {
    background: var(--color-yellow);
    color: var(--color-tamar-purple);
    border-color: var(--color-yellow);
}


.addon-tariff h2{
        font-size:22px;
        font-weight:800;
        color:var(--color-primary);
}

.addon-tariff .purple-icon{
	height:60px;
	width:60px;
}

.addon-tariff .purple-icon i{
	font-size:40px;
	font-weight:800;
}


.move-forward{
	background:var(--color-secondary);
}

.price:not(#ntbEditModal .price){
font-size: 41px;
    font-weight: 800;
    color: var(--color-tamar-purple);
}

#ntbEditModal label{
	color:var(--color-black);
	font-size:17px;
}

.addon-info{
font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.month{
font-size: 15px;
    font-weight: 500;
}

.pricing-table{
color: var(--color-tamar-purple);
    font-size: 16px;
    font-weight: 900;
}

.voucher{
	color:var(--color-primary);
	font-weight:800;
	border:1px dashed var(--color-primary);
	background:var(--color-secondary);
	border-radius:12px;
	font-size:15px;
}

#ntbStep3-summary-table table th,
#ntbStep3-summary-table table td{
	font-size:18px;
}

.purple,
.purple:active,
.purple:hover,
.purple:focus{
	color:var(--color-primary);
}



#ntbSummaryBody td{
	padding:10px 8px;
}


#btnNumberModalClose,
#btnNumberModalClose:hover,
#btnNumberModalClose:focus {
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293A1 1 0 0 1 .293 14.293L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 1em auto !important;
    opacity: 1 !important;
    box-shadow: none !important;
}

.numbers-in-basket{
background: #EBF8F0;
    padding: 10px 20px;
    border-radius: 20px;
    font-weight: 800;
    color: #226d1e;
    font-size: 15px;
}

#ntbPickerLoadingOverlay{
    background-color: rgba(113, 93, 198, 0.3);

}




.number-picker + .select2 .select2-selection {
    position: relative;
    padding-left: 40px;
}

.number-picker + .select2 .select2-selection::before {
    content: "\e30c";
    font-family: "Phosphor-Light";

    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);

    font-size: 20px;
    font-weight:800;
    color: #6f42c1;
}

.select2-container--default .select2-results__option--selected {
    background-color: #FFF!important;
}

.geo-filter .dropdown::after,
.geo-filter .number-picker + .select2 .select2-selection::after {
    content: "\e136";
    font-family: "Phosphor-Light";

    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);

    font-size: 20px;
    font-weight:800;
    color: #6f42c1;
}

.addon-tariff .month{
display:inline-block;
}

.select2-selection__arrow{
	margin:6px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
	background:var(--color-secondary)!important;
	color:var(--color-primary)!important;
}

.inline-icon{
    background: var(--color-secondary);
    padding: 10px;
    border-radius: 50%;
    margin-right: 10px;
    font-weight: 800!important;
    color: var(--color-primary);
}

.ntb-basket-remove i{
font-weight: 600 !important;
    font-size: 22px;
}

.number-check{
font-size: 27px;
    font-weight: 600!important;
	margin-right:10px;
}



.manage-number {
    display: flex;
    align-items: center;
}

.manage-number i {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.manage-number .number-display {
    display: flex;
    align-items: center;
    line-height: 1;
    margin-bottom: 0;
}



#ntbSeatLabels span{
	color:var(--color-primary);
}



#ntbSeatRange::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;

    background: var(--color-primary) !important;

    border: none;
}

#ntbEditSeats::-moz-range-thumb,
#ntbSeatRange::-moz-range-thumb {
    background: var(--color-primary) !important;
    border: none;
}

#ntbEditSeats::-ms-thumb,
#ntbSeatRange::-ms-thumb {
    background: var(--color-primary) !important;
    border: none;
}

.free-features-section {
    padding: 10px;
}

.free-feature-item {
    display: flex;
    gap: 18px;
    padding: 22px 24px;
    border-bottom: 1px solid #eeeaf8;
    min-height: 128px;
}

.free-feature-item i {
    font-size: 28px;
    color: var(--color-primary);
    line-height: 1;
    flex: 0 0 32px;
    margin-top: 4px;
}

.free-feature-item h6 {
    font-weight: 700;
    margin-bottom: 6px;
}

.free-feature-item p {
    margin: 0;
    color: #555;
    font-size: 15px;
    line-height: 1.45;
}

.included-note {
    display: flex;
    align-items: center;
    gap: 18px;
    background: #f3efff;
    border-radius: 12px;
    padding: 18px 22px;
    color: #4a4268;
}

.included-note i {
    font-size: 28px;
    color: var(--color-primary);
}

.included-note strong {
    color: var(--color-primary);
}

.trusted-note {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #4a4268;
    font-weight: 600;
    font-size: 14px;
}

.trusted-note i {
    color: var(--color-primary);
}



.trusted-note {
    display: flex;
    align-items: center;
    gap: 8px;
}




.addon-checkbox {
    display: none;
}

.addon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 100%;

    padding: 14px 20px;

    border-radius: 12px;

    background: var(--color-primary);
    color: #fff;

    font-weight: 600;
    text-align: center;

    cursor: pointer;

    transition: 0.2s ease;
}

.addon-button:hover {
    opacity: 0.92;
}

.addon-checkbox:checked + .addon-button {
    background: #198754;
    color: #fff;
}

#ntbMarketingOptIn:checked,
#ntbTermsCheck:checked {
    background-color: var(--color-primary);
    border-color:var(--color-primary);
}

.logged-in-status{
font-size: 24px;
    margin: 0;
    color: var(--color-primary);
}


.select2-container--default .select2-selection--single {
    border: 1px solid #d8d1e8;
    background: #fff;
    display: flex;
    align-items: center;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: normal;
    padding-left: 18px;
    padding-right: 40px;
    color: #6f42c1;
    font-size: 16px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 56px;
    right: 14px;
}

.select2-dropdown {
    border: 1px solid #d8d1e8;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(29, 18, 63, 0.16);
}

.select2-search--dropdown {
}

.select2-search--dropdown .select2-search__field {
    height: 48px;
    border: 1px solid #d8d1e8;
    border-radius: 12px;
    padding: 0 14px;
    font-size: 15px;
}

.select2-results__option {
    padding: 0;
}

.ntb-location-option {
    display: flex;
    align-items: center;
        gap: 15px;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 600;
    color: #20183a;
}

.ntb-location-icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #f0eafe;
    color: #6f42c1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.select2-results__option--highlighted .ntb-location-option {
    background: #f4efff;
    color: #5f35c8;
}

.ntb-selected-location {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ntb-selected-location i {
    color: #6f42c1;
    font-size: 19px;
}



/* ------------------------------- MEDIA QUERIES------------------------------ */


/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {

	.numbers-in-basket,
	.basket-warning{
		width:100%;
	}


#btnCancelNumberModal{
margin-left:0!important;
margin-top:15px!important;
}

.select2-container--open .select2-dropdown--below {
}

.legal{
    font-size: 17px;
    position: relative;
    top: -2px;
}

#ntbStep3 .card{
        border:0!important;
	box-shadow:none!important;
}

	.tooltips{
		right: -10px!important;
	}

    .w-md-auto {
        width: auto !important;
    }


	#ntbPromoCodeInput{
		border-radius:15px;
	}

	#ntbPromoCodeApplyBtn{
		border-radius:15px;
		margin-top:10px;
	}	

	.free-feature-item {
        padding: 18px 0;
        min-height: auto;
    }

    .included-note {
        align-items: flex-start;
    }

.modal{
	padding-right:0!important;
}

.final-img{
        width: 100% !important;
        margin-top: 0;
}

.selector{
        width:100%!important;
}


.card-success{
	border:0;
	background:none;
	box-shadow:none!important;
}

#basket h1 {
        font-size: 33px!important;
        font-weight: 900;
	width:80%;
	line-height:38px;
}


.change-number{
	padding: 10px 0!important;
}

.change-number:hover{
	background:#FFF!important;
}


    .pagnav {
        display: flex;
        gap: 10px;
    }


.pagnav a{
        width:50%;
	padding-left:0;
	padding-right:0;
}

.action-row a,
.pay-manually,
#ntbWizardAddonBackBtn,
#ntbWizardAddonSkipBtn,
.basket-numbers .manage-number,
.add-more-btn,
#ntbBackToDetails,
.add-more-numbers,
.btn-purple,
.dummy,
#btnContinueBasket,
#btnAddMore{
	width:100%!important;
}


#btnCancelNumberModal{
	float: left !important;
    margin-top: 20px;
}


.remember-you{
	display:none;
}

.basket-numbers ul{
	margin:0;
}


    .basket-table {
        min-width: 1000px;
    }

    .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }


    #ntbStep2-tariff-cards.d-none,
    #ntbStep2-tariff-switcher.d-none,
    #ntbStep2-footer.d-none {
        display: none !important;
    }

	#ntbEditModal .modal-footer button,
    	#ntbDeleteConfirmModal .modal-footer button,
	#ntbDeleteModal .modal-footer button{
		width:100%;
	}


}


/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {

.basket-warning{
	width:100%;
}

#ntbMarketingOptIn,
#ntbTermsCheck{
        transform: scale(1.5);
        margin-right: 25px;
        accent-color: purple;
    }


    .basket-table {
        min-width: 1300px;
    }


    .prev,.next{
        width:100%!important;
        margin-top:10px;
    }


}


/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {

	.tooltips{
		left:0;
	}

}