/* Navigation menu properties */
/* ul.main_menu li{
	display: inline-block;
}
li.main_menu_option{
	display: inline-block;
	cursor: pointer;
	position: relative;
	margin: 5px 10px;
}
li.sub_menu_option{
	position: relative;
}

li.main_menu_option > a::after{
	font-family: 'FontAwesome';
  content: "\f107";
  margin-left: 5px;
}

ul.sub_menu_1{
	position: absolute;
	top: 100%;
	background-color: #fff;
	z-index: 1;
	left: 0;
	-webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
	opacity: 0;
	visibility: none;
	padding: 0;
	width: 230px;
}

li.sub_menu_option>a::after{
	font-family: 'FontAwesome';
	content: "\f105";
	margin-right: 10px;
	float: right;
}

ul.sub_menu_2, ul.sub_menu_3{
	position: absolute;
	top: 0;
	left: 100%;
	background-color: #fff;
	z-index: 1;
	-webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
	opacity: 0;
	visibility: none;
	padding: 0;
	width: 230px;
}

ul.sub_menu_1 li{
	display:block;
	list-style: none;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

li.main_menu_option:hover > ul.sub_menu_1{
	transform: scaleY(1);
    visibility: visible;
    opacity: 1;
}

li.sub_menu_option:hover > ul{
	transform: scaleY(1);
    visibility: visible;
    opacity: 1;
}

@media screen and (max-width:991px){
	ul.main_menu{
		margin-top: 20px;
		padding-left: 0;
	}

	ul.main_menu li{
		display: block;
	}

	li.main_menu_option{
		display: block;
		margin-left: 0;
	}

	li.main_menu_option > a::after{
		float: right;
		margin-right: 0px;
	}

	ul.sub_menu_1{
		position: static;
		top: auto;
		background-color: #F4F6F6;
		z-index: 0;
		left: auto;
	  visibility: visible;
		display: none;
		opacity: 1;
		padding: 0;
		-webkit-transform: scaleY(1);
	  transform: scaleY(1);
		width: auto;
	}

	ul.sub_menu_2, ul.sub_menu_3{
		position: static;
		top: auto;
		left: auto;
		background-color: #F4F6F6;
		z-index: 0;
		display: none;
		visibility: visible;
		opacity: 1;
		padding: 0;
		width: auto;
		-webkit-transform: scaleY(1);
	  transform: scaleY(1);
	}

} */
img{
  max-width: 100%;
}
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  font-family: Montserrat, sans-serif;
  background: #fff;
  z-index: 9999;
}
#cssmenu > ul > li {
  display: inline-block;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 17px;
  font-size: 12px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 30px;
}
/* #cssmenu > ul > li.has-sub > a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
} */
#cssmenu > ul > li.has-sub > a:before {
  position: absolute;
  right: 14px;
  display: block;
  font-family: FontAwesome;
  content: "\f107";
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
/* #cssmenu > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
} */
#cssmenu ul ul {
  z-index: 1;
  position: absolute;
  top: 100%;
  left: auto;
  opacity: 0;
  visibility: hidden;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu li:hover > ul {
  visibility: visible;
  opacity: 1;
}
#cssmenu.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu li:hover > ul > li {
  height: 35px;
}
#cssmenu ul ul ul {
  left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 11px 15px;
  width: 170px;
  font-size: 12px;
  text-decoration: none;
  color: #000;
  font-weight: 400;
  background: #fff;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  border-bottom: 0;
}
#cssmenu ul ul li:hover > a
/* #cssmenu ul ul li a:hover {
  color: #ffffff;
} */
#cssmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
li.sub_menu_option > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  /* width: 2px;
  height: 8px; */
  /* background: #dddddd; */
  font-family: 'FontAwesome';
	content: "\f105";
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
/* #cssmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
} */
#cssmenu.small-screen {
  width: 100%;
}
#cssmenu.small-screen ul {
  width: 100%;
  display: none;
}
#cssmenu.small-screen.align-center > ul {
  text-align: left;
}
#cssmenu.small-screen ul li {
  width: 100%;
  border-top: 1px solid rgba(120, 120, 120, 0.2);
}
#cssmenu.small-screen ul ul li,
#cssmenu.small-screen li:hover > ul > li {
  height: auto;
}
#cssmenu.small-screen ul li a,
#cssmenu.small-screen ul ul li a {
  width: 100%;
  border-bottom: 0;
}
#cssmenu.small-screen > ul > li {
  float: none;
}
#cssmenu.small-screen ul ul li a {
  padding-left: 25px;
}
#cssmenu.small-screen ul ul ul li a {
  padding-left: 35px;
}
#cssmenu.small-screen ul ul li a {
  color: #000;
  background: none;
}
#cssmenu.small-screen ul ul li:hover > a,
#cssmenu.small-screen ul ul li.active > a {
  color: #000;
}
#cssmenu.small-screen ul ul,
#cssmenu.small-screen ul ul ul,
#cssmenu.small-screen.align-right ul ul {
  position: relative;
  left: 0;
  width: 100%;
  margin: 0;
  text-align: left;
}
#cssmenu.small-screen > ul > li.has-sub > a:after,
#cssmenu.small-screen > ul > li.has-sub > a:before,
#cssmenu.small-screen ul ul > li.has-sub > a:after,
#cssmenu.small-screen ul ul > li.has-sub > a:before {
  display: none;
}
#cssmenu.small-screen #menu-button {
  display: block;
  padding: 17px;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  background-color: #000;
}
#cssmenu.small-screen #menu-button:after {
  position: absolute;
  top: 22px;
  right: 17px;
  display: block;
  height: 8px;
  width: 20px;
  border-top: 2px solid #dddddd;
  border-bottom: 2px solid #dddddd;
  content: '';
}
#cssmenu.small-screen #menu-button:before {
  position: absolute;
  top: 16px;
  right: 17px;
  display: block;
  height: 2px;
  width: 20px;
  background: #dddddd;
  content: '';
}
#cssmenu.small-screen #menu-button.menu-opened:after {
  top: 23px;
  border: 0;
  height: 2px;
  width: 15px;
  background: #ffffff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cssmenu.small-screen #menu-button.menu-opened:before {
  top: 23px;
  background: #ffffff;
  width: 15px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#cssmenu.small-screen .submenu-button {
  position: absolute;
  z-index: 99;
  right: 0;
  top: 0;
  display: block;
  /* border-left: 1px solid rgba(120, 120, 120, 0.2); */
  height: 46px;
  width: 46px;
  cursor: pointer;
}
#cssmenu.small-screen .submenu-button.submenu-opened {
  background: #262626;
}
#cssmenu.small-screen ul ul .submenu-button {
  height: 34px;
  width: 46px;
}
#cssmenu.small-screen .submenu-button:after {
  position: absolute;
  top: 22px;
  right: 19px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu.small-screen ul ul .submenu-button:after {
  top: 15px;
  right: 19px;
}
#cssmenu.small-screen .submenu-button.submenu-opened:after {
  background: #ffffff;
}
#cssmenu.small-screen .submenu-button:before {
  position: absolute;
  top: 19px;
  right: 22px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
}
#cssmenu.small-screen ul ul .submenu-button:before {
  top: 12px;
  right: 22px;
}
#cssmenu.small-screen .submenu-button.submenu-opened:before {
  display: none;
}
#cssmenu.small-screen.select-list {
  padding: 5px;
}

