body, html {padding:0; margin:0; font-family:'Segoe UI Light'}
h3 { font-size:32px;
     color:darkslategray;
     padding: 5px 0px;
     text-align:center;
     font-family:'Segoe UI Light'

}
tr td {
    vertical-align:top
}
h4 {
    font-size: 32px;
    font-family: 'Segoe UI Light';
    color: #f2e9e9;
    font-weight:500;
}
a {text-decoration:none; color:inherit}

.sub_add {
        background-color: darkslategray;
        font-size:12px;
        color:white;
        padding:5px 100px;
        text-align:right;
}
    .sub_add ul {
            list-style:none;
            display:inline-flex;
           
         }
    .sub_add ul li {
        margin:0px 10px;
        padding:0px 5px
        
        }
#sch_name {
font-size:32px;
color:darkslategray;
text-align:center;
margin:0 auto;
padding:20px 100px;
font-weight:bold;
text-shadow:3px 3px 3px #CCC;
text-transform:uppercase;

}
.smart_sect {
    padding:60px 100px;
    }
.welcome {
    font-size:20px;
    line-height:30px;
}
.section_para {
background-image: url("images/slider-1-2.jpg");
min-height: 300px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:white;
}

    section h3 {
        color: white;
        text-align:center;
    }
section div {
    display:inline-block;
    width:500px;
    vertical-align:text-top;   
}
.news {
    display: block;
    list-style:none;
    }

    .news li {
    padding:20px 0px;
    font-size:20px;
    border-bottom:1px solid rgba(219, 190, 190, 0.50);
    }
  .news li:hover {
        color:#ff6a00;
        transition: ease-in 1s;

        }

    .section_para2 {
background-image: url("images/slider-1-21.jpg");
min-height: 300px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:white;
}

        .section_para2 div {
                    display:inline-block;
                    width:47%;
                    vertical-align:top;
                    font-size:20px;
           }

.register {
    background-color:darkslategray;
    color:white;
    padding:20px 30px 50px 30px;
     }
.buttn {
    background-color:red;
    color:white;
    border-radius:10px;
     padding:10px;
        border:none;
        font-size:24px;
        border:1px solid red;
}
    .buttn:hover {
        background-color: white;
        color: red;
        border:1px solid red;

       
    }
.access { 
    padding-right:50px;
}
.what_we_do div{
    width:240px;
    display:inline-block;
    box-shadow: 1px 1px 4px 1px #ededed;
    overflow:hidden;
    margin-right:20px;
    border-radius:5px;
    height:400px;
}
    .what_we_do div:hover {
                box-shadow: 2px 2px 5px 5px #ededed;
    }

    .setup {
        padding:0px 10px;
         }


footer {
    background-color:darkslategray;
    color:#fff;
}
footer div{
    display:inline-block;
    width:290px;
    margin-right:20px;
    vertical-align:top;
    padding:0px 20px;
   font-size:18px;
   line-height:28px
    }
    footer div h4 {
    border-bottom:2px solid #FFF;
    padding-bottom:10px
    }
    footer div ul {
   list-style:none;
   margin-left:-40px;
    }
.add li {
    line-height:36px

}
        .add li:hover {
        color:#ff6a00;
        transition: ease-in 1s;

        }
.gall {
min-height:400px}

/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {
  padding: 6px 8px ;
  text-decoration: none;
  font-size: 20px;
  color: #fff;
  display: block;
  border: none;
  background: none;
  width:100%;
  text-align: left;
  cursor: pointer;
  outline: none;
  overflow:hidden;
}

/* Main content */
.main {
  margin-left: auto; /* Same as the width of the sidenav */
  font-size: 20px; /* Increased text to enable scrolling */
  padding: 0px 10px;
}

/* Add an active class to the active dropdown button */
.active {
  background-color: green;
  color: white;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display: none;
  background-color: #262626;
  padding-left: 8px;
  width: auto;
}

/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
  padding-right: 8px;
} 
/* CSS FOR FOOTER IF THE ACCESS LINKS ARE COMPLICATING */
/* Style the FOOTER sidenav links and the dropdown button */
.sidenav a, .dropdown-btn2 {
  padding: 6px 8px ;
  text-decoration: none;
  font-size: 20px;
  color: #fff;
  display: block;
  border: none;
  background: none;
  width:100%;
  text-align: left;
  cursor: pointer;
  outline: none;
  overflow:hidden;
}

/* Main content */
.main {
  margin-left: auto; /* Same as the width of the sidenav */
  font-size: 20px; /* Increased text to enable scrolling */
  padding: 0px 10px;
}

/* Add an active class to the active dropdown button */
.active {
  background-color: green;
  color: white;
}

/* Dropdown container2 FOR FOOTER (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown2-container {
  display: none;
  background-color: #262626;
  padding-left: inherit;
  width: auto;
}


@media screen and (max-width:768px) {
    .sub_add {
        background-color: darkslategray;
        font-size:12px;
        color:white;
        padding:5px 10px;
        text-align:right;
}
    .sub_add ul {
            list-style:none;
            display: block;           
         }
    #sch_name {
        font-size: 32px;
        color: darkslategray;
        text-align: center;
        margin: 0 auto;
        padding: 20px 0px;
        font-weight: bold;
        text-shadow: 3px 3px 3px #CCC;
        text-transform: uppercase;
    }
    .smart_sect {
    padding:60px 10px;
    }
    section div {
        display:block;
        width: 100%;
        vertical-align: text-top;
    }
    .access { 
    padding-right:0px;
}
.what_we_do div{
    width:100%;
    display:block;
    box-shadow: 1px 1px 4px 1px #ededed;
    overflow:hidden;
    margin-right:0px;
    border-radius:5px;
    height:400px;
}
footer div{
    display:block;
    width:100%;
    margin-right: 0px;
    vertical-align:top;
    padding:0px 10px;
   font-size:18px;
   line-height:28px
    }
 .section_para2 div {
                    display:block;
                    width:100%;
                    vertical-align:top;
                    font-size:20px;
           }
 .register {
    background-color:darkslategray;
    color:white;
    padding:20px 0px 50px 0px;
    width:100%
     }

    .mob {
    display: none;}
}