/* ===================================
    Table of Content
====================================== */

/*  - Fonts
    - Scrollbar
    - General   
    - Loader
    - Navbar
    - Side Menu
    - Banner
    - About-us-section
    - portfolio Section
    - Portfolio-2
    - Comment Section
    - Footer
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');

/* ===================================
    Scrollbar
====================================== */

::-webkit-scrollbar {
  width: 18px;
}

::-webkit-scrollbar-track {
  width: 5px;
  background: white;
  border-left: 9px solid white;
  border-right: 9px solid white;
}

::-webkit-scrollbar-thumb {
  background: #202020;
  width: 0;
  border-left: 7px solid white;
  border-right: 6px solid white;
}

/* ===================================
    General
====================================== */

body {
  font-family: 'Poppins', sans-serif;
  overflow-x: hidden;
}

h2 {
  font-size: 40px;
  color: #202020;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center;
}

p {
  font-size: 18px;
  color: #696969;
  text-align: center;
  font-family: 'Roboto', sans-serif;
}

span {
  font-weight: 400;
}


a {
    text-decoration: none;
    font-family: 'Montserrat';
    color: #fff;
}

.padding-top {
  padding-top: 70px;
}



/*slider */


.carousel {
	
	margin: 0 auto;
	padding-bottom: 50px;
}
.carousel .carousel-item {
	color: #999;
	font-size: 14px;
	text-align: center;
	overflow: hidden;
	min-height: 340px;
}
.carousel .carousel-item a {
	color: #fff;
}
.carousel .img-box {
	width: 80%;
	height: auto;
	margin: 0 auto;
	border-radius: 7%;
}
.carousel .img-box img {
    width: 80%;
    height: auto;
    border: 6px;
    border-style: solid;
    display: block;
	color: #1689c6;
    border-radius: %;
}
.carousel .testimonial {	
	padding: 30px 0 10px;
}
.carousel .overview {	
    color: black;
    text-align: center;
    font-size: smaller;
    padding: 6px;
    animation-name: fadeInDown;
}
.carousel .overview b {
	color: #333;
	font-size: 19px;
	text-transform: uppercase;
	display: block;	
	padding-bottom: 5px;
}
.carousel .star-rating i {
	font-size: 18px;
	color: #ffdc12;
}
.carousel-control-prev, .carousel-control-next {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #999;
	text-shadow: none;
	top: 52%;
}
.carousel-control-prev i, .carousel-control-next i {
	font-size: 20px;
	margin-right: 2px;
}
.carousel-control-prev {
	left: auto;
	
}
.carousel-control-next i {
	margin-right: -2px;
}
.carousel .carousel-indicators {
	
}
.carousel-indicators li, .carousel-indicators li.active {
	width: 11px;
	height: 11px;
	margin: 1px 5px;
	border-radius: 50%;
}
.carousel-indicators li {	
	background: #e2e2e2;
	border: none;
}
.carousel-indicators li.active {		
	background: #888;		
}



/*Multi Carousel Slider */


.carousel-multi-item {
    margin-bottom: 0rem;
}

.carousel-multi-item .carousel-indicators {
    margin-bottom: -1em;
}

.carousel-multi-item .carousel-inner {
    padding-top: .5rem;
    padding-bottom: 1rem;
}

// @media (min-width: 768px)
// .carousel-multi-item [class*="col-"] {
//     float: left;
// }

.carousel-multi-item .carousel-inner.v-2 .carousel-item.active, .carousel-multi-item .carousel-inner.v-2 .carousel-item-next, .carousel-multi-item .carousel-inner.v-2 .carousel-item-prev {
    display: flex;
}

