.card{
                border-radius: 4px;
               
               
                box-shadow: 0 10px 20px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
                  transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
              
              cursor: pointer;
              
            }
            
            .card:hover{
              transform: scale(1.10);
              box-shadow: 0 10px 20px rgba(22, 156, 173, 0.12), 0 4px 8px rgba(0,0,0,.06);
              background: rgb(171, 190, 199);
            }
            .myhover{
              transform: scale(1.10);
             

            }
            .dropdown-content {
              display: none;
              position: absolute;
                right: 0;
                padding-top: 0%;
                padding-bottom: 0%;
                width: 10.5rem;
                height: auto;
            
            
                background-color: aliceblue;
                overflow: hidden;
                border-radius: 2rem;
            
                border: 0.1rem solid #edede6;
                
                font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
                font-size: medium;
            }
            .btn-outline-1{
              border: 0.15rem solid rgb(224, 206, 177);
              background-color: aliceblue;
              width: 10rem;
              
              height: 1.8rem;
              border-radius: 0.7rem;
              font-size: 0.9rem;
              padding-top: 0.15rem;
            }
            .btn-outline-2{
              border: 0.15rem solid rgb(165, 202, 173);
              background-color: aliceblue;
              width: 10rem;
              height: 1.8rem;
              
              border-radius: 0.7rem;
              font-size: 0.9rem;
              padding-top: 0.15rem;
            }
            .btn-outline-5{
              border: 0.15rem solid rgb(157, 162, 236);
              background-color: rgb(237, 243, 248);
              width: 10rem;
              border-radius: 0.7rem;
              height: 1.8rem;
              font-size: 0.9rem;
            }
            .btn-outline-3{
              border: 0.15rem solid rgb(15, 15, 15);
              background-color: aliceblue;
              width: 5rem;
              border-radius: 0.7rem;
              height: 1.8rem;
              font-size: 0.9rem;
              padding-top: 0.15rem;
            }
           
            .btn-outline-4{
              border: 0.15rem solid rgb(141, 63, 73);
              background-color: aliceblue;
              width: 5rem;
              border-radius: 0.7rem;
              height: 1.8rem;
              font-size: 0.9rem;
              padding-top: 0.15rem;
              
            }
           
            .btn-outline-6{
              border: 0.15rem solid rgb(224, 206, 177);
              background-color: aliceblue;
              width: 5rem;
              text-align: center;
              height: 1.8rem;
              border-radius: 0.7rem;
              font-size: 0.9rem;
              padding-top: 0.15rem;
              color: black;
            }
            .btn-outline-7{
              border: 0.15rem solid rgb(165, 202, 173);
              background-color: aliceblue;
              width: 5rem;
              height: 1.8rem;
              text-align: center;
              border-radius: 0.7rem;
              font-size: 0.9rem;
              padding-top: 0.15rem;
              color: black;
            }
            .btn-outline-8{
              border: 0.15rem solid rgb(162, 164, 175);
              background-color: aliceblue;
              width: 5rem;
              border-radius: 0.7rem;
              height: 1.8rem;
              font-size: 0.9rem;
              text-align: center;
              padding-top: 0.15rem;
              color: black;
            }
            .socialicon{
              border: 0.1rem;
              border-radius: 0.5rem;
              width: 2rem;
              height: 2rem;
              
            }
            .font1{
              font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
              font-size: 1.1rem;
              
              
            }
            .font2{
              font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
              font-size: 1rem;
              
            }
            .font3{
              font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
              font-size: small;
              
            }
            .btnwidth1{
              max-width: 8rem;
              
            }
            .textsetting{
              text-align: justify;
              text-justify: inter-word;
              
            }
  
                /* Show it is fixed to the top */
            body {
              min-height: 75rem;
              padding-top: 4.5rem;
            }
           
            .message{
              text-align: justify;
              padding-top: 0px;
              padding-left: 0px;
            }
            .cardht{
              height: 35vh;
            }
            .px-6{
              padding-left: 5rem;
              padding-right: 5rem;
            }
            .image1{
              width: 22.5rem;
              height: 25rem;
            }
            @media only screen and (min-width: 768px){
              .image1{
                width: 33rem;
                height: 22.5rem;
              }
            }
            @media only screen and (min-width: 768px){
              .form_width{
                width: 30rem;
               
              }
            }
            @media only screen and (min-width: 768px){
              prog_width{
                margin-left: 40px;
               
              }
            }