h@charset "utf-8";
/* CSS Document */
/* search area box */

@font-face {
  font-family: Timeless;
  src: url('fonts/Timeless.woff');
}

@font-face {
  font-family: Analogue;
  src: url('fonts/Analogue.woff');
}

html {
    scroll-behavior: smooth;
    
}

*{
    margin:0;
    padding:0;
    box-sizing: border-box;
/*    font-family: Analogue;*/
}

body {
  font-family: "Lato", sans-serif;
  /*overflow-x:hidden;*/
}

p{
	font-size:1.2rem;
	font-family: Timeless;
}

figcaption{
	font-family: Timeless;
}

h2,
h3,
h4,
h5{
	font-family: Analogue;
}

::selection {
    color: #fff;
    background-color: #e45171;
}

    /* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #e45171;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #122643;
}

header {
    background: #122643;
    display:flex;
	align-items: center;
	justify-content: space-between;
	padding:20px 30px;
	position: relative;
}

.first_header li{
    padding: 10px 0 10px 0;
    text-align: left;
    color: #fff;
    font-size: 22px;
    font-family: Timeless;
    text-transform: uppercase;
}
.first_header li a{
    color: #fff;
    font-size: 18px;
    letter-spacing: 3px;
    font-weight: 400;
    font-family: Timeless;

 
}
.second_header li{
    padding: 7px 0 0px 0;
    text-align: left;
    color: #fff;
    font-size: 18px;
    font-family: Timeless;
}
.second_header li a{
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
    font-family: Timeless;
    font-weight: 400;
}
.border-rgiht{
    border-left: 1px solid #fff;
    padding-left: 20px;
}
.main-logo img {
  width:60%;
}

.hamburger {
  background: none;
  color: #fff;
  border: 0;
  font-size:2em;
  font-weight: bold;
  cursor: pointer;
  outline: none;
	transition: 0.3s;
}

.cross {
  background: none;
  color: #fff;
  border: 0;
  font-size:2.5em;
  font-weight: bold;
  cursor: pointer;
  outline: none;
  z-index:10000000;
  transition: 0.3s;
}

.cross img{
  width: 40px;
}

.menu {
  z-index: 1000000;
  font-weight: bold;
  top:0;
  height: 100vh;
  font-size: 0.8em;
  width: 100%;
  background: #122643;
  position: absolute;
  text-align: center;
  background-image: url('images/fl.png');
  background-size:40%;
  background-position:left 120% top 150%;
  background-repeat: no-repeat;
  padding:50px;
  font-family: Timeless;
}

.menu::before{
	content:"";
	background:#e45171;
	width:2px;
	height:700px;
	position: absolute;
	top:8%;
}

.header-img img{
  width: 100%;
}

.menu ul {
  margin-top:20px!important;
  margin-left:20px;
  list-style-type: none;
  list-style-image: none;
}

.menu li {
  display: block;
}

.menu li:hover {
  display: block;
}

.menu ul li a {
    text-decoration: none;
	position: relative;
}

.menu ul li a::after{
    content: "";
    background: #e45171;
	width:0;
	height:2px;
	position: absolute;
	left:0;
	bottom:-10%;
	margin: auto;
	transition: 0.3s;
}

.menu ul li a:hover::after{
	width:100%;
}

.menu a {
  text-decoration: none;
  color: #666;
}

.glyphicon-home {
  color: white;
  font-size: 1.5em;
  margin-top: 5px;
  margin: 0 auto;
}

@keyframes topFadeIn {
/*    from {}
    to {}*/
  
  0% {
    opacity: 0;
    transform: translate(0px, -70%) scale(1, 0);
    -ms-transform: translate(0px, -70%) scale(1, 0);
    -webkit-transform: translate(0px, -70%) scale(1, 0);
  }
  75% {
    opacity: .4;
  }
  100% {
    opacity: .8;
    transform: translate(0px, 0%) scale(1, 1);
    -ms-transform: translate(0px, 0%) scale(1, 1);
    -webkit-transform: translate(0px, 0%) scale(1, 1);
  }
}

.xmenu-container{
  width:100%;
}

