*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    font-family: Lucida Sans;
    text-decoration: none;
 
}
body{
    width: 100%;
    height: auto;
    scroll-behavior: smooth;
}
html{
  scroll-behavior: smooth;
}
#google_translate_element{
  margin-top: 10px;
  margin-left: 15px;
}
.goog-te-banner-frame {
  display: none !important;
  z-index: 0;
}
a{
    text-decoration: none;
}
.my_navbar{
  height: 60px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.733);  
  position: sticky;
  top: 0px;
  z-index: 1000;
  background-color: rgba(168, 26, 26, 0.944);
}
.logo_text_container{
  display: flex;
  flex-grow: 2;
  justify-content: flex-start;
  
}


.logos{
  color: rgb(255, 255, 255);
  font-size: 18px;
}

.navbar_logo_imgs{
  display: flex;
  margin-left: 40px;
  cursor: pointer;
  text-decoration: none;
}
.navbar_logo_imgs h2{
  font-size: 26px;
}
.navbar_logo_imgs p{
  color: white;
  font-size: 14px;
  margin-left: 4px;
  padding-top: 3px;
}

.menu_list_container{
  flex-grow: 4;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media(max-width:640px){
  .navbar_logo_imgs h1{
    font-size: 24px;
  }
  .navbar_logo_imgs p{
    color: white;
    font-size: 12px;
   
  }
}
.menu_list_container ul{
  display: flex;
  justify-content:space-evenly;
  width: 100%;
 
}
.menu_list_container ul .list_items{
  display: flex;
  margin: 5px;

}
.menu_list_container ul .list_items a{
  display: flex;
  font-size: 13px;
  margin-left: 4px;
  color: rgb(255, 255, 255);
  max-width: 100%; 
  transition: all 0.3s;
  padding: 1px 2px;
 
}

.menu_list_container ul .list_items .active{
transform: scale(1.1);

border-bottom: 2px solid white;
color: white;
font-weight: 400;
}
.menu_list_container ul .list_items a:hover{
  transform: scale(1.1);
  border-bottom: 2px solid white;
  color: white;
  font-weight: 400;
}
.menu_list .list_item .crossbar{
display: none;
position: absolute;
}

i{margin-right: 20px;
  cursor: pointer;
  height: 40px;
  width: 40px;
}
.menu{
  display: none;
}
@media (min-width:770px){

  .list_item {
    display: none;
  }
}

@media (max-width:770px){
  .logo_text_container{
   font-size: 15px;
   margin-left: 0;
  }
  .menu_list_container ul .list_items a{
      font-size: 14px;
    }
    .menu_list .list_item .crossbar{
      display: none;
    }
}
@media (max-width:640px){
  .navbar_logo_imgs{
    margin-left: 10px;
  }
}

  
@media(max-width:830px){ 

 
  .menu_list .list_item .crossbar{
     display: flex;
    position: absolute;
    top: 20px;
    left: 20px;
  }
  
.menu_list_container{
position:fixed;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
top: 0px;
width: 100%;
height: 100vh;
right: -120%;
background: rgba(0, 0, 0, 0.907);
transition: 0.7s ease-in-out;     
}   
  .menu_list_container ul{
       justify-content:center;
       flex-direction: column;
       align-items: center;
      
  }
  .menu_list_container ul .list_items a{
     margin-bottom: 30px;
      color: white;
  }
  .menu{
      display: none;
  }
  .my_navbar #chk1:checked ~ .menu_list_container {
    right: 0;
  }
}

