.pagination .page-link {
    background: #FFD309;
    color: white;
}
.pagination .page-link:hover {
    background: #FFE65E;
    color:  #8CC641;
}
/*---------------------------------------
  CUSTOM PROPERTIES ( VARIABLES )             
-----------------------------------------*/





:root {
  --white-color:                  #ffffff;
  --primary-color:                #FFD309;
  --secondary-color:              #8CC641;
  --section-bg-color:             #FFE65E;
  --site-footer-bg-color:         #44525d;
  --custom-btn-bg-color:          #597081;
  --custom-btn-bg-hover-color:    #5bc1ac;
  --dark-color:                   #000000;
  --p-color:                      #717275;
  --border-color:                 #e9eaeb;




  --body-font-family:             'Metropolis', sans-serif;

  --h1-font-size:                 52px;
  --h2-font-size:                 46px;
  --h3-font-size:                 32px;
  --h4-font-size:                 28px;
  --h5-font-size:                 24px;
  --h6-font-size:                 22px;
  --p-font-size:                  18px;
  --btn-font-size:                18px;
  --copyright-font-size:          14px;

  --border-radius-large:          100px;
  --border-radius-medium:         20px;
  --border-radius-small:          10px;

  --font-weight-light:            300;
  --font-weight-normal:           400;
  --font-weight-semibold:         600;
  --font-weight-bold:             700;
}
a{
text-decoration: none;
}


/*---------------------------------------
  SECTION               
-----------------------------------------*/
.section-padding {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-bg {
  background-color: var(--section-bg-color);
}

.no-padding {
  padding: 0;
}

/*---------------------------------------
  SITE HEADER              
-----------------------------------------*/
.site-header {
  background: var(--white-color);
  padding-top: 15px;
  padding-bottom: 10px;
}

.site-header p,
.site-header p a,
.site-header .social-icon-link {
  color: var(--dark-color);
  font-size: var(--copyright-font-size);
}

.site-header .social-icon {
  text-align: right;
}

.site-header .social-icon-link {
  background: transparent;
  width: inherit;
  height: inherit;
  line-height: inherit;
  margin-right: 15px;
}

/*---------------------------------------
  SOCIAL ICON               
-----------------------------------------*/
.social-icon {
  margin: 0;
  padding: 0;
}

.social-icon-item {
  list-style: none;
  display: inline-block;
  vertical-align: top;
}

.social-icon-link {
  background: var(--site-footer-bg-color);
  border-radius: var(--border-radius-large);
  color: var(--white-color);
  font-size: var(--copyright-font-size);
  display: block;
  margin-right: 5px;
  text-align: center;
  width: 35px;
  height: 35px;
  line-height: 38px;
}

.social-icon-link:hover {

  color: #FFD309;
}

* {
	font-family: 'Montserrat', sans-serif;
}
.bg-light {
	background-color: transparent !important;
}
/* Carousel */
.carousel-item {
  height: auto;
}
.carousel-caption {
	bottom: 40%;
    right: auto;
    left: 10%;

}
.carousel-caption h5 {
	font-size: 45px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 25px;
    color: var(--primary-color);	
}
.carousel-caption p {
	width: 60%;
	margin: auto;
	font-size: 18px;
	line-height: 1.9;
}
.carousel-caption a {
	text-transform: uppercase;
	text-decoration: none;
	background: var(--primary-color);
	padding: 10px 30px;
	display: inline-block;
	color: #000;
	margin-top: 15px;
}
.carousel-image {
  display: block;
  max-width: 100%;
  height: auto;
}

@media only screen and (max-width: 767px) {
	.navbar-nav {
		text-align: center;
		background: rgba(0, 0, 0, 0.5);
	}
	.carousel-caption {
		bottom: 10px;
	}
	.carousel-caption h5 {
		font-size: 17px;
	}
	.carousel-caption a {
		padding: 10px 15px;
		font-size: 15px;
	}
}
/*---------------------------------------
  NAVIGATION              
-----------------------------------------*/

.navbar {
  background: var(--white-color);
  z-index: 9;
  padding-top: 0;
  padding-bottom: 0;
}

.navbar-brand {
  color: var(--primary-color);
  font-size: var(--h6-font-size);
  font-weight: var(--font-weight-bold);
  margin-right: 80px;
}

.navbar-brand span {
  display: inline-block;
  vertical-align: middle;
}
.navbar-brand:hover {
  color: var(--white-color);
}
.navbar-brand small {
  color: var(--secondary-color);
  display: block;
  font-size: 14px;
  line-height: normal;
  text-transform: uppercase;
}

.logo {
  width: 50px;
  height: auto;
}

.navbar-expand-lg .navbar-nav .nav-link {
  margin-right: 0;
  margin-left: 0;
  padding: 20px;
}

.navbar-nav .nav-link {
  display: inline-block;
  color: var(--secondary-color);
  font-size: var(--p-font-size);
  font-weight: var(--font-weight-bold);
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
  text-transform: uppercase;
}

.navbar-nav .nav-link.active, 
.navbar-nav .nav-link:hover {
  background: var(--primary-color);
  color: var(--white-color);
}

.dropdown-menu {
  background: var(--white-color);
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
  border: 0;
  max-width: 50px;
  padding: 0;
  margin-top: 20px;
}

.dropdown-item {
  display: inline-block;
  color: var(--p-bg-color);
  font-size: var(--menu-font-size);
  font-weight: var(--font-weight-medium);
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
}

.dropdown-menu li:last-child .dropdown-item {
  padding-top: 0;
}

.dropdown-item.active, 
.dropdown-item:active,
.dropdown-item:focus, 
.dropdown-item:hover {
  background: transparent;
  color: var(--primary-color);
}

.dropdown-toggle::after {
  content: "\f282";
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-size: var(--copyright-font-size);
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  left: 2px;
  border: 0;
}

@media screen and (min-width: 992px) {
  .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
  }
}

