.h1 {
    font-size: 46px;
    font-weight: 400;
    line-height: 56px;
    color: #182745;
    padding-bottom: 20px;
}
.h2 {
    font-size: 33px;
    font-weight: 400;
    line-height: 40px;
    color: #182745;
    padding-bottom: 20px;
}

.h3 {
	font-size: 26px;
	font-weight: 400;
	line-height: 32px;	
	color: #182745;
	padding-bottom: 20px;
    padding-top: 20px;
}
.b1 {
    font-size: 20px;
    font-weight: 300;
    line-height: 26.94px;
    color: #182745;
}
.b1 > strong {font-weight: 400;}

.b2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  color: #182745;	
}

img.box-calculator-mortgage_inner-left_img {
	width:190px;
	height:auto;
}

.box-information box-information-pillbox {
	line-height: 27px;
    font-size: 22px;
    font-weight: 300;
    color: #182745;
    margin-left: 55px;
    list-style-type: disc;
}
.box-information.box-information-pillbox {
    background: #ffffff;
    box-shadow: 0px 1px 4px rgb(0 0 0 / 50%);
    border-radius: 5px;
}

.box-information {
    display: block;
    height: auto;
    width: auto;
    background: #DAEBF4;
    margin-top: 40px;
    margin-bottom: 40px;
}
.box-information_type{
    display: block;
    height: auto;
    width: auto;
    padding: 30px 15%;
    /*margin-top: 40px;*/
    margin-bottom: 40px;
}

.box-information-app{
	padding: 30px 20%;
}
.box-calculator-switching_lend{
  	border: #A7AFB5 1px solid;
    box-sizing: border-box;
    height: auto;
    /*margin-bottom: 30px;*/
    overflow: auto;
    padding: 30px;
    position: relative;
    width: 100%;
    margin-top: 30px;
    display: flex;
    align-items: center;
}
.box-calculator-remortgage_with-you{
  	border: #A7AFB5 1px solid;
    box-sizing: border-box;
    height: auto;
    margin-bottom: 30px;
    overflow: auto;
    padding: 15px;
    position: relative;
    width: 100%;
    margin-top: 30px;
  	/*padding: 30px;*/
	display: flex;
    align-items: flex-start;
    flex-direction: column;
    align-content: flex-start;
    flex-wrap: nowrap;
    justify-content: center;
}
.box-calculator-remortgage_with-you .ml15 {
	margin-left: 0;
}

.button-secondary-none-white, .button-secondary-left-white, .button-secondary-right-white {
    background-color: #ffffff;
    border: 4px solid #33508A;
    color: #33508A;
}
.button-secondary-none-white:focus {
    color: #ffffff;
    background-color: #33508A;
}
div.box-calculator-mortgage_inner-right > .h3, .box-calculator-borrowing_inner-right > .h3, .box-calculator-switching_inner-right >.h3 {
    margin-top: 0px;
    margin-left: 20px;
}
.button-primary-none-default, .button-primary-left-default, .button-primary-right-default, .button-primary-none-blue, .button-primary-left-blue, .button-primary-right-blue, .button-secondary-none-white, .button-secondary-left-white, .button-secondary-right-white {
    border-radius: 5px;
    display: inline-block;
    padding: 10px 30px;
    font-size: 22px;
    font-weight: 400;
    line-height: 26px;
    overflow: hidden;
    width: auto;
    text-decoration: none;
    box-shadow: 0 5px 5px rgb(0 0 0 / 18%);
}

