.logo h3{
	font-size: 30px !important;  
    font-weight: 500;
}  
.nav-clr {
	align-items: center;
    background-color: #fff;
    box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.2);
    display: flex;
    height: auto;
    justify-content: space-between;
    left: 0;
    padding: 10px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 200;
}  
.nav-ul {
    list-style-type: none;
    display: flex;
    float: right; 
    padding-top: 10px;
}  
.nav-ul li { 
/*padding-top: 9px; */
    padding-left: 25px;  
    font-size: 19px; 
    font-weight: 500;
}  
.nav-ul li > a{
    color: #212529;
    text-decoration: none;  
} 

.nav-ul li > a:hover{
    color: #2195F2;
    text-decoration: none;  
    font-size: 20px; 
    font-weight: 500;  
}  
.pt-10 {
    padding-top: 10px;
} 
.pt-20 {
    padding-top: 20px;
} 
.pt-30 {
    padding-top: 30px;
} 
.pb-10{
    padding-bottom: 10px;
} 
.pb-20 {
    padding-bottom: 20px;
}  
.pb-30 {
    padding-bottom: 30px;
}    
/*@-webkit-keyframes morph {
  0% {
    border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;
  }

  50% {
    border-radius: 30% 60% 70% 40%/50% 60% 30% 60%;
  }

  to {
    border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;
  }
}*/

@keyframes morph {
  0% {
    border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;
  }

  50% {
    border-radius: 30% 60% 70% 40%/50% 60% 30% 60%;
  }

  to {
    border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;
  }
}
.profi-img {
    animation: morph 8s ease-in-out infinite;
    background-image: url(../images/p-1.avif);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 3px solid #2d2e32;
    border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;
    height: 25rem;
    position: relative;
    transition: all 1s ease-in-out;
    width: 25rem;  
    float: right;
}
.icons-img img {
    width: 90px;  
    padding-left: 35px;
} 
.card-c{
    background-color: #fff;  
    /*color: #111; */
    padding: 10px; 
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); 
    border-radius: 13px 13px 25px 13px;
}   
.icons-img-2 img {
    width: 65px;  
    padding-left: 35px;
}  
.card-c-2{
    background-color: #fff;  
    padding: 16px; 
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); 
    border-radius: 13px 13px 25px 13px;
}  
.mt-30 {
    margin-top: 30px !important;
}   


.btn{
    background-color: #FF4B00 !important;  
    color: #fff !important; 
    margin: 5px !important;  
    border: 2px solid #FF4B00; 
    box-shadow: 0px 0px 2px 0px #FF4B00;  
    border-radius: 5px !important;
}  


.button-vieww {
    background-color: #19970E !important;  
    padding: 5px; 
    text-decoration: none;  
    color: #fff !important; 
    margin: 1px !important;  
    border: 2px solid #19970E; 
    box-shadow: 0px 0px 2px 0px #19970E;  
    border-radius: 5px !important;
}  
.button-vieww:hover{
    background-color: #2195F2 !important;  
    padding: 5px; 
    text-decoration: none;  
    color: #fff !important; 
    margin: 1px !important;  
    border: 2px solid #2195F2; 
    box-shadow: 0px 0px 2px 0px #2195F2;  
    border-radius: 5px !important;
}
        .d-md-block{
            display: block;
        }       
        .d-none{
            display: block;
        }  
        .d-md-none{
            display: none;
        }       
        .d-block{
            display: none;
        }
@media only screen and (min-width:1px) and (max-width:520px){ 
        .d-md-none{
            display: block;
        }       
        .d-block{
            display: block;
        }  
        .d-md-block{
            display: none;
        }       
        .d-none{
            display: none;
        }

         .logo{
            font-size: 30px !important;  
            color: #fff !important;
        } 
        .nav-ul{
            list-style-type: none;  
            display: block;
            float: left; 
            padding-top: 25px; 
        }   

        .nav-ul li > a{
            color: #fff;
            text-decoration: none;  
        }  
        .nav-ul li > a:hover{
            color: #2195F2;
            text-decoration: none;  
            font-size: 20px; 
            font-weight: 500;  
        } 
        .nav-ul li{
            margin-top: 10px;
        }  
        .main-menu-full{
            width: 100vw;
            height: 100vh;
            position: fixed;
            left: 0;
            top: 0;
            z-index: 999999999999;
            margin: 0 !important;
            padding: 0 !important;
            background: rgba(255, 255, 255, 0.2);
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
            backdrop-filter: blur(5px);
            -webkit-backdrop-filter: blur(5px);
            display: none;
            }  


    .main-menu-container{
        width: 100vw;
        height: 100vh;
        position: fixed;
        background: #252a31;
        left: 0;
        top: 0;
        padding: 10px;
        color: white;
        /*display: none;*/
      }
.nav-clr {
    align-items: center;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.09);
    display: flex;
    height: auto;
    justify-content: space-between;
    left: 0;
    padding: 10px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 200;
}  
.profi-img {
    animation: morph 8s ease-in-out infinite;
    background-image: url(../images/p-1.avif);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 3px solid #2d2e32;
    border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;
    height: 19rem;
    position: relative;
    transition: all 1s ease-in-out;
    width: 19rem;  
    float: center;
}   
.icons-img img {
    width: 90px;  
    padding-left: 35px; 
    justify-content: center;"
}  
.pbm-20 {
    padding-bottom: 20px;  
}  
.card-c-2{
    background-color: #fff;  
    margin: 10px !important; 
    padding: 10px; 
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); 
    border-radius: 13px 13px 25px 13px;
}

}