.navbar-toggler {
  border: 0;
  padding: 0;
  cursor: pointer;
  margin: 0;
  width: 30px;
  height: 35px;
  outline: none;
}

.navbar-toggler:focus {
  outline: none;
  box-shadow: none;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background: transparent;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before,
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
  transition: top 300ms 50ms ease, -webkit-transform 300ms 350ms ease;
  transition: top 300ms 50ms ease, transform 300ms 350ms ease;
  transition: top 300ms 50ms ease, transform 300ms 350ms ease, -webkit-transform 300ms 350ms ease;
  top: 0;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
  transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
  transform: rotate(-45deg);
}

.navbar-toggler .navbar-toggler-icon {
  background: var(--white-color);
  transition: background 10ms 300ms ease;
  display: block;
  width: 30px;
  height: 2px;
  position: relative;
}

.navbar-toggler .navbar-toggler-icon:before,
.navbar-toggler .navbar-toggler-icon:after {
  transition: top 300ms 350ms ease, -webkit-transform 300ms 50ms ease;
  transition: top 300ms 350ms ease, transform 300ms 50ms ease;
  transition: top 300ms 350ms ease, transform 300ms 50ms ease, -webkit-transform 300ms 50ms ease;
  position: absolute;
  right: 0;
  left: 0;
  background: var(--white-color);
  width: 30px;
  height: 2px;
  content: '';
}

.navbar-toggler .navbar-toggler-icon::before {
  top: -8px;
}

.navbar-toggler .navbar-toggler-icon::after {
  top: 8px;
}
/* Pagination */
#div_pagination{
    width:100%;
    margin-top:10px;
    text-align:center;
}

.button{
    border-radius:3px;
    border:0px;

    color:white;
    padding:5px 10px;
    letter-spacing: 1px;
}


.page-item{
    border-radius:3px;
    border:0px;

    color:white;
    padding:5px 10px;
    letter-spacing: 1px;
}
.page-item:hover,
.page-item:active{
    background-color:transparent;
  }
.page-item a{
     border:0px;
    background-color:transparent;
    color:white;
  }  
.page-item a:hover{
     border:0px;
  background-color:transparent;
    color:white;
  }
/* box */
.box {
  margin-top: 0px;
}

.box .style-box {
  background: var(--section-bg-color);
  padding: 15px;
}

.box-title {
  color: var(--dark-color);
  margin: 0;
  line-height: 18px;
  font-size: 18px;
  text-transform: uppercase;
}
.btn-light{
  background: var(--primary-color);
  color: var(--dark-color);
}
.btn-light:hover{
  background: var(--section-bg-color);
  color: var(--secondary-color);
}

.banner-heading {
  text-align: center;
  color: var(--primary-color);
}
.breadcrumb {
  padding: 0;
  background: none;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
}
.breadcrumb li a:hover {
  color: var(--primary-color) !important;
}
.breadcrumb li a,
.breadcrumb .breadcrumb-item,
.breadcrumb li a:focus {
  color: var(--secondary-color) !important;
}

