/*header css starts*/
.quac{
    background-color: #a0f4fd; 
}
.logo-div img{
    width:100% ;
 height: auto;
    padding: 10px;
margin-left: 500px;
display: block;
}


.bk p{
   text-align: center; 
   font-size: 26px;
    font-weight: bold;
    color: #494949;
    animation: count-up 2s ease-in-out;
}

.bk {
    display: flex;
    justify-content: space-around;
    margin-top: 50px;
}



@keyframes count-up {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.1);
    }
}








.menu-div{
    padding-top:20px;
}

.nav li{
    display:inline-flex;
    padding: 10px 70px;
    }
    
    .nav li a{
    color:#0c0b0b;
    font-size:20px;
    text-align: center;
    
    
    }
    
    .nav li a:hover{
    color:#f00505;
}

    /*header css ends*/

    /*Body css starts*/

    .banner-div{
        background-image: url(/img/huho.jpeg);
        width:100%;
        height:auto;
        text-align: center;
        background-repeat: no-repeat;
 background-size: cover;
    }

    .gam{
        background-image: url(/img/jioow.jpg);
        width:100%;
        height:auto;
        text-align: center;
        background-repeat: no-repeat;
       
 
    }

        @keyframes typing {
            from { width: 0; }
            to { width: 100%; }
        }

       
        
         .typing-text{
            color:#100101;
            text-align:center;
            font-size: 80px;
            padding-top:14%;
            overflow: hidden;
            white-space: nowrap;
            animation: typing 3s steps(50, end);
        }
            
            .banner-btn{
            padding:14px 22px;
            background:#fce6ff;
            border: none;
            border-radius: 20px;
            margin-bottom:5%;
            }

            #more {display: none;}
            
            .banner-btn {
            color:#f477d9;
            font-size: 16px;
            text-decoration: none;}

            .about-img img{
                width:100%;
                height: 80%;
                padding:5px; 
                }
                .nservice{
                    padding:10px;
                    text-align: center;
                }
              .s1{
                padding:20px;
              }
              .s2{
                text-align: justify;
                
              }
              .ser3{
                padding:20px;
              }
.service-imm{
    padding:80px;
    font-size:medium;
    font-family: Arial, Helvetica, sans-serif;
    text-align:justify;
}
.hidden-divv{
    display: none;
}

:target .hidden-divv{
    display: block;
}
:target .read-more-link{
    display: none;}

    
                
                .service-img img{
                    width:80%;
                    height: auto;
                    padding:10px;
                    }

                .about-content h2{
                    font-size: 40px;
                    font-weight: bold;
                    text-align: center;
                    font-family:'Times New Roman', Times, serif;
                    }
                    .about-content p{
                    font-size: 18px;
                    padding:30px;
                    text-align: justify;
                    }
                    .im-div{
                        font-size: 30px;
                        font-style:oblique;
                        padding:5px;
                        text-align: center;
                        color:rgb(6, 117, 244);
                    }
                    .im-div p{
                      padding-top: 20px;
                    }
                    @keyframes blink {
                        0% { opacity: 1; }
                        50% { opacity: 0; }
                        100% { opacity: 1; }
                    }
            
                    .blinking-text {
                        animation: blink 2s infinite;
                    }	

                    .im-row{
                        font-size: 12px;
                        padding:10px;
                        text-align: justify;
                    }
                    
                    .body-form{
                        width:220px;
                        border:4px solid #58eef6;
                        background-color: #a0f4fd;
                        padding:20px;
                        border-radius: 10px;
                        margin-left: 150px;
                        margin-top: 5%;
                       
                        text-align: center;  
                    }

                    
                    .pg-subc{
                      
                        font-style:oblique;
                        font-size: 20px;
                        text-align: center;
                    }
                    

                    .btn-s{padding:14px 22px;
            background:#fce6ff;
            border: none;
            border-radius: 10px;
                    }

                    .join-div{
text-align: center;
                    }

                    .join-div img{
                        text-align: center;
                        width: 300px;
                        height: auto;
                                            }

                    .join-row{
margin-left:32% ;
                    }

                    .banner-divv{
                        background-image: url(/img/term.png);
                        width:100%;
                        height:450px;
                        text-align: center;
                    }

                        .pal{
                            text-align: justify;
                        }
.table-box{
    width:500px;
    border:2px solid #cbf6f9;
    background-color: #f6f6f6;
    padding:5px;
    border-radius: 10px;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 20px;
  text-align: justify;
   
   
}

#gig{
    margin-left: 30%;
}
                        
    /*Body css ends*/

 /*Privacy css starts*/
.prv h1{
    text-align: center;
}

   .banner-pri img{
    width: 50%;
    margin-left: 25%;  
 }
/*Privacy css ends*/

