@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');
*{
padding:0px;
margin:0px;
font-family:'poppins';
font-size:16px;
box-sizing:border-box;
}
html{
scroll-behavior:smooth;
scroll-padding-top:60px;
}
.navbar{
display:flex;
background-color:white;
align-items:center;
justify-content:center;
height:70px;
box-shadow:2px 2px 3px grey;
position:fixed;
top:0px;
left:0px;
width:100%;
z-index:10;
}
.logo{
width:25%;
color:black;
font-weight:bold;
font-size:1.7rem;
}
.menu_links{
list-style-type:none;
width:60%;
text-align:center;
margin-left:50px;
}
.menu_links li{
display:inline-block;
padding:10px 25px;

}
.menu_links li a{
text-decoration:none;
color:#2b2929;
font-size:18px;
}
.menu_links li a:hover{
color:#0077b6;
border-bottom:2px solid orange;
}
.icon{
display:none !important;
margin-right:10px;
font-size:25px;
color:#e9ae06;
}
.top_header{
background-color:#494e51;
height:100vh;
background-image:url('img/header_img2.jpg');
background-size:cover;
background-position:center;
background-blend-mode:overlay;
display:inline-block;
width:100%;
}
.main-heading{
display:block;
margin:40vh auto 0px;
font-family:'ubuntu';
font-size:55px;
text-align:center;
font-weight:600;
width:70%;
color:white;
text-shadow:2px 1px 5px black;
}
.top_header a.header_button{
padding:10px 20px;
border-radius:5px;
background-color:#ce9000;
color:white;
font-size:18px;
font-weight:500;
text-decoration:none;
display:block;
width:fit-content;
text-align:center;
margin:30px auto;
}
.top_header a.header_button:hover{
background-color:#e9ae06;
transition:0.4s ease;
}
#about_us{
display:block;
height:fit-content;
padding-bottom:20px;
}
.section_heading{
color:#9d6e00;
font-family:'ubuntu';
font-size:35px;
text-align:center;
text-transform:uppercase;
padding-top:40px;
}
.detailed-text,.detailed-text strong{
font-size:18px;
font-family:'Poppins';
text-align:justify;
line-height:29px;
width:80%;
margin:15px auto;
color:#242424;
}
.sub_heading{
font-size:1.4em;
color:#9d6e00;
text-transform:normal;
text-align:center;
font-weight:500;
margin-top:50px;
}
img.p_pic{
width:100px;
height:100px;
border-radius:50%;
margin:15px auto;
border:5px solid white;
box-shadow:0px 0px 5px grey;
display:block;
}
.ed_name{
text-align:center;
font-size:1em;
font-family:'poppins';
font-weight:bold;
}
.desig{
text-align:center;
font-size:17px;
font-family:'poppins';
}
.desc_text,.desc_text strong{
width:80%;
color:#242424;
font-size:18px;
line-height:27px;
margin:5px auto;
text-align:center;
}
a.founder_link
{
display:block;
width:10%;
font-size:1em;
color:white;
background-color:#0069a8;
border-radius:5px;
padding:10px;
text-align:center;
margin:8px auto;
text-decoration:none;
}
a.founder_link:hover{
background-color:#01578a;
}
#courses{
border:1px solid rgba(0,0,0,0);
height:700px;
background-color:#0d2d37;
}
.course-section-heading{
margin-top:50px;
color:white;
font-family:ubuntu;
font-size:35px;
text-align:center;
text-transform:uppercase;
}
.course_wrapper{
margin:70px 40px;
display:flex;
flex-direction:row;
justify-content:space-between;
}
.course{
width:30%;
height:300px;
border:2px solid white;
border-radius:10px;
overflow:hidden;
position:relative;
}
.course:hover{
transform:translateY(-5px);
transition:0.5s ease;
}
.img_thumbnail{
width:115%;
position:absolute;
}
.thumbnail_title{
font-size:20px;
height:60px;
width:100%;
margin-top:250px;
font-weight:bold;
text-transform:uppercase;
text-align:center;
padding-top:10px;
background-color:white;
color:black;
position:absolute;
}
a.view_course{
display:block;
width:15%;
margin:0px auto;
padding:10px 0px;
background-color:#ce9000;
text-align:center;
text-decoration:none;
color:white;
font-size:white;
border-radius:5px;
font-size:17px;
}
a.view_course:hover{
background-color:#e9ae06;
transition:0.4s ease;
}
#resources{
min-height:500px;
}
.resource_content{
margin:40px 50px 20px 50px;
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:top;
}
.img_resource{
width:30%;
height:270px;
background-image:url('img/resource.jpg');
background-size:cover;
background-position:center;
background-blend-mode:overlay;
background-repeat:no-repeat;
box-shadow:1px 1px 20px grey;
}
.resource_text{
width:60%;
}