@media (max-width:825px) {
   .menu_list .list_items .list_item_name{
      font-size: 12px;
   }
   .signup_text, .login_text{
      font-size: 12px;
   }
  }

  /* ////////////serach  container///////////////////////////////////// */

  .search_form {
    flex-grow: 2;
    display: flex;
    justify-content: center;
  
  }
  .search_form form {
    display: flex;
    justify-content: center;
    align-items: center;
   
    
  }
  .search_form form input{
   min-width:100px;
   max-width: 150px;
   border: none;
   outline: 1px solid rgb(219, 16, 16);
   border-radius: 3px;
   background-color: rgba(255, 0, 0, 0.229);
   height: 20px;
   color: rgb(255, 255, 255);
   padding-left: 5px;
  }
  .search_form form input::placeholder{
    font-family: system-ui;
    color: rgba(255, 255, 255, 0.513);
    font-size: 12px;
  }
  .search_form form label{
    align-self: center;
    margin-top: 4px;
    margin-left: 4px;
    cursor: pointer;
  }
  .search_form button{
    background-color:  rgba(168, 26, 26, 0.944);
    border: none;
    outline: none;
    cursor: pointer;
  }
  form #search-err{
    position: absolute;
    color: white;
    font-size: 11px;
    top:2px;
    z-index: -1; 
    font-family: system-ui;
  }
  form #submit-err{
    position: absolute;
    color: white;
    font-size: 11px;
    bottom:5px;
    z-index: -1;
    font-family: system-ui;
  }
 /* ///////////////breadcrumb container //////////////////// */

 .breadCrumb_navigation{
  width: 100%;
  height: auto;
  display: flex;
  margin-top: 5px; 
  padding: 5px 10px 8px 10px;
  flex-wrap: wrap;
 }
 @media(max-width:640px){
   .breadCrumb_navigation{
    padding: 5px 10px 1px 10px;
   }
 }
 .breadCrumb_navigation div{
  font-family: system-ui;
  margin-left: 4px;
  font-size: 18px;
  flex-basis: 1;
 
 }
 @media(max-width:640px){
  .breadCrumb_navigation div{
    margin-bottom: 10px;
    font-size: 14px;
  }
}

 .breadCrumb_navigation div a{
  font-family: system-ui;
  margin-bottom: 5px;
 }
 .breadCrumb_navigation a.bactive{
  padding: 2px 5px;
  border-radius: 3px;
  color: rgba(72, 72, 72, 0.764);
  background-color:rgb(191, 255, 197);

 }
 .breadCrumb_navigation a.bactive:hover{
     text-decoration: underline;
 }
 
 .breadCrumb_navigation a.bdis{
  padding: 2px 5px;
  border-radius: 3px;
  color: rgb(224, 224, 224);

  background-color: rgba(168, 26, 26, 0.944);

 }
 @media(max-width:780px){
     .breadCrumb_navigation{
      display: flex;
     }
 }

  /* ///////////////page container //////////////////// */
  .page_container{
    margin-top: 5px;
    display: flex;
    flex-wrap: wrap;
  
  }
  .page_container div{
    margin-bottom: 10px;
  }
  .add_container{
    flex-basis: 20%;
  
  }
  .content_container{
    flex-basis: 60%;
  }
  .content_container div h3{
    font-family: Lucida Sans;
    padding: 5px 10px;
    font-size: 26px;
  }
  @media(max-width:640px){
    .content_container div h3{
      font-family: Lucida Sans;
      padding: 5px 10px;
      font-size: 18px;
    }
  }
  .content_container div img{
    width: 100%;
    padding: 5px;
  }
  .content_container div .para_credits{
    font-size: 10px;
    font-family: system-ui;
    margin-top: -5px;
    color: grey;
    padding: 5px;
  }
  .content_container div .para_content{
    font-family: system-ui;
    padding: 5px 15px;
    text-align: justify;
    font-weight: 500;
    font-size: 16px;

  }
  .content_container div .adds{
    width: 100%;
    height: auto;
    margin: 5px 0;
    outline: 1px solid rgba(128, 128, 128, 0.333);
    padding: 5px;
  }

  .gotowebsite{
    display: flex;
    
    justify-content: center;
    align-items: center;

  }
  .gotowebsite #btn_para{
     background-color: rgb(120, 255, 105);
     color: rgb(0, 42, 255);
     padding: 5px 10px;
     font-family: system-ui;
     border-radius: 4px;
     box-shadow:1px 1px 5px grey;
     
  }
  .gotowebsite #btn_para:hover{
      background-color: rgb(0, 160, 0);
      color: white;
  }
  
  @media(max-width:640px){
    .gotowebsite{
      display: flex;
      flex-direction: column;
      
    }
    .gotowebsite p{
      width: 100%;
      padding-left: 30px;
    }
   .gotowebsite #btn_para{
    align-self: center;
   }
  }

  @media(max-width:780px){
    .page_container{
      display: block;
      margin-top: 5px;
    }
    
  .content_container div .para_content{
  font-size: 14px;
  }
  .add1{
    display: none;
  }
  
  }

/* //////////pagination/////// */

.page_info{
  margin-top: 10px;
  background-color: rgb(255, 255, 144);
  position: relative;
   font-size: 13px;
  padding: 5px 20px;
  color: rgb(98, 98, 98);
  font-family: system-ui;
 
}