.card {
    font-weight: 400;
	padding:6px
    border: 0;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

/* .carousel-multi-item .carousel-inner.v-2 .carousel-item-right, .carousel-multi-item .carousel-inner.v-2 .carousel-item-left {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
} */

/* @media (min-width: 768px)
.carousel-multi-item [class*="col-"] {
    float: left;
} */

/* @media (min-width: 768px)
.carousel-multi-item .carousel-inner.v-2 .carousel-item-right.active, .carousel-multi-item .carousel-inner.v-2 .carousel-item-next {
    -webkit-transform: translateX(33%);
    transform: translateX(33%);
} */

/* .carousel-multi-item .carousel-inner.v-2 .carousel-item.active, .carousel-multi-item .carousel-inner.v-2 .carousel-item-next, .carousel-multi-item .carousel-inner.v-2 .carousel-item-prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
} */

// .carousel-fade .carousel-item{opacity:0;-webkit-transition-duration:.3s;
transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity}
.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right{opacity:1}
.carousel-fade .carousel-item-left.active,.carousel-fade .carousel-item-right.active{opacity:0}
.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-left.active,.carousel-fade .carousel-item-prev.active
{-webkit-transform:translateX(0);transform:translateX(0)}@supports (transform-style: preserve-3d){.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-left.active,.carousel-fade .carousel-item-prev.active{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}

.carousel-multi-item .carousel-inner .carousel-item.active,.carousel-multi-item .carousel-item-next,.carousel-multi-item .carousel-item-prev{display:block}
.carousel-multi-item .carousel-inner.v-2 .carousel-item.active,.carousel-multi-item .carousel-inner.v-2 .carousel-item-next,.carousel-multi-item .carousel-inner.v-2 .carousel-item-prev{display:-webkit-box;display:-ms-flexbox;display:flex}
.carousel-multi-item .carousel-inner.v-2 .carousel-item-right.active,.carousel-multi-item .carousel-inner.v-2 .carousel-item-next{-webkit-transform:translateX(100%);transform:translateX(100%)}
@media (min-width: 768px){.carousel-multi-item .carousel-inner.v-2 .carousel-item-right.active,.carousel-multi-item .carousel-inner.v-2 .carousel-item-next{-webkit-transform:translateX(33%);transform:translateX(33%)}}
.carousel-multi-item .carousel-inner.v-2 .carousel-item-left.active,.carousel-multi-item .carousel-inner.v-2 .carousel-item-prev{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
@media (min-width: 768px){.carousel-multi-item .carousel-inner.v-2 .carousel-item-left.active,.carousel-multi-item .carousel-inner.v-2 .carousel-item-prev{-webkit-transform:translateX(-33%);transform:translateX(-33%)}}
.carousel-multi-item .carousel-inner.v-2 .carousel-item-right,.carousel-multi-item .carousel-inner.v-2 .carousel-item-left{-webkit-transform:translateX(0%);transform:translateX(0%)}
.carousel-multi-item .carousel-indicators li{width:12px;max-width:12px;height:12px;margin-bottom:-3.75rem;background-color:#ddd}
.carousel-multi-item .carousel-indicators .active{width:14px;max-width:14px;height:14px;background-color:#97c946;border-radius:50%}
.carousel-multi-item .controls-top{margin-bottom:1.88rem;text-align:center}.carousel-multi-item .controls-top .btn-floating{color:#4285f4; font-size: xx-large;}
.carousel-multi-item .carousel-indicators{margin-bottom:3em}.carousel-multi-item .card-cascade.narrower{margin-top:1.25rem;margin-bottom:.3rem}
@media (min-width: 768px){.carousel-multi-item [class*="col-"]{float:left}}
@media only screen and (max-width: 992px){.carousel-multi-item .carousel-indicators li{margin-bottom:-1.88rem}}.carousel-thumbnails .carousel-indicators{position:static;left:initial;width:initial;margin-right:initial;margin-left:initial;overflow-x:auto;white-space:nowrap}
.carousel-thumbnails .carousel-indicators>li{width:initial;height:initial;text-indent:initial}
.carousel-thumbnails .carousel-indicators>li .active img{opacity:1}
.wrapper-carousel-fix .carousel-fade .active.carousel-item-left,.wrapper-carousel-fix .carousel-fade .active.carousel-item-right{-webkit-transition:-webkit-transform .6s ease;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease, -webkit-transform .6s ease;-webkit-transition-property:opacity;transition-property:opacity}


 .more{
	display: none;
}

.post:not(:last-child){
	margin-bottom: 30px;
}
button{
	margin-top: 15px;
	display: block;
	color: #4285f4;
	border:none;
	outline: none;
	padding: 8px 20px;
	text-transform: capitalize;
	cursor: pointer;
	font-size: 15px;
}



.modal-dialog {
      max-width: 80%;
      margin: 30px auto;
  }

.modal-body {
  position:relative;
  padding:0px;
}
.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}