@import url('https://fonts.googleapis.com/css?family=Lato');
* {
    margin: 0;
    padding: 0;
    font-family: "Gotham";
    list-style: none;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

p {
    font-size: 14px;
    color: #8f9096;
    display: inline-block;
    width: 100%;
}

span {
    display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6,
label,
strong {
    color: #054484;
}

@font-face {
    font-family: Allura-Regular;
    src: url(../webfonts/Allura-Regular.otf);
}

@font-face {
    font-family: Arizonia-Regular;
    src: url(../webfonts/Arizonia-Regular.ttf);
}

@font-face {
    font-family: bradhitc;
    src: url(../webfonts/bradhitc.ttf);
}

@font-face {
    font-family: mvboli;
    src: url(../webfonts/mvboli.ttf);
}

@font-face {
    font-family: segoescb;
    src: url(../webfonts/segoescb.ttf);
}

@font-face {
    font-family: Informal-Roman;
    src: url(../webfonts/Informal-Roman.otf);
}

@font-face {
    font-family: 'Gotham-b';
    src: url(../webfonts/gothic-b.ttf);
}

@font-face {
    font-family: cardif;
    src: url(../webfonts/CARDIF__.ttf);
}

@font-face {
    font-family: 'sofia-pro';
    src: url(../webfonts/sofiapro-light.otf);
}

a:hover {
    text-decoration: none;
}

input,
select {
    outline: none;
}

header {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);
}

ul.redio-class-m {
    max-width: 517px;
}

a.selectedAnswere {
    background: #3669c4;
    color: #fff;
    text-decoration: none;
}

.redio-custom {
    display: block;
    position: relative;
    padding-left: 75px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Hide the browser's default radio button */

.redio-custom input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

textarea {
    border: 1px solid #8ab1f8;
    border-radius: 16px;
    padding: 10px;
    font-size: 19px;
    color: #707173;
    width: 100%;
    height: 137px;
}

.help-block {
    display: inline;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373 !important;
    font-size: 15px !important;
}

.checkbox {
    font-size: 22px;
    color: rgba(112, 113, 115, 0.54);
    margin: auto;
    max-width: 690px;
    position: relative;
}

.checkbox a {
    font-size: 22px;
    color: rgba(112, 113, 115, 0.54);
    text-decoration: underline;
}

.text-center {
    text-align: center !important;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.links {
    margin: 0;
    padding: 0;
    font-size: 20px;
    color: #225bc3;
    list-style: none;
    text-decoration: none;
}


/* latest css*/

.minus,
.plus {
    height: 20px;
    width: 20px;
    background: #598ce4;
    color: #fff;
    padding: 8px 5px 8px 5px;
    border: 1px solid #ddd;
    float: left;
    vertical-align: middle;
    text-align: center;
    line-height: 0;
}

.number input {
    height: 20px;
    width: 20px;
    text-align: center;
    font-size: 12px;
    border: 1px solid #ddd;
    float: left;
    vertical-align: middle;
}


/* == end ==*/

.menu .previous {
    font-size: 18px;
    font-weight: 500;
    color: #1f4281;
    position: absolute;
}

.menu img {
    width: 38px;
}

.container {
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
}

.sc-ContentLayout:last-child {
    margin-bottom: 0;
}

.sc-ContentLayout {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -.6rem;
    margin-right: -.6rem;
    margin-bottom: 2.4rem;
}

.u-flexAlignItemsCenter {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.sc-SectionLayout p {
    font-size: 1.6rem;
    line-height: 2.4rem;
}

h1.u-knockout,
h2.u-knockout,
h3.u-knockout,
h4.u-knockout,
h5.u-knockout {
    color: #fff;
}

p.u-knockout {
    color: #fff;
}

.u-textCenter {
    text-align: center;
}

.sc-Footer,
.u-backgroundColor-footer {
    background-color: #f3f4f8;
}

.app-icon img {
    width: 113px;
    display: inline-block;
}

.sc-Footer {
    padding: 1rem 0;
}

.sc-ContentGrid {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -.6rem;
    margin-right: -.6rem;
}

.sc-Icon--grey-50,
.sc-Icon--primary-grey-50 .sc-Icon--primary-color,
.sc-Icon--secondary-grey-50 .sc-Icon--secondary-color {
    color: #686c73;
}

footer .sc-Icon svg {
    width: 30px;
    height: 30px;
}

.sc-SectionLayout p.u-secondaryText,
.sc-SectionLayout p.u-secondaryTextLink,
.u-secondaryText {
    font-size: 1.4rem;
    line-height: 2rem;
    color: #686c73;
}

.sc-p-r--s {
    padding-right: 1.6rem !important;
    display: inline-block;
}

.sc-Icon .sc-Icon--secondary-color {
    color: currentColor;
    opacity: .3;
}

.sc-Icon svg * {
    color: inherit;
    fill: currentColor;
}

.sc-Icon--primary-blue svg {
    width: 40px;
}


/** product description */

.sticky {
    /*  position: fixed; */
    top: 0;
    width: 100%;
    background: #dfedfc;
    z-index: 9999;
}

.sticky+.content {
    padding-top: 102px;
}

.sc-SectionLayout p.pr-sec {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 20px;
}

.position-left {
    position: relative;
    right: 0;
    top: 0;
    /* width: 44%; */
    height: 100%;
}

.CaliLaptopBooks-md {
    background-image: url(../signupimages/complete_small.png);
    /*  background-image: url(../signupimages/Howsegmentcomplete_small_mob.png); */
}

.CaliLaptopBooks-md p.u-knockout {
    font-size: 18px;
    line-height: 25px;
    color: #fff;
}

.CaliLaptopBooks-md.mobile {
    display: none;
}

.CaliLaptopBooks-md .sc-Icon--s {
    margin-right: 10px;
}

.sc-Icon svg {
    width: 100%;
    height: 100%;
    display: block;
}

.sc-m-t--xxs {
    margin-top: .4rem !important;
}

.sc-Icon--s {
    width: 20px;
    display: inline-block;
    height: 20px;
}

.sc-Icon--primary-white .sc-Icon--primary-color,
.sc-Icon--secondary-white .sc-Icon--secondary-color,
.sc-Icon--white {
    color: #fff;
}

.u-flexAlignItemsStart {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.u-knockoutBlockQuote {
    border-left: 2px solid #fff;
    padding-left: 2.4rem;
    margin-top: 6.5rem;
}

.u-knockoutBlockQuote h3.u-heading--h3.u-knockout.u-displayNone--until-md {
    font-size: 17px;
}

h3.u-heading--h3.u-knockout.u-displayNone--until-md {
    font-size: 12px;
    line-height: 29px;
}

.u-flexJustifyCenter {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.tmk h2 {
    font-size: 23px;
    line-height: 30px;
    /* font-weight: 500; */
}

.sc-p-v-md--xl {
    padding-top: 3.4rem !important;
    padding-bottom: 3.4rem !important;
}

.img-responsive {
    width: 100%;
}

.app-icon {
    display: inline-block;
}

.u-justifyContentBetween {
    text-align: right;
}

a.u-knockout {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    margin-top: 35px;
}

.modal {
    background: #162f6c;
}

.u-backgroundColor-blue {
    background-color: #225bc3 !important;
}

.sc-p-t--xl {
    padding-top: 0.4rem !important;
}

.sc-p-b-md--xl {
    padding-bottom: 4rem !important;
}

.heath .sc-SectionLayout p {
    font-size: 1.2rem;
    line-height: 1.4rem;
}

.sc-SectionLayout .br-sj p.pr-sec {
    margin: 13px 0 13px;
}

.block-image-overlap.has-caption .block-image-overlap__image {
    height: 100%;
}

.block-image-overlap__content-cell .cell__inner {
    position: relative;
    width: 150%;
    left: -50%;
    min-height: 0;
    margin: 3rem 0;
}

.homepage__pricing-overlap-content {
    padding: 5.3125rem 3.125rem;
}

.align-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.rounded,
.rounded--clip {
    border-radius: 1.25rem;
}

.bkgd-white {
    background-color: #fff;
}

a.link.green,
button.link.green {
    border-bottom-color: #b5e800;
    color: #000;
    font-weight: bold;
    font-size: 15px;
}

a.link,
button.link {
    border-bottom-width: .25rem;
    border-bottom-style: solid;
    border-radius: 0;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 500;
}

.icon.small.expanded {
    width: 1.5rem;
    height: 1.5rem;
}

.icon.small {
    max-width: 1.5rem;
    max-height: 1.5rem;
}

.icon.expanded {
    width: 6.25rem;
    height: 6.25rem;
    display: inline-block;
}

.small,
small {
    display: inline-block;
}

a.link.arrow.green.blue {
    border-bottom-color: #225bc3;
    margin-top: 50px;
    display: inline-block;
    font-size: 18px;
}

.resource-overlap-bar__grid {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.resource-overlap-bar__grid {
    padding: 2.8125rem 1.875rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.grid-padding-x>.cell {
    padding-right: .9375rem;
    padding-left: .9375rem;
}

p.small {
    font-size: 16px;
    line-height: 1.5rem;
    margin-bottom: 1.125rem;
    display: inline;
}

.resource-overlap-bar__grid {
    padding: 1.875rem 1.5rem;
}

.rounded,
.rounded--clip {
    border-radius: 1.25rem;
}

.bkgd-green-light {
    background-color: #f3faf3;
}

.grid-x {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}


/* .homepage__pricing-overlap-block {
    background-image: url(../signupimages/6547_cutout_small.png);
} */

.homepage__pricing-overlap-block {
    background-image: url(../signupimages/back_pain_understand_your_back-min.png);
}

.texcess.homepage__pricing-overlap-content {
    padding: 5.3125rem 3.125rem 0.3125rem;
}

.block-image-overlap__image.rounded--clip.texcess.homepage__pricing-overlap-block {
    background-image: url(../signupimages/Istelehealthrightforyou_Image-min.png);
}

.block-image-overlap__image {
    /*     min-height: 570px;
    background-color: #d1ccc2;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 56%; */
    min-height: 570px;
    background-color: #e3e8f5;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
}

.grid-container {
    padding-right: 1.875rem;
    padding-left: 1.875rem;
}

.grid-container.wide {
    /* max-width: 90rem; */
    max-width: 100%;
}

.block-online-demo {
    overflow: hidden;
}

.grid-x {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.cell {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    width: 100%;
    padding: 0 24px;
}

.bkgd-impact-green {
    background-color: #2f5ac2;
}

.block-online-demo__content {
    padding: 3rem;
    width: auto;
    position: relative;
}

.h3.standalone,
.h4.standalone,
h3.standalone,
h4.standalone {
    margin-bottom: 1rem;
    font-size: 2.5rem;
    font-family: cardif-b;
    line-height: 1.1;
}

.button.white {
    background-color: #fff;
    color: #0c0b0b;
    display: inline-block;
}

.sc-ContentGrid-item.sc-p-b--m.sc-p-b-md--0.col-sm-5.sc-p-b-md--l.sc-p-t-md--l {
    margin-top: 6.5rem;
}

.button {
    font-weight: 500;
    /* margin: 0 .9375rem .9375rem; */
    border-width: 0;
    border-style: solid;
    -webkit-box-shadow: inset 0 0 0 3px transparent;
    box-shadow: inset 0 0 0 3px transparent;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    font-family: inherit;
    font-size: 1.025rem;
    -webkit-appearance: none;
    line-height: 1;
    padding: 8px 2rem;
    border-radius: 100px;
}

.button.white.hollow,
.button.white:focus,
.button.white:hover {
    background-color: transparent;
    color: #fff;
    -webkit-box-shadow: inset 0 0 0 3px #fff;
    box-shadow: inset 0 0 0 3px #fff;
}

.block-online-demo__buttons a {
    margin: 0 .9375rem;
}

.block-online-demo__arrows {
    position: absolute;
    left: 18px;
    top: -10%;
    width: 15rem;
    max-width: 100%;
    height: auto;
    margin: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.txt-white {
    color: #fff;
}

.rounded--clip {
    overflow: hidden;
}

.rounded,
.rounded--clip {
    border-radius: 1rem;
}

.standalone.txt-white {
    font-size: 40px;
    display: inline-block;
    width: 100%;
}

.bkgd-impact-green {
    background-color: #101982;
}

.resource-overlap-bar__content h3 {
    color: #fff;
    font-size: 60px;
    line-height: 100px;
}

.resource-overlap-bar__image {
    position: absolute !important;
    left: 10%;
}

.rev-container {
    max-width: 1000px;
    margin: auto;
    overflow: hidden;
}

.tp-stars.tp-stars--0 {
    margin-bottom: 10px;
}

img.star {
    width: 16px;
    margin-right: 5px;
}

.carousel-control-next,
.carousel-control-prev {
    width: 1% !important;
}

.carousel-control-prev {
    left: -80px;
    width: 10%;
    transform: rotate(453deg);
    opacity: 1;
}

.carousel-control-next {
    transform: rotate(268deg);
}

.carousel-control-next {
    right: -80px;
    width: 10%;
    opacity: 1;
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.copyroght_txt {
    /* float: left; */
    color: #fff;
    display: inline-block;
}

.footer_bottom ul li {
    display: inline-block;
    margin-right: 10px;
}

.footer_bottom ul li a {
    color: #fff;
    transition: all 0.5s ease 0s;
}

.footer_bottom ul {
    margin-bottom: 0;
}

.footer_bottom {
    background: #000;
    font-size: 18px;
    padding: 12px 0px;
    line-height: 32px;
}


/* partnar css */

.padding-50 {
    padding: 50px 0px;
}

.padding-10 {
    padding: 10px 0px;
}

.heading-partnar {
    font-family: 'cardif-b';
    color: #1c4783;
    font-size: 60px;
    font-weight: 600;
    text-align: center;
    padding: 40px 0px;
}

.smart-emoplar-section {
    background: #f3f7fc;
}

.add-best h2 {
    font-size: 40px;
    font-family: 'Gotham-b';
}

.add-best,
.add-emoplar {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

p.p-content {
    font-size: 20px;
    color: #555454;
    margin: 30px 0px;
    padding-right: 40px;
}

.add-emoplar h2 {
    color: #0d4188;
    font-weight: bold;
    font-size: 40px;
}

.add-emoplar p.p-content {
    font-size: 27px;
    color: #555454;
    margin: 30px 0px;
    padding-right: 40px;
    line-height: 33px;
}

.what-you-get-section h2 {
    font-size: 40px;
    font-family: 'Gotham-b';
    text-align: center;
}

.what-box {
    background: #f1f5fc;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    margin: 30px 0px;
    min-height: 330px;
}

.what-box h4 {
    font-size: 24px;
    color: #052a65;
    text-decoration: underline;
}

.icon-section-get img {
    width: 90px;
    margin: 20px 0px;
}

.what-container {
    display: flex;
    max-width: 1060px;
    flex-wrap: wrap;
    margin: auto;
}

.what-container .col-sm-4 {
    padding-right: 30px;
    padding-left: 30px;
}

.what-employess-section {
    background: url(../signupimages/what-bg-.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.what-employess-left h2 {
    color: #fff;
    font-weight: bold;
    font-size: 30px;
}

.what-employess-left-heading {
    color: #fff;
    font-weight: bold;
    font-size: 37px;
    text-align: center;
    margin-bottom: 32px;
}

.what-employess-left ul li {
    color: #fff;
}

.what-employess-left ul li h3 {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    margin: 0;
    line-height: 34px;
    font-size: 23px;
}

.ready-section-bg {
    background: url(../signupimages/Ready_without.png);
    display: flex;
    flex-wrap: wrap;
    padding: 50px 0px;
    background-repeat: no-repeat;
    background-size: cover;
}

.ready-section-bg h2 {
    font-family: 'cardif-b';
    font-size: 40px;
    color: #fff;
    font-weight: bold;
}

.ready-section-bg a {
    color: #fff;
    border: 2px solid #fff;
    padding: 6px 19px;
    font-family: 'Gotham-b';
    border-radius: 4px;
    margin-top: 27px;
    display: inline-block;
}


/* patner pain css end */


/* back pain css */

.padding-50-top {
    padding-top: 50px;
}

.we-understand-box {
    background-color: rgba(255, 255, 255, 0.86);
    border-radius: 36px;
    padding: 15px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.35);
    width: 41%;
    position: absolute;
    top: 15%;
    right: 0;
}

.we-understand-box h2 {
    font-size: 30px;
    margin: 20px 0px;
    color: #0938b1;
    text-align: center;
    font-weight: bold;
    font-family: 'cardif-b';
}

.about-back {
    position: relative;
}

.about-back p {
    color: #000;
    font-size: 16px;
}

.about-back:after {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../signupimages/chat.png);
    background-repeat: no-repeat;
    top: 140px;
    background-position: top center;
}

.about-back h2 {
    text-align: center;
    font-size: 40px;
    font-family: segoescb;
    color: #0938b1;
    margin: 0px 0px 40px;
}

.about-box ul li.color-u {
    font-family: 'mvboli';
    font-size: 17px;
    font-weight: bold;
}

.about-box ul li {
    width: 447px;
    height: 65px;
    padding: 10px 20px;
    margin-bottom: 50px;
    box-shadow: 0px 9px 6.65px 0.35px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    opacity: 0.769;
    line-height: 24px;
    font-size: 20px;
    background: rgb(237, 250, 215);
    color: #0b266b;
}

.about-box ul li.color-u {
    margin-left: 16px;
}

.about-box ul li.color-d {
    margin-left: 46px;
}

.about-box ul li.color-dm {
    margin-left: 116px;
    font-family: Allura-Regular;
    background: #fad7d7;
}

.about-box ul li.color-fk {
    font-family: Arizonia-Regular;
    background: #e2edfb;
}

.about-box ul li.color-i {
    font-family: bradhitc;
    background: #d7faf5;
}

.about-box ul li.color-op {
    font-family: segoescb;
    font-size: 13px;
    margin-left: 76px;
    background: #fad7fa;
}

.about-box ul li.color-d {
    background: #dfd7fa;
    font-family: Informal-Roman;
}

.we-understand .row {
    position: relative;
}

.all-about-back {
    position: relative;
}

.all-about-back:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
    width: 150px;
    height: 150px;
}

.duration-box {
    background: #d7e6fa;
    border-radius: 5px;
    display: flex;
    margin-bottom: 30px;
    flex-wrap: wrap;
}

.icon-pain-part img {
    width: 100px;
    margin: auto;
}

.icon-pain-part {
    width: 15%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.duration-content {
    width: 85%;
}

.duration-content p {
    color: #000;
}

.duration-content h3 {
    font-size: 20px;
    color: #052473;
    font-family: 'Gotham-b';
    margin: 16px 0px;
    line-height: normal;
}

.duration-plays h2 {
    text-align: center;
    font-size: 50px;
    margin: 50px 0px;
    color: #052473;
    font-weight: bold;
    font-family: 'cardif-b';
}

.duration-plays p.dur-p {
    text-align: center;
    font-size: 20px;
    color: #6b6c6e;
    margin-bottom: 70px;
}

.back-pain-based {
    background: #d7e6fa;
}

.duration-box:hover {
    transition: all .2s ease-in-out;
    transform: translateZ(0) scale(1.03);
}

.what-box:hover {
    transition: all .2s ease-in-out;
    transform: translateZ(0) scale(1.03);
}

.icon-pain-diagnosis img:hover {
    transition: all .2s ease-in-out;
    transform: translateZ(0) scale(1.09);
}

.back-box-location:hover {
    transition: all .2s ease-in-out;
    transform: translateZ(0) scale(1.03);
}

.back-box-location {
    background: #fff;
    padding: 20px 0px;
    box-shadow: -3px 3px 0px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    min-height: 470px;
}

.icon-pain-based {
    text-align: center;
}

.icon-pain-based img {
    width: 200px;
    margin: auto;
}

.back-box-location h3 {
    font-size: 20px;
    color: #052473;
    text-align: center;
    line-height: normal;
    margin: 20px 0px;
    font-weight: bold;
}

.icon-pain-content {
    margin: 18px 20px;
    border-top: 2px solid #cee0f9;
}

.icon-pain-content p {
    color: #000;
}

.back-pain-based h2 {
    font-size: 35px;
    color: #052473;
    font-weight: bold;
    font-family: 'cardif-b';
    text-align: center;
    margin-bottom: 41px;
}

.back-pain-based .col-sm-4 {
    padding-right: 30px;
    padding-left: 30px;
}

.andnatomy ul li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    font-size: 16px;
}

.andnatomy ul li img {
    width: 28px;
    margin-right: 20px;
}

.andnatomy h2 {
    text-align: center;
    font-size: 50px;
    margin: 20px 0px;
    font-weight: bold;
    font-family: 'cardif-b';
}

.andnatomy p {
    font-size: 24px;
    margin-bottom: 40px;
}

.know-more-back {
    background: url(../signupimages/girl-with-laptop.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0px 0 370px;
    background-position: bottom;
    margin: 70px 0px 0;
}

.know-more-back p {
    font-size: 20px;
    margin-bottom: 20px;
}

.know-more-back h2 {
    font-size: 44px;
    color: #005ca4;
    font-family: 'Gotham-b';
    margin-bottom: 40px;
}

.treatment-tailred h2 {
    text-align: center;
    font-size: 50px;
    margin: 50px 0px 10px;
    font-weight: bold;
    font-family: 'cardif-b';
}

.line {
    text-align: center;
    margin-bottom: 50px;
}

ul.answer-simple {
    background: #f8fafa;
    padding: 30px;
    font-family: 'Gotham-b';
    font-size: 28px;
    color: #005ca4;
    font-weight: bold;
}

ul.answer-simple li {
    position: relative;
    margin-bottom: 37px;
}

ul.answer-simple li:last-child {
    margin-bottom: 0px;
}

ul.answer-simple li:last-child:after {
    display: none;
}

ul.answer-simple li:after {
    position: absolute;
    content: "";
    top: 112px;
    left: 59px;
    width: 4px;
    height: 50px;
    background: #005ea6;
}

ul.answer-simple li img {
    margin-right: 16px;
}

.back-pain-diagnosis h2 {
    text-align: center;
    font-size: 50px;
    margin: 0 0 30px;
    color: #052473;
    font-weight: bold;
    font-family: 'cardif-b';
}

.back-pain-diagnosis p {
    font-size: 18px;
    text-align: center;
}

.back-box-diagnosis-box {
    text-align: center;
}

.icon-diagnosis-content h3 {
    font-size: 20px;
    color: #17437c;
}

.icon-pain-diagnosis img {
    height: 120px;
    margin: 30px 0px;
}

.box-ommne {
    border-radius: 30px;
    background: #d9d6d7;
    display: flex;
    flex-wrap: wrap;
    padding: 30px;
    overflow: hidden;
    margin-bottom: 50px;
    position: relative;
}

.img-don-com {
    position: absolute;
    left: 0;
    top: 0px;
    width: 50%;
    height: 100%;
}

.com-content p {
    margin-bottom: 10px;
}

.com-content p {
    margin-bottom: 10px;
    color: #000;
}

.com-content h4 {
    color: #4c343c;
    font-family: 'Gotham-b';
    font-size: 26px;
    line-height: normal;
}

.box-ommne.gray {
    background: #fbf5ef;
}

.box-ommne.gray .img-don-com {
    left: auto;
    right: 0;
}

.box-ommne.grren-g {
    background: #ebf2fb;
}

.box-ommne.grren-g .img-don-com {
    width: 20%;
    left: 100px;
}

.commen-case h2 {
    text-align: center;
    font-size: 50px;
    margin: 50px 0px 10px;
    font-weight: bold;
    font-family: 'cardif-b';
}

span.dot {
    background: #17437c;
    height: 9px;
    width: 9px;
    display: inline-flex;
    border-radius: 12px;
    margin-right: 17px;
}

.backdoctor h2 {
    font-size: 50px;
    margin: 20px 0px;
    color: #052473;
    font-weight: bold;
    font-family: 'cardif-b';
}

.backdoctor {
    background: #f6f8fd;
    font-size: 16px;
}

.backdoctor h5 {
    font-size: 21px;
}

.back-pian-manament h2 {
    font-size: 50px;
    margin: 20px 0px;
    color: #052473;
    font-weight: bold;
    font-family: 'cardif-b';
}

.back-pian-manament ul li {
    margin-bottom: 15px;
    font-size: 16px;
}

.back-pian-manament ul li img {
    width: 17px;
    margin-right: 20px;
}

.back-pian-manament h5 {
    font-size: 20px;
    color: #2c2c2d;
    font-weight: bold;
    margin: 30px 0px;
}

.right-sec-back-kkl {
    position: absolute;
    top: -120px;
    right: 30%;
    width: 53%;
}

img.img-responsive.img-border {
    border: 1px solid;
}

.back-pian-prevened-box {
    background-color: rgba(255, 255, 255, 0.86);
    border-radius: 36px;
    padding: 15px;
    text-align: center;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.35);
    width: 41%;
    position: absolute;
    top: 10%;
    left: 0;
}

.back-pian-prevened h4 {
    font-size: 19px;
    color: #000000;
    line-height: 23px;
    text-decoration: underline;
    font-weight: bold;
}

.back-pian-prevened-box h2 {
    font-size: 30px;
    margin: 20px 0px 0px;
    color: #454544;
    font-weight: bold;
    font-family: 'cardif-b';
}

.back-pian-prevened-box .line {
    text-align: center;
    margin-bottom: 30px;
    line-height: 7px;
}

.back-pian-prevened .row {
    position: relative;
}


/* back pain end */


/* tooglw css*/

.mobile-menu-toogle {
    display: none;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    background-color: #204281;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #fff;
    display: block;
    text-align: left;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}


/* contact us*/

.content-us {
    position: relative;
    background: url(../signupimages/world-map.png);
    background-position: top right;
    background-size: 60%;
    background-repeat: no-repeat;
}

.content-us:after {
    background: #078ee4;
    opacity: 0.3;
    height: 60%;
    top: 0;
    content: "";
    position: absolute;
    width: 100%;
}

.get-in h2 {
    font-size: 50px;
    margin: 10px 0px;
    color: #fff;
    font-weight: bold;
    font-family: 'cardif-b';
}

.section_mobile_new_theranow {
    width: 100%;
    border-radius: 20px;
    /* padding: 6%; */
    border: 1px so;
    margin: 5% 0px;
}

.get-in {
    position: relative;
    z-index: 9;
}

.get-in p {
    color: #045d81;
    font-size: 18px;
}

.send-massagge {
    display: flex;
    position: relative;
    z-index: 9;
    max-width: 708px;
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.35);
    margin: 0 auto 50px;
    overflow: hidden;
}

.left-part-con {
    width: 66%;
    padding: 20px 20px 0;
}

.left-part-lo h4 {
    color: #17437c;
    font-size: 24px;
}

.right-part-con {
    background: url(../signupimages/mother-son.png);
    height: 100%;
    background-repeat: no-repeat;
    width: 34.2%;
    padding: 20px 20px 0;
    background-size: cover;
}

.right-part-con h3 {
    font-size: 18px;
    color: #fff;
    margin-top: 40px;
}

.right-part-con ul li a {
    font-size: 14px;
    color: #fff;
}

.right-part-con ul li {
    margin-bottom: 50px;
}

.right-part-con ul li a img {
    width: 25px;
    margin-right: 11px;
}

.socail-icon {
    display: flex;
    justify-content: flex-end;
    padding: 0 0 10px;
    margin-top: 140px;
}

.socail-icon a {
    padding: 0 10px;
    color: #fff !important;
}

button.btn-s {
    background: transparent;
    padding: 0;
}

.left-part-con label {
    font-size: 15px;
    color: #17437c;
    font-weight: bold;
}

.left-part-con input {
    border-width: 0.714px;
    border-color: rgb(56, 114, 215);
    border-style: solid;
    border-radius: 4px;
    opacity: 0.529;
    font-size: 12px;
    height: 39px;
    z-index: 14;
}

input#phone {
    padding-left: 48px;
}

span.flag-iconn {
    position: absolute;
    padding: 6px 8px;
    background: #f0f5fd;
    top: 32px;
    left: 16px;
    border-radius: 5px 0px 0px 5px;
}

.left-part-con textarea.form-control {
    height: auto;
    font-size: 12px;
    resize: none;
}

.right-part-con ul {
    margin-top: 40px;
}

.show-in-mobile {
    display: none !important;
}

.col-sm-offset-2 {
    margin-left: 13.666667% !important;
}


/** new page csss */

.bg-body {
    background: url(../signupimages/Landing_page_web-min.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 100% 100%;
    min-height: 100vh;
    padding-bottom: 38vh;
    background-size: cover;
    background-color: rgba(26, 130, 176, .1);
    background-blend-mode: color-burn;
    position: relative;
    height: 100%;
    /* max-height: 183vh;*/
}

.landing-page-content h1 {
    font-size: 50px;
    font-weight: bold;
    line-height: 1.05714286;
    font-family: Ivar Headline, Times New Roman, serif;
    color: #222;
}

.margin-top-heading {
    margin-top: 12rem;
}

.create-link:hover {
    color: #204281;
}

.create-link {
    color: #204281;
    font-size: 25px;
    font-weight: bold;
}

.padding-buttom-heading {
    margin-bottom: 2rem;
}

.go-to-img-link img {
    width: 140px;
    margin-bottom: 2rem;
}

.back-off-top-header-heading-home {
    margin-top: 62px;
    margin-bottom: 40px;
    margin-right: 20%;
}

.login-inner a img {
    width: auto;
    margin: 10px 0 10px;
}

.my-option {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    color: #204281;
    padding: 15px 13px 15px 3px;
    text-decoration: none;
}

.my-option:hover {
    text-decoration: none;
}

.visa {
    display: inline-block;
    padding: 1px 20px;
    font-size: 16px;
    border: 1px solid #8f9ca5;
    background: #8f9ca5;
    color: #fff;
    border-radius: 7px;
}

.poweredBy {
    display: inline-block;
    padding: 1px 20px;
    font-size: 16px;
    border: 1px solid #8f9ca5;
    background: #8f9ca5;
    color: #fff;
    border-radius: 7px;
}

.secqure-box {
    text-align: left;
    margin-top: 40px;
    margin-bottom: 30px;
}

.secqure-box h4 {
    text-align: left !important;
    font-size: 18px !important;
}

.secqure-box p {
    text-align: left;
    font-size: 15px;
    color: #151513;
    font-weight: bold;
    font-style: unset;
    margin: 1px 0px
}

.secqure-box a {
    color: #e4a73c;
    font-weight: 600;
    text-transform: capitalize;
}


/* neck back  css */

.padding-t-50 {
    padding-top: 50px;
}

.about-back.nack {
    padding: 20px 0px;
}

.about-back.nack:after {
    position: absolute;
    left: 0px;
    right: 0;
    text-align: center;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../img/arrow-kl.png);
    background-repeat: no-repeat;
    top: 40%;
    background-position: 57% top;
}

.about-back.nack .about-box ul li {
    margin-bottom: 25px;
}

.about-back.nack .about-box ul li.color-u,
.about-back.nack .about-box ul li.color-d,
.about-back.nack .about-box ul li.color-dm,
.about-back.nack .about-box ul li.color-fk,
.about-back.nack .about-box ul li.color-op {
    margin-left: 0px;
}

.about-back.nack .about-box ul li.color-u {
    font-size: 15px;
}

.about-back.nack .about-box ul li.color-d {
    font-size: 15px;
}

.about-back.nack .about-box ul li.color-op {
    font-size: 12px;
}

.about-box-left {
    box-shadow: 0px 9px 6.65px 0.35px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    width: 96%;
    background: rgba(250, 215, 215, 0.39);
    padding: 20px;
}

.about-box-left h5 {
    font-size: 18px;
    font-weight: bold;
    margin: 25px 0px 40px;
}

.about-box-left ul li {
    margin-bottom: 10px;
}

.back-pain-based.nack .icon-pain-based img {
    width: 82px;
    margin: auto;
}

.about-box-left ul li img {
    width: 18px;
    margin-right: 14px;
}

.back-pain-based.nack .back-box-location {
    padding: 20px 0px 0;
    min-height: 490px;
}

.back-pain-based.nack h2+p {
    margin-bottom: 50px;
}

.know-more-back.neck {
    background: transparent;
    padding: 0px;
}

.back-pian-prevened-box {
    width: 51%;
}

.back-pian-prevened-box p {
    color: #000;
}

.back-pian-prevened.neck {
    /* margin-bottom: 130px; */
}

.commen-case .img-don-com {
    width: 36%;
}

.commen-case .box-ommne.grren-g .img-don-com {
    width: 36%;
}

.box-ommne.blue {
    background: #77b3c6;
}

.box-ommne.blue .img-don-com {
    left: auto;
    right: 0;
}


/* end*/

.associated-conditions-box {
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 3px 6.65px 0.35px rgba(0, 0, 0, 0.08);
    padding: 14px;
    min-height: 333px;
}

.associated-conditions-box p {
    color: #000;
    text-align: center;
}

.content-asso h4 {
    font-size: 20px;
    color: #052473;
    font-weight: bold;
    text-align: center;
    margin: 20px 0px 9px;
    line-height: 20px;
}

.icon-asso-f {
    text-align: center;
}

.icon-asso-f img {
    width: 150px;
    margin: 20px auto 0px;
}

.associated-conditions {
    padding: 0 0 50px;
}

.associated-conditions h2 {
    text-align: center;
    font-size: 50px;
    margin: 0px 0px 40px;
    font-weight: bold;
    font-family: 'cardif-b';
}

.neck-pain-mana {
    background: #c3d9fc;
    padding: 20px 0px 0px;
}

.neck-pain-mana p {
    color: #000;
}

.neck-pain-mana ul li {
    margin-bottom: 10px;
    font-size: 15px
}

.neck-pain-mana ul li img {
    width: 28px;
    margin-right: 10px;
}


/*end*/


/*** 2/22/2020 */

p.vertical-spacing {
    font-size: 15px;
}


/* Product list page css */

.plan-icon {
    width: auto;
    padding: 7px 5px;
}

.plan-icon-product img {
    width: 20%;
    margin-bottom: 10px;
}

a:hover {
    color: #0056b3;
    text-decoration: none;
}

.menu {
    width: 25%;
    text-align: left;
}

.menu a {
    height: 38px;
    padding-left: 1em;
    padding-right: 1em;
    background: none;
    color: #054484;
    display: inline-flex;
    border-radius: 28px;
    box-shadow: 0 2px 9px rgb(33, 68, 132);
    margin-left: 1em;
    border: 1px solid;
    padding-top: 4px;
    font-size: 18px;
    margin-top: 13px;
}

.add-to-cart.buy-now {
    background: #054484;
    color: #fff;
}

.plan-price p {
    font-size: 3rem;
    color: #054484;
    font-weight: 600;
    line-height: 1;
}

.back-list {
    /* margin: 20px 0 0; */
    position: absolute;
    right: 15px;
    top: 15px;
}

.back-list a {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    color: #204281;
}

.weekprice {
    font-size: 17px;
    position: absolute;
    margin: 10px 5px 0px;
}

.monthprice {
    font-size: 16px;
    width: 100%;
    position: relative;
}


/** Check out page css */


/***********  SIGNUPS CSS ************/

.carousel-control.left {
    background-image: none !important;
    background-image: none !important;
}

.carousel-control.right {
    background-image: none !important;
    background-image: none !important;
}

.carousel-control {
    top: 30% !important;
    width: 25% !important;
    font-size: 22px !important;
    color: #054484 !important;
    opacity: 3.5 !important;
}

.carousel-inner {
    /*   width: 50% !important; */
    margin: auto !important;
}

label {
    font-size: 20px;
}

input {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark-color(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    -webkit-appearance: textfield;
    background-color: -internal-light-dark-color(white, black);
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 0px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}

.intl-tel-textarea.allow-dropdown.separate-dial-code:active,
.intl-tel-textarea.allow-dropdown.separate-dial-code:focus,
.intl-tel-textarea.allow-dropdown.separate-dial-code:hover {
    border-color: #f5a623;
}

input[type="tel"]:active,
input[type="tel"]:focus,
input[type="tel"]:hover,
input[type="text"]:active,
input[type="text"]:focus,
input[type="text"]:hover,
input[type="email"]:active,
input[type="email"]:focus,
input[type="email"]:hover,
input[type="password"]:active,
input[type="password"]:focus,
input[type="password"]:hover,
input[type="search"]:active,
input[type="search"]:focus,
input[type="search"]:hover {
    border-color: #f5a623;
}

:focus {
    outline: 1px solid #f5a623;
    outline-offset: -1px;
    outline-style: solid;
}

.textarea {
    font-size: 2rem !important;
}


/************** Login Page ************/

.wlcback {
    color: #054484;
    font-size: 36px;
    margin-top: 0;
    margin-bottom: 20px;
}

.login_bt {
    padding: 5px 75px;
    font-weight: 400;
}

.righ-chj {
    width: 35%;
}

.calculcationBox ul {
    padding: 5px;
}

.calculcationBox ul li {
    padding: 0 0;
}

.calculcationBox ul li label {
    font-size: 18px;
    width: 55%;
    display: inline-block;
    font-weight: 400;
}

.calculcationBox ul li span {
    display: inline;
    font-size: 16px;
    color: #222;
    padding-left: 35px;
    width: 50%;
}

.calculcationBox ul li i {
    font-size: 14px;
    color: #054484;
}

.epiloginfrm .form-control {
    -webkit-transition: border-color 200ms ease, outline 200ms ease;
    -moz-transition: border-color 200ms ease, outline 200ms ease;
    transition: border-color 200ms ease, outline 200ms ease;
    height: 44px;
    border: 1px solid #054484;
    border-radius: 0;
    background-color: #fff;
    font-size: 20px;
    padding: 5px 12px 7px;
    color: #054484;
}

.epiloginfrm .form-group {
    margin-bottom: 32px;
    display: inline-block;
    width: 100%;
}

.form-group span {
    display: inline-block;
    width: 100%;
}

.epiloginfrm .form-group label {
    font-weight: 500;
}

.intl-tel-input.allow-dropdown.separate-dial-code {
    margin: 0px 0px 0 0 !important;
}

.intl-tel-input.allow-dropdown.separate-dial-code:active,
.intl-tel-input.allow-dropdown.separate-dial-code:focus,
.intl-tel-input.allow-dropdown.separate-dial-code:hover {
    border-color: #f5a623;
}

input[type="tel"]:active,
input[type="tel"]:focus,
input[type="tel"]:hover,
input[type="text"]:active,
input[type="text"]:focus,
input[type="text"]:hover,
input[type="email"]:active,
input[type="email"]:focus,
input[type="email"]:hover,
input[type="password"]:active,
input[type="password"]:focus,
input[type="password"]:hover,
input[type="search"]:active,
input[type="search"]:focus,
input[type="search"]:hover {
    border-color: #f5a623;
}

:focus {
    outline: 1px solid #f5a623;
    outline-offset: -1px;
    outline-style: solid;
}

.button-primary-verifiy {
    /* border: 2px solid #054484; */
    background-color: #054484;
    color: #fff;
    /* -webkit-transition: all 200ms ease,font-size 200ms ease; */
    -moz-transition: all 200ms ease, font-size 200ms ease;
    transition: all 200ms ease, font-size 200ms ease;
    display: inline-block;
    padding: 0.5rem 1rem;
    border: 2px solid transparent;
    /* border-radius: 100px; */
    font-family: "Open Sans", Sans-Serif;
    font-size: 23px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
}

.button-primary:hover {
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #fff;
    text-decoration: none;
}

.intl-tel-input .country-list .country {
    padding: 0px 10px;
    margin: 0px;
}

span.country-name {
    font-size: 18px;
    color: #111;
    font-weight: 500;
}

.menu {
    width: 25%;
    text-align: left;
}

.menu a {
    height: 38px;
    padding-left: 1em;
    padding-right: 1em;
    background: none;
    color: #054484;
    display: inline-flex;
    border-radius: 28px;
    box-shadow: 0 2px 9px rgb(33, 68, 132);
    margin-left: 1em;
    border: 1px solid;
    padding-top: 4px;
    font-size: 18px;
}

.profile-name img {
    width: 35px;
    margin-top: 3px;
}

h1[class*="__heading"],
h2[class*="__heading"] {
    font-size: 6.5rem;
    text-align: left;
    margin-bottom: 2rem;
    font-weight: 600;
}

.checkout__form--sign-up .remote-sign-in__divider {
    display: none;
}

.remote-sign-in__divider,
.remote-sign-up__divider {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 2rem;
    font-size: 1.333em;
    text-align: center;
    text-transform: lowercase;
    opacity: 0.5;
}

.remote-sign-in__divider,
.remote-sign-up__divider {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 2rem;
    font-size: 1.333em;
    text-align: center;
    text-transform: lowercase;
    opacity: 0.5;
}

.checkout__form--sign-up .remote-sign-in__divider {
    display: none;
}

.remote-sign-in__divider,
.remote-sign-up__divider {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 2rem;
    font-size: 1.333em;
    text-align: center;
    text-transform: lowercase;
    opacity: 0.5;
}

.checkout__form--sign-up .remote-sign-in__divider {
    display: none;
}

.remote-sign-in__divider,
.remote-sign-up__divider {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 2rem;
    font-size: 1.333em;
    text-align: center;
    text-transform: lowercase;
    opacity: 0.5;
}

p#coupon-message {
    color: #3769da;
    font-size: 18px;
    margin: 5px;
    text-align: left;
    text-decoration: none;
    font-weight: bold;
}

.intl-tel-input.allow-dropdown.separate-dial-code {
    margin: 0px 0px 0 0 !important;
}

.intl-tel-input.allow-dropdown.separate-dial-code:active,
.intl-tel-input.allow-dropdown.separate-dial-code:focus,
.intl-tel-input.allow-dropdown.separate-dial-code:hover {
    border-color: #f5a623;
}

input[type="tel"]:active,
input[type="tel"]:focus,
input[type="tel"]:hover,
input[type="text"]:active,
input[type="text"]:focus,
input[type="text"]:hover,
input[type="email"]:active,
input[type="email"]:focus,
input[type="email"]:hover,
input[type="password"]:active,
input[type="password"]:focus,
input[type="password"]:hover,
input[type="search"]:active,
input[type="search"]:focus,
input[type="search"]:hover {
    border-color: #f5a623;
}

:focus {
    outline: 1px solid #f5a623;
    outline-offset: -1px;
    outline-style: solid;
}

.button-primary:hover {
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #fff;
    text-decoration: none;
}

.intl-tel-input .country-list .country {
    padding: 0px 10px;
    margin: 0px;
}

span.country-name {
    font-size: 18px;
    color: #111;
    font-weight: 500;
}

.menu {
    width: 25%;
    text-align: left;
}

.menu a {
    height: 38px;
    padding-left: 1em;
    padding-right: 1em;
    background: none;
    color: #054484;
    display: inline-flex;
    border-radius: 28px;
    box-shadow: 0 2px 9px rgb(33, 68, 132);
    margin-left: 1em;
    border: 1px solid;
    padding-top: 9px;
    font-size: 18px;
}

.profile-name img {
    width: 35px;
    margin-top: 3px;
}

h1[class*="__heading"],
h2[class*="__heading"] {
    font-size: 3.5rem;
    text-align: left;
    margin-bottom: 5rem;
    margin-top: 1rem;
    font-weight: 600;
}

.checkout__form--sign-up .remote-sign-in__divider {
    display: none;
}

.remote-sign-in__divider,
.remote-sign-up__divider {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 2rem;
    font-size: 1.333em;
    text-align: center;
    text-transform: lowercase;
    opacity: 0.5;
}

.remote-sign-in__divider,
.remote-sign-up__divider {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 2rem;
    font-size: 1.333em;
    text-align: center;
    text-transform: lowercase;
    opacity: 0.5;
}

.remote-sign-in__vendor-list-item {
    display: inline-block;
    margin: 0 0.5rem;
}

.remote-sign-in__vendor-list-item a.linkedin {
    /*background-color: #007bb5;*/
    border: 1px solid #007bb5;
}

.remote-sign-in__vendor-list-item a {
    display: inline-block;
    /* position: relative; */
    width: 50.5px;
    height: 50px;
    padding: 0;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
    margin: 0 15px;
}

a.facebook {
    /*background-color: #3b5998;*/
    border: 1px solid #3b5998;
}

a.google-plus {
    /*background-color: #db4437;*/
    border: 1px solid #db4437;
}

.forgot-password-text {
    float: right;
    color: #054484;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    margin: 10px 0px;
}

.checkout__form--sign-up .remote-sign-in__divider {
    display: none;
}

.remote-sign-in__divider,
.remote-sign-up__divider {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 2rem;
    font-size: 1.333em;
    text-align: center;
    text-transform: lowercase;
    opacity: 0.5;
}

.checkout__form--sign-up .remote-sign-in__divider {
    display: none;
}

.remote-sign-in__divider,
.remote-sign-up__divider {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 2rem;
    font-size: 1.333em;
    text-align: center;
    text-transform: lowercase;
    opacity: 0.5;
}

.PromoCodeBox {
    margin-bottom: 2rem;
    text-align: left;
}

.intl-tel-input.allow-dropdown.separate-dial-code {
    margin: 0px 0px 0 0 !important;
    width: 100%;
}

.intl-tel-input.allow-dropdown.separate-dial-code:active,
.intl-tel-input.allow-dropdown.separate-dial-code:focus,
.intl-tel-input.allow-dropdown.separate-dial-code:hover {
    border-color: #f5a623;
}

input[type="tel"]:active,
input[type="tel"]:focus,
input[type="tel"]:hover,
input[type="text"]:active,
input[type="text"]:focus,
input[type="text"]:hover,
input[type="email"]:active,
input[type="email"]:focus,
input[type="email"]:hover,
input[type="password"]:active,
input[type="password"]:focus,
input[type="password"]:hover,
input[type="search"]:active,
input[type="search"]:focus,
input[type="search"]:hover {
    border-color: #f5a623;
}

:focus {
    outline: 1px solid #f5a623;
    outline-offset: -1px;
    outline-style: solid;
}

input {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark-color(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    -webkit-appearance: textfield;
    background-color: -internal-light-dark-color(white, black);
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 0px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}

.button-primary:hover {
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #fff;
    text-decoration: none;
}

.intl-tel-input .country-list .country {
    padding: 0px 10px;
    margin: 0px;
}

span.country-name {
    font-size: 12px;
    color: #111;
    font-weight: 500;
}

.menu {
    width: 25%;
    text-align: left;
}

.menu a {
    height: 38px;
    padding-left: 1em;
    padding-right: 1em;
    background: none;
    color: #054484;
    display: inline-flex;
    border-radius: 28px;
    box-shadow: none;
    margin-left: 1em;
    border: 1px solid;
    padding-top: 4px;
    font-size: 18px;
}

.profile-name img {
    width: 35px;
    margin-top: 3px;
}

h1[class*="__heading"],
h2[class*="__heading"] {
    font-size: 3.5rem;
    text-align: left;
    margin-bottom: 2rem;
    font-weight: 600;
}

.remote-login {
    text-align: center;
    margin-bottom: 2rem;
}

.remote-login p {
    text-align: center;
    font-size: 1.6rem;
    text-transform: uppercase;
}

.checkout__form--sign-up .remote-sign-in__divider {
    display: none;
}

.remote-sign-in__divider,
.remote-sign-up__divider {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 2rem;
    font-size: 1.333em;
    text-align: center;
    text-transform: lowercase;
    opacity: 0.5;
}

.remote-sign-in__divider,
.remote-sign-up__divider {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 2rem;
    font-size: 1.333em;
    text-align: center;
    text-transform: lowercase;
    opacity: 0.5;
}

.checkout__form--sign-up .remote-sign-in__divider {
    display: none;
}

.remote-sign-in__divider,
.remote-sign-up__divider {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 2rem;
    font-size: 1.333em;
    text-align: center;
    text-transform: lowercase;
    opacity: 0.5;
}

.social-icon-fb {
    width: 35%;
    margin: 10px 15px;
}

.social-icon {
    width: 44%;
    margin: 14px 10px;
}

.checkout__form--sign-up .remote-sign-in__divider {
    display: none;
}

.remote-sign-in__divider,
.remote-sign-up__divider {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 2rem;
    font-size: 1.333em;
    text-align: center;
    text-transform: lowercase;
    opacity: 0.5;
}

#signupform-mobile {
    padding-left: 76px !important;
}

.epiques h3 {
    color: #222222;
    text-align: center;
    font-size: 24px;
}

.epiques h4 {
    font-size: 18px;
}

.epiques {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 10px;
}

a.links {
    cursor: pointer;
    color: #204281;
    font-weight: 600;
}


/* home page change */

.video-slider {
    background: url(../img/better_care_segment_background_compressed.png) no-repeat right top;
    height: 400px;
}

.links:hover {
    color: #225bc3;
    text-decoration: none;
}

.what-employess-left ul li p {
    font-size: 18px;
    color: #fff;
}

.pricing {
    outline: none !important;
    visibility: visible !important;
    resize: none !important;
    box-shadow: none !important;
    overflow: visible !important;
    /* background: #203d9f !important; */
    opacity: 1 !important;
    position: fixed !important;
    border: 0px !important;
    padding: 0px !important;
    transition-property: none !important;
    z-index: 1000001 !important;
    cursor: auto !important;
    float: none !important;
    pointer-events: auto !important;
    /* height: 75px !important; */
    /* min-height: 64px !important; */
    /* max-height: 50px !important; */
    /* width: 260px !important; */
    /* min-width: 260px !important; */
    /* max-width: 260px !important; */
    border-radius: 0px !important;
    transform: rotate(0deg) translateZ(0px) !important;
    transform-origin: 0px center !important;
    margin: 0px !important;
    top: auto !important;
    bottom: 0px !important;
    right: 10px !important;
    left: auto !important;
    display: block;
    text-align: center;
}

.pricing-offer {
    position: absolute;
    right: 0px;
    font-size: 23px;
    /* background: #6cd8f7; */
    width: 40px;
    /* height: 30px; */
    /* border-radius: 30px; */
    /* border: 1px solid #fff; */
    cursor: pointer;
    top: -35px;
    font-weight: bold;
}

a.AlreadyHaveAnAccount {
    text-align: center;
    float: right;
    margin-top: 20px;
}


/* home-health */

.green-co {
    color: #d2fe01;
}

.grey-j {
    color: #717070;
    font-weight: bold;
}

.brown {
    color: #ca590d;
    font-weight: bold;
}

.blue-g {
    color: #142f64;
    font-weight: bold;
}

.head-o {
    text-align: center;
    font-size: 35px;
    font-weight: bold;
}

.sub-point {
    font-size: 26px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

.home-health {
    background: #fbfbfd;
    padding: 30px 0px;
}

.home-health .table tr td.heading-full {
    background: #e1e7fb;
    border: none;
    color: #142f64;
    padding: 10px 17px;
}

.home-health table.table {
    font-size: 22px;
}

.home-health table.table img {
    width: 30px;
}

.home-health table.table .logo {
    width: 130px;
}

.home-health .table tr th {
    padding: 17px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333;
}

.home-health .table tr td {
    padding: 27px 17px;
    background: #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.home-health .table>thead>tr>th {
    background: transparent;
    color: #142f64;
    font-size: 22px;
    text-align: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sub-point {
    color: #524f4f;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.heading-1 {
    margin-bottom: 20px;
}

.treatment-tailred {
    margin: 30px 0px;
}

.telehealth-phy {
    padding: 50px 0px;
    background: #f8fafa;
}

.blue-title {
    text-align: center;
    font-family: 'Cardiff';
    color: #03307a;
    font-size: 28px;
    font-weight: bold;
}

.orage-title {
    text-align: center;
    font-family: 'Cardiff';
    color: #225bc3;
    font-size: 22px;
    font-weight: bold;
}

.safety-box {
    border-radius: 5px;
    padding: 20px;
    text-align: center;
    margin: 30px 0px;
    box-shadow: 0px 4px 20.37px 0.63px rgba(0, 0, 0, 0.15);
}

.safety-title {
    color: #03307a;
    font-size: 25px;
    line-height: 28px;
    margin-bottom: 10px;
}

.safety-des {
    font-size: 20px;
    color: #0a0a0a;
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.safety-icon {
    min-height: 120px;
}

.safety-icon img {
    width: 100px;
}

.telehealth-phy .row [class^='col-sm-'] {
    padding-left: 20px;
    padding-right: 20px;
}


/* request form */

.req-image {
    text-align: center;
    background: #f5f5f5;
}

.req-image img {
    width: 150px;
    /* margin-top: 4%; */
    border-radius: 76px;
    border: 2px solid #f67400;
    padding: 0px;
    height: 148px;
    padding: 0px 0px;
    position: relative;
    top: 25px;
}

.contact-discrption {
    font-size: 20px;
    text-align: center;
    color: #c6c6c6;
    font-weight: 500;
    line-height: 33px;
}

.contact-box {
    margin-top: 100px;
}

.contact-no {
    margin-top: 60px;
    text-align: center;
    font-size: 30px;
    color: #03307a;
    font-weight: bold;
    margin-bottom: 50px;
}

.request-form {
    border: 1px solid #f5f5f5;
    box-shadow: 0px 4px 20.37px 0.63px rgba(0, 0, 0, 0.15);
}

.line-breake-top {
    border-left: 1px solid #305bc4;
    height: 190px;
    position: relative;
    left: 68px;
}

.line-breake-bottom {
    border-left: 1px solid #305bc4;
    height: 190px;
    position: relative;
    left: 68px;
}

.line-breake-content {
    position: relative;
    left: 10px;
    font-size: 24px;
    margin-top: 36px;
    margin-bottom: 7px;
    color: #c6c6c6;
}

.line-breake-text {
    position: relative;
    left: 50px;
    font-size: 24px;
    margin-top: 14px;
    margin-bottom: 7px;
    color: #c6c6c6;
}

.request-form-box {
    margin-top: 100px;
}

.request-form-title {
    margin-top: 60px;
    text-align: center;
    font-size: 30px;
    color: #03307a;
    font-weight: bold;
    margin-bottom: 50px;
}

.request-form-content {
    text-align: center;
}

.request-form-row {
    margin-bottom: 5px;
}

.request-form-content .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: 2.375rem .75rem;
    font-size: 17px;
    font-weight: 400;
    line-height: 3.5;
    color: #495057 !important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin-bottom: 32px;
}

.line-breake-content-mobile {
    margin: 26px 11px 0px;
}

.line-breake-text-mobile {
    display: flex;
    flex-direction: row;
    color: #c6c6c6;
    font-size: 20px;
}

.line-breake-text-mobile:before,
.line-breake-text-mobile:after {
    content: "";
    flex: 1 1;
    border-bottom: 1px solid #305bc4;
    margin: auto;
}

.line-breake-text-mobile:before {
    margin-right: 10px
}

.line-breake-text-mobile:after {
    margin-left: 10px
}

#ruby-sticky-ctas {
    position: fixed;
    bottom: 0px;
    right: 17px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
    margin-right: 83px;
    margin-bottom: 30px;
    -webkit-animation: slide-from-bottom .15s linear;
    animation: slide-from-bottom .15s linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    z-index: 999;
    background: #2f59c1;
    padding: 6px 20px;
    border-radius: 30px;
    color: #fff;
    font-size: 20px;
}

.call-sticky {
    font-size: 20px;
    color: #fff;
}

.call-sticky:hover {
    color: #fff;
    text-decoration: none;
}

.call-sticky:active {
    color: #fff;
    text-decoration: none;
}

.call-sticky:focus {
    color: #fff;
    text-decoration: none;
}

.c-pointer {
    cursor: pointer;
}

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

.fixed {
    position: fixed;
}

.p-20 {
    padding: 20px;
}

.font-18 {
    font-size: 18px;
}

.color-white {
    color: white;
}

.physicians-fixed-button {
    top: 77%;
    left: 0px;
    border-radius: 0px 4px 4px 0px;
    background: #305bc4;
    z-index: 2;
    opacity: 1;
    visibility: visible;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}

.color-blue {
    color: #2EBFD5;
}

.color-blue:hover {
    color: #2EBFD5;
    text-decoration: none;
}

.moon-center-top {
    position: absolute;
    justify-content: center;
    left: 60%;
}

.moon-left-buttom {
    position: absolute;
    top: 46%;
}

.paycart-btn a {
    width: 93%;
    border-radius: 4px;
    padding: 6px;
    font-size: 20px;
}


/*** ruby-brigade css ***/

.ruby-brigade-product-block--container {
    position: relative;
    max-width: 100vw;
    overflow: hidden;
}

.ruby-brigade-product-block--label {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
}

.ruby-brigade-product-block--label h4 {
    background-color: #204484;
    padding: 10px 40px;
    color: #fff;
    position: relative;
}

.ruby-brigade-product-block--label h4:after {
    content: "";
    display: inline-block;
    width: 22px;
    height: 100%;
    background-color: #4f9dec;
    position: absolute;
    left: 100%;
    top: 0;
}

.ruby-brigade-product-block--content {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    row-gap: 40px;
    padding: 0 40px;
}

.ruby-brigade-product-block--content div:first-child {
    grid-column: 2/span 4;
}

.ruby-brigade-product-block--content div {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start;
    display: block;
    height: 100%;
}

.ruby-brigade-product-block--content div h1 {
    margin-bottom: 40px;
    /* font-family: sofia-pro; */
    font-weight: 700;
    font-size: 4.25em;
    line-height: 1;
    margin: .62em 0;
}

a.outbound-link {
    color: #102259;
    font-weight: 700;
    font-size: 14px;
    line-height: .875rem;
    letter-spacing: .54px;
    text-transform: uppercase;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
}

a.outbound-link:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 100%;
    width: 19px;
    height: 100%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEuMzEyIDUuNDA0SDE3LjU0TTE1IDEuMzc1bDIuNjUgMi43MzNhMiAyIDAgMDEwIDIuNzg0TDE1IDkuNjI1aDAiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=);
    background-position: 0;
    background-repeat: no-repeat;
    margin-left: 5px;
    -webkit-transition: background-position .15s ease;
    transition: background-position .15s ease;
}

.ruby-brigade-product-block--content div:first-child:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MjcgMTQ0Ij48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOSAuNzc0KSI+PHBhdGggZmlsbD0iI0VFOUNBMSIgZD0iTTQyOC43OTQuMTYxaDE1MC43MzN2NTAuNDIySDQyOC43OTR6Ii8+PGVsbGlwc2UgY3g9IjYyMC43MjIiIGN5PSIyNS4zNzIiIGZpbGw9IiM3RjIwNjIiIHJ4PSIyNS4yNzgiIHJ5PSIyNS4yMTEiLz48cGF0aCBmaWxsPSIjRjhENjhBIiBkPSJNNDAyLjkyLjA2M2MxLjQyOCAwIDIuMTc5LjAyNSAzLjU5OC4wNjF2NTAuMzY4Yy0uOTIzLS4wMjQtMi42Ny0uMDQtMy41OTgtLjA0LTQ4LjI3OSAwLTg3LjcwMSAzOC41MTctODkuMDEgODYuMzVhMTEyLjkyOCAxMTIuOTI4IDAgMDEtLjAxIDUuMDk4Yy4wMDcuMzc0LjAxNS43MTguMDI1IDEuMDA1aC01MC40OThsLS4wMDEtLjAyOS0uMDU1LjAwMmMuMDA4LS4yNy4wMTUtLjYxMi4wMjEtLjk4My0uMDMtLjg3My0uMDQzLTEuNDcxLS4wNDMtMi42MzYgMC0uODQ3LjAwNy0xLjY5NC4wMjMtMi41MzgtMS4zNjQtNDcuNzg2LTQwLjc3LTg2LjI0LTg5LjAwNS04Ni4yNC0xLjAwNSAwLTIuNjYzLjAxNi0zLjY1NS4wNVYuMTY1YzEuNTUtLjA1MyAyLjA5Ni0uMDc4IDMuNjU1LS4wNzggNDcuMTk3IDAgODguOTk3IDIzLjQ4NiAxMTQuMjY5IDU5LjM1NkMzMTMuOSAyMy41NjEgMzU1LjcxLjA2MyA0MDIuOTIuMDYzeiIvPjxwYXRoIGZpbGw9IiNFRTlDQTEiIGQ9Ik0uMDc4IDE0Mi45MDVoNTAuNDk4Yy0uMDMzLS45ODYtLjA1LTIuNjQzLS4wNS0zLjY0NiAwLTQ4Ljk2NCAzOS45NDItODguODA3IDg5LjA0Ni04OC44MDcuOTI3IDAgMi42NzUuMDE2IDMuNTk4LjA0Vi4xMjRjLTEuNDItLjAzNi0yLjE3LS4wNjEtMy41OTgtLjA2MUM2Mi42MS4wNjMgMCA2Mi41MTEgMCAxMzkuMjU5YzAgMS41Ni4wMjUgMi4xMDQuMDc4IDMuNjQ2Ii8+PC9nPjwvc3ZnPg==);
    height: 182px;
    width: 627px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
}

.ruby-brigade-product-block--content div:first-child:hover:after {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.ruby-brigade-product-block--content div:first-child:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    /*  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MjcgMTQ0Ij48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOSAuNzc0KSI+PHBhdGggZmlsbD0iI0VFOUNBMSIgZD0iTTQyOC43OTQuMTYxaDE1MC43MzN2NTAuNDIySDQyOC43OTR6Ii8+PGVsbGlwc2UgY3g9IjYyMC43MjIiIGN5PSIyNS4zNzIiIGZpbGw9IiM3RjIwNjIiIHJ4PSIyNS4yNzgiIHJ5PSIyNS4yMTEiLz48cGF0aCBmaWxsPSIjRjhENjhBIiBkPSJNNDAyLjkyLjA2M2MxLjQyOCAwIDIuMTc5LjAyNSAzLjU5OC4wNjF2NTAuMzY4Yy0uOTIzLS4wMjQtMi42Ny0uMDQtMy41OTgtLjA0LTQ4LjI3OSAwLTg3LjcwMSAzOC41MTctODkuMDEgODYuMzVhMTEyLjkyOCAxMTIuOTI4IDAgMDEtLjAxIDUuMDk4Yy4wMDcuMzc0LjAxNS43MTguMDI1IDEuMDA1aC01MC40OThsLS4wMDEtLjAyOS0uMDU1LjAwMmMuMDA4LS4yNy4wMTUtLjYxMi4wMjEtLjk4My0uMDMtLjg3My0uMDQzLTEuNDcxLS4wNDMtMi42MzYgMC0uODQ3LjAwNy0xLjY5NC4wMjMtMi41MzgtMS4zNjQtNDcuNzg2LTQwLjc3LTg2LjI0LTg5LjAwNS04Ni4yNC0xLjAwNSAwLTIuNjYzLjAxNi0zLjY1NS4wNVYuMTY1YzEuNTUtLjA1MyAyLjA5Ni0uMDc4IDMuNjU1LS4wNzggNDcuMTk3IDAgODguOTk3IDIzLjQ4NiAxMTQuMjY5IDU5LjM1NkMzMTMuOSAyMy41NjEgMzU1LjcxLjA2MyA0MDIuOTIuMDYzeiIvPjxwYXRoIGZpbGw9IiNFRTlDQTEiIGQ9Ik0uMDc4IDE0Mi45MDVoNTAuNDk4Yy0uMDMzLS45ODYtLjA1LTIuNjQzLS4wNS0zLjY0NiAwLTQ4Ljk2NCAzOS45NDItODguODA3IDg5LjA0Ni04OC44MDcuOTI3IDAgMi42NzUuMDE2IDMuNTk4LjA0Vi4xMjRjLTEuNDItLjAzNi0yLjE3LS4wNjEtMy41OTgtLjA2MUM2Mi42MS4wNjMgMCA2Mi41MTEgMCAxMzkuMjU5YzAgMS41Ni4wMjUgMi4xMDQuMDc4IDMuNjQ2Ii8+PC9nPjwvc3ZnPg==); */
    background: url(../signupimages/livevirtualreceptionists.jpeg);
    height: 177px;
    width: 402px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
    background-repeat: no-repeat;
    background-size: contain;
}

.ruby-brigade-product-block--content div:nth-child(2):hover:after {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.ruby-brigade-product-block--content div:nth-child(2):after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    /*  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNDMgMTcwIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiMxMTI0NTciIGQ9Ik0yNTguNCAwYzQ2LjY3NyAwIDg0LjUxNCAzOC4wNTcgODQuNTE0IDg1IDAgNDYuOTQ1LTM3LjgzNyA4NS04NC41MTQgODVWMHoiLz48cGF0aCBmaWxsPSIjMzI5NjlEIiBkPSJNMTMwLjE3MSAwYzQ2LjY3NyAwIDg0LjUxNSAzOC4wNTcgODQuNTE1IDg1IDAgNDYuOTQ1LTM3LjgzOCA4NS04NC41MTUgODVWMHoiLz48cGF0aCBmaWxsPSIjQTlBMUI2IiBkPSJNMCAwYzQ2LjY3NyAwIDg0LjUxNCAzOC4wNTcgODQuNTE0IDg1IDAgNDYuOTQ1LTM3LjgzNyA4NS04NC41MTQgODVWMHoiLz48L2c+PC9zdmc+); */
    background: url(../signupimages/livechatshowhover.jpeg);
    height: 170px;
    width: 343px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
    background-repeat: no-repeat;
    background-size: contain;
}

.ruby-brigade-product-block--content div:nth-child(2) {
    grid-column: 8/span 4;
}

.ruby-brigade-product-block--content {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    row-gap: 40px;
    padding: 0 40px;
}

.ruby-brigade-product-block--container {
    padding: 70px 0px 200px;
}

.ruby-brigade-product-block--content:before {
    content: "";
    width: 1px;
    height: 530px;
    position: absolute;
    top: 50%;
    margin-top: -265px;
    left: 50%;
    background: #ede6da;
}


/**  blog */

.site-content {
    background-color: #fff;
}

section {
    display: block;
}

.ruby-brigade-gutenburg-hero-small--bg-blue {
    background: #102259;
}

.ruby-brigade-gutenburg-hero-small {}

.ruby-brigade-gutenburg-hero-small>div:not(.ruby-entry-share) {
    height: 15rem;
}

.ruby-brigade-gutenburg-hero-small--shape-half_circle {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTk5IiBoZWlnaHQ9IjM5OSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGNsaXBQYXRoIGlkPSJiIj48dXNlIHhsaW5rOmhyZWY9IiNhIi8+PC9jbGlwUGF0aD48cGF0aCBkPSJNMCAwaDE5OXYzOTlIMFYweiIgaWQ9ImEiLz48L2RlZnM+PHBhdGggZD0iTTAgMGgxOTl2Mzk5SDBWMHoiIGZpbGw9Im5vbmUiLz48ZyBjbGlwLXBhdGg9InVybCgjYikiPjxwYXRoIGQ9Ik0xOTkgMEM4OS4wOTMgMCAwIDg5LjMyMSAwIDE5OS41Uzg5LjA5MyAzOTkgMTk5IDM5OVYweiIgZmlsbD0iI0E5QTFCNiIvPjwvZz48L3N2Zz4=) 100% no-repeat;
}

.ruby-brigade-gutenburg-hero-small--container {
    display: flex;
    max-width: 90rem;
    height: 100%;
    text-align: center;
    padding: 0 50px 0 65px;
}

.ruby-brigade-gutenburg-hero-small--content {
    place-self: center stretch;
    width: 100%;
}

.ruby-brigade-gutenburg-hero-small--content h1 {
    font-size: 2.5rem;
    line-height: 1em;
    margin: 0 0 1.25rem;
    text-align: left;
    display: inline-block;
    width: 100%;
}

.ruby-brigade-gutenburg-hero-small--single h1 {
    font-weight: 400;
}

.ruby-brigade-gutenburg-hero-small--container * {
    color: #fff;
    /* font-family: sofia-pro; */
    font-weight: 700;
}

.resources-category-content {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    max-width: 1360px;
    margin: 0 auto;
}

.resources-search-container {
    width: 100%;
    display: grid;
    grid-column: 2/span 10;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    margin: 0 auto;
    padding: 2.2rem 0;
    border-bottom: none;
}

#search-resources-menu {
    grid-column: 1/span 7;
    grid-row: 1;
    justify-self: start;
    align-self: center;
}

#search-resources-menu ul {
    padding-left: 0;
    margin: 0;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    font-size: 22px;
    /* font-family: sofia-pro; */
    line-height: 1.36364;
}

#search-resources-menu li {
    display: block;
}

.menu-item {
    margin-top: 0;
}

#search-resources-menu a {
    font-size: 20px;
}

#search-resources-menu a {
    color: #102259;
    text-decoration: none;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.5;
    -webkit-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
    display: inline-block;
    white-space: nowrap;
}

