.plus-premium-1,.plus-premium-2{
	display:none !important;
}
.t-price::before{
	content:"£";
}

.promo .t-fix{
	width:100%;
} 

.promo{
	padding:20px!important;
}

#freeFeatures .modal-content{
	border:0;
	border-radius:40px;
	background:#f5efe4;
}

.free-tabs button{
	background:#FFF!important;
	text-align:left;
	color:#382e62;
}	

.free-tabs button.active{
	border:0;
	border-radius:20px;
	background:#f1f1f1!Important;
	color:#382e62!important;
}

#freeFeatures .tab-pane.active{
	background:#FFF!important;
	border:0;
}

.tcs,
.tcs a,
.voucher,
.skip,
#free-modal{
color:#677fd3!important;
}

.unselected:not(.promo .unselected){
	border: 3px solid #e3e3e3;
}

.breakdown{
	font-size:17px;
}

.tp-basket{
    width: 50%;
    position: relative;
    top: -35px;
    left: 25%;
}

.please-select:focus{
	color:#FFF;
}

.disabled{
    border: 0!Important;
    color: #005e33 !important;
    font-weight: 500!important;
	background:#FFF!important;
}

.customer{
	border-bottom-left-radius:40px;
}


.form-floating>.form-control,
.form-floating>.form-control-plaintext {
  padding: 0rem 0.75rem;
	font-size:17px;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
  height: calc(2.5rem + 10px);
  line-height: 1;
}

.form-floating>label {
  padding: 0.8rem 0.75rem;
}



.your-numbers{
	border-bottom-right-radius:40px;
}

#basket{
background:#f5efe4!important;
}

.new-account,
.existing-account{
	display:block;
	padding:15px 20px;
	border-radius:40px;
}

.new-customer select,
.new-customer input{
	border-radius:15px;
}

.new-customer select{
	padding:15px;
}

#login input{
	border-radius:40px!important;
}

.customer-active{

background: #dcd8f5;

border-radius:40px;
}


#myModal{
 color:#382e62;
}

#myModal .modal-header{
 border:0;
}

.add-to-basket{
    font-size: 16px;
    padding: 12px 28px;
}

.cancel-button{
	background:#FFF;
	border:0;
    font-size: 16px;
    padding: 12px 28px;
    color:#382e62;
}

.cancel-button:hover{
	background:#FFF;
	color:red;
}

#myModal .error{
font-size: 17px;
    margin-bottom: 25px;
}

#myModal .number-label{
 font-weight:600!important;
}

#myModal .modal-content{
border-radius: 20px;
    border: 0;
}

.rebuild{
	    padding: 10px 30px;
	color:#FFF;
	background:#382e62;
}

.rebuild,
#myModal button,
.divert-to,
#step3b .select2-selection,
.purchase{
	border-radius:40px!important;
}

.purchase{
    border: 3px solid #e3e3e3;
}

.select2-selection{
    border: 1px solid #ced4da!important;
}

.select2-selection__rendered{
	text-align:left!important;
}

.purple{
	color:#382e62!Important;
}


#select-number-label{
color: #382e62;
    font-size: 24px;
    font-weight: 500;
}

.connect-payment{
    padding: 40px;
    color: #2a2a2a;
}

.number-label{
    background: #ffdc76;
    color: #382e62;
    padding: 5px 15px;
    border-radius: 17px;
}

.select-number-label{
color: #382e62;
    font-size: 22px;
}

#numbers a{
padding: 12px 30px !important;
    background: #ffffff !important;
    color: #382e62;
    font-size: 19px;
    text-align: left;
    font-weight: 600;
    font-family: manrope;
    border: 1px solid #b2afbf !important;
    border: 1px solid #FFF !important;
    
}

.add-number span{
	font-weight:500;
}

#numbers a:hover{
	border:1px solid #d7cfbf  !important;
	color:#382e62;
}

.memorable-types a,
#numbers a:hover{
	cursor:pointer;
}

#numbers a span{
	float:right;
}

.btn-lg{
padding: 13px;
    font-size: 17px;
    font-weight: 700;
}

.picker-menu .select2-selection{
	padding:25px;
}

.picker-menu .select2-selection__rendered{
	    top: -13px;
    position: relative;
	color:#382e62!important;
}

.picker-menu .select2{
	width:100%!Important;
}

.select2-search__field{
	border:1px solid #382e62;
}

.select2-results{
	color:#382e62;
}

.select2-selection__arrow{
	top: 13px!important;
    right: 15px!important;
}

.select2-dropdown{
	top:0!Important;
	border-radius:20px;
	padding-bottom:15px;
}