.align_m_right{
	text-align: right;
}

li.align_m_right>a::after{
	content: "";

}
li.align_m_right>a::before{
	content: "\f104";
  right: auto;
  left: 14px;
	font-family: 'FontAwesome';
}

/* Navigation menu properties */

/* Owl carousel properties */
.owl-theme .owl-nav [class*=owl-]:hover {
    background: none;
    color: #FFF;
    text-decoration: none;
}
.owl-theme .owl-nav [class*=owl-]{
    outline: none;
}

/* For Owl Carousel 1 */
#carousel1 .owl-next span, #carousel1 .owl-prev span{
  display: flex;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: rgba(0,0,0,0.6);
  justify-content: center;
  align-items: center;
}

#carousel1 .owl-next span i, #carousel1 .owl-prev span i{
  font-size: 18px;
  color: #fff;
}
/* For Owl Carousel 1 */

/* For Owl Carousel 2 */
#carousel2 .owl-next span, #carousel2 .owl-prev span{
  display: flex;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: rgba(0,0,0,0.6);
  justify-content: center;
  align-items: center;
}

#carousel2 .owl-next span i, #carousel2 .owl-prev span i{
  font-size: 18px;
  color: #fff;
}
/* For Owl Carousel 2 */

/* For Owl Carousel 3 */
#carousel3{
  position: relative;
}

#carousel3 .owl-prev, #carousel3 .owl-next{
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  height: 100%;
}

#carousel3 .owl-prev{
  left: 0;
}

#carousel3 .owl-next{
  right: 0;
}

#carousel3 .owl-next span, #carousel3 .owl-prev span{
  display: flex;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: rgba(0,0,0,0.6);
  justify-content: center;
  align-items: center;
}

#carousel3 .owl-next span i, #carousel3 .owl-prev span i{
  font-size: 18px;
  color: #fff;
}

/* For Owl Carousel 3 */

/* For Owl Carousel 7 */
#carousel7 .owl-next span, #carousel7 .owl-prev span{
  display: flex;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: rgba(0,0,0,0.6);
  justify-content: center;
  align-items: center;
}

#carousel7 .owl-next span i, #carousel7 .owl-prev span i{
  font-size: 18px;
  color: #fff;
}
/* For Owl Carousel 7 */

/* For Owl Carousel 8 */
#carousel8 .owl-next span, #carousel8 .owl-prev span{
  display: flex;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: rgba(0,0,0,0.6);
  justify-content: center;
  align-items: center;
}

#carousel8 .owl-next span i, #carousel8 .owl-prev span i{
  font-size: 18px;
  color: #fff;
}
/* For Owl Carousel 8 */

.ft-slider .owl-stage{
  display: flex;
}

.ft-slider .product-option{
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
  border-radius: 25px;
  box-shadow: #2226261f 0px 2px 6px;
  padding: 20px 15px;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-top: 5px;
}



.ft-slider .items {
    display: flex;
    height: 100%;
}


/* For Ft slider */
.ft-slider{
  position: relative;
}

.ft-slider .owl-prev, .ft-slider .owl-next{
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  height: 100%;
}

.ft-slider .owl-prev{
  left: 0;
}

.ft-slider .owl-next{
  right: 0;
}

.ft-slider .owl-next span, .ft-slider .owl-prev span{
  display: flex;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: rgba(0,0,0,0.6);
  justify-content: center;
  align-items: center;
}

.ft-slider .owl-next span i, .ft-slider .owl-prev span i{
  font-size: 18px;
  color: #fff;
}
/* For Ft slider */
/* Owl carousel properties */

/* For secsubsec headings */
h3.subsec-title::after{
  display: block;
  content: "";
  width: 45px;
  height: 4px;
  background-color: #4ac9f0;
  margin: 10px auto;
}
/* For secsubsec headings */


/* .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x)/ -2);
    margin-left: calc(var(--bs-gutter-x)/ -2);
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)/ 2);
    padding-left: calc(var(--bs-gutter-x)/ 2);
    margin-top: var(--bs-gutter-y);
} */

.owl-carousel .owl-stage{
  display: flex;
  margin: 0 auto;
}

.owl-carousel div.item{
  height: 100%;
  padding-bottom: 20px;
}

.vs-video-option-container a{
  position: relative;
}

