.offcanvas__logo p{
    margin-bottom: 0;
}

.footer-link-2 i{
	color: #239222;
	font-size: 20px;
	margin-right: 10px;
}

.footer-col-2 {
    padding-left: 30px;
}

.footer-grid {
    display: grid;
/*    grid-template-columns: 35% 1fr 1fr auto;*/
    grid-template-columns: 30% 20% 20% 30;
    gap: 20px;
    padding-top: 80px;
    padding-bottom: 40px;
}

.text-justify{
	text-align: justify!important;
}

.footer-link ul li a:hover {
    color: #fff;
}



/*.footer-copyright-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px 30px;
}*/

.footer-copyright-wrapper {
    display: flex;
    align-items: center;
    justify-content: center!important;
    flex-wrap: wrap;
    gap: 15px 30px;
}
.footer-copyright-area {
    padding: 13px 0;
}

/*    health icon png    */
.health-icon span {
/*    background: #EB753B;*/
    background: #0f62ac;
}

.banner-title {
/*    font-size: 86px;*/
    font-size: 60px;
}

/*    footer heading links   */
.footer-widget-title h4 {
    margin-bottom: 30px;
    color: var(--clr-common-white);
    font-size: 20px;
    font-weight: 600;
    color: #239222;
    /* color: #0f62ac; */
    /* color: #EB753B; */

}

.text-theme{
    color: #239222;
	/* color: #Eb753b!important; */
}
.text-theme2{
    color: #0f62ac;
}
.bg-theme2{
    background: #239222;
}


.section-space-medium {
/*    padding: 100px 0;*/
    padding: 60px 0;
}

.section-space {
/*    padding-top: 120px;*/
/*    padding-bottom: 120px;*/
	padding: 60px 0;
}

.appointment-content {
/*    padding: 120px 0;*/
/*    padding-left: 90px;*/
	padding:  80px 0 80px 50px;
}

.section-space-bottom {
/*    padding-bottom: 120px;*/
    padding-bottom: 60px;
}

.footer-link-2 ul li a:hover {
/*    padding-left: 15px;*/
/*    color: var(--clr-common-white);*/

    padding-left: 0;
    color: none;
}

.footer-link-2 ul li a::after {
/*    content: "\f105";*/
    content: "";
    
}


.section-subtitle span {
/*    margin-bottom: 30px;*/
    margin-bottom: 20px;
}

.service-icon span {
    height: 75px;
    width: 75px;
}
.service-icon img{
    width: 45px;
}

.service-content h4 {
    margin-bottom: 10px;
    text-transform: capitalize;
    font-size: 22px;
}

.service-content {
/*    padding: 70px 30px 40px;*/
/*    padding: 50px 30px 35px;*/
    padding: 25px;
}
.section-title {
    font-size: 45px;

}
.service-area .section-title-spacing {
    margin-bottom: 35px;
}

.section-title-spacing {
    margin-bottom: 35px;
}
.header-logo p{
    color: #000;
}
.testimonial-area .navigation__wrapprer {
    margin-top: 30px;
}
.footer-widget-title h4 {
    margin-bottom: 20px;
}
.footer-link ul li:not(:last-child) {
    margin-bottom: 12px;
}
.testimonial-icon {
    margin-bottom: 20px;
}
.testimonial-content p {
    margin-bottom: 25px;
    font-size: 16px;
}
.testimonial-icon img{
    width: 50px;
}
.testimonial-item {
    padding: 35px 35px;
}
.ml-md-30{
    padding-left: 30px!important;
}
.breadcrumb__menu ul li:not(:last-child):after {
    background: #000;
}

.contact-map iframe {
  height: 580px;
  width: 100%;
/*  mix-blend-mode: luminosity;*/
  mix-blend-mode: none!important;
}
.contact-from {
    background: var(--clr-theme-primary);
    padding: 35px;
}
/*.service-details-area .section-title{
    font-size: 30px!important;
}*/
.features__list ul li {
    font-weight: 400;
}
.features__list ul li::after {
    top: 14px;
}
.doctor-author-content {
/*    padding-left: 40;*/
    padding-left: 0;
}







/* punjabi services types section  */


.rounded-svc{
    height: 100%;
    border-radius: 20px!important;
    padding: 30px!important;
}
.rounded-svc ul li i{
    color: #0f62ac;
    font-size: 22px;
    padding-right: 10px!important;
}
.rounded-svc ul li{
    color: #000;
    font-size: 17px;
    font-weight: 600;
    padding-bottom: 10px;
}




/*********   All Responsive Css   *********/


