html {
    min-height: 100%;
    position: relative;
}


body {
    margin-bottom: 21px;
    padding: 0;
}

.pad-t-20 {padding-top: 20px;}
.font-size-16 {font-size: 16px;}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.headerLogo img {
    width: 50px;
    /*padding: 5px;*/
}
.headerLogo > a {
    padding: 0px !important;
}
.headerLogo a{border:none !important;}
body {
    padding: 0;
}

/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
    padding-left: 15px;
    padding-right: 15px;
}

/* Custom page header */
.header {
    /*border-bottom: 1px solid #e5e5e5;*/
    /*margin-bottom: 10px;*/
}
/* Make the masthead heading the same height as the navigation */
.header h3 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 40px;
    padding-bottom: 19px;
}

/* Custom page footer */
.footer {
    padding-top: 19px;
    color: #777;
    border-top: 1px solid #e5e5e5;
}

.container-narrow > hr {
    margin: 30px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
}
.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

/* Supporting marketing content */
.marketing {
    margin: 40px 0;
}
.marketing p + h4 {
    margin-top: 28px;
}

.title-text {font-size: 30px; font-weight: 500;}

.glyphicon {
    text-decoration: none !important;
}
.ng-binding {
    cursor: default;
}

.form-control {
    outline: 0 none;
    text-decoration: none;
}
.login-box {
    margin-top:100px;
}

*::before, *::after {
    box-sizing: border-box;
}
.editable-buttons button:first-child {
    background-color: #008800;
}
.editable-buttons button {
    padding: 9px;
    font-size: 18px;
    border-radius: 10px;
    background-color: #337ab7;
    color: white;
}
.navbar.navbar-expand-lg.navbar-light {
    position: fixed;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 100;
}
a.nav-link, a.nav-link:visited {
    display: block;
    padding: 0.5rem 1rem;
    font-family: Open Sans,sans-serif;
    font-size: 18px;
    text-decoration: none;
    color: #606266;
}
a.nav-link:hover, a.nav-link:focus {
    color: #409eff;
}
.active > a.nav-link {
    color: #409eff;
}
.navbar-nav{
    display: flex;
    align-items: center;
}
.headre_contact .bi {
    margin-right: 17px;
}
.row.login-box.myLoginRow {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.row.login-box.myLoginRow > .col-md-5 {
    width: 50%;
    flex: 0 0 auto;
    padding: 0;
    margin: 1.5rem 0;
}
.panelWithBoxShadow {
    box-shadow: -2px 5px 42px rgba(0, 0, 0, 0.4);
    display: inline-block;
    width: 90%;
    padding: 15px;
}
.site_foter.pt-5.bg-dark-blue {
    text-align: center;
}
.site_foter .row {
    text-align: left;
}

/*.navbar.navbar-expand-lg.navbar-light {
    position: fixed;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 100;
}
a.nav-link, a.nav-link:hover, a.nav-link:focus, a.nav-link:visited {
    display: block;
    padding: 0.5rem 1rem;
    font-family: Open Sans,sans-serif;
    font-size: 1rem;
    text-decoration: none;
    color: #606266;
}
.nav-item .active > .nav-link {
    color: #409eff;
}*/


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    #navbarText {
        display: flex !important;
        justify-content: end;
        padding: 0 15px;
    }
    .navbar-toggler {
        display: none;;
    }
    .mr-auto {
        list-style: none;
        
    }
    .col {
        flex: 1 0 0%;
        width: 25%;
        float: left;
    }
    /* Remove the padding we set earlier */
    .header,
    .marketing,
    .footer {
        padding-left: 0;
        padding-right: 0;
    }
    /* Space out the masthead */
    /*.header {
      margin-bottom: 0px;
    }*/
    /* Remove the bottom border on the jumbotron for visual effect */
    .jumbotron {
        border-bottom: 0;
    }
}