#search-resources-menu li:not(:last-child):after {
    content: "|";
    color: #102259;
    margin: 0 .5em;
}

.resources-search-container .ruby-search {
    grid-column: 7/span 6;
    grid-row: 1;
    width: 100%;
}

.ruby-search,
.ruby-search .search-container {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
}

.ruby-search {
    flex-wrap: nowrap;
    height: 50px;
}

.resources-search-container .ruby-search .search-container {
    width: 100%;
    min-width: auto;
}

.ruby-search .search-container {
    height: 100%;
    min-width: 426px;
}

.ruby-search,
.ruby-search .search-container {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
}

.ruby-search .search-container input {
    width: 100%;
    height: 100%;
    padding: 0 .75rem .125rem;
    font-size: 15px;
    line-height: 100%;
    border-radius: 0;
    border-color: #ede6da;
}

.ruby-button.search {
    min-height: 3.125rem;
    height: 100%;
    min-width: 7.375rem;
    padding-bottom: .125rem;
    background-color: #102259;
    border-radius: 0;
    line-height: 100%;
    text-transform: uppercase;
}

.ruby-button {
    font-size: 16px;
    height: 50px;
    min-width: 200px;
}

.ruby-button {
    height: 40px;
    padding: 0 28px;
    min-width: 200px;
    background-color: #7f2062;
    border-radius: 28px;
    border: none;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: .039em;
    -webkit-transition: background-color .1s ease-in-out, color .1s ease-in-out;
    transition: background-color .1s ease-in-out, color .1s ease-in-out;
    text-decoration: none;
    text-align: center;
    max-width: 285px;
}