.vs-video-option-container i{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-tile-option h3::after{
  display: block;
  content: "";
  width: 45px;
  height: 4px;
  background-color: #4ac9f0;
}

.product-tile-option h3.text-center::after{
  margin: 10px auto;
}

.product-tile-option h3.text-left::after{
  margin: 10px 0px;
}

/* .product-tile-option .col-content{
  display: flex;
  flex-direction: column;
  height: 100%;
} */

.column_attachment_container{
  margin-top: auto;
  margin-bottom: 10px;
}

.product-attachment{
  display: inline-block;
  color: #fff;
  background-color: #4ac9f0;
  margin: 5px;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 14px;
}


#demo{
  z-index: 0;
}

					.dropdown-toggle::after
			   		{
					   transition: transform 0.15s linear;
					}

					.show.dropdown .dropdown-toggle::after {
					  transform: translateY(3px);
					}

					.dropdown-menu {
					  margin-top: 0;
					}
					.navbar
					{
						background-color:#3e7b17;

					}
					.ab
					{
						color: #4ac9f0;
					}

          .custm_btn{
            background-color: #4ac9f0;
            color: #fff;
						font-size: 14px;
						font-family: 'Roboto', sans-serif;
            padding: 5px 10px;
            margin: 0px 10px;
            border-radius: 5px;
          }

          #ab
					{
						color: #fff;
						font-size: 15px;
						font-family: 'Roboto', sans-serif;
					}
					.ac
					{
						color: black;
						font-family: 'Alatsi', sans-serif;
					}
					.ac1
					{
						color: black;
						font-size: 17px;
						font-family: 'Alatsi', sans-serif;
					}
					/* .ac:hover
					{

						opacity: 0.7; */

					}
					.dropdown-menu
					{
						background-color: #E8F6F3;
					}
					.container
					{
						/* margin-top: 50px; */
						margin-bottom: 10px;
					}
					.ad
					{
						color: #E74C3C;
					}
					.nav-pills .pill-1 .nav-link:not(.active) {
					   font-size: 20px;
					   color: #4ac9f0;
					   background-color: white;
					  font-weight: bold;
					  font-family: monospace;


					}

					.nav-pills .pill-2 .nav-link:not(.active) {
					   font-size: 20px;
					   color: #4ac9f0;
					   background-color:white ;
					   font-weight: bold;
					   font-family: monospace;
					}

					.nav-pills .pill-3 .nav-link:not(.active) {
					   font-size: 20px;
					   color: #4ac9f0;
					   background-color:white ;
					   font-weight: bold;
					   font-family: monospace;

					}


					/* active (faded) */
					.nav-pills .pill-1 .nav-link {
					    font-size: 20px;
					    color: white;
					    background-color: #4ac9f0;
					    font-weight: bold;
					    font-family: monospace;
					    padding: 5px;


					}

					.nav-pills .pill-2 .nav-link {
					   font-size: 20px;
					    color: white;
					    background-color: #4ac9f0;
					    font-weight: bold;
					    font-family: monospace;
					    padding: 5px;


					}

					.nav-pills .pill-3 .nav-link {
					  font-size: 20px;
					    color: white;
					    background-color: #4ac9f0;
					    font-weight: bold;
					    font-family: monospace;
					    padding: 5px;

					}
					.af
					{
						color: red;
					}
					h4
					{
						font-family: 'Roboto Slab', serif;
					}
					.ag
					{
						border:2px solid orange;
					}
					.ag1
					{
						border:2px solid blue;
					}
					h1,h2,h3
					{
						font-family: 'Roboto', sans-serif;
						color: #34495E;
            word-break: break-word;
					}
					.ah
					{
						border:3px solid #ABEBC6;
					}
					.ah:hover
					{
						border:3px solid #7DCEA0;
						box-shadow:none;
						cursor: pointer;
						background-color: #F6FFFA;
						transition: 1s;
					}
					.ai
					{
						color: skyblue;
					}
					.aj
					{
						background-color: black;
					}
					.ak
					{
						/* color: white; */
						color: #4ac9f0;
					}
					.ak_2
					{
						/* color: white; */
						color: #fff;
					}

          .al_1{
            background-color: #fff;
            border-radius: 5px;
            color: #4ac9f0;
            padding: 10px 20px;
          }
					.al
					{
						background-color: black;
						border:2px solid yellow;
					}
					.al:hover
					{
						border:1px solid white;
						cursor: pointer;
					}
					.am
					{
						font-size: 40px;
						font-weight: bold;
						color: white;
					}
					.card-link
					{
						color: #2471A3;
					}
					.an
					{
						background-color: white;
					}
					.container1 {
					  position: relative;
					  width: 100%;
					  margin-top: 10px;

					}

					.image1 {
					  display: block;
					  width: 100%;
					  height: auto;
					}

					.overlay1 {
					  position: absolute;
					  top: 0;
					  bottom: 0;
					  left: 0;
					  right: 0;
					  height: 100%;
					  width: 100%;
					  opacity: 0;
					  transition: .5s ease;
					  background-color: orange;
					}


					.container1:hover .overlay1 {
					  opacity: 1;
					}

					.text1 {
					  color: white;
					  font-size: 20px;
					  position: absolute;
					  top: 50%;
					  left: 50%;
					  -webkit-transform: translate(-50%, -50%);
					  -ms-transform: translate(-50%, -50%);
					  transform: translate(-50%, -50%);
					  text-align: center;
					}
					.container2 {
					  position: relative;
					  width: 100%;
					  margin-top: 10px;

					}

					.image2 {
					  display: block;
					  width: 100%;
					  height: auto;
					}

					.overlay2 {
					  position: absolute;
					  top: 0;
					  bottom: 0;
					  left: 0;
					  right: 0;
					  height: 100%;
					  width: 100%;
					  opacity: 0;
					  transition: .5s ease;
					  background-color: #F2F4F4;
					}


					.container2:hover .overlay2 {
					  opacity: 1;
					}

					.text2 {
					  color: black;
					  font-size: 20px;
					  position: absolute;
					  top: 50%;
					  left: 50%;
					  -webkit-transform: translate(-50%, -50%);
					  -ms-transform: translate(-50%, -50%);
					  transform: translate(-50%, -50%);
					  text-align: center;
					}
					.container3 {
					  position: relative;
					  width: 100%;
					  margin-top: 10px;
					}

					.image3 {
					  display: block;
					  width: 100%;
					  height: auto;
					}

					.overlay3 {
					  position: absolute;
					  top: 0;
					  bottom: 0;
					  left: 0;
					  right: 0;
					  height: 100%;
					  width: 100%;
					  opacity: 0;
					  transition: .5s ease;
					  background-color: green;
					}


					.container3:hover .overlay3 {
					  opacity: 1;
					}

					.text3 {
					  color: white;
					  font-size: 20px;
					  position: absolute;
					  top: 50%;
					  left: 50%;
					  -webkit-transform: translate(-50%, -50%);
					  -ms-transform: translate(-50%, -50%);
					  transform: translate(-50%, -50%);
					  text-align: center;
					}
					.o
					{
						/* background-color: orange; */
						background-color: #4ac9f0;
						color: white;
						padding: 10px;
					}
					.p
					{
						background-color: #F4F6F6;

						color: black;
						padding: 10px;
					}
					.q
					{
						background-color: #27AE60;
						color: white;
						padding: 10px;
					}
					.card
					{
						margin: 10px;
					}
					.ar
					{
						background-color: #4ac9f0;
					}
					.as
					{
						color: #BFC9CA;

					}
					.as_2
					{
						color: #fff;

					}
					.as:hover
					{
						color: white;
						text-decoration: none;
					}

					.ba
					{
						font-family: 'Montserrat', sans-serif;
						color: #A93226;
					}
					.nav-pills .pill-4 .nav-link:not(.active) {
					    background-color: orange;

					}

					.nav-pills .pill-5 .nav-link:not(.active) {
					    background-color:#F4F6F6;
					}

					.nav-pills .pill-6 .nav-link:not(.active) {
					    background-color: #52BE80;

					}


					/* active (faded) */
					.nav-pills .pill-4 .nav-link {
					    background-color: #A3E4D7;
					    font-size: 20px;
					    color: white;


					}

					.nav-pills .pill-5 .nav-link {
					    background-color: #A3E4D7;
					    font-size: 20px;
					    color: black;
					}

					.nav-pills .pill-6 .nav-link {
					    background-color:  #A3E4D7;
					    font-size: 20px;
					    color: white;

					}
					.bb
					{
						background-color: #F9EBEA;
						margin-top: 70px;
					}
					/* Style inputs */
					  input[type=text],input[type=email], select {
					  width: 100%;
					  padding: 12px 20px;
					  margin: 3px 0;
					  margin-bottom: 5px;
					  display: inline-block;
					  border: 1px solid #ccc;
					  border-radius: 4px;
					  box-sizing: border-box;
					}

					/* Style the submit button */
					input[type=submit] {
					  width: 100%;
					  background-color: #4CAF50;
					  color: white;
					  padding: 14px 20px;
					  margin: 8px 0;
					  border: none;
					  border-radius: 4px;
					  cursor: pointer;
					}

					/* Add a background color to the submit button on mouse-over */
					input[type=submit]:hover {
					  background-color: #45a049;
					}
					.c1
					{

						background-color: #EBF5FB;

					}
					.d1
					{
						background-color: #EAFAF1;
					}
					.e1
					{
						background-color: #F4F6F6;
					}



					.card {
					  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
					}
					
					@media screen and (min-width:1200px){
						#usp-section div.card:hover{
							box-shadow: 0 4px 24px 0 rgb(0 0 0 / 20%);
						}
					}

					.f1
					{
						background-color: #FDEDEC;
						color: black;
					}
					.g1
					{
						background-color: #E8F8F5;
					}
					.g2
					{
						color: orange;
					}
					.fa-instagram
					{
						color: white;
						margin: 10px;
					}
					.fa-youtube
					{
						color: white;
						margin: 10px;
					}
					.fa-linkedin
					{
						color: white;
						margin: 10px;
					}
					.fa-facebook
					{
						color: white;
						margin: 10px;

					}
					.fa-google
					{
						color: white;
						margin: 10px;
					}
					.fa-twitter
					{
						color: white;
						margin: 10px;
					}

					.g3
					{
					   width: 100%;
					   height: 3px;
					   border: 0 none;
					   background-color: white;
					}
					.baguetteBox-button
					{
						margin-top: 80px;

					}
					.g4
					{
						background-color: #F4F6F6;
					}
					.g5
					{
						border:0px white;
					}
					.g6
					{
						background-color: #FDEDEC;
						color: black;
					}
					.g7
					{
						/* background-color: orange; */
						background-color: #4ac9f0;
						color: white;
						padding: 5px;
					}
					.g71
					{
						background-color: #2980B9;
						color: white;
						padding: 5px;
					}
					.g8
					{
						float: right;

					}
					.fa-bars
					{
						color: black;
					}
					.g9
					{
						/* background-color: #0E6251; */
						background-color: #023041;
					}
					a{
						text-decoration: none;
					}
					a:hover
					{
						text-decoration: none;
					}
					.g10
					{
						border:2px solid yellow;
						padding-top: 10px;
						padding-bottom: 2px;
					}
					.g11
					{
						color: #E74C3C;
					}
					.g12
					{
						padding: 20px;
						background-color: #F4F6F6;
					}
					.g13
					{
						background-color: #C0392B;
						padding: 20px;
					}
					.aa
					{
						background-color: #F4F6F6;
						color: black;
					}
					.g14
					{
						background-color: #EBF5FB;
						border:none;
					}
					.g15
					{
						background-color: #EBF5FB;
					}
					.g17
					{
						/* background-color: #4886ff; */
						background-color: #fff;
					}
					.g18
					{
						background-color: #b5d56a;
					}
					.g19
					{
						background-color: #ff6f6f;
					}
					.g20
					{
						/* background-color: #3a5063; */
						background-color: #e9eff3;
					}
					.g21
					{
						/* background-color: #F5B041; */
						background-color: #4ac9f0;

					}
					.g22
					{
						border-left: 2px solid white;
					}
					.g23
					{
						background-color: #e9eff3;
					}

