/* CSS Document */

.bg-01{
background-color: #fcfdff;
background-image: url("../../www.transparenttextures.com/patterns/beige-paper.png");
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}


.list.list-icons li {
  font-size: 17px;
  font-weight: 300;
  color: #625d5d;
}




.border-1{
	border: 1px solid #e6e1e1 !important;
	padding: 5px !important;
}

.bg-1{
	background: rgb(92,121,194) !important;
background: linear-gradient(336deg, rgba(92,121,194,1) 3%, rgba(120,34,38,1) 91%) !important;
}

.text-10{
	letter-spacing: 2px !important;
}
.bg-2{
	background: rgb(92,121,194);
background: linear-gradient(336deg, rgba(92,121,194,1) 3%, rgba(120,34,38,1) 91%);
}

.thumb-info .thumb-info-title {
 
  padding: 10px !important;
  bottom: 10% !important;
}

html .call-action {
  background: #5BA246 !important;
}

.btn-outline.btn-info {
  color: black;
  background-color: transparent;
  background-image: none;
  border-color: black;
  font-size: 15px;
}

.pt-100{
	padding-top: 100px !important;
}
.pb-100{
	padding-bottom: 100px !important;
}

.page-header h1 {
  
  font-size: 48px !important;
  letter-spacing: 0.3px;
}

.btn-outline.btn-info:hover, .btn-outline.btn-info.hover {
  color: #FFF;
  background-color: #5BA246;
  border-color: #5BA246;
}

.highlight-text {
  font-size: 24px;
  font-weight: 300;
  color: #fff;
  letter-spacing: 1px;
	line-height: 35px;
}

.contact-details {
  font-size: 1.5em !important;
  font-weight: 400;
  color: black;
}

a:hover {
  color: #5BA246;
}

.featured-box.featured-box-primary.featured-box-text-start.mt-0 {
  background-color: #955656;
  color: white;
}

.cascade1{
	padding: 40% 0 0 0;
}

.call-content h3{
	text-transform: capitalize;
		letter-spacing: 1px !important;
} 

.agnis-designers:hover {
  color: red !important;
}



/*------------------------------------------------------Responsive css--------------------------------------------------------------*/

@media (max-width: 575px){
.section.section-with-shape-divider .shape-divider {
  height: 35px !important;
	}

	.call-content h3 {
  font-size: 18px;
		letter-spacing: 1px !important;
}
	
	.spacer {
  margin: 0 !important;
  padding: 0 !important;
}
	.social h3{
		font-size: 1.6em !important;
	}
	
	.word-rotator.text-10 {
  font-size: 1.8em !important;
}
	.text-4 {
  font-size: 0.9em !important;
}
	
	.text-9 {
  font-size: 1.9em !important;
}
	.page-header h1 {
  
  font-size: 38px !important;
}
	.page-header.page-header-modern.page-header-background {
  padding: 70px 0 !important;
}
	
	.highlight-text {
  font-size: 15px !important;
  
  letter-spacing: 0px;
}
	.order-1 {
  padding-bottom: 70%;
}
	
	.cascade1 {
  padding: 10% 0 0 0;
    padding-bottom: 0px;
}
	
	.agnis-list-10, .agnis-list-10 a {
 
  font-size: 16px !important;
  
}
	.agnis-list-10 ,.agnis-list-10  a{
		letter-spacing: 1px !important;
	}
	
	.header-nav-main nav > ul li {
		padding: 5px 0 !important;
	}
	
	#header .header-logo img {
	width: 100px;
	height: 100px;
}
	.d-flex{
		flex-direction: column;
	}
	
	
	.footer-content{
		text-align: center !important;
		padding-top: 10px;
	} 
}