.xmenu-container ul {
  list-style-type: none;
}
.xmenu-title {
    padding: 10px 0 10px 0;
    text-align: left;
    color: #fff;
	font-family: Timeless;
    letter-spacing: 3px;
    font-family: 'lexend-light';
    font-weight: 400;
    text-transform: uppercase;
}
.xmenu-sub-menu {
  display: none;
  width: max-content;
  position: absolute;
  right:30%;
  top:0;
  padding:50px 0px;
  font-weight: normal;
  font-family: Timeless;
}

.xmenu-sub-menu li{
	text-transform: capitalize;
}

.xmenu-container span.xpand-list + ul {
  display: block;
  animation-name: topFadeIn;
  animation-duration: 1s;
}

.xmenu-active ul {
  display: block;
}
.xmenu-sub-menu li.xmenu-active
{
  font-weight: bold;
}
.xmenu-sub-menu li.xmenu-active:after
{
  content: " >";
}


.container-fluid{
	padding:0!important;
}

.hero{
	background: linear-gradient( #122643b0, #122643a8 ), url(images/Building.jpg)no-repeat;
	background-size: cover;
	background-position: center;
	height:100vh;
	position: relative;
}

.hero h1{
	color:#fff;
	position: absolute;
	top:40%;
	left:50%;
	transform: translate(-50%,-50%);
	font-size:6vw;
	font-family: Analogue;
	text-align: center;
	width:90%;
}

.about{
	background-image: url("images/fl.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	height:500px;
	background-color: #122643;
	color:#fff;
	position: relative;
}

@media (max-width:400px){
	.about{
		height:700px;
	}
}

.about h2{
	font-family: Analogue;
}

.about .container{
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}

.about p{
	font-family: Timeless;
}

.approach{
	background:linear-gradient( #122643e0, #122643e0 ), url("images/approach-home.jpg")no-repeat;
	background-size: cover;
	background-position: center;
	height:100%;
	color:#fff;
	overflow-x: hidden;
}

.approach h2{
	font-family: Analogue;
}

.approach p{
	font-family: Timeless;
}

.approach h3{
	font-family: Timeless;
	color:#f8d99b;
}

.approach{
	padding:3% 7%!important;
}

@media (max-width:575px){
	.approach{
		text-align: center;
	}
}

.news{
	overflow-x: hidden;
	position: relative;
}

.news .row > *{
	padding-right:0!important;
}

.news .pink-bg{
	background: #e45171;
}

.news .pink-bg{
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	text-align: right;
	line-height: 0px;
}

@media (max-width:575px){
	.news .pink-bg{
	   height: 90px;
    }
}

.news .pink-bg h2{
	font-size:6vw;
	color:#fff;
	font-family: Analogue;
}

.news .pink-bg p a{
	font-size:1.5vw;
	color:#fff;
	font-family: Timeless;
}

.news .pink-bg p a:hover{
	text-decoration: none;
}

.testi{
	background:linear-gradient( #122643e0, #122643e0 ), url("images/testimonial-home.jpg")no-repeat;
	background-size: cover;
	background-position: center;
	height:500px;
	color:#fff;
}

#carouselExampleIndicators{
	position: relative;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}

.carousel-indicators{
	bottom:-70px!important;
}

.carousel-indicators [data-bs-target]{
	width:1rem!important;
	height:1rem!important;
	border-radius: 50%;
}

#carouselExampleIndicators h2{
	font-family: Timeless;
	color:#f8d99b;
}

#carouselExampleIndicators h3{
	font-family: Analogue;
	color: #e45171;
}

#carouselExampleIndicators p{
	font-family: Analogue;
}

.footer{
	background: #122643;
	color:#fff;
	/*padding:3% 5%!important;*/
	font-family: Timeless;
}

.footer h3{
	color: #e45171; 
}

.footer h5 a{
	color: #e45171; 
	text-decoration: none;
	transition: 0.3s;
}

.footer h5 a:hover{
	color:#f8d99b;
}

.copy{
	padding:5px 20px!important;
	font-family: Timeless;
	background:#f8d99b; 
}