.mt5 {
    margin-top:5% !important;
}
.mb5 {
    margin-bottom:5% !important;
}

/* TABS */

    .nav-of-tabs > .nav.nav-tabs{

      border: none;
        color:#fff;
        background:#272e38;
        border-radius:0;

    }
    .nav-of-tabs > div a.nav-item.nav-link,
    .nav-of-tabs > div a.nav-item.nav-link.active
    {
      border: none;
        padding: 18px 25px;
        color:#fff;
        background:#272e38;
        border-radius:0;
    }

    .nav-of-tabs > div a.nav-item.nav-link.active:after
    {
      content: "";
      position: relative;
      bottom: -60px;
      left: -10%;
      border: 15px solid transparent;
      border-top-color: #e74c3c ;
    }
    .tab-content{
      /* background: #fdfdfd; */
        line-height: 25px;
        /* border: 1px solid #ddd; */
        /* border-top:5px solid #4ac9f0; */
        border-bottom:5px solid #4ac9f0;
        padding:30px 25px;
    }

    .nav-of-tabs > div a.nav-item.nav-link:hover,
    .nav-of-tabs > div a.nav-item.nav-link:focus
    {
      border: none;
        background: #e74c3c;
        color:#fff;
        border-radius:0;
        transition:background 0.20s linear;
    }
/* TABS ENDS */

/* SUBMENU */
/*
.dropdown-submenu {
	position: relative;
  }

  .dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px;
	border-radius: 0 6px 6px 6px;
  }

  .dropdown-submenu:hover>.dropdown-menu {
	display: block;
  }

  .dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #ccc;
	margin-top: 5px;
	margin-right: -10px;
  }

  .dropdown-submenu:hover>a:after {
	border-left-color: #fff;
  }

  .dropdown-submenu.pull-left {
	float: none;
  }

  .dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
  }
  */
  .contactimp, .contactimpwrapper {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
	z-index: -1;
  }
  div.button
      {
         max-width: 400px;
         text-align: center;
         position: fixed;
         right: -42px;
         top: 250px;
         transform: rotate(-90deg);
         z-index:999;
      }

	  /* --- Loader --- */
	  .loader_bg, .loader_bg_2{
		position: fixed;
		z-index: 9999999;
		width: 100%;
		height: 100%;
   }

   .loader_bg{
	 background: #fff;
   }
   .loader_bg_2{
	 background: rgba(0,0,0,0.5);
   }

   .loader {
		height: 100%;
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
		display: flex;
		justify-content: center;
		align-items: center;
   }

   .loader img {
		width: 100px;
   }

   .loader_bg_2 .loading {
	 position: fixed;
	 z-index: 999;
	 height: 2em;
	 width: 2em;
	 overflow: show;
	 margin: auto;
	 top: 0;
	 left: 0;
	 bottom: 0;
	 right: 0;
	 display:block;
   }

   .loader_bg_2 .loading:before {
	 content: '';
	 display: block;
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background: radial-gradient(rgba(20, 20, 20,.5), rgba(0, 0, 0, .5));
	 background: -webkit-radial-gradient(rgba(20, 20, 20,.5), rgba(0, 0, 0,.5));
   }
   /* :not(:required) hides these rules from IE9 and below */
   .loader_bg_2 .loading:not(:required) {
	 /* hide "loading..." text */
	 font: 0/0 a;
	 color: transparent;
	 text-shadow: none;
	 background-color: transparent;
	 border: 0;
   }

   .loader_bg_2 .loading:not(:required):after {
	 content: '';
	 display: block;
	 font-size: 10px;
	 width: 1em;
	 height: 1em;
	 -webkit-animation: spinner 1500ms infinite linear;
	 -moz-animation: spinner 1500ms infinite linear;
	 -ms-animation: spinner 1500ms infinite linear;
	 -o-animation: spinner 1500ms infinite linear;
	 animation: spinner 1500ms infinite linear;
	   border-radius: 0.5em;
	 -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
   box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
   }

   /* Animation */

   @-webkit-keyframes spinner {
	 0% {
	   -webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
	   -ms-transform: rotate(0deg);
	   -o-transform: rotate(0deg);
	   transform: rotate(0deg);
	 }
	 100% {
	   -webkit-transform: rotate(360deg);
	   -moz-transform: rotate(360deg);
	   -ms-transform: rotate(360deg);
	   -o-transform: rotate(360deg);
	   transform: rotate(360deg);
	 }
   }
   @-moz-keyframes spinner {
	 0% {
	   -webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
	   -ms-transform: rotate(0deg);
	   -o-transform: rotate(0deg);
	   transform: rotate(0deg);
	 }
	 100% {
	   -webkit-transform: rotate(360deg);
	   -moz-transform: rotate(360deg);
	   -ms-transform: rotate(360deg);
	   -o-transform: rotate(360deg);
	   transform: rotate(360deg);
	 }
   }
   @-o-keyframes spinner {
	 0% {
	   -webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
	   -ms-transform: rotate(0deg);
	   -o-transform: rotate(0deg);
	   transform: rotate(0deg);
	 }
	 100% {
	   -webkit-transform: rotate(360deg);
	   -moz-transform: rotate(360deg);
	   -ms-transform: rotate(360deg);
	   -o-transform: rotate(360deg);
	   transform: rotate(360deg);
	 }
   }
   @keyframes spinner {
	 0% {
	   -webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
	   -ms-transform: rotate(0deg);
	   -o-transform: rotate(0deg);
	   transform: rotate(0deg);
	 }
	 100% {
	   -webkit-transform: rotate(360deg);
	   -moz-transform: rotate(360deg);
	   -ms-transform: rotate(360deg);
	   -o-transform: rotate(360deg);
	   transform: rotate(360deg);
	 }
}

