@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap");
/***** Euro Style***/

:root {
    --first-color: #f32122;
    --secon-color: #000000;
    --third-color: #142841;
    --forth-color: #fff;
    --font-primary: "Montserrat", sans-serif;
    --font-secondary: "Rajdhani", sans-serif;
}

body {
    background-color: #fff;
    font-family: var(--font-primary);
    color: var(--third-color);
}

p {
    font-size: 15px;
    font-weight: 500;
    font-family: var(--font-primary);
    color: var(--secon-color);
    line-height: 1.5em;
}

.header-top {
    background-color: #f32122;
    padding: 5px;
    font-size: 12px;
    color: #fff;
}
.header-top span {
    font-family: "Montserrat";
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-secondary);
}

.navbar-light .navbar-nav .nav-link {
    color: var(--forth-color) !important;
}
.font-rajdhani {
    font-family: var(--font-secondary);
}
.navbar {
    background-color: #221d48;
}

@media (min-width: 768px) {
    .header-blue .navbar {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
}

.header-blue .navbar {
    background: #fff;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: var(--third-color);
    border-radius: 0;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #ddd;
}

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

a.nav-link.active {
    color: var(--first-color);
}

.navbar-dark .navbar-nav .nav-link {
    color: #1a1a1a !important;
}

@media (min-width: 768px) {
    .header-blue .navbar {
        padding-top: 1rem;
        padding-bottom: 1rem;
        background-color: #fff;
    }
}

.mr-auto {
    right: 0;
    left: auto !important;
}

.white {
    color: var(--forth-color);
}

.header-blue .navbar .navbar-brand {
    font-weight: bold;
    color: inherit;
}

.header-blue .navbar .navbar-brand:hover {
    color: var(--forth-color);
}

.header-blue .navbar .navbar-collapse {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    margin-top: 0.5rem;
}

@media (min-width: 768px) {
    .header-blue .navbar .navbar-collapse {
        border-color: transparent;
        margin: 0;
    }
}

.header-blue .navbar .navbar-collapse span .login {
    color: #d9d9d9;
    margin-right: 0.5rem;
    text-decoration: none;
}

.header-blue .navbar .navbar-collapse span .login:hover {
    color: #fff;
}

.header-blue .navbar .navbar-toggler {
    border-color: rgba(255, 255, 255, 0) !important;
}

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid var(--third-color) !important;
    border-radius: 0.25rem;
}

.navbar-toggler {
    background-color: #80787808;
}

.header-blue .navbar .navbar-toggler:hover,
.header-blue .navbar-toggler:focus {
    background: none;
}

.header-blue .navbar .navbar-nav a.active,
.header-blue .navbar .navbar-nav > .show .dropdown-item {
    font-size: 16px;
    letter-spacing: 0;
    color: var(--first-color) !important;
}

@media (min-width: 768px) {
    .header-blue .navbar-nav .nav-link {
        padding-left: 0.7rem;
        padding-right: 0.7rem;
    }
}

@media (min-width: 992px) {
    .header-blue .navbar-nav .nav-link {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }
}

.header-blue .navbar .navbar-nav > li > .dropdown-menu {
    margin-top: -5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border-radius: 2px;
}

.header-blue .navbar .dropdown-menu .dropdown-item:focus,
.header-blue .navbar .dropdown-menu .dropdown-item {
    line-height: 2;
    color: #37434d;
}

.header-blue .navbar .dropdown-menu .dropdown-item:focus,
.header-blue .navbar .dropdown-menu .dropdown-item:hover {
    background: #ebeff1;
}

.header-blue .action-button,
.header-blue .action-button:not(.disabled):active {
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 40px;
    color: #ebeff1;
    box-shadow: none;
    text-shadow: none;
    padding: 0.3rem 0.8rem;
    background: transparent;
    transition: background-color 0.25s;
    outline: none;
}

.header-blue .action-button:hover {
    color: #fff;
}

.header-blue .navbar .form-inline label {
    color: #d9d9d9;
}

.header-blue .hero {
    margin-top: 20px;
    text-align: center;
}

@media (min-width: 768px) {
    .header-blue .hero {
        margin-top: 50px;
        text-align: left;
    }
}

.header-blue .hero h1 {
    color: var(--third-color);
    font-size: 50px;
    margin-bottom: 15px;
    font-weight: 600;
    line-height: 1.4;
    font-family: var(--font-primary);
}

@media (min-width: 992px) {
    .header-blue .hero h1 {
        margin-top: 50px;
        margin-bottom: 24px;
        line-height: 1.2;
    }
}

.header-blue .hero p {
    color: var(--third-color);
    font-size: 16px;
    margin-bottom: 30px;
    font-weight: 300;
}

