.wc-slider {
    position: relative;
    z-index: 1
}

.wc-slider-info h1 {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.4;
    color: #fff
}

@media screen and (max-width: 991px) {
    .wc-slider-info h1 {
        font-size: 32px
    }
}

@media screen and (max-width: 756px) {
    .wc-slider-info h1 {
        font-size: 28px
    }
}

@media screen and (max-width: 479px) {
    .wc-slider-info h1 {
        font-size: 24px
    }
}

.wc-slider:after {
    width: 100%;
    height: 100%;
    background: #c97d99;
    background: -moz-linear-gradient(52deg, rgba(201, 125, 153, .85) 0, rgba(0, 83, 159, .85) 100%);
    background: -webkit-linear-gradient(52deg, rgba(201, 125, 153, .85) 0, rgba(0, 83, 159, .85) 100%);
    background: linear-gradient(52deg, rgba(201, 125, 153, .85) 0, rgba(0, 83, 159, .85) 100%);
    content: '';
    left: 0;
    top: 0;
    z-index: -1;
    position: absolute
}

.wc-slider.main-sli:after {
    content: none
}

.wc-slider.main-sli:before {
    content: '';
    right: 0;
    top: calc(50% - 60px);
    width: 56px;
    height: 120px;
    background: url(../images/wc-particle02.webp);
    position: absolute
}

.wc-slider .wc-wave {
    background: linear-gradient(315deg, #c97d99 3%, #593c8d 38%, #1dbdb2 68%, #00539f 98%);
    animation: gradient 15s ease infinite;
    background-size: 400% 400%;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: -1;
    top: 0
}

@keyframes gradient {
    0% {
        background-position: 0 0
    }

    50% {
        background-position: 100% 100%
    }

    100% {
        background-position: 0 0
    }
}

.wc-slider .bnr_frm .btn-readmore-white {
    background: #CE7D9C;
    color: #fff;
}

.wc-slider .bnr_frm .btn-readmore-white:hover {
    background: #0BA7B5;
    color: #fff;
}

.wc-slider .wave {
    background: rgb(255 255 255 / 25%);
    border-radius: 1000% 1000% 0 0;
    position: absolute;
    width: 200%;
    height: 8em;
    animation: wave 10s -3s linear infinite;
    transform: translate3d(0, 0, 0);
    opacity: .8;
    bottom: 0;
    left: 0
}

.wc-slider .wave:nth-of-type(2) {
    bottom: -1.25em;
    animation: wave 18s linear reverse infinite;
    opacity: .8
}

.wc-slider .wave:nth-of-type(3) {
    bottom: -2.5em;
    animation: wave 20s -1s reverse infinite;
    opacity: .9
}

@keyframes wave {
    2% {
        transform: translateX(1)
    }

    25% {
        transform: translateX(-25%)
    }

    50% {
        transform: translateX(-50%)
    }

    75% {
        transform: translateX(-25%)
    }

    100% {
        transform: translateX(1)
    }
}





.bnr_frm {
    z-index: 4;
    border: none;
    padding: 40px;
    border-radius: 20px
}

.bnr_frm .card-header {
    padding: 0;
    border: none;
    margin-bottom: 20px
}

.bnr_frm .card-title-appointment {
    color: #fff;
    font-size: 24px;
    font-weight: 400
}

.bnr_frm label {
    color: #fff
}

.bnr_frm .price {
    display: block;
    color: #fff
}

.bnr_frm .card-title-appointment span {
    font-weight: 600
}

.bnr_frm .form-control {
    border: none
}

.wc-slider .bnr_frm {
    background: #fff;
    z-index: 4;
    border: none;
    padding: 40px;
    border-radius: 20px
}

.wc-slider .bnr_frm .card-title-appointment {
    color: #4a4a4a
}

.wc-slider .bnr_frm .form-control {
    background: #ececec
}

.wc-gyno-about.contraceptive {
    background: url(../images/wc-about-bg-2.webp) no-repeat right bottom/cover
}


ul.chk_li li {
    position: relative;
    padding: 5px 0 5px 20px;
    font-size:15px;
}

.chk_li a {
    font-weight: 500
}

ul.chk_li li:before {
    content: '\f058';
    color: #2689db;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    font-size: 13px;
    top: 7px
}

.wc-why-choose {
    background: url(../images/wc-adv-bg.webp) no-repeat center center var(--primary-color);
    padding: 25px 0
}

.wc-choose-bx {
    text-align: center
}

.wc-choose-bx figure {
    width: 90px;
    height: 90px;
    background: #c97d99;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto 20px
}


.wc-choose-bx .count {
    color: #fff;
    font-size: 30px;
    font-weight: 600
}

.wc-choose-bx .count h3 {
    display: inline-block;
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    line-height: 1
}

.wc-choose-bx .count span {
    display: block;
    font-size: 16px;
    font-weight: 400
}