:root {
        /* --h1-desktop: 35px;
        --h2-desktop: 32px;
        --h3-desktop: 28px;
        --h4-desktop: 24px;
        --h5-desktop: 20px;
        --normal-text-desktop: 17px; */
        --scale-mobile: 0.8;
        /* --dynamic-font-family: Verdana, Helvetica, Arial, Lucida, sans-serif; */
        
    }	 
    html, body {
    font-family: var(--dynamic-font-family) !important;
    }
    .container{
	line-height: 1.7em;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    color: #000000;
    /* font-family: 'Verdana',Helvetica,Arial,Lucida,sans-serif; */
    -webkit-text-size-adjust: 100%;
    font-size: var(--normal-text-desktop) !important;
  
    }
    .card{
    line-height: 1.7em;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    color: #000000;
    /* font-family: 'Verdana',Helvetica,Arial,Lucida,sans-serif; */
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    display: block;
			}
			
	.body{
	   line-height: 1.7em;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    /* color: red; */
    /* font-family: 'Verdana',Helvetica,Arial,Lucida,sans-serif !important; */
    box-sizing: border-box;
    margin: 0;
    padding:50px;
    border: 0;
    outline: 0;
    font-size: 17px !important;
    -webkit-text-size-adjust: 100%;
    vertical-align: baseline;
    background: 0 0;
    padding-top: 40px;
    margin-top: -40px;
	line-height:1.8;
   }
   img{
	   max-width: 100%;
	   
   }
   .underline-on-hover:hover {
    text-decoration: underline;
    }

    

    h1 { font-size: var(--h1-desktop) !important; }
    h2 { font-size: var(--h2-desktop) !important; }
    h3 { font-size: var(--h3-desktop) !important; }
    h4 { font-size: var(--h4-desktop) !important; }
    h5 { font-size: var(--h5-desktop) !important; }


 

@media (max-width: 576px) {
    h1 { font-size: calc(var(--h1-desktop) * var(--scale-mobile)) !important; }
    h2 { font-size: calc(var(--h2-desktop) * var(--scale-mobile)) !important; }
    h3 { font-size: calc(var(--h3-desktop) * var(--scale-mobile)) !important; }
    h4 { font-size: calc(var(--h4-desktop) * var(--scale-mobile)) !important; }
    h5 { font-size: calc(var(--h5-desktop) * var(--scale-mobile)) !important; }
} 

 .card-blog-img{
        aspect-ratio: 4 / 2.5; 
        min-height: 200px;
        width: 100%;
        max-height: 300px;
        border-radius: 0.5rem;
        object-position: center;
        display: block;
        
    }