#header{
    background:linear-gradient(rgba(51, 80, 51, 0.582),rgba(2, 95, 2, 0.603)),
    url('../img/project_1.jpg') no-repeat; background-size: cover; height:500px;width: 100%;

}

.blog_head_container{
    margin-top: 5em;
}
 
.blog_head{
    color: white;
    font-weight: 700;
    font-size: 60px;
    
    text-align: center;
    
    }
.welcome_text{
    font-size: 15px;
    color: white;
}
    
    #main_books_desc{
    color: #fff;
    font-weight: 500;
    font-size: 24px;
    
    text-align: center;
    
    }
    
.text_label{
    font-size: 13px;
    color: var(--green-color);   
}

    .img_animation{
        transition: 2s linear;
        cursor: pointer;
       
    }
    .img_animation:hover{
        transform: scale(0.9);  
    }
    

#search_modal{
    margin-top: 8em;
    padding: 15px;
   opacity: 0.9;
   backdrop-filter: blur(4px);


}
    

    
.soon_text{
    font-size: 20px;
   
    color: white;

}


.index-about-us{
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600;
    color: rgba(12, 116, 43, 0.979);

}
.index-about-head{
   
    color: gray;
    font-size: 15px;
}

.index-about-text{
   
    font-size: 15px;

}
.about_img_con{
    border-top:3px dashed  lightgreen ;
    border-left:3px dashed  lightgreen ;
    box-shadow: 0px 5px 10px rgb(206, 248, 206) ;
    padding: 15px;
}
.about_cont_head{
   
    color: black;
    font-size: 20px;
}
.about_con_link_text{
    color:rgb(12, 116, 43);
    padding: 5px 10px;
    border-bottom: 3px solid rgb(12, 116, 43);
   
    font-size: 15px;
    margin-right: 10px;
    cursor: pointer;
    
}
.about_con_link_text:hover{
    color:lightgreen;
    border-bottom: 3px solid lightgreen;
   
    font-size: 18px;
}

.about_con_text_italy{
   
    font-size: 15px;
    color: black;
    font-style: italic;
    font-weight: lighter;
}
.about_con_text_head{
   
    font-size: 17px;
    color: rgb(12, 116, 43);
    font-weight: 600;
}
.about_con_text{
   
    font-size: 15px;

}
.action_container{
    background-color: rgb(27, 36, 50,0.3);
    border-radius: 10px;
    padding: 10px;
    
}
.action_head{
    font-size: 40px;
   
    color: rgb(12, 116, 43);
    text-align: left;
  
    font-weight: 800;

}
.action_text{
   
    color: black;
    font-size: 15px;
    
}

.action_btn{
    background-color: rgb(12, 116, 43);
    color: white;
    font-size: 13px;
    padding: 8px 15px;
    border: 1px solid white;
    outline: 1px rgb(12, 116, 43);
    cursor: pointer;
    border-radius: 8px;
   
    
   }
   .action_btn:hover{
    color: rgb(12, 116, 43);
    background-color: white;
    font-size: 15px;
    padding: 8px 15px;
    border: 1px solid rgb(12, 116, 43);
    outline: 1px rgb(12, 116, 43);
    cursor: pointer;
    border-radius: 5px;
   
    
   }

.action_padding{
    padding: 40px;
}
.action_padding_img{
    padding: 30px;
}

.action_con_1{
    background-color: rgb(255, 255, 255,0.7);
    padding: 10px;
    border-radius: 10px;
    transform: rotate(5deg);
}
.action_con_2{
    background-color: rgb(255, 255, 255,0.6);
    padding: 15px;
    border-radius: 10px;
    transform: rotate(9deg);
    border:1px solid rgba(236, 236, 236, 0.3);
}
.container_video{
      
    background:linear-gradient(rgba(51, 80, 51, 0.582),rgba(2, 95, 2, 0.603)),
    url('../img/project_1.jpg') no-repeat; background-size: cover; height:450px;

    /* width: 100%; */
}
.play-circle{
    background-position: center;
    margin-top:12em;
   

}
.bi-play-circle{
    font-size: 20px;
   
    border: 1px solid white;
    padding: 6px 13px 10px 13px;
    border-radius: 50px;
    background-color: white;
    color: rgb(12, 116, 43);

    border:5px solid rgb(12, 116, 43);
    box-shadow: 0px 20px 30px lightgreen;
    transition: 1s ease-in; 
    animation: 2s icons alternate infinite ease-in  forwards;
    cursor: pointer;
    
}
@keyframes icons {
    0%{
        transform: scale(1);
    }
    100%{
        transform: scale(1.2);
        color: white;
        background-color: rgb(12, 116, 43);
        /* border:3px double white ; */
    }
}
.bi-play-circle:hover{
    font-size: 20px;
    cursor: pointer;
    border: 1px solid white;
    padding: 6px 13px 10px 13px;
    border-radius: 50px;
    color: white;
    background-color: rgb(12, 116, 43);
    border:5px solid white ;
    box-shadow: 0px 5px 10px lightgreen;
    
}
.container_shading{
  background-color: rgb(12, 116, 43);

}
.bi-check-circle{
    font-size: 20px;
    color: rgb(211, 232, 255);
}
.cont_head{
   
    color: white;
    font-size: 20px;
    font-weight: 600;
}
.con_text_head{
  color:white;
    padding: 5px 10px;
    
   
    font-size: 16px;
  
    cursor: pointer;
    
}


.con_text_italy{
   
    font-size: 13px;
    color: white;
    font-style: italic;
    font-weight: lighter;
}
.modinest{
    font-size: 30px;
   
    color: rgb(12, 116, 43);
    font-weight: 600;

}
.modinest_text_italy{
    color: rgb(12, 116, 43);
    font-size: 15px;
   

}
.modinest_text_head{
    color: black;
    font-size: 15px;
   
}
.services_box_con{
    background-color: white;
}


