:root {
    --darkblue: #2e66a6;
    --bluelight: #01335d;
    --white:#FFFFFF
}
.hero-banner{
    padding: 6px 0;
    background-size: cover;
}
.banner-content-wrap{
    padding-right: 0px;
    padding-left: 106px;
}
.site-btn{
    background: var(--darkblue);
    color: var(--white) !important;
}
.site-btn:hover, .conclusive-evidence-button .site-btn:hover{
    background: var(--darkblue) !important;
    transition: transform 0.4s ease-in-out;
}
.conclusive-box-wrap, .conclusive-evidence-items-wrap .conclusive-box-wrap:last-child {
    background: var(--darkblue);
}
.join-program-boxes-wrap .conclusive-box-wrap:nth-child(2) .conclusive-middle-sect h3 {
    color: #2e66a6;
}
.testimonial-box span{
    color:var(--darkblue);
}
.our-plan-inner-wrap.gray-bg{
    background-color:var(--bluelight);
}
.join-program-boxes-wrap .conclusive-middle-sect h3 {
    color: var(--bluelight);
}
.dna-lowe-content h2 span, .example-header p span, .why-chose-our-prgram-rads-ordders-color .why-chose-our-prgram-card-box:nth-child(3) p span, .why-chose-our-prgram-rads-ordders-color .why-chose-our-prgram-card-box:nth-child(4) p span{
    color:var(--darkblue);
}
.conclusive-evidence-items-wrap .conclusive-box-wrap:nth-child(2) {
    background: var(--bluelight);
}
.conclusive-evidence-items-wrap .conclusive-box-wrap:nth-child(4) {
    background: var(--bluelight);
}
.conclusive-evidence-button .site-btn{
    background: var(--darkblue) !important;
}
.right-part-time-to-know{

    background: var(--darkblue);
}
.you-know-why-inner-wrap{
    background: var(--bluelight);
}
.lower-heading-its-time-toknow h2 span {
    color: var(--darkblue);
}
.section-treatment-of-obesity .headng-section h2.colored-heading span:first-child{
    color: var(--darkblue);
}
.section-treatment-of-obesity .headng-section h2.colored-heading span:nth-child(2){
    color: var(--bluelight);
}
.much-more-waitlose-button .site-btn{
    background-color:var(--darkblue);
}
.wait-lose-boxes-wrap .wait-lose-box:nth-child(1){
    background-color: #302b4d;
}
.wait-lose-boxes-wrap .wait-lose-box:nth-child(2){
    background-color:var(--bluelight);
}
.wait-lose-boxes-wrap .wait-lose-box:nth-child(3){
    background-color:var(--darkblue);
}
.wait-lose-boxes-wrap .wait-lose-box:nth-child(4){
    background-color: #302b4d;
}
.wait-lose-boxes-wrap .wait-lose-box:nth-child(5){
    background-color:var(--darkblue);
}
.yellow-bg {
    background-color: var(--bluelight);
}
.purple-bg {
    background-color: var(--darkblue);
}
.why-chose-our-prgram-rads-ordders-color .why-chose-our-prgram-card-box:first-child{
    background-color: var(--darkblue);
}
.why-chose-our-prgram-rads-ordders-color .why-chose-our-prgram-card-box:nth-child(4){
    background-color: var(--darkblue);
}
.why-chose-our-prgram-rads-ordders-color .why-chose-our-prgram-card-box{
    background-color: var(--bluelight);
}
.right-our-text p, .right-our-text h2, .right-part-time-to-know h2, .right-part-time-to-know p{
    color: var(--white-color);
}
.footer-section{
    background-color: var(--darkblue);
}
.footer-bottom{
    background-color: var(--darkblue);
}
.footerbutton a {
    background-color: var(--bluelight);
}
.content-links li span{
    background-color:var(--bluelight);
}
.site-btn img {
    width: 34px;
    height: 26px;
}
.slick-dots li.slick-active button{
    background-color:var(--darkblue);
}
.blue-footer-arrow{
    display: block;
    width: fit-content;
    margin: 0 auto;
}
.blue-footer-arrow img{
    width: 27px;
    height: 29px;
}
.footer-general-arrow, .header-general-btn{
    display: none;
}
.dna-deep-inner-container .our-program-work-card-box, .dna-deep-inner-container .our-program-work-card-box:nth-child(1) {
    background-color: var(--bluelight) !important;
}
.connt-card-sec-dna-deep-test h2{
    color: #FFFFFF;
}
.header-blue-btn{
 display: inline-block;
}
.page-template-template-blue #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a{
    background-color:var(--darkblue);
}
.our-plan-button .site-btn {
    background-color: var(--darkblue);
}
.page-template-template-blue #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay{
    border-color: var(--darkblue);
}
.why-chose-our-prgram-card-box p {
    color: #fff;
}
.why-chose-our-prgram-card-box h2 {
    color: #ffffff;
}
.how-soes-content-box-wrap {
    background-color: var(--darkblue);
}
.how-soes-content-box-wrap:before{
    border-left: 30px solid var(--darkblue);
    z-index: -1;
}
.how-soes-content-box-wrap-outer .how-soes-content-inner-wrpa:nth-child(1) .card-count, .how-des-right-part h2, .how-des-right-part ul li, .how-soes-content-box-wrap-outer .how-soes-content-inner-wrpa:nth-child(even) .card-count, .how-des-right-part .card-count {
    color: #ffffff;
}
.how-soes-content-box-wrap-outer .how-soes-content-inner-wrpa:nth-child(even) .how-des-right-part ul li:before, .how-des-right-part ul li:before {
    background-image: url(../images/check.svg);
}
.how-soes-content-box-wrap-outer .how-soes-content-inner-wrpa:nth-child(1):before, .how-soes-content-box-wrap-outer .how-soes-content-inner-wrpa:nth-child(1):after, .how-soes-content-box-wrap-outer .how-soes-content-inner-wrpa:nth-child(even):before, .how-soes-content-box-wrap-outer .how-soes-content-inner-wrpa:nth-child(even):after, .how-soes-content-inner-wrpa:before, .how-soes-content-inner-wrpa:after {

    background-color:var(--darkblue);
}
.circle-4, .circle-2, .circle-6 {
    background: var(--darkblue);
    color: #ffffff;
}
.circle-5, .circle-3, .circle-1{
    background: var(--bluelight);
    color: #ffffff;
}
.obesity-tretment-box-head{
    min-height: 253px;
}
.top-banner-text h1 {
    font-size: 32px;
}
.conclusive-middle-sect h2 {
    font-size: 30px;
}
.conclusive-bottom-sect h3 {
    font-size: 22px;
}
.you-know-why-inner-wrap .right-part-time-to-know {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.mobile-image-banner-blue{
    display: none;
}
.footer-blue-form{
    display: block;
}
.footer-blue-form-wrap input, .footer-blue-form-wrap textarea{
    width: 100%;
    border-radius: 5px;
    border: none;
    padding: 7px 10px;
    max-height: 90px;
}

.footer-blue-form-wrap input[type="submit"]{
    background-color: #01335d;
    color: #FFFFFF;
    font-weight: 500;
}
.footer-blue-form-wrap input[type="email"]{
    direction: rtl;
}
.form-submit{
    position: relative;
}
.form-submit:after{
    content: '';
    position: absolute;
    width: 28px;
    height: 28px;
    left: calc(14% - 35px);
    display: block;
    background-image: url(https://order1.getbetter.bio/wp-content/themes/better/assets/images/footer-blue-arrow.png);
    background-repeat: no-repeat;
    top: 17%;
    background-size: 27px;
}
.QuizModal{
    display: none !important;
}
.blue-fotter-diredct{
    direction: rtl;
    text-align: center;
}
.footer-blue-form-wrap p{
    margin-bottom: 0;
}
.wpcf7-spinner{
    position: absolute;
}
.footer-blue-form-wrap h5{
    color: #FFFFFF;
}
.wpcf7-not-valid-tip{
    position: absolute;
    bottom: -18px;
}
.blue-fotter-diredct .wpcf7-form-control-wrap{
    display: block;
}
.wpcf7-response-output{
    color: #fff;
    text-align: right;
}
.blue-top-banner{
    display: block;
}
.blue-page-top-banner-wrap{
    padding: 10px;
    text-align: center;
    background: #2e66a6;
    color: #ffffff;
}
.blue-page-top-banner-wrap p{
    margin-bottom: 0px;
}
.wait-lose-boxes-wrap .wait-lose-box:nth-child(2) svg rect:first-child{
    fill: #01335d !important;
}
.wait-lose-boxes-wrap .wait-lose-box:nth-child(3) svg rect:first-child {
    fill: #2e66a6 !important;
}
.wait-lose-boxes-wrap .wait-lose-box:nth-child(5) svg rect:first-child {
    fill: #2e66a6 !important;
}
.banner-content-wrap {
    padding-left: 7px !important;
}
.better-right-logo{
    display: none;
}
.rafeel-right-logo {
    display: block;
    right: -200px;
    width: 90%;
}
#tech .video-wrapper {
     margin-top: 22px;
}
@media only screen and (max-width: 600px) {
    .how-soes-content-box-wrap .mobile-card-heading h2 {
        color: #FFFFFF;
    }
    .how-des-right-part h2:after{
        background-image: url(../images/icons8-back-24.png) !important;
    }
    .how-soes-content-box-wrap:before{
     z-index: -1;
    }
    .obesity-tretment-box-head {
        min-height: auto !important;
    }
    .top-banner-text h1 {
        font-size: 18px;
        line-height: 26px !important;
    }
    .conclusive-middle-sect h2 {
        font-size: 22px;
    }
    .conclusive-bottom-sect h3 {
        font-size: 20px;
    }
    .mobile-image-banner-blue{
        display: block;
    }
    .hero-banner{
        background-image: none !important;
    }
    .hero-left-side-image img {
        height: 240px;
        object-fit: cover;
        object-position: 22% bottom;
    }
    .banner-content-wrap {
        padding-right: 4px;
        padding-left: 0;
        padding-top: 14px;
    }
    .footer-blue-form-wrap{
        margin-top: 45px;
        width: 82% !important;
    }
    .footer-blue-form-wrap input, .footer-blue-form-wrap textarea {
        width: 95%;
    }
    .rafeel-right-logo{
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 36%;
        top: -11px;
    }
}