.header-blue .phone-holder {
    text-align: right;
}

.header-blue div.iphone-mockup {
    position: relative;
    max-width: 600px;
    margin: 20px;
    display: inline-block;
}

.header-blue .iphone-mockup img.device {
    width: 100%;
    height: auto;
}

.header-blue .iphone-mockup .screen:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 140%;
    top: -12%;
    right: -60%;
    transform: rotate(-19deg);
    opacity: 0.2;
}

.navbar-nav {
    margin-left: auto;
}

@media (min-width: 768px) {
    .header-blue1 {
        padding-bottom: 80px;
    }
}

.header-blue1 .navbar {
    background: transparent;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: var(--third-color);
    border-radius: 0;
    box-shadow: none;
    border: none;
}

.header-blue1 .our-supplements .supplement {
    margin-top: 100px;
}

.header-blue1 .our-supplements .supplement {
    margin-top: 100px;
}

.header-blue .navbar .dropdown button.btn-secondary {
    font-size: 16px !important;
    letter-spacing: 0 !important;
    font-family: var(--font-secondary);
    font-weight: 800 !important;
    color: #000 !important;
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none;
    outline: none;
    padding-top: 7px !important;
}
.header-blue .navbar .dropdown button.btn-secondary::after {
    display: none;
}
.header-blue .navbar .dropdown .dropdown-menu {
    border-radius: 0;
}

.header-blue .navbar .dropdown .dropdown-menu a.dropdown-item {
    color: #1a1a1a;
    font-size: 16px;
    letter-spacing: 0;
    font-family: var(--font-secondary);
    font-weight: 800;
}

/* out suplement section */

.ml-auto .dropdown-menu {
    left: auto !important;
    right: 0px;
}

.hero h1 {
    color: var(--third-color);
    line-height: 60px;
    font-size: 51px;
    text-align: left;
}

.hero-section1 h2 span {
    font-family: var(--font-primary);
    font-size: 223px;
    color: var(--first-color);
}

.hero-section1 p {
    color: #fff;
}

.hero-section1 .btn-success {
    font-size: 14px;
}

.btn-primary {
    background-color: var(--first-color);
    color: #fff;
    padding: 8px 12px 8px 12px;
    border-radius: 0 !important;
    letter-spacing: 0;
    border: 1px solid var(--first-color);
}

.btn-primary:hover {
    background-color: var(--secon-color);
}

.btn-primary-b {
    background-color: transparent;
    border: 1px solid #f32122 !important;
    color: var(--first-color);
    padding: 8px 12px 8px 12px;
    border-radius: 0 !important;
    letter-spacing: 0;
}

.btn-primary-b:hover {
    background-color: var(--secon-color);
    color: var(--forth-color);
}

.btn-primary-w {
    background-color: transparent;
    border: 1px solid #ffffff !important;
    color: var(--forth-color);
    padding: 8px 12px 8px 12px;
    border-radius: 0 !important;
    letter-spacing: 0;
}

.btn-primary-w:hover {
    background-color: var(--secon-color);
    color: var(--forth-color);
}

.btn {
    padding: 10px 30px;
    cursor: pointer;
    font-weight: 400;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    display: inline-block;
}

.btn {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-border {
    color: var(--third-color);
    background-color: transparent;
    border: 1px solid var(--third-color) !important;
    border-radius: 30px;
}

.btn-border:hover {
    background-color: var(--third-color) !important;
    color: var(--forth-color) !important;
}

.btn-secondary {
    background-color: #27aae1;
    color: var(--forth-color) !important;
}

.btn-secondary:hover {
    background-color: var(--third-color) !important;
}

.btn {
    font-size: 14px;
    padding: 10px 30px !important;
    cursor: pointer;
    font-weight: 400;
    border-radius: 30px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    display: inline-block;
    border: 0 !important;
}

.widgets1 {
    background-color: #343434;
    padding: 20px;
}

.widgets2 {
    background-color: #f32122;
    padding-top: 50px;
}

.footer {
    margin: 0;
    padding: 0;
}

.nav-footer ul li {
    display: inline-block;
    padding-right: 100px;
    font-size: 18px;
    font-weight: 500;
    font-family: var(--font-secondary);
}

.nav-footer a {
    color: #fff;
}

.nav-footer a:hover {
    color: #000;
}
.form-sec .heading_wrapper h3 {
    font-family: "Rajdhani" !important;
    font-weight: 600 !important;
    color: #000 !important;
}
.form-sec label {
    font-size: 12px;
    font-family: "Montserrat";
    font-weight: 500;
}
.reg-head h2 {
    text-align: center;
    font-size: 50px;
    padding: 30px 00px;
    color: #000;
    font-family: "Rajdhani";
    font-weight: 600;
    text-transform: uppercase;
}
.footer h3 {
    color: #fff;
    font-family: "Rajdhani";
    font-weight: 600;
}

.footer p {
    color: #fff;
    font-size: 11px;
    font-family: "Montserrat";
}

.paddsec {
    padding: 100px;
}

.paddingR {
    padding: 10vw 4vw 10vw 4vw;
}

.p-100 {
    padding: 100px;
}

.btn-primary {
    background-color: var(--first-color) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--secon-color);
    outline: none !important;
    border: none !important;
    box-shadow: none;
}