.resources-category-content .resources-category-filters {
    display: -webkit-box;
    display: flex;
    padding: 0.75rem 0 2rem;
}

.resources-category-content .resources-category-filters {
    grid-column: 2/span 10;
    border-bottom: .0625rem solid #ede6da;
}

.resources-category-content .resources-category-filters--box.small {
    width: 20%;
}

.resources-category-content .resources-category-filters--box {
    padding-right: 1.5rem;
}

#filter-form button.ruby-button {
    min-height: 38px;
    max-height: 38px;
    height: 100%;
    max-width: 157px;
    width: 100%;
    align-self: flex-end;
}

.resources-category-filters--box label {
    text-transform: uppercase;
    display: block;
    margin-bottom: 12px;
    font-size: 20px;
}

#ruby-brigade-newsletter button,
button.pink-underline,
h5,
h6,
label {
    /* font-family: sofia-pro; */
    font-weight: 700;
    font-size: 18px;
    letter-spacing: .039em;
    line-height: 1.42857;
}

#ruby-brigade-newsletter button,
button.pink-underline,
h1,
h2,
h3,
h4,
h5,
h6,
label,
li,
p {
    color: #102259;
}

.resources-category-content .resources-category-filters--box select {
    display: block;
    width: 100%;
    height: 30px;
    padding: 0 10px;
    font-size: 16px;
}