.select2-search__field{
	    border-radius: 20px;
    text-indent: 10px;
	margin-bottom:15px;
}

	.select2-container--open .select2-dropdown--below{
		border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    padding-top: 8px;
    border-top: 1px solid gray;
    top: 10px !important;
	}

	.pagnav .btn{
		color:#FFF;
border-radius: 50px;
    background: #382e62;
    border: 0;
    padding: 10px 20px;
    width: auto;
    font-size: 16px;
	}

	.pagnav .btn:hover{
		background: #6a64af!important;
		color: #fff;

	}

	.remove:hover{
		cursor:pointer;
	}

	.number-confirm{
background: #ffdc76;
    padding: 30px 120px;
    font-size: 30px;
    color: #382e62;
    font-weight: 600;
    width: fit-content;
    margin: 0 auto;
    border-radius: 40px;
	}

.connect-data{
    height: 35vh;
    overflow-y: scroll;
	max-height:350px;
}

	.number-info li{
		background:#f1f1f1;
		font-size:16px;
		padding:8px;
	}

#companiesHouse .modal-header{
background:#dcd8f5;
}

#companiesHouse .btn-purple{
	background-color:#382e62!important;
	color:#FFF!Important;
}

.ch-results tr:hover{
	background:#f1f1f1;
}

.number-info{
background: #f1f1f1;
    border-radius: 10px;
    margin-top: -35px;
    padding-top: 45px !important;
}

.ch-results tr{
	border-top:1px solid #f2f2f2!important;
}

.terms{
	width:20px;
	height:20px;
	color:#382e62;
}

#freeFeatures .card{
    background: #FFF !important;
    color: #382e62 !important;
    border: 0;
}

#freeFeatures .card h2{
	font-size:30px;
}

#freeFeatures .card .lead{
	font-size:18px;
}

.connect-number,
.ordernow{
    background: #382e62 !important;
    border-radius: 40px;
    font-size: 17px !important;
    border:0;
    padding: 10px 25px;
}

.btn-purple{
	background:#382e62;
	border:0;
	color:#FFF;
}

.btn-purple:hover{
	background:#4f4289;
	color:#FFF;
}

.free-feature-list a {
    background: #e9ecef !important;
    padding: 15px;
    border-radius: 20px;
    display: inline-block;
    margin: 0 5px;
    border: 2px solid #ffffff;
    box-shadow: 0 0 6px 0px #ffffff;
}

.tcs{
	font-size:16px;
	font-weight:500;
}

.promo-price{
	font-size:27px;
	color:#382e62;
	font-weight:900;
}

.promo-price b{
	font-size:42px;
	color:#382e62;
	font-weight:800;
}

.city{
    border-radius: 10px;
    height: fit-content;
    padding: 6px;
	display:block;
}

.city:hover{
	background:#fffaf1;
}

.enter-manually{
	font-weight:600;
}

.enter-manually:hover{
	cursor:pointer;
}

.please-select{
color: #FFF;
    font-weight: 400;
    background: #382e62;
    padding: 10px 30px;
    border-radius:40px;
}

.company-type,
.salutation{
	padding:19px;
	font-size:16px;
}

.postcode-select .select2-selection{
padding: 15px 10px 40px 10px;
}

.city:hover{
	cursor:pointer;
}

.city-name{
    margin-left: 19px;
    color: #382e62;
	font-weight:500!important;
}

.city-img{
display: block;
    float: left;
    width: 100%;
    border-radius: 20px;
	overflow:hidden;
	padding:7px;
}

.city-img img{
	border-radius:10px;
	opacity:0.8;
}