.form-content textarea {
    position: static !important;
    width: 100%;
    padding: 8px 20px;
    border-radius: 6px;
    text-align: left;
    background-color: #fff;
    border: 0;
    font-size: 15px;
    font-weight: 300;
    color: #8d8d8d;
    outline: none;
    resize: none;
    height: 120px;
    -webkit-transition: none;
    transition: none;
    margin-bottom: 14px;
}

.form-content textarea:hover,
.form-content textarea:focus {
    border: 0;
    background-color: #ebeff8;
    color: #8d8d8d;
}

.mv-up {
    margin-top: -9px !important;
    margin-bottom: 8px !important;
}

.invalid-feedback {
    color: #ff606e;
}

.valid-feedback {
    color: #2acc80;
}

input {
    background-color: #f2f2f2;
    border-radius: 15px;
    border: 0px;
}

input.form-control.searchbox {
    width: 340px;
    padding: 19px;
    background-color: #f2f2f2;
    border: 0px;
    border-radius: 15px;
}

input::placeholder {
    color: #d4d4d4;
}

a.btn-header {
    background-color: var(--first-color);
    color: #fff;
    padding: 8px 12px 8px 12px;
    border-radius: 0;
    letter-spacing: 0;
    font-size: 13px;
}
.header-blue .navbar li.nav-item {
    margin-left: 5px;
}
.header-blue .navbar li.nav-item a.btn-header {
    font-family: "Montserrat";
}

.header-blue .navbar li.nav-item {
    margin-left: 5px;
}

a.btn-header:hover {
    background-color: #000000;
    color: #fff;
}

/* CSS used here will be applied after bootstrap.css */
.btn-input {
    display: block;
}

.btn-input .btn.form-control {
    text-align: left;
}

.btn-input .btn.form-control span:first-child {
    left: 10px;
    overflow: hidden;
    position: absolute;
    right: 25px;
}

.btn-group {
    background-color: #f2f2f2;
}

.dropdown-toggle::after {
    display: none;
}

button.btn.btn-default.dropdown-toggle {
    background-color: #f2f2f2;
    padding: 10px 15px 9px 15px;
    border: 0px;
    border-radius: 14px !important;
}

.btn-group {
    border-radius: 14px !important;
}

.navbar-toggler-icon {
    background-color: #37434d !important;
}

.flag-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 2.333333em !important;
    line-height: 1.5em;
    border-radius: 50%;
    width: 28px !important;
    height: auto !important;
}

.btn:focus {
    outline: none !important;
    box-shadow: none !important;
}

.p-50 {
    padding: 50px;
}

.p-120 {
    padding: 120px;
}

button.slick-arrow {
    display: none !important;
}

nav.navbar .container {
    padding: 0;
}

.navbar-dark .navbar-nav .nav-link {
    color: #1a1a1a;
    font-size: 16px;
    letter-spacing: 0;
    font-family: var(--font-secondary);
    font-weight: 800;
}

.header-bottom {
    background-color: #fff;
    padding: 10px;
}

.headdrop {
    color: #000;
    font-size: 24px;
    letter-spacing: 0;
    font-family: var(--font-secondary);
}

.btn-group.headdrop {
    background: #fff;
}

/** Banner css */
.carousel-indicators {
}

.carousel-indicators li {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 1px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;

    -webkit-transition: opacity 0.6s ease;
    -o-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease;
}

.home-banner .carousel-caption {
    bottom: 10%;
}

#myCarousel-indicators > li.active {
    border-radius: 12px;
    width: 12px;
    height: 12px;
    background-color: var(--first-color);
    border: 2px solid var(--first-color);
}

#myCarousel-indicators li {
    border-radius: 12px;
    width: 12px;
    height: 12px;
    bottom: 0;
    border: 2px solid var(--first-color);
}

#myCarousel-indicators > li {
    border-radius: 50%;
    bottom: 0;
    margin: 5px;
}

