/*==========================
     Care Page Css
============================== */
.br-methodologytype-content p{
    color: #2c2f7c;
    font-size: 1.7em;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.three-box-grid {
    -ms-grid-columns: 1fr 3em 1fr 3em 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 3em;
}
.rect-border-complete{
    border: 3px solid #c2ac8f;
    color: #c2ac8f;
    height: 100%;
    width: calc(100% - 20%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 15%;
    left: 10%;
    text-align: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    pointer-events: none;
}
.rect-border-complete a{
    color: #c2ac8f;
    padding: 0.8em 0;
    font-weight: 600;
    font-size: 1em;
    display: inline-block;
    text-decoration: underline;
    text-transform: uppercase;
    letter-spacing: 2px;
    pointer-events: all;
}
.rect-border-complete a:hover{
    color: #c2ac8f;
    text-decoration: underline;
}
.counter-list{
    counter-reset: para;
}
.counter-list p::before {
    color: #c2ac8f;
    font-weight: 600;
    font-size: 1.5em;
    margin-right: 0.2em;
}
.counter-list p {
    color: #2c2f7c;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: 0.05em;
    margin-bottom: 0.3em;
}
.Contentalignment .counter-list p::after {
    color: #c2ac8f;
    font-weight: 600;
    font-size: 1.5em;
    margin-right: 0.2em;
}
.Contentalignment .counter-list p::before {
    display: none;
}
.spaceforBars {
    padding-top: 3em;
    padding-bottom: 3em;
}
.socialWellness .border-left-bottom, .socialWellness .border-right-bottom {
    bottom: 0;
}
.socialWellness-inner {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 3em;
}
.care-banner img {
    width: 90%;
    margin: auto;
}
.tabsMenuContent .tabsMenu {
    -ms-flex-pack: distribute;
        justify-content: space-around;
}
.tabsMenuContent .tabsMenu li a.nav-links{
    color: #c2ac8f;
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: bold;
    text-decoration: underline;
}
.tabsMenuContent .tabsMenu li a.nav-links.active{
    color: #2c2f7c;
    text-decoration: none;
}
.accordianContentSection{
    border-bottom: 2px solid #c2ac8f;
    margin-bottom: 2em;
    padding-bottom: 1em;
}
.tab-content .br-border-before:before {
    width: calc(100% + 4%);
    left: -2%;
}
.dropdown-toggle .text-update, .dropdown-toggle{
    display: inline-block;
    width: 95%;
    text-transform: uppercase;
    font-weight: 600;
}
.dropdown-toggle::after{
    color: #c2ac8f;
}
.dropdown-toggle .text-update{
    overflow: hidden;
    vertical-align: middle;
}
.dropdown-option{
    display: none;
}
.visible-sm-only{
    display: none !important;
}
.aligncollapsecontent{
    grid-template-columns: 27% auto;
    gap: 1em;
    align-items: center;
}
.aligncollapsecontent > div:first-child {
    padding: 1em 0;
    text-align: center;
}
.collapse-outer .accordianContentSection:last-child, #accordion .accordianContentSection:last-child, #accordion-2 .accordianContentSection:last-child{
    border-bottom: 2px solid transparent;
}
.img-in-bg img{
    max-height: 400px;
    width: auto;
    opacity: 0;
}
@media only screen and (min-width: 992px){
	.br-methodlogy-header p {
        color: #2c2f7c;
        font-family: LetterGothic;
        font-weight: 600;
        line-height: 2.2;
    }
    .br-methodlogy-cover{
        margin: 7em 0;
        padding-bottom: 5em; 
    }
    .br-methodlogy-cover > div{
        padding: 7em 4em 0;
    }
    .center-content {
        width: 80%;
        margin: auto;
    }
}
@media only screen and (min-width: 768px){
    .br-methodologytype-content {
        padding-bottom: 4em;
   }
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
    .three-box-grid {
        grid-gap: 1.5em;
    }
    .rect-border-complete.rectCare {
        height: calc( 100% - 5%);
    }
}
@media only screen and (max-width: 991px){
    .xs-spacing{
        padding: 1.5em 1em 0;
        text-align: center;
    }
    .care-banner.br-border-before::before{
        display: none;
    }
    .care-banner img {
        width: 100%;
        margin: auto;
    }
    .paraForsmall {
        margin-top: 3em;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px){
    .br-methodologytype-content p{
        font-size: 1.2em;
    }
    .three-box-grid {
        grid-gap: 1.5em;
    } 
    .rect-border-complete.rectCare {
        height: calc(100% - 20%);
        width: calc(100% + 40%);
        top: 10%;
        left: auto;
        right: 10%;
    }
    .alignCenter-sm{
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .objectfitimage {
        height: 350px;
        width: auto;
        -o-object-fit: cover;
           object-fit: cover;
    }
    .visible-sm-only{
        display: block !important;
    }
    .hidden-sm-only{
        display: none !important;
    }
}
@media only screen and (max-width: 767px){
    .producttitle {
        text-align: center;
    }
    .three-box-grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .xs-l-3 {
        padding-left: 3em;
        padding-right: 3em;
    }
    .rect-border-complete {
        height: calc(100% + 13%);
        width: calc(100% - 10%);
        top: 13%;
        left: 5%;
    }
    .br-methodologytype-content{
        position: relative;
        margin-top: 2em;
    }
    .br-methodologytype-content .xs-l-3 {
        position: relative;
        z-index: 1;
    }
    .socialWellness-inner {
        padding: 0 1em;
    }
    .socialWellness .border-right-bottom-mobile,.socialWellness .border-right-top-mobile {
        right: 0;
    }
    .nosInstument{
        padding-top: 5em;
    }
    .nosInstument .rect-border-complete {
        height: calc(100% + 11.3em);
        top: -8em;
    }
    .objectfitimage{
        height: 200px;
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: 10% 21%;
           object-position: 10% 21%;
    }
    .aligncollapsecontent {
        grid-template-columns: auto;
}