@charset "utf-8";
:root {
--color-blue: #0f2d5e;
--color-cyon: #1fb8ae;
--color-grey: #383838;
}

@font-face {
    font-family: AlegreyaSans-Regular;
    src: url(../inc/fonts/Alegreya_Sans/AlegreyaSans-Regular.ttf);
}
@font-face {
    font-family: AlegreyaSans-Medium;
    src: url(../inc/fonts/Alegreya_Sans/AlegreyaSans-Medium.ttf);
}
@font-face {
    font-family: AlegreyaSans-Bold;
    src: url(../inc/fonts/Alegreya_Sans/AlegreyaSans-Bold.ttf);
}
@font-face {
    font-family: AlegreyaSans-Bold;
    src: url(../inc/fonts/Alegreya_Sans/AlegreyaSans-Italic.ttf);
}
@font-face {
    font-family: Bitter-Regular;
    src: url(../inc/fonts/Bitter/static/Bitter-Regular.ttf);
}
@font-face {
    font-family: Bitter-Italic;
    src: url(../inc/fonts/Bitter/static/Bitter-Italic.ttf);
}
@font-face {
    font-family: Bitter-Bold;
    src: url(../inc/fonts/Bitter/static/Bitter-Bold.ttf);
}
h1,h2,h3,h4,h5,h6{font-family: Bitter-Regular;}
h1{font-size: 48px; line-height: 58px;}
h2{font-size: 36px; line-height: 46px;}
h3{font-size: 30px; line-height: 42px;}
h4{font-size: 24px; line-height: 34px;}
h5{font-size: 20px; line-height: 28px;}
h6{font-size: 18px; line-height: 26px;}
p{font-family: AlegreyaSans-Regular; font-size: 18px; line-height: 24px;}
a{ font-family: AlegreyaSans-Medium; font-size: 14px; line-height: 17px;}