a.button-secondary-none-white:focus {color: #fff;}

.divider-darkgrey {
    border: solid 1px #A7AFB5;
    color: #A7AFB5;
}
.divider-fullwidth {
    width: 100%;
}
.divider-fullwidth, .divider-medium, .divider-small {
    margin: 20px 0;
}
ul.css-accordion {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    box-sizing: border-box;
    box-shadow: 0px 2px 3px rgb(0 0 0 / 12%);
    border-radius: 4px;
    list-style: none;
    perspective: 900;
    padding: 0;
    margin: 0;
}

.css-accordion-item div:last-child {
    padding-top: 0px! important;
}

.box-2columns_box_divider{
	 padding: 0px 30px;
    border-left: 1px solid #A7AFB5;
}
.box-calculator-mortgage, .box-calculator-borrowing {
    border: #A7AFB5 1px solid;
    box-sizing: border-box;
    height: auto;
    margin-bottom: 30px;
    overflow: auto;
    padding: 15px;
    position: relative;
}
.box-calculator-mortgage, .box-calculator-borrowing, .box-calculator-switching {
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    border-radius: 10px;
    border: #A7AFB5 1px solid;
    box-sizing: border-box;
    height: auto;
    margin-bottom: 30px;
    overflow: auto;
    padding: 15px;
    position: relative;
    width: 100%;
    margin-top: 30px;
    display: flex;
    align-items: center;
}
.box-calculator-mortgage_inner-right, .box-calculator-borrowing_inner-right {
    display: block;
    float: left;
    width: 100%;
    padding-right: 20px;
}

.box-accordion-panel-mortgage_inner-right {
    display: block;
    float: right;
    width: 76%;
}

.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pb0 {padding-bottom:0px;}

.ml15 {margin-left: 15px;}

/*find appointment box id controls*/
.findAppointmentBox {padding: 10px;}

/*mortgage appointment panel code*/
div.box-calculator-switching_lend {margin-top: 0;}
div.box-calculator-switching_lend.box-calculator-switchonline2 {margin-top: 20px;}

#NewMortgage {margin-top: 16px;}

/*mortgage appointment panel - residential code*/
/*h3.propertyType {padding-top: 10px;} */

div.newMortgageResidentialPanel {padding: 0 9%;}
div.appointmentbox_10to8btn {
  margin-top: 0;
  padding: 30px 13%;
}

/*move mortgage panel one code*/

div.newMortgageInner {
  padding-top: 0;
}

div.moveMortgageInner {
  padding-top: 0;
  padding-bottom: 0;
}
div.moveMortgageInner > div.speakConsultant-middle {padding: 0;}
#moveMortgage > div.speakConsultant-middle > div.findAppointmentBox {padding: 30px 9% 0 9%;} 

/*move mortgage - residential*/
#moveMortgageResidential > .appointmentBookingPanelOuter {padding-top: 0;}
#moveMortgageResidential > .appointmentBookingPanelOuter > .b2 {/*padding-bottom: 10px;*/}

h3.h3-appointmentType {padding-top: 14px;}

/*move mortgage - btl*/
#moveMortgageBTL > .appointmentBookingPanelOuter {padding-top: 0;}
#moveMortgageBTL > .appointmentBookingPanelOuter > .b2 {padding-bottom: 10px;}

/*move mortgage elsewhere panel*/
/*#mortgageElsewhere > .appointmentBookingPanelOuter {padding: 0 13%;}*/
#mortgageElsewhere > .box-information_type {padding: 30px 13%}

/*move mortgage elsewhere panel - residential*/
#mortgageElsewhereResidential > .appointmentBookingPanelOuter {padding-top: 0;}
#mortgageElsewhereBTL > .appointmentBookingPanelOuter {padding-top: 0;}

/*existing customers - panel 1*/
#existingCustomerPanel > div.buttonbox {padding: 30px 13%;}

div.phonebox {padding: 30px;}
div.phonebox-left {float: left;}
div.phonebox-left > img {height: auto;}
div.phonebox-right {float: right;}

/*existing customers - residential*/
#existingCustomerResidential > .appointmentBookingPanelOuter {padding-top: 0;}
#existingCustomerResidential > div.buttonbox {padding: 30px 13%;}

#existingCustomerResidentialBtnYes {margin-bottom: 20px;}

/*existing customers - residential - yes*/
#existingCustomerResidentialYes > .appointmentBookingPanelOuter {padding-top: 0;}

/*existing customers - residential - no*/
#existingCustomerResidentialNo > .appointmentBookingPanelOuter {padding-top: 0;}
div.box-calculator-applyonline {padding: 30px 13%;}

/*existing customers - btl*/
#existingCustomerBTL > .appointmentBookingPanelOuter {padding-top: 0;}
#existingCustomerBTL > div.buttonbox {padding: 30px 13%;}
#existingCustomerBTLYesBtn {margin-bottom: 20px;}

/*existing customers - btl - yes*/
#existingCustomerBTLYes > .appointmentBookingPanelOuter {padding-top: 0;}

/*existing customers - btl - no*/
#existingCustomerBTLNo > .appointmentBookingPanelOuter {padding-top: 0;}

/*rearrangement of existing customer btl/resi no panel content*/
#existingCustomerResidentialNo  > .box-calculator-switching > .box-calculator-mortgage_inner-left,
#existingCustomerBTLNo > .box-calculator-switching > .box-calculator-mortgage_inner-left {width: auto;}

#existingCustomerResidentialNo > .box-calculator-switching > .box-calculator-mortgage_inner-right,
#existingCustomerBTLNo > .box-calculator-switching > .box-calculator-mortgage_inner-right {
  width: 120px;
  float: none;
}