.copy p{
	font-size:1em
}

/*--------------------------------About Section-----------------------------*/

.about-hero{
	background:url("images/Inner-banner.jpg")no-repeat;
	background-size: cover;
	background-position: center;
	height: 500px;
	background-attachment: scroll;
}
.side-nav{
	background:url("images/fl.png")no-repeat;
	background-size: 30%;
	background-position: right -100px bottom -100px;
	background-color: #122643;
	color:#fff;
	overflow: hidden;
}

.side-nav ul{
	padding:0;
	font-family: Timeless;
}

.side-nav li{
	list-style: none;
	background: #e45171;
	margin-bottom:10px;
	padding:20px 20px; 
}

.side-nav li a{
	text-decoration: none;
	color:#fff;
}

.side-nav p{
	width:100%;
}

@media (max-width:767px){
	.about_content li{
	   margin-bottom:5px;
	    padding:20px 10px;
     }
}

@media (max-width:575px){
	.about_content p{
	   width:100%;
    }
}

/*----------------------------Our Management Section------------------------------------*/
.mock_img{
	float: left;
	max-width:200px;
	margin:0px 40px 5px 0px;
}

@media (max-width:991px){
	.mock_img{
	   float: left;
	   margin:0px 20px 0px 0px;
    }
}

@media (max-width: 480px){
	.mock_img{
	   float: none;
	   max-width:30%;
		margin:auto;
        display: flex;
    }
}

.accordion {
  list-style: none;
  color: #fff;
}
.accordion__item input {
  display: none;
  transition: 0.3s;
}
.accordion__title {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.accordion__title:hover {
  color: #eee;
}
.accordion__title::after {
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' width='20px' title='chevron-down'%3E%3Cpath fill='%23eee' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z' /%3E%3C/svg%3E");
  content: "";
  transition: 0.3s;
}
.accordion__pane {
  overflow: hidden;
  height: 0;
  transition: 0.3s;
}
.accordion__item input:checked + .accordion__title::after {
  transform: rotate(180deg);
}
.accordion__item input:checked + .accordion__title {
  color: #fff;
}
.accordion__item input:checked ~ .accordion__pane {
  height: auto;
  padding-block: 1rem;
}

.accordion__pane h6 a:hover{
	cursor: pointer;
	color:#000;
}

@media (max-width: 767px){
	.mock_img{
	   float: none;
	   max-width:55%;
		margin:auto;
        display: flex;
    }
}

#languages th, #languages td {
  border: 1px solid #fff;
  border-collapse: collapse;
  padding:10px 20px;
}

#club_activities{
	overflow: hidden;
}

.right_content li{
	background: none;
	list-style:disc;
	padding:0 0;
	margin-left:30px;
}

.text-indent{
	text-indent: 50px;
	font-style: italic;
}

.right_content{
	padding-right:40px!important;
/*	text-align: justify;*/
}

figcaption,
    h3{
      padding-top:5px;
	  font-family: Timeless;
    }
    
    #vice,
    #hod{
        padding-right:10%;
    }
    
    @media(max-width:900px){
        #vice,
        #hod{
            padding-right:0%;
        }
    }

/*----------------------------------------Gallery----------------------------------------------------*/

.countries {
   padding: 2rem 0;
   background:#122643;
}

.countries_slider {
   margin: 20px 0;
   display: flex;
   flex-wrap: wrap;
   /*justify-content: space-around;*/
}

.countries_slider a {
  color:#fff;
  cursor: pointer;
  text-decoration: none;
  font-family: Timeless;
  margin:5px 5px;
  border:1px solid #fff;
  padding:10px;
  font-weight: bold;
  transition: background 0.3s ease-in-out;
}

.countries_slider a:hover{
	background: #fff;
	color:#122643;
}

.countries_slider .active {
  background: #fff!important;
	color:#122643;
}

/*--------------------------------Club Activities Section-----------------------------*/
@media (max-width:628px){
	.side-nav li a, .accordion__title{
		font-size:0.7rem;	
	}
	
	.side-nav li{
		padding:10px 5px;
	}
}