﻿.no-t-m {
    margin-top: 0 !important
}
    .no-m { margin:0 !important }
    .color-txt {
        color: #50e6ff
    }

.m-multi-feature [role="tablist"].no-bg li > a {
    background:none
}

    .m-multi-feature [role="tablist"].no-bg li > a.f-active {
        background: #0067b8
    }

.custm-as.m-feature picture {
    text-align: center;
    margin-top: 30px
}

.x-blu-bg, .x-brw-bg, .x-grn-bg, .x-brwn-bg {
    background: #243a5f;
    color: #fff !important
}

    .x-blu-bg a, .x-brw-bg, .x-grn-bg, .x-brwn-bg {
        color: #fff !important
    }

.x-brw-bg {
    background: #6b2929
}

.x-grn-bg {
    background: #274b47
}
.x-brwn-bg {
    background: #6a4b16
}
.x-blu-bg a:focus, .x-blu-bg .m-feature .c-call-to-action:not(.f-primary):not(.f-secondary):focus, .x-brw-bg a:focus, .x-brw-bg .m-feature .c-call-to-action:not(.f-primary):not(.f-secondary):focus, .x-grn-bg a:focus, .x-grn-bg .m-feature .c-call-to-action:not(.f-primary):not(.f-secondary):focus, .x-brwn-bg a:focus, .x-brwn-bg .m-feature .c-call-to-action:not(.f-primary):not(.f-secondary):focus {
    border-color: #fff
}


@media only screen and (min-width: 768px) {
           

    .x-type-right-md {text-align:right}
}

@media only screen and (min-width: 1084px) {
    .custm-as.m-feature{ min-height:350px }
    .custm-as.m-feature picture {
        margin-top: 20%
    }
}

@media only screen and (min-width: 1500px) {
    .custm-as.m-feature picture {
        margin-top: 16%
    }
}


/*------New style---------*/

.x-background-purple {
    background-color: #3b2d58;
}

.x-background-brown {
    background-color: #6b2929;
}

.x-background-green {
    background-color: #274b47;
}

.x-background-yellow {
    background-color: #6a4b16;
}

.m-multi-feature [role="tablist"] li > a {
    background: #fff;
}


@media (min-width: 1400px) {
    .card-img-overlay > .card-background .card-img {
        width: 100%;
    }
}

@media (min-width: 1084px) {
    .card-img-overlay > .card-background {
        align-items: inherit;
    }
}

@media (-ms-high-contrast: active) {
    .tab-image .tab-image-border {
        border: 0px;
    }

    .tab-image.active .tab-image-border {
        border: .1875rem solid transparent;
    }
    
}

@media screen and (max-width: 767px) {

    html:not([dir=rtl]) .tab-image:not(:last-child) {
        margin-right: 0.5rem;
    }
}

@media (forced-colors: active) {
    html:not([dir=rtl]) .accordion.accordion-backplate .btn-collapse .glyph::before {
        color: WindowText;
    }
}

@media screen and (-ms-high-contrast: active) {
    .custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
        outline-color: Highlight;
    }
}

@media screen and (-ms-high-contrast: active) {
    .custom-checkbox .custom-control-input:checked ~ .custom-control-label .custom-control-glyph::before {
        color: WindowText;
    }
}