.colr-grey {background: #e2e2e2;}

/*.nav-pills>li {
    float: right;
}*/

.danger{
    color:#d9534f;
}
.pad-b-5 {
    padding-bottom: 5px;
}

.pad-r-45 {
    padding-right: 45px;
}
.pad-r-65 {
    padding-right: 65px;
}
.paddingLeft40 {
    padding-left:40px;
}
.paddingLeft50 {
    padding-left:50px;
}
.success {
    color:#5cb85c;
}
.m-signature-pad canvas{
    border: 1px solid #000;
    width: 300px;
}
.m-signature-pad .sigSubmit, .m-signature-pad .sigImgdata{
    display: none;
}

.buttontitlebar {
    border-radius: 0px !important;
    background: none;
    border: none;
}

.modal-body .input-group, .modal-body  {
    margin-bottom: 20px;
}
.modal-header {
    background-color: #5cb85c;
    color: white !important;
    text-align: center;
    font-size: 22px;
}
.stDt {
    border-bottom: dashed 1px #428bca !important;
}
.row.vdivide [class*='col-']:not(:last-child):after {
    background: #e0e0e0;
    width: 1px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    min-height: 70px;
}
.font26{
    font-size:26px;
    font-weight:200;
}
.font24, .font24 .panel-title{
    font-size:24px !important;
    font-weight:200 !important;
}

.font22, .font22 .panel-title{
    font-size:22px;
    font-weight:200;
}

/* Css done by Akash D */
.testCurrentEmployment, .hasMajorLifeEventDetail-wrap {
    margin-top: 18px;
}
.paddingTop5 {
    margin-right: 17px;
}
/* The container */
.radio-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float:left;
  margin-right:5px;
}

/* Hide the browser's default radio button */
.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio-container .checkmark:after {
     top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}


.newSymptomModeClose {
    padding: 5px;
    margin-left: 24px;
    font-size: 18px;
}
.showSymptomGraph {
    padding: 5px;
    margin-left: 24px;
    font-size: 18px;
}
.form-inline {
    width: 95%;
    margin: auto;
}

.emptyGoal span {
    color: #cccccc !important;
}
.addNewGoalClass {
    padding-left: 0;
}

.locationBack {
    float: left;
    font-size: 18px;
    margin-right: 15px;
    width: 30px;
    cursor: pointer;
}
.page-title {
    margin-top: 0;
    overflow: hidden;
    width: 95%;
}
.page-description {
    display: inline-block;
    overflow: hidden;
    font-size: 17px;
}

@media (min-width : 601px){
    .header-menu-text-font, .header-menu-text-font .panel-title{
        font-size:24px !important;
        font-weight:200 !important;
    }
    .nav>li.header-menu-text-font>a{
        position: relative;
        display: block;
        padding: 10px 15px;
    }
}


@media (max-width : 600px){
    .header-menu-text-font, .header-menu-text-font .panel-title{
        font-size:18px !important;
        font-weight:200 !important;
    }
    .nav>li.header-menu-text-font>a{
        position: relative;
        display: block;
        padding: 3px 5px;
    }
}

.tick-value {
    font-size:16px;
}
.editable-controls {
    width: 100%;
}

.selectable-st th{

    color: #929292;
}
.pull-right {
    float: right !important;
}
.width100 {
    width: 100%;
}

.width36 {
    width: 36%;
}
.themeLabel .label-default {
    background-color: #f5f5f5;
}
.spinner {
    width: 40px;
    height: 40px;
    margin: 100px auto;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: scaleout 1.0s infinite ease-in-out;
    animation: scaleout 1.0s infinite ease-in-out;
}

.sigClear {
    margin-left: 6px;
    padding: 5px 10px;
    border-radius: 5px;
    box-shadow: none;
    background-color: #337ab7;
    color: #fff;
    font-weight: bold;
}

@-webkit-keyframes scaleout {
    0% {
        -webkit-transform: scale(0.0)
    }
    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}
