.cta-holder {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.cta-btn {
    background: #243571;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    padding: .5em 1em;
    border-radius: 5rem;
    text-decoration: none;
    display: inline-block;
    font-size: 0.875rem;
}
.cta-btn:hover {
    text-decoration: none;
    color: white;
}
@media screen and (max-width: 360px) {
    .top .socials a {
        padding-right: 7px;
    }
    .cta-btn {
        padding: .5em .875em;
    }
}
@media screen and (min-width: 991px) and (max-width: 1200px) {
    .topBarInLogoArea {
        padding-left: 20px;
    }
}
.topBarInLogoArea .icontext {
    min-width: 55px;
}

@media screen and (min-width: 992px){
    .appointment-form {
        max-width: 70%;
    }
}
#appointment .contactbox:hover {
    text-decoration: none;
}
#appointment .contactbox {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    flex-direction:row;
    align-items: center;
    margin: 30px 0;
}
#appointment .contactbox .info .subtitle {
    font-size:16px;
    font-weight:600;
    color:#000
}
#appointment .contactbox .info .title {
    font-size:24px;
    font-weight:600;
    color:#000;
    line-height:24px
}
#appointment .contactbox .icon {
    background:#243571;
    border-radius:50%;
    width:65px;
    height:65px;
    margin-right:10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:34px;
    color:#fff
}
#appointment label span {
    color: red;
}
#appointment .check-label {
    cursor: pointer;
}

/* Footer */
footer .cta-btn {
    margin: 15px auto;
    padding: 0.65em 1.5em;
    font-size: 1rem;
}

@media only screen and (min-width: 768px) {
    .footer-logo {
        text-align: center;
    }
    footer .cta-holder {
        min-height: 65px;
    }
    footer .cta-btn {
        padding: 0.85em 2em;
    }
}
@media only screen and (max-width: 768px) {

    footer .cta-holder {
        justify-content: flex-start;
    }
    footer .cta-btn {
        margin: 0;
    }
}
@media only screen and (min-width: 991px) {
    footer .belmedic .contactbox .icon {
        min-width: 65px;
    }
    .footer-logo {
        margin: 0 auto 40px auto;
    }
    footer .cta-btn {
        margin: 0 auto;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    footer .belmedic .contactbox .icon {
        min-width: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    footer .belmedic .contactbox .info .title {
    font-size: 20px;
    }
}

#home-slider {
    background: url(../img/slider-bg-new.jpg) center no-repeat;
    background-size: auto;
    background-size: cover;
    padding: 0;
    position: relative;
}
footer {
    position: relative;
    background: none;
    overflow: hidden;
}
footer .belmedic {
    padding-bottom: 0;
}
footer:before,
footer:after {
    content: '';
    display: block;
    position: absolute;
    background-size: contain;
    height: 500px;
    width: 705px;
    z-index: -1;
}

footer:before {
    top: 0;
    left: 0;
    background-image: url(../img/footer-top-left-bg.jpg);
}
footer:after {
    bottom: 0;
    right: 0;
    background-image: url(../img/footer-bottom-right-bg.jpg);
}

#home-slider .home-search .search-wrapper,
#home-slider .home-search .search-wrapper::before,
#home-slider .home-search .search-wrapper::after {
    background: #dbdcde;
}
#home-slider .home-search .search-wrapper::before,
#home-slider .home-search .search-wrapper::after {
    z-index: -1;
}

#home-illnesses {
    background: #fff;
    border-bottom: 1px solid #eee;
}

#home-illnesses .letter {
    border: 1px solid #243571;
}
.creamheader {
    background-image: url(../img/cover-bg.jpg);
}

#edukacije-holder .offscreen {
    display: none;
}

@media (max-width: 767.98px) {
    #blog > .container > .row {
        flex-direction: column-reverse;
    }
    #blog .btn.btn-speciality {
        margin-top: 40px;
    }
}
.landing-intro .intro-text {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 80%;
}

.hero-img-holder img {
    width: 100%;
    height: auto;
}

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

.fs-30 {
    font-size: clamp(24px, 1vw, 30px);
}
.fs-20 {
    font-size: clamp(16px, 1vw, 20px);
}
.fs-16 {
    font-size: clamp(15px, 1vw, 16px);
}
.fs-15 {
    font-size: clamp(14px, 1vw, 15px);
}
.fs-22 {
    font-size: clamp(18px, 1vw, 22px);
}

.lh-15 {
    line-height: 1.5;
}
.lh-16 {
    line-height: 1.6;
}
.lh-17 {
    line-height: 1.7;
}

.features-section .feat-img-holder img {
    max-width: 100%;
}
.features-section h3 {
    text-transform: none;
}

.feat-box h4 {
    text-transform: none;
}
.container-wide {
    max-width: 100%;
    margin-inline: auto;
    padding-inline:15px;
}
.feat-holder {
    display: grid;
    gap: 0 70px;
    align-items: center;
}

.greetings-inner {
    background-color: #243571;
    padding: 0 50px;
    position: relative;
}

.greetings-inner p {
    color: white;
}

.greetings-section {
    margin-top: 160px;
}

.greetings-img {
    position: absolute;
    bottom: 0;
}

.greetings-text {
    padding: 100px 0;
    padding-left: 340px;
}
@media screen and (min-width: 1400px) {
    .container-wide {
        max-width: 1300px

    }
}
@media screen and (min-width: 991px) {
    .greetings-text {
        padding-left: 370px;
    }
    .feat-holder {
        grid-template-columns: 2fr 3fr;
    }
}

@media (max-width: 991px) {
    .container-wide {
      max-width: 720px;
    }
    .landing-intro .intro-text {
        max-width: 100%;
    }
    .greetings-section {
        margin-top: 70px;
    }
}


@media (max-width: 768px) {
    .greetings-section {
        margin-top: 50px;
    }
    .greetings-text {
        padding: 70px 0;
    }

    .greetings-img {
        display: none;
    }
}

.cc-window {
    z-index: 99999;
}

#home-cta .red2 {
    background: #334689;
  }

#home-cta .red3 {
    background: #192651;
}

#specialities .iconBox .iconWrapper .icon {
    background: #243571;
    padding: 5px;
  }

  #specialities .iconBox .iconWrapper img {
    width: 40px;
  }

#specialities.about-specialities .iconBox .iconWrapper img {
    width: 50px;
    border-radius: 50%;
    height: 50px;
}

#specialities.about-specialities .iconBox .iconWrapper .icon {
    background: #243571;
    padding: 0;
}

footer .belmedic .contactbox .icon img {
    max-width: 96%;
}