*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box; 
}
:root{
    --primary-color : #F15A24;
    --secoundary-color : #119D90;
    --swiper-theme-color: #fff;
    --swiper-navigation-size: 0px;
}
 
@font-face {
    font-family: heading-font;
    src: url('../font/clarendon-regular/Clarendon-Regular.ttf');
}

@font-face {
    font-family: body-font;
    src: url('../font/Gotham-Font/GothamMedium.ttf');
}

html,body{
    width: 100%;
    font-family: body-font;
}

a{
    text-decoration: none;   
    color: #fff;
}
a:hover{
    color: #fff;
}

ul{
    list-style-type: none;
    padding-left: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6{
    font-family: heading-font;
    color: #000;
    font-weight: bold;
    letter-spacing: 1px;
}

p{
    color: #000;
    font-family: body-font;

}
.sub-heading{
    color: var(--primary-color); 
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 2px;
    letter-spacing: 2px;
}
.main-heading{
    text-transform: capitalize;
    font-size: 36px;
    margin-bottom: 40px;
}
section {
    padding-top: 80px;
    padding-bottom: 70px;
    position: relative;
    z-index:-1;
}
.ph_view{
    display:none;
}
/* -----------------------------header css start-------------------- */

.top-nav{
    background-image: linear-gradient(to right, #0e8c81 ,#0e7e73, #119d9073);
    color: #fff;
    padding: 15px;
}
.top-nav .nav-info{
    display: flex;
    justify-content: center;
    align-content: center;
}
.top-nav .nav-info .nav-info-wrap{
    margin: 0px 30px;
    cursor: pointer;
}
.top-nav .nav-info .nav-info-wrap span{
    font-size: 15px;
}
.top-nav .nav-info .nav-info-wrap span:nth-child(1){
    margin-right: 10px;
    font-size: 23px;
}
.main-navbar{
    /* padding: 15px 30px; */
    position: sticky; 
    top: 0;
    background-color: #fff;
}
.navbar-brand {
    margin-right: 0px;
}
.navbar-brand img{
    width: 246px;
}
.navbar-collapse{
    margin-left: 160px;
    justify-content: flex-end;
}
.navbar-nav .nav-item{
    margin: 0px 14px;
}
.navbar-nav .nav-item .nav-link{
    font-size: 15px;
    color: #000;
    padding: 7px 15px;
    text-transform: capitalize;
}
.navbar-nav .nav-item .nav-link.active{
    color: var(--secoundary-color);
}
.navbar-nav .nav-item .nav-link:hover{
    color: var(--secoundary-color);
}
.dropdown-menu {
    border-radius: 0px;
    padding: 15px 0px;
    border: none;
    box-shadow: 0px 0px 2px #80808061;
}  
.dropdown-menu .dropdown-item{
    padding: 10px 20px;
    text-transform: capitalize;
}
.main-banner-wrap img{
    width: 100%;
}


/* -----------------------------header css end-------------------- */


/* -----------------------------our speciality css start-------------------- */

.our_specialties::before{
    content: url('../img/speciality.png');
    position: absolute;
    left: 0;
    top: 0;
}

.specialties_content{
    text-align: center;
    width: 100%;
    max-width: 65%;
    margin: auto;
    /* font-size: 18px; */
    font-weight: lighter;
    margin-top: 10px;
    margin-top: 25px;
}

.specialties .wrap-specaialities{
    text-align: center;
    z-index: 10;
}

.specialties .wrap-specaialities .img-wrap{
    display: inline-block;
    background: white;
    padding: 38px;
    border-radius: 50%;
    box-shadow: 0px 0px 15px 4px #29538e47;
    margin-bottom: 35px;
}
.specialties .wrap-specaialities .img-wrap img{
    width: 100px;
}
.specialties .wrap-specaialities .content h6{
    font-size: 15px;
}
.specialties .wrap-specaialities .content p{
    font-size: 15px;
    text-align: center;
    width: 100%;
    max-width: 81%;
    margin: 10px auto;
    font-weight: lighter;
}

.specialties .top-inside{
    margin-top: 70px !important;
}
.dotted__border{
    position:absolute;
    top: 20%;
    left: 0%;
    z-index: -1;
    
}
.dotted__border img{
    width: 100%;
}

/* .specialties .scale1::after{
    content: url(../img/Vector-3.png);
    position: absolute;
} */
/* -----------------------------our speciality css end-------------------- */
/* ------------------------------------about us css start-------------------------- */
.about_us_img img{
    width: 100%;
}
.wrap-content {
    padding-left: 70px;
}
.about_us_wrap .about_content p{
    font-size: 15px;
}
.about_us .about_list{
    position: relative;
}
.about_us .about_list ul li{
    padding-left: 30px;
    position:relative;
    font-size: 15px;
    font-weight: bold;
    margin: 16px 0px;
}
.about_us .about_list ul li::before{
    content: '';
    position: absolute;
    height: 18px;
    width: 18px;
    top: 5px;
    left: 0;
    border-radius: 5px;
    background-color: var(--primary-color);
}
/* ------------------------------------about us css end-------------------------- */
/* ------------------------------------counter css start-------------------------- */
.counter_img img{
    width: 90px;
}
.counter_img {
    margin-bottom: 20px;
}
.counter .counter-wrap{
    background-color: white;
    text-align: center;
    padding: 30px 0px;
    border-radius: 25px;
    box-shadow: 0px 0px 12px 3px #323c7a36;
}
.counter .counter-content h1{
    color: var(--secoundary-color);
    font-size: 55px;
}
.counter .counter-content p{
    color: #000;
    font-size: 17px;
    text-transform: capitalize;
}
/* ------------------------------------counter css end-------------------------- */
/* -------------------------services css start--------------------------- */
.our_services::before{
    content: url('../img/services.png');
    position: absolute;
    left: 0;
    top: 0;
}
.services .services-wrap .services_img img{
    width: 90px;
}
.services .services_img{
    margin-bottom: 20px;
}
.services .services-wrap{
    margin: 30px 40px;
    background-color: white;
    text-align: center;
    padding: 42px 0px;
    border-radius: 25px;
    box-shadow: 0px 0px 12px 3px #323c7a36;
}
.services .services-content h1{
    font-size: 15px;
    text-transform: capitalize;
}
/* -------------------------services css end--------------------------- */
/* -------------------------news css start--------------------------- */
.news-wrap{
    box-shadow: 0px 0px 8px 0px #c7c7c7;
    margin: 30px 20px;
}

.news-wrap img{
    width: 100%;
}

.swiper-button-next,
.swiper-button-prev{
    background-color: var(--primary-color);
    color: var(--swiper-theme-color);
    width: 20px;
 }
.swiper-button-next:after,.swiper-button-prev::after{
    font-size: 10px;
    padding: 20px;
    --swiper-navigation-size :20px;
}
.swiper .card-body {
    padding: 20px 30px;
}
.swiper .card-body .card-title{
    font-size: 22px;
    line-height: 1.5em;
    margin-bottom: 25px;
}
.swiper .card-body .card-text{
    color: rgb(70 69 69);
    border-bottom: 2px solid rgb(70 69 69);
    padding-bottom: 20px;
}
.swiper .card-body .element-wrap {
    margin-top: 20px;
    display: flex;
    align-content: stretch;
    justify-content: space-between;
    align-items: center;
}
.swiper .card-body .element-wrap p{
    color: rgb(70 69 69);
}
.swiper .card-body .element-wrap a button{
    background-image: linear-gradient(to right, #2a518d ,#1981b9, #85d3ee);
    color: #fff;
    border: none;
    padding: 7px 15px;
    border-radius: 50px;
    font-size: 14px;
    letter-spacing: 1px;
} 

/* -------------------------news css end--------------------------- */
/* -------------------------banner css start----------------------------- */

.medicare-banner{
    background-image: url('../img/medicare-banner.jpg');
    background-size:cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: center center;
}
.medicare-banner .medicare-banner-wrap{
    padding: 33px 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.medicare-banner .left-side-wrap{
    display: flex;
    align-items: center;
    position: relative;
    margin: 30px 0px;
}
.medicare-banner .left-side-wrap .medicare-icon,
.medicare-banner .left-side-wrap .medicare-button{
    display: inline-block;
}
.medicare-banner .left-side-wrap .medicare-icon img{
    width: 130px;
}
.medicare-banner .left-side-wrap .medicare-icon::after{
    content: url(../img/arrow.png);
    top: 45px;
    left: 115px;
    position: absolute;

}
.medicare-banner .left-side-wrap .medicare-button{
    margin-left: 50px;
}
.medicare-banner .left-side-wrap .medicare-button img{
    width: 240px;
    border-radius: 0px 50px 50px 46px;
    box-shadow: 1px 0px 13px 5px #acc1d5;
    /* box-shadow: 1px 0px 13px 5px #acc1d5; */
    /* border-radius: 0px 70px 80px 75px;
    box-shadow: -1px 1px 3px 0px #7f88a5; */
}
.medicare-banner .left-side-wrap .medicare-button img:hover{
    transform: scale(1.05);
}
/* .medicare-banner .medicare-banner-wrap .center-logo{
    margin-left: -41px;
} */
.medicare-banner .medicare-banner-wrap .center-logo .logo-wrap img{
    width: 407px;
}
.medicare-banner .mobile-view{
    display: none;
    background-color: #fff;
    margin: auto;
    padding: 60px 0px;
    border-radius: 20px;
}
.medicare-banner .mobile-view .mobile-view-wrap{
    display: flex;
    justify-content: center;
}
.medicare-banner .mobile-view img{
    width: 270px;
}

/* --------------------------banner css end------------------------- */
/* -----------------------footer css start------------------------------ */
footer .footer-inner{
    background-color: var(--secoundary-color);
    padding: 50px 0px;
}

footer .footer-left-side{
    /* margin-right: 150px; */
}
footer .footer-left-side .footer-contact-wrap .footer-info{
    width: 85%;
    max-width: 100%;
}
footer .footer-left-side .footer-contact-wrap{
    margin-top: 37px;
}
footer .footer-left-side .footer-contact-wrap .footer-info .info-wrap{
    margin: 15px 0px;
}
footer .footer-left-side .footer-contact-wrap .footer-info .info-wrap span{
    color: #fff;
    font-size: 14px;
}
footer .footer-left-side .footer-contact-wrap .footer-info .info-wrap span i{
    margin-right: 10px;
}
footer .footer-left-side .footer-contact-wrap .social-media{
    margin-top: 50px;
}
footer .footer-left-side .footer-contact-wrap .social-media h6{
    color: #fff;
    font-size: 22px;
    margin-bottom: 25px;
}
footer .footer-left-side .footer-contact-wrap .social-media .social-icon-wrap a{
    margin-right: 15px;
    color: white;
    font-size: 25px;
}

.footer .footer-info-wrap{
    display: flex;
    align-items: center;
}
/* .footer .footer_logo{
    background-color: #fff;
    padding:60px 10px;
    width: 270px;
    max-width: 100%;
} */
.footer .footer_logo img{
    background-color: #fff;
    padding: 22px 7px;
    width: 61%;
}
.footer .contact-form{
    background-color: rgb(255 255 255 / 28%);
    padding: 30px 20px;
}

.footer .contact-form input,
.footer .contact-form textarea{
    background-color: transparent;
    border-radius: 0px;
    margin: 10px 0px;
    padding: 15px 10px;
    color: white;
    font-size: 14px;
}
.footer .contact-form input:focus,
.footer .contact-form textarea:focus{
    box-shadow: none;
    outline: none;
    border: 1px solid white;
}
.footer .contact-form label{
    color: white;
    font-size: 14px;
}

.footer .contact-form input::placeholder{
    color: white;
    text-transform: capitalize;
}
.footer .contact-form .btn-element{
    display: flex;
    justify-content: center;
    margin-top: 30px;
}
.footer .contact-form .btn-element .submit_btn{
    background-color: #fff;
    color: var(--secoundary-color);
    border: none;
    padding: 11px 90px;
    border-radius: 50px;
    font-size: 18px;
}
footer .footer-bottom{
    background-color: #000;
    color: white;
}
footer .footer-bottom .copyright{
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 15px 20px;
}
footer .footer-bottom p{
    color: white;
    margin-bottom: 0px;
    font-size: 14px;
}
footer .footer-inner .footer-facility-wrap ul{
    list-style-type: disc;
    color: white;
}
footer .footer-inner .footer-facility-wrap ul li{
   
    margin: 15px 0px
}
footer .footer-inner .footer-facility-wrap ul li a{
    font-size: 14px;
    color: white;
}


.error-message{
    color: red;
    margin-bottom: 10px;
    text-transform: capitalize;
}
.captcha {
    /* margin-bottom: 15px; */
    display: flex;
    margin-top: 20px;
    gap: 10px;
    align-items: center;
}



.captcha .preview {
    color: #000;
    width: 100%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    letter-spacing: 8px;
    border: 1px dashed #fff;
    font-family: monospace;
    /* margin-bottom: 10px; */
}
.captcha .preview span{
    display: inline-block;
    user-select: none;
}

.captcha-form {
    display: flex;
    align-items: center;
    gap: 12px;
}

.captcha-form input {
    flex: 1;
    padding: 8px !important;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-right: 5px;
}
.captcha-form input:focus{
    box-shadow: none;
    outline: none;
    border: 1px solid white;
}
.captcha-form button {
    background-color: #fff;
    color: var(--secoundary-color);
    padding: 8px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}
/* .captcha label {
    font-size: 14px;
    color: #555;
    margin-bottom: 5px;
    display: block;
} */
/* ------------------------media query start---------------------- */
@media screen and (max-width:1078px) {
    .top-nav{
        padding: 10px;
    }
    .top-nav .nav-info .nav-info-wrap{
        margin: 0px 20px;
    }
    .top-nav .nav-info .nav-info-wrap span{
        font-size: 15px;
    }
    
    .top-nav .nav-info .nav-info-wrap span:nth-child(1){
        margin-right: 10px;
        font-size: 20px;
    }
}

@media screen and (max-width:1199px) {
   
    .navbar-nav .nav-item .nav-link{
        padding: 7px 8px
    }
    .navbar-nav .nav-item{
        margin: 0px 6px;
    }
    .main-navbar{
        padding: 15px 0px;
    }
    .navbar-collapse{
        margin-left: 40px;
    }
    .services .services-wrap{
        margin: 30px 0px;
        background-color: white;
        text-align: center;
        padding: 42px 0px;
        border-radius: 25px;
        box-shadow: 0px 0px 12px 3px #323c7a36;
    }
}

@media screen and (max-width:991px) {
    .top-nav{
        display: none;
    }
    .specialties .top-inside{
        margin-top: 0px !important;
    
    }
    .our_specialties::before{
        display: none;
    }
    .container, .container-md, .container-sm {
        max-width: 894px;
    }
    .footer .contact-form{
        margin-top: 50px;
     }
     footer .footer-inner{
       padding: 40px 30px;
    }
    .our_services::before{
       display: none;
    }
    .main-navbar{
        margin: 0px 10px;
    }
    .main-navbar {
    padding: 0px 0px;
}
    .medicare-banner .medicare-banner-wrap .center-logo{
       display: none;
    }
    .medicare-banner .mobile-view{
        display: inherit;
    }
    .dotted__border{
        display: none;
    }
    footer .footer-inner .footer-facility-wrap{
        margin-top: 47px;
    }
    footer .footer-inner .footer-facility-wrap .wrap-links{
        margin-top: -15px;
    }
}

@media screen and (max-width:768px) {
    .sub-heading{
        font-size: 20px;
    }
    .main-heading{
        font-size: 30px;
    }
    .specialties_content{
        width: 100%;
        max-width: 90%; 
    }
    .wrap-content {
        padding-left: 10px;
    }
    .swiper{
        margin-top: -20px;
    }
    section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .desk_view{
        display:none;
    }
    .ph_view{
        display:block;
    }
    .captcha {
		display: block !important;
	}
	.captcha-form {
		margin-top: 14px;
		    display: block !important;
    width: 100%;
	}
	.captcha-form button{
	    width: 100%;
    margin-top: 10px;
	}
		.captcha-form input {
		width: 100%;
	}
}
@media screen and (max-device-width:576px) {
    .navbar {
        --bs-navbar-brand-padding-y: 0;
    }
    .navbar-brand img{
        width: 110px;
    }   
    .navbar-collapse {
        margin-left: 0px;
        margin-top: 20px;
    } 
    .dropdown-menu .dropdown-item{
        white-space: break-spaces;
    }
    .main-navbar{
        padding: 5px 10px;
        margin: 0px 0px;
    }
    .sub-heading{
        font-size: 14px;
    }
    .main-heading{
        font-size: 22px;
    }
    .specialties_content{
        width: 100%;
        max-width: 90%; 
        font-size: 14px;
    }
    .specialties .wrap-specaialities .img-wrap{
        padding: 30px;
    }
    .specialties .wrap-specaialities .img-wrap img{
        width: 80px;
    }
    .about_us_wrap .about_content p{
        font-size: 15px;
    }
    .about_us .about_list ul li{
        font-size: 15px;
   
    }
    .about_us .about_list ul li::before{
        content: '';
        height: 15px;
        width: 15px;
        top: 7px;
    }
    .counter-wrap{
        margin: 0px 60px;
    }
    .swiper .card-body .element-wrap p{
        font-size: 14px;
    }
    .swiper .card-body .element-wrap a button{
        padding: 7px 16px;
        font-size: 14px;
    }
    .swiper .card-body .card-title{
        font-size: 18px;
    }
    .swiper .card-body .card-text{
        font-size: 14px;
    }
    footer .footer-left-side .footer-contact-wrap .social-media h6 {
        font-size: 20px;
    }
    footer .footer-left-side .footer-contact-wrap .footer-info{
        width: 100%;
    }
    footer .footer-left-side{
        margin-right: 0px;
    }
    footer .footer-bottom p{
        font-size: 14px;
    }
    .footer .contact-form label{
        font-size: 14px;
    }
    footer .footer-inner{
        padding: 40px 15px;
     }
     .footer .contact-form .btn-element button{
      
        padding: 9px 60px;
       
    }
     .counter .counter-content h1{
        font-size: 40px;
    }
    .medicare-banner .left-side-wrap .medicare-button{
        margin-left: 30px;
    }
    .medicare-banner .mobile-view{
        padding: 30px 0px;
        max-width: 80%;
        width: 100%;
    }
    .medicare-banner .medicare-banner-wrap{
        padding: 33px 100px;
    }
    .medicare-banner .mobile-view .mobile-view-wrap{
        display: flex;
        justify-content: center;
    }
    .medicare-banner .mobile-view img{
        width: 200px;
    }
    .medicare-banner .left-side-wrap .medicare-icon img{
        width: 100px;
    }
    .medicare-banner .left-side-wrap .medicare-icon::after{
        top: 35px;
        left: 87px;    
    }
    .medicare-banner .left-side-wrap .medicare-button{
        margin-left: 45px;
    }
    .medicare-banner .left-side-wrap .medicare-button img{
        width: 200px;
    }
    .footer .contact-form .btn-element .submit_btn {
    padding: 11px 50px;
    font-size: 16px;
}
.about_us_wrap .about_content p {
    text-align: justify;
}
}
@media screen and (max-width:365px) {
    .main-navbar{
        padding: 5px 10px;
        margin: 0px 0px;
    }
    .sub-heading{
        font-size: 15px;
    }
    .main-heading{
        font-size: 20px;
        line-height: 1.6em;
    }
    .specialties_content{
        width: 100%;
        max-width: 90%; 
        font-size: 14px;
    }
    .specialties .wrap-specaialities .content h6 {
        line-height: 1.6em;
    }
    .counter-wrap{
        margin: 0px 0px;
    }
    .counter .counter-content h1{
        font-size: 30px;
    }
    .medicare-banner .mobile-view img{
        width: 180px;
    }
    .medicare-banner .left-side-wrap .medicare-icon img{
        width: 90px;
    }
    .medicare-banner .left-side-wrap .medicare-icon::after{
        top: 27px;
        left: 76px; 
    }
    .medicare-banner .left-side-wrap .medicare-button{
        margin-left: 45px;
    }
    .medicare-banner .left-side-wrap .medicare-button img{
        width: 150px;
    }
    section {
        padding-top: 20px;
        padding-bottom: 10px;
    }
    
}
/* ------------------------media query end---------------------- */

/* 
.medicare-banner .left-side-wrap:nth-child(1):after{
    content: '';
    border: 1px solid #84b412;
    width: 242px;
    position: absolute;
    left: 406px;
    top: 48%;
}
.medicare-banner .left-side-wrap:nth-child(2):after{
    width: 118px;
    content: '';
    border: 1px solid #84b412;
    position: absolute;
    left: 406px;
    top: 48%;
}
.medicare-banner .left-side-wrap:nth-child(3):after{
    width: 118px;
    content: '';
    border: 1px solid #84b412;
    position: absolute;
    left: 406px;
    top: 50%;
}
.medicare-banner .left-side-wrap:nth-child(4):after{
    content: '';
    border: 1px solid #84b412;
    width: 242px;
    position: absolute;
    left: 406px;
    top: 48%;
} */
/* 
.medicare-banner .banner-dots .dots-1::after{
    content: '';
    position: absolute;
    width: 100px;
    transform: translate(-50%, -50%);
    top: 17%;
    left: 57%;
    height: 20px;
    width: 20px;
    background: #80b210;
    border-radius: 50px;
}
.medicare-banner .banner-dots .dots-2::after{
    content: '';
    position: absolute;
    width: 100px;
    transform: translate(-50%, -50%);
    top: 39%;
    left: 49%;
    height: 20px;
    width: 20px;
    background: #80b210;
    border-radius: 50px;
}
.medicare-banner .banner-dots .dots-3::after{
    content: '';
    position: absolute;
    width: 100px;
    transform: translate(-50%, -50%);
    top: 61%;
    left: 49%;
    height: 20px;
    width: 20px;
    background: #80b210;
    border-radius: 50px;
} */
/* .medicare-banner .banner-dots .dots-4::after{
    content: '';
    position: absolute;
    width: 100px;
    top: 81%;
    left: 57%;
    height: 20px;
    width: 20px;
    background: #80b210;
    border-radius: 50px;
} */