@media screen and (max-width: 768px){
  #testimonial-section div.media{
    flex-direction: column;
    align-items: center;
  }
}

#usp-section h3{
	font-size: 1.25rem;
}

#usp-section div.card{
  height: 100%;
}

/* hp custom properties */
#hp_custom div.hp-option:nth-of-type(1n) .col-content{
  background-color: #4886ff;
}
#hp_custom div.hp-option:nth-of-type(2n) .col-content{
  background-color: orange;
}
#hp_custom div.hp-option:nth-of-type(3n) .col-content{
  background-color: #2ECC71;
}

#hp_custom .hp-option .col-content{

  border-radius: 25px;
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
  padding: 20px 10px;
}

#hp_custom .hp-option img{
  width: 45%;
  margin-right: 10px;
}

#hp_custom .hp-option h3{
  text-align: left;
}
#hp_custom .hp-option a{
  color: #fff;
  font-size: 21px;
  text-transform: capitalize;
  text-align: left;
}
/* hp custom properties */

/* testimonial section properties */
#testimonial-section div.card, #testimonial-section div.media{
  height: 100%;
}
#testimonial-section div.media{
  display: flex;
  align-items: center;
}

#carousel1{
  border-top: 2px solid #4ac9f0;
  border-bottom: 2px solid #4ac9f0;
}

#carousel1 div.item div.card{
  height: 100%;
}
/* testimonial section properties */

#faculty-container div.column, #faculty-container div.card{
  height: 100%;
}
#carousel7 div.card-footer, #carousel8 div.card-footer{
  background-color: #4ac9f0;
  color: #fff;
  border:0;
  border-radius: 5px;
  margin-left: 15px;
  margin-right: 15px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 15px;
}
nav ul.main_menu{
  box-shadow: 0px 2px 4px #dfdfdf;
}

#amv_container div.tab-content div.tab-pane{
  padding: 20px;
  border-radius: 25px;
  box-shadow: 0px 0px 15px #0000001f;
}

#amv_container div.tab-content{
  padding-left: 0;
  padding-right: 0;
}

/* title sections properties */
.service-title-section h2{
	text-transform: uppercase;
}
/* title sections properties */

/* featured section properties */

.featured-section{
	background-color: #4ac9f0;
}

.featured-section h2{
	color: #fff;
}

.featured-section h2::after{
	display: block;
	width: 50px;
	height: 4px;
	background-color: #fff;
	margin-top: 15px;
	content: "";
}

.featured-section .owl-carousel .owl-stage{
	display: flex;
	padding-top: 20px;
	padding-bottom: 20px;
}

.featured-section .owl-carousel .items{
	display: flex;
	height: 100%;
}

.featured-section .owl-carousel .owl-prev, .featured-section .owl-carousel .owl-next{
	position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    height: 100%;
} 

.featured-section .owl-carousel .owl-prev{
	left: 0;
}

.featured-section .owl-carousel .owl-next{
	right: 0;
}

.featured-section .owl-prev span, .featured-section .owl-next span {
    font-size: 18px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: #0000001f 0px 0px 15px;
	color: #4ac9f0;
    background-color: rgba(255, 255, 255, 1);
    margin: 20px 0;
}

.slide-option{
	position: relative;
	box-shadow: #7335b71f 0px 0px 15px;
	margin-left: 15px;
	margin-right: 15px;
	display: flex;
	height: 100%;
	flex-direction: column;
	border-radius: 25px;
	background-color: #fff;
	padding: 20px 32px;
}

.slide-option h3{
	margin: 30px 0px 10px 0px;
}

.slide-option h3 a{
	color: #4ac9f0;
}

.slide-option .view-detail-btn{
	margin-top: auto;
	margin-bottom: 20px;
}

.slide-option .view-detail-btn a{
	color: #fff;
	background-color: #4ac9f0;
	border-radius: 5px;
	padding: 7px 12px;
	display: inline-block;
}

.slide-option span{
	position: absolute;
	top:-1px;
	left: 37%;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	background-color: #4ac9f0;
	color: #fff;
	padding: 8px 16px;
}
/* featured section properties */

/* categories section properties */
.categories-option-container{
	border-top: 2px solid #4ac9f0;
	border-bottom: 2px solid #4ac9f0;
}
.category-section-option .col-content{
	box-shadow: #7335b71f 0px 0px 15px;
	margin-left: 15px;
	margin-right: 15px;
	display: flex;
	height: 100%;
	flex-direction: column;
	border-radius: 25px;
}

.category-section-option h3{
	margin: 30px 0px 10px 0px;
}

.category-section-option h3 a{
	color: #4ac9f0;
}

.category-section-option .cs-know-more-btn{
	margin-top: auto;
	margin-bottom: 0;
}

.category-section-option .cs-know-more-btn a{
	color: #fff;
	background-color: #4ac9f0;
	border-radius: 5px;
	padding: 7px 12px;
	display: inline-block;
}
/* categories section properties */

/* items section properties */
.item-section-options-container{
	padding-top: 50px;
	padding-bottom: 50px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.item-option .col-content{
	background-color: #fff;
	box-shadow: #0000001f 0px 0px 15px;
	display: flex;	
	flex-direction: column;
	height: 100%;
	border-radius: 25px;
}
.item-section-options-container{
	background-color: #eeefef;
}

.item-option h3{
	margin: 30px 0px 10px 0px;
}

.item-option h3 a{
	color: #4ac9f0;
}

.item-option .kn_btn{
	margin-top: auto;
	margin-bottom: 0;
}

.item-option .kn_btn a{
	color: #fff;
	background-color: #4ac9f0;
	border-radius: 5px;
	padding: 7px 12px;
	display: inline-block;
}

/* items section properties */

/* latest news section properties */
#latest-news-section h3{
	font-size: 1.25rem;
}
/* latest news section properties */

/* branding block properties */
#branding-block a{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: start;
}

#branding-block p{
	margin-bottom: 0;
}

#brand_logo{
	margin-right: 10px;
}

#brand_name, #brand_tagline{
	display: block;
	text-align: left;
}

#brand_name{
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 18px;
}

#brand_tagline{
	color: #4ac9f0;
	text-transform: capitalize;
	font-size: 16px;
}