.sevices_head{
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600;
   
    color: rgb(12, 116, 43);
}
.services_text{
   
    color: gray;
    font-size: 13px;      
}

.servcies_img_con{
    background: 
        linear-gradient(
            rgba(255, 255, 255, 0.5), 
        rgba(255, 255, 255, 0.5)
    ),
        url('../img/project_1.jpg') no-repeat;
    background-size: 550px; 
    background-position: center;
    width: 100%;
    height: 300px;
    cursor: pointer;
    border-radius: 15px;
    top: 0px;

}
.service_con_bg{
      
  
    background-color: rgba(255, 255, 255,0.93);
    box-shadow: 0px 5px 10px rgb(206, 248, 206);
    border-radius: 10px;
   margin-top: 7em;
    
}


.service_icon{
  background-color: rgb(12, 116, 43);
  color: white;
  padding: 10px 15px 10px 15px;
  border-radius: 100px;
  font-size: 25px;
  border:6px solid white;
  transition: 1s ease;
  cursor: pointer;
  box-shadow: 0px 5px 10px lightgreen;
  
}
.service_icon:hover{
    background-color: white;
    color: rgb(12, 116, 43);
    padding: 10px 15px 10px 15px;
    border-radius: 100px;
    font-size: 25px;
    border:5px solid rgb(12, 116, 43);
    
  }
  .service_md_h{
    font-size: 20px;
    color: black;
   
    font-weight: bold;
  }
  .service_md_h:hover{
    font-size: 21px;
    color: rgb(12, 116, 43);
   
    font-weight: bold;
  }
.service-text{
    color: black;
   
    font-size: 14px;
}

.service_ico_con{
    margin-top: -4em;
    
}
.container_slide1{
   background-color: rgb(12, 116, 43);
    height: 450px;
    width: 100%;

}
.slide_img_container{
    padding-top: 5em;
}
.img_slide{
    box-shadow: 0px 5px 10px lightgreen;
    border: 2px double white ;
}
.slide_name{
    color:lightgreen ;
    font-size: 20px;
   
    font-weight: bold;
}

.slide_position{
    font-size: 13px;
  color: white;
   

}
.slide_icon{
    color: rgb(255, 200, 0);
    font-size: 15px;
}
.slide_text{
    font-size: 15px;
    color:rgb(240, 240, 240);
   
    font-style: italic;
}

















@media (max-width:576px) {

    .sevices_head{
    font-size: 20px;

    }
    .head
    {
        font-size: 25px;
        font-weight: bolder;
        color: var(--green-color);   
    }
    .text_label{
        font-size: 13px;
        
        color: var(--green-color);   
    }
#header{

background:linear-gradient(rgba(0,0,0, 0.5),rgb(0,0,0,0.5)),
url('../img/governor\ 4.jpeg') no-repeat; background-size: cover;
 height: 200px;width: 100%;

}
#header_2{
    background:linear-gradient(rgba(51, 80, 51, 0.582),rgba(2, 95, 2, 0.603)),
    url('../img/large_bg.png') no-repeat; background-size: cover;
    height: 200px;width: 100%;

}
.blog_head_container{
    margin-top: -30px;
}
.blog_head{
   font-size:20px;
    color: #fff;
    font-weight: bolder;
} 
.frame_image{
    width: 85px;
    height: 80px;
}


 
    .slide_text{
        font-size: 13px;
        color:rgb(193, 193, 193);
       
        font-style: italic;
    }

    .container_shading{
        background-color: rgb(12, 116, 43);
      
      }
    .cont_head{
       
        color: white;
        font-size: 25px;
        width: 100%;
    }
    .con_text_head{
        color:rgb(200, 200, 200);
        padding: 5px 10px;
        
       
        font-size: 13px;
      
        cursor: pointer;
        
    }
    
    
    .con_text_italy{
       
        font-size: 13px;
        color: white;
        font-style: italic;
        font-weight: lighter;
    }

    .action_btn{
        padding: 3px 8px;
        font-size: 13px;
    }
    .action_head{
        font-size: 25px;
       
        color: rgb(12, 116, 43);
        width: 100%;
      
        font-weight: 800;
    
    }
    .action_text{
        font-size: 13px;
       
    }
    .action_padding{
        padding: 10px;
    }
    .action_padding_img{
        padding: 10px;
    }
    
    
    .about_con_text_italy{
        font-size: 13px;
        text-align: left;
    }
    .about_con_text{
       
        font-size: 13px;
    
    }
    
    .about_cont_head{
        font-size: 15px;
    }
    .about_con_link_text{
        font-size: 12px;
    }
    .about_con_link_text:hover{
        font-size: 14px;
    }

    .image{
        width: 300px;
        height: 200px;
    }
    .about_image{
        height: 200px;
    }
    .action_img{
        height: 200px;
    }


}


@media  (min-width: 577px) and (max-width:900px) 
 {
.about_img_con{
   display: none;
   visibility: hidden;
}
.modinest_img_con{
    display: none;
    margin-top: -10em;
}
#header{
    background:linear-gradient(rgba(0,0,0, 0.5),rgb(0,0,0,0.5)),
    url('../img/governor\ 2.jpg') no-repeat; background-size: cover;
    /* background-size: 600px; */
 height: 280px;width: 100%;

    }

    .blog_head_container{
        margin-top: -25px;
    }
    .blog_head{
      font-size: 45px;
        color: #fff;
    } 
    .blog_head_container{
        margin-top: 0px;
    }

 }