.previousPanel:focus {outline: 4px solid black;}

@media screen and (min-width: 700px) and (max-width: 1024px){
  .h1 {
		font-size: 40px;
		font-weight: 400;
		line-height: 49px;
		padding-bottom: 20px;
	}
    .h2 {
		font-size: 30px;
		font-weight: 400;
		line-height: 37px;
	}
    .h3 {
		font-size: 24px;
		font-weight: 400;
		line-height: 29px;
	}
  
	.box-2columns_box_img {
	    position: absolute;
	}
  .b1 {
		font-size: 20px;
		font-weight: 300;
		line-height: 22px;
	}
  	.b2 {
      font-size: 20px;
      font-weight: 400;
      line-height: 22px;
    }
   /*.mb-pdb{padding-bottom:20px!important;}*/
  
  .button-secondary-none-white, .button_yellow {
    font-size: 20px;
    line-height: 24px;
  }
  
  	/*move mortgage panel*/
  	div.moveMortgageInner {padding: 0;}
  
  	div.moveMortgageInner > div.speakConsultant-middle {
    	margin-left: 0;
      	margin-right: 0;
      	width: auto;
    }
  	div.findAppointmentBox {padding: 30px 9% 0 9%;}
  
  	/*move mortgage elsewhere panel*/
    #mortgageElsewhere > .appointmentBookingPanelOuter {padding: 0 9%;}
    #mortgageElsewhere > .box-information_type {padding: 30px 9%}
    
    /*existing customers panel1*/
    #existingCustomerPanel > .appointmentBookingPanelOuter {padding-top: 0;}
    #existingCustomerPanel > div.phonebox {margin-bottom: 0;}
    #existingCustomerPanel > div.buttonbox {margin-top: 0;}
    
    /*existing customers - residential*/
    #existingCustomerResidential > .appointmentBookingPanelOuter {padding-top: 0;}
    #existingCustomerResidential > div.phonebox {margin-bottom: 0;}
    #existingCustomerResidential > div.buttonbox {margin-top: 0;}
    
    /*existing customers - residential - yes*/
    #existingCustomerResidentialYes > .appointmentBookingPanelOuter {padding-top: 0;}
    
    /*existing customers - residential - no*/
	#existingCustomerResidentialNo > .appointmentBookingPanelOuter {padding-top: 0;}
	div.box-calculator-applyonline {padding: 30px 9%;}
  
  	/*existing customers - btl*/
	#existingCustomerBTL > .appointmentBookingPanelOuter {padding-top: 0;}
	#existingCustomerBTL > div.buttonbox {margin-bottom: 0;}
    
    /*existing customers - btl - yes*/
    #existingCustomerBTLYes > .appointmentBookingPanelOuter {padding-top: 0;}
    
    /*existing customers - btl - no*/
	#existingCustomerBTLNo > .appointmentBookingPanelOuter {padding-top: 0;}
    
}