@media screen and (max-width:575px){
	#brand_name{
		font-size: 16px;
	}

	#brand_tagline{
		font-size: 14px;
	}

	#brand_name, #brand_tagline{
		text-align: center;
	}

	#branding-block a{
		flex-direction: column;
		justify-content: center;
	}

	#brand_logo{
		margin-right: 0px;
		margin-bottom: 10px;
	}
}

@media screen and (min-width: 576px) and (max-width: 1200px){
	#branding-block a{
		justify-content: center;
	}
}
/* branding block properties */

/* Home about section properties */
#home_about_video_2{
	width: 100%;
	border: 0;
}
/* Home about section properties */

/* About page properties */

#about-content-container ul, #about-content-container ol{
	padding-left: 20px;
}

#about-content-container li::marker{
	color: #4ac9f0;
	font-weight: bold;
}

#about-banner-section img{
	width: 100%;
}

#about-content-container table{
	border: 0;
	background-color: #eeefef;
}

#about-content-container table *{
	border: 0;
}
#about-content-container table tr:nth-child(even){
	background-color: #fff;
}
#about-content-container table td{
	padding: 10px;
	padding: 10px;
}

#about_features_section{
	border-top: 2px solid #4ac9f0;
	border-bottom: 2px solid #4ac9f0;
}

/* About page properties */

/* contact page properties */

#contact_page_heading{
	color: #023041;
}

#contact_page_heading::after{
	content: '';
	display: block;
	width: 50px;
	height: 4px;
	background-color: #4ac9f0;
	margin-top: 20px;
}

/* contact options properties */
.contact_option{
	box-shadow: 0px 0px 12px #0000001f;
	border-radius: 25px;
	height: 100%;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: 15px;
	margin-right: 15px;
}

.contact_option i{
	color: #4ac9f0;
	font-size: 50px;
}

.contact_option h2{
	color: #023041;
	font-size: 30px;
	margin-top: 30px;
	margin-bottom: 20px;
}
.contact_option p{
	margin-bottom: 0;
}
/* contact options properties */

/* contact form container properties */
#contact_form_container{
	border-top: 4px solid #4ac9f0;
}

#contact_form_container h2{
	color: #023041;
}

#contact_form_container h2::after{
	content: '';
	display: block;
	width: 50px;
	height: 4px;
	background-color: #4ac9f0;
	margin-top: 20px;
	margin-bottom: 30px;
}

#contact_form_container form input, #contact_form_container form textarea{
	border-radius: 0;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #4ac9f0;
	margin-bottom: 20px;
}

#contact_form_container form input:focus, #contact_form_container form textarea:focus{
	border: 1px solid #4ac9f0;
	border-radius: 5px;
	outline: none;
}

#contact_form_container form textarea{
	resize: none;
}

#contact_form_container form input[type='submit']{
	background-color: #4ac9f0;
	border-radius: 25px;
}
/* contact form container properties */

/* contact page properties */

.ft_app{
	margin-bottom: 0;
	padding-left: 0;
}
.ft_app li{
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
}

.ft_app li i{
	color: #4ac9f0;
}

.ft_app li p{
	color: #fff;
}

.modal-register{
	z-index: 9999;
}

/* Admission form properties */
#Admission_modal div.modal-content{
	border-radius: 25px;
}

#Admission_modal div.modal-header{
	padding: 1rem 0;
    margin: 0 1rem;
    border-bottom: 3px solid #4ac9f0;
	align-items: center;
}

#Admission_modal div.modal-footer{
	padding: 1rem 0;
    margin: 0 1rem;
    border-top: 3px solid #4ac9f0;
	flex-direction: column;
}


#Admission_modal div.modal-header button.close{
	margin-right: 1px;
	outline: none;
}

#Admission_modal div.modal-header button.close span{
	font-size: 30px;
	outline: none;
}

#admission_form{
	margin-right: 20px;
	margin-left: 20px;
}

#admission_form label{
	color: #000;
}

#admission_form label::after{
	content: "";
	display: block;
	width: 20px;
	height: 1px;
	background-color: #4ac9f0;
	margin-top: 5px;
}

#admission_form input{
	border: 0;
	border-radius: 0;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #efefef;
	margin-bottom: 20px;
	transition: none;
}

#admission_form input:focus{
	border: 1px solid #4ac9f0;
	border-radius: 5px;
	outline: none;
	box-shadow: none;
}

#admission_form button{
	background-color: #4ac9f0;
	color: #fff;
}

@media screen and (max-width: 575px){
	#Admission_modal div.modal-header{
		margin: 0 0.8rem;
	}
	#Admission_modal div.modal-header h2{
		font-size: 20px;
	}

	#admission_form{
		margin-right: 10px;
		margin-left: 10px;
	}

	#Admission_modal div.modal-header button.close span{
		font-size: 26px;
	}
}
/* Admission form properties */

/* public disclousure page properties */
#public_dis_section h1{
	text-transform: capitalize;
	color: #023041;
	font-size: 36px;
}

#public_dis_section h1::after{
	content: '';
	width: 50px;
	height: 4px;
	background-color: #4ac9f0;
	display: block;
	margin-top: 10px;
}

#dowload_option_container p{
	border-bottom: 1px solid #bfbfbf;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#dowload_option_container a{
	background-color: #4ac9f0;
	color: #fff;
	font-family: 'Roboto', sans-serif;
}
/* public disclousure page properties */

/* from desk page properties */
#from-desk-container h1{
	text-transform: capitalize;
	color: #023041;
	font-size: 36px;
}

#from-desk-container h1::after{
	content: '';
	height: 4px;
	background-color: #4ac9f0;
	display: block;
	margin-top: 10px;
}

.dm_h2_1, .dm_h2_2 , .dm_h2_3{
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	text-transform: capitalize;
}

.dm_h2_1::after, .dm_h2_3::after{
	content: '';
	display: block;
	width: 45px;
	height: 2px;
	background-color: #4ac9f0;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

.dm_h2_2::after{
	content: '';
	display: block;
	width: 45px;
	height: 2px;
	background-color: #4ac9f0;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
}

.dm_h2_1 span, .dm_h2_3 span{
	color: #7a7a7a;
	font-weight: 300;
}

.dm_h3_1, .dm_h3_2{
	font-family: 'Roboto';
	font-weight: 300;
	text-transform: capitalize;
	color: #7a7a7a;
}

.dm_h3_1::after{
	content: '';
	display: block;
	width: 45px;
	height: 2px;
	background-color: #4ac9f0;
	margin-top: 10px;
	margin-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
}

@media screen and (min-width:992px){
	.dm_image_1{
		padding: 35px 0px;
		/* border-right: 1px solid #ebebeb; */
	}
}

/* from desk page properties */

/* achievers section, achievers page and staff page properties */
#achievers_page_container, #faculty-container{
	font-family: 'Roboto', sans-serif;
	color: #023041;
	text-transform: capitalize;
}

#achievers_op_container, #staff_op_container{
	border-top: 2px solid #4ac9f0;
}

#achievers_section h2{
	font-size: 2.5rem;
}

.achievers_option, .staff_option{
	height: 95%;
	border-radius: 40px;
	padding: 30px 15px;
	box-shadow: 0px 0px 10px #0000001f;
	margin: 20px 15px;
}

.ao_img_container, .staff_img_container{
	width: 220px;
	height: 220px;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 50%;
}

