
body{font-family:'Manrope',sans-serif;background-color: #231f20;}
.main-care-plan{width:100%;margin:auto;position: relative;padding: 100px 0;}
.cp-page{display:none;width:100%;margin:auto;}
.cp-page-step{width:100%;text-align:center;margin:auto;}
.plan-wrapper.plan-wrapper-step2 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.cp-step-box{width:25%;    background: #403f42;display:flex;flex-direction: column;padding:10px 10px 20px;vertical-align:top;text-align:center;border-radius:10px;margin:20px;}
.cp-step-box-type{width:250px;background-color: #403f42; display:inline-block;padding:10px;vertical-align:top;text-align:center;border-radius:10px;margin:20px;height:100%;}
.cp-step-box-title{font-size:14pt;color:#888888;padding:10px 0;text-transform: uppercase;letter-spacing: 2px;}
.cp-step-box-icon{margin-bottom:40px;height:140px;}
.cp-step-box-price{margin-top:0px;margin-bottom:50px; color:#888888; text-transform: uppercase;}
.cp-step-box-price p{color: #ff6a6d;}
.cp-step-box-price-extra{margin-top:30px;margin-bottom:55px;color:  #ff6a6d;}
.cp-step-box-text{    font-size: 18px;
    letter-spacing: 3px;}
.cp-font-brand-color{color:#fff;}
.cp-back-button:hover{
	background-image: linear-gradient(9deg, #eb1c24, #ff6a6e);
}
.cp-back-button{font-size:24pt;font-weight:900;color:#fff;cursor:pointer;border-radius: 4px; background-image: linear-gradient(9deg, #194d72, #1babec);border: 0 solid;}
.cp-step2-box-price{width:auto;background-color:#231f20;padding:10px;margin:10px;color:#ff6a6d;border-radius:5px;}
.cp-step2-box-include-box{text-align:left;flex-grow: 1;}
.cp-step2-box-include{color:#888888;margin:30px;padding:0;line-height:1.5;list-style-image: url('../images/tick.svg');vertical-align:top;}
.cp-results{border:2px solid lightgray;border-collapse:collapse;width:500px;margin:auto;text-align:left}
.cp-results td:nth-child(3){text-align:right;}
.cp-results tr,th, td{border:1px solid lightgray;padding:8px;font-size:15px;color: #888888;}
.cp-step2-box-title{margin:20px auto 90px auto;font-size:14pt;color:#888888;}
.cp-step3-box-icon{margin-top:20px;height:170px;}
.cp-pr{display:inline-flex;}
.cp-p{width:100px;height:20px;background-color:white;display:inline-block;padding:0;margin:0;border:1px solid lightgray;}
.cp-f{width:100px;height:20px;background-color:#3eb099;display:inline-block;padding:0;margin:0;border:1px solid lightgray;}
.cp-step7-form{width:500px;margin:0 auto;text-align:left;color: #8888;}
.cp-step7-label{margin:20px 0 7.5px 0;padding:0;font-size:15px;line-height:22px;letter-spacing:0;font-weight:400;color:#888888;}
.cp-step7-field{width:calc(100% - 13px);margin:0 auto;height:40px;font-size:14pt;border:1.5px solid lightgray;border-radius:10px;padding:5px;}
.cp-step7-button{width:100%;}
.cp-button{text-transform: uppercase;margin:auto;width:220px;padding:10px;text-align:center;background-image: linear-gradient(357deg, #c4050c, #ff696c);color:white;border-radius:10px;cursor:pointer;font-weight:300;border:none;font-size:18px;}
.cp-wide{width:400px; margin: auto;text-align: center; display: block;}
.cp-toggle-left{width:50px;height:30px;border:1px solid lightgray;border-radius:10px 0 0 10px;background-color:white;color:var(--main-color-brand);margin:0}
.cp-toggle-right{width:50px;height:30px;border:1px solid lightgray;border-radius:0 10px 10px 0;background-color:var(--main-color-brand);color:white;margin:0;}
.cp-table-header{background-color:#403f42;color:white;}
.cp-step-box-icon img{width: 100px;padding-top: 30px;margin: auto;    height: 90%;
    object-fit: contain;}
.header {
    width: 100%;
    margin: 0;
    padding: 10px 0;
    background: #fff;
}
.header-left img{width: 200px;max-width: 100%;}
.wrapper {
    width: 1400px;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
    flex-wrap: wrap;
}
.header-mid {
    width: 45%;
    text-align: end;
    color: #595b5c;
    font-size: 18px;
    max-width: 100%;
    font-weight: 600;
    padding-right: 30px;
    text-transform: uppercase;
}
.header-left {
    padding-left: 30px;
}
.header-mid p {
    margin: 0;
}
.header-mid h3 {
    margin: 0;
}
.header-mid a {
    color: #9cc43d;
    text-decoration: none;
    font-size: 25px;
}
.header-right {
    max-width: 45%;
    width: 480px;
    text-align: center;
    background-image: linear-gradient(359deg, #19496e, #1baaeb);
    padding: 0px;
    border-radius: 20px;
    color: #fff;
    font-family: 'Manrope',sans-serif;
    font-weight: 200 !important;
    text-transform: uppercase;
    line-height: 1.8;
    letter-spacing: 2px;
    margin-left: 30px;
}
.steps_box_1 {
    position: relative;
}
.bg_image {
    position: absolute;
    right: 0;
    top: -10%;
    z-index: -1;
}
/*.bg_image img {
    width: 550px;
}*/
.boiler_imgae {
    position: absolute;
    left: 20px;
    bottom: 0;
}
.boiler_imgae img {
    width: 300px;
}
.ds-logo-image {
    position: absolute;
    right: 0;
    bottom: 20px;
    width: 400px;
     display: flex;
    align-items: center;
    justify-content: end;
}
.ds-logo-image img {
    width: 100px;
       padding-right: 18px;
    position: relative;
    /*top: 48px;*/
}
.terms {
    position: absolute;
    right: 39%;	
    bottom: 20px;
    width: 400px;
     display: flex;
    align-items: center;
    justify-content:center;
	z-index:999;
}
.terms a{color:#FFF; text-decoration: none;}
#div_block-57-8 {
    background-color: #000;
    color: #ffffff;
    padding-top: 20px;
    padding-bottom: 30px;
}
#div_block-57-8 .footer-logo{
	text-align: center;
	margin-bottom: 20px;
	border-bottom: 1px solid #f24d4d;
	border-right: 0;
	border-left: 0;
	padding: 10px;
}
.inner-content {
    max-width: 1366px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#text_block-61-8 {
    font-size: 12px;
    line-height: 1.8;
}
#div_block-60-8 p{text-align: center;padding-top: 20px;}
#cp-step4 .cp-step-box {
   width: 20%;
}
@media (max-width: 1024px) {
    .boiler_imgae img {
        width: 200px;
    }
}
@media only screen and (max-width: 991px) {
    .boiler_imgae {
        display: none;
    }
}
@media (max-width: 767px){
    .cp-step-box {
        width: 100%;
    }
    #cp-step4 .cp-step-box {
    width: auto;
}
.header-mid {
        width: 100%;
}
    .header-right {
        max-width: 100%;
        width: 100%;
        line-height: normal;
        font-size: 11px;
        margin: 0 10px;
    }
    .main-care-plan {
        padding-top: 20px;
    }
}