html {
            scroll-behavior: smooth;
        }

        body {
            color: black !important;
            padding: 0px !important;
        }
        .form-check-input:checked {
            background-color: var(--bs-success) !important;
            border-color: var(--bs-success) !important;
        }
        .parent {
            overflow-x: scroll;
        }

        .overflow-x-s {
            overflow-x: hidden;
            overflow-y: scroll;
        }

        .scroll::-webkit-scrollbar {
            width: 12px;
            height: 0px;
        }

        .scroll::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
            border-radius: 0px;
            height: 0px;
        }

        .scroll::-webkit-scrollbar-thumb {
            border-radius: 0px;
            -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
            height: 0px;
        }

        .list-group-item-check:checked+.list-group-item {
            color: #fff;
            background-color: var(--bs-success) !important;
        }

        .fw-small {
            font-size: 13px !important;
        }

        .letter-spacing-sm {
            letter-spacing: -2px;
        }

        .modal-backdrop {
            background-color: white;
        }

        .nav .nav-item {
            inline-size: max-content !important;
        }

        .nav .nav-link.active,
        .nav .show>.nav-link {
            color: var(--bs-gray-300) !important;
            border-bottom: 3px solid var(--bs-gray-300) !important;
        }

        .dropdown-item.active,
        .dropdown-item:active {
            color: var(--bs-dropdown-link-active-color);
            text-decoration: none;
            background-color: rgba(var(--bs-success-rgb));
        }

        .carousel-item img {
            position: absolute;
            object-fit: cover;
            width: 100%;
            top: 0;
            left: 0;
            min-height: 572px;
            opacity: .9;
        }

        .feature p {
            color: #444 !important;
        }

        .bd-placeholder-img {
            font-size: 1.125rem;
            text-anchor: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
        }

        .pm-title-divider {
            width: 120px;
            height: 2px;
            background-color: rgba(var(--bs-success-rgb));
            margin: 10px auto;
        }

        .video-container {
            overflow: hidden;
            position: relative;
        }

        .video-container .video {
            min-width: 100%;
            min-height: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%);
        }

        /* Just styling the content of the div, the *magic* in the previous rules */
        .video-container .caption {
            z-index: 1;
            position: relative;
            text-align: center;
            background-color: rgba(0, 0, 0, .5);
            padding: 10px;
            height: 100%;
        }

        @media (min-width: 768px) {
            .bd-placeholder-img-lg {
                font-size: 3.5rem;
            }
        }

        [type=search] {
            outline: none !important;
        }
        .c-ponter {
            cursor: pointer;
        }

        .first-letter:first-letter {
            text-transform: uppercase;
        }

        .form-control:focus {
            border-color: rgba(var(--bs-success-rgb));
        }

        .list-hover:hover .bg-success-hover {
            opacity: 0.8;
        }
        #maternidadTabs .nav-link.active {
              background-color: var(--bs-success);
              color: #fff;
            }
            #maternidadTabs .nav-link {
              color: var(--bs-success);
            }