@media (min-width: 1200px) {
            .container, .container-lg, .container-md, .container-sm, .container-xl {
                max-width: 1300px;
            }
        }
        .bg {
            background: #E7F3F7;
        }
        a {
            color: #0075ba;
        }
        h6 {
            font-family: "Nunito", sans-serif;
        }
        img{
            width: 100%;
            border-radius: 10px;
        }
        p {
            font-size: 17px;
            font-weight: 400;
            line-height: 28px;
            margin: 0px;
            padding: 7px 0px;
            font-family: "Nunito", sans-serif;
        }
        .parent-gap{
            padding: 50px 0px;
        }
        .header {
            padding: 20px 0px;
        }
        .logo img {
            width: auto;
            height: 65px;
            border-radius: 0px;
        }
        .banner-img img {
            width: 100%;
        }
        
        .banner-content h1 {
            font-size: 34px;
            line-height: 42px;
            font-weight: 700;
            font-family: "Nunito", sans-serif;
        }
        .banner-content p {
            margin: 10px 0px;
        }
        .custom-btn {
            position: relative;
            background: #0075ba;
            padding: 8px 25px;
            color: #fff;
            display: inline-block;
            font-weight: 600;
            transition: 0.5s;
            border-radius: 3px;
            border: none;
            font-size: 18px;
        }
        .custom-btn:hover {
            color: #0075ba;
            background: transparent;
            box-shadow:none;
            transition: 0.5s;
        }
        .custom-btn:before,.custom-btn:after{
            content:'';
            position:absolute;
            top:0;
            right:0;
            height:2px;
            width:0;
            background: #0075ba;
            transition:400ms ease all;
        }
        .custom-btn:after{
            right:inherit;
            top:inherit;
            left:0;
            bottom:0;
        }
        .custom-btn:hover:before,.custom-btn:hover:after{
            width:100%;
            transition:800ms ease all;
        }
        .main-title {
            color: #000;
            font-size: 28px;
            font-weight: 600;
            line-height: 40px;
            position: relative;
            margin: 0px;
        }
        .main-subtitle {
            font-size: 16px;
            margin-bottom: 5px;
            font-weight: 600;
            color: #0075ba;
        }
        .card-header span {
            font-weight: 600;
            font-size: 16px !important;
        }
        .card-body {
            border-top: 1px solid #ddd;
            line-height: 27px;
            font-size: 15px;
        }
        .card-header .accicon {
            float: right;
        }
        .card-header {
            cursor: pointer;
            border-bottom: none;
            display: flex;
            justify-content: space-between;
            align-items: center;
            
        }
        
        
        .card-header:not(.collapsed) .rotate-icon {
            transform: rotate(180deg);
        }
        .eye-care-single-services {
            background: #e7f3f7;
            padding: 20px 20px;
            margin: 0px 0px 20px 0px;
            border-radius: 10px;
        }
        .sub-categories {
            padding: 20px 20px !important;
            background: rgba(255,255,255,0.7);
            margin: 15px 0px;
            border-radius: 10px;
        }
        .banner iframe {
            border-radius: 10px;
        }
        .single-review {
            background: rgba(255,255,255,0.8);
            padding: 20px 20px;
            border-radius: 10px;
        }
        .single-review-name p {
            padding: 0px 0px;
        }
        .single-review-name p i {
            color: #fbbc04;
            font-size: 12px;
        }
        .single-review img {
            width: 100px !important;
            height: 100px;
            border-radius: 10px;
            object-fit: cover;
            object-position: top;
        }
        .banner-form {
            position: relative;
            padding: 50px 0px;
            width: 100%;
            background: #002237;
        }
        .form-single-field input::placeholder,.form-single-field textarea::placeholder{
            color: #fff;
        }
        .banner-form h6 {
            text-align: center;
            color: #fff;
            font-size: 26px;
            margin: 0px 0px 30px 0px;
        }
        .form-control, .form-control:hover, .form-control:focus {
            background-color: transparent !important;
            border: none;
            border-bottom: 1px solid #ccc;
            border-radius: 0px !important;
            padding: 10px 0px;
            box-shadow: none;
            color: #fff;
        }
        .submit-btn {
            padding: 8px 10px;
            background: #0075ba;
            margin: 20px 0px 0px 0px;
            border: transparent;
            color: #fff;
            width: 100%;
            border-radius: 3px;
        }
        .single-doctor-profile {
            background: rgba(255,255,255,0.7);
            padding: 20px;
            border-radius: 10px;
            box-shadow: 2px 2px 1px 2px #0075ba;
        }
        .single-doctor-profile-details p {
            font-size: 15px;
            line-height: 24px;
        }
        .profile-popup{
            display: block;
            background: #0075ba;
            margin: 6px 0px 0px 0px;
            color: #fff;
            padding: 5px 10px;
            max-width: 190px;
            text-align: center;
            border-radius: 4px;
            transition: 0.5s;
        }
        .profile-popup:hover,.profile-popup:focus {
            background: #025383;
            transition: 0.5s;
            color: #fff;
        }
        .modal-body {
            background: #002237;
            position: relative;
            border-radius: 10px;
        }
        .close {
            position: absolute;
            background: #fff !important;
            color: red;
            z-index: 999;
            opacity: 0.9;
            right: 0;
            height: 40px;
            width: 40px;
            transform: translate(0px, 0px);
            border-radius: 0px 10px 0px 10px;
            top: 0;
        }
        .close:hover,.close:focus {
            color: red;
            opacity: 1;
        }
        .modal-dialog {
            max-width: 650px;
        }
        .modal-content {
            background: transparent;
            border: none;
        }
        .modal-body h6 {
            font-size: 22px;
            margin: 0px 0px 10px 0px;
        }
        .why-choose-cancer {
            background: #f7f7f7;
        }
        .wcc-card i {
            font-size: 30px;
            color: #0075ba;
        }
        .why-choose-subdepartment h4 {
            font-size: 16px;
            font-weight: 700;
            padding: 5px 0px;
        }
        .cb-title h6 {
            border-left: 3px solid #0075ba;
            border-right: 3px solid #0075ba;
            color: #0075ba;
        }

        @media screen and (max-width: 992px) {
            .logo {
                text-align: center;
            }
            .logo img {
                height: 35px;
            }
            .parent-gap {
                padding: 30px 0px;
            }
            .eye-care-single-services {
                padding: 15px 15px;
                margin: 0px 0px 15px 0px;
            }
            .order-change{
                flex-direction: column-reverse;
            }
            .single-service-details {
                padding: 10px 0px 0px 0px;
            }
            .main-title {
                font-size: 25px;
                line-height: 32px;
                padding: 0px 0px 7px 0px;
            }
            .banner{
                padding: 80px 0px 30px 0px;
            }
        }
        @media screen and (max-width: 767px) {
            .single-doctor-profile-img img {
                width: auto;
                height: 120px;
            }
            
            .owl-carousel .owl-item img {
                
                height: 100%;
            }
            
            .banner-content h1 {
            font-size: 18px;
            line-height: 22px;
        }
         
        }
        .single-doctor-profile-img {
            border-radius: 10px;
            box-shadow: 0px 0px 2px 1px #cccccc61;
        }
        .single-doctor-profile-img img {
            width: 100%;
            object-fit: cover;
            object-position: top;
        }
        
         .single-doctor-profile-details a {
            float: right;
            margin-top: 20px;
        }
        .view-btn {
            float: left;
        }
        .faq-title {
            font-size: 14px;
            font-weight: 700;
        }
        
        .general-surgeon-single-technology {
            background: #fff;
            padding: 20px;
            border-radius: 10px;
        }
        .general-surgeon-single-technology h3 {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 14px;
        }
        
        .general-surgeon-single-technology li {
            margin: 10px;
        }
        
        .faq {
            background: #002237;
        }
        .single-services {
            border: none;
        }  
        #more {display: none;}