.loader {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  display: inline-block;
  border-top: 4px solid #FFF;
  border-right: 4px solid transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.loader::after {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border-left: 4px solid #382e62;
  border-bottom: 4px solid transparent;
  animation: rotation 0.5s linear infinite reverse;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 


.extras i{
color: #2bb94b;
    font-weight: 900;
    font-size: 19px;
}

.extras li{
color:#373737;
	padding-bottom:3px;
}

.dropdown button{
	border-radius:40px;
}

.select2-selection{
	border-radius:15px!important;
}

.numbers-div{
    background: #f3ede1;
	border-radius:20px;
}

	.add-number{
		    background: #494291;
    border-radius: 40px;
	}

	.addon-product .h3{
color: #382e62;
    font-size: 33px;
		margin-top:10px;
	}

	.tariff_type{
    font-size: 25px;
    font-weight: 500 !important;
    color: #382e62;
	}
	
	.tariff ul{
		font-size:17px;
	}

	.t-price{
font-size: 37px;
    font-weight: 700;
    color: #382e62;
	}

	.months{
	font-size: 18px;
    display: block;
    color: #3a3a3a;
    font-weight: 600!Important;
    margin-top: 8px;
	}

	.band-head{
		text-align:center;
	}

	.icon .phl{
		font-size:100px;
		color:#382e62;
	}

	.customer-active{
		font-weight:600;
	}

	.btn-outline-primary:hover{
		background:#382e62;
		border:2px solid #382e62;	
	}

	.promo{
background: #ffdc76;
    border-radius: 40px;
    position: relative;
    top: -155px;
	padding:20px 0 25px 0;
	height:fit-content;
	}

	#step1 .mob-div:not(.promo),
	#step3 .addons{
	    border: 3px solid #e3e3e3;
	}

	#step1 .promo .mob-div{
		margin-top:35px!important;
	}


	.plan-padding{
		height:fit-content;
	}

	.choose-tariff{
		margin-top:195px;
	}

	.addon-active:not(.addon-active.disabled),
	.tariff-plan .active{
		background: #382e62!important;
    color: #FFF!important;
    border: 2px solid #677fd3;
	}


	#inbound,
	#outbound,
	.select-tariff label{
		padding: 11px;
		border-radius: 40px;
		border: 2px solid #382e62;
		color: #382e62;
		background: #FFF;
	}

	.customer-select{
    text-align: center;
    border-radius: 20px;
	}

	.number-lg{
		font-size:22px;
	}

	.customer-select a{
		color:#382e62;
	}

	.number-item h4{
background: #382e62;
    color: #FFF;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    text-indent: 5px;
    position: relative;
	}

	.form-control{
		    border: 1px solid #ced4da!important;
	}

	.loadingorder,
	.existing-customer,
	.number-body-error,
	.loading{
		display:none;
	}

	#choose{
		background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	}

	#step0 h4,
	#step1 h4,
	#step2 h4,
	#step3 h4,
	#step3b h4{
		color: #382e62!important;
		font-size: 37px;
	}

	#step0 span,
	#step1 span,
	#step2 span,
	#step3 span,
	#step3b span:not(.picker-menu span){
		font-weight:900!important;
	}

	.tariff-plan span{
		color:#382e62;
	}

	.step-title{
		color:#382e62;
		margin:20px 0 50px 0;
	}

	.voucher-select,
	.addons,
	.tariff-plan,
	.tariff-container .plan-padding{
		border-radius: 20px;
		border:0;
	}

	.your-numbers{
		border-top-right-radius:40px;
	}

	.customer{
		border-top-left-radius:40px;
	}


	.breakdown{
		    border-top: 1px solid #ebebeb;
	}

	.tariff-plan li{
		font-size:16px;
	}

	.customer label{
		font-weight:300;
		font-size:17px;
	}

	#free-modal:hover{
		cursor:pointer;
	}


        .connect-payment b{
                top:25px!important;
        }



.selected{
        border:3px solid #382e62!important;
}



@media (max-width: 767px) {
    .choose-tariff .promo .mob-div{
		margin: 0px !important;
    }
}
	@media (max-width: 991px) {

		.inner{
		}

		.mobile-width-tariffs,
		.promo{
			width:100%;
		}

		.promo{
    top: 35px;
    margin-bottom: 65px;
		}

		#step2 .service-scroll{
		}

		.choose-tariff{
			width:100%;
		}

		

	}

	@media (max-width: 767px) {

	.inner{
	}

	#step1 .mob-div{
		max-width:unset!important;
		width:100%!important;
	}

	.your-numbers{
		border-bottom-left-radius:40px;
	}

	.choose-tariff{
		display:contents;
	}

	.customer{
		border-bottom-left-radius:0;
	}

	#login .btn,
	#login,
	.new-account,
	.existing-account{
		width:100%!important;
	}


	.promo{
		margin-top:35px;
		position:initial;
	}



	.service-scroll{
		width: 100vw;
		overflow: scroll;
	}

	.mob-div{
		width:80vw!important;
		min-width:250px;
		max-width:400px;
	}

	.promo .mob-div{
		width: 100% !important;
	}

	.choose-tariff .mob-div,
	.promo{
	}

	.customer{
		border-top-right-radius:40px!important;	
	}

	.your-numbers{
		border-top-right-radius:0;
	}

	.mobile-width{
		width: 900px;
		justify-content: start !important;
	}

        .mobile-width-tariffs{
		margin-top:0;
        }

	.mobile-switch .btn-switch:first-child{
		background:#8b94ff;
		color:#FFF;
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
	}

        .mobile-switch .btn-switch:last-child{
                background:#8b94ff;
                color:#FFF;
                border-top-right-radius: 20px;
                border-bottom-right-radius: 20px;
        }

	.switch-active{
		background:#47469b!important;
	}
}


.tooltip-icon {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-left: 8px;
	float: right;
}

.tooltip-icon .tooltip-text {
    visibility: hidden;
    width: 220px;
    background-color: #382E62;
    color: #fff;
    text-align: left;
    padding: 8px;
    border-radius: 6px;
    position: absolute;
    z-index: 10;
    bottom: 125%; /* position above icon */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 13px;
}

.tooltip-icon .tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%; /* arrow below tooltip */
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: #382E62 transparent transparent transparent;
}

.tooltip-icon:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}