.ao_img_container img, .staff_img_container img{
	width: 140% !important;
    max-width: none;
    margin-left: -22%;
}

.achiever_name, .faculty_name{
	margin-top: 28px;
	font-size: 1.75rem;
	text-transform: capitalize;
	text-align: center;
}

.achiever_name::after, .faculty_name::after{
	content: '';
	display: block;
	width: 25px;
	height: 4px;
	margin: 10px auto;
	background-color: #4ac9f0;
}

.achiever_class, .faculty_qualification{
	margin-top: 30px;
	margin-bottom: 10px;
}

.achiever_marks{
	margin-bottom: 0;
}

#achievers_section #carousel1 .owl-nav [class*=owl-]{
	position: absolute;
	top: 0;
	display: flex;
	align-items: center;
	height: 100%;
}

#achievers_section #carousel1 .owl-prev{
	left: 0;
}

#achievers_section #carousel1 .owl-next{
	right: 0;
}

@media screen and (max-width:786px){
	.achievers_option, .staff_option{
		padding: 30px 15px;
		margin: 20px 6px;
	}
	
	.ao_img_container, .staff_img_container{
		width: 150px;
		height: 150px;
	}
}
/* achievers section, achievers page and staff page properties */

/* popup video properties */
#landingAdPop div.modal-dialog {
    display: flex;
    height: 100%;
    align-items: center;
}

#landingAdPop div.modal-header{
	border: 0;
  }
  
  #landingAdPop .modal-content img{
	width: 100%;
	display: block;
	margin: 0 auto;
  }
  
  #landingAdPop div.modal-body{
	padding: 0;
  }
  
  #landingAdPop div.modal-content button.btn{
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px 20px;
	border-radius: 0;
	font-size: 20px;
  }
  
  #landingAdPop_video_2{
	width: 100%;
	border: 0;
  }

  #landingAdPop div.modal-body{
	background-color: rgba(0, 0, 0, 0.8);
  }
  
  #landingAdPop div.modal-content button.btn{
	color: #fff;
	background-color: rgba(0, 0, 0, 0.8);
  }
/* popup video properties */

/* common.php properties */
.its_container {
	border-bottom: 4px solid #4ac9f0;
	padding-bottom: 50px;
}
.its_container h1::after{
	content: '';
	display: block;
	width: 50px;
	height: 4px;
	background-color: #4ac9f0;
	margin: 20px auto 0px auto;
}
.its_container ul, .its_container ol{
	padding-left: 20px;
}

.its_container li::marker{
	color: #4ac9f0;
	font-weight: bold;
}

.its_container table{
	border: 0;
	background-color: #eeefef;
}

.its_container table *{
	border: 0;
}

.its_container br{
	display: none;
}

.its_container table tr:nth-child(even){
	background-color: #fff;
}

.its_container table td{
	padding: 10px;
	padding: 10px;
}

.its_c_info_block{
	overflow-x: auto;
}

.attachment-option{
	display: inline-block;
	color: #fff;
	background-color: #4ac9f0;
	margin: 5px;
	padding: 8px 12px;
	border-radius: 8px;
	font-size: 14px;
}

@media screen and (min-width:1200px){
	.attachment-option:hover{
		color: #4ac9f0;
		background-color: #fff;
	}
}
  
/* common.php properties */

/* loader properties */
.loader_bg, .loader_bg_2{
	position: fixed;
	z-index: 9999999;
	width: 100%;
	height: 100%;
}

.loader {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.loader img {
	width: 100px;
}

.loader_bg_2 .loading {
 position: fixed;
 z-index: 999;
 height: 2em;
 width: 2em;
 overflow: show;
 margin: auto;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 display:block;
}

.loader_bg_2 .loading:before {
 content: '';
 display: block;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
/* :not(:required) hides these rules from IE9 and below */
.loader_bg_2 .loading:not(:required) {
 font: 0/0 a;
 text-shadow: none;
 border: 0;
}

.loader_bg_2 .loading:not(:required):after {
 content: '';
 display: block;
 font-size: 10px;
 width: 1em;
 height: 1em;
 -webkit-animation: spinner 1500ms infinite linear;
 -moz-animation: spinner 1500ms infinite linear;
 -ms-animation: spinner 1500ms infinite linear;
 -o-animation: spinner 1500ms infinite linear;
 animation: spinner 1500ms infinite linear;
   border-radius: 0.5em;
}

/* Animation */

@-webkit-keyframes spinner {
 0% {
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 100% {
   -webkit-transform: rotate(360deg);
   -moz-transform: rotate(360deg);
   -ms-transform: rotate(360deg);
   -o-transform: rotate(360deg);
   transform: rotate(360deg);
 }
}
@-moz-keyframes spinner {
 0% {
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 100% {
   -webkit-transform: rotate(360deg);
   -moz-transform: rotate(360deg);
   -ms-transform: rotate(360deg);
   -o-transform: rotate(360deg);
   transform: rotate(360deg);
 }
}
@-o-keyframes spinner {
 0% {
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 100% {
   -webkit-transform: rotate(360deg);
   -moz-transform: rotate(360deg);
   -ms-transform: rotate(360deg);
   -o-transform: rotate(360deg);
   transform: rotate(360deg);
 }
}
@keyframes spinner {
 0% {
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 100% {
   -webkit-transform: rotate(360deg);
   -moz-transform: rotate(360deg);
   -ms-transform: rotate(360deg);
   -o-transform: rotate(360deg);
   transform: rotate(360deg);
 }
}

.loader_bg{
	background: #fff;
  }
  .loader_bg_2{
	background: rgba(0,0,0,0.5);
  }
  
  .loader_bg_2 .loading:before {
	background: radial-gradient(rgba(20, 20, 20,.5), rgba(0, 0, 0, .5));
	background: -webkit-radial-gradient(rgba(20, 20, 20,.5), rgba(0, 0, 0,.5));
  }
  /* :not(:required) hides these rules from IE9 and below */
  .loader_bg_2 .loading:not(:required) {
	color: transparent;
	background-color: transparent;
  }
  
  .loader_bg_2 .loading:not(:required):after {
	-webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
  }
/* loader properties */

/* call to action section properties */
#direct-you-section{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-blend-mode: multiply;
	background-color: rgba(0, 0, 0, 0.7);
}

#direct-you-section h2, #direct-you-section h3{
	color: #fff;
}

#direct-you-section h2::after{
	display: block;
	content: '';
	width: 40px;
	height: 4px;
	background-color: #4ac9f0;
	margin: 20px auto 0 auto;
}

.dy-option a{
	color: #fff;
	text-transform: capitalize;
}

.dy-option a i{
	font-size: 32px;
	margin-bottom: 10px;
}

#direct-you-section h3{
	font-size: 24px;
}

.dy-icon-cont a i{
	color: #4ac9f0;
	font-size: 18px;
}
/* call to action section properties */

/* newsletter section properties */
#newsletter form{
	padding-bottom: 100px;
  }
  
  #newsletter input[type="email"]{
	border-radius: 25px;
	width: 300px;
	padding: 8px 10px;
	margin-bottom: 10px
  }
  
  #newsletter input[type="submit"]{
	border: 0px;
	border-radius: 25px;
	padding: 8px 15px;
	margin-bottom: 10px;
  }

  /* newsletter section properties */
