@charset "utf-8";
/* CSS Document */

*
/*Header Section*/
body {
	background-image: url("../Picture/5532862.jpg");
/*	background-size: 1300px;*/
	min-height: 200vh;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;	
}
.header{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	text-transform: uppercase;
	position: relative;
	z-index: 20;
	text-align: center;
}
.header h1{
	font-size: 4.3rem;
	font-weight: 700;
	color: #FFF100;
}
.header p {
	font-size: 1.7rem;
	font-weight: 700;
	color: #989898;
}
/*Header Section*/

/*Captain Secter*/
.header-title {
	margin-top: 20rem;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	background-position: center;
	z-index: 100;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 30px;
}
.header-title img {
	padding-top: 2rem;
	padding-bottom: 2rem;
	width: 100%;
}

.header-titles1 {	
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	background-position: center;
	z-index: 100;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 30px;
}

.header-titles1 img {
	padding-top: 2rem;
	padding-bottom: 2rem;
	width: 100%;
}
/*Captain Section*/

/*Announce Section*/
.announce-title{	
	background: rgba(255, 255, 255, 0.5);	
	border-radius: 30px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}
.announce-title img {
	width: 100%;
	padding-bottom: 1.5rem;
	padding-top: 1.5rem;
}

.title-2 {
	text-align: center;
	background: rgba(255, 255, 255, 0.5);	
	border-radius: 30px;
	padding-bottom: 1.5rem;
}

.title-2 img {
	width: 50%;
}

/*Announce Section*/

/*TextHeader Section*/
.animate-charcter
{
   text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #231557 0%,
    #44107a 29%,
    #ff1361 67%,
    #fff800 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 3s linear infinite;
  display: inline-block;
	font-size: 36px;
	width: 100%;
	padding-top: 4rem;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}
/*TextHeader Section*/


/*News Section*/
.blog-con {
	padding-bottom: 2rem;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 30px;

}
.blog-title{
	padding: 0.5rem;
	text-align: center;
}
.blog-items{	
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 10px;	
}
.blog-icon{
	padding-top: 0.5rem;
	text-align: center;	
}
.blog-icon img {
	border-radius: 20px;
}
.blog-item img:hover {
	transform: scale(1.4);
	transition: all 0.30s ease;
}
/*News Section*/

/*News Section*/
.blog-con2 {
	padding-bottom: 2rem;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 30px;

}
.blog-title2{
	padding: 0.5rem;
	text-align: center;
}
.blog-items2{	
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 10px;	
}
.blog-icon2{
	padding-top: 0.5rem;
	text-align: center;	
}
.blog-icon2 img {
	border-radius: 20px;
}
.blog-item2 img:hover {
	transform: scale(1.4);
	transition: all 0.30s ease;
}
/*News Section*/

/*Embed Start*/
.embed .container {
	background: rgba(255, 255, 255, 0.5);
	border-radius: 30px;
}

.embed .embed-data {
	text-align: center;
	align-content: center;
	padding-bottom: 2.5rem;
	padding-top: 2.5rem;
}
/*Embed End*/

/*TimeLine Section*/
.time-text {
	background: rgba(255, 255, 255, 0.5);
	border-radius: 30px;
	padding: 1rem;
	
	
}
.time-text {
	list-style: none;
}
.time-text h5 {
	margin-top: 0.8rem;
	font-size: 1.5rem;
	text-align: center;
	font-weight: 600;
	color: #222;
}
.time-text p {
	display: flex;
	text-decoration: none;
	font-size: 16px;
	padding-left: 7rem;
	padding-right: 7rem;
	font-weight: 300;
	color: #444;
}

.timeline .container .map {
	text-align: center;
	margin-bottom: 3rem;
}
/*TimeLine Section*/

/*Load More*/
.container1{
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  padding:25px 20px;
}

.container1 .heading{
  font-size: 40px;
  margin-bottom: 20px;
  color:#334;
}

.container1 .box-container{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap:20px;
}

.container1 .box-container .box{
  background-color: #fff;
  padding:20px;
  border-radius: 5px;
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
  display: none;
}

.container1 .box-container .box:nth-child(1),
.container1 .box-container .box:nth-child(2),
.container1 .box-container .box:nth-child(3),
.container1 .box-container .box:nth-child(4),
.container1 .box-container .box:nth-child(5),
.container1 .box-container .box:nth-child(6){
  display: inline-block;
}

.container1 .box-container .box .image{
  margin-bottom: 20px;
  overflow: hidden;
  height: 250px;
  border-radius: 5px;
}

.container1 .box-container .box .image img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.container1 .box-container .box:hover .image img{
  transform: scale(1.1);
	transition: all 0.30s ease;
}

.container1 .box-container .box .content h3{
  font-size: 20px;
  color:#334;
}

.container1 .box-container .box .content p{
  font-size: 15px;
  color:#777;
  line-height: 2;
  padding:15px 0;
}

.container1 .box-container .box .content .btn{
  display: inline-block;
  padding:10px 30px;
  border:1px solid #334;
  color:#334;
  font-size: 16px;
}

.container1 .box-container .box .content .btn:hover{
  background-color: crimson;
  border-color: crimson;
  color:#fff;
}

.container1 .box-container .box .content .icons{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
  padding-top: 15px;
  border-top:1px solid #334;
}

.container1 .box-container .box .content .icons span{
  font-size: 14px;
  color:#777;
}

.container1 .box-container .box .content .icons span i{
  color:crimson;
  padding-right: 5px;
}

#load-more{
  margin-top: 20px;
  display: inline-block;
  padding:13px 30px;
  border:1px solid #334;
  color:#334;
  font-size: 16px;
  background-color: #fff;
  cursor: pointer;
}

#load-more:hover{
  background-color: crimson;
  border-color: crimson;
  color:#fff;
}

@media (max-width:450px){

  .container .heading{
    font-size: 25px;
  }

  .container .box-container{
    grid-template-columns: 1fr;
  }

  .container .box-container .box .image{
    height: 200px;
  }

  .container .box-container .box .content p{
    font-size: 12px;
  }

  .container .box-container .box .content .icons span{
    font-size: 12px;
  }

}
/*Load More*/

/*Map Section*/
.maps{
	text-align: center;
}
.map {
	padding: 1.5rem;	
	background: rgba(255, 255, 255, 0.5);
	border-radius: 30px;
}
/*Map Section*/

/*Style*/
@media screen and (max-width: 1000px){
 	.blog-items {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 10px;
	}
	.organize-post img{
		margin-top: 1rem;
		width: 70%;
	
	}
	.announce-title img {
		width: 80%;
		align-content: center;
		align-items: center;
		justify-content: center;
	}
	
	.btn-1 {
		font-size: 1.1rem;
	}
	
	.time-text p {
		padding-left: 3rem;
		padding-right: 3rem;
	}
}
@media screen and (max-width: 500px){
 	.blog-items {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 20px;
	}
	.organize-post img{
		margin-top: 1rem;
		width: 80%;
	
	}
	.announce-title img {
		width: 80%;
		align-content: center;
		align-items: center;
		justify-content: center;
	}
	
	.btn-1 .effect {
		font-size: 18px;
	}
	
	.time-text p {
		padding-left: 3rem;
		padding-right: 3rem;
	}
}
/*Style*/