@keyframes scaleout {
    0% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    100% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

.seaction-heading {
    display: block;
    overflow: hidden;
    margin-left: 5px;
}

.spinner_login{
    margin: 0px auto;
}
#loading-bar-spinner{ display: none;}
#loading-bar .bar{background:#2c3e50;}

.height0 {
    height: 0px;
}
.dNone{display: none;}
.opacity2{opacity: 0.2; display: block; }

.alert {
    padding: 8px 8px 8px 8px;
}
.paddingTop10 {
    padding-top: 10px;
}
.editableDetailContainer .editable-click, .editableDetailContainer a.editable-click, .editableDetailContainer .editable-click:hover, .editableDetailContainer a.editable-click:hover {
    border-bottom: 1px solid #ccc;
}

a.form-control {
    white-space: nowrap;
}
a.ng-binding {
    position: relative;
}
.editable {
    text-decoration: none !important;
    color: #428bca !important;
    border-bottom: dashed 1px #428bca !important;
}
.contact form {
    width: 100%!important;
}
.contact input {
    width: 100%!important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 12px;
    padding-left: 12px;
}
select {
    background-color: #FFFFFF;
    width: 100%!important;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 12px;
    padding-left: 12px;
}

.nfnt{
    font-size: 20px;
}

.list-group-item{
    padding:3px 15px !important;
    margin:7px 29px !important;
}

.acord{
    margin:0px 20px;
}

.space{
    margin:5px;
}

.alrt{
    padding:7px 12px;
    margin:0px;
    border-radius:7px;
}

.goalstatus{
    font-size: 14px;
}


.switch {
    cursor:pointer !important;
    padding:10px;
}
.switch span{
    cursor:pointer !important;
}
.switch:hover{
    cursor:pointer !important;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.switchicon{
    color:#DCE0E2;
    margin-left:25px;
    font-size: 21px;
}

.switchicon:hover {
    color:#0088CC;
}

.swichStatus{
    font-size:20px;
    margin:20px;
    background-color: #C6E6A3;
    border-radius: 5px;
    font-size: 16px;
    padding:3px;
    color: #75787B;
}

.subtitle h5 a{
    font-size: 18px;
    text-decoration: none;
    cursor: pointer;
    color: #444;
}

.goal .panel-primary{
    margin:20px 5px;
}

.subtitle .panel-default{
    background-color: #f9f9f9 !important;
    border-color: #fff;
}

.subtitle .panel-heading{
    padding:5px 10px;
    background-color: #eee;
    cursor: pointer !important;
}

.font18{
    font-size:18px;
}
.font16{
    font-size:16px;
}
.font14{
    font-size:14px;
}

.cPointer{
    cursor: pointer !important;
    text-decoration: none !important;
}

.pointer{
    cursor: default !important;
}

.rzRating rzslider span.rz-pointer {

    z-index:0 !important;
    background-color: transparent !important;

}

.icon .popover{
    max-width:550px !important;
}

.helpIcon{
    margin-left:12px;
    padding:5px;
    border: 1px solid #fff;
}
.helpIcon:hover {
    background:#fff;
    border: 1px solid #d0d0d0 !important;
    border-radius:3px;
    text-align: center;

}

.helpIconClick{
    margin-left:12px;
    padding:5px;
    background-color:#eee ;
    border: 1px solid #d0d0d0;
    border-radius:3px;
    /*box-shadow: 0 0 3px rgba(0,0,0,0.3);*/
    box-shadow: inset 0 0 10px rgba(0,0,0,0.5);

}

.noYetAnyGoal{
    margin-top: 75px;
}

.panelborder{
    border-color:rgb(255,255,255) !important;
}

.insidePanel{
    padding: 5px 10px;
}



.body-text-kk {
    font-size: 18px;
    letter-spacing: .5px;
    font-family: serif;
}
.body-div-text {
    cursor: default;
}
.add-btn-kk {
    border: 1px solid #ccc;
    padding: 4px;
    border-radius: 4px;
    background-color: #ccc;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: .5px;
    font-family: serif;
}
.body-div-text {
    cursor: default;
}
.add-btn-kk {
    border: 1px solid #ccc;
    padding: 4px;
    border-radius: 4px;
    background-color: #ccc;
    font-weight: bold;
}
.add-span-text {
    background: #fff;
    padding: 0px 5px;
    position: relative;
    top: 10px;
    display: table;
    z-index: 1;
    margin-left: 10px;
    font-size: 14px;
}
.add-input-text {
    border-radius: 5px;
    border: 1px solid #069!important;
    padding: 8px;
    height: auto;
    min-height: 44px;
    font-size: 18px;
    cursor: pointer;
}

.box-form form {
    width: 100%;

}
.box-form input {
    border-radius: 10px;
    border: 1px solid #069!important;
    padding: 15px;
    height: auto;
    font-size: 18px;
    width: 100% !important;
}
.select-search-list-item_input input {
    border-radius: 10px;
    border: 0px !important;
    padding: 0px !important;
    height: auto;
    font-size: 18px;
    width: 100% !important;
}

.oiSelectConfig .select-search {
    border: 1px solid #069!important;
    padding: 8px !important;
    border-radius: 10px;
    height: auto;
    min-height: 57px;
    font-size: 18px;
    cursor: pointer;
}

.box-form .m-signature-pad input {
    border-radius: 5px;
    border: 1px solid #069!important;
    padding: 5px;
    height: auto;
    font-size: 18px;
    width: 30% !important;
}

.buttontitlebar-add {
    border-radius: 6px !important;
    background: #fff;
    border: none;
    padding: 2px 4px;
}
.plus-btn{
    color: #337ab7;
    padding: 4px 7px 4px 8px;
    position: relative;
    top: -3px;
    display: inline-block;
    border: 1px solid #fff;
}
.plus-btn:hover {
    background:#eee;
    border: 1px solid #d0d0d0 !important;
    border-radius:3px;
    text-align: center;
    display: inline-block;
    color:#337ab7;
}
.plus-btn-white{
    color: #fff !important;
    /*padding: 4px 7px 4px 8px;
    position: relative;
    top: -3px;
    display: inline-block;*/
}
/*.plus-btn-white:hover {
    background:#eee;
    border: 1px solid #d0d0d0 !important;
    border-radius:3px;
    text-align: center;
    display: inline-block;
    color:#337ab7 !important;
}*/
.btnClicked  > .arrow {
    top: -15px !important;
    left: 42.5% !important;
}
.helpIcon-emergency-contact {
    margin-left: 12px;
    padding: 3px 6px 1px;
    border: 1px solid #FFFFFF;
    text-align: center;
    display: inline-block;
    margin-top: 5px;
}
.helpIconClick-emergency-contact {
    margin-left: 12px;
    padding: 3px 6px 1px;
    border: 1px solid #FFFFFF;
    text-align: center;
    display: inline-block;
    margin-top: 5px;
    background-color: #eee;
    box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3);
}
.helpIcon-emergency-contact:hover {
    background:#fff;
    border: 1px solid #d0d0d0 !important;
    border-radius:3px;
    text-align: center;
    color:#337ab7;

}
.helpIconClick-emergency-contact:hover {
    color:#337ab7;
}
.box-form select {
    height: 57px;
    border: 1px solid #069;
    font-size: 18px;
    color: #428BCA;
}

.payerType{
    background-color: #337AB7;
    color: white;
    padding: 3px;
    border-radius: 3px;
    text-align: center;
    margin-left: 13px;
    margin-top: 15px;
    font-size: 18px;
}


[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}
.main-content-div button {
    margin: 20% auto;
    width: auto;
    display: table;
    float: none;
}
ul.nav.nav-pills.nav-stacked li a {
    /*color: #fff;*/
}
ul.nav.nav-pills.nav-stacked li a:hover {
    /*color: #337ab7;*/
}

.validation {
    position: absolute;
    font-size: .8em;
    color: #a94442;
    margin-top: -40px;
    position: absolute;
}
.formly-field {
    font-size: 18px;
}
.myLoginRow .formly-field {
    margin-bottom: 20px;
}
.formly-template-wrapper {
    position: relative;
}
.createAccount {
    text-align: center;
    margin-left: 38%;
    font-size: 18px;
    font-weight: 700;
}
.panelWithBoxShadow {
    box-shadow: -2px 5px 42px rgba(0, 0, 0, 0.4);
}
.loginInfo {
    padding-left: 20px;
    background: linear-gradient(135deg,#409eff,#2d8cf0);
    padding: 0 40px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 20px #409eff33;
    color: #fff;
    min-height: 370px;
}
.loginInfo h4 {
    color: #fff;
    margin: 20px;
    font-size: 25px;
}
.loginInfo ul {
    padding-bottom: 0px;
}
.loginInfo ul li {
    color: #fff;
    list-style: disc !important;
    font-size: 14px;
    font-style: italic;
    padding: 5px;
}
.loginInfo ul li b {
    color: #fff;
    font-style: normal;
}
.screening.referenceLayer {
    opacity: 0.25;
    position: relative;
}
.screening.activeLayer{
    opacity: 1;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    /*transform:translateY(2px);*/
}
.screening.editableLayer{
    opacity: 0.65;
    background-color: rgba(224,253,222,0.45);
    border-bottom: 1px solid #B4D8AF;
    border-radius: 5px;
    text-shadow: 1px 1px 1px #fff;

}
.screening.editableLayer:hover{
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.screening.screeningQuestion{
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    /*transform:translateY(50px);*/
}
.screening.screeningGroupHeader{
    color: #fff;
    background: rgba(56, 74, 99, 0.7);
    padding: 5px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);
}
.rzsliderDefault .rz-selection{
    display: none;
}

.navForGoal {
    margin-left:24px !important;
    margin-right: 28px !important;
}

/*
#chart1 rect {

    width: 200px !important;
    height: 200px !important;
}
*/

.textarea-initial {
    padding: 10px;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 5px;
}
.move {
    cursor: move;
}

.pull-left75px {
    margin-left:100px !important;
}

.ui-sortable-helper {
   display: table;
    width:100%;
}

#goalName .editable-controls {
    width: 90% !important;
}
#goalTbl td {
    border: none !important;
}