@media only screen and (min-width: 320px) and (max-width: 767px){
    .bar-icon span{
        background: #fff;
    }
    .bar-icon span:nth-child(2) small {
        background: #fff;
    }
    .header-logo p{
        color: #fff;
    }
    .banner-title {
        font-size: 40px;
    }
    .section-title {
        font-size: 36px;
    }
    .service-area .section-title-spacing {
        margin-bottom: 20px;
    }
    .header-2 {
        padding: 15px 0;
        background: #222!important;
    }
    .appointment-content {
        padding: 50px 0 50px 0px;
    }
    .appointment-thumb-2 {
        padding-top: 50px;
    }
    .service-content {
        padding: 25px;
    }
    .appointment-thumb {
        padding-top: 35px;
    }
    .section-space {
        padding: 40px 0;
    }
    .footer-grid {
        padding-top: 60px;
    }
    .footer-col-2 {
        padding-left: 0px;
    }
    .footer-widget-title h4 {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .footer-link ul li:not(:last-child) {
        margin-bottom: 6px;
    }
    .mt-45 {
        margin-top: 25px;
    }
    .testimonial-icon {
        margin-bottom: 15px;
    }
    .testimonial-icon img{
        width: 40px;
    }
    .mb-30 {
        margin-bottom: 20px;
    }
    .footer-copyright-wrapper {
        text-align: center;
    }
    .testimonial-item {
        padding: 18px;
    }
    .testimonial-content p {
        margin-bottom: 15px;
    }
    .ml-md-30{
        padding-left: 0px!important;
    }
    .contact__from-input {
        margin-bottom: 20px;
    }
    .contact-from {
        padding: 20px 15px;
    }
    .py-5{
        padding: 20px 0;
    }
    .mb-15 {
        margin-bottom: 5px;
    }
    .contact-map iframe {
        height: 250px;
    }

    .about-thumb-2 {
        max-width: 150px;
    }

    .rounded-svc{
        border-radius: 15px!important;
        padding: 20px!important;
    }
    .rounded-svc ul li i{
        font-size: 20px;
        padding-right: 5px!important;
    }
    .rounded-svc ul li{
        font-size: 16px;
    }




}


.service-button a{
    color: #0f62ac!important;
    text-decoration: underline!important;
    font-size: 15px!important;
}
.mb-15 {
    margin-bottom: 10px;
}
.py-5{
    padding: 45px 0;
}
.footer-widget-2 .cstm-links ul li{
    color: #9f9f9f;
}
.footer-widget-2 .cstm-links ul li:hover{
    color: #fff;
}

.doctor-area h2.section-title{
    font-size: 30px;
}


.features__list ul li::after {
    background: #0f62ac;
}


.footer-copyright-text p a:hover {
    color: #0f62ac!important;
}

.why-choose-thumb:after {
    background: #0f62ac;
}
.about-rectangle {
    border: 10px solid #0f62ac;
}

.breadcrumb__menu ul li:not(:last-child):after {
    background: #fff;
}
.breadcrumb__menu ul li span a:hover {
    color: #fff;
}



.banner-1 .banner-overlay-1 {
    /* background: rgba(235, 117, 59, 0.2); */
    background: #e8f3fd;
}



:root {
    /* --clr-theme-primary: #02AFE5; */
    --clr-theme-primary: #0f62ac;
    /* --clr-theme-secondary: #EB753B; */
    --clr-theme-secondary: #239222;
}

/*.banner-4 {
    background: linear-gradient(90.19deg, rgb(230, 247, 252) 0%, rgb(245, 254, 255) 100%);
    background-image: url(../imgs/main-slider.jpeg);
    opacity: ;
}*/

.banner-title-4 {
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 20px;
}

.header-transparent {
    position: absolute; 
    inset-inline-start: 0;
    margin: auto;
    width: 100%;
    z-index: 99;
    /*background: linear-gradient(90.19deg, rgb(230, 247, 252) 0%, rgb(245, 254, 255) 100%);*/
}
.about-experience-2 {
    transform: rotate(0);
    transform-origin: top;
    background: var(--clr-theme-primary);
    padding: 10px 20px;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 5%;
    left: 0px;
    border: 5px solid var(--clr-common-white);
    width: 250px;
}

































/*************    responsive css         *******************/

@media (min-width: 320px) and (max-width: 767px) {
    .banner-4 {
        margin-top: 90px;
    }
    .banner-title-4 {
        font-size: 50px;
        font-style: normal;
        font-weight: 600;
        line-height: 1.1;
        margin-bottom: 20px;
    }
    .header-logo {
        max-width: 100px;
    }


}