html, body {
    max-width: 100%;
    height: 100%;

}
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    color: rgba(0,0,0,.9);
    background: #ffffff;
    margin: 0;
    padding: 0;


}
* img {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
:focus {
    outline: 1px dotted;
}
.white9 {
    color: #E6E6E6!important;
}
.w5 {
    color: rgba(255, 255, 255, .5) !important;
}
.b9{
    color: rgba(0,0,0,.9) !important;
}
.b6{
    color: #666666 !important;
}
.whiteBg {
    background-color: #ffffff!important;
}
.primaryColor {
    background-color: #CE2227;
}

.primaryColorText {
    color: #CE2227 !important;
}

/* end here */


ul, li {
    list-style: none;
    padding-inline-start: 0;
    padding: 0;
    margin: 0;
}
a {
    color: #000;
    /*     font-size: .875rem; */
}
a:hover {
 color: #000;
 text-decoration: underline;

}
p {
    font-size: .875rem;
    font-weight: 600;
}
img {
    max-width: 100%;
    height: auto;
}
hr {
    margin-top: .5rem;
    margin-bottom: .5rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}
::-moz-selection { /* Code for Firefox */
  color: #ffffff;
  background: #CE2227;
}

::selection {
  color: #ffffff; 
  background: #CE2227;
}

/* header css start here */
.container {
    max-width: 1200px;
}
header {
    height: 125px;
    background-color: #ffffff;
}
/* end here */

/* bs-component  end here */
/* navbar css start here */
.bs-component {
    position: relative;
}
.bs-component+.bs-component {
    margin-top: 1rem;
}
.navbar {
    padding: 0;
}
.navbar-brand img{
    height: 60px;
}
.navbar-nav li.nav-item {
    padding: 0 .3rem;
}
.navbar-light .navbar-nav .nav-link {
    color: #ffffff;
    font-size: .875rem;
    padding: 0 .5rem;
    padding-top: .4rem;
    line-height: 2.5;
    border-radius: 0 0 8px 8px;
    background-color: #CE2227;
    min-width: 110px;
    text-align: center;
     font-weight: 600;
}

.navbar-light .navbar-nav li.active .nav-link,
.navbar-light .navbar-nav .nav-link:hover {
    /* border-color: #000000; */
    background-color: #A41117;
    color: #fff;
}
.navbar-light .navbar-nav li.active {
    font-weight: 500;
}
.bg-light {
    background: #ffffff !important;
}
.navbar-light .navbar-nav .nav-link:focus, 
.navbar-light .navbar-nav .nav-link:hover {
    color: #ffffff;
}

/* End here */
/* login section css start here */
.loginBgLayout {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+10,3a78d2+10,3a78d2+30,ffffff+30,ffffff+70,ffffff+70,3a78d2+70,3a78d2+90,ffffff+90,ffffff+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 2%, #3a78d2 2%, #3a78d2 13%, #ffffff 13%, #ffffff 87%, #ffffff 87%, #3a78d2 87%, #3a78d2 98%, #ffffff 98%, #ffffff 100%); /* FF3.6-13 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 2%,#3a78d2 2%,#3a78d2 13%,#ffffff 13%,#ffffff 87%,#ffffff 87%,#3a78d2 87%,#3a78d2 98%,#ffffff 98%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 2%,#3a78d2 2%,#3a78d2 13%,#ffffff 13%,#ffffff 87%,#ffffff 87%,#3a78d2 87%,#3a78d2 98%,#ffffff 98%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
height: 450px;
width: 100%;
box-shadow: 0 0 14px rgba(0, 0, 0, .3)
}
.checkLogin {
    background: #F1F2F3;
    height: 370px;
    border: 10px solid #ffffff;
    margin: 2.5rem 0 0;
    -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, .6);
    box-shadow: 0 0 24px rgba(0, 0, 0, .6);
}
.checkLogin .title {
    width: 100%;
    height: 54px;
    font-size: 1.4rem;
    line-height: 54px;
    color: #ffffff;
    font-weight: 600;
    text-align: center;
    margin-top:  15px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d70915+0,c90a0d+50,84070a+100 */
background: #d70915; /* Old browsers */
background: -moz-linear-gradient(top,  #d70915 0%, #c90a0d 50%, #84070a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d70915 0%,#c90a0d 50%,#84070a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d70915 0%,#c90a0d 50%,#84070a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d70915', endColorstr='#84070a',GradientType=0 ); /* IE6-9 */

}
.checkLogin .form-group {
    margin-bottom: .5rem;
}
.checkLogin .input-group {
    background: #EFEEF1;
    padding: 4px;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.1);
}
.checkLogin .input-group .input-group-text {
    background-color: transparent;
    border: none;
}
.checkLogin .input-group .input-group-text img {
    height: 20px;
}
.checkLogin .form-control {
    border-radius: 0;
    background: none;
    font-size: 1rem;
    height: 32px;
    color: #000000;
    -webkit-box-shadow: inset 1px 1px 0px rgba(0,0,0,.3);
    box-shadow: inset 1px 1px 0px rgba(0,0,0,.3);
}
.checkLogin label {
    font-weight: 600;
    font-size: .875rem;
}
.form-control:focus {
    border-color: rgba(0, 0, 0, .2);
    background-color: #ffffff;
}
.checkLogin .btn-prime {
    
    border: 1px solid #000000;
    width: 100px;
    line-height: 2.3;
    font-weight: 600;
    font-size: .875rem;
    border-radius: 1px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f1f1f1+0,dadada+100 */
background: #f1f1f1; /* Old browsers */
background: -moz-linear-gradient(top,  #f1f1f1 0%, #dadada 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f1f1f1 0%,#dadada 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f1f1f1 0%,#dadada 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */

}
/* .checkLogin .btn-prime:hover {
    background-color: #CE2227;
    color: #ffffff;
}
.checkLogin .reset:hover {
    background-color: #ffffff;
    color: #000000;
} */
.forgotPassword {
    float: right;
    color: #22378D;
    font-size: .875rem;
    font-weight: 700;
    margin-top: 1rem;
    position: relative;
    right: 20px;
}
.forgotPassword:hover {
    color: #22378D;
}
.sectionInfo {
    margin-top: 5rem;
}
.service {
    text-align: center;
}
.sectionInfo h6,
.about .sectionInfo h6 {
    text-align: center;
    letter-spacing: -.1px;
    color: #000001;
    font-weight: 700;
}
.sectionInfo h6 span {
    color: #CE2227;
}

.serviceImg img {
    height: 100px;
}
ul.serviceInfo li,
ul.serviceInfo p {
    list-style: disc;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.5;
}

.contact {
     font-weight: 700;
}

.contact a {
    border-bottom: 1px solid #000;
    font-weight: 700;
}
.contact a:hover {
    text-decoration: none;
    color: #CE2227;
    border-color: #CE2227;
}


.about .sectionInfo {
    margin-top: 1.5rem;
}

.about .serviceImg img {
    height: 70px;
}
.about ul.serviceInfo li,
.about ul.serviceInfo p {
    list-style: disc;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.5;
    text-align: left;
}
.about ul.serviceInfo {
    padding-left: 6rem;
    min-height: 80px;
}
/* .about .helpme ul.serviceInfo {
    margin-left: -1rem;
} */
.about .heading {
    padding:  2rem 0 1rem;
    font-size: 1.8rem;
}
.about .service h6 {
    font-size: .875rem;
    padding:  1rem 0 .5rem;
    /*min-height: 60px;*/
    font-size: 1rem;
}
.supprt.mt-2 {
    display: flex;
}
#lhnChatButton {
    margin-top: 14px;
}
span#siteseal {
    position: relative;
    top: -9px;
}
/* end login here */