.resources-category-content .resources-category-post-list {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 2.2vw;
    grid-row-gap: 5vw;
    max-width: 1368px;
    margin: 0;
    padding: 2.5vw 2.2vw;
}

.resources-category-content .resources-category-post-list,
.resources-category-content .resources-category-post-read-more {
    grid-column: 1/span 12;
}

.resources-category-content .resources-category-post-list .resources-card--blog,
.resources-category-content .resources-category-post-list .resources-card--news {
    width: 100%;
    max-width: 428px;
}

.resources-category-content .resources-category-post-list .resources-card--blog,
.resources-category-content .resources-category-post-list .resources-card--content,
.resources-category-content .resources-category-post-list .resources-card--events,
.resources-category-content .resources-category-post-list .resources-card--news {
    min-width: auto;
    max-width: 100%;
    margin: 0;
    grid-column-end: span 4;
    justify-self: center;
}

.resources-category-content .resources-category-post-list .resources-card {
    text-decoration: none;
}

a.resources-card--blog,
a.resources-card--news {
    display: -webkit-box!important;
    display: flex!important;
    max-width: 38.75rem;
    min-width: 26.75rem;
    width: 100%;
    min-height: 23.5rem;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    grid-column-end: span 4;
}

a.resources-card {
    background: #fff;
    text-decoration: none;
}

