@media(max-width:667px){
    .text{
       font-size: 15px;
    }
}
@media(min-width:668px){
    .text{
      font-size: 18px;

    }
}
@media(min-width:927px){
    .text{
      font-size: 22px;

    }
}
@media(min-width:1200px){
    .text{
      font-size: 25px;

    }
}

@media(max-width:667px){
    .img{
       height: 250px;
       width: 100%;
    }
}

@media(max-width:667px){
    .pa{
       font-size: 5px;
    }
}
.con{
  height: 600px;
  width: 50%;
  /* background-color; */
  float: left;
  margin-top: 40px;
}
.con1{
  height: 600px;
  width: 50%;
  /* background-color: rgb(46, 226, 43); */
  float: left;
  margin-top: 40px;
}

.con2{
  height:500px ;
  width: 65%;
  background-color:rgb(209, 206, 213);
  margin-left: 10px;
}

.backimage{
  height: 650px;
  width:100%;
  margin-left: 100px;
  background-image:url('./img/back1.JPG');
  background-repeat: no-repeat;


}
.backimage1{
  height: 630px;
  width:100%;
  margin-left: 100px;
  background-image:url('./img/back3.png');
  background-repeat: no-repeat;
 
}







/* .card-body:hover{
  background-color:rgb(40, 11, 228);
} */

.icon{
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 0px;
 background-color: white;
  /* width: 150px; */
}

.ho{
  color:  #0D5496;
  /* font-size: 15px; */
} 
/* .ho {
  transition: 0.5s all ease-in-out;
}

.ho:hover {
  transform: scale(1.5);
} */


/* 


@media(max-width:667px){
  .text1{
     font-size: 8px;
  }
}
@media(min-width:668px){
  .text1{
    font-size: 12px;

  }
}
@media(min-width:927px){
  .text1{
    font-size: 14px;

  }
}
@media(min-width:1200px){
  .text1{
    font-size: 16px;

  }
}

.le{
  margin-left: 0px;
  margin-top: 60px;
}

@media(max-width:667px){
  .text2{
     font-size: 24px;
  }
}
@media(min-width:668px){
  .text2{
    font-size: 22px;

  }
}
@media(min-width:927px){
  .text2{
    font-size: 30px;

  }
}
@media(min-width:1200px){
  .text2{
    font-size: 40px;

  }
}
/* logo */

@media(max-width:667px){
  .backimage12{
height: 300px;
width: 300px;
}
}
@media(min-width:668px){
  .text2{
    font-size: 22px;

  }
}
@media(min-width:927px){
  .text2{
    font-size: 30px;

  }
}
@media(min-width:1200px){
  .text2{
    font-size: 40px;

  }
}




.background_prop{
  height: 700px;
  width:100%;
  padding: 30px;
  /* margin-left: 70px; */
  background-image:url('prod.jpg');
   /* background-repeat: repeat-x;
  background-repeat: repeat-y;
  background-repeat: no-repeat;
  background-size: 100px 100px;
  background-position: top left;
   background-position: top right; 
  background-position: top center;
  background-position: center left;
  background-position: center center;
  background-position: center right;
  background-position: bottom right;
  background-position: bottom center;
  background-position: bottom left;  */
  /* background-position: 300px 300px;  */
   background-size: 100% 100%;
  /* background-attachment: fixed; */
  /* float:left;  */
}
h4{
  color: #0D5496;
}
.heart {
           
            animation: beat .25s infinite alternate;
            transform-origin: center;
          }
          @keyframes beat{
            to { transform: scale(1.1); }
          }


          .navbar li a:hover {
            transform: scale(1.1); 
            transition: transform 0.3s;
          }
          .navbar li a:active {
            transform: scale(1.2); 
          }

/* .nav-link :hover{
  transform: scale(1.3); 
  transition: transform 0.3s;
}

.nav-link:active {
  transform: scale(1.1); 
} 
   */

  .dropdown-item{
     color: #0D5496;
      font-size: 15px;

 }

 .ho{
  color: #0D5496;
  font-size: 17px;
 }

 .navbar li a {
  color: #0D5496;

}


/* Dropdown Button */
/* .dropbtn {
  background-color: #04AA6D;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
} */

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  /* background-color: #f1f1f1;
  min-width: 160px; */
  /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  /* color: black; */
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
/* .dropdown-content a:hover {background-color: #ddd;} */

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
/* .dropdown:hover .dropbtn {background-color: #3e8e41;} */