.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: var(--secondary-color);
}
.breadcrumb-item .active li a{
  color: var(--primary-color);	
}
.ts-designation {
  color: #888;
  margin-bottom: 5px;
  font-weight: 600;
}

.team-social-icons a i {
  color: #999;
}

.team-social-icons a i:hover {
  color: #FFD309;
}

.sub-title {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 22px;
  line-height: normal;
  margin: 10px 0;
  color: #FFD309;
}

/* Sidebar
================================================== */





.sidebar .title {
  font-size: 16px;
  font-weight: 700;
  position: relative;
  margin: 0 0 10px;
  padding-left: 15px;
  text-transform: uppercase;
  border-left: 3px solid #FFD309;
}

.sidebar .widget {
  margin-bottom: 20px;
  margin-left: 20px;
  padding-top: 15px; 	
}

.sidebar ul.nav-tabs {
  border: 0;
}

.sidebar ul.nav-tabs li {
  width: 100%;
}

.sidebar ul.nav-tabs li a {
  color: #303030;
  border-radius: 0;
  padding: 20px 0px 5px 0px;
  text-decoration: none;
  font-weight: 400;
  border-bottom: 1px solid #ddd;
  display: block;
  transition: 400ms;
}

.sidebar ul.nav-tabs li.active a,
.sidebar ul.nav-tabs li:hover a {
  color: #ffb600;
  text-decoration: none;  
}

.sidebar ul.nav-tabs li {
  color: #303030;
  line-height: normal;
}

.sidebar ul.nav-tabs li:last-child a {
  border-bottom: 0;
}

.clear {  clear: both;  width: 100%;}

/* box*/
.box-image-text.blog:hover {box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);}
.box-image-text a{ color: #FFD309;  text-decoration: none; }
.box-image-text .image {  overflow: hidden;}
.box-image-text .image img {  -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out;  transition: all 0.2s ease-out;}
.box-image-text:hover .image img {  -webkit-transform: scale(1.1, 1.1);  -ms-transform: scale(1.1, 1.1);  -o-transform: scale(1.1, 1.1);  transform: scale(1.1, 1.1);}
.box-image-text { position: relative; overflow: hidden; text-align: center; margin: 15px 0;}
.box-image-text .top { position: relative; margin-bottom: 10px;}
.box-image-text .top .bg { position: absolute; top: auto; bottom: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); background: #DCEDC8;}
.box-image-text .top .name { position: absolute;  width: 100%; height: 50%; bottom: 0; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; color: #fff; padding: 0 20px;}
.box-image-text .top .text { position: absolute; width: 100%; height: 50%; top: 0; -webkit-transform: translate(0, -150%); -ms-transform: translate(0, -150%); -o-transform: translate(0, -150%); transform: translate(0, -150%); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; color: #fff; padding: 0 20px;}
.box-image-text:hover .bg {  opacity: 0.7;  filter: alpha(opacity=70);}
.box-image-text:hover .name { position: absolute; -webkit-transform: translate(0, -75%); -ms-transform: translate(0, -75%); -o-transform: translate(0, -75%); transform: translate(0, -75%);}
.box-image-text:hover .text { position: absolute; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%);}
.box-image-text.blog .author-category {margin-bottom:0px; padding:2px 0; background: #8CC641; color: #fff; text-transform: uppercase; font-weight: 300; font-size: 14px;}
.box-image-text.blog .author-category a {color: #fff; font-weight: 600;}
.box-image-text.blog .author-category a:hover{color: #FFD309;}
.box-image-text.blog .intro { text-align: center; margin-bottom: 10px;color: #111; line-height: 20px;}
.box-image-text h3 a{ font-size: 18px;color: #8CC641;text-transform: uppercase;   text-decoration: none;}
.box-image-text h3 a:hover{ color: #FFD309;  text-decoration: none; }



/* Footer
================================================== */
.copyright {
  background: var(--dark-color);
  padding: 15px; }
  .copyright span,
  .copyright a {
    color: var(--primary-color);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear; 
	}
  .copyright a:hover {
    color:var(--secondary-color); }

.copyright-menu ul {
  text-align: center;
  margin: 0; }

.copyright-menu li {
  display: inline-block;
  padding-left: 20px; }

.back-to-top {
 float:right;
 }
 .back-to-top a{
  color: #303030;
 }