a.resources-card--blog img,
a.resources-card--news img {
    width: 100%;
}

.resources-category-content .resources-category-post-list .resources-card--content {
    max-width: 330px;
}

.resources-category-content .resources-category-post-list .resources-card--blog div,
.resources-category-content .resources-category-post-list .resources-card--content div,
.resources-category-content .resources-category-post-list .resources-card--events div,
.resources-category-content .resources-category-post-list .resources-card--news div {
    padding: 1.175rem 1.5vw 1.175rem;
    overflow: hidden;
    -webkit-box-flex: 1;
    flex: 1;
}

a.resources-card--blog div,
a.resources-card--news div {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 6.625rem;
    padding: .875rem;
    text-align: center;
    background: #fff;
    -webkit-box-flex: 1;
    flex: 1;
    border-right: .0625rem solid #ede6da;
    border-bottom: .0625rem solid #ede6da;
    border-left: .0625rem solid #ede6da;
    overflow: hidden;
}

#ruby-brigade-newsletter a.resources-card--blog div button,
#ruby-brigade-newsletter a.resources-card--news div button,
a.resources-card--blog div #ruby-brigade-newsletter button,
a.resources-card--blog div button.pink-underline,
a.resources-card--blog div h5,
a.resources-card--blog div label,
a.resources-card--news div #ruby-brigade-newsletter button,
a.resources-card--news div button.pink-underline,
a.resources-card--news div h5,
a.resources-card--news div label {
    margin-bottom: 10px;
    font-size: 16px;
    text-transform: capitalize;
    color: #102259;
    white-space: unset;
    line-height: 24px;
    font-weight: 600;
    height: 70px;
}

#ruby-brigade-newsletter button.label,
button.label.pink-underline,
h5.label,
h6.label,
label.label {
    font-size: .813em;
    letter-spacing: .5px;
    line-height: 1.38462;
}

#ruby-brigade-newsletter button,
button.pink-underline,
h5,
h6,
label {
    /* font-family: sofia-pro; */
    font-weight: 700;
    font-size: .875em;
    letter-spacing: .039em;
    line-height: 1.42857;
}

#ruby-brigade-newsletter button,
button.pink-underline,
h1,
h2,
h3,
h4,
h5,
h6,
label,
li,
p {
    color: #102259;
}

#ruby-brigade-newsletter button,
button.pink-underline,
h1,
h2,
h3,
h4,
h5,
h6,
label {
    font-size: 100%;
    font-weight: 400;
}

#ruby-brigade-newsletter button,
blockquote,
body,
button.pink-underline,
dd,
dl,
dt,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
iframe,
label,
legend,
p,
pre,
textarea {
    margin: 0;
    padding: 0;
}

a.resources-card--blog div p,
a.resources-card--news div p {
    margin: 0;
}

.p3 {
    font-size: 15px;
    line-height: 20px;
    font-size: 20px;
    line-height: 42px;
    /* font-family: sofia-pro; */
    color: #102259;
}

.p2 {
    /* font-family: sofia-pro; */
    font-size: 1.375rem;
    line-height: 1.40909;
    font-weight: 400;
    color: #102259;
}

#ruby-brigade-newsletter button,
button.pink-underline,
h1,
h2,
h3,
h4,
h5,
h6,
label,
li,
p {
    color: #102259;
}

#ruby-brigade-newsletter button,
blockquote,
body,
button.pink-underline,
dd,
dl,
dt,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
iframe,
label,
legend,
p,
pre,
textarea {
    margin: 0;
    padding: 0;
}


/* body, button, input, optgroup, select, textarea {
    font-family: sofia-pro;
} */

main {
    display: block;
}

article {
    display: block;
}

.ruby-brigade-gutenburg-hero-small--single .ruby-brigade-gutenburg-hero-small--content .author {
    font-size: 1.375rem;
    font-weight: 700;
    display: inline-block;
    text-align: left;
}

.ruby-brigade-gutenburg-hero-small--single .ruby-entry-share {
    position: relative;
}

.ruby-brigade-gutenburg-hero-small--single .ruby-entry-share ul {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    list-style-type: none;
    margin-right: .5rem;
}

.ruby-brigade-gutenburg-hero-small--single .ruby-entry-share ul li:first-child {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}

.ruby-brigade-gutenburg-hero-small--single .ruby-entry-share ul li {
    display: inline-block;
    margin-right: .5rem;
    margin-top: 0;
    -webkit-animation: bounce .25s linear;
    animation: bounce .25s linear;
}

.ruby-entry-content {
    padding: 4rem 0;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
    width: 100%;
    color: #102259;
}

.longform-content .wp-block-group,
.rich-text-container {
    font-size: .875rem;
    line-height: 1.5;
    color: #102259;
}

.wp-block-image {
    margin-bottom: 1em;
}

.wp-block-image .aligncenter {
    margin-left: auto;
    margin-right: auto;
}

.wp-block-image .aligncenter,
.wp-block-image .alignleft,
.wp-block-image .alignright,
.wp-block-image.is-resized {
    display: table;
    /* margin-left: 0;
    margin-right: 0; */
}

#ruby-brigade-newsletter .ruby-entry-content button,
.ruby-entry-content #ruby-brigade-newsletter button,
.ruby-entry-content .wp-block-button,
.ruby-entry-content button.pink-underline,
.ruby-entry-content h1,
.ruby-entry-content h2,
.ruby-entry-content h3,
.ruby-entry-content h4,
.ruby-entry-content h5,
.ruby-entry-content h6,
.ruby-entry-content img,
.ruby-entry-content label,
.ruby-entry-content ol,
.ruby-entry-content p,
.ruby-entry-content ul {
    grid-column: 4/span 6;
}

.ruby-entry-content.rich-text-container p {
    font-size: 1.375rem;
    line-height: 1.675rem;
}

.wp-block-image img {
    max-width: 100%;
}

p.has-background {
    padding: 20px 30px;
}

.ruby-entry-content p {
    margin-bottom: 1.5em;
}

.entry-content-para h2 {
    margin-bottom: 25px;
    margin-top: 30px;
    text-align: left;
}

.ruby-entry-content li,
.ruby-entry-content p {
    /* font-size: 1.375rem;
    line-height: 1.875rem; */
}

#ruby-brigade-newsletter .ruby-entry-content button,
.ruby-entry-content #ruby-brigade-newsletter button,
.ruby-entry-content .wp-block-button,
.ruby-entry-content button.pink-underline,
.ruby-entry-content h1,
.ruby-entry-content h2,
.ruby-entry-content h3,
.ruby-entry-content h4,
.ruby-entry-content h5,
.ruby-entry-content h6,
.ruby-entry-content img,
.ruby-entry-content label,
.ruby-entry-content ol,
.ruby-entry-content p,
.ruby-entry-content ul {
    grid-column: 4/span 6;
}

.longform-content .wp-block-group p,
.rich-text-container p {
    margin: 1em 0;
}

.longform-content .wp-block-group li,
.longform-content .wp-block-group ol,
.longform-content .wp-block-group p,
.longform-content .wp-block-group ul,
.rich-text-container li,
.rich-text-container ol,
.rich-text-container p,
.rich-text-container ul {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}

#ruby-brigade-newsletter .ruby-entry-content button,
.ruby-entry-content #ruby-brigade-newsletter button,
.ruby-entry-content .wp-block-button,
.ruby-entry-content button.pink-underline,
.ruby-entry-content h1,
.ruby-entry-content h2,
.ruby-entry-content h3,
.ruby-entry-content h4,
.ruby-entry-content h5,
.ruby-entry-content h6,
.ruby-entry-content img,
.ruby-entry-content label,
.ruby-entry-content ol,
.ruby-entry-content p,
.ruby-entry-content ul {
    grid-column: 4/span 6;
}

.longform-content .wp-block-group ul,
.rich-text-container ul {
    list-style: none;
    margin: 1em 0;
    padding: 0;
}

.longform-content .wp-block-group li,
.longform-content .wp-block-group ol,
.longform-content .wp-block-group p,
.longform-content .wp-block-group ul,
.rich-text-container li,
.rich-text-container ol,
.rich-text-container p,
.rich-text-container ul {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}

.ruby-entry-content>* {
    grid-column: 1/span 12;
}

.longform-content .wp-block-group ul li,
.rich-text-container ul li {
    padding-left: 1.125em;
    margin-top: .5em;
    position: relative;
}

.longform-content .wp-block-group ol li,
.longform-content .wp-block-group ul li,
.rich-text-container ol li,
.rich-text-container ul li {
    text-align: left;
}

.ruby-entry-content li,
.ruby-entry-content p {
    font-size: 2.375rem;
    line-height: 2.875rem;
}

:root .has-very-light-gray-color {
    color: #eee;
}

.ruby-entry-content p {
    margin-bottom: 1.5em;
}

.longform-content .wp-block-group p.has-very-light-gray-color a,
.rich-text-container p.has-very-light-gray-color a {
    color: #fff!important;
}

.ruby-brigade-gutenburg-device-banner--container.blue {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzk2IiBoZWlnaHQ9IjQyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik03OC41OCA0MC44NGMwLTIyIDE4LjI4Ni00MC44NCA0MC44NC00MC44NCAyMi41NTYgMCA0MC44NDIgMTguODQgNDAuODQyIDQwLjg0SDc4LjU4em0xNTcuMTYgMGMwLTIyIDE4LjI4NS00MC44NCA0MC44NC00MC44NCAyMi41NTUgMCA0MC44NDEgMTguODQgNDAuODQxIDQwLjg0SDIzNS43NHpNODEuNjguNTA2YzAgMjIuOTE3LTE4LjI4NSA0MC44NC00MC44NCA0MC44NEMxOC4yODUgNDEuMzQ3IDAgMjMuNDI0IDAgLjUwN2g4MS42OHptMTU3LjE2MSAwYzAgMjIuOTE3LTE4LjI4NiA0MC44NC00MC44NDEgNDAuODQtMjIuNTU0IDAtNDAuODQtMTcuOTIzLTQwLjg0LTQwLjg0aDgxLjY4MXptMTU3LjE2IDBjMCAyMi45MTctMTguMjg2IDQwLjg0LTQwLjg0IDQwLjg0LTIyLjU1NSAwLTQwLjg0MS0xNy45MjMtNDAuODQxLTQwLjg0aDgxLjY4MXoiIGZpbGw9IiMzMjk2OUQiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) no-repeat 100.5% 100%, #102259;
}

.ruby-brigade-gutenburg-device-banner--container {
    margin: 4vw 0;
    color: #fff;
}

.ruby-entry-content>* {
    grid-column: 1/span 12;
}

.ruby-brigade-gutenburg-device-banner--container .content {
    position: relative;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    max-width: 1360px;
    margin: 0 auto;
    padding: 3.45vw 0 3.75vw;
    text-align: center;
}

.ruby-brigade-gutenburg-device-banner--container .content .content-device {
    position: relative;
    display: -webkit-box;
    display: flex;
    grid-column: 1/span 4;
    text-align: center;
}

.ruby-brigade-gutenburg-device-banner--container .content .content-device.tablet .device-container {
    margin: -8vw 0;
}

.ruby-brigade-gutenburg-device-banner--container .content .content-device .device-container {
    position: relative;
    display: -webkit-box;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.ruby-brigade-gutenburg-device-banner--container .content .content-device.tablet .device-container img {
    height: 88%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAAE8CAIAAABxaqu+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZEMjc1RUEzRUY4MTExRTk5RjQzQjY1MEZDM0VDNkEzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZEMjc1RUE0RUY4MTExRTk5RjQzQjY1MEZDM0VDNkEzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkQyNzVFQTFFRjgxMTFFOTlGNDNCNjUwRkMzRUM2QTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkQyNzVFQTJFRjgxMTFFOTlGNDNCNjUwRkMzRUM2QTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6UYGM9AAACYElEQVR42uzSQQ0AAAjEMMC/58MEL9JKWNYp+GMkwNBgaDA0GBpDg6HB0GBoMDSGBkODocHQYGgMDYYGQ4OhwdAYGgwNhgZDg6ExNBgaDA2GBkNjaDA0GBoMDYbG0GBoMDQYGkODocHQYGgwNIYGQ4OhwdBgaAwNhgZDg6HB0BgaDA2GBkODoTE0GBoMDYYGQ2NoMDQYGgwNhsbQYGgwNBgaDI2hwdBgaDA0hgZDg6HB0GBoDA2GBkODocHQGBoMDYYGQ4OhMTQYGgwNhgZDY2gwNBgaDA2GxtBgaDA0GBoMjaHB0GBoMDSGBkODocHQYGgMDYYGQ4OhwdAYGgwNhgZDg6ExNBgaDA2GBkNjaDA0GBoMDYbG0GBoMDQYGgyNocHQYGgwNBgaQ4OhwdBgaAwNhgZDg6HB0BgaDA2GBkODoTE0GBoMDYYGQ2NoMDQYGgwNhsbQYGgwNBgaDI2hwdBgaDA0GBpDg6HB0GBoDA2GBkODocHQGBoMDYYGQ4OhMTQYGgwNhgZDY2gwNBgaDA2GxtBgaDA0GBoMjaHB0GBoMDQYGkODocHQYGgwNIYGQ4OhwdAYGgwNhgZDg6ExNBgaDA2GBkNjaDA0GBoMDYbG0GBoMDQYGgyNocHQYGgwNBgaQ4OhwdBgaDA0hgZDg6HB0BhaAgwNhgZDg6ExNBgaDA2GBkNjaDA0GBoMDYbG0GBoMDQYGgyNocHQYGgwNBgaQ4OhwdBgaDA0hgZDg6HB0GBoDA2GBkODoTE0GBoMDYYGQ2NoMDQYGgwNhsbQYGgwNBgaDI2hwdBgaLizAgwAApwDd5eyHAQAAAAASUVORK5CYII=) no-repeat 50%;
    background-size: 98%;
}