@media screen and (max-width: 700px){
  	.h1 {
		font-size: 30px;
		font-weight: 400;
		line-height: 37px;
		padding-bottom: 20px;
	}
  .h2 {
		font-size: 24px;
		font-weight: 400;
		line-height: 29px;
	}
    .h3 {
		font-size: 20px;
		font-weight: 400;
		line-height: 25px;
        margin-right: 20px;	
	}
  .b1 {
		font-size: 16px;
		font-weight: 300;
		line-height: 20px;
	}	
  
    .b2 {
			font-size: 16px;
			font-weight: 400;
			line-height: 20px;	
		}
    
    img.box-calculator-mortgage_inner-left_img {
        display:none;
    }

 
  /*.mb-pdb{padding-bottom:20px!important;} */
    
  .button-secondary-none-white, .button_yellow {
    font-size: 16px;
    line-height: 20px;
  }
  
   .box-information_type{
    padding: 30px 15px;
}
  
  .speakConsultant-middle ul li {margin-left:27px;}
  
  	/*find appointment box*/
  	div.findAppointmentBox {margin-bottom: 0;}
  	
  	/*appointment 4 button panel code*/
  	#appointmentTypePanel {
    	margin-top: 0;
      	padding: 30px 15px;
  	}
    #remortgageElsewhere {margin-bottom: 0;}
    
    /*mortgage appointment panel code*/
    .appointmentBookingPanelInner {padding: 20px 20px;}

	/*mortgage appointment panel - residential code*/
	div.appointmentbox_10to8btn {padding: 30px 10px;}

	/*move mortgage panel*/
  	div.findAppointmentBox {padding: 10px;}

	/*move mortgage elsewhere panel*/
    /*#mortgageElsewhere > .appointmentBookingPanelOuter {padding: 0;}*/
    #mortgageElsewhere > .box-information_type {padding: 10px;}
    #existingCustomerPanel > div.buttonbox {padding: 30px 5%;}
    
    /*existing customers panel1*/
    div.phonebox {margin-bottom: 0;}
    div.buttonbox {margin-top: 0;}
    
    /*existing customers - residential - no*/
	div.box-calculator-applyonline {
      padding: 10px;
      margin-top: 0;
    }
}

/*arrow handling amends*/

@media screen and (min-width: 719px) and (max-width: 1217px){
	.arrowblock_ol_li {
		margin: 0 0 0.005rem 0;
		padding-bottom: 1px;
	}
}
@media screen and (max-width: 719px){.arrowblock_ol_li {margin: 0 0 0.2rem 0;}}

@media screen and (min-width: 375px) and (max-width: 470px){
  /*mortgage appointment panel buttons*/
  .box-information_type > div:nth-child(2) > a:nth-child(1),
  .box-information_type > div:nth-child(2) > a:nth-child(2) {padding: 10px 60px;} 
}

div.box-calculator-switchonline > div.box-calculator-mortgage_inner-left > img.box-calculator-mortgage_inner-left_img,
div.box-calculator-switchonline > div.box-calculator-mortgage_inner-left > img.box-calculator-borrowing_inner-left_img,
div.box-calculator-switchonline > div.box-calculator-mortgage_inner-left > img.box-calculator-switching_inner-left_img {
    width: 55px;
    height: auto;
}

@media screen and (max-width: 500px){
	div.box-calculator-switching_lend {
        padding: 10px;
  		display: block;
    }
  	.box-calculator-mortgage_inner-right {
      float: none;
      display: block;
      width: 100%;
      padding-left: 0;
    }
  	.box-calculator-mortgage_inner-right > .b1 {margin-right: 0;}
  	.box-calculator-mortgage_inner-left {
      float: none;
      display: block;
      width: 100%;
      /*padding-top: 10px;*/
    }
  
  .box-calculator-mortgage_inner-right, .box-calculator-borrowing_inner-right {
  	padding-right: 0;
  }
}

@media screen and (max-width: 470px){
  #existingCustomerBTLYesBtn, #existingCustomerBTLNoBtn {
  	padding: 15px 0;
	width: 100%;
  }
}

@media screen and (max-width: 410px){
	#existingCustomerResidentialBtnYes, #existingCustomerResidentialBtnNo {width: 100%;}
}
 
@media screen and (max-width: 405px){
  	/*mortgage appointment panel - residential & btl code button*/
	div.appointmentbox_10to8btn > .button_yellow.view-time-slots {
      width: 100%;
      padding: 15px 0px;
    }
}
 
@media screen and (max-width: 375px){
	#applyForNewMortgage, #moveMortgageToDifferentProperty {width: 100%;}  
}

@media screen and (max-width: 330px){#applyForNewMortgage.elsewhere {padding: 15px 21px;}}