#newsletter{
	background-color: #f1f1f8;
  }
  
  #newsletter input[type="email"]{
	border: 1px solid #4ac9f0;
  }
  
  #newsletter input[type="submit"]{
	background-color: #4ac9f0;
	width: auto;
	color: #fff;
  }
  
  /* newsletter section properties */

  /* banner section propertie */
  .banner-slider .carousel-item{
	  position: relative;
  }

  .banner-slider .carousel-control-prev, .banner-slider .carousel-control-next{
	  opacity: 1;
  }

  .banner-slider .carousel-control-prev i, .banner-slider .carousel-control-next i{
	color: #fff;
	font-size: 40px;
  }

  .banner-slider .carousel-block{
	position: absolute;
	top: 0;
	height: 100%;
	display: flex;
	align-items: center;
	left: 10%;
	width: 40%;
  }

  .banner-slider .carousel-content{
	  background-color: rgba(0, 0, 0, 0.7);
	  padding: 40px 20px;
  }

  .banner-slider h2.maintitle{
	  text-transform: uppercase;
	  color: #4ac9f0;
  }

  .banner-slider h3.subtitle{
	  text-transform: capitalize;
	  color: #fff;
	  font-size: 25px;
	  margin-top: 20px;
  }

  .banner-slider a.cta-btn{
	  display: inline-block;
	  text-decoration: none;
	  background-color: #4ac9f0;
	  color: #fff;
	  padding: 7px 12px;
	  margin-top: 12px;
	  border-radius: 5px;
	  text-transform: capitalize;
  }

  .banner-slider p.tagline{
	  color: #fff;
	  margin-top: 20px;
  }

  @media screen and (max-width:575px){
	.banner-slider .carousel-block{
		position: static;
		width: 100%;
	}

	.banner-slider .carousel-content{
		background-color: #fff;
		padding: 40px 12%;
	}

	.banner-slider h3.subtitle{
		color: #000;
	}
	.banner-slider p.tagline{
		color: #000;
	}
	.banner-slider .carousel-control-prev i, .banner-slider .carousel-control-next i{
		color: #4ac9f0;
	  }
  }

  @media screen and (min-width:576px) and (max-width:767px){
	.banner-slider .carousel-block{
		width: 80%;
	}

	.banner-slider h2.maintitle{
		font-size: 24px;
	}

	.banner-slider h3.subtitle{
		font-size: 18px;
		margin-top: 10px;
	}
	.banner-slider p.tagline{
		font-size: 14px;
		margin-top: 10px;
	}
	.banner-slider a.cta-btn{
		font-size: 12px;
		margin-top: 5px;
	}
  }

  @media screen and (min-width:768px) and (max-width:1200px){
	.banner-slider .carousel-block{
		width: 70%;
	}

	.banner-slider h2.maintitle{
		font-size: 28px;
	}

	.banner-slider h3.subtitle{
		font-size: 22px;
		margin-top: 12px;
	}
	.banner-slider p.tagline{
		font-size: 15px;
		margin-top: 10px;
	}
	.banner-slider a.cta-btn{
		font-size: 14px;
		margin-top: 5px;
	}
  }
  /* banner section propertie */

  /* subsections properties */
  .my-common-section ul, .my-common-section ol{
	padding-left: 20px;
}

.my-common-section ul br, .my-common-section ol br{
	display: none;
}

.my-common-section li::marker{
	color: #4ac9f0;
	font-weight: bold;
}

#about-banner-section img{
	width: 100%;
}

.my-common-section table{
	border: 0;
	background-color: #eeefef;
}

.my-common-section table *{
	border: 0;
}
.my-common-section table tr:nth-child(even){
	background-color: #fff;
}
.my-common-section table td{
	padding: 10px;
	padding: 10px;
}

.my-common-section div.col-content{
	overflow-x: auto;
}

.my-common-section ul.nav-pills{
	border-top: 5px solid #4ac9f0;
	padding-top: 20px;
}

.my-common-section .nav-item .nav-link{
	font-size: 20px;
    color: white;
    background-color: #4ac9f0;
    font-weight: bold;
    font-family: monospace;
    padding: 5px 10px;
}

.my-common-section .nav-item .nav-link:not(.active){
	font-size: 20px;
    color: #4ac9f0;
    background-color: white;
    font-weight: bold;
    font-family: monospace;
}

.my-common-section div.tab-content div.tab-pane {
    padding: 20px;
    border-radius: 25px;
    box-shadow: 0px 0px 15px #0000001f;
}

.my-common-section div.accordian div.card{
	border: 0;
	box-shadow: none;
	
}
.my-common-section div.accordian div.card-header{
	background: none;
	border-bottom: 1px solid #4ac9f0;
}

.my-common-section div.accordian div.card-header h3 button{
	font-family: 'Roboto', sans-serif;
    color: #34495E;
	display: block;
	width: 100%;
	text-align: left;
	padding-right: 50px;
	position: relative;
}

.my-common-section div.accordian div.card-header h3 button:not(.collapsed) .rotate-icon{
	transform: rotate(180deg);
}

.my-common-section div.accordian div.card-header h3 button i {
	position: absolute;
	top: 0;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 20px;
	font-size: 24px;
}

.my-common-section div.accordian iframe, .my-common-section div.accordian img{
	margin-right: 20px;
}

  /* subsections properties */

  /* move_to_top properties */
#move_to_top, #whatsapp_chat{
	display: flex;
	position: fixed;
	bottom: 0;
	margin-bottom: 10px;
	margin-right:10px;
	height: 40px;
	width: 40px;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	font-size: 20px;
	z-index: 9999999;
  }
  
  #move_to_top{
	left: 20px;
	box-shadow: #e7c3571f 0px 0px 20px;
  }
  
  #whatsapp_chat{
	left: 70px;
  }
  #move_to_top i, #whatsapp_chat i{
	vertical-align: middle;
  }

  #move_to_top, #whatsapp_chat{
	color: #fff;
  }
  
  #move_to_top{
	background-color: #18191e;
  }
  
  #whatsapp_chat{
	background-color: #4fce5d;
  }
  
  /* move_to_top properties */

  #carousel2{
	box-shadow: 0px 0px 12px #0000001f;
    border-radius: 20px;
    padding: 20px;
    margin-top: 35px;
    margin-bottom: 35px;
  }

/* affiliation page properties */
.affiliation_option{
	border-bottom: 1px solid #4ac9f0;
}

.affiliation_option h2{
	font-size: 1.5rem;
	margin-bottom: 20px;
}

.affiliation_option p{
	color:#7a7a7a;
}

.affiliation_option h2::after{
	display: block;
	content: '';
	width: 30px;
	height: 4px;
	margin-top: 10px;
	width: 24px;
	background-color: #4ac9f0;
}
/* affiliation page properties */

/* footer social icons */
.footer-sc-icon{
	border-radius: 50%;
    background-color: #fff;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	margin: 0 7px;
}

.footer-sc-icon i{
	color: #023041;
}
/* footer social icons */

.pow {
    text-align:right;
    font-size:12px !important;
}