input::-webkit-input-placeholder { color: #383838; opacity: 1; }
input::-moz-placeholder { color: #383838; opacity: 1; }
input:-ms-input-placeholder { color: #383838; opacity: 1; }
input:-moz-placeholder {  color: #383838; opacity: 1; }
input::placeholder { color: #383838; opacity: 1; }
input, button, select, optgroup, textarea { font-family: AlegreyaSans-Regular;}
body{ font-size: 16px; font-family: 'AlegreyaSans-Regular','Montserrat', sans-serif; font-weight:400; }

h1,h2{ font-weight:500; padding:10px; margin-top: 0; text-align: center; }
/* line-height: 30px; font-size: 38px; */
h1{ color: #383838;  margin-bottom: 50px; }
h2{ color: #383838; line-height: 24px; font-size: 30px; margin-bottom: 45px; }

/* Scrollbar */
html {scrollbar-color: #C20430 white;}
::-webkit-scrollbar-thumb { background: #C20430;}

.btn.btn-primary{ background-color: #484340; border: 1px solid #484340; border-radius: 0; font-weight: bold; text-transform: uppercase; padding: 15px; min-width: 220px; }
.btn.btn-primary:hover,.btn-primary:not(:disabled):not(.disabled):active{ background-color: #C20430;  border: 1px solid #C20430;  }

header{ background: #0f2d5e; padding: 20px; min-height: 80px; }
.np{padding: 0px;}
main{ padding-top: 50px; padding-bottom: 50px; }
main p a{ color: #383838; font-weight: bold; }
main .container h1{ font-size: 30px; }
main .form-body{ max-width: 600px; margin: 0 auto; text-align: left; }
main .form-body .step_content{ display: none; }
main .form-body .step_content.step_active{ display: block; }
main .form-body .step_content form > p{ text-align: center; margin-bottom: 50px; }
main .form-body .form-group{ max-width: 480px; margin-left: auto; margin-right: auto; }
main .form-body .form-control{ padding: 10px; font-size: 18px; height: auto; border: 1px solid #d0d0d0; color: #383838; }
main .form-body label{ font-weight: bold; color: #383838; }
main .form-body textarea{ height:85px; }
main .form-body .btn{ margin-top: 40px; }

main .steps-navigation{ display: inline-block; list-style: none; margin-bottom: 38px; padding: 0; margin-left: -40px; margin-right: -40px; }
main .steps-navigation li{ float: left; margin: 0px 25px; width: 135px; }
main .steps-navigation li svg{ width:14px; height:14px; fill:#999999;  position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; }
main .steps-navigation li a{ text-decoration: none; display: block; width: 60px; height: 60px; background: #f7f7f7; border-radius: 45px; text-align: center; /* padding: 30px 0;*/ position: relative; margin-bottom: 10px; }
main .steps-navigation li a:after{ width: 55px; height:8px; background: url('../images/arrow_new.svg#svg_arrow_bg') no-repeat center; position: absolute; content: ""; right: -75px; top: calc( 50% - 4px ); }
main .steps-navigation li:last-child a:after{ display: none; }
main .steps-navigation li a span{ width: 30px; height: 30px; display: inline-block; border: 2px solid #999999; border-radius: 30px; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; }
main .steps-navigation li.active_step a{ /* background-color: #1fb8ae; */  background-image: linear-gradient(to right,#79242F,#E1261C); }
main .steps-navigation li.active_step a span{ border: 2px solid #FFF; }
main .steps-navigation li.active_step svg{ width:16px; height:28px; fill:#FFF; position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; }
main .circle_stick{text-decoration: none; display: block; width: 120px; height: 120px; background:  linear-gradient(to right,#79242F,#E1261C); border-radius: 60px; text-align: center;  position: relative; margin-bottom: 10px; }
main .circle_stick span{ width: 30px; height: 30px; display: inline-block; border: 2px solid #FFF; border-radius: 15px; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; }
main .circle_stick svg{ width:16px; height:28px; fill:#FFF; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%;}

main .payment_success_wrap{ position: relative; margin-top: 60px; padding: 60px 20px 40px 20px; box-shadow: 0 0 40px -25px #000; text-align: center; border-radius: 10px; }
main .payment_success_wrap .circle_stick{ position: absolute; top: 0; left: 50%; transform: translate(-50%,-50%); }
.step-title { font-family: Bitter-Regular; font-size: 14px; color: #383838;}
.header-learn-more {text-align: center; background-image: linear-gradient(to right,#79242F,#E1261C); padding: 10px 0; color: #f7f7f7;}
.header-learn-more .container div a strong , .header-learn-more .container div a{color: #f7f7f7;}
.review_details_table{ width: 100%; border-top: 1px solid #e5e5e5; }
.review_details_table tr{ position: relative; }
.review_details_table tr td{ padding: 10px; }
.review_details_table tr:first-child td{ padding-top: 30px; }
.review_details_table tr td:first-child{ width: 225px; }
.review_details_table .btn{ position: absolute; top:30px; right: 5px; margin: 0 !important; padding: 0 !important; }
.review_details_table .btn svg{ width: 15px; height: 15px; }

.contact_number_wrap{ position: relative; }
.contact_number_wrap span{ display: block; padding: 12px 10px; position: absolute; border-right: 1px solid #e9e9e9; height: 100%; }
.contact_number_wrap input{ padding-left: 60px !important; }
/* border-top: 1px solid #999; */
.footer-top-section { margin-top: 50px;   background-color: #FBFAFA;}
/* .ft-title { border-bottom: 1px solid transparent; margin-bottom: 55px;} */
.ft-title { width: 44px; border-bottom: 2px solid #a69c95; /*margin-bottom: 55px;*/ margin-bottom: 25px; }
.ft-title h4:after { position: absolute; content: ""; width: 100%; height: 4px; left: 0; bottom: -1px; background: #aba19b; z-index: 2; -webkit-transition: all 0.4s; transition: all 0.4s; }
.ft-title h4 { display: inline-block; position: relative; padding-bottom: 15px; }
.footer-top-section h4 { margin: 0; color: #585858;}
.ft-widget .order-list li a { margin-bottom: 25px; padding-top: 2px;}
.ft-widget ul li a { font-size: 14px; color: #383838; margin-bottom: 15px;  display: block; font-weight: 500; }
.ft-widget ul {list-style: none; padding-left: 4px; }
.ft-widget ul li a:hover { color: #C20430; }
.ft-widget h6{ color:#646464; font-weight: 500; font-size: 14px; font-family: 'AlegreyaSans-Medium' !important;}
.ft-logo { margin-top: 10px; margin-bottom: 38px; width: 170px;}
.socials-container {margin-top: 32px; display: flex; }
.social-images-margin {margin-right: 16px; }
.footer-map { margin-left: auto; margin-right: auto;  display: block;}
.footer-section-bottom { background-image: linear-gradient(to right,#79242F,#E1261C); height: 60px; }
#page-footer a[class^="social-media"]:before{ background-color:  #A69C95; }
/*footer{ padding:20px 15px; background:#0f2d5e; color: #FFF; text-align: center; }
footer a{ color:#FFF}
footer a:hover{ color:#FFF;}*/
.social-media-links{ padding-top: 20px;}
.footer_social_links { text-align: right;  }
.footer_social_links a img{margin-left: 25px;}
.footer-icon-wrapper { margin-top: 30px;}
#page-footer .social-media-linkedin:before { -webkit-mask: url("../icon/linkedin.svg"); mask: url("../icon/linkedin.svg"); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;  }
.footer-top-section{ padding-bottom: 15px;}

.ft-addr h6{ color:#646464; font-weight: 500; font-size: 14px; font-family: 'AlegreyaSans-Medium' !important; }
.nav .nav-item:last-child {
    margin: 0 12.5px !important;
}
.req-appointment{ background-color: #484340; border-radius: 0; padding: 8px; color: #FFF; font-weight: 500; font-size: 14px; }
.main-nav{ align-items: center;}
.main-nav .nav-item .nav-link{ color: #0000008c;   font-size: 18px !important; font-weight: 500 !important;}
.main-nav .nav-item .nav-link.active{ color: #c20430;}
/* .main-nav .nav-item .nav-link:hover,.sub-menu .nav-item .nav-link:hover{ color: #c20430;} */
.sub-menu .nav-item .nav-link{ font-weight: 500; color: #646464; font-size: 14px;}
.req-appointment:hover{ background-color: #C20430; border: 1px solid #C20430; color: #FFF; }

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus{ color: #000000b3 !important;}
.mob-req-appointment{ display: none; }
.modal-title-search-wrap{display: none;}
.sticky-top:after{ background: linear-gradient(90deg,#79242f,#e1261c 93.33%); bottom: 0; content: ""; height: 10px; position: absolute; width: 100%;}
.extra-sub-menu-tab-mob{ display: none;}

@media only screen and (min-width: 768px ) and (max-width: 992px) {
    .desk-right{ float: right; margin-right: 15px; }

}

@media only screen and  (max-width: 992px) {
    .footer_social_links a img { margin-left: 2px; }
}

@media screen and (max-width: 768px) {

    /* .navbar-dark .navbar-brand{margin-left: -10px;}
    .navbar-dark .navbar-toggler{ margin-right: -10px; padding-left: 15px !important;} */

    .sticky-top{ position: relative; padding-top: 2.0625rem;}
    .mob-req-appointment{ display: block; height: 36px; outline: none; padding: .6875rem .8125rem;}
    .extra-sub-menu-tab-mob{ display: block; padding: 10px; margin: -20px; background-color: #f1f0ef}
    .extra-sub-menu-tab-desk{ display: none;}

    .navbar-toggler{ margin-bottom: 10px;  padding-right: 0;}
    .nav-btn.desk-search-icon, .desk-req-appointment{ display: none;}
    .nav-btn.desk-search-icon{ display: none !important;}

    .navbar-collapse{ margin-top: -75px; position: relative; }

    .main-nav{padding: 10px; }
    .desk-right{ margin: -20px; margin-bottom: -5px;}
    .modal-title-search-wrap{ display: block; background: #fff; padding-top: 35px;}
    .modal-title-search-wrap .modal-close-button { text-align: right; }
    .toggle-modal-search-button{ position: relative; margin-top: 25px;}
    .toggle-modal-search-button .search-text { position: absolute; top: 0px; font-size: 18px;}
    .how-can-help-title h2{ text-align: left; padding-left: 0;}
    .toggle-modal-search-button .nav-btn.mob-search-icon{ width: 100%; text-align: right; border-bottom: 1px solid #484340; height: 35px; margin: 0;}
    .navbar-toggler .navbar-toggler-icon.change { background-image: url(https://payments-blackrock.blackrockhealth.com/images/btn-close.svg); height: 16px; width: 16px;}
    .ft-contact-widget{ margin-top: 40px;}
    .footer-icon-wrapper { margin-top: 50px; margin-bottom: 50px; }
    #page-footer a[class^="social-media"]::before{ width: 30px !important; height: 30px !important;}

    #page-footer .social-media-linkedin:before {
        -webkit-mask: url("../icon/linkedin.svg");
        mask: url("../icon/linkedin.svg");
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
    }

}

@media only screen and (max-width: 767px) {
    .social-media-links, .partners-logos .footer_social_links { text-align: center;}
    .nav .nav-item:last-child {margin: 0 !important;}
    .main-nav{ align-items: flex-start;}
    .nav-btn{ margin-bottom: 0.75rem; margin-left: 0.5rem; }


}

@media only screen and (max-width: 767px) {
    main .steps-navigation{ margin-left: -30px; margin-right: -30px; }
    main .steps-navigation li{ margin: 0 30px; width: auto; }
    main .steps-navigation li a::after{ width: 40px; right: -50px; }
    main .steps-navigation li .step-title span{ display: block; }
    .review_details_table tr{ margin-bottom: 15px; display: block; }
    .review_details_table td{ display: block; padding: 0 20px; }
    .review_details_table tr:first-child td:last-child{ padding-top: 20px; }
    .button-group .col{ width: 50%; padding: 0 15px; }
    .button-group .col .btn{ display: block; width: 100%; min-width: auto; }
  
}

@media only screen and (max-width: 480px) {
    main .steps-navigation{ margin-left: -30px; margin-right: -30px; }
    main .steps-navigation li{ margin: 0 18px; font-size: 11px; }
    main .steps-navigation li a{ width: 70px; height: 70px; border-radius: 35px; padding: 20px 0; }
    main .steps-navigation li a::after{ width: 24px; right: -32px; }
    .footer_social_links a img{ width: 60px; }
}

@media screen and (max-width: 410px) {
    /* .req-appointment{ padding: 2px; font-size: 10px;}
    .navbar-brand img#logo { max-width: 100px; height: auto; } */
    .navbar-brand{ margin-right: 0px;}
    .navbar-toggler{ padding-left: 10px !important;}
}