.page-banner{ border-radius: 8px; overflow: hidden}
.opt h1{ margin: 25px}
.opt h3{ text-align: center; margin: 20px 0 10px 0;}
.opt-center{ text-align: center; font-size: 16px;}

.opt-blocks{margin-top: 30px; margin-bottom: 40px }

.opt-block{ background: #EDF5F9; padding: 15px; }
.opt-block:before{ content: ""; display:block; position: absolute; width: 16px; height: 16px; left: 0; top:-16px; background: #00A7E1 }
.opt-block:first-child{margin-bottom: 30px}

.opt-block ul{ margin: 0 0 0 20px; padding: 0}
.opt-block ul li{ list-style: none; position: relative; margin: 0 0 10px 0; padding: 0 0 0 10px  }
.opt-block ul li:before{  content: ""; display:block; position: absolute; width: 14px; height: 18px; left: -14px; top:0px; background-repeat: no-repeat;
    background-position: center; background-size: contain;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTYnIGhlaWdodD0nMTEnIHZpZXdCb3g9JzAgMCAxNiAxMScgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTUuMDQ4MSAwTDUuNTUxODQgOC44NDE4MUwwLjk4NzgwOSA0LjU5MjNMMC4yNTE0NjUgNS4yNzc5TDUuNTUxODQgMTAuMjEzMUwxNS43ODQ1IDAuNjg1NjAyTDE1LjA0ODEgMFonIGZpbGw9JyMwMEE3RTEnLz48L3N2Zz4K");  }

.opt-items{margin-top: 20px; margin-bottom: 40px}
.opt-item{background: #EDF5F9; padding: 15px; margin-bottom: 15px}
.opt-item:before{ content: ""; display:block; position: absolute; width: 3px; height: 100%; left: 0; top:0px; background: #00A7E1 }

.sale-items{ max-width: 400px; margin: auto; margin-top: 20px; margin-bottom: 40px}

.sale-item{display: flex; margin-bottom: 20px;}
.sale-item > div{flex-basis: 50%; display: flex; align-items: center; justify-content: center; padding: 10px; flex-direction: column }
.sale-item > div >span{ display: block; font-weight: 900; font-size: 22px;}
.sale-item > div > span > span{ font-size: 18px;font-weight: 600;}
.sale-item > div:first-child{ border-radius: 30px 0 0 0; background: #EDF5F9}
.sale-item > div:last-child{ border-radius: 0 0  30px 0; background: #EB8987}
.sale-item > div > p{ text-align: center; color: #fff; line-height: 1.2}
.sale-item > div > p >span{ display: block; font-weight: 900; font-size: 22px;}

 ::placeholder{ color: #fff; font-weight: 100}
 ::-webkit-input-placeholder{ color: #fff; font-weight: 100}
.form-opt{ border-radius: 8px; overflow: hidden}
.form-opt-desc { background: #0D90BE; padding: 30px; text-align: center; color: #fff}
.form-opt-form { background: #00A7E1; padding: 30px; text-align: center; color: #fff}
.form-opt-phone{ background-image: url(../../images/sprite-icons.svg#phone-icon-w);background-repeat: no-repeat;background-position: left -2px;background-size: 20px;
font-size: 26px; font-weight: 900; padding-left: 30px}
.form-opt-form .form-wrapper > p{ font-weight: 300; font-size: 22px; margin: 20px}
.form-opt-form .form-item-input input{background: none; box-shadow: none; text-align: left; color: #fff; border-bottom:1px solid rgb(255 255 255 / 43%); border-radius: 0; padding: 7px 0 ;}
.form-opt-form  .form-item-input{ margin-bottom: 20px;}
.form-opt-form .submit{ margin-top: 30px; }
.form-opt-form .button{ background: #fff; width: 180px; color: #000; margin: auto }
.form-opt-form .form-wrapper {max-width: 350px;  margin: auto;}

@media only screen and (min-width: 768px){
    .opt h1{ margin-top: 40px}
    .opt h3{ font-size: 22px;  margin: 30px 0 10px 0;}

    .opt-center{ font-size: 18px; margin: auto; margin-bottom: 40px; max-width: 800px}


    .opt-blocks{ display: flex; justify-content: space-between;}
    .opt-block{ width: calc(50% - 15px); box-sizing: border-box; font-size: 16px;}
    .opt-block:first-child{margin-bottom: 0}

    .opt-items{ display: flex; justify-content: space-between;}
    .opt-item{ width: calc(20% - 10px); box-sizing: border-box; display: flex; align-items: center; text-align: center}

    .form-opt{display: flex;}
    .form-opt > div{ flex-basis: 50%; display: flex; flex-direction: column; justify-content: flex-start; padding: 30px 20px; text-align: left; }
    .form-opt-form .form-wrapper > p{  margin:  10px 0 15px 0;}
    .form-opt-form .form-wrapper {max-width: 420px}

}

@media only screen and (min-width: 1024px) {
    .opt-center{ text-align: center; font-size: 18px;}
    .opt-block{padding: 35px;}
    .opt-block{ width: calc(50% - 20px);}

    .opt-item{ width: calc(20% - 20px); font-size: 16px;}
    .sale-items{display: flex; max-width: none; justify-content: space-between}
    .sale-item{width: calc(33.333% - 20px);}

    .form-opt{ margin: 30px 0}
    .form-opt > div{  padding: 30px 60px;   }
    .form-opt-desc h2{ font-size: 32px; margin-bottom: 30px}
    .form-opt-desc p{ margin-bottom: 20px}
    .form-opt-form .button{ margin: 0}

    }