.coverage-initial{
    padding: 10px;
    background-color: rgba(236, 236, 236, 0.58);
}
.coverage-select-Flt {
    float: right;
    margin: 5px 0px 0px 0px;
}
.coverageBtn:focus {
    outline: none;
}
.coverage-NavDiv {
    margin: 4px 0px 0px 70px;
}
.coverage-NavTab>ul.nav-tabs>li>a{
    padding: 4px 6px;
}
.coverage-NavTab>ul.nav-tabs {
    height : auto;
}
.coverage-NavTab>ul.nav-tabs>li {
    margin-bottom: -7px;
}
@media (max-width : 800px) and (min-width : 768px) {
    .coverage-NavDiv {
        margin: 4px 0px 0px 0px;
    }
}
@media (max-width : 767px) and (min-width : 540px) {
    .coverage-select-Flt {
        margin: -35px 0px 0px 0px;
    }
    .coverage-NavDiv {
         margin: 4px 0px 0px 0px;
     }
}
@media (max-width : 541px) and (min-width : 401px) {
    .coverage-NavDiv {
         margin: 4px 0px 0px 0px;
     }
    .coverage-select-Flt {
          margin: 0px 0px 0px 0px;
      }
}
@media (max-width : 400px){
    .coverage-NavTab>ul.nav-tabs>li>a{
        padding: 2px 2px;
    }
    .coverage-NavDiv {
        margin: 0px 0px 5px 0px !important;
    }
    .coverage-select-Flt {
        margin: 0px 0px 0px 0px;
    }
}
/*For login page footer*/
    *{list-style: none !important; outline: none !important; text-decoration: none !important; font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 30px; color: #111;}
    h1,h2,h3,h4,h5,h6{
      color: #05004e;
      font-weight: bolder;
    }
    .btn_main{
      padding: 15px 35px;
      border-radius: 5px;
      background: #205FA2;
      color: #fff;
    }
    .pt-5 {
        padding-top: 3rem!important;
    }
    .my-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important;
    }
    .headerLogo {
        position: fixed;
        left: 0;
        text-decoration: none !important;
    }
    .row>* {
        flex-shrink: 0;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-top: var(--bs-gutter-y);
    }
    .py-0 {
        padding-top: 0!important;
        padding-bottom: 0!important;
    }
    .p-3 {
        padding: 1rem!important;
    }
    @media screen and (min-width: 768px) and (max-width : 1800px) {
        .container {
            width: 95%;
            margin: 0 auto;
            display: inline-block;
        }
    }
    @media screen and (min-width: 1800px) {
        .container {
            width: 70%;
            margin: 0 auto;
            display: inline-block;
        }
        #navbarText {
            justify-content: center;
        }
    }

    /* @media (min-width: 1400px) {
        .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
            max-width: 1320px;
        }
    }
    
    @media (min-width: 1200px) {
        .container, .container-lg, .container-md, .container-sm, .container-xl {
            max-width: 1140px;
        }
    }
    
    @media (min-width: 992px) {
        .container, .container-lg, .container-md, .container-sm {
            max-width: 960px;
        }
    }
    
    @media (min-width: 768px) {
        .container, .container-md, .container-sm {
            max-width: 720px;
        }
    }
    
    @media (min-width: 576px) {
        .container, .container-sm {
            max-width: 540px;
        }
    }
    
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        width: 100%;
        padding-right: var(--bs-gutter-x,.75rem);
        padding-left: var(--bs-gutter-x,.75rem);
        margin-right: auto;
        margin-left: auto;
    } */
    /* .main_header{
      z-index: 999;
      left: 0;
      transition: all 0.3s ease-in-out;
    }
    .main_header.set_hdr{
      background:#fff;
      ransition: all 0.3s ease-in-out;
    }
    .main_menu ul > li a{
      display: block;
      color: #16133d;
    }
    .main_menu ul > li:hover a,.main_menu ul > li a:hover{
      color: #205FA2;
    }
    .home_banner{
      overflow: hidden;
      position: relative;
    }
    .banner_cont_part{
      position: absolute;
      left: 9%;
      top: 75%;
      z-index: 111;
      display: inline-block;
      transform: translateY(-75%);
      width: 60%;
    }
    .banner_cont_part h1{
      font-size: 69px;
      text-transform: capitalize;
      color: #fff;
      line-height: 69px;
      margin-bottom: 30px;
      text-shadow: 1px 1px 3px #000000;
    } */
    .bg-dark-blue{
      background-color: #0E3E6E !important;
    }
    .help_home_sec {
      margin-top: -106px;
      position: relative;
      z-index: 11;
    }
    .serv_hm_sec ul{
      margin: 0;
      padding: 0;
      margin-top: 40px;
    }
    .serv_hm_sec ul > li{
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      padding: 7px 0;
    }
    .serv_hm_sec ul > li:before{
      display: inline-block;
      content: "\f138";
      font-size: 18px;
      color: #05004e;
      font-family: bootstrap-icons !important;
      font-style: normal;
      font-weight: 400 !important;
      font-variant: normal;
      margin-right: 10px;
    }
    .serv_hm_sec .row > .col{
      border-right: 1px solid #ddd;
    }
    .serv_hm_sec .row > .col:last-child{
      border: none;
    }
    .serv_hm_sec .row > .col > div{
      height: 100%;
    }
    .choose_us{
      background-image: url(./images/choose-us-bg.jpg);
      background-position: center top;
      background-repeat: no-repeat;
      background-size: cover;
      margin-top: 160px;
    }
    .nrse_img{
      margin-top: -200px;
    }
    .help_contact hr{
      background-color: #fff;
      margin: 2rem 0 !important;
    }
    .home_contact .bi {
      color: #0E3E6E;
      padding: 20px;
      background: #fff;
      border-radius: 100%;
  }
    .home_contact a strong,.home_contact a h2{
      color: #fff;
    }
    .headre_contact {
        margin-left: 16px;
    }
    .headre_contact h5{
      color: #0E3E6E;
    }
    .owl-dots{
      text-align: center;
      margin-top: 40px;
    }
    .testi_slider .owl-dots > button{
      padding: 7px !important;
      background: #ccc !important;
      display: inline-block;
      margin: 0 4px;
      border-radius: 100%;
    }
    .testi_slider .owl-dots > button.active{
      background: #504f4f !important;
    }
    .fs-1, .fs-2 {
        float: left;
        width: 50px;
        height: 50px;
        font-size: 3.5rem!important;
        margin-top: 10px;
    }
    .hm_latest_blog{
      position: relative;
      overflow: hidden;
      z-index: 0;
      background: url(./images/latest-article-bg.webp);
      background-attachment: fixed;
      background-position: left top;
      background-repeat: no-repeat;
      background-size: cover;
      transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
      clip-path: polygon(0 7%, 100% 0, 100% 100%, 0% 100%);
    }
    .hm_latest_blog::before{
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      content: '';
      background: #0E3E6E;
      opacity: 0.6;
      transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
      z-index: -1;
    }
    .box_post{
      background: rgba(255,255,255,0.9);
      border: 1px solid #fff;
    }
    .site_foter h4{
      color: #fff;
      margin-bottom: 30px;
      font-weight: bolder;
    }
    .site_foter ul{
      padding: 0;
      margin: 0;
    }
    .site_foter ul li{
      margin-bottom: 7px;
      padding-bottom: 7px;
      border-bottom: 0.5px solid #A6A6A62B;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
    }
    .site_foter ul > li:last-child{
      border: none;
    }
    .site_foter ul li > a{
      display: block;
      color: #eee;
    }
    .site_foter p{
      color: #eee;
      margin: 0;
    }
    .p-0 {
        padding: 0!important;
    }
    .mt-4 {
        margin-top: 1.5rem!important;
    }
    .m-0 {
        margin: 0!important;
    }
    .align-items-center {
        align-items: center!important;
    }
    .d-flex {
        display: flex!important;
    }
    .welcomeToLogin{
        float: left;
        position: relative;
        margin-top: 90px;
        text-align: center;
        width: 100%;
        font-size: 20px;
        font-weight: bolder;
        color: #409eff;
    }
    .footr_logo > img{
      filter: brightness( 200% ) contrast( 200% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );
    }
    .copy_right{
      background: #205FA2;
    }
    .py-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important;
    }
    .container-fluid {
        display: flex;
        flex-direction: column;
        min-height: 65vh;
    }
    .footr_address li::before{
      display: inline-block;
      content: '\f32f';
      color: #fff;
      font-size: 18px;
      margin-right: 7px;
      font-family: bootstrap-icons !important;
      font-style: normal;
      font-weight: 400 !important;
      font-variant: normal;
    }
    .footr_address li:nth-child(2):before{
      content: "\f5b4";
    }
    .footr_address li:last-child:before{
      content: "\f101";
    }

    .site_foter ul.social_link li {
        border: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .social_link > li {
        margin: 0 5px;
    }

    .social_link > li a{
      display: inline-block;
    }
    
    .social_link > li a .bi{
      color: #fff;
      font-size: 24px;
    }
    .mobile_nav{
      padding: 9px;
      background: #0E3E6E;
      cursor: pointer;
      border-radius: 100%;
    }
    .mobile_nav .bi{
      color: #fff;
    }

    @media screen and (min-width: 1540px){
      .banner_cont_part{
        left: 16%;
      }
      .col {
        flex: 1 0 0%;
        width: 25%;
        float: left;
        }
    }
    @media screen and (max-width: 768px){
    .navbar-toggler {
            display:block;
    }
      .site_foter h4{
        margin: 20px 0;
      }
      .site_foter{
        margin-bottom: 56px;
      }
      .col {
        flex: 1 0 0%;
        width: 100%;
        float: left;
    }
      @-webkit-keyframes fadeInDown {
            from {
                opacity:0;
                -webkit-transform: translatey(-20px);
                -moz-transform: translatey(-20px);
                -o-transform: translatey(-20px);
                transform: translatey(-20px);
            }
            to {
                opacity:1;
                -webkit-transform: translatey(0);
                -moz-transform: translatey(0);
                -o-transform: translatey(0);
                transform: translatey(0);
            }
        }
        @-moz-keyframes fadeInDown {
            from {
                opacity:0;
                -webkit-transform: translatey(-20px);
                -moz-transform: translatey(-20px);
                -o-transform: translatey(-20px);
                transform: translatey(-20px);
            }
            to {
                opacity:1;
                -webkit-transform: translatey(0);
                -moz-transform: translatey(0);
                -o-transform: translatey(0);
                transform: translatey(0);
            }
        }
        @keyframes fadeInDown {
            from {
                opacity:0;
                -webkit-transform: translatey(-20px);
                -moz-transform: translatey(-20px);
                -o-transform: translatey(-20px);
                transform: translatey(-20px);
            }
            to {
                opacity:1;
                -webkit-transform: translatey(0);
                -moz-transform: translatey(0);
                -o-transform: translatey(0);
                transform: translatey(0);
            }
        }
        .visite_links .bi{
            width: 45px;
            height: 45px;
            background-color: #205FA2;
            color: #fff;
            font-size: 20px;
            border-radius:100% ;
            padding: 12px 0;
            margin-right: 10px;
        }
        .row.login-box.myLoginRow > .col-md-5 {
            width: 100%;
        }
        .panelWithBoxShadow {
            width: 98%;
        }

    }