@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');
* {
	font-family: 'Montserrat', sans-serif;
}
body {
	background: #f1fbff;}
/* president div */


.container1{
  width: 100vw;
  height: 100vh;
  font-size: 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
   grid-template-rows: 50px 1fr 1fr 100px;
   gap: 10px;
   padding: 0 50px 0;
   box-sizing: border-box;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
   }
.content-large {
  grid-row-start: 2;
  grid-row-end: span 2;
  max-width: 600px;
  padding: 18px;


}
.content-mission {
  grid-row-start: 3;
  grid-row-end:  2;
  
}
.mv {
  font-size: 36px;
  font-weight: 700;
  padding: 18px;
}
.mv-content {
  font-size: 30px;
  font-weight: 500;
  padding: 18px;

}
.pres {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0;


}

.content-vision {
  grid-row-start: 3;
  grid-row-end:  3;
  max-width: 600px;
  
}

.text-align{
  text-align: justify;
  font-size: 19px;

}

.container1 div {
  
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

.header {
  grid-column-start: 1;
  grid-column-end: 3;
  text-align: center;
  font-size: 25px;
  font-weight: 700;
  overflow: hidden;
  padding: 8px;
  color: blue;
}
.header1 {
  grid-column-start: 3;
  grid-column-end: 4;
  text-align: center;
  font-size: 25px;
  font-weight: 700;
  padding: 0 0 50px;
  overflow: hidden;
  padding: 8px;
  color: blue;
}

/* glowing txt */
.glow {
  font-size: 80px;
  color: #fff;
  text-align: center;

  animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #0000FF, 0 0 20px #0000FF, 0 0 30px #87CEEB, 0 0 40px #87CEEB, 0 0 50px #87CEEB, 0 0 60px #87CEEB, 0 0 70px #87CEEB;
  }
  
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #0000FF, 0 0 40px #0000FF, 0 0 50px #0000FF, 0 0 60px #0000FF, 0 0 70px #0000FF, 0 0 80px #0000FF;
  }


}
.section-padding {
	padding: 100px 0;
}
.carousel-item {
	height: 100vh;
	min-height: 300px;
}
.carousel-caption {
	bottom: 220px;
	z-index: 2;
}
.carousel-caption h5 {
	font-size: 45px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 25px;
}
.carousel-caption p {
	width: 60%;
	margin: auto;
	font-size: 18px;
	line-height: 1.9;
}
.carousel-inner:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: 1;
}
.navbar .getstarted {
	background: #106eea;
	margin-left: 30px;
	border-radius: 4px;
	font-weight: 400;
	color: #fff;
	text-decoration: none;
	padding: .5rem 1rem;
	line-height: 2.3;
}
.navbar-nav a {
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 500;
	text-align: center;
}
.navbar-light .navbar-brand {
	color: #000;
	font-size: 25px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
	color: #000;
}
.navbar-light .navbar-nav .nav-link {
	color: #000;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color: #000;
}
.w-100 {
	height: 100vh;
}
.navbar-toggler {
	padding: 1px 5px;
	font-size: 18px;
	line-height: 0.3;
	background: #fff;
}
.portfolio .card {
	box-shadow: 15px 15px 40px rgba(0, 0, 0, 0.15);
}
.team .card {
	box-shadow: 15px 15px 50px rgba(0, 0, 0, 0.15);
}
.services .card-body i {
	font-size: 50px;
}
.team .card-body i {
	font-size: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.carousel-caption {
		bottom: 370px;
	}
	.carousel-caption p {
		width: 100%;
	}
	.card {
		margin-bottom: 30px;
	}
	.img-area img {
		width: 100%;
	}
}
@media only screen and (max-width: 767px) {
	.navbar-nav {
		text-align: center;
	}
	.carousel-caption {
		bottom: 125px;
	}
	.carousel-caption h5 {
		font-size: 17px;
	}
	.carousel-caption a {
		padding: 10px 15px;
		font-size: 15px;
	}
	.carousel-caption p {
		width: 100%;
		line-height: 1.6;
		font-size: 12px;
	}
	.about-text {
		padding-top: 50px;
	}
	.card {
		margin-bottom: 30px;
	}
}
/* Googlefont Poppins CDN Link */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
}
body{
  min-height: 100vh;
}
nav{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 70px;
  background: #3E8DA8;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 99;
  text-align: center;
}
nav .navbar{
  height: 100%;
  max-width: 1250px;
  width: 100%;
  text-align: center;
  justify-content: space-between;
  margin: auto;
  /* background: red; */
  padding: 0 30px;

}