ol#myCarousel-indicators:active {
    color: var(--first-color);
    bottom: 0;
}

.home-banner .carousel-caption h5 {
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    font-family: var(--font-secondary);
    line-height: 1;
    letter-spacing: 0;
}

.home-banner .carousel-caption h3 {
    font-size: 60px;
    font-weight: 500;
    color: #fff;
    font-family: var(--font-secondary);
    line-height: 1;
    letter-spacing: 0;
}

.home-banner .carousel-caption h2 {
    font-size: 60px;
    font-weight: 900;
    color: #fff;
    font-family: var(--font-secondary);
    letter-spacing: 0;
    line-height: 1;
}

.carousel-caption p {
    font-size: 16px !important;
    font-family: var(--font-primary);
    color: var(--forth-color);
    letter-spacing: 0;
}

.scroll-b {
    padding: 0px;
}

.border-bottom-h {
    color: var(--first-color);
    background-color: var(--first-color);
    height: 1px;
    width: 30%;
}

.border-b {
    border-bottom: 2px solid var(--first-color);
}

.about-section h3 {
    font-size: 50px;
    font-family: var(--font-secondary);
    color: var(--secon-color);
    font-weight: 500;
    line-height: 1;
}

.about-section h2 {
    font-size: 50px;
    font-family: var(--font-secondary);
    color: var(--first-color);
    font-weight: 800;
    line-height: 1;
}

.about-section ul li {
    font-size: 15px;
    font-weight: 500;
    color: var(--secon-color);
    line-height: 3em;
    left: 0;
    font-family: "Montserrat";
}

.borderleft::before {
    background-color: var(--first-color);
    width: 3px;
    height: 26%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
}

