/*======================
   01. Fonts
========================*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500&display=swap');
body {
	color: #000;
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
}

/*======================
   03. Preloader Css
========================*/


a.navbar-brand {
	padding: .25rem 0;
	display: inline-block;
	color: #000;
	font-weight: 400;
	max-width:382px

}
.topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
    padding: .825rem 0;
    font-size: .875rem;
	background-color: #07294d;
	color: #fff;

}


.topbar .topmenu{ padding:0; margin:0}

.topbar .topmenu li{ display:inline-block}

.topbar .topmenu li a{ color:#fff; padding:0 .5rem;}


.topbar .dropdown-menu {
	border: 0;
	box-shadow: 0 30px 40px 0px rgb(0, 0, 0, .2);
    font-size:.85rem;
}

header{ background-color:#f5f5f5}

header .navbar .navbar-nav .nav-item {
    padding-right: 0;
    padding-left: 0;
}
header .navbar .navbar-nav .nav-link {
	color: #444;
	  font-weight: 400;
    position: relative;
    padding: 1rem .7rem;
    transition: all .3s ease;
    font-size: 1rem;
}
header .navbar .navbar-nav .nav-link:hover {
	color: #fa6104;
}
header .contact-head span.divider {
	color: #ccc;
	font-weight: 300;
 padding:0 .3rem
}
header .topbar a {
	color: #111;
	text-decoration: none
}
.topbar .nav-link:first-child {
	padding-left: 0
}
header .navbar .navbar-nav .nav-item:last-child {
	padding-right: 0
}




.navbar .dropdown-menu{ border-radius:0;     box-shadow: 0 16px 8px 0px rgb(0 0 0 / 20%);
    min-width: 250px;}


.navbar .navbar-nav .dropdown-menu li{ padding:.75rem 1rem; border-top:solid 1px #e9e9e9 }
.navbar .navbar-nav .dropdown-menu li:first-child{border-top:0 }
.navbar .navbar-nav .dropdown-menu li a:hover, .navbar.navbar-nav .dropdown-menu li a.show{ background-color:transparent; color:#fa6104}
header .navbar .navbar-nav .nav-link.show{ background-color:transparent; color:#fa6104}
/*Banner Section*/




.banner {
	overflow: hidden;
	background-repeat: repeat;
	color: #fff;
	background-image: url(../img/hero_bg.jpg);
	position: relative;
	padding: 2rem 0
}
.banner:before {
	background-image: url(../img/hero-banner-left.png);
	width: 325px;
	height: 400px;
	content: '';
	letter-spacing: 0;
	top: 0;
	position: absolute;
	height: 100%;
	background-repeat: no-repeat;
	lert: 0;
	background-position: bottom;
}

 .head-title h1 {
	font-size: 4rem;
	font-weight: 400;
	line-height: 1.3;
	margin: 0 0 2rem 0
}
.head-title h1 small {
	font-size: 2rem;
 letter-spacing:.6rem;
	display: block
}
.head-title .subtitle {
	padding: 1rem 7rem 1rem 0;
	font-size: 3rem
}
.head-title .btn.btn-primary {
	padding: 1.25rem 3rem;
	font-size: 1.5rem;
	background-color: #fa6104;
	border: 0;
	font-weight: 400;
	box-shadow: none;
	border-radius: 0;
	transition: .3s all ease-in;
	border-radius:2rem
}

.btn.btn-primary:hover {
	background-color: #e65b07 !important
}
/*Banner Section*/


/*Slider*/


 .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

 
      
		background-size:cover;
		background-position:center;

		text-align:left;
		color:#fff
      }
	

      .swiper-slide img {
        display: block;
        width: 100%;

        object-fit: cover;
      }
	  
	  
	  .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 50%;
    background: none;
    opacity: 1;
	background-color:transparent;
	border:solid 1px #fff
}
	  
	.swiper-pagination-bullet-active{ background-color:#f9f9f9}  
	  
/*Slider*/

/* -------------------------------------------------------------------------- */

/*Common
/* -------------------------------------------------------------------------- */

/*Spacer*/

.spacer{
	background: #ffc600;
	width: 10rem;
	height: 0.25rem;
	margin: 0 auto;
}

/*button*/

.btn.btn-primary {
	padding: 0.875rem 3.438rem;
	font-size: 2.153rem;
	background-color: #fa6104;
	border: 0;
	font-weight: 400;
	box-shadow: none;
	transition: .3s all ease-in;
	border-radius:3rem;
	height: fit-content;
	line-height: 1;
}

.btn.btn-primary:hover {
	background-color: #e65b07 !important
}

/*Pagination*/

.pagination{
	margin-top: 2rem;
	padding: .75rem 1rem;
	border-radius:.25rem;

}

.pagination .page-link{
	border:0;
	font-weight: 700;
	color: #aaaaaa;
	padding: .375rem .9rem;
}
.pagination .page-link:hover{
	border-radius: 5px;
}
.pagination .page-link,
.page-item:last-child .page-link,
.page-item:first-child .page-link {
	border-radius:.25rem;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #3399ff;
    border-color: #3399ff;
}
.page-item:last-child .page-link{
	margin-left:.75rem; 
}


/*Objectfit*/

.object-fit-cover{
	object-fit: cover;
}

/*Swiper Slider*/
.swiper-pagination-bullet{
	border-color: #07294d;
	background-color:#07294d;
}
.swiper-pagination-bullet-active {
    background-color: #e65b07;
	border-color: #e65b07;
}

/*Overlap Bg*/
.responsibility-forum-section::before,
.feedback-section::before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* -------------------------------------------------------------------------- */

/*Fourm
/* -------------------------------------------------------------------------- */
.forum-section {
	padding: 5rem 0 8rem 0;
	text-align: center
}
.forum-section h2 {
	font-size: 3.25rem;
	font-weight: 300;
	padding-bottom: 2rem;
	margin: 0;
	color: #000
}
.forum-section .subtitle {
	font-size: 1.5rem;
	font-weight: 500;
}

.forum-section .block {
	padding: 0;
	margin: 0 auto;
	box-shadow: 2px 0px 17px 10px rgba(0,20,10,.05);
	margin-top: 4rem;
	text-align:left;
	max-width:400px
}
.forum-section .block {
	border-radius: 0.938rem;
	overflow: hidden;
	box-shadow: 0px 5px 1px #fa6104;
}
.forum-section .block .info{
	padding:1rem 1rem 2rem;
}

.forum-section .block h3 {
	padding:1rem 0 .5rem 0;
   font-size: 1.125rem;
   font-weight: 300;
   color:#fa6104;
}
.forum-section .block p{
	color:#000;
	font-size: 1.125rem;
}


/* -------------------------------------------------------------------------- */

/*Newsletter
/* -------------------------------------------------------------------------- */
.newsletter-section{
	margin-bottom: 6rem;
}
.newsletter-section h2{
	display: grid;
	line-height: 1.2;
	font-weight: 500;	
	font-size: 3.125rem;
}
.newsletter-section .newsletter-block{
	border:1px solid #d6d6d6;
	border-radius: 0.938rem;
	overflow: hidden;	
	max-width: 500px;
	margin: 1.875rem auto 0;
	display:block;
	text-decoration:none
}

.newsletter-section .newsletter-block .newsletter-excerpt p{
	padding: 2.5rem 1.625rem 4.375rem;
	margin-bottom: 0;
	font-size: 0.938rem;
	font-weight: 500;color:#000
}


/* -------------------------------------------------------------------------- */

/*Feedback
/* -------------------------------------------------------------------------- */

.feedback-section{
	background: url(../images/feedback-bg.jpg) no-repeat top center;
	background-size: cover;
	min-height: 43.125rem;
	padding: 8.438rem 0 3.125rem;
	border-bottom: 1px solid #fff;
}
.feedback-section::before{
	background:rgb(21, 50, 95, .8);
}
.feedback-section .container{
	z-index: 2;
	position: relative;
}
.feedback-section .spacer{
	background:#fa6104;
	margin: 0 0 1.5rem;
	width: 6.25rem;
	height:0.188rem;
}
.feedback-section h5{
	font-size: 1.875rem;
	font-weight: 700;
}
.feedback-section h2{
	font-size: 4.063rem;
	font-weight: 700;
}
.feedbackSwiper{
	padding:3rem 0 7rem;
}
.feedback-section .swiper-slide{
	background:none;
	height: auto;
}
.feedback-section .feedback-block {
	margin-top: 1.5rem;
}
.feedback-section .feedback-block img{
	width: 150px;
	height: 150px;
}
.feedback-section .feedback-block .user-info h4{
	font-size: 1.5rem;
	font-weight: 500;
	margin-bottom: 0;
	line-height: 1;
}
.feedback-section .feedback-block .feedback-info{
	margin-left: 1rem;
}
.feedback-section .feedback-block  .hyphen-widget{
	width:3rem; height: 3rem;
	border-radius: 50%;
	background:#e65b07 url(../images/comma.png) no-repeat center;
	top:-1.5rem;
	right: -.75rem;
}



/* -------------------------------------------------------------------------- */

/*Responsibility Forum
/* -------------------------------------------------------------------------- */

.responsibility-forum-section{
	background:url(../images/responsbility-bg.png) no-repeat top center;
	background-size: 100%;
	min-height: 19.5rem;
	background-size: cover;
	padding:3.5rem 0;
}
.responsibility-forum-section::before{
	background:rgba(250,97,5,.6);
}
.responsibility-forum-section .container{
	z-index:2;
}
.responsibility-forum-section .info{
	max-width: 40.625rem;
}
.responsibility-forum-section h2{
	font-size: 3.75rem;
	font-weight: 700;
}
.responsibility-forum-section p{
	font-size: 1.125rem;
}




/* -------------------------------------------------------------------------- */

/*Pagination
/* -------------------------------------------------------------------------- */
.page-item:not(:first-child) .page-link {
    margin-left: 10px;
}



/* -------------------------------------------------------------------------- */

/*Footer
/* -------------------------------------------------------------------------- */

footer{
	font-family: 'Ubuntu', sans-serif;
	padding: 3.75rem 0 3.75rem;
	border-top:solid 5px #07294d
}

footer .footer-logo{
	font-size: 3rem;
	color: #07294d;
	font-weight: 400;
	line-height: 1;
	
}
footer p{
	font-size: 0.875rem;
}
footer .follow-block{
	float: right;
}
footer .follow-block h4{
	color:#07294d;
	font-size: 1.5rem;
}
.follow-btn{
	border: 1px solid #cccccc;
	padding:.5rem 1rem;
	background:#fff;
	color: #757575;
}
.follow-btn span{
	font-weight: 700;
}
.follow-btn:hover{
	background:#4267B2;
	color: #fff;
	border-color: #4267B2;
}



.banner-in{ height:480px; background-image:url(../images/hero-banner1.png); background-size:cover; color:#fff; text-align:center; display:flex; text-align:center; width:100%; justify-content: center;
  align-items: center;}


.banner-in h1{ font-size:4rem; font-weight:300 }



/* -------------------------------------------------------------------------- */

/*Breadcrumb
/* ---------------------------------------------*---------------------------- */


.breadcrumb-item.active,
.breadcrumb li,
.breadcrumb li a{
	color: #fa6104;
	font-size:1rem;
	text-decoration:none;
}
.breadcrumb li {
	position: relative;
}
.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
	color: #fa6104;
font-family: "Font Awesome 5 Free"; font-weight: 700;  content:"\f105";
}

  
/* -------------------------------------------------------------------------- */

/*Inside Header
/* ---------------------------------------------*---------------------------- */
.inside-header{
	margin: 1.5rem 0;
	
}
.inside-header .inside-widget{
	border-bottom: 1px solid #000;
	padding: 0 0rem; 
}
.inside-header h4{
	font-size: 1.5rem;
}

/* -------------------------------------------------------------------------- */

/*About Page
/* -------------------------------------------------------------------------- */

.about-page .about-section { padding:3rem 0}
.about-page .about-section h2{
	font-size: 2rem;
	display: table;
	line-height: 1.3;
	padding-bottom: .5rem;
	border-bottom: 1px solid #000;
	margin-bottom: 1.5rem;
}
.about-page .about-section hr{
	border-color: #2a2a2a;
	margin: 1.75rem 0;
}
.about-page .text-block p{
	color: #fa6104;

}

.about-page .about-section p{	margin-bottom:2rem}


.breadcrumb{ float:right}
.video-section { padding-bottom: 5rem;}
.video-section .block { border:solid 1px #e9e9e9; margin-bottom:2rem; display:block; text-decoration:none}
.video-section .block h5{ font-weight:300; font-size:1rem; padding:1rem; color:#000}
.news-section { padding:2rem 0 5rem 0}
.news-section td{ font-weight:300; font-size:1rem; padding:1rem	0}
.news-section th{ font-size:1rem; padding-left:1rem; padding-right: 1rem;}


.gallery-section{ padding:2rem 0 5rem 0 }

.gallery-section .gallery-pic{
	margin-bottom: 12px;
	display: block;
}
.search-section{
	margin-top: 35px;
}
.search-section a.btn.btn-outline-primary{
	margin-top: 0;
}
.search-widget{
	border: 1px solid #000;
	max-width: 230px;
	flex-wrap: inherit;
	margin: 0px auto;
	position: relative;
	right: -50px;
}
.search-widget .form-control{
	border: 0;
}
.search-widget .form-control:focus{
	box-shadow: none;
}

.search-widget .btn{
	border: 0;
}
.right-0{
	right: 0;
}

.login-page{
	padding:6rem 0 8rem;
}
.login-page h2{
	font-weight: 600;
}
.login-page .spacer{
	margin: 2rem auto 3rem; 
	width: 4rem;
}
.login-page a{
	color: #fa6104;
	
}
.login-page a:hover{
	text-decoration: none;
}
.login-page .form-group{
	margin-bottom:2rem;
}
.btn-primary.login-btn{
	font-size: 1.25em;
	border-radius: 5px;
}
.form-control{
	padding:.75rem 1rem; 
}
/* -------------------------------------------------------------------------- */

/*Responsive CSS
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */

/*About Page
/* -------------------------------------------------------------------------- */


a.btn.btn-outline-primary{border: 2px solid #cf3a46; padding: 5px 25px; color: #cf3a46; cursor: pointer;text-decoration: none; margin-top: 35px; background-color: #fff; border-radius: 0;}



 @media(max-width:1200px) {



.menu-icon {
	width: 37px;
	position: relative;
	height: 22px;
	top: 2px;
	display: block;
}
.menu-icon span {
	background-color: #000;
	height: 2px;
	display: block;
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -1px;
	left: 0
}
.menu-icon:before {
	position: absolute;
	height: 2px;
	background-color: #000;
	content: '';
	left: 0;
	top: 0px;
	width: 100%
}
.menu-icon:after {
	position: absolute;
	height: 2px;
	background-color: #000;
	content: '';
	left: 0;
	bottom: 0px;
	width: 100%
}

 }
 
  @media(max-width:991px) {
	  
	  
.breadcrumb{ float:none}
		.about-page .about-section h2{
		font-size: 1.625rem;

	}  
	  
.head-title h1 {
    font-size: 2rem;
}


.forum-section .subtitle{ font-size:1rem}

a.navbar-brand {

	max-width:191px

}

.responsibility-forum-section h2{ font-size:2rem;}


footer .footer-logo{ font-size:2rem;}
footer .follow-block{ float:none}



.head-title .subtitle{ font-size: 1.25rem;}

.head-title .btn.btn-primary {
    padding: 1.25rem 2rem;
    font-size: 1.1rem;
   
    border-radius: 2rem;
}

.forum-section h2, .newsletter-section h2{ font-size: 2.5rem;}

.btn.btn-primary {
    padding: 0.875rem 2.438rem;
    font-size: 1.153rem;

}
.topbar .topmenu li a{ color:#fff; padding:0 .5rem; font-size: .75rem;}

.feedback-section h2{ font-size: 2rem;}

.feedback-section .feedback-block .feedback-info{ font-size: 1rem;}
.feedback-section .feedback-block .user-info h4{ font-size: 1rem;}


footer .follow-block{ padding-top: 2rem;}

 
  
  
     .banner-in{
		 height: 270px;
		background-position: center;
	 }
	 .banner-in h1{
		 font-size: 3rem;
	 }

	 .page-item:not(:first-child) .page-link {
		margin-left: 4px;
	}
	.navbar-toggler:focus{ box-shadow: none;}

	}

  
@media(max-width:585px) {
	.search-section{
		justify-content: space-between;
	}
	.search-widget{
		margin: 0;
		right: 0;
		width: 200px;
	}
}

.event-photos a{ color:#222; text-decoration:none}


.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:30px !important}

@media(max-width:767px){.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:10px !important}}