/* light button css start here */
.btn {
    min-width: 160px;
    width: auto;
    border-radius: 0px;
    padding: .5rem 1rem;
    font-size: .675rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 30px;
}
/* .btn.focus, .btn:focus {
    box-shadow: none;
    } */
    .btn:hover {
        background-color: #0F2272;
        color: #ffffff;

    }
    .btn-primary {
    background-color: #22378D;
    color: #ffffff;
    border: 1px solid transparent;
    font-weight: bold;
}
    .btn-secondary {
        background: transparent;
        color: rgba(0,0,0,.9);
        border-color: rgba(0,0,0,.9);

    }

    .btn-all {
        min-width: 140px;
        padding: .8rem;
        background: #ffffff;
        color: #000000;
        border-color: var(--black4);

    }
    .btn-secondary:hover,
    .btn-all:hover {
        color: #ffffff;
        background-color: rgba(0,0,0,.9);
        border-color: rgba(0,0,0,.9);

    }
    .btn-primary:not(:disabled):not(.disabled).active, 
    .btn-primary:not(:disabled):not(.disabled):active, 
    .show>.btn-primary.dropdown-toggle {
        color: #ffffff;
        background-color: #000000;
        border-color: transparent;
    }
    .btn-primary:not(:disabled):not(.disabled).active:focus, 
    .btn-primary:not(:disabled):not(.disabled):active:focus, 
    .show>.btn-primary.dropdown-toggle:focus {
        box-shadow: none;
    }
    .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus {
        box-shadow: none;
    }

    footer {
    border-top: 1px solid rgba(0,0,0,.1);
}
   @media (max-width: 1024px) {
    .serviceImg img {
    height: 80px;
}
ul.serviceInfo li, ul.serviceInfo p {
    font-size: .675rem;
}
.about .serviceImg img {
    height: 60px;
}
.about ul.serviceInfo {
    padding-left: 1rem;
    min-height: 150px;
}

span#siteseal {
    position: relative;
    top: -9px;
    left: 70px;
}
   }

   @media(max-width: 767.98px){

.navbar-collapse {
    height: 100vh;
    text-align: center;
    background-color: #CE2227;
    margin-left: -15px;
    margin-right: -15px;
}
.navbar-toggler {
    border: none;
    background: transparent !important;
    padding: 0;
    position: absolute;
    right: 0;
    top: 45px;
}

.navbar-toggler:hover {
    background: transparent !important;
}
.navbar-toggler .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #000;
}
.navbar-toggler .icon-bar {
    width: 22px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.navbar-toggler .icon-bar+.icon-bar {
    margin-top: 4px;
}
.navbar-toggler:focus {
    outline: none;
}

/* ANIMATED X */
.navbar-toggler.x .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 10% 10%;
    -ms-transform-origin: 10% 10%;
    transform-origin: 10% 10%;
}

