body{ 
    margin: 0%;
    padding-top: 1%;
}
 .menu{
    text-align: center;
    background-color: rgb(7, 7, 74);
    color: white;
    display: flex;
    justify-content: space-between;
    padding-left: 7%;
    padding-right: 7%;
    align-items: center;
 }
 .intro{
    display: flex;
    gap: 20px;
 }
.icon{
    gap:10px;
    padding-right: 4px;
    font-size: 16px;
 }
.logo{
    height: 95px;
    justify-content: space-between;
    text-align: center;
    align-items: center;
    display: flex;
    padding-left: 4%;
    padding-right: 7%;
    font-family:Tahoma ;
}
.series ul{
    gap: 30px;
    display: flex;
}
.series li{
    list-style: none;
} 
.series li a{
    color: black;
    text-decoration: none;
}
.series li a:hover{
    color: rgb(84, 139, 84);
    cursor: pointer;
} 
.logo button{
    align-items: center;
    border: none;
    background-color: aquamarine;
    background-image: linear-gradient( 90deg,rgb(68, 181, 181), rgb(92, 205, 92));
    color:white;
    border-radius: 5px;
    height: 50px;
    width:145px;
    font-size: 17px;
}
.logo button a{
    text-decoration: none;
    color: white;
}
.logo img{
    width: 20%;
}
.logo h4{
    display: inline;
}
.Health-sync-financial-LLC-box{
    margin-top: 9%;
    text-align: center;
    width: 190%;
    font-family:Tahoma ;
    border-radius:2%;
    border-color:2px solid rgb(65, 47, 47);
    height: 330px;
    border: white;
    background-color:rgb(130, 185, 185);
    padding-right: 3%;
}
 .HealthSync img{
    padding-top: 3%;
    width: 100%;
    height: 340px;
    border-radius: 5px;
}
.HealthSync{
    padding-bottom: 5%;
    padding-left: 1%;
    padding-right:7%;  
    display: flex;
    font-family: sans-serif;
}
.mainbody{
    height: 670px;
    background-color: rgb(196, 222, 222);
}
 .services{
    margin-top: 6%;   
}
.services h1{
    display: flex;
    justify-content: start;
    font-size: 50px;
    color:rgb(23, 23, 143) ;
}
.services p{   
    margin-top: 0%;
    font-size: 18px;
    line-height: 25px;
}
.HealthSync button{
    border: none;
    background-color: aquamarine;
    background-image: linear-gradient( 90deg,rgb(68, 181, 181), rgb(92, 205, 92));
    color:white;
    border-radius: 5px;
    height: 50px;
    width: 185px;
    font-size: 17px;
}
.HealthSync button i{
    padding-left: 5%;
}
footer{
    color: white;
    background-image: linear-gradient( 90deg,rgb(91, 173, 173), rgb(122, 197, 122));
    text-align: center;
    font-size: 16px;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    padding-left: 10%;
    padding-right: 10%;
    font-family:Tahoma ;
}
.About_Company{
    display: flex;
    padding: 4%;
    gap: 100px;
    font-family: sans-serif;
}
.About_Company h1{
    font-size: 45px;
    color:rgb(23, 23, 143) ;
}
.paragraph{
    padding-left: 5%;
}
.paragraph p{
    line-height: 30px;
}
.About_Company img{
    padding-top: 30%;
    width: 540px;
    padding-right: 7%;
}
.button{
    border: none;
    background-color: aquamarine;
    background-image: linear-gradient( 90deg,rgb(68, 181, 181), rgb(92, 205, 92));
    color:white;
    border-radius: 5px;
    height: 50px;
    width: 145px;
    font-size: 17px;
    font-weight: bold;
    margin-top: 3%;
}
.button i{
    padding-left: 5%;
}
.Professionalbilling{
    margin-top: 0%;
    padding-left: 7%;
    padding-right: 7%;
    text-align: center;
    font-family:Tahoma ;
}
.Professionalbilling h1{
    color:rgb(23, 23, 143) ;
    font-size: 45px;
}
.Professionalbilling p{
    line-height: 30px;
}
.medicalservices{
    margin-top: 0%;
}
.services{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    padding-left: 8%;
    padding-right: 7%;
}
.flex-box{
    font-family: sans-serif;
    border-radius: 5%;
    text-align: center;
    width: 245px;
    height: 280px;
    background-color:whitesmoke;
    box-shadow: 0 0 1rem rgb(117, 111, 111);
}
.medicalservices img{
    padding-top: 30%;
    width: 50%;
}
.navmenu{
    padding-top: 10%;
    flex-wrap: wrap;
    font-family: sans-serif;
    text-align: center;
}
.navmenu h1{
    font-size: 45px;
    color:rgb(23, 23, 143) ;
}
.navmenu p{
    padding-left: 7%;
    padding-right: 7%;
    line-height: 25px;
    font-size: 17px;
}
.brand{
margin: 0%;
padding: 0%;
place-items: center;
}
.apps{
  text-align: start;
  align-items: start;
}
.apps img{
    height: 70px;
    width: 35%;
}
.image{
    margin-top: 3%;
    gap: 30px;
    display: flex;
}
.image img{
    border-radius: 5px;
    box-shadow: 0 0 1rem rgb(117, 111, 111);
}
.image1{
    margin-top: 3%;
    gap: 30px;
    display: flex;
    width: 59%;   
}
.image1 img{
    border-radius: 5px;
    box-shadow: 0 0 1rem rgb(117, 111, 111);
}
.benefits{
    margin-top: 5%;
    padding-bottom: 5%;
    background-image: linear-gradient( 90deg,rgb(6, 170, 170), rgb(62, 207, 62));
}
.facilities{
    padding-top: 3%;
    font-family: sans-serif;
    text-align: center;
    color: white;
}
.facilities h1{
    font-size: 45px;
}
.revenue{
    color: white;
    margin-top: 3%;
     margin-left: 10%;
    width: 80%;
    display: flex;
    gap: 25px; 
}
.skilled{
    width: 80%;
    text-align: center;
    border: 1px solid white;
    border-radius: 5px;
    padding: 2%;
    font-family: sans-serif;
    box-shadow: 0 0 1rem rgb(198, 137, 137); 
}
.skilled p{
  line-height: 23px;
}
.skilled img{
    width: 30%;
}
.skilled .img2{
    width: 17%;
}
.skilled .img3{
    width: 11%;
}
.cost{
    margin-top: 3%;
    color: white;
    margin-left: 10%;
    width: 80%;
    display: flex;
    gap: 25px;
} 
.Reasons{
    padding: 3%;
    display: flex;
    text-align: center;
    align-items: center;
    font-family: sans-serif;
    gap: 50px;
}
.reason{
    padding-top: 2%;
    padding-right: 5%;
    text-align: start;
}
.reason h1{
    font-size: 40px;
     color:rgb(23, 23, 143) ;
}
.reason p{
    font-size: 17px;
    line-height: 25px;
}
.benefit-list ul{
    margin: 0%;
    padding: 0%;
    padding-top: 3%;
    font-size: 17px; 
} 
.benefit-list li{
    line-height:35px;
    list-style:none ;
    text-decoration: none
}
.benefit-list li i{
    padding-right: 2%;
    color:rgb(23, 23, 143) ;
}
.Reasons img{
    place-items: center;
    width: 100%;
}
.testimonial{
    font-family: sans-serif;
}
.linkbar h1{
    font-size: 45px;
    text-align: center;
    color:rgb(23, 23, 143);
    font-family: sans-serif;
}
.slider{
    padding-top: 2%;
    place-content: center;
    display: flex;
    gap: 40px;
}
.healthcare{

    text-align: center;
    width: 25%;
    height: 450px;
    border-radius: 5%;
    box-shadow: 0 0 1rem rgb(220, 213, 213); 
}
.heading i{ 
    font-size:15px;
    color:rgb(237, 237, 40);
}
.title{
    color: gray; 
}
.heading{
    padding-top: 15%;
    line-height: 0%;
}
.healthcare p{
    line-height: 22px;
    padding: 7%;
}
.availabilities{
    margin-top: 7%;
    background-color: rgb(217, 245, 245);
    display: flex;
    text-align: center;
    padding: 7%;
}
.availabilities img{
    margin-top: 8%;
    width: 40%;
    height: 300px;
}
.icons{
    display: flex;
    width: 100%;
    gap: 35px;
}
.icons i{
    font-size: 20px;
}
 .icons ul{
    margin: 0%;
    padding: 0%;
    line-height: 70px;
    list-style: none;
    text-decoration: none; 
}
.icons li{
    font-size: 17px;
}
.info{
    font-family: sans-serif;
    text-align:start;
    flex-wrap: wrap;
    padding-left: 2%;
}
.info h1{
    font-size: 45px;
      color:rgb(23, 23, 143) ;
}
.info p{
    line-height: 30px;
}
.specialty{
    padding: 8%;
    text-align: start;
    display: flex;
    gap: 20px;
    font-family: sans-serif;
}
.navitems h1{
    font-size: 45px;
    color:rgb(23, 23, 143) ;
}
.navitems p{
    font-size: 17px;
    margin-top: 5%;
    line-height: 30px;
}
.navitems button{
    margin-top: 2%;
    border: none;
    background-color: aquamarine;
    background-image: linear-gradient( 90deg,rgb(68, 181, 181), rgb(92, 205, 92));
    color:white;
    border-radius: 5px;
    height: 50px;
    width: 175px;
    font-size: 17px;
}
.navitems button i{
    padding-left: 5%;
}
.Mindcare{
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    font-weight: bold;
}
.medicalbilling{
    width: 100%;
    height: auto;
    display: flex;
    gap: 20px;
}
.mentalhealth{
    border: 1px solid grey;
    width: 180px;
    height: 180px;
    background-color: whitesmoke;
    font-size: 16px;
    text-align: center;
    border-radius: 20px;
    box-shadow: 0 0 1rem rgb(67, 66, 66); 
}
.mentalhealth img{
    margin-top: 28%;
    padding: 0%;
    width: 58%;
}
.behavioralhealth{
    margin-top: 5%;
    width: 100%;
    height: auto;
    display: flex;
    gap: 20px;
}
.diagnosis img{
    margin-top: 38%;
    padding: 0%;
    width: 58%;
}
.diagnosis{
    border: 1px solid grey;
    width: 180px;
    height: 200px;
    background-color: whitesmoke;
    font-size: 16px;
    text-align: center;
    border-radius: 20px; 
    box-shadow: 0 0 1rem rgb(80, 79, 79);   
}
.email{
    font-family: sans-serif;
    padding: 2px;
    height: 550px;
    display: flex;
    color: white;
    background-color: rgb(3, 3, 78);
}
.menubar{
    padding-top: 4%;
    display: flex;
    margin-left: 3%;
    gap: 50px;
}
.menubar h2{
    font-size: 21px;
}
.list-icon ul{
    margin: 0%;
    padding: 0%;
    padding-top: 3%;
    font-size: 15px;
    line-height: 0%;
} 
.list-icon li{
    line-height: 45px;
    list-style:none ;
    text-decoration: none;
    font-size: 16px;  
}
.list-icon a{
    color: white;
    text-decoration: none;
}
.logotype{
    padding-left: 4%;
    width: 28%;
}
.logotype img{
    width: 90%;
}
.logotype p{
    margin-top: 0;
    font-size: 17px;
    margin-left: 12%;
    line-height: 30px;
}
 .nav-section ul a:hover{
    color: rgb(84, 139, 84);
    cursor: pointer;
}
 .offers ul li:hover{
    color: rgb(84, 139, 84);
    cursor: pointer;
}
 .contactus ul li:hover{
    color: rgb(84, 139, 84);
    cursor: pointer;
}
.apps i{
    font-size: 20px;
    margin-top: 5%;
}
.footer-note{
    border-top:1px solid rgb(237, 225, 225);
    text-align: center;
    padding: 1%;
    color:white ;
    background-color: rgb(3, 3, 78);
}