.ruby-brigade-gutenburg-device-banner--container .content .content-device .device-container img {
    position: relative;
    display: inline-block;
    height: auto;
}

#ruby-brigade-newsletter .ruby-entry-content button,
.ruby-entry-content #ruby-brigade-newsletter button,
.ruby-entry-content .wp-block-button,
.ruby-entry-content button.pink-underline,
.ruby-entry-content h1,
.ruby-entry-content h2,
.ruby-entry-content h3,
.ruby-entry-content h4,
.ruby-entry-content h5,
.ruby-entry-content h6,
.ruby-entry-content img,
.ruby-entry-content label,
.ruby-entry-content ol,
.ruby-entry-content p,
.ruby-entry-content ul {
    grid-column: 4/span 6;
}

.ruby-brigade-gutenburg-device-banner--container .content .content-text {
    grid-column: 5/span 4;
}

.ruby-brigade-gutenburg-device-banner--container .content .content-text h3 {
    margin-bottom: .5rem;
}

.ruby-brigade-gutenburg-device-banner--container h3,
.ruby-brigade-gutenburg-device-banner--container p {
    color: #fff;
}

#ruby-brigade-newsletter .ruby-entry-content button,
.ruby-entry-content #ruby-brigade-newsletter button,
.ruby-entry-content button.pink-underline,
.ruby-entry-content h1,
.ruby-entry-content h2,
.ruby-entry-content h3,
.ruby-entry-content h4,
.ruby-entry-content h5,
.ruby-entry-content h6,
.ruby-entry-content label {
    margin-bottom: 25px;
}

#ruby-brigade-newsletter .ruby-entry-content button,
.ruby-entry-content #ruby-brigade-newsletter button,
.ruby-entry-content .wp-block-button,
.ruby-entry-content button.pink-underline,
.ruby-entry-content h1,
.ruby-entry-content h2,
.ruby-entry-content h3,
.ruby-entry-content h4,
.ruby-entry-content h5,
.ruby-entry-content h6,
.ruby-entry-content img,
.ruby-entry-content label,
.ruby-entry-content ol,
.ruby-entry-content p,
.ruby-entry-content ul {
    grid-column: 4/span 6;
}

.ruby-brigade-gutenburg-device-banner--container .content .content-text p {
    margin-bottom: 0;
}

.ruby-brigade-gutenburg-device-banner--container h3,
.ruby-brigade-gutenburg-device-banner--container p {
    color: #fff;
}

.ruby-entry-content p {
    margin-bottom: 1.5em;
}

.ruby-brigade-gutenburg-device-banner--container .content .content-text a {
    height: auto;
    min-width: auto;
    margin: 1.375rem 0 0;
    padding: 1rem 3.375rem;
    line-height: 1.25rem;
}

.ruby-brigade-gutenburg-device-banner--container .ruby-button {
    text-decoration: none;
}

.ruby-button.knockout {
    background-color: #fff;
    border: 2px solid #fff;
    color: #102259;
}

.ruby-entry-content h2 {
    /* font-family: sofia-pro; */
    font-weight: 500;
    font-size: 1.25em;
    line-height: 1;
}

.wp-block-button.aligncenter,
.wp-block-button.alignleft,
.wp-block-button.alignright {
    display: block;
    justify-self: right;
    float: unset;
    margin-top: 30px;
}

.wp-block-button.aligncenter {
    text-align: center;
}

.ruby-entry-content>* {
    grid-column: 1/span 12;
}

.wp-block-button {
    max-width: 1360px;
    width: 100%;
    margin: 0 auto;
}

.wp-block-button {
    color: #fff;
}

.ruby-button.secondary.outline {
    border: 2px solid #102259;
}

.ruby-button.secondary {
    background-color: #fff;
    color: #102259;
}

.ruby-button.secondary.outline {
    border: 2px solid #102259;
}

.ruby-button.secondary:hover {
    background-color: #102259;
    color: #fff;
    text-decoration: none;
}

.resources-category-content .resources-category-post-read-more {
    padding: 0 0 4rem;
    text-align: center;
}

.resources-category-content .resources-category-post-list,
.resources-category-content .resources-category-post-read-more {
    grid-column: 1/span 12;
}

.wp-block-image .aligncenter {
    margin-left: auto;
    margin-right: auto;
}

.p2,
p {
    /* font-family: sofia-pro; */
    font-size: 1.375rem;
    line-height: 1.40909;
    font-weight: 400;
}

.is-style-ruby a {
    height: 40px;
    padding: 0 28px;
    min-width: 140px;
    background-color: #7f2062;
    border-radius: 28px;
    border: none;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: .039em;
    -webkit-transition: background-color .1s ease-in-out, color .1s ease-in-out;
    transition: background-color .1s ease-in-out, color .1s ease-in-out;
    text-decoration: none;
    white-space: nowrap;
}

.ruby-brigade-gutenburg-try-ruby--container.with-banner {
    padding-top: 0px;
}

.ruby-brigade-gutenburg-try-ruby--container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}


/* .ruby-brigade-gutenburg-try-ruby--container.with-banner:before {
    content: "";
    position: absolute;
    height: 75px;
    width: 100%;
    top: 0;
    background-image: url(../signupimages/bgblogbutton-border.svg);
    background-repeat: repeat-x;
} */

.ruby-brigade-gutenburg-try-ruby--copy {
    padding: 150px 0 0px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    max-width: 530px;
    position: relative;
    z-index: 2;
}

.ruby-brigade-gutenburg-try-ruby--copy h1 {
    font-size: 4em;
    line-height: 1.125em;
    letter-spacing: -.01em;
    font-weight: 400;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 0;
}

.ruby-brigade-gutenburg-try-ruby--copy p {
    font-size: 2.875rem;
    line-height: 1.285em;
    text-align: center;
    width: 90%;
    margin: 10px auto 25px;
}

span.inline-heart {
    display: inline-block;
    width: 22px;
    height: 19px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiAxOSI+PHBhdGggZmlsbD0iI0VFOUNBMSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNLjMyIDUuNjE0Qy4zMiAzLjEyNCAyLjI2LjQ1NiA1LjE4MS40NTZjMi4wNzIgMCA0LjI0MiAxLjQ0MSA2LjA0NCAzLjY5IDAgMCAyLjAwNS00LjI0NSA2LjU3NC0zLjc4MiAyLjA3My4yMSAzLjc2NiAyLjEyMyAzLjc2NiA0Ljg5NyAwIDIuNDI2LTEuMjY1IDUuMjE2LTQuMDUgOC4wMDEtNi4yNDIgNi4yNDItMTAuODMgNS43MDItMTEuMDk1IDUuNjk3LS40MDQtLjAxLS43NjYtLjM5NS0uMzg0LS43ODcgMS4wMy0xLjA2IDEuNzE2LTEuMTU3IDIuNTMzLTIuOTM4LjE3LS4zNzEtOC4yNDktMi43MDgtOC4yNDktOS42MiIvPjwvc3ZnPg==);
    overflow: hidden;
    text-indent: -100px;
}

.ruby-brigade-gutenburg-try-ruby--copy .ruby-button {
    margin-bottom: 28px;
}

.ruby-button[data-hover-value] {
    overflow: hidden;
    position: relative;
}

.ruby-button[data-hover-value]:before {
    content: attr(data-hover-value);
    position: absolute;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity .15s ease;
    transition: opacity .15s ease;
    background-color: #ef9ca1;
}

h1.sans {
    font-family: Akin W01 Regular;
    font-size: 2.875em;
    line-height: 1.08696;
}

.ruby-brigade-gutenburg-try-ruby--container.with-banner .spinning-circles-container {
    margin-top: -75px;
}

.spinning-circles-container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.spinning-circles-container .spinning-circles.circle-1 {
    left: 20%;
    top: 30%;
    -webkit-animation: none;
    animation: none;
}

.spinning-circles-container .spinning-circles.circle-2 {
    left: 30%;
    bottom: 20%;
}

.spinning-circles-container .spinning-circles.circle-3 {
    top: 20%;
    left: 50%;
}

.spinning-circles-container .spinning-circles.circle-4 {
    right: 20%;
    top: 35%;
    -webkit-animation: none;
    animation: none;
}

.spinning-circles-container .spinning-circles.circle-5 {
    right: 30%;
    bottom: 10%;
}

.spinning-circles-container .spinning-circles {
    position: absolute;
    -webkit-animation: spinner 5s linear;
    animation: spinner 5s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
}

.ruby-brigade-gutenburg-device-banner--container h3,
.ruby-brigade-gutenburg-device-banner--container p {
    color: #fff;
}

.entry-content-para {
    grid-column: 2/span 10;
    padding: 0px 42px;
    text-align: justify;
}


/* blog slik slider */