.spurmedical {
    width: 100%;
    height: 100%;
    background: url(../img/bannerholding.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: var(--forth-color);
}

.marcounselling {
    width: 100%;
    height: 100%;
    background: url(../img/bannerholding.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: var(--forth-color);
    font-family: "Rajdhani";
}

.marcounselling h3 {
    font-size: 42px;
    font-weight: 500;
    line-height: 1;
    color: var(--forth-color);
}

.marcounselling h2 {
    font-size: 45px;
    font-weight: 700;
    line-height: 1;
    color: var(--forth-color);
}

.mrcon h3 {
    font-size: 40px;
}

.mrcon h2 {
    font-size: 40px;
}

.border-left-red2 {
    border-left: 3px solid #ff0000 !important;
}

.marcounselling p {
    color: var(--forth-color);
    font-size: 13px;
}

.marcounselling h4 {
    font-size: 20px;
    font-weight: 600;
    color: var(--forth-color);
    padding-top: 20px;
}

.marcounselling p {
    font-weight: 500;
    color: var(--font-primary);
}

.overviewboluts li {
    list-style-type: none;
    padding: 20px;
    border-top: 1px solid rgb(228, 228, 228);
    border-bottom: 1px solid rgb(228, 228, 228);
    font-weight: 600;
}

.overviewboluts li i {
    float: right;
}

.subtitle {
    font-size: 50px;
    font-family: var(--font-secondary);
    color: var(--first-color);
    font-weight: 800;
    line-height: 1;
}

.spurback {
    width: 100%;
    height: 100%;
    background: url(../img/background-spur.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: var(--forth-color);
    padding-bottom: 0px;
}

.spurmedical h3 {
    font-size: 42px;
    font-weight: 500;
    line-height: 1;
    color: var(--forth-color);
    font-family: var(--font-secondary);
}

.spurmedical h2 {
    font-size: 45px;
    font-weight: 700;
    line-height: 1;
    color: var(--forth-color);
    font-family: var(--font-secondary);
}

.spurmedical p {
    color: var(--forth-color);
    font-size: 13px;
}

.spurmedical h4 {
    font-size: 20px;
    font-weight: 600;
    color: var(--forth-color);
    padding-top: 20px;
}

.spurmedical p {
    font-weight: 500;
    color: var(--font-primary);
}

.white {
    color: var(--forth-color);
}

.black {
    color: var(--secon-color);
}

.red {
    color: var(--first-colorr);
}
.dark-color {
    color: #000;
    font-family: var(--font-secondary);
}
.spurback .carousel {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 10px;
}

.spurback .carousel .item {
    color: #999;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    min-height: 440px;
}

.spurback .carousel .item a {
    color: #eb7245;
}

.spurback .carousel .img-box {
    width: 100%;
    /* height: 156px; */
    margin: 0 auto;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.spurback .carousel .img-box img {
    width: 200px;
    height: 180px;
    display: block;
    border-radius: 50%;
    object-fit: fill;
}
.spurback .carousel .testimonial {
    padding: 30px 0 10px;
}
.spurback .testimonial {
    color: #000000;
    font: Times Roman;
}

.spurback .carousel .overview {
    padding-bottom: 0px;
    position: absolute;
    text-align: center;
    left: 0;
    bottom: 40px;
    right: 0;
}
.spurback .carousel .overview b {
    color: #110012;
    font-size: 18px;
    text-transform: capitalize;
    display: block;
    padding-bottom: 5px;
    font-family: var(--font-secondary);
}

.spurback .carousel .star-rating i {
    font-size: 18px;
    color: #ffdc12;
}

.spurback .carousel .carousel-control {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: transparent;
    text-shadow: none;
    top: 4px;
}

.spurback .carousel-control i {
    font-size: 20px;
    margin-right: 2px;
    position: relative;
}

.spurback .carousel-control.left {
    left: 233px;
    right: 38px;
    position: relative;
    bottom: -23px;
    top: -98px;
}

.spurback .carousel-control.right {
    right: 243px;
    position: absolute;
    position: relative;
    float: right;
    top: -130px;
}

.spurback .carousel .carousel-indicators {
    bottom: 15px;
}

.spurback .carousel-indicators li,
.carousel-indicators li.active {
    width: 11px;
    height: 11px;
    margin: 1px 5px;
    border-radius: 50%;
}

.font-50 {
    font-size: 50px;
}

.font-40 {
    font-size: 40px;
}

.font-30 {
    font-size: 30px;
}

.font-20 {
    font-size: 20px;
}

.fw-900 {
    font-weight: 900;
}

.fw-500 {
    font-weight: 500;
}

.line-height-1 {
    line-height: 1;
}

/*News*/

.news .card-desc {
    text-align: left;
    padding: 20px;
}

.news span {
    position: absolute;
    background-color: var(--first-color);
    padding: 10px;
    color: #fff;
    /* bottom: 4px; */
    font-size: 12px;
    right: 0;
    top: 307px;
    right: 39px;
    width: 68px;
    height: 65px;
    font-weight: 800;
    text-align: center;
}
.contact-form .form-group select {
    font-family: "Montserrat";
    color: #7a8489;
}
.news b {
    font-size: 20px;
    line-height: 1;
}

.news .card-content {
    box-shadow: 2px 6px 11px 0px #cccccc;
}

.carousel-inner {
    overflow: hidden;
    position: relative;
}

.news .card-desc h3 {
    padding-top: 10px;
    color: #434343;
    font-size: 30px;
    line-height: 1;
    font-family: "Bebas Neue", cursive;
}

.info-back {
    width: 100%;
    height: 820px;
    background: url(../img/info-back.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: var(--forth-color);
}

.info-back h2 {
    font-size: 40px;
    color: #fff;
    font-weight: 900;
    font-family: "Rajdhani";
}

.block-padd {
    padding: 60px;
}

.info-back ul li {
    list-style-type: none;
    padding: 14px;
    font-weight: 500;
    font-family: "Montserrat";
    font-size: 15px;
}

.contact {
    margin-bottom: 0;
}

.contact-back {
    background-color: #f8f8f8;
}

.contact .contact-form label {
    font-family: var(--font-secondary);
    color: var(--first-color);
}
.contact .block-padd .form-control::placeholder {
    font-family: "Montserrat";
}
.contact-back h2 {
    font-size: 40px;
    color: rgb(0, 0, 0);
    font-weight: 900;
    font-family: "Rajdhani";
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 1.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0rem;
}

.info-back ul li img {
    margin-right: 15px;
}

textarea.form-control {
    height: 100px;
}

.page-title:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 30%;
    padding-top: 15px;
    border-bottom: 2px solid #f32122;
}

.page-title1:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 20%;
    padding-top: 15px;
    border-bottom: 2px solid #f32122;
}

.page-title2:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 16%;
    padding-top: 15px;
    border-bottom: 2px solid #f32122;
}

.btn {
    font-family: var(--font-secondary);
    font-size: 17px !important;
    font-weight: 500 !important;
}
.btn-primary-b {
    border: 1px solid #f32122 !important;
}
.home-banner .carousel-caption h2:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 16%;
    padding-top: 15px;
    border-bottom: 2px solid #f32122;
}

tspan {
    font-family: var(--font-secondary);
}

a {
    color: #000;
}

a:hover {
    color: var(--first-color);
}

.py-100 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.price {
    color: red;
    font-size: 16px;
    font-weight: 700;
}
.card-title {
    font-weight: 600;
    color: #000;
}
strike {
    color: #b5b5b5;
    font-size: 10px;
}

.products .d-inline li {
    display: inline-block;
    text-decoration: none;
}

.card-header {
    padding: 0;
    height: 280px;
    overflow: hidden;
}

.card-header::before {
    content: "";
    visibility: hidden;
}

.cartbox {
    position: absolute;
    display: flex;
    width: 100%;
    bottom: -50px;
    height: 50px;
    align-items: center;
    justify-content: space-between;
    transition: 0.5s ease;
}
.header-blue ul.nav i {
    color: #000;
}
.btn-cart {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fe6367;
    font-family: "Montserrat";
    font-size: 12px;
    color: #fff;
    outline: 0;
    box-shadow: 0 0 0;
    opacity: 1;
}

span.text {
    margin-right: 10px;
    color: #fff;
}

.price ul li .fa-star {
    font-size: 12px;
    float: right;
}

.fa-star {
    color: #f32122;
}

.products .card {
    box-shadow: 1px 4px 13px 0px #c1c1c1;
}

.products .card-body {
    padding: 0.9rem;
    height: 100px;
}
.products .d-inline {
    margin-left: -4px;
}

.price ul li .disable {
    color: #ddd;
}

.trend.red {
    position: absolute;
    z-index: 1;
    margin-left: -8px;
    height: 22px;
    background: red;
    padding: 0px 10px;
    line-height: 1.6;
    margin-top: 20px;
}

.trend.red::before {
    border-left: 10px solid transparent;
    content: "";
    position: absolute;
    left: 0;
    border-right: 0px solid #c3afaf;
    border-bottom: 6px solid #000;
    border-top: 0px solid transparent;
    margin-top: -6px;
    z-index: 0;
}

.trend.red::after {
    border-left: 0px solid red;
    content: "";
    position: absolute;
    right: -10px;
    border-right: 10px solid transparent;
    border-bottom: 11px solid red;
    border-top: 11px solid red;
    margin-top: 0px;
    z-index: 0;
}

.searchfield {
    height: calc(1em + 1.75rem + 2px) !important;
}

.apply.form-group select {
    width: 170px !important;
    border: 0px;
    font-size: 13px;
    color: #232323;
    font-weight: 500;
    width: 100%;
    padding: 0;
    font-family: "Montserrat";
    border: 0;
    outline: none;
}
.searchbox .input-group {
    display: block;
}
.searchbox .input-group span {
    text-align: center;
}
.hero.products .form-group.apply span {
    font-family: "Montserrat";
}
/*Blogs */
.blogs .date {
    font-size: 48px;
    color: var(--first-color);
    line-height: 1;
    padding-right: 5px;
}
.blogs ul.inline-block {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
}
.blogs .title h3 {
    font-family: "Rajdhani";
    font-weight: 600;
    color: #000;
}
.blogs .title span {
    font-family: "Montserrat";
    font-size: 15px;
}
.blogs .month {
    line-height: 0;
    font-size: 8px;
}

.blogs .month::after {
    content: "";
    display: block;
    margin: -28px 1px;
    width: 30%;
    padding-top: -22px;
    border-bottom: 2px solid #a9a9a9;
    left: 0;
}

.line-1 {
    line-height: 1;
}
ul.inline-block.d-inline.mr-4 img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}
.blogs img {
    height: 544px;
    width: 1060px;
    object-fit: fill;
}
.card-img img {
    height: 261px;
    width: 100%;
    object-fit: fill;
}
img.d-circle {
    width: 204px;
    height: 204px;
    object-fit: fill;
}
.blogs .yk .title {
    display: inline-block;
}