.resource_text ul li{
font-size:18px;
line-height:40px;
list-style-type:none;
}
.resource_text ul li a{
font-size:18px;
color:#242424;
text-decoration:none;
}
.resource_text ul li a:hover{
text-decoration:underline;
}

.resource_text ul li::before{
content:'';
display:inline-block;
width:20px;
height:20px;
margin-right:10px;
margin-top:5px;
background-image:url('img/checkbox.png');
background-size:cover;
}
a.resource_link{
display:block;
width:30%;
padding:10px 10px;
background-color:#0069a8;
text-align:center;
text-decoration:none;
color:white;
border-radius:5px;
margin-top:30px;
}

#contact_us{
background-color:#F1EFDC;
height:fit-content;
padding-bottom:20px;
}
#contact_us h2{
text-align:center;
font-size:35px;
font-family:'ubuntu';
text-align:center;
padding-top:50px;
text-transform:uppercase;
color:#9d6e00;
}
.form_container{
width:50%;
background-color:white;
opacity:1;
margin:20px auto 0px auto;
padding-top:20px;
text-align:center;
border-radius:5px;
padding-bottom:10px;
}
input[type="text"]{
display:block;
width:85%;
padding:15px 15px;
margin:10px auto;
}
textarea{
width:85%;
padding:15px 15px;
color:grey;
}
.btn_submit{
padding:10px 10px;
display:block;
width:85%;
margin:10px auto;
background-color:#277BC0;
border:0px;
border-radius:3px;
color:white;
}
.btn_submit:hover{
box-shadow:2px 2px 5px grey;
transition:0.3s ease;
}
.footer_container{
padding:20px 30px;
background-color:#2b2b2b;
color:white;
display:flex;
justify-content:space-between;
min-height:100px;
}
.footer_logo{
font-size:30px;
color:white;
font-weight:600;
}
.footer_container h3{
font-weight:500;
font-size:22px;
}
.footer_about p{
margin-top:5px;
}
.social_links{
width:200px;
text-align:center;
}
.social_links h1{
text-align:center;
}
a .social_icon{
margin:10px 10px;
font-size:20px;
color:white;
}
a .social_icon:hover{
color:#e9ae06;
}
.copyright{
width:100%;
margin:auto;
text-align:center;
padding:5px 0px;
background-color:#131313;
color:white;

}
.copyright span{
color:#e9ae06;
}

#page-section{
padding:120px 40px;
}
#page-section .section_heading{
color:#045282;
}

/*res#131313ponsive code for mobile*/
@media (min-width:300px) and (max-width:500px){
.navbar{
height:65px;
}
ul.menu_links li{
display:block;
}
.logo{
font-size:1.5rem;
width:80%;
margin-left:auto;
margin-right:auto;
text-align:center;
}
ul.menu_links{
display:none;
position:fixed;
top:65px;
left:0;
width:100%;
margin-left:0px;
background-color:white;
box-shadow:0px 4px 5px #9b9b9b;
}
ul.menu_links li a{
font-size:17px;
}
ul.resp-menu_links
{
display:block;
}
.icon{
display:block !important;
margin-right:10px;
font-size:25px;
color:#e9ae06;
}
a{
text-decoration:none;
}
.top_header{
height:715px;
}
.main-heading{
width:90%;
margin-top:337px;
margin-left: auto;
margin-right:auto;
font-size:50px;
line-height:65px;
}
.top_header a.header_button{
padding:10px 14px;
font-size:17px;
}
#about_us{
height:100%;
overflow:auto;
}
.section_heading{
font-size:30px;
}
.detailed-text, .detailed-text strong{
font-size:17px;
line-height:27px;
}
.detailed-text{
width:85%;
}
.desc_text{
font-size:17px;
width:85%;
text-align:justify;
}
.desc_text strong{
font-size:17px;
}
a.founder_link{
margin-top:15px;
margin-bottom:15px;
width:30%;
}
#courses{
height:100%;
overflow:auto;
}
.course-section-heading{
font-size:30px;
}
.course_wrapper{
flex-direction:column;
width:80%;
margin:30px auto;
justify-content:space-between;
}
.course{
margin-top:20px;
width:100%;
}
.course:hover{
transform:translateX(20px);
transition:transform 0.5s;
}
.thumbnail_title{
font-size:18px;
}
a.view_course{
width:38%;
margin-bottom:20px;
}