.resources-section {
    width: 100%;
    display: grid;
    grid-template-rows: repeat(2, -webkit-fit-content);
    grid-template-rows: repeat(2, fit-content);
    grid-template-columns: repeat(12, 1fr);
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

.resources-section .resources-header {
    grid-column: 2/span 10;
    grid-row: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 1.875rem 0;
    border-top: .0625rem solid #d7d7d7;
}

.resources-section .resources-header h2 {
    padding-bottom: .25rem;
    line-height: 100%;
    /* font-family: sofia-pro; */
    font-weight: 700;
    font-size: 2em;
    line-height: 1.11111;
}

.ruby-button.secondary.outline {
    border: 2px solid #102259;
}

.ruby-button.secondary {
    background-color: #fff;
    color: #102259;
}

.resources-section .resources-post-list {
    position: relative;
    margin: 1rem 0 9.375rem;
    grid-column: 2/span 10;
    grid-row: 2;
    overflow: hidden;
}

.resources-section .resources-post-list .resources-post-list--content {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    height: auto;
    /*  scrollbar-width: none;
    -ms-overflow-style: none;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth; 
    overflow-x: scroll;
    overflow-y: hidden;*/
}

.slick-list,
.slick-slider {
    position: relative;
    display: block;
}

.slick-slider-ruby .slick-arrow.slick-next {
    right: 40;
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-slider-ruby .slick-arrow.slick-prev {
    left: 42px;
    border-top-left-radius: 4rem;
    border-bottom-left-radius: 4rem;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-filter: FlipH;
    filter: FlipH;
    -ms-filter: "FlipH";
}

.slick-slider-ruby:hover .slick-arrow {
    opacity: 1;
    font-size: 0px;
}

.slick-slider-ruby .slick-arrow:focus {
    outline: none;
}

.slick-slider-ruby .slick-arrow:hover {
    cursor: pointer;
}

.slick-slider-ruby .slick-arrow {
    position: relative;
    border: 0;
    background: #fff;
    padding: 1rem 0px;
    width: 12rem;
    height: 8rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMyI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTEyNDU3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEuNDIyIDYuMzcyaDIxLjk1Nk0xOSAxbDQuMzkyIDQuMDI2YTIgMiAwIDAxMCAyLjk0OEwxOSAxMmgwIi8+PC9zdmc+) 50% no-repeat, #fff;
    background-size: 35px 20px;
    opacity: 0;
    border-radius: 0;
    border-bottom-left-radius: 8rem;
    border-top-left-radius: 8rem;
    -webkit-transition: opacity .25s linear;
    transition: opacity .25s linear;
    z-index: 2;
    font-size: 0px;
    color: #fff;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list,
.slick-slider {
    position: relative;
    display: block;
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table;
}

.slick-initialized .slick-slide {
    display: inherit;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

.resources-section .resources-post-list .slick-slide+.slick-slide {
    /* margin-left: 3.125rem; */
}

.slick-initialized .slick-slide {
    display: inherit;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

a.resources-card--blog,
a.resources-card--news {
    display: -webkit-box!important;
    display: flex!important;
    max-width: 35.75rem;
    min-width: 26.75rem;
    width: 100%;
    min-height: 23.5rem;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    grid-column-end: span 4;
}

a.resources-card {
    background: #fff;
    text-decoration: none;
}

a.resources-card--blog img,
a.resources-card--news img {
    width: 100%;
}

a.resources-card img {
    width: 100%;
}

.slick-slide img {
    display: block;
}

a.resources-card:hover {
    text-decoration: none
}

a.resources-card--content,
a.resources-card--content.slick-slide {
    max-width: 20.625rem;
    min-width: 20.625rem;
    width: 100%;
    min-height: 35.5rem;
    margin-left: 0;
    display: -webkit-box!important;
    display: flex!important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    justify-content: space-between;
    grid-column-end: span 3;
    background-color: #102259;
    border: 0;
    text-decoration: none;
    scroll-snap-align: start;
}

a.resources-card--content.slick-slide div:first-of-type p,
a.resources-card--content div:first-of-type p {
    margin: 0;
    line-height: 29px;
    font-size: 20px;
    margin-bottom: 20px;
    /* font-family: sofia-pro; */
}

#ruby-brigade-newsletter button.light,
.ruby-entry-header .ruby-entry-title .ruby-entry-meta,
.ruby-entry-header .ruby-entry-title h1,
button.light.pink-underline,
h1.light,
h2.light,
h3.light,
h4.light,
h5.light,
h6.light,
label.light,
li.light,
p.light {
    color: #fff;
}

a.resources-card--content.slick-slide img,
a.resources-card--content img {
    max-height: 20.25rem;
    -o-object-fit: cover;
    object-fit: cover;
    min-width: 100%;
}

#ruby-brigade-newsletter a.resources-card--content.slick-slide div:first-of-type button,
#ruby-brigade-newsletter a.resources-card--content div:first-of-type button,
a.resources-card--content.slick-slide div:first-of-type #ruby-brigade-newsletter button,
a.resources-card--content.slick-slide div:first-of-type button.pink-underline,
a.resources-card--content.slick-slide div:first-of-type h5,
a.resources-card--content.slick-slide div:first-of-type label,
a.resources-card--content div:first-of-type #ruby-brigade-newsletter button,
a.resources-card--content div:first-of-type button.pink-underline,
a.resources-card--content div:first-of-type h5,
a.resources-card--content div:first-of-type label {
    width: 100%;
    margin: 0px 0px 10px;
    font-size: 20px;
    line-height: 32px;
    text-transform: uppercase;
    padding: 0px;
    font-weight: bolder;
    display: inline-block;
    white-space: unset;
    text-align: left;
    /* font-family: sofia-pro; */
}

.wp-block-button__link:active,
.wp-block-button__link:focus,
.wp-block-button__link:hover,
.wp-block-button__link:visited {
    color: inherit;
    text-decoration: none;
}

.wp-block-button__link {
    background-color: #32373c;
    border: none;
    border-radius: 28px;
    box-shadow: none;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    margin: 0;
    padding: 12px 60px;
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word;
}

a.resources-card--content.slick-slide div:first-of-type,
a.resources-card--content div:first-of-type {
    padding: 2rem 1.75rem 0;
}

.search-page .resources-search-container {
    grid-row: 1;
    grid-column: 4/span 6;
    width: auto;
}

.search-page>* {
    justify-self: center;
    align-self: flex-start;
    grid-column-end: span 4;
}

.search-page {
    grid-template-columns: repeat(12, 1fr);
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
    row-gap: 40px;
    display: grid;
    padding: 50px 40px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

#menu-resources-menu ol,
ul {}

#menu-resources-menu li:not(:last-child):after {
    content: none;
}

#menu-resources-menu ul li:before {
    content: none;
}


/* about us page */

.site-content {
    background-color: #fff;
}

.ruby-brigade-gutenburg-hero-image--bg-burgandy {
    background: #7f2062;
}

.ruby-brigade-gutenburg-hero-image {
    position: relative;
}

.ruby-brigade-gutenburg-hero-image--pattern-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
}

.ruby-brigade-gutenburg-hero-image--bg-burgandy * {
    color: #fff;
}

.ruby-brigade-gutenburg-hero-image * {
    color: #102259;
}

.ruby-brigade-gutenburg-hero-image--pattern-overlay {
    z-index: 1;
}

.left-shape-container.ruby-brigade-gutenburg-hero-image--shape-circle-round-bar-alt {
    position: absolute;
    left: 0;
    bottom: 0%;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjI0IiBoZWlnaHQ9IjYxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwYzEyMy43MjcgMCAyMjQgMTAxLjM5MiAyMjQgMjI2LjQ3NFY2MTBIMFYweiIgZmlsbD0iI0U1MTM2QyIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat 0 0;
    background-size: 100% auto;
    width: 237px;
    height: 586px;
    top: 7%;
}

.ruby-brigade-gutenburg-hero-image--bg-burgandy * {
    color: #fff;
}

.ruby-brigade-gutenburg-hero-image * {
    color: #102259;
}

.right-shape-container.ruby-brigade-gutenburg-hero-image--shape-circle-round-bar-alt {
    position: absolute;
    top: 0;
    left: 50%;
    width: 207px;
    height: 99px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 0 0 265px 265px;
    background: #ede6da;
}

.ruby-brigade-gutenburg-hero-image .ruby-brigade-gutenburg-hero-image--container {
    position: relative;
    width: 100%;
    height: 100%;
}

.ruby-brigade-gutenburg-hero-image .ruby-brigade-gutenburg-hero-image--content-container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
    max-width: 1440px;
    height: 100%;
    margin: 0 auto;
}

.ruby-brigade-gutenburg-hero-image .ruby-brigade-gutenburg-hero-image--content-container .ruby-brigade-gutenburg-hero-image--copy-container {
    position: relative;
    z-index: 2;
    margin: 110px 15px 0;
}

.ruby-brigade-gutenburg-hero-image--bg-burgandy * {
    color: #fff;
}

.ruby-brigade-gutenburg-hero-image .ruby-brigade-gutenburg-hero-image--content-container .ruby-brigade-gutenburg-hero-image--copy-container h1 {
    font-size: 6.125rem;
    line-height: 1.259em;
    margin: 0 0 2rem;
    font-weight: bold;
    /* font-family: sofia-pro; */
}

.ruby-brigade-gutenburg-hero-image .ruby-brigade-gutenburg-hero-image--content-container .ruby-brigade-gutenburg-hero-image--copy-container p {
    font-size: 1.975rem;
    line-height: 1.285em;
    margin-bottom: 1rem;
    /* font-family: sofia-pro; */
    font-weight: bold;
}

.ruby-brigade-gutenburg-hero-image.has-circle-bg .ruby-brigade-gutenburg-hero-image--content-container .ruby-brigade-gutenburg-hero-image--media-container {
    margin: 0 0 0 auto;
    bottom: 0;
    width: 50%;
}

.ruby-brigade-gutenburg-hero-image .ruby-brigade-gutenburg-hero-image--content-container .ruby-brigade-gutenburg-hero-image--media-container {
    position: absolute;
    width: 56.875%;
    height: 100%;
    z-index: 2;
    bottom: -52px;
    margin: 0 auto;
    top: 0;
    right: 0;
}

.ruby-brigade-gutenburg-success-stories-slider--container {
    display: -webkit-box;
    display: flex;
    min-height: 100vh;
    background-color: #fcf9f2;
    margin: 100px auto;
}

.ruby-brigade-gutenburg-success-stories-slider--left {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    padding: 20px 10px 80px;
    width: 100%;
    background-color: #7f2062;
}

.ruby-brigade-gutenburg-success-stories-slider--left div {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    min-height: 100vh;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.ruby-brigade-gutenburg-success-stories-slider--left div h1 {
    margin: 25px 0;
    text-align: center;
    font-size: 4.125rem;
    line-height: 2.058em;
}

#ruby-brigade-newsletter button.light,
.ruby-entry-header .ruby-entry-title .ruby-entry-meta,
.ruby-entry-header .ruby-entry-title h1,
button.light.pink-underline,
h1.light,
h2.light,
h3.light,
h4.light,
h5.light,
h6.light,
label.light,
li.light,
p.light {
    color: #fff;
}

.ruby-brigade-gutenburg-success-stories-slider--left div h1 a {
    color: #fff;
    text-decoration: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, transparent), color-stop(10%, #ef9ca1));
    background: linear-gradient(180deg, transparent 90%, #ef9ca1 0);
}

.ruby-brigade-gutenburg-success-stories-slider--left div h1:nth-child(2) a {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, transparent), color-stop(10%, #e5136c));
    background: linear-gradient(180deg, transparent 90%, #e5136c 0);
}

.ruby-brigade-gutenburg-success-stories-slider--left div h1 a {
    color: #fff;
    text-decoration: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, transparent), color-stop(10%, #ef9ca1));
    background: linear-gradient(180deg, transparent 90%, #ef9ca1 0);
}

.ruby-brigade-gutenburg-hero-image .ruby-brigade-gutenburg-hero-image--content-container {
    padding-left: 152px;
}

.ruby-brigade-gutenburg-hero-image .ruby-brigade-gutenburg-hero-image--content-container .ruby-brigade-gutenburg-hero-image--copy-container {
    width: 55%;
    max-width: 555px;
    /* margin: 0; */
}

img.lazyloaded {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center bottom;
    object-position: center bottom;
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center 15%;
    object-position: center 15%;
}

.ruby-brigade-gutenburg-core-values--container {
    margin: 150px auto;
}

.ruby-brigade-gutenburg-core-values--container {
    padding: 0 15px;
    margin: 50px auto;
    text-align: center;
}

.ruby-brigade-gutenburg-core-values--container h2 {
    font-size: 2.25rem;
}

.ruby-brigade-gutenburg-core-values--container h2 {
    font-size: 2.5rem;
    line-height: 1.083em;
    font-weight: bold;
    /* font-family: sofia-pro; */
}

.ruby-brigade-gutenburg-core-values--container .subtitle {
    margin-top: 30px;
    font-size: 1.375rem;
}

.ruby-brigade-gutenburg-core-values--container .subtitle {
    max-width: 630px;
    margin: 15px auto 0;
    font-size: 23px;
    line-height: 1.364em;
    font-weight: 500;
    /* font-family: sofia-pro; */
}

.ruby-brigade-gutenburg-core-values--values {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    margin-top: 50px;
}

.ruby-brigade-gutenburg-core-values--container .hr {
    margin: 40px auto;
}

.ruby-brigade-gutenburg-core-values--container .hr {
    width: 100%;
    max-width: 662px;
    margin: 15px auto;
    border-bottom: 1px solid #ede6da;
}

.ruby-brigade-gutenburg-core-values--container .copy {
    font-size: 1.125rem;
}

.ruby-brigade-gutenburg-core-values--container .copy {
    max-width: 500px;
    margin: 0 auto;
    font-size: 18PX;
    line-height: 1.562em;
    font-weight: 600;
    /* font-family: sofia-pro; */
}

.ruby-brigade-gutenburg-core-values--values button:first-child.is-selected {
    color: #fff;
    background-color: #fb772e;
    border-color: #fb772e;
}

.ruby-brigade-gutenburg-core-values--values button {
    margin: 0 20px;
}

.ruby-brigade-gutenburg-core-values--values button {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    color: #7f2062;
    border: 2px solid #7f2062;
    background-color: #fff;
    font-size: 2.5em;
    line-height: clac(26/24);
    font-weight: 700;
    /* font-family: sofia-pro; */
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    margin: 0 5px 10px;
}

.ruby-brigade-gutenburg-core-values--values button:first-child.is-selected:after,
.ruby-brigade-gutenburg-core-values--values button:first-child.is-selected:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIyMCI+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjkuMzgzIDE1LjQ1M3YtNS4xOTVjLTUuMDcgMC05LjIxMi00LjA2Ny05LjM1Ni05LjEyMWwtLjAwNC0uMjcySDkuMzZjMCA1LjE4LTQuMiA5LjM5My05LjM2IDkuMzkzdjUuMTk1YzcuNjk1IDAgMTQuMDMtNS44NTcgMTQuNjkyLTEzLjMuNjUgNy4zMzYgNi44MTcgMTMuMTMzIDE0LjM2MiAxMy4yOTdsLjMyOS4wMDN6TTE0LjYyNCAxOS43M2MxLjk3IDAgMy41Ny0xLjU0IDMuNTctMy40NDIgMC0xLjktMS42LTMuNDQxLTMuNTctMy40NDEtMS45NzEgMC0zLjU2OSAxLjU0LTMuNTY5IDMuNDQxIDAgMS45MDEgMS41OTggMy40NDIgMy41NyAzLjQ0MnoiLz48L3N2Zz4=);
}

.ruby-brigade-gutenburg-core-values--values button:first-child:after,
.ruby-brigade-gutenburg-core-values--values button:first-child:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIyMCI+PHBhdGggZmlsbD0iIzdGMjA2MiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjkuMzgzIDE1LjQ1M3YtNS4xOTVjLTUuMDcgMC05LjIxMi00LjA2Ny05LjM1Ni05LjEyMWwtLjAwNC0uMjcySDkuMzZjMCA1LjE4LTQuMiA5LjM5My05LjM2IDkuMzkzdjUuMTk1YzcuNjk1IDAgMTQuMDMtNS44NTcgMTQuNjkyLTEzLjMuNjUgNy4zMzYgNi44MTcgMTMuMTMzIDE0LjM2MiAxMy4yOTdsLjMyOS4wMDN6TTE0LjYyNCAxOS43M2MxLjk3IDAgMy41Ny0xLjU0IDMuNTctMy40NDIgMC0xLjktMS42LTMuNDQxLTMuNTctMy40NDEtMS45NzEgMC0zLjU2OSAxLjU0LTMuNTY5IDMuNDQxIDAgMS45MDEgMS41OTggMy40NDIgMy41NyAzLjQ0MnoiLz48L3N2Zz4=);
}

.ruby-brigade-gutenburg-core-values--values button:before {
    top: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ruby-brigade-gutenburg-core-values--values button:after,
.ruby-brigade-gutenburg-core-values--values button:before {
    content: "";
    height: 50px;
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 2;
}

.ruby-brigade-gutenburg-core-values--values button:after {
    bottom: 0;
}

.ruby-brigade-gutenburg-core-values--values button:nth-child(2):after,
.ruby-brigade-gutenburg-core-values--values button:nth-child(2):before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIyMyI+PHBhdGggZmlsbD0iIzdGMjA2MiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTQuODk3IDIzSDcuNTkzbC0uMDAxLTYuMzctNC45ODMgMi44ODNMMCAxNC45ODdsNi4wMjctMy40ODhMMCA4LjAxM2wyLjYwOS00LjUyNiA0Ljk4MyAyLjg4MlYwaDcuMzA1bC0uMDAxIDYuMzY5IDQuOTg1LTIuODgyIDIuNjA5IDQuNTI2LTYuMDI4IDMuNDg2IDYuMDI4IDMuNDg4LTIuNjEgNC41MjYtNC45ODQtMi44ODMuMDAxIDYuMzd6Ii8+PC9zdmc+);
}

.ruby-brigade-gutenburg-core-values--values button:nth-child(3):after,
.ruby-brigade-gutenburg-core-values--values button:nth-child(3):before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIyNSI+PGcgZmlsbD0iIzdGMjA2MiIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMjUuNTMyIDExLjIwN2gtNC41NWMwIDIuODY4LS44NDYgNS4yNDUtMi40NDcgNi44NzQtMS4zNyAxLjM5NC0zLjI5IDIuMTk5LTUuMjk3IDIuMjMxLTIuNzE1LS4wMzItNC45NjctLjktNi41MTgtMi41MTYtMS4zODItMS40NC0yLjE3LTMuNDcxLTIuMTctNS41ODV2LS4xTDAgMTIuMDU2di4xNTVjMCAzLjMzOCAxLjI2NSA2LjU2NyAzLjQ4MyA4Ljg3OCAyLjM2NyAyLjQ2NyA1LjYzNyAzLjgwOSA5LjQ3OCAzLjkwM3YuMDA4bC4xNS4wMDFjLjA0MyAwIC4wODYtLjAwMy4xMy0uMDAzLjA1MSAwIC4xMDIuMDAzLjE1NC4wMDN2LS4wMDdjMy4xNC0uMDc0IDYuMTU5LTEuMzYzIDguMzM4LTMuNTggMi40ODUtMi41MjggMy43OTktNi4wNTcgMy43OTktMTAuMjA2Ii8+PHBhdGggZD0iTTM1LjU3OCAxMy43OTNoLTQuNTVjMC0yLjg2OC0uODQ2LTUuMjQ1LTIuNDQ2LTYuODc0LTEuMzctMS4zOTQtMy4yOS0yLjE5OS01LjI5OC0yLjIzMS0yLjcxNS4wMzItNC45NjYuOS02LjUxOCAyLjUxNi0xLjM4MiAxLjQ0LTIuMTcgMy40NzEtMi4xNyA1LjU4NXYuMDk5bC00LjU0OS4wNTZ2LS4xNTRjMC0zLjMzOCAxLjI2NC02LjU2NyAzLjQ4My04Ljg3OUMxNS44OTYgMS40NDUgMTkuMTY3LjEwMyAyMy4wMDcuMDFWLjAwMWwuMTUtLjAwMS4xMy4wMDNjLjA1MiAwIC4xMDMtLjAwMy4xNTUtLjAwM3YuMDA3YzMuMTQuMDc0IDYuMTU5IDEuMzYyIDguMzM4IDMuNTggMi40ODUgMi41MjggMy43OTggNi4wNTcgMy43OTggMTAuMjA2Ii8+PC9nPjwvc3ZnPg==);
}

.ruby-brigade-gutenburg-core-values--values button:nth-child(4):after,
.ruby-brigade-gutenburg-core-values--values button:nth-child(4):before {
    background-size: contain;
}

.ruby-brigade-gutenburg-core-values--values button:nth-child(4):before {
    margin-top: 10px;
}

.ruby-brigade-gutenburg-core-values--values button:nth-child(4):after,
.ruby-brigade-gutenburg-core-values--values button:nth-child(4):before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4NCIgaGVpZ2h0PSIzOCI+PHBhdGggZmlsbD0iIzdGMjA2MiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNzQuMjU0IDE2LjY3bDMuMDQ2LTIuOTg0TDYzLjU5My4yNmwtMy4wNDYgMi45ODNMNzQuMjU0IDE2LjY3em0tNjQuNTA4IDBMMjMuNDUzIDMuMjQyIDIwLjQwNy4yNiA2LjcgMTMuNjg2bDMuMDQ2IDIuOTgzem0zNC40MDggOS43MjdWNy40MWgtNC4zMDh2MTguOTg3aDQuMzA4em0tNDAuMzg1LTIuMTFjMi4wODIgMCAzLjc3LTEuNjUzIDMuNzctMy42OTJzLTEuNjg4LTMuNjkyLTMuNzctMy42OTJDMS42ODggMTYuOTAzIDAgMTguNTU2IDAgMjAuNTk1YzAgMi4wNCAxLjY4OCAzLjY5MiAzLjc3IDMuNjkyem03Ni40NjIgMGMyLjA4MSAwIDMuNzY5LTEuNjUzIDMuNzY5LTMuNjkycy0xLjY4OC0zLjY5Mi0zLjc3LTMuNjkyYy0yLjA4IDAtMy43NjggMS42NTMtMy43NjggMy42OTIgMCAyLjA0IDEuNjg3IDMuNjkyIDMuNzY5IDMuNjkyek00Mi41MzggMzhjMi4wODIgMCAzLjc3LTEuNjUzIDMuNzctMy42OTIgMC0yLjA0LTEuNjg4LTMuNjkyLTMuNzctMy42OTItMi4wODEgMC0zLjc2OSAxLjY1My0zLjc2OSAzLjY5MlM0MC40NTcgMzggNDIuNTQgMzh6Ii8+PC9zdmc+);
}

.ruby-brigade-gutenburg-core-values--values button:nth-child(5):after,
.ruby-brigade-gutenburg-core-values--values button:nth-child(5):before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIzMiI+PHBhdGggZmlsbD0iIzdGMjA2MiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTUuMDYuODc2djExLjA3bC4wMTEuMDEyLS4wMTEuMDF2MS45OTFsOC43MTggOS4wMDItNC4yNDIgNC4zODEtNC40NzYtNC42MjJ2OS4xMzNoLTZWMTguMTY0TDUuMTcyIDIyLjE4LjkyOSAxNy44bDguMTMtOC4zOTcuMDAyLTguNTI2aDZ6Ii8+PC9zdmc+);
}

.ruby-brigade-gutenburg-core-values--values button:nth-child(5).is-selected {
    color: #fff;
    background-color: #a9a1b6;
    border-color: #a9a1b6;
}

.ruby-brigade-gutenburg-core-values--values button:nth-child(4).is-selected {
    color: #fff;
    background-color: #ef9ca1;
    border-color: #ef9ca1;
}

.ruby-brigade-gutenburg-core-values--values button:nth-child(3).is-selected {
    color: #fff;
    background-color: #7f2062;
    border-color: #7f2062;
}

.ruby-brigade-gutenburg-core-values--values button:nth-child(2).is-selected {
    color: #fff;
    background-color: #e5136c;
    border-color: #e5136c;
}

.ruby-brigade-gutenburg-success-stories-slider--container {
    -webkit-box-align: stretch;
    align-items: stretch;
    margin: 150px auto;
}

.ruby-brigade-gutenburg-success-stories-slider--container {
    display: -webkit-box;
    display: flex;
    min-height: 100vh;
    background-color: #fcf9f2;
    margin: 100px auto;
}