.pagination{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
  margin: 20px 0px;
}
.pagination a {
background-color:rgb(255, 255, 255);
padding: 2px 6px;
font-family: system-ui;
color:rgba(0, 0, 57, 0.653);
font-size: 14px;
border: 1px solid rgba(0, 0, 0, 0.478);
margin-bottom: 3px;
}
.pagination a:hover{
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0.802);
  transition: all 0.3s ease-in-out;
  box-shadow: 1px 1px 2px rgba(0, 0, 156, 0.529);
}
.pagination .page_numbers{
  margin: 5px;
}
.pagination .page_numbers a {
  text-decoration: none;
  border: 1px solid rgba(86, 86, 255, 0.566);
  padding: 1px 5px;
  font-family: system-ui;
  color:rgb(0, 0, 57);
  background-color: rgb(230, 230, 255);
  border-radius: 3px;
  margin-bottom: 3px;
}
.pagination .page_numbers a.active{
  background-color: rgba(0, 0, 205, 0.686);
  color: white;
  border: thin solid grey;
}
/*  /////////////more news container ///////// */

.more_news_container{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;  
  border-radius: 5px;
  padding-top: 40px;
  margin-bottom: 50px;
  flex-wrap: wrap;
  
}
.more_news_container h4{
  text-align: start;
  padding-left: 30px;
  font-size: 20px;
  margin-bottom: 30px; 
  width: 100%;
}
.more_news{
  display: flex;
  justify-content: center;
  width: 40%;
  padding: 5px;
  margin-bottom: 25px;
  outline: 1px solid rgba(0, 0, 0, 0.126);
}
.more_news:hover{
  transition: all 0.2s ease-in-out;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.276);
}
.more_news .image_container{
  width: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
 
}
.more_news .image_container img{
  width: 100%;

  object-fit: cover;
}
.more_news .headline_and_buton{
  width: 70%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding-left: 15px;
  padding-top: 10px;
}
.headline_and_buton h6{
  font-family: Lucida Sans;
  font-size: 16px;
margin-bottom: 10px;

}
.headline_and_buton a{
  font-family: system-ui;
  background:linear-gradient(45deg,darkblue,blue);
  width: max-content;
  padding: 3px 7px;
  color: white;
  border-radius: 3px;
  margin-bottom: 5px;
}

@media(max-width:780px){
  .more_news_container{
    display: flex;
    justify-content:center;
    flex-wrap: wrap;
  }
  .more_news{
    width: 90%;
  }
  .headline_and_buton h6{
    font-family: Lucida Sans;
    font-size: 12px;
    padding: 10px 0;
  }
  
.headline_and_buton a{
  font-size: 12px;
}
}

hr{
  margin-top: 10px;
  margin-bottom: 5px;
  color: rgba(150, 13, 13, 0.831);
} 
/* //////////////footer ////////////////// */

