.doctor-listing {
                margin-top: 20px;
            }
            section.doctor-listing h6 {
                font-size: 18px;
                font-family: GothamRounded-medium;
                font-weight: 500;
                line-height: 38px;
            }
            
            .img-content h2 {
                color: #FFFFFF;
                font-family: GothamRounded-medium;
                font-size: 40px;
                font-weight: 500;
                line-height: 60px;
                text-align: left;
                position: absolute;
                left: 5%;
                padding: 30px 60px;
                text-align: center;
                top: 25%;
                display: flex;
                align-items: center;
            }
            
            .img-content p {
                color: #FFFFFF;
                font-family: GothamRounded-book;
                font-size: 18px;
                font-weight: 300;
                line-height: 32px;
                text-align: left;
                position: absolute;
                left: 5%;
                /* transform: translate(0, 0); */
                padding: 30px 60px;
                text-align: left;
                top: 35%;
                display: flex;
                align-items: center;
            }
            
            .doctor-listing h1 {
                color: #212B36;
                font-family: GothamRounded-medium;
                font-size: 32px;
                font-weight: 500;
                line-height: 38px;
                text-align: center;
                margin: 35px auto 10px;
            }
            
            .doctor-listing p {
                color: #212B36;
                font-family: GothamRounded-book;
                font-size: 14px;
                font-weight: 300;
                line-height: 26px;
                text-align: center;
                padding: 0 5px;
            }
            
            .doctor-listing h3 {
                color: #212B36;
                font-family: GothamRounded-medium;
                font-size: 26px;
                font-weight: 500;
                line-height: 31px;
                text-align: left;
            }
            
            .doc-card {
                margin-top: 20px;
                margin-bottom: 30px;
            }
            
            .doc-card-content {
                background-color: #fff;
                border: 1px solid #ddd;
                height: 180px;
                position: relative;
            }
            .view-button-doc {
                position: absolute;
                bottom: -2px;
                left: 25%;
                right: 25%;
            }
            .doc-card-content h4 {
                color: #000000;
                font-family: GothamRounded-medium;
                font-size: 14px;
                font-weight: 500;
                line-height: 22px;
                text-align: center;
                padding-top: 20px;
            }
            
            .doc-card-content p {
                color: #000000;
                font-family: GothamRounded-book;
                font-size: 14px;
                font-weight: 300;
                line-height: 28px;
                text-align: center;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
            }
            
            .view-btn {
                background-color: #DC596B;
                border-radius: 4px;
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
                margin: auto;
                text-align: center;
                color: #fff;
                margin-bottom: 20px;
            }
            
            .doc-pagination {
                display: block;
                text-align: center;
                margin: auto;
                width: 12%;
                border: none;
            }
            
            .doc-pagination ul li a {
                border: none;
                color: #141325;
            }
            
            .doc-pagination img {
                width: 15px;
            }
            
            .doc-pagination .page-item {
                margin-right: 10px;
            }
            
            .doc-pagination .page-item .page-link:hover,
            .doc-pagination .page-item .active {
                background: #141325;
                outline: none;
                border-radius: 15px;
                color: #fff;
                padding: 2px 9px;
            }
            
            .doctor-details {
                margin: 50px 0;
                font-family: GothamRounded-book;
            }
            
            .doc_details h3 {
                color: #212B36;
                font-size: 30px;
                font-weight: 500;
                line-height: 34px;
                margin-top: 20px;
                font-family: GothamRounded-medium;
            }
            
            .doc_details .btn {
                padding: 15px 70px;
                width: 100%;
            }
            
            .doc_details .btn:hover {
                color: #FFFFFF;
            }
            
            .doctor-details-img {
                width: 100%;
            }
            
            .doctor-details-img img {
                width: 100%;
            }
            
            .doc_details p {
                font-size: 14px;
                color: #212B36;
                opacity: 0.9;
                font-weight: 400;
                line-height: 24px;
            }
            
            .doc_details h5 {
                color: #212B36;
                font-size: 14px;
                font-weight: 600;
                line-height: 25px;
                margin: 20px 1px;
            }
            
            .doc_details_content h5 {
                font-size: 18px;
                color: #212B36;
                opacity: 0.9;
                font-weight: 700;
                line-height: 28px;
                font-family: GothamRounded-book;
            }
            
            .doc_details_content p {
                font-size: 14px;
                color: #212B36;
                opacity: 0.9;
                font-weight: 400;
                line-height: 28px;
                font-family: GothamRounded-book;
            }
            
            @media (min-width:485px) and (max-width:768px) {
                .about_img img {
                    height: 250px;
                    object-fit: cover;
                }
                .img-content h2 {
                    font-size: 40px;
                    line-height: 60px;
                    top: 40%;
                }
                .img-content p {
                    font-size: 18px;
                    line-height: 32px;
                    top: 57%;
                }
                .doc_details .btn {
                    padding: 15px 15px;
                }
                .doc_details h3 {
                    font-size: 22px;
                }
                .doc_details h5 {
                    font-size: 16px;
                }
            }
            
            @media only screen and (max-width: 480px) {
                .doctor-listing h1 {
                    color: #212B36;
                    font-family: GothamRounded-medium;
                    font-size: 25px;
                    font-weight: 500;
                    line-height: 38px;
                    text-align: center;
                    margin: 20px auto;
                }
                .about_img img {
                    height: 300px;
                    object-fit: cover;
                }
                .img-content h2 {
                    font-size: 25px;
                    line-height: 10px;
                    position: absolute;
                    top: 25%;
                }
                .img-content p {
                    font-size: 15px;
                    line-height: 25px;
                    position: absolute;
                    padding: 30px 14px;
                    top: 35%;
                }
                .doctor-listing p {
                    padding: 0 5px;
                    font-size: 14px;
                }
                .doc-pagination {
                    text-align: center !important;
                    width: 41%;
                }
                .doctor-details-img {
                    width: 100%;
                }
                .doc_details .btn {
                    padding: 15px 30px;
                }
                .doc_details_content p {
                    font-size: 14px;
                }
                .doc_details h3 {
                    font-size: 16px;
                }
                .doc_details p {
                    font-size: 14px;
                }
            }
            
            .modal-title {
                color: #252626;
                font-family: GothamRounded-medium;
                font-size: 25px;
                font-weight: 500;
                text-align: center;
                line-height: 25px;
            }
            
            .modal-body .btn {
                background-color: #DC596B;
                border-color: #DC596B;
            }
            
            .book-an-pop {
                cursor: pointer;
            }