@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,700;1,700&display=swap');
    html {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 16px;
        line-height: 1.5;
        color: #545454;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5 {
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 700;
    }
    
    a,
    a:hover,
    a:focus,
    button,
    button:focus {
        text-decoration: none !important;
        outline: none !important;
        box-shadow: none !important;
    }
    
    .btn {
        font-size: 14px;
        text-align: center;
        padding: 0;
        text-transform: uppercase;
        font-weight: 600;
        height: 46px;
        line-height: 46px;
    }
    .float{
        position:fixed;
        width:60px;
        height:60px;
        bottom: 120px;
        right:40px;
        background-color:#25d366;
        color:#FFF;
        border-radius:50px;
        text-align:center;
      font-size:30px;
        box-shadow: 2px 2px 3px #999;
      z-index:100;
    }
    .float1{
        position:fixed;
        width:60px;
        height:60px;
        bottom:40px;
        right:40px;
        background-color:#009bad;
        color:#FFF;
        border-radius:50px;
        text-align:center;
      font-size:30px;
        box-shadow: 2px 2px 3px #999;
      z-index:100;
    }
    
    .my-float{
        margin-top:16px;
    }
    /*-----Mobile Menuu------*/
    
    .mobileMenu {
        display: none;
        position: relative;
        padding: 0 10% 0;
        z-index: 999999;
        height: 60px;
        background: transparent;
        margin-bottom: -80px;
        border-bottom: 2px solid #fff;
    }
    
    @-webkit-keyframes menu_sticky {
        0% {
            margin-top: -150px;
        }
        50% {
            margin-top: -130px;
        }
        100% {
            margin-top: 0;
        }
    }
    
    @keyframes menu_sticky {
        0% {
            margin-top: -150px;
        }
        50% {
            margin-top: -130px;
        }
        100% {
            margin-top: 0;
        }
    }
    
    .mobileMenu.stricky-fixed {
        position: fixed;
        top: 0;
        left: 0;
        margin: 0;
        width: 100%;
        z-index: 10000;
        background: #fff;
        z-index: 999999 !important;
        -webkit-animation-name: menu_sticky;
        animation-name: menu_sticky;
        -webkit-animation-duration: 0.60s;
        animation-duration: 0.60s;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
    }
    
    .mobileMenu .navbar .navbar-brand {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 32px;
        font-weight: 700;
        text-decoration: none;
        color: #009bad;
    }
    
    .mobileMenu .navbar .hamburger {
        box-shadow: none;
        color: #009bad;
        font-size: 22px;
    }
    
    .mobileMenu .navbar .offcanvas {
        width: 295px;
    }
    
    .mobileMenu .navbar .offcanvas .offcanvas-header {
        border-bottom: solid 2px #009bad;
    }
    
    .mobileMenu .navbar .offcanvas .offcanvas-body .nav .nav-item .nav-link {
        color: #009bad !important;
        font-size: 15px;
        font-weight: 600;
        padding: 12px 16px !important;
        margin: 0 3px;
    }
    
    .mobileMenu .navbar .offcanvas .offcanvas-body nav li:hover a,
    .nav li:active a {
        color: #fff !important;
    }
    
    .mobileMenu .navbar .offcanvas .offcanvas-body nav a.active {
        color: #fff !important;
    }
    
    .mobileMenu.stricky-fixed .navbar .offcanvas .offcanvas-body nav li a {
        color: rgba(0, 0, 0, 0.6) !important;
    }
    
    @media (max-width: 991px) {
        .mobileMenu {
            display: contents;
        }
    }
    /*-------------Header Top-------------*/
    
    .header-top {
        position: relative;
        padding: 0 10% 0;
        z-index: 999999;
        height: 60px;
        background: transparent;
        margin-bottom: -80px;
        border-bottom: 2px solid #fff;
    }
    
    @-webkit-keyframes menu_sticky {
        0% {
            margin-top: -150px;
        }
        50% {
            margin-top: -130px;
        }
        100% {
            margin-top: 0;
        }
    }
    
    @keyframes menu_sticky {
        0% {
            margin-top: -150px;
        }
        50% {
            margin-top: -130px;
        }
        100% {
            margin-top: 0;
        }
    }
    
    .header-top.stricky-fixed {
        position: fixed;
        top: 0;
        left: 0;
        margin: 0;
        width: 100%;
        z-index: 10000;
        background: #fff;
        z-index: 999999 !important;
        -webkit-animation-name: menu_sticky;
        animation-name: menu_sticky;
        -webkit-animation-duration: 0.60s;
        animation-duration: 0.60s;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
    }
    
    .header-top .navbar .navbar-brand {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 32px;
        font-weight: 700;
        text-decoration: none;
        color: #009bad;
    }
    
    .header-top .navbar .navbar-nav li a {
        position: relative;
        color: #009bad !important;
        font-size: 16px;
        font-weight: 600;
        padding: 12px 16px !important;
        margin: 0 3px;
    }
    
    .header-top .navbar-nav li:hover a,
    .navbar-nav li:active a {
        color: #fff !important;
    }
    
    .header-top .navbar-nav li a.active {
        color: #fff !important;
    }
    
    .header-top.stricky-fixed .navbar-nav li a {
        color: rgba(0, 0, 0, 0.6) !important;
    }
    
    .header-top.stricky-fixed .navbar-nav li.active a,
    .header-top.stricky-fixed .navbar-nav li:hover a,
    .header-top.stricky-fixed .navbar-nav li:active a {
        color: #009bad !important;
    }
    
    .header-top .navbar .navbar-nav li .dropdown-menu {
        border-radius: 0px;
        margin-top: 8%;
        padding: 0%;
    }
    
    .header-top .navbar .navbar-nav li:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }
    
    .header-top .navbar .navbar-nav li .dropdown-menu li {
        padding: 0%;
        margin-top: 2%;
        margin-bottom: 2%;
    }
    
    .header-top .navbar .navbar-nav li .dropdown-menu li:hover {
        background-color: #02ddf5 !important;
    }
    
    .header-top .navbar .navbar-nav li .dropdown-menu li a {
        font-size: 14px;
        color: #000 !important;
        padding: 0%;
        font-weight: 600;
    }
    
    @media (max-width: 991px) {
        .header-top {
            display: none;
        }
        .header-top .navbar-collapse.collapse {
            background: #fff;
        }
        .header-top .navbar-nav li a.active {
            color: rgba(0, 0, 0, 0.6) !important;
        }
        .header-top .navbar .navbar-nav li a {
            font-size: 16px;
            font-weight: 600;
        }
    }
    /*--------------Slider---------------*/
    
    .slider {
        position: relative;
        max-width: 100%;
    }
    
    .slider .slider1 .item {
        position: relative;
    }
    
    .slider .slider1 .item .img-overlay {
        position: absolute;
        top: 46%;
        left: 30%;
        right: 30%;
        text-align: center;
        font-size: 42px;
        font-weight: 600;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #000;
        text-shadow: 2px 2px 5px #02ddf5;
        animation: pulse 8s infinite;
    }
    
    @keyframes pulse {
        0% {
            font-size: 0%;
        }
        100% {
            font-size: 10%;
        }
    }
    
    .slider .slider1 .item .mobile-img {
        display: none;
    }
    
    @media (max-width: 991px) {
        .slider .slider1 .img-overlay h1 {
            font-size: 35px;
            line-height: 35px;
        }
        .slider .slider1 .img-overlay .slider-para {
            font-size: 16px;
            margin-bottom: 16px;
        }
        .slider .navigationBtn {
            padding: 8px 16px;
        }
        .slider .slider1 .item .img-overlay {
            position: absolute;
            top: 38%;
            left: 0%;
            right: 0%;
            font-size: 23px;
        }
        .slider .slider1 img {
            max-width: 100%;
            height: 60vw;
        }
    }
    
    @media (max-width: 1024px) {}
    
    @media (max-width: 768px) {}
    
    @media (max-width: 540px) {
        .slider .slider1 .item .web-img {
            display: none;
        }
        .slider .slider1 .item .mobile-img {
            display: block;
        }
        .slider .slider1 img {
            max-width: 100%;
            height: 202vw;
        }
    }
    
    @media (max-width: 480px) {}
    
    @media (max-width: 512px) {}
    
    @media (max-width: 420px) {
        .slider .slider1 img {
            max-width: 100%;
            height: 222vw;
        }
    }
    
    @media (max-width: 360px) {
        .slider .slider1 img {
            max-width: 100%;
            height: 222vw;
        }
    }
    /*--------------featur section-------------------*/
    
    .features {
        padding-top: 4%;
        padding-bottom: 4%;
        background: #f8f8f8;
    }
    
    .features h2 {
        text-align: center;
    }
    
    .features h2::after {
        content: "";
        display: block;
        border-bottom: 2px solid #000;
        margin-left: auto;
        margin-right: auto;
        width: 10%;
        margin-top: 0.5%;
    }
    
    .features .features-para {
        text-align: center;
        font-size: 25px;
        max-width: 900px;
        line-height: 35px;
        padding-top: 0;
        color: #545454;
    }
    .features ul{
       list-style: none;
        font-size: 14px;
        font-weight: bold;
        color: #545454;

    }
    .features .feature-box {
        padding: 50px 20px;
        margin-top: 10%;
        margin-bottom: 30px;
        text-align: center;
        height: 200px;
        position: relative;
        background: #fff;
        box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
    }
    
    .features .icon {
        position: absolute;
        top: -36px;
        left: calc(50% - 36px);
        transition: 0.2s;
        border-radius: 50%;
        border: 5px solid #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
        width: 70px;
        height: 70px;
        background: #009bad;
        font-size: 14px;
        color: #fff;
    }
    
    .features .icon i {
        font-size: 32px;
        color: #fff;
    }
    
    .features .feature-box:hover .icon {
        background: #fff;
        border: 2px solid #009bad;
    }
    
    .features .feature-box:hover .icon i {
        color: #009bad;
    }
    
    .features .feature-box .title {
        font-weight: 700;
        margin-bottom: 14px;
        font-size: 18px;
    }
    
    .features .description {
        line-height: 24px;
        font-size: 14px;
    }
    
    @media (max-width: 420px) {
        .features {
            padding-top: 30%;
            padding-bottom: 30%;
        }
    }
    
    @media (max-width: 360px) {
        .features {
            padding-top: 30%;
            padding-bottom: 30%;
        }
    }
    /*------------------speciality Section-------------------*/
    
    .specialites {
        padding-top: 3%;
    }
    
    .specialites h2 {
        text-align: center;
        margin-bottom: 1%;
        margin-top: 4%;
    }
    
    .specialites h2::after {
        content: "";
        display: block;
        border-bottom: 2px solid #000;
        margin-left: auto;
        margin-right: auto;
        width: 10%;
        margin-top: 0.5%;
    }
    
    .specialites a {
        text-decoration: none;
        color: #545454;
    }
    
    .specialites a:hover {
        color: #009bad;
    }
    
    .specialites .specialites-para {
        text-align: center;
        font-size: 16px;
        max-width: 550px;
        line-height: 25px;
        padding-top: 0;
        color: #545454;
    }
    
    .specialites img {
        box-shadow: 0px 2px 15px rgb(0 0 0 / 20%);
    }
    
    .specialites .dept-details {
        background-color: #fbf7f8;
        bottom: -65px;
        padding: 0 15px 20px;
        text-align: center;
        transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        width: 100%;
    }
    
    .specialites .dept-details h4 {
        padding-top: 5%;
        font-size: 20px;
    }
    
    .specialites .dept-details h4 span {
        display: block;
    }
    
    .specialites .dept-details .round-style {
        background: #fbf7f8 none repeat scroll 0 0;
        border-radius: 50%;
        height: 70px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        top: -35px;
        width: 70px;
    }
    /*------------What is Phimosis--------------*/
    
    .what-is-Phimosis {
        background: url("../Assets/images/BG.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        max-width: 100%;
        position: relative;
    }
    
    .what-is-Phimosis h2 {
        text-align: center;
        color: #fff;
    }
    
    .what-is-Phimosis h2::after {
        content: "";
        display: block;
        border-bottom: 2px solid #fff;
        margin-left: auto;
        margin-right: auto;
        width: 10%;
        margin-top: 0.5%;
    }
    
    .what-is-Phimosis .phimosis-icon-box .icon {
        border: 2px solid #009bad;
        border-radius: 50px;
        float: left;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 64px;
        min-height: 64px;
        transition: 0.5s;
        background: #fff;
    }
    
    .what-is-Phimosis .phimosis-icon-box .icon:hover {
        background: #009bad;
    }
    
    .what-is-Phimosis ul li {
        margin-bottom: 4%;
    }
    
    .what-is-Phimosis .phimosis-icon-box .icon i {
        font-size: 32px;
        color: #009bad;
    }
    
    .what-is-Phimosis .phimosis-icon-box .icon:hover i {
        color: #fff;
    }
    
    .what-is-Phimosis .phimosis-icon-box h4 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    
    .what-is-Phimosis .phimosis-icon-box .description {
        line-height: 24px;
        font-size: 16px;
        text-align: left;
        margin-bottom: 0;
        color: #fff;
    }
    
    .what-is-Phimosis .know-more {
        background-color: #fff;
        color: #000 !important;
        padding: 12px 28px;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 1px;
        min-width: 140px;
        border: solid 1px #009bad;
        border-radius: 40px;
        -moz-border-radius: 40px;
        -webkit-border-radius: 40px;
        transition: all 0.5s;
        text-transform: capitalize;
        -webkit-box-shadow: 0px 0px 15px 0px rgb(72 73 121 / 15%);
        -moz-box-shadow: 0px 0px 15px 0px rgba(72, 73, 121, 0.15);
        box-shadow: 0px 0px 15px 0px rgb(72 73 121 / 15%);
        margin-top: 2%;
        margin-bottom: 2%;
    }
    
    .what-is-Phimosis .know-more:hover {
        background: #000;
        border: solid 2px #fff;
        color: #fff !important;
    }
    
    .what-is-Phimosis .what-para {
        text-align: justify;
        font-size: 18px;
        font-weight: 500;
        line-height: 25px;
        padding-top: 0;
        color: #000000;
        margin-bottom: 3%;
    }
    
    .what-is-Phimosis .table td {
        border: 2px solid #009bad;
        border-radius: 30px;
        margin-left: 5%;
        margin-right: 5%;
    }
    
    @media (max-width: 991px) {
        .what-is-Phimosis .phimosis-icon-box .icon {
            border: 1px solid #009bad;
            min-width: 30px;
            min-height: 30px;
        }
        .what-is-Phimosis .phimosis-icon-box .icon i {
            font-size: 16px;
            color: #009bad;
        }
        .what-is-Phimosis .table {
            display: none;
        }
    }
    
    @media (max-width: 1124px) {}
    
    @media (max-width: 768px) {}
    
    @media (max-width: 540px) {}
    
    @media (max-width: 480px) {}
    
    @media (max-width: 360px) {}
    
    @media (max-width: 320px) {}
    /*-----------Treatment Section--------------*/
    
    .treatment {
        /* margin-bottom: 5%; */
        background: url("../Assets/images/background_img/BG_2.png");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        max-width: 100%;
        /* height: 35vw; */
        background-color: #f8f8f8;
        padding-top: 2%;
    }
    
    .treatment h2 {
        text-align: center;
        margin-bottom: 1%;
        top: 50%;
        bottom: 50%;
    }
    
    .treatment h2::after {
        content: "";
        display: block;
        border-bottom: 2px solid #000;
        margin-left: auto;
        margin-right: auto;
        width: 10%;
        margin-top: 0.5%;
    }
    
    .treatment .treatment-icon-box {
        margin-top: 30px;
    }
    
    .treatment .treatment-icon-box .icon {
        border: 2px solid #009bad;
        border-radius: 50px;
        float: left;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 50px;
        min-height: 50px;
        transition: 0.5s;
        background: #fff;
    }
    
    .treatment .treatment-icon-box .icon:hover {
        background: #009bad;
    }
    
    .treatment .treatment-icon-box .icon i {
        font-size: 28px;
        color: #009bad;
    }
    
    .treatment .treatment-icon-box .icon:hover i {
        color: #fff;
    }
    
    .treatment .treatment-icon-box h4 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    
    .treatment .treatment-icon-box .description {
        line-height: 24px;
        font-size: 16px;
        text-align: justify;
        margin-bottom: 0;
    }
    
    .treatment .treatment-para {
        text-align: justify;
        font-size: 17px;
        line-height: 25px;
        padding-top: 0;
        color: #545454;
        margin-bottom: 2%;
    }
    
    .treatment .know-more {
        background-color: #fff;
        color: #000 !important;
        padding: 12px 28px;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 1px;
        min-width: 140px;
        border: solid 1px #009bad;
        border-radius: 40px;
        -moz-border-radius: 40px;
        -webkit-border-radius: 40px;
        transition: all 0.5s;
        text-transform: capitalize;
        -webkit-box-shadow: 0px 0px 15px 0px rgb(72 73 121 / 15%);
        -moz-box-shadow: 0px 0px 15px 0px rgba(72, 73, 121, 0.15);
        box-shadow: 0px 0px 15px 0px rgb(72 73 121 / 15%);
        margin-top: 2%;
    }
    
    .treatment .know-more:hover {
        background: #000;
        color: #fff !important;
        border: solid 2px #fff;
    }
    
    @media (max-width: 991px) {
        .treatment .treatment-icon-box .icon {
            border: 1px solid #009bad;
            min-width: 30px;
            min-height: 30px;
        }
        .treatment .treatment-icon-box .icon i {
            font-size: 16px;
            color: #009bad;
        }
    }
    /*------------------facilites Section-------------------*/
    
    .facilites h2 {
        text-align: center;
        margin-bottom: 1%;
        margin-top: 4%;
    }
    
    .facilites h2::after {
        content: "";
        display: block;
        border-bottom: 2px solid #000;
        margin-left: auto;
        margin-right: auto;
        width: 10%;
        margin-top: 0.5%;
    }
    
    .facilites .facilites-para {
        text-align: center;
        font-size: 16px;
        max-width: 550px;
        line-height: 25px;
        padding-top: 0;
        color: #545454;
    }
    
    .facilites .slider2 img {
        box-shadow: 0px 2px 15px rgb(0 0 0 / 20%);
    }
    
    .facilites .dept-details {
        background-color: #fbf7f8;
        bottom: -65px;
        padding: 0 15px 20px;
        text-align: center;
        transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        width: 100%;
    }
    
    .facilites .dept-details .round-style {
        background: #fbf7f8 none repeat scroll 0 0;
        border-radius: 50%;
        height: 70px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        top: -35px;
        width: 70px;
    }
    
    .facilites .dept-details .icon {
        color: #009bad;
        display: inline-block;
        font-size: 32px;
        position: relative;
        top: -15px;
    }
    /*------------------patient-review Section-------------------*/
    
    .patient-review {
        padding-top: 4%;
    }
    
    .patient-review h2 {
        text-align: center;
        margin-bottom: 1%;
        color: #000;
    }
    
    .patient-review h2::after {
        content: "";
        display: block;
        border-bottom: 2px solid #000;
        margin-left: auto;
        margin-right: auto;
        width: 10%;
        margin-top: 0.5%;
    }
    
    .patient-review .patient-para {
        text-align: center;
        font-size: 16px;
        max-width: 550px;
        line-height: 25px;
        padding-top: 0;
        color: #000;
        margin-bottom: 2%;
    }
    
    .patient-review .slider3 .item .review-card {
        position: relative;
        background: transparent;
        padding: 1.5rem;
        border-radius: 0.5rem;
        overflow: visible;
        text-align: center;
        border: solid 1px #009bad;
    }
    
    .patient-review .slider3 .item .review-card p {
        color: #414c5a;
        font-weight: 500;
        margin-bottom: 0;
    }
    
    .patient-review .slider3 .item .patient-txt {
        display: flex;
        align-items: center;
        padding: 1rem 0 2rem 0;
        padding-left: 0.25rem;
    }
    
    .patient-review .slider3 .item .patient-txt .heading {
        color: #009bad;
    }
    
    .patient-review .slider3 .item .patient-txt .patient-pics img {
        vertical-align: middle;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        border: solid 2px #009bad;
    }
    /*-------------Frequently asked Quetiones------------------*/
    
    .faq {
        background: url("../Assets/images/background_img/BG_3.png");
        background-repeat: no-repeat;
        max-width: 100%;
        background-size: cover;
        background-position: center;
    }
    
    .faq h2 {
        text-align: center;
        margin-bottom: 1%;
    }
    
    .faq .faq-para {
        text-align: center;
        font-size: 16px;
        max-width: 555px;
        line-height: 25px;
        padding-top: 0;
        margin-bottom: 2%;
    }
    
    .faq .accordion-body ul {
        list-style: circle;
    }
    
    .faq .accordion-body ul li {
        margin-bottom: 3%;
        font-weight: 500;
    }
    
    .faq .accordion-button {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        padding: 1rem 1.25rem;
        margin-top: 2px;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        background-color: #f8f8f8;
        border: 0;
        border-radius: 0;
        overflow-anchor: none;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
    }
    
    .faq .accordion-button:not(.collapsed) {
        color: #009bad;
        background-color: #f8f8f8;
        box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
    }
    
    .faq .know-more {
        background-color: #fff;
        color: #000 !important;
        padding: 12px 28px;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 1px;
        min-width: 140px;
        border: solid 1px #009bad;
        border-radius: 40px;
        -moz-border-radius: 40px;
        -webkit-border-radius: 40px;
        transition: all 0.5s;
        text-transform: capitalize;
        -webkit-box-shadow: 0px 0px 15px 0px rgb(72 73 121 / 15%);
        -moz-box-shadow: 0px 0px 15px 0px rgba(72, 73, 121, 0.15);
        box-shadow: 0px 0px 15px 0px rgb(72 73 121 / 15%);
        margin-top: 2%;
        margin-bottom: 2%;
    }
    
    @media (max-width: 991px) {
        .faq {
            max-width: 100%;
            height: 100%;
        }
    }
    
    @media (max-width: 1024px) {
        .faq .faq-img {
            margin-top: 11%;
        }
    }
       /*-------------footer----------------*/
    
    .footer {
        background: url("../Assets/images/banner//Banner_1.png") 100% 100%;
        /* background-repeat: no-repeat; */
        max-width: 100%;
        /* background-color: #009bad; */
        padding-top: 4%;
        padding-bottom: 4%;
        position: relative;
    }
    .footer a {
        text-decoration: none;
        color: #000;
    }
    .footer h2 {
        color: #009bad;
    }
    
    .footer h4 {
        color: #009bad;
    }
    
    .footer .contact {
        font-size: 14px;
        color: #000;
        position: relative;
    padding: 0 0 0 40px;
    margin: 0 0 10px 0;
    }
    .footer .contact i {
        position: absolute;
        left: 0;
        top: 5px;
        color: #009bad;
        font-size: 16px;
        font-weight: 600;
    }
    .footer .contact span{       
        color: #009bad;
        font-size: 18px;
        font-weight: 600;
    }
    .footer .contact small{       
        color: #009bad;
        font-weight: 600;
    }
    .footer .contact .phone{
        color: #009bad;
        font-size: 14px;
        font-weight: 600;
    }
    .footer .contact a{       
        color: #009bad;
        font-size: 14px;
        font-weight: 600;
    }
   
    .footer .nav .nav-item .nav-link {
        color: #000 !important;
        font-size: 16px;
    }
    
    .footer .nav .nav-item .nav-link:hover {
        color: #009bad !important;
        font-weight: 600;
    }
    
    .footer .footer-social .social-icon {
        display: block;
        background: #000;
        color: #009bad;
        font-size: 18px;
        width: 38px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        transition: all 0.5s;
    }
    
    .footer .footer-social .social-icon:hover {
        background: #fff;
        border: solid 1px #009bad;
    }
    .fa-map-marker-alt{
        color: #009bad;
    }
    /*-------------Breadcrumb-------------------*/
    
    .breadcrumb-area {
        background: url("../Assets/images/banner/Banner_2-New.png");
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        padding-top: 101px;
        position: relative;
        z-index: 1;
    }
    
    .breadcrumb-area::before {
        background: rgba(0, 0, 0, 0.10) none repeat scroll 0 0;
        background-position: center top;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1;
    }
    
    .breadcrumb-area .breadcrumbs {
        padding-top: 128px;
        padding-bottom: 122px;
    }
    
    .breadcrumb-area .breadcrumbs h1 {
        color: #ffffff;
        font-size: 42px;
        font-weight: 700;
        line-height: 40px;
        text-transform: uppercase;
        text-align: center;
    }
    
    .breadcrumb-botton {
        position: relative;
        overflow: hidden;
        padding: 24px 0 22px;
        z-index: 1;
    }
    
    .breadcrumb-botton:before {
        background: rgba(255, 255, 255, 48%) none repeat scroll 0 0;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1;
    }
    
    .breadcrumb-botton ul {
        text-align: center;
    }
    
    .breadcrumb-botton ul li {
        display: inline-block;
        margin: 0 4px;
        color: #222;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        font-family: 'Nunito', sans-serif;
        line-height: 20px;
    }
    
    .breadcrumb-botton ul li .dotted {
        background: #222;
        height: 5px;
        width: 5px;
        display: inline-block;
        position: relative;
        top: -3px;
    }
    
    .breadcrumb-botton ul li a {
        transition: all 500ms ease;
        color: #222;
    }
    
    .breadcrumb-botton ul li a:hover {
        color: #009bad;
    }
    
    .breadcrumb-botton ul li.active {
        color: #009bad;
    }
    
    @media (max-width: 991px) {
        .breadcrumb-area {
            background: url("../Assets/images/banner/mob-view_1.png");
            background-position: center top;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            padding-top: 101px;
            position: relative;
            z-index: 1;
        }
    }
    
    @media (max-width: 1024px) {}
    
    @media (max-width: 768px) {}
    
    @media (max-width: 540px) {}
    
    @media (max-width: 480px) {}
    
    @media (max-width: 512px) {}
    
    @media (max-width: 420px) {}
    
    @media (max-width: 360px) {
        .slider .slider1 img {
            max-width: 100%;
            height: 188vw;
        }
    }
    /*-------------Single side bar------------------*/
    
    .info {
        background: url("../Assets/images/background_img/BG_2.png");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        max-width: 100%;
        background-color: #f8f8f8;
        padding-top: 5%;
    }
    
    .info .left-sidebar {
        position: sticky;
        top: 7%;
        left: 0;
    }
    
    .info .left-sidebar .single-sidebar .page-link {
        overflow: hidden;
        margin-bottom: 50px;
        border-left: 3px solid #009bad;
        list-style: none;
        padding: 0%;
    }
    
    .info .left-sidebar .single-sidebar .page-link li {}
    
    .info .left-sidebar .single-sidebar .page-link li.all-service {
        margin-bottom: 9px;
    }
    
    .info .left-sidebar .single-sidebar .page-link li:last-child {
        margin-bottom: 0px;
    }
    
    .info .left-sidebar .single-sidebar .page-link li a {
        border-bottom: 1px solid #fff;
        background: #f9f9f9 none repeat scroll 0 0;
        color: #222222;
        display: block;
        font-size: 14px;
        font-weight: 600;
        padding: 17px 17px 14px;
        width: 100%;
        font-family: 'Poppins', sans-serif;
        position: relative;
        z-index: 1;
        transition: all 500ms ease;
        transition-delay: 0.15s;
        text-transform: uppercase;
    }
    
    .info .left-sidebar .single-sidebar .page-link li:last-child a {
        border-bottom: none;
    }
    
    .info .left-sidebar .single-sidebar .page-link li a i {
        float: right;
        margin: 3.5px 0;
    }
    
    .info .left-sidebar .single-sidebar .page-link li a:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 0%;
        height: 100%;
        content: "";
        background: #009bad;
        z-index: -1;
        transition: all 500ms ease;
        transition-delay: 0.15s;
    }
    
    .info .left-sidebar .single-sidebar .page-link li a:hover,
    .info .left-sidebar .single-sidebar .page-link li a.active {
        color: #fff;
    }
    
    .info .left-sidebar .single-sidebar .page-link li a:hover:before,
    .info .left-sidebar .single-sidebar .page-link li a.active:before {
        width: 100%;
        color: #fff;
    }
    
    .info .left-sidebar .single-sidebar h3 {
        color: #222222;
        font-size: 22px;
        font-weight: 400;
        text-transform: capitalize;
        margin: 0 0 24px;
    }
    
    .info .left-sidebar .single-sidebar .brochures-dwn-link {
        overflow: hidden;
        margin-bottom: 40px;
    }
    
    .info .left-sidebar .single-sidebar .brochures-dwn-link li {
        margin-bottom: 10px;
    }
    
    .info .left-sidebar .single-sidebar .brochures-dwn-link li .left-sidebar .single-sidebar .brochures-dwn-link li:last-child {
        margin-bottom: 0;
    }
    
    .info .left-sidebar .single-sidebar .brochures-dwn-link li a {
        color: #222222;
        font-size: 18px;
        font-style: italic;
        font-family: 'Lora', serif;
        border: 1px solid #f4f4f4;
        display: block;
        padding: 15px 22px 13px;
        transition: all 500ms ease;
    }
    
    .info .left-sidebar .single-sidebar .brochures-dwn-link li a:hover {
        background: #009bad;
        border-color: #009bad;
        color: #fff;
    }
    
    .info .left-sidebar .single-sidebar .brochures-dwn-link li a .icon-holder {
        width: 35px;
    }
    
    .info .left-sidebar .single-sidebar .brochures-dwn-link li a .icon-holder,
    .info .left-sidebar .single-sidebar .brochures-dwn-link li a .title-holder {
        display: table-cell;
        vertical-align: middle;
    }
    
    .info .left-sidebar .single-sidebar .brochures-dwn-link li a .title-holder h5 {
        font-size: 18px;
    }
    
    .info .left-sidebar .single-sidebar .contact-author-info {}
    
    .info .left-sidebar .single-sidebar .contact-author-info ul li .title {
        padding-bottom: 0;
    }
    
    .info .left-sidebar .single-sidebar .contact-author-info ul li .title h3 {
        margin-bottom: 15px;
    }
    
    .info .content-box .top-content .single-item {
        margin-bottom: 30px;
    }
    
    .info .content-box .top-content .single-item .img-holder {}
    
    .info .content-box .top-content .single-item .img-holder img {
        width: 100%;
    }
    
    .info .content-box .top-content .single-item .text-holder {
        background: #f9f9f9;
        display: block;
        padding: 12px 10px;
        text-align: center;
    }
    
    .info .content-box .top-content .single-item .text-holder p {
        margin: 0;
        color: #009bad;
    }
    
    .info .content-box .maintext-box {
        overflow: hidden;
        margin-bottom: 30px;
    }
    
    .info .content-box .maintext-box p {
        line-height: 1.7;
    }
    
    .info .content-box .specific-services {
        overflow: hidden;
        margin-bottom: 20px;
    }
    
    .info .content-box .specific-services .sec-title {
        padding-bottom: 0px;
    }
    
    .info .content-box .specific-services .single-item {
        overflow: hidden;
        margin-bottom: 40px;
        text-align: center;
        position: relative;
    }
    
    .info .content-box .specific-services .single-item .icon-holder {
        border: 1px solid #f4f4f4;
        width: 65px;
        height: 65px;
        display: block;
        margin: 0px auto 0;
        position: relative;
        background: #fff;
        border-radius: 50%;
        top: 33px;
        transition: all 500ms ease;
    }
    
    .info .content-box .specific-services .single-item:hover .icon-holder {
        background: #009bad;
        border-color: #009bad;
    }
    
    .info .content-box .specific-services .single-item .icon-holder span:before {
        color: #009bad;
        font-size: 32px;
        font-weight: 600;
        line-height: 62px;
        transition: all 700ms ease;
    }
    
    .info .content-box .specific-services .single-item:hover .icon-holder span:before {
        color: #fff;
    }
    
    .info .content-box .specific-services .single-item .text-holder {
        border: 1px solid #f4f4f4;
        display: block;
        padding: 50px 10px 40px;
    }
    /*---------about phimosis----------*/
    
    .about-phimosis {
        background: url("../Assets/images/background_img/BG_2.png");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        max-width: 100%;
        background-color: #f8f8f8;
        padding-top: 80px;
    }
    /* .about-phimosis .top-content {
    padding-bottom: 40px;
} */
    
    .about-phimosis .top-content .img-holder {}
    
    .about-phimosis .top-content .img-holder img {
        width: 100%;
    }
    
    .about-phimosis .top-content .text-holder {
        margin-top: 8%;
        margin-bottom: 8%;
    }
    
    .about-phimosis .top-content .text-holder h3 {
        margin: 0 0 3%;
        line-height: 30px;
        color: #303030;
    }
    
    .about-phimosis .top-content .text-holder .text {
        overflow: hidden;
        /* padding-bottom: 30px; */
    }
    
    .about-phimosis .top-content .text-holder .text p {
        line-height: 2;
    }
    
    .about-phimosis .top-content .text-holder a {
        padding: 13px 35px 13px;
    }
    
    .about-phimosis .bottom-content .single-item {
        margin-top: 40px;
        text-align: center;
    }
    
    .about-phimosis .bottom-content .single-item .img-holder {
        overflow: hidden;
        display: block;
    }
    
    .about-phimosis .bottom-content .single-item .img-holder img {
        width: 100%;
        transition: all 500ms ease;
    }
    
    .about-phimosis .bottom-content .single-item:hover .img-holder img {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }
    
    .about-phimosis .bottom-content .single-item .text-holder {
        border: 1px solid #f4f4f4;
        display: block;
        padding: 28px 15px 11px;
    }
    
    .about-phimosis .bottom-content .single-item .text-holder h3 {
        color: #222222;
        font-size: 20px;
        text-transform: capitalize;
        margin: 0 0 13px;
    }
    
    .about-phimosis .top-content .know-more {
        background-color: #fff;
        color: #000 !important;
        padding: 12px 28px;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 1px;
        min-width: 140px;
        border: solid 1px #009bad;
        border-radius: 40px;
        -moz-border-radius: 40px;
        -webkit-border-radius: 40px;
        transition: all 0.5s;
        text-transform: capitalize;
        -webkit-box-shadow: 0px 0px 15px 0px rgb(72 73 121 / 15%);
        -moz-box-shadow: 0px 0px 15px 0px rgba(72, 73, 121, 0.15);
        box-shadow: 0px 0px 15px 0px rgb(72 73 121 / 15%);
        margin-top: 2%;
        margin-bottom: 2%;
    }
    
    .about-phimosis .top-content .know-more:hover {
        background-color: #000;
        color: #fff !important;
    }
    /*----------Contact------------*/
    
    .contact-area {
        padding-bottom: 65px;
        background: url("../Assets/images/background_img/BG_2.png");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        max-width: 100%;
        background-color: #f8f8f8;
    }
    
    .contact-area .sec-title {
        padding-bottom: 32px;
        margin-top: -2px;
    }
    
    .contact-area .sec-title h1 {
        color: #222222;
        font-size: 24px;
        font-weight: 400;
        text-transform: capitalize;
    }
    
    .contact-area .sec-title p {
        padding: 0;
        padding-right: 150px;
    }
    
    .contact-area .accordion-box {}
    
    .contact-area .accordion-box .accordion {
        margin-bottom: 10px;
        position: relative;
        background: #fff;
    }
    
    .contact-area .accordion-box .accordion .accord-btn {
        background: #f7f7f7 none repeat scroll 0 0;
        cursor: pointer;
        height: 50px;
        line-height: 18px;
        padding: 11px 20px 12px;
        position: relative;
        transition: all 500ms ease;
        border: none;
    }
    
    .contact-area .accordion-box .accordion .accord-btn h4 {
        color: #222222;
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
        transition: all 500ms ease;
        text-transform: none;
        text-transform: capitalize;
    }
    
    .contact-area .accordion-box .accordion .accord-btn::after {
        background: #009bad;
        border-radius: 2px;
        color: #fff;
        font-family: "FontAwesome";
        font-size: 12px;
        font-weight: 100;
        height: 25px;
        line-height: 27px;
        margin-top: -18px;
        position: absolute;
        text-align: center;
        top: 29.5px;
        width: 25px;
        transition: all 500ms ease;
        left: inherit;
        right: 20px;
        display: block;
        border: none;
    }
    
    .contact-area .accordion-box .accordion .accord-btn.active {
        background: #009bad none repeat scroll 0 0;
    }
    
    .contact-area .accordion-box .accordion .accord-btn.active h4 {
        color: #fff;
    }
    
    .contact-area .accordion-box .accordion .accord-content {
        border: 1px solid #009bad;
        display: none;
        padding: 22px 30px 23px;
        position: relative;
    }
    
    .contact-area .accordion-box .accordion .accord-content.collapsed {
        display: block;
    }
    
    .contact-area .contact-info-list {
        list-style: none;
    }
    
    .contact-area .contact-info-list li {
        border-bottom: 1px solid #f7f7f7;
        margin-bottom: 13px;
        padding-bottom: 13px;
        padding-left: 35px;
        position: relative;
    }
    
    .contact-area .contact-info-list li:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0px solid;
    }
    
    .contact-area .contact-info-list li .icon-holder {
        position: absolute;
        top: 4px;
        left: 0;
    }
    
    .contact-area .contact-info-list li .icon-holder i {
        color: #009bad;
        font-size: 18px;
    }
    
    .contact-area .contact-info-list li .text-holder {}
    
    .contact-area .contact-info-list li .text-holder h5 {
        color: #999999;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
    }
    
    .contact-area .contact-info-list li .text-holder h5 span {
        text-transform: capitalize;
        font-weight: 400;
        color: #222222;
        font-family: 'Poppins', sans-serif;
    }
    
    .contact-area .sec-title {
        padding-bottom: 32px;
    }
    
    .contact-area .sec-title h1 {
        font-size: 24px;
    }
    
    .contact-area .contact-form form input[type="text"],
    .contact-area .contact-form form input[type="email"],
    .contact-area .contact-form form textarea {
        background: #f9f9f9;
        border: 1px solid #ececec;
        color: #999999;
        display: block;
        font-size: 14px;
        height: 50px;
        margin-bottom: 30px;
        padding: 0 20px;
        width: 100%;
        transition: all 500ms ease;
    }
    
    .contact-area .contact-form form textarea {
        height: 120px;
        margin-bottom: 32px;
        padding: 10px 20px;
    }
    
    .contact-area .contact-form form input[type="text"]:focus {
        border-color: #3452ff;
    }
    
    .contact-area .contact-form form input[type="email"]:focus {
        border-color: #3452ff;
    }
    
    .contact-area .contact-form form textarea:focus {
        border-color: #3452ff;
    }
    
    .contact-area .contact-form form .sendBtn {
        background-color: #000;
        color: #fff !important;
        padding: 12px 28px;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 1px;
        min-width: 140px;
        border-radius: 40px;
        -moz-border-radius: 40px;
        -webkit-border-radius: 40px;
        transition: all 0.5s;
        text-transform: capitalize;
        -webkit-box-shadow: 0px 0px 15px 0px rgb(72 73 121 / 15%);
        -moz-box-shadow: 0px 0px 15px 0px rgba(72, 73, 121, 0.15);
        box-shadow: 0px 0px 15px 0px rgb(72 73 121 / 15%);
    }
    
    .contact-map-area .contact-map {
        /* width: 55%; */
        border-left: 1px solid #303030;
    }
    
    .contact-map-area .responsive-map {
        overflow: hidden;
        padding-bottom: 56.25%;
        position: relative;
        height: 0;
    }
    
    .contact-map-area .responsive-map iframe {
        left: 0;
        top: 0;
        height: 80%;
        width: 100%;
        position: absolute;
        box-shadow: 0px 0px 15px 0px rgb(72 73 121 / 15%);
    }
    /*-------------------Faqpage------------------------*/
    
    .faq {
        overflow: hidden;
    }
    
    .faq h2 {
        text-align: center;
        margin-bottom: 1%;
    }
    
    .faq .faq-para {
        text-align: center;
        font-size: 16px;
        max-width: 555px;
        line-height: 25px;
        padding-top: 0;
        margin-bottom: 2%;
    }
    
    .faq .accordion-body ul {
        list-style: none;
    }
    
    .faq .accordion-body ul li {
        margin-bottom: 3%;
        font-weight: 500;
    }
    
    .faq .accordion-button {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        padding: 1rem 1.25rem;
        margin-top: 2px;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        background-color: #f8f8f8;
        border: 0;
        border-radius: 0;
        overflow-anchor: none;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
    }
    
    .faq .accordion-button:not(.collapsed) {
        color: #009bad;
        background-color: #f8f8f8;
        box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
    }
    
    .faq .sec-title {
        padding-bottom: 32px;
    }
    
    .faq .question-form {
        background: #f9f9f9 none repeat scroll 0 0;
        padding: 30px 30px 30px 30px;
    }
    
    .faq .question-form form input[type="text"],
    .faq .question-form form input[type="email"],
    .faq .question-form form textarea {
        background: #ffffff none repeat scroll 0 0;
        border: medium none;
        display: block;
        height: 50px;
        margin-bottom: 30px;
        padding: 0 20px;
        width: 100%;
        transition: all 500ms ease;
        border: 1px solid transparent;
    }
    
    .faq .question-form form input[type="text"]:focus {
        border: 1px solid #dad7d7;
    }
    
    .faq .question-form form input[type="email"]:focus {
        border: 1px solid #dad7d7;
    }
    
    .faq .question-form form textarea:focus {
        border: 1px solid #dad7d7;
    }
    
    .faq .question-form form textarea {
        height: 155px;
        padding: 15px 20px;
    }
    
    .faq .question-form form button {
        margin: 1px 0 0;
        padding: 13px 35px 13px;
    }
    
    .faq .know-more {
        background-color: #fff;
        color: #000 !important;
        padding: 12px 28px;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 1px;
        min-width: 140px;
        border: solid 1px #009bad;
        border-radius: 40px;
        -moz-border-radius: 40px;
        -webkit-border-radius: 40px;
        transition: all 0.5s;
        text-transform: capitalize;
        -webkit-box-shadow: 0px 0px 15px 0px rgb(72 73 121 / 15%);
        -moz-box-shadow: 0px 0px 15px 0px rgba(72, 73, 121, 0.15);
        box-shadow: 0px 0px 15px 0px rgb(72 73 121 / 15%);
        margin-top: 2%;
        margin-bottom: 2%;
    }
    
    .faq .know-more:hover {
        background-color: #000;
        color: #fff !important;
    }