.footer{
  display: flex;
  background-color: rgba(0, 0, 0, 0.839);
  padding: 20px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.footer .footer_elments{
  padding: 10px;
  flex-basis: 1;
  
}
.footer .footer_elments a{
  color:rgb(205, 205, 205);
  font-family: system-ui;
  font-size: 14px;
}
.footer .footer_elments a:hover{
  text-decoration: underline;
  color: white;
}
@media (max-width:750px){
   
.footer{
  display: flex;
  flex-direction:column;
  padding: 20px;
  justify-content: center;
  align-items: center;
}
}
.all_rights_reserv{
  display: flex;
  flex-direction:column;
  padding: 10px;
  justify-content: center;
  align-items: center; 
  background-color: rgba(0, 0, 0, 0.909);
  color:rgb(144, 143, 143);
 
}
.all_rights_reserv p{
  font-family: system-ui;
  font-weight: normal;
  font-size: 12px;
}
.policy{
  display: flex;
  background-color: rgba(0, 0, 0, 0.881);
  color: white;
  font-family: system-ui;
  justify-content: space-evenly;
  padding: 15px;
}
.fpolicy a{
  color: orangered;
  font-family: system-ui;
  font-size: 15px;
  padding: 5px;
}
@media(max-width:640px){
   .policy{
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center; 
   }
   .fpolicy{
    margin: 5px;
   }
}



/*/////////// animation for cards ///////*/

.slideUp{
  opacity: 0;
  transform: translateY(50px);
  transition: transform 1s ease-in-out, opacity 0.8s ease-in-out;
}
.slideDown{
  opacity: 0;
  transform: translateY(-100px);
  transition: transform 1s ease-in-out, opacity 0.8s ease-in-out;
}
.slideInLeft{
  opacity: 0;
  transform: translateX(-100px);
  transition: transform 1s ease-in-out, opacity 0.8s ease-in-out;
}
.slideInRight{
  opacity: 0;
  transform: translateX(100px);
  transition: transform 1s ease-in-out, opacity 0.8s ease-in-out;
}
.zoomOut{
  opacity: 0;
  transform: scale(1);
  transition: transform 1s ease-in-out, opacity 0.6 ease-in-out;
}


.zoom-in{
  opacity: 1;
  transform: scale(1);
}


/* //////////////////// comment us ////////////////////////// */

.enquiry_container{
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;

  padding: 20px;
  margin-top: 50px;
  margin-bottom: 50px;
 
}

@media(max-width:780px){
  
}
.enquiry_container h5{
  font-weight: 800;
  position: relative;
  margin-bottom: 25px;
  color: transparent;
  background:linear-gradient(to right,rgb(255, 83, 15),rgb(1, 117, 249));
  background-clip: text
}


.enquiry_container h5::after{
  content: "";
  height: 3px;
  width: 100%;
  background: linear-gradient(to right,rgb(0, 47, 255),rgb(255, 51, 0));
  position: absolute;
  border-radius: 50px;
  bottom: -6px;
  left: 0;
}

.contact_inputs{
 width: 100%;
 max-width: 600px;
 min-width: 350px;
 border: none;
 outline: 1px solid rgba(0, 19, 66, 0.642);
 height: 30px;
 padding-left: 10px;
 font-weight: 400;
 border-radius: 5px;
 background-color: rgba(255, 255, 255, 0.827);
 margin: 5px;
}
.enquiry_container textarea{
  width: 100%;
 border: none;
 outline: 1px solid rgba(0, 0, 0, 0.642);
 padding-left: 10px;
 font-weight: 400;
 border-radius: 6px;
 margin: 5px;
 background-color: rgba(255, 255, 255, 0.827);
}
.contact_inputs:focus{
  outline: 4px solid rgb(147, 228, 81);
 
}

.enquiry_container input::placeholder{
  color: rgb(165, 165, 165);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 14px;
}
.enquiry_container .button{
  width: 100%;
  height: 30px;
  border-radius: 8px;
  border: none;
  margin-top: 10px;
  font-family: Lucida Sans;
  text-transform: uppercase;
  font-weight: 800;
  background: linear-gradient(135deg, rgb(255, 72, 0), rgb(60, 0, 255));
  color: white;
  cursor: pointer;
  transition: transform 0.5s ease-in-out;

}
.enquiry_container .button:hover{
  transform: translateY(-5px);
  background: linear-gradient(135deg, rgb(60, 0, 255), rgb(255, 72, 0));
 font-weight: bolder;
 height: 35px;
}

.valid{
  display: flex;
  position: relative;
}
.valid span{
  position:  absolute;
  font-size: 13px;
  right: 10px;
  color:#f12400;
  bottom:20%;
  font-family: system-ui;
  
}
.valid #submit-error{
  position:  absolute;
  font-size: 13px;
  right: 20px;
  color:#f12400;
  bottom:-25%;
  padding: 2px;
  border-radius: 10px;
  font-family: system-ui;
  
}

h4{
  padding-left: 5%;
}
.fetch_comment_container{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  
  margin-bottom: 20px;
  margin-top: 10px;
  outline: #f124002f 2px solid;
  height: 250px;
  overflow: scroll;
}
.comment_frame{
  width: 70%;
  background-color: #04ff0010;
  padding: 5px;
  margin-bottom: 5px;
  margin-top: 5px;
  border-radius: 5px;
  border: 2px solid #14f10059;
}
.name_email_container{
  display: flex;
  
}
.name_continer{
 width: 50%;
 font-family: system-ui;
 padding-left: 10px;
 padding-bottom: 3px;
 border-right: #14f10059 3px solid;
 font-size: 15px;
}
.email_continer{
  width: 50%;
  font-family: system-ui;
  padding-left: 10px;
 padding-bottom: 3px;

 font-size: 15px;
}
.comment_container{
  font-family: system-ui;
  padding-top: 2px;
  text-align: justify;
  border-top: #14f10059 3px solid;
  font-size: 15px;
  padding-left: 10px;
  padding-right: 10px;
}
@media(max-width:660px){
  .comment_frame{
    width: 90%;
  }
}

marquee{
  margin-top: 5px;
  background-color: yellow;
  padding-top: 5px;
  padding: 5px;
}
.dwnld_image{
  display: flex;
  flex-direction: column;
 
 
}
.dwnld_image label{
  width: max-content;
  display: flex;
  justify-content: flex-start;
}
.dwnld_image #dnImage{
  width: 250px;
  height: 300px;
  align-self: center;
  border: 2px solid rgba(0, 128, 0, 0.264);
  border-radius: 5px;
  margin: 5px 0;
}
.dwnld_image a{ 
 align-self: center; 
 background: linear-gradient(45deg,rgb(193, 0, 0),darkblue);
 padding: 5px 10px;
 color: white;
 font-family: system-ui;
 border-radius: 5px;
 margin: 5px;
 box-shadow:1px 1px 5px black;
}