.blogs .title {
    padding-left: 40px;
}

.blogs .d-inline {
    margin-left: 0;
    padding-left: 0;
}

.text-red {
    color: var(--first-color);
}

.wide {
    height: 100%;
}

.signup .inbox {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

#myCarousel .bquote .bq-left {
    float: left;
    position: absolute;
    width: 28px;
    content: "";
    z-index: 10;
    top: 17%;
    left: 2%;
    height: 84px;
}

#myCarousel .bquote .bq-right {
    float: right;
    position: absolute;
    width: 28px;
    content: "";
    z-index: 10;
    top: 48%;
    right: 2%;
    height: 84px;
}

.carousel-item {
    position: relative;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    transition: -webkit-transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: transform 0.6s ease, -webkit-transform 0.6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.clear {
    clear: both;
}

.clearfix::before,
.clearfix::after {
    content: "";
    display: table;
}

/* .bquote::before{
  background-image: ('../img/quote.png');
  position: absolute;
  content: "";
  top:0%;
  left:20%;


} */

.number-count {
    font-size: 65px;
    color: #f32122;
    font-family: var(--font-secondary);
    font-weight: 900;
}

.font-12 {
    font-size: 12px;
}

.team .card-title {
    background-color: #f32122;
    color: #fff;
    padding: 5px 5px 5px 5px;
    border: double;
    margin-top: -53px;
    font-size: 30px;
}

.imageselect .imagebox {
    position: relative;
}

.imageselect .imagebox figure {
    position: relative;
    overflow: hidden;
}

.imageselect .imagebox figcaption {
    background: rgba(45, 62, 82, 0.9);
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    padding: 20px;
    -webkit-transform: translateY(140%);
    -moz-transform: translateY(140%);
    -ms-transform: translateY(140%);
    -o-transform: translateY(140%);
    transform: translateY(140%);
    -moz-transition: -moz-transform 0.5s ease;
    -o-transition: -o-transform 0.5s ease;
    -webkit-transition: -webkit-transform 0.5s ease;
    -ms-transition: -ms-transform 0.5s ease;
    transition: transform 0.5s ease;
}

.imageselect .imagebox .caption-title {
    margin-bottom: 0;
    color: #fff;
}

.imageselect .imagebox .price {
    color: #fdb714;
}

.imageselect .imagebox:hover figcaption {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.price {
    color: #f32122;
    font-size: 1.4667em;
    text-transform: uppercase;
    float: unset;
    line-height: 1;
    display: block;
    font-family: "Montserrat";
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card-mr .card-body {
    background-color: #f32122;
}

.card-mr .card-title {
    color: #fff;
}

.card-mr .og {
    position: relative;
    overflow: hidden;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-menu {
    margin-top: 0;
}

.card-mr .products .card {
    border: 0px !important;
}

.card-mr .products .card-body {
    padding: 1.4em 0.2em 0.9em 0.9rem;
}

.card-mr .card-title {
    margin-bottom: 0.25rem;
    font-family: "Rajdhani";
}

.card-mr .products .card {
    box-shadow: 0px 0px 11px 0px #c1c1c1;
    border: 0px;
}

.cartBox {
    position: absolute;
    display: flex;
    width: 100%;
    bottom: 93px;
    height: 50px;
    align-items: center;
    justify-content: space-between;
    transition: 0.5s ease;
}

.cartBox a.btn.btn-cart {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f32122;
    font-family: "Montserrat";
    font-size: 12px;
    color: #fff;
    outline: 0;
    box-shadow: 0 0 0;
    opacity: 1;
    border-radius: 0px;
}

.cartBox a.btn.btn-cart span.text {
    margin-right: 20px;
    font-size: 12px;
}

.cartBox::before {
    content: "";
    visibility: hidden;
}

.cartBox a.btn.btn-cart {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f32122;
    font-family: "Montserrat";
    font-size: 12px;
    color: #fff;
    outline: 0;
    box-shadow: 0 0 0;
    opacity: 1;
}
.card-title {
    margin-bottom: 0.25rem !important;
}
button.btn.btn-fav {
    margin-right: 5px;
}

.productbox .cartBox {
    display: none;
    visibility: hidden;
}

.productbox:hover .cartBox {
    display: flex;
    visibility: visible;
    width: 100%;
}

/* .product:before {
  content: "\f078";
  font-family: "FontAwesome";
  font-size: 13px;
  position: absolute;
  right: 10px;
  top: 9px;
  color: #555;
} */

button.btn.btn-fav {
    background: #fff;
    border-radius: 0px;
}

.product {
    margin-top: 10px;
    margin-bottom: 10px;
}

.dropdown-toggle::after {
    transition: transform 0.15s linear;
}

.show.dropdown .dropdown-toggle::after {
    transform: translateY(3px);
}

.dropdown-menu {
    margin-top: 0;
}

li.nav-item.dropdown {
    list-style: none;
    list-style-type: none;
}

a#navbarDropdown2 {
    padding: 0.3rem 0rem 0rem 0rem;
}

.header-bottom {
    background-color: #fff;
    padding: 6px 0px 0px 0px;
}

/*
.hidden {
  visibility: hidden;
  background: transparent;

  padding: 10px;
}
.hidden:hover {
  visibility: visible;
}
.visible {
  border: 1px solid black;
  visibility: visible;
} */
.underline {
    border-bottom: 1px solid #ddd;
}

.boxmr .text {
    visibility: hidden;
    display: none;
}

.boxmr:hover .text {
    height: 100px;
    display: none;
    color: #fff;
    opacity: 1;
    position: relative;
    background: #f32122;
    margin-bottom: 20px;
}

.boxmr .card-body {
    background-color: #f32122;
    position: absolute;
    width: 100%;
    bottom: -62px;
}
.medical-service .heading_wrapper h2 {
    font-family: "Rajdhani";
    color: #000;
    font-weight: 600;
}
.col-md-3.py-2::after {
    height: 1px;
    display: block;
    width: 100%;
    background-color: #989898;
    content: "";
    top: 50%;
    position: absolute;
    /* padding-right: 20px; */
    right: 7px;
}

.borderleft1::before {
    background-color: #989898;
    width: 1px;
    height: 100%;
    content: "";
    position: absolute;
    left: -3px;
    top: 0;
}

.form-check-input {
    color: var(--first-color);
}

.form-check .form-check-input[type="radio"] {
    border-color: #f32122 !important;
    background-color: #f32122 !important;
}

@media (max-width: 480px) {
    .block-padd {
        padding: 0px;
        height: 700px;
    }

    .block-padd ul {
        white-space: nowrap;
        padding: 0;
    }

    .info-back ul li img {
        margin-right: 12px;
    }

    .info-back {
        height: 510px;
    }

    .info-back h2 {
        font-size: 30px;
        padding-top: 18px;
    }

    .spurback .carousel .overview {
        left: 25%;
        bottom: 42px;
    }

    .spurback .carousel {
        padding-bottom: 0px;
    }

    .news span {
        top: 248px;
    }

    .news .card-desc h3 {
        font-size: 17px;
    }

    .contact-back h2 {
        font-size: 30px;
        padding-top: 20px;
    }

    .contact-back {
        padding-bottom: 30px;
    }

    .hero.news {
        padding: 0;
    }

    section.spurback.text-center.hero {
        padding: 0;
    }

    .font-40 {
        font-size: 30px;
    }

    .font-50 {
        font-size: 30px;
    }

    .spurmedical h3 {
        font-size: 30px;
    }

    .spurmedical h2 {
        font-size: 33px;
    }

    section.spurmedical.text-center.hero.py-5 {
        padding: 0px !important;
    }

    section#about {
        padding: 0px !important;
    }

    .about-section ul li {
        line-height: unset;
    }

    .borderleft {
        padding-bottom: 40px;
    }

    .about-section h3 {
        font-size: 36px;
    }

    .about-section h2 {
        font-size: 38px;
    }

    .bquote p {
        font-size: 12px;
    }

    #myCarousel .bquote .bq-right {
        top: 56%;
    }

    li.nav-item.dropdown a {
        font-size: 16px;
    }

    .home-banner .carousel-caption h2 {
        font-size: 12px;
    }

    .carousel-caption p {
        font-size: 13px !important;
    }

    .home-banner .carousel-caption h3 {
        font-size: 20px;
    }

    .btn {
        font-size: 10px;
    }

    .d-block.w-100 {
        height: 520px;
        object-fit: cover;
    }

    .carousel-caption img {
        padding: 14px !important;
    }

    .home-banner .carousel-caption h5 {
        font-size: 20px;
    }

    .spurback .carousel-control.right {
        right: -17px;
    }

    .spurback .carousel-control.left {
        left: -10px;
    }

    #myCarousel .bquote .bq-left {
        top: 23%;
    }

    .widgets2 h3 {
        text-align: left !important;
        padding-left: 36px;
    }

    .productbox {
        text-align: -webkit-center;
    }

    .align-middle {
        padding: 0px 22px;
    }

    .wide {
        height: 500px !important;
    }

    .block-padd.text-center img {
        padding: 20px;
    }

    .products .card {
        margin: 18px 0px;
    }

    .spurmedical .py-5 {
        padding-bottom: 26px !important;
    }

    .widgets1 {
        padding: 30px 90px;
    }

    .spurmedical p {
        font-size: 16px;
        padding: 0px 10px;
    }

    .header-top .col-md-5.text-right {
        text-align: left !important;
    }

    .header-blue .navbar a.navbar-brand img {
        width: 100%;
    }

    .inline-block {
        text-align: center;
    }

    .hero .row {
        width: 100%;
        margin: 0 auto;
    }
}

.form-sec .button-group {
    text-align: center;
}

.form-sec .button-group .btn {
    border-radius: 0;
    background: #f32122;
    color: #fff;
}

section#about {
    padding-bottom: unset;
}

.nav-footer ul {
    display: flex;
    justify-content: center;
}

.form-sec.dashed_form .form-group {
    display: flex;
    align-items: end;
}

.form-sec.dashed_form .form-group label {
    margin-bottom: 0px;
    padding-right: 6px;
    position: relative;
    white-space: nowrap;
    bottom: -2px;
    font-weight: 500;
    font-size: 13px;
}