/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 22-Aug-2023, 2:13:26 pm
    Author     : Arvind
*/
@media screen  and (min-device-width:910px) and (max-device-width:1920px)
{
.m_banner{
    display:none;

}

.Heading {
    display: block;
    text-align: center;
    color: cadetblue;
    font-size: 25px;
}
.SubHeading {
    display: block;
    text-align: center;
    color:#617393;
    font-size: 25px;
    font-weight:300;
}
.image_card{
    display:block;
}

.img_card{
    display:flex;
    margin-left:16.66%;
}

.video_gallery{
    display:flex;
    margin-left:8.33%;
}
.vid_head
{
    display:block;
    width:90%;
    color:#ffffff;
    background-color:#092238;
    border-radius:4px;
    height:50px;
    margin-bottom:10px;
    margin-left:5%;
    
}
.vid_head h4
{
    text-align:center;
    padding-top:7px;
}
.video_card_row
{
    width:33%;
    margin-bottom:25px;
}

.vid_card {
    display: block;
    width: 80%;
    padding: 2%;
    border-radius: 20px;
    margin-left: 10%;
}
.img_card img{
    width:100%;
    padding:2%;
    border-radius:20px;
    
}
.image_text {
    display: block;
    text-align: center;
    color: white;
    background-color: #33597c;
    height: 50px;
    width: 80%;
    margin-left: 10%;
    border-radius: 4px;
    padding-top: 1px;
    margin-bottom:20px;
}
.carousal_images{
   display: flex;
    margin-left: 8.33%;
    overflow-x: auto;
}

.carousal_images img{

    width: 25%;
    padding: 2%;
    border-radius: 50px;
    
  
    
}
.working_areas{
    display: flex;
    margin-left: 8.33%;
    overflow-x: auto;
}

.working_areas img{

    width: 25%;
    padding: 2%;
    border-radius: 50px;
  
    
}

.banner img {
    width: 100%;
    height: 700px;
    position: relative;
    top: 70;
    left: 0;
    background-image: url("../images/PC_Image123.jpg");
}

.cards{
    
    display: block;
    width: 90%;
    margin: 1%;
    height: 281px;
    border-radius: 8px;
    
}
m_cards
{
    display:none;
}
.cards h1{
    display: block;
    font-family: 'Nunito', sans-serif;
    text-align: center;
    color: #00305B;;
}
.cards a {
    text-decoration: none;
}
    
.cards_text {
    display:block;
    color: #0F4C85;
    font-family: Raleway;
    font-size: 20px;
    margin:10px;
    padding:2%;
    text-align: justify;
    
}
.cards h1{
    display: block;
    font-family: 'Nunito', sans-serif;
    text-align: center;
    color: #00305B;;
}
.cards a {
    text-decoration: none;
}
    
.cards_text {
    display:block;
    color: #0F4C85;
    font-family: Raleway;
    font-size: 20px;
    margin:10px;
    padding:2%;
    text-align: justify;
    
}
.our_vision{
    height: 480px;
    position: relative;
    background-color: #2B7A83;
    
}

.cards_img{
    display: block;
    width: 100%;
    height: auto;
    margin-left: 1%;
    
}
.cards_img img{
    display: block;
    width: 100%;
}
.group_image{
    display:block;
    width:50%;
    margin-left:25%;
    margin-bottom:25px;
}
.group_image img{
    display:block;
    width:100%;
}

.display_btn{
    display:block;
    width:25%;
   
    margin-left:35%;
    margin-bottom:20px;
    
    height:30px;
    border-radius:4px;
    background-color:orange;
    text-align:center;
    cursor:pointer;
}
.btn{
    padding-top:5px;
    text-align:center;
    text-decoration:none;
}
.btn a{
     text-decoration:none;
}
}

@media screen  and (max-device-width:900px)
{
.Heading {
    display: block;
    text-align: center;
    color: cadetblue;
    font-size: 20px;
    width: 80%;
    margin-left: 10%;
}
.Heading h3{
    text-align:center;
}
.SubHeading {
    display: block;
    text-align: center;
    color:#617393;
    font-size: 25px;
    font-weight:300;
}
    .group_image{
    display:block;
    width:80%;
    margin-left:10%;
    margin-bottom:25px;
}
.group_image img{
    display:block;
    width:100%;
}

.img_card{
    display:block;
    width:80%;
    margin-left:10%;
    margin-bottom:20px;
}

.img_card {
   
}
.images img
{
    width:100%; 
    border-radius:20px;
}
.display_btn{
    display:block;
    width:50%;
   
    margin-left:25%;
    margin-bottom:20px;
    
    height:30px;
    border-radius:4px;
    background-color:orange;
    text-align:center;
    cursor:pointer;
}
.btn{
    padding-top:5px;
    text-align:center;
    text-decoration:none;
}
.btn a{
     text-decoration:none;
}
.image_text {
    display: block;
    text-align: center;
    color: white;
    background-color: #33597c;
    height: 50px;
    width: 80%;
    margin-left: 10%;
    border-radius: 4px;
    padding-top: 1px;
    margin-bottom:20px;
}

.carousal_images{
    display: block;
    margin-left: 10%;
    overflow-x: auto;
}

.carousal_images img{

    width: 80%;
    padding: 2%;
    border-radius: 20px;
    
  
    
}

.video_gallery{
    display:block;
    margin-left:8.33%;
}
.video_card_row
{
    width:80%;
    margin-left:10%;
}
.vid_card
{
    display:block;
    width:100%;
    padding:2%;
    border-radius:20px;

}
.vid_head
{
    display:block;
    width:95%;
    color:#ffffff;
    background-color:#092238;
    border-radius:8px;
    height:50px;
    margin-bottom:10px;
    margin-left:2.5%;
    
}
.vid_head h4
{
    text-align:center;
    padding-top:7px;
}
}