.navbar-toggler.x .icon-bar:nth-of-type(2) {
    opacity: 0;
    filter: alpha(opacity=0);
}

.navbar-toggler.x .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 10% 90%;
    -ms-transform-origin: 10% 90%;
    transform-origin: 10% 90%;
}

/* ANIMATED X COLLAPSED */
.navbar-toggler.x.collapsed .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.navbar-toggler.x.collapsed .icon-bar:nth-of-type(2) {
    opacity: 1;
    filter: alpha(opacity=100);
}

.navbar-toggler.x.collapsed .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
.loginBgLayout{
    height: auto;
}
.checkLogin .form-group {
    margin-bottom: 0;
}
.checkLogin label {
    line-height: 1;
}
.sectionInfo {
    margin-top: 2rem;
    margin-bottom: 8rem;
}
ul.serviceInfo {
    padding-left: 10px;
}
.about .sectionInfo {
    margin-top: 2rem;
    margin-bottom: 0rem;
}
/* .about .serviceImg img {
    height: auto;
} */
.navbar-brand img {
    height: 40px;
}
.supprt {
    text-align: right;
}
.supprt img {
    height: 40px;

}
header {
    height: auto;
}
.navbar-light .navbar-nav .nav-link {
    border-radius: 0;

}
ul.navbar-nav {
    padding-top: 4rem;
}
.navbar-nav li.nav-item {
    padding: 0;
}
.navbar-light .navbar-nav .nav-link {
    font-size: 18px;
    padding: 2rem 0;
    /* padding-top: .4rem; */
    line-height: 1.5;
    
}
.sectionInfo h6 {
    font-size: 1.6rem;
}
.forgotPassword {
    float: left;
    right: 0;
}
.btn {
    min-width: 130px;
    }
    span#siteseal {
    position: relative;
    top: -50px;
    left: 0;
}
.about .service h6 {
    min-height: 80px;
}
.collapse:not(.show) {
    display: none;
}
}

   /* banner css start here */
/* banner css start here */
.navbar-brand {
    padding-top: 3px;
    padding-bottom: 0;
}
section.bannerHead {
    height: 90px;
    background: #CE2227;
}
.bannerTitle {
    color: #fff;
    font-weight: 400;
    line-height: 1.3;
    font-size: 1.5rem;
    text-align: center;
}
.bannerTitle span {
    font-weight: 300;
}
.bannerTitle a {
    color: #ffffff;
    border: none;
    border-bottom: 2px solid #ffffff; 
}
.bannerTitle a:hover {
    text-decoration: none;
}
/* .bannerTitle span {
    font-size: 1.5rem;
    font-weight: 300;
} */
@media (max-width: 1024px) {
.bannerTitle {
    font-size: 1.1rem;
}
}
@media (max-width: 767px) {
.bannerTitle {
    
    line-height: 1.5;
    font-size: 1rem;
}
.bannerTitle span {
    font-size: inherit;
}
}
/* end here */
/* end here */