.rmmclogo {
width:60px; 
height: 50px; 
border-radius: 100%;


}
.navbar .logo a{
  
  font-size: 30px;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  text-align: center; 
  align-items: centers;
  height: 100%;
  width: auto;
  padding-right: 100px;
}



nav .navbar .nav-links{
  line-height: 70px;
  height: 100%;
}
nav .navbar .links{
  display: flex;
}
nav .navbar .links li{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  padding: 0 14px;
}
nav .navbar .links li a{
  height: 100%;
  text-decoration: none;
  white-space: nowrap;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}
.links li:hover .htmlcss-arrow,
.links li:hover .js-arrow{
  transform: rotate(180deg);
  }

nav .navbar .links li .arrow{
  /* background: red; */
  height: 100%;
  width: 22px;
  line-height: 70px;
  text-align: center;
  display: inline-block;
  color: #fff;
  transition: all 0.3s ease;
}
nav .navbar .links li .sub-menu{
  position: absolute;
  top: 70px;
  left: 0;
  line-height: 40px;
  background: #3E8DA8;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0 0 4px 4px;
  display: none;
  z-index: 2;
}
nav .navbar .links li:hover .htmlCss-sub-menu,
nav .navbar .links li:hover .js-sub-menu{
  display: block;
}
.navbar .links li .sub-menu li{
  padding: 0 22px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
.navbar .links li .sub-menu a{
  color: #fff;
  font-size: 20px;
  font-weight: 100;
}
.navbar .links li .sub-menu .more-arrow{
  line-height: 40px;
}
.navbar .links li .htmlCss-more-sub-menu{
  /* line-height: 40px; */
}
.navbar .links li .sub-menu .more-sub-menu{
  position: absolute;
  top: 0;
  left: 100%;
  border-radius: 0 4px 4px 4px;
  z-index: 1;
  display: none;
}
.links li .sub-menu .more:hover .more-sub-menu{
  display: block;
}
.navbar .search-box{
  position: relative;
   height: 40px;
  width: 40px;
}
.navbar .search-box i{
  position: absolute;
  height: 100%;
  width: 100%;
  line-height: 40px;
  text-align: center;
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.navbar .search-box .input-box{
  position: absolute;
  right: calc(100% - 40px);
  top: 80px;
  height: 60px;
  width: 300px;
  background: #3E8DA8;
  border-radius: 6px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s ease;
}
.navbar.showInput .search-box .input-box{
  top: 65px;
  opacity: 1;
  pointer-events: auto;
  background: #3E8DA8;
}
.search-box .input-box::before{
  content: '';
  position: absolute;
  height: 20px;
  width: 20px;
  background: #3E8DA8;
  right: 10px;
  top: -6px;
  transform: rotate(45deg);
}
.search-box .input-box input{
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 4px;
  transform: translate(-50%, -50%);
  height: 35px;
  width: 280px;
  outline: none;
  padding: 0 15px;
  font-size: 16px;
  border: none;
}
.navbar .nav-links .sidebar-logo{
  display: none;
}
.navbar .bx-menu{
  display: none;
}
@media (max-width:920px) {
  nav .navbar{
    max-width: 100%;
    padding: 0 25px;
  }

  nav .navbar .logo a{
    font-size: 27px;
  }
  nav .navbar .links li{
    padding: 0 10px;
    white-space: nowrap;
  }
  nav .navbar .links li a{
    font-size: 30px;
  }
}
@media (max-width:800px){
  nav{
    /* position: relative; */
  }
  .navbar .bx-menu{
    display: block;
  }
  nav .navbar .nav-links{
    position: fixed;
    top: 0;
    left: -100%;
    display: block;
    max-width: 270px;
    width: 100%;
    background:  #3E8DA8;
    line-height: 40px;
    padding: 20px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.5s ease;
    z-index: 1000;
  }
  .navbar .nav-links .sidebar-logo{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .sidebar-logo .logo-name{
    font-size: 25px;
    color: #fff;
  }
    .sidebar-logo  i,
    .navbar .bx-menu{
      font-size: 25px;
      color: #fff;

    }
  nav .navbar .links{
    display: block;
    margin-top: 20px;
  }
  nav .navbar .links li .arrow{
    line-height: 40px;
  }
nav .navbar .links li{
    display: block;
  }
nav .navbar .links li .sub-menu{
  position: relative;
  top: 0;
  box-shadow: none;
  display: none;
}
nav .navbar .links li .sub-menu li{
  border-bottom: none;

}
.navbar .links li .sub-menu .more-sub-menu{
  display: none;
  position: relative;
  left: 0;
}
.navbar .links li .sub-menu .more-sub-menu li{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.links li:hover .htmlcss-arrow,
.links li:hover .js-arrow{
  transform: rotate(0deg);
  }
  .navbar .links li .sub-menu .more-sub-menu{
    display: none;
  }
  .navbar .links li .sub-menu .more span{
    /* background: red; */
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
  }

  .links li .sub-menu .more:hover .more-sub-menu{
    display: none;
  }
  nav .navbar .links li:hover .htmlCss-sub-menu,
  nav .navbar .links li:hover .js-sub-menu{
    display: none;
  }
.navbar .nav-links.show1 .links .htmlCss-sub-menu,
  .navbar .nav-links.show3 .links .js-sub-menu,
  .navbar .nav-links.show2 .links .more .more-sub-menu{
      display: block;
    }
    .navbar .nav-links.show1 .links .htmlcss-arrow,
    .navbar .nav-links.show3 .links .js-arrow{
        transform: rotate(180deg);
}
    .navbar .nav-links.show2 .links .more-arrow{
      transform: rotate(90deg);
    }
}
@media (max-width:370px){
  nav .navbar .nav-links{
  max-width: 100%;
} 
}
.round-logo {
	border-radius: 100%;}

/* course section start*/
  .section-flex {box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center; }

  .course-section { box-sizing: border-box; margin: auto; max-width: 100%; width: 950px; padding: 10px 0px; background-color:#eeeff4 }
  
  .course-box { box-sizing: border-box; margin: 10px 20px; position: relative; width: 420px; background-color:#eeeff4; border-radius: 0 25px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 7px; }
  
  .course-head {margin: 0px auto; position: relative; padding: 30px 25px 30px; }
  
  .course-head h4 {color: #3bbca7; font-size: 24px; margin-left:10px; margin-bottom: 20px; }
  
  .course-head li { color: #072f60; font-size: 20px; line-height: 20px; margin: 10px 50px; font-weight: inherit; }
  
  .course-head .button { background-color: #3bbca7; font-size: 2.2rem; border-radius: 20px; color: white; margin-top: 20px; display: inline-block; padding: 2px 25px; text-decoration-line: none; }
  .course-head .button:hover { transform: scale(0.95); }
  
  .course-image img { float: right; position: relative;  width: 480px;  max-width: 100%; outline: 2px; overflow: hidden; }

  .relative-position {
    position: relative;
    top: 10px;
    font-size: 10vw;
    border: 1px solid #000;
    text-align: center;
  }

/* program offered */

/* =======================================
        Slider
        ====================================*/
        .slick-slider button {
            position: absolute;
            top: 32%;
            outline: "none";
            border: none;
            width: 40px;
            height: 40px;
            border-radius: 35px;
            background-color: orange;
            color: white;
            z-index: 99;
        }
        
        .slick-slider .slick-prev {
            left: -30px;
            font-size: 0;
        }
        
        .slick-slider .slick-prev::before {
            content: '<';
            line-height: 1;
            font-size: 25px;
        }
        
        
        
        .slick-slider .slick-next {
            right: -30px;
            font-size: 0;
        }
        
        .slick-slider .slick-next::after {
            content: '>';
            line-height: 1;
            font-size: 25px;
        }
        
        
        
        .slick-dots{
            text-align: center;
        }
        
        .slick-dots li{
            display: inline-block;
            padding: 1px;
            background-color: #ccc;
            margin: 10px 5px;
            width: 10px;
            height: 10px;
            border-radius: 10px;
            cursor: pointer;
        }
        
        .slick-dots button{
            display: none;
        }
        
        .slick-dots li.slick-active{
            background:#ffc107;
        }
        
        .slick-slider img{
            width: 100%;
            height: 250px;
        }
        
        
        
        .slick-slide {
            padding:40px 0;
            position: relative;
            height:auto !important;
            opacity: 0.5;
            transition: all 900ms ease;
        }
        
        .slick-current {
            opacity: 1;
            transform: scale(1.2);
            z-index: 99;
            box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        } 
        
        .slick-slide .xyz{
            opacity: 0;
        }
        
        .slick-current .xyz{
            opacity: 1;
        }
    
        a{
            text-decoration: none !important;
            font-size: 25px;
            font-weight: bold;
           
            position: relative;
            top: -10px;
            color: #fff;
            padding: 5px 13px;
            /* border: 2px solid #7c4a21; */
            background-color: transparent;
            transition: 0.4s;
            border-radius: 5px;

        }

/* --Footer css Start*/


footer{
  /*background: #070224; */
  box-sizing: border-box;
  font-family: "Poppins" , sans-serif;
  bottom: 0;
  width: 100%;
  left: 0;
  position: relative;
}

footer .content{
  max-width: 90%;
  margin: auto;
  padding: 30px 40px 40px;
}
footer .content .top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  margin-bottom: 50px;
}
.content .top .logo-details{
  color: #fff;
  font-size: 30px;
}
.content .top .media-icons{
  display: flex;
}
.content .top .media-icons a{
  height: 40px;
  width: 40px;
  margin: 0 8px;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 17px;
  text-decoration: none;
  transition: all 0.4s ease;
}
.top .media-icons a:nth-child(1){
  background: #4267B2;
}
.top .media-icons a:nth-child(1):hover{
  color: #4267B2;
  background: #fff;
}
.top .media-icons a:nth-child(2){
  background: #e95348;
}
.top .media-icons a:nth-child(2):hover{
  color: 	#c71610;
  background: #fff;
}
.top .media-icons a:nth-child(3){
  background: #E1306C;
}
.top .media-icons a:nth-child(3):hover{
  color: #E1306C;
  background: #fff;
}
.top .media-icons a:nth-child(4){
  background: #0077B5;
}
.top .media-icons a:nth-child(4):hover{
  color: #0077B5;
  background: #fff;
}
.top .media-icons a:nth-child(5){
  background: #FF0000;
}
.top .media-icons a:nth-child(5):hover{
  color: #FF0000;
  background: #fff;
}
footer .content .link-boxes{
  width: 100%;
  display: flex;
  justify-content: space-between;
}
footer .content .link-boxes .box{
  width: calc(100% / 5 - 10px);
}
.content .link-boxes .box .link_name{
  color: #fff;
  font-size: 25px;
  font-weight: 400;
  margin-bottom: 25px;
  position: relative;
}
.link-boxes .box .link_name::before{
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  height: 2px;
  width: 55px;
  background: #fff;
}
.content .link-boxes .box li{
  margin: 8px 0;
  list-style: none;
}
.content .link-boxes .box li a{
  color: #fff;
  font-size: 19px;
  font-weight: 400; text-transform: capitalize;
  text-decoration: none; 
  transition: all 0.4s ease; display: block;
}
.content .link-boxes .box li a:hover{
  opacity: 1;
  
  text-decoration: underline;
}
.content .link-boxes .input-box{
  margin-right: 55px;
}
.link-boxes .input-box input{
  height: 40px;
  width: calc(100% + 55px);
  outline: none;
  border: 2px solid #AFAFB6;
  background: #140B5C;
  border-radius: 4px;
  padding: 0 15px;
  font-size: 18px;
  color: #fff;
  margin-top: 5px;
}
.link-boxes .input-box input::placeholder{
  color: #AFAFB6;
  font-size: 20px;
}
.link-boxes .input-box input[type="button"]{
  background: #fff;
  color: #140B5C;
  border: none;
  font-size: 18px;
  font-weight: 500;
  margin: 4px 0;
  opacity: 1;
  cursor: pointer;
  transition: all 0.4s ease;
}

footer .bottom-details{
  width: 100%;
  background: #0F0844;
}
footer .bottom-details .bottom_text{
  max-width: 1250px;
  margin: auto;
  padding: 20px 40px;
  display: flex;
  justify-content: space-between;
}
.bottom-details .bottom_text span,
.bottom-details .bottom_text a{
  font-size: 18px;
  font-weight: 300;
  color: #fff;
  opacity: 0.8;
  text-decoration: none;
}
.bottom-details .bottom_text a:hover{
  opacity: 1;
  text-decoration: underline;
}
.bottom-details .bottom_text a{
  margin-right: 10px;
}
/*footer ends*/

/* about us section start */

.about-section-head { padding: 50px 0px 20px; }
.about-section-head .container { width: 1260px; }
.about-section-head p { color: #666d81; }

.about-left { box-sizing: border-box; padding: 30px 15px; position: relative; width: 650px; margin:0 10px 5px 0; background-color: #f5f5f5; }

.about-director { box-sizing: border-box; display: contents;}

.about-director .btn {
  display: inline-block;
  margin: 1rem 0px 0px auto;
  border: none;
  padding: 5px 20px;
  font-size: 20px;
  font-weight: 600;
  background: linear-gradient(-135deg, #4570e7 0%,#79f1fc 100%);
  color: black;
  border-radius: 20px; 
}


.about-right { box-sizing: border-box; padding: 10px 10px; position: relative; width: 550px; background-color: #f5f5f5;}

.about-icon { display: table-cell; vertical-align: middle; padding: 0px 10px; }
.about-icon img { width: 75px; }
.fa { color: #f93; display: inline-block; font-size: 56px; position: untet; padding-left: 2px}

.featured-content { display: table-cell; padding-left: 10px; line-height:25px;}

.box-hover:hover { background: linear-gradient(-135deg, #4570e7 0%,#79f1fc 100%);  border-radius: 15px;  }
.box-hover p:hover  { color: white;  transition: all 1.5s linear;}
.about-line { margin: 20px 10px; border: 0.6px solid #f93;  display: block; position: relative; }

/* Steps */


.marquee {
  background-color: blue;
  color:#fff;
  padding:5px 15px;
  border:2px solid #0000FF;
  font-size: 20px;
}

/* about us css */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
}
/* custom scroll bar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #888;
}
::selection{
  background: rgb(0,123,255,0.3);
}
.content{
  max-width: 1250px;
  margin: auto;
  padding: 0px 30px;
}
.banner{
  height: 100vh;
  background: url("video/rmmc.gif") no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
.about{
  padding: 40px 0;
}
.about .title{
  font-size: 35px;
  font-weight: 700;
}
.about p{
  padding-top: 20px;
  text-align: justify;
}
.icon{
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  display: none;
}
.icon.cancel-btn{
  position: absolute;
  right: 30px;
  top: 20px;
}
.navbar.sticky .icon.cancel-btn{
  top: 10px;
}
@media (max-width: 868px) {
  body.disabledScroll{
    overflow: hidden;
  }
  .icon{
    display: block;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    z-index: 9;
  }
  .icon.cancel-btn{
    display: none;
  }
  .icon.cancel-btn.show{
    display: block;
  }
  .icon.hide{
    display: none;
  }
  
}