.resource_content{
width:85%;
height:640px;
margin-left:auto;
margin-right:auto;
flex-direction:column;
justify-content:space-between;
}
.img_resource{
width:100%;
}
.resource_text{
font-size:17px;
width:100%;
}
.resource_text ul li{
font-size:17px;
}
.resource_text ul li a{
font-size:17px;
}
a.resource_link{
width:55%;
margin-left:auto;
margin-right:auto;
font-size:17px;
}
#contact_us h2{
font-size:30px;
}
.form_container{
width:85%;
}
.footer_container{
display:flex;
flex-direction:column;
align-items:center;
}
.footer_about{
margin-top:15px;
display:flex;
flex-direction:column;
align-items:center;
}
.footer_about p
{
text-align:center;
}
.social_links{
margin-top:15px;
}
}

/*responsive for desktop*/
@media (min-width:900px) and (max-width:1024px){
.menu_links{
width:60%;
margin-left:48px;
}
.menu_links li{
padding:0px 17px;
}
.menu_links li a{
font-size:17px;
}
.top_header a.header_button{
}
.main-heading{
width:90%;
}

#about_us{
height:fit-content;
padding-bottom:20px;
}
a.founder_link{
width:15%;
}
#courses{
padding-bottom:20px;
height:fit-content;
}
.course{
height:25vw !important;
}
.thumbnail_title{
margin-top:20.5vw !important;
font-size:17px;
}
a.resource_link{
width:35%;
}
.footer_about{
width:50%;
}
}

/*responsive for tab*/
@media (min-width:800px) and (max-width:899px){
.logo{
width:23%;
}
.menu_links{
margin-left:20px;
width:67%;
}
.menu_links li{
padding:0px 17px;
}
.menu_links li a{
font-size:17px;
}
.top_header a.header_button{
}
.main-heading{
width:90%;
}

#about_us{
height:fit-content;
padding-bottom:20px;
}
a.founder_link{
width:15%;
}
#courses{
padding-bottom:20px;
height:fit-content;
}
.course{
width:32%;
height:25vw !important;
}
.thumbnail_title{
margin-top:20.5vw !important;
font-size:18px;
}
a.view_course{
width:20%;
}
a.resource_link{
width:40%;
}
.resource_content{
width:85%;
justify-content:space-between;
margin-left:auto;
margin-right:auto;
}
.img_resource{
width:40%;
}
.resource_text{
width:53%;
}
.resource_text ul li{
font-size:17px;
}
a.resource_link{
width:fit-content;
}
.footer_about{
width:50%;
}
.social_links{
width:20%;
}
}

@media (min-width:501px) and (max-width:799px){
.navbar{
height:65px;
}
ul.menu_links li{
display:block;
}
.logo{
font-size:1.5rem;
width:80%;
margin-left:auto;
margin-right:auto;
text-align:center;
}
ul.menu_links{
display:none;
position:fixed;
top:65px;
left:0;
width:100%;
margin-left:0px;
background-color:white;
box-shadow:0px 4px 5px #9b9b9b;
}
ul.menu_links li a{
font-size:17px;
}
ul.resp-menu_links
{
display:block;
}
.icon{
display:block !important;
margin-right:10px;
font-size:25px;
color:#e9ae06;
}
a{
text-decoration:none;
}
.top_header{
height:700px;
}
.main-heading{
width:90%;
margin-top:322px;
margin-left: auto;
margin-right:auto;
font-size:50px;
}
.top_header a.header_button{
font-size:17px;
}
#about_us{
height:100%;
overflow:auto;
}
.section_heading{
font-size:30px;
}
.detailed-text, .detailed-text strong{
font-size:17px;
line-height:25px;
}
.detailed-text{
width:85%;
}
.desc_text{
font-size:17px;
width:85%;
text-align:justify;
}
.desc_text strong{
font-size:17px;
}
a.founder_link{
margin-top:15px;
margin-bottom:15px;
width:30%;
}
#courses{
height:100%;
overflow:auto;
}
.course-section-heading{
font-size:30px;
}
.course_wrapper{
flex-direction:column;
width:80%;
margin:30px auto;
justify-content:space-between;
}
.course{
margin-top:20px;
width:100%;
}
.course:hover{
transform:translateX(20px);
transition:transform 0.5s;
}
.thumbnail_title{
font-size:18px;
}
a.view_course{
width:38%;
margin-bottom:20px;
}

.resource_content{
width:85%;
height:640px;
margin-left:auto;
margin-right:auto;
flex-direction:column;
justify-content:space-between;
}
.img_resource{
width:100%;
}
.resource_text{
font-size:17px;
width:100%;
}
.resource_text ul li{
font-size:17px;
}
a.resource_link{
width:180px;
margin-left:auto;
margin-right:auto;
font-size:17px;
}
#contact_us h2{
font-size:30px;
}
.form_container{
width:85%;
}
.footer_container{
display:flex;
flex-direction:column;
align-items:center;
}
.footer_about{
margin-top:15px;
display:flex;
flex-direction:column;
align-items:center;
}
.footer_about p
{
text-align:center;
}
.social_links{
margin-top:15px;
}
}