.ruby-brigade-gutenburg-success-stories-slider--left div {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    min-height: 100vh;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.ruby-brigade-gutenburg-success-stories-slider--left div h1 {
    font-size: 3.625rem;
    margin: 75px 0;
}

.ruby-brigade-gutenburg-success-stories-slider--left div h1 {
    margin: 25px 0;
    text-align: center;
    font-size: 4.125rem;
    line-height: 2.058em;
    font-weight: bold;
    /* font-family: sofia-pro; */
}

.ruby-brigade-gutenburg-success-stories-slider--left div h1 a {
    color: #fff;
    text-decoration: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, transparent), color-stop(10%, #ef9ca1));
    background: linear-gradient(180deg, transparent 90%, #ef9ca1 0);
}

.ruby-brigade-gutenburg-success-stories-slider--left {
    width: 50%;
    min-height: 100vh;
    padding: 0 40px;
}

.ruby-brigade-gutenburg-success-stories-slider--container {
    -webkit-box-align: stretch;
    align-items: stretch;
    margin: 150px auto;
}

.ruby-brigade-gutenburg-success-stories-slider--right {
    padding: 110px;
}

.ruby-brigade-gutenburg-success-stories-slider--right {
    position: static;
    top: 0;
    left: 0;
    z-index: 0;
    width: 50%;
    height: 100vh;
    background-color: #fcf9f2;
    padding: 100px 60px 100px 40px;
    overflow: auto;
    -webkit-transition: visibility .25s ease, opacity .25s ease;
    transition: visibility .25s ease, opacity .25s ease;
    visibility: visible;
    opacity: 1;
}

.ruby-brigade-gutenburg-success-stories-slider--right .close-btn {
    display: none;
}

.ruby-brigade-gutenburg-success-stories-slider--right .close-btn {
    background: transparent;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: fixed;
    z-index: 1;
    top: 16px;
    right: 16px;
}

.ruby-brigade-gutenburg-success-stories-slider--right p {
    margin: 10px 0 6px;
    font-size: 20px;
    font-weight: 600;
    /* font-family: sofia-pro; */
}

.has-text-align-center {
    text-align: center;
}

.has-small-font-size {
    font-size: 13px;
}

.wp-block-image {
    margin-bottom: 1em;
}

.wp-block-image .aligncenter {
    margin-left: auto;
    margin-right: auto;
}

.wp-block-image .aligncenter,
.wp-block-image .alignleft,
.wp-block-image .alignright,
.wp-block-image.is-resized {
    display: table;
    margin: 0 auto;
    /* margin-right: 0; */
    text-align: center;
    margin-top: 12px;
}

.wp-block-image img {
    max-width: 100%;
}

.wp-block-spacer {
    clear: both;
}

.has-medium-font-size {
    font-size: 20px;
}

.wp-block-spacer {
    clear: both;
}

#ruby-brigade-newsletter button,
button.pink-underline,
h1,
h2,
h3,
h4,
h5,
h6,
label,
li,
p {}

.has-large-font-size {
    font-size: 36px !important;
}

#search-resources-menu li:not(:last-child):after {
    content: "|";
    color: #102259;
    margin: 0 .5em;
}

.ruby-brigade-gutenburg-horizontal-scrolling-content--container {
    padding: 0px 40px;
}

.ruby-brigade-gutenburg-horizontal-scrolling-content--header {
    margin-bottom: 100px;
}

.ruby-brigade-gutenburg-horizontal-scrolling-content--header {
    width: 100%;
    max-width: 660px;
    margin: 0 auto 0px;
}

.ruby-brigade-gutenburg-horizontal-scrolling-content--header h2 {
    font-size: 2.125rem;
    line-height: 1.147em;
}

.ruby-brigade-gutenburg-horizontal-scrolling-content--header h2 {
    text-align: center;
    position: relative;
    font-size: 3.5rem;
    line-height: 1.283em;
    font-weight: bold;
    /* font-family: sofia-pro; */
}

.ruby-brigade-gutenburg-horizontal-scrolling-content--header h2:after {
    content: "";
    display: inline-block;
    left: 0;
    top: 100%;
    width: 218px;
    height: 10px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjE4IiBoZWlnaHQ9IjciPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNMCA2LjM5MmgyMTcuNzI5VjBIMHoiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRUU5Q0ExIiBkPSJNNjEuNzM5IDMuMTk2YTMuMTk2IDMuMTk2IDAgMTEtNi4zOTMgMCAzLjE5NiAzLjE5NiAwIDAxNi4zOTMgMCIvPjxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNhIi8+PC9tYXNrPjxwYXRoIGZpbGw9IiM3RjIwNjIiIG1hc2s9InVybCgjYikiIGQ9Ik0uMDAxIDYuMDEyaDE2LjQ0Vi4zNzlILjAwMXpNMzMuNTQ5IDYuMDEyaDE2LjQ0Vi4zNzloLTE2LjQ0ek02Ny4wOTcgNi4wMTJoMTYuNDRWLjM3OWgtMTYuNDR6Ii8+PHBhdGggZmlsbD0iI0VFOUNBMSIgZD0iTTI4LjE5IDMuMTk2YTMuMTk3IDMuMTk3IDAgMTEtNi4zOTMtLjAwMSAzLjE5NyAzLjE5NyAwIDAxNi4zOTQuMDAxbTEwMC42NDQgMGEzLjE5NyAzLjE5NyAwIDExLTYuMzkzLS4wMDEgMy4xOTcgMy4xOTcgMCAwMTYuMzkzLjAwMSIgbWFzaz0idXJsKCNiKSIvPjxwYXRoIGZpbGw9IiM3RjIwNjIiIG1hc2s9InVybCgjYikiIGQ9Ik0xMDAuNjQ0IDYuMDEyaDE2LjQ0MVYuMzc5aC0xNi40NDF6TTEzNC4xOTMgNi4wMTJoMTYuNDRWLjM3OWgtMTYuNDR6Ii8+PHBhdGggZmlsbD0iI0VFOUNBMSIgZD0iTTk1LjI4NyAzLjE5NmEzLjE5NiAzLjE5NiAwIDExLTYuMzkzIDAgMy4xOTYgMy4xOTYgMCAwMTYuMzkyIDBtMTAwLjY0NSAwYTMuMTk2IDMuMTk2IDAgMTEtNi4zOTIgMCAzLjE5NiAzLjE5NiAwIDAxNi4zOTIgMCIgbWFzaz0idXJsKCNiKSIvPjxwYXRoIGZpbGw9IiM3RjIwNjIiIG1hc2s9InVybCgjYikiIGQ9Ik0xNjcuNzQxIDYuMDEyaDE2LjQ0Vi4zNzloLTE2LjQ0ek0yMDEuMjg5IDYuMDEyaDE2LjQ0Vi4zNzloLTE2LjQ0eiIvPjxwYXRoIGZpbGw9IiNFRTlDQTEiIGQ9Ik0xNjIuMzgzIDMuMTk2YTMuMTk3IDMuMTk3IDAgMTEtNi4zOTMtLjAwMSAzLjE5NyAzLjE5NyAwIDAxNi4zOTMuMDAxIiBtYXNrPSJ1cmwoI2IpIi8+PC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 265px 10px;
    margin: 20px 0 25px;
    width: 100%;
}

.ruby-brigade-gutenburg-horizontal-scrolling-content--header p {
    font-size: 1.125rem;
    line-height: 1.388em;
}

.ruby-brigade-gutenburg-horizontal-scrolling-content--header p {
    text-align: center;
    font-size: 24px;
    line-height: 1.425em;
    font-weight: 500;
}

.ruby-brigade-gutenburg-horizontal-scrolling-content--container .ruby-brigade-gutenburg-horizontal-scrolling-content--card-container {
    max-width: 100vw;
    margin-left: -40px;
    margin-right: -40px;
}

.slick-slider-ruby .slick-arrow:hover {
    cursor: pointer;
}

.slick-slider-ruby .slick-arrow:focus {
    outline: none;
}

.slick-slider-ruby.about-team .slick-arrow.slick-prev {
    left: 0px;
    border-top-left-radius: 7rem;
    border-bottom-left-radius: 7rem;
}

.slick-slider-ruby.about-team .slick-arrow {
    width: 6rem;
    height: 12rem;
    top: 359px;
}

.slick-slider-ruby.about-team .slick-arrow.slick-next {
    right: 0;
    position: absolute;
}

.ruby-brigade--modal-container.is-linkable,
.ruby-brigade--video-modal-container.is-linkable {
    z-index: 1000;
}

.ruby-brigade--modal-container.is-active,
.ruby-brigade--video-modal-container.is-active {
    -webkit-transition: visibility 0 ease, opacity .25s ease;
    transition: visibility 0 ease, opacity .25s ease;
    opacity: 1;
    visibility: visible;
}

.ruby-brigade--modal-container,
.ruby-brigade--video-modal-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    z-index: 99999999;
    -webkit-transition: visibility .25s ease, opacity .25s ease;
    transition: visibility .25s ease, opacity .25s ease;
    opacity: 0;
    visibility: hidden;
}

.ruby-brigade--modal-container.is-linkable .ruby-brigade--modal,
.ruby-brigade--modal-container.is-linkable .ruby-brigade--modal-content,
.ruby-brigade--video-modal-container.is-linkable .ruby-brigade--modal,
.ruby-brigade--video-modal-container.is-linkable .ruby-brigade--modal-content {
    padding: 0;
    margin: 0;
    height: 100vh;
}

.ruby-brigade--modal.is-active {
    position: relative;
    -webkit-transition: display 0 ease, opacity .25s ease;
    transition: display 0 ease, opacity .25s ease;
    opacity: 1;
    display: block;
}

.ruby-brigade--modal {
    padding: 150px 175px;
}

.ruby-brigade--modal {
    padding: 100px 120px;
    margin-bottom: 100px;
}

.ruby-brigade--modal {
    background: #fff;
    width: 100%;
    padding: 80px 20px;
    -webkit-transition: display .25s ease, opacity .25s ease;
    transition: display .25s ease, opacity .25s ease;
    opacity: 0;
    display: none;
}

.ruby-brigade--modal-container .close-btn,
.ruby-brigade--video-modal-container .close-btn {
    top: 30px;
    right: 40px;
}

.ruby-brigade--modal-container .close-btn,
.ruby-brigade--video-modal-container .close-btn {
    background: transparent;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: fixed;
    top: 16px;
    right: 16px;
    z-index: 1;
}

.ruby-overlay-bifold {
    -webkit-box-align: start !important;
    align-items: flex-start !important;
}

.ruby-overlay-bifold__photo {
    max-height: 100% !important;
    height: 100vh !important;
    width: 50% !important;
}

.ruby-overlay-bifold {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
}

.ruby-overlay-bifold {
    position: relative;
    width: 100%;
    min-height: 90vh;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    /* flex-direction: column; */
    background-color: #102259;
}

.ruby-overlay-bifold__photo {
    width: 100%;
    max-height: 60%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top;
}

.ruby-overlay-bifold__content {
    padding-top: 80px;
    padding-bottom: 80px;
}

.ruby-overlay-bifold__content {
    padding: 0 140px;
}

.ruby-overlay-bifold__content {
    width: 50%;
    padding: 0 80px;
}

.ruby-overlay-bifold__content {
    width: 100%;
    padding: 0 40px 100px;
}

.ruby-overlay-bifold__title {
    font-size: 2.875rem;
    margin-top: 0;
}

.ruby-overlay-bifold__title {
    margin: 50px 0 0;
    font-weight: 400;
    font-size: 2rem;
    color: #fff;
    text-align: center;
}

.ruby-overlay-bifold__subtitle {
    margin: 10px 0 20px;
    font-size: 1.125rem;
}

.ruby-overlay-bifold__subtitle {
    position: relative;
    margin: 5px 0 10px;
    font-weight: 700;
    font-size: .75rem;
    text-align: center;
    color: #fff;
    font-size: 1.125em;
    line-height: 1.11111;
    /* font-family: sofia-pro; */
    font-weight: 700;
    font-size: 4.25em;
    line-height: 1;
    margin: .62em 0;
}

.ruby-overlay-bifold__rule {
    margin-bottom: 50px;
    width: 110px;
    height: 8px;
}

.ruby-overlay-bifold__rule {
    display: block;
    margin: 0 auto 25px;
    width: 109px;
    height: 16px;
}

.longform-content .wp-block-group.bg-dark,
.rich-text-container.bg-dark {
    color: #fff;
}

.longform-content .wp-block-group p,
.rich-text-container p {
    margin: 1em 0;
}

.longform-content .wp-block-group li,
.longform-content .wp-block-group ol,
.longform-content .wp-block-group p,
.longform-content .wp-block-group ul,
.rich-text-container li,
.rich-text-container ol,
.rich-text-container p,
.rich-text-container ul {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    /* font-family: sofia-pro */
}

.longform-content .wp-block-group,
.rich-text-container {
    font-size: 1.125rem;
}

.longform-content .wp-block-group,
.rich-text-container {
    font-size: 1.375rem;
    line-height: 1.7;
    color: #102259;
}

.bg-dark {
    background-color: none !important;
}


/*** payment page new desing */

.discount-box {
    background: #dbf1f1;
    text-align: center;
    padding: 0px 0px 5px;
    margin-bottom: 72px;
}

.disocunt-bar {
    background: #ffc439;
    color: #07016b;
    font-size: 20px;
    font-weight: bold;
}

.new-payment-page-icon {
    text-align: center;
    margin: 0px 100px 0px;
    background: #fff;
    padding-bottom: 10px;
    border-radius: 5px;
    position: relative;
    top: 30px;
    box-shadow: 5px 5px 0px 0px #f3f2f2;
}

.add-payment-cards p {
    border-bottom: none;
    color: #808080;
    font-size: 16px;
    margin-bottom: 0px;
    padding-bottom: 5px;
}

.mani-prise {
    font-size: 25px;
}

.payment-dis-msg-1-new {
    margin-top: 24px;
}

.payment-dis-msg-2-footer {
    margin-top: 20px;
    text-align: center;
}

#countTime {
    background: #fff;
    padding: 0px 9px;
}

.teleHealth_session_icon {
    width: 95px;
    height: 75px;
    margin-top: 8px;
}

.animated-img {
    text-align: center;
}

.animated-img .animated-1 img {}

.animated-img .animated-1 {
    text-align: center;
    display: block;
    float: left;
    width: 33.3%;
}

.animated-1-1 img,
.animated-1-3 img {
    width: 100%;
}

.payment-desc-detail {
    font-size: 20px;
    margin: 0px 0px !important;
    text-align: left;
    font-weight: bold;
}

.epiques h3 {
    color: #054484;
    text-align: LEFT;
    font-size: 21px;
}

.interest-book-box-top {
    text-align: center;
    margin-bottom: 50px;
    margin-top: 20px;
}

.interest-book-box-h1 {
    width: 50%;
    margin: 0 auto;
    background: #e37836;
    padding: 10px;
    border-radius: 22px;
    position: relative;
    top: -41px;
    font-weight: bold;
    color: #fff;
}

.interest-book-box-inner {
    padding: 30px;
    margin-top: 26px;
}

.interest-book-box-h2 {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #e37836;
    margin-bottom: 30px;
}

.interest-book-box-inner p {
    text-align: center;
    font-size: 20px;
    color: #1f4281;
}

.book-interest-btn-1 {
    border: 1px solid #e37836;
    padding: 10px 90px;
    border-radius: 30px;
    font-size: 18px;
    color: #e37836;
    box-shadow: 1px 2px 7px 1px;
}

.book-interest-btn-2 {
    border: 1px solid #e37836;
    background: #e37836;
    padding: 10px 90px;
    border-radius: 30px;
    font-size: 18px;
    color: #fff;
    box-shadow: 3px 3px 3px 3px;
}

.interest-book-box-inner-sub {
    margin: 70px 20px;
    padding-bottom: 8px;
}

.book-interest-btn-1:hover {
    text-decoration: none;
    color: #e37836;
}

.book-interest-btn-2:hover {
    text-decoration: none;
    color: #fff;
}

.book-interest-icon img {
    height: 120px;
    width: 120px;
    margin-top: 20px;
}

.book-interest-h1 {
    margin-top: 21px;
    margin-bottom: 10px;
}

.interest-book-box {
    border: 2px solid #e37836;
}

.interest-book-box-h1-waitlist {
    width: 23%;
}

.block-online-demo__buttons {
    display: inline-block;
    width: 100%;
}

.app-icon a {
    display: inline-block;
    padding: 0 5px;
}

.ruby-entry-share ul {
    position: absolute;
    bottom: 0;
    right: 0;
}

.ruby-entry-share ul li span button {
    margin: 0;
}

.ruby-entry-share ul li {
    line-height: 0;
}

img.wp-image {
    display: inherit;
}

/* new css */
.top-image{
    margin-bottom: 20px;
}
.blog-inner-ec .container{
    max-width: 800px;
}
.blog-inner-ec {
    /* font-family: sofia-pro; */
    color: #102259;
}
.heading-blog {
    font-size: 40px;
    color: #233f90;
    /* font-family: sofia-pro !important; */
    font-weight: 600;
}
.date-and-by {
    /* font-family: sofia-pro !important; */
    font-style: italic;
}
.result-e {
    font-style: italic;
    font-size: 22px;
    line-height: normal;
    margin: 12px 0px;
    /* font-family: sofia-pro !important; */
}
.blog-inner-ec h3 {
    /* font-family: sofia-pro !important; */
    font-size: 20px;
    margin: 0 0 10px;
    font-weight: 600;
}
.pr-text {
    margin: 0 0 10px;
    /* font-family: sofia-pro !important; */
}
.box-tr p {
    /* font-family: sofia-pro !important; */
    font-size: 14px;
}
.main-box-sec-h {
    color: #fff;
    /* font-family: sofia-pro !important; */
    background: #013564;
    margin-bottom: 20px;
}
.main-box-sec-h ul li {
    /* font-family: sofia-pro !important; */
    font-size: 14px;
   
}
.main-box-sec-h ul {
  
    margin: 12px 0px;
}
.main-box-sec-h {
    padding: 15px;
}
.white-color{
    color: #fff !important;
}
.main-box-sec-h.two{
    color: #000;
    background: #f291be;
}
.image-section{
    margin: 20px 0 30px;
}
.top-image img,.image-section img{
    width: 100%;
}
.main-box-sec{
    padding: 0;
}
.box-blog .row{
    margin: 0;
}
.bg-con{
    background: #e4bd00;
    margin-bottom: 20px;
    padding: 10px 20px;
}
.br-er li{
     /* font-family: sofia-pro !important; */
    font-size: 14px;
    font-style: italic;
}
.col-sm-6.main-box-sec-image {
    padding: 0;
    margin-top: 34px;
}
.bg-con.new{
    background: #f291be;
}
.font-italic{
    font-style: italic;
}
.back-box-sec-h li{
     /* font-family: sofia-pro !important; */
    font-size: 14px;
}
.mb-20{
    margin-bottom: 20px;
}