/*Cardic css starts*/
.cardic h2{
    text-align: center; 
}
.cardic p{
    text-align: justify;
    font-size:medium;
    font-family: Arial, Helvetica, sans-serif;
    padding:30px;
}
.cardicc img{
    width:50%;
    margin-left: 20%;
}
.sy{
    text-align: center; 
    color: #ca1025;
}
.car-syt img{
    width:50%;
    margin-left: 25%;
    margin-top: 10%;
}
.cardiccs{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;

}
table {
    border-collapse: collapse;
    width: 80%;
    margin: 20px;
}

th, td {
    border: 1px solid #ddd;
    padding: 15px;
    text-align: center;
}
/*Cardic css ends*/
/*Ortho css starts*/
.orthi img{
    width:70%;
    margin-left: 20%;
}
.seothr img{
    width:70%;
    margin-left: 25%;
    margin-top: 10%;
}
    /*Ortho css ends*/
    /*Neph css starts*/

    .neph h3{
        padding:30px;
text-align: justify; 
    }
    .neph p{
        text-align: justify;
    font-size:medium;
    font-family: Arial, Helvetica, sans-serif;
    padding:30px;
    }
    .ne{
        text-align: center;
    }
    .nephre img{
width: 80%;
    }
   /*Neph css ends*/
  /*ELEMENT css starts*/
  .apo{
    text-align: center;
  }
    .proc{
        text-align: center;
    }
      /*ELEMENT css ends*/

    /*Footer css starts*/
    .footer-div{
        background-color: #a0f4fd; 
    }
        
        
        .footer-row{
        padding:1px;}
        
        
        .footr-left{
        text-align:left;
        }
        
        
        .dropdown
        {
        padding:10px;
        margin: 10px;
        }
       

        .dropdown-ft-r li a{
            color: #ca1025 ;
            scroll-padding-right: 5%;
            font-size: small;
            }
        
        .footer-gallery h2{
        color: #090909;
        text-align: center;
        }
        
        .footr-c{
        text-align:center;
        }

        
        .foot-gi{
            margin-left: 110px;
        }


        .carousel-item {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #dddcdc;
            display: flex;
            align-items: center;
            justify-content: center;
          
           
        }
    
        .ca1{
            max-width: 600px;
            padding: 20px;
            background-color: rgb(203, 201, 201);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            border-radius: 20px;
            border:2px solid #000000;
        
            text-align: center;
            margin-left: 8%;
            margin-top: 2%;
            margin-bottom: 1%;
        }
    
        .ca2{
            max-width: 600px;
            padding: 20px;
            background-color: rgb(188, 187, 187);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            border-radius: 20px;
            border:2px solid #000000;
        
            text-align: center;
            margin-left: 50%;
            margin-bottom: 1%;
            
        }
        .ca3{
            max-width: 600px;
            padding: 20px;
            background-color: rgb(203, 201, 201);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            border-radius: 20px;
            border:2px solid #000000;
        
            text-align: center;
            margin-left: 8%;
            margin-bottom: 1%;
            
        }
        .ca4{
            max-width: 600px;
            padding: 20px;
            background-color: rgb(188, 187, 187);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            border-radius: 20px;
            border:2px solid #000000;
        
            text-align: center;
            margin-left: 50%;
            margin-bottom: 2%;
        }
    
        .quote-text {
            font-size: 18px;
            margin-bottom: 10px;
        }
    
        .quote-author {
            font-style: italic;
            color: #555;
        }
        
     /*Footer css ends*/
     @media screen and (max-width:800px){
        .nav li{
        display: block;
        }
        .right-login{
        padding-left:20;
        }
        .logo-div img{
            text-align: left;
            margin-left:5px;
        }
        .body-form{
            
            margin-left: 20px;
            
        }
        .body-form{
            width:50%;
            border:4px solid #58eef6;
            background-color: #a0f4fd;
            padding:20px;
            border-radius: 10px;
            margin-left: 150px;
            margin-top: 5px;
           
            text-align: center;  
        }
        .about-img iframe{
            width:93%; 
            height: 80%;
            padding:5px;    
            }
            .table-box {
                width: 420px;
            }
           .required email{
               
                width: 20px !important;

            }
            #mc-embedded-subscribe{
                margin-left: 10% !important;
            }

            .typing-text {
                color: #100101;
                text-align: center;
                font-size: 50px;
                padding-top: 50%;
                overflow: hidden;
                white-space: nowrap;
                animation: typing 3s steps(50, end);
            }
            @keyframes typing {
                from { width: 0; }
                to { width: 100%; }
            }
            /*Cardic css starts*/
    .cardicc img{
        width: 50%;
    }
    th, td {
        border: 1px solid #ddd;
        padding: 10px;
        text-align: center;
    }

    /*Cardic css ends*/

        }