/*--------- Scroller clor -----------*/
 body::-webkit-scrollbar {
 	width: 8px;
 	background: #e67e26;
 }

 body::-webkit-scrollbar-track {
 	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
 	background: #e6e6e7;
 }

 body::-webkit-scrollbar-thumb {
 	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
 	background: #e67e26;
 }

 /*--------- Scroller clor -----------*/

 #button {
 	display: inline-block;
 	background-color: #e67e26;
 	width: 50px;
 	height: 50px;
 	text-align: center;
 	border-radius: 4px;
 	position: fixed;
 	bottom: 30px;
 	right: 30px;
 	transition: background-color .3s,
 		opacity .5s, visibility .5s;
 	opacity: 0;
 	visibility: hidden;
 	z-index: 1000;
 }

 #button::after {
 	content: "\f077";
 	font-family: FontAwesome;
 	font-weight: normal;
 	font-style: normal;
 	font-size: 2em;
 	line-height: 50px;
 	color: #fff;
 }

 #button:hover {
 	cursor: pointer;
 	background-color: #333;
 }

 #button:active {
 	background-color: #555;
 }

 #button.show {
 	opacity: 1;
 	visibility: visible;
 	text-decoration: none;
 }

 /* Styles for the content section */
 @media (min-width: 500px) {

 	#button {
 		margin: 30px;
 	}
 }

 .inner-banner-wrap {
 	background: url(../images/inner-banner-bg.jpg) no-repeat 0 0;
 	background-size: cover;
 	background-position: top right
 }

 .inner-banner-wrap {
 	/* padding: 50px 50px 0px 90px; */
 	padding: 40px 12px 40px 65px;
 	margin-bottom: 10px;
 	border-radius: 0 0 80px 80px;
 }

 .banner-caption {
 	max-width: 650px;
 	margin-top: 40px;
 }

 .banner-caption h1 {
 	color: #000;
 	font-weight: 800;
 	font-size: 58px;
 	line-height: 66px;
 }

 .banner-caption h1 span {
 	color: var(--color-orange)
 }

 .banner-caption p {
 	font-family: var(--heading-font);
 	font-size: 24px;
 	line-height: 32px;
 	margin-top: 20px;
 	position: relative;
 	padding-left: 20px;
 	color: #404040;
 }

 .banner-caption p:before {
 	content: "";
 	position: absolute;
 	left: 0;
 	top: 0;
 	width: 7px;
 	height: 100%;
 	/* border-radius: 10px; */
 	background: var(--color-orange)
 }

 .banner-caption .btn i {
 	position: relative;
 	margin-left: 6px;
 }

 .banner-caption .btn i:before {
 	position: relative;
 	z-index: 10;
 	top: 2px;
 }

 .banner-caption .btn i::after {
 	content: "";
 	position: absolute;
 	top: 0px;
 	right: -6px;
 	width: 20px;
 	height: 20px;
 	background: #000;
 	border-radius: 50%;
 	z-index: 0;
 }

 .section-caption {
 	text-transform: uppercase;
 	font-size: 18px;
 	font-weight: 500;
 	color: #aaaaaa
 }

 /* .section-title {} */

 .section-title span {
 	color: var(--color-orange)
 }

 .section-pt {
 	padding-top: 70px
 }

 .section-pb {
 	padding-bottom: 70px
 }

 .section-pad {
 	padding: 40px 0;
 	/* padding: 70px 0; */
 }

 .intro-service-list {
 	margin: 0;
 	padding: 0;
 	margin-left: 80px;
 	border: 1px solid #d4d4d4;
 	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
 	padding: 30px;
 	border-radius: 12px;
 	position: relative;
 	display: flex;
 	flex-wrap: wrap;
 	background: #fffcfc;
 	width: 80%;
 	justify-content: space-between;
 }

 .intro-service-list:before {
 	content: "";
 	position: absolute;
 	left: 0;
 	top: 50%;
 	width: 140px;
 	left: -75px;
 	height: 1px;
 	background: rgba(0, 0, 0, 0.1);
 	z-index: -1
 }

 .intro-service-list li {
 	list-style: none;
 	color: var(--color-orange);
 	flex: 0 0 48%;
 	max-width: 48%;
 	margin-bottom: 10px;
 	position: relative;
 }

 .intro-service-list li:before {
 	content: "";
 	position: absolute;
 	left: 0;
 	bottom: 0;
 	width: 15px;
 	height: 1px;
 	background: var(--color-orange);
 	opacity: 0;
 	transition: all 0.5s
 }

 .intro-service-list li.active:before {
 	content: "";
 	position: absolute;
 	left: 0;
 	bottom: 0;
 	width: 15px;
 	height: 1px;
 	background: var(--color-orange);
 	transition: all 0.5s;
 	opacity: 1
 }

 .intro-service-list li:hover:before {
 	opacity: 1
 }

 .img-wrap .rounded {
 	border-radius: 15px !important;
 }

 .sabout-pad60 {
 	padding-left: 60px;
 }

 .service-about-desc {
 	background: #f1f1f1;
 	padding: 30px 50px;
 	border-radius: 10px;
 	margin-left: -200px;
 }

 .service-benetifs {
 	padding-left: 110px;
 	margin-bottom: 40px;
 	position: relative;
 	padding-top: 10px;
 }

 .service-benetifs h3 {
 	font-size: 18px;
 }

 .sb-icon {
 	width: 90px;
 	height: 90px;
 	/* border: 1px solid #cccccc; */
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	border-radius: 50%;
 	position: absolute;
 	left: 0;
 	top: 0;
 }

 .sb-icon img {
 	max-width: 70px;
 }

 .ss-circle-outer {
 	width: 430px;
 	height: 430px;
 	border: 3px dotted #707070;
 	border-radius: 50%;
 	overflow: hidden;
 	padding: 45px;
 	flex-shrink: 0;
 }

 .ss-circle-inner {
 	width: 100%;
 	height: 100%;
 	background: #f8d1aa;
 	border-radius: 50%;
 	padding: 50px;
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	justify-content: center;
 	text-align: center;
 }

 .ss-circle-inner h2 {
 	font-family: var(--heading-font);
 }

 .ss-stories {
 	display: flex;
 	align-items: center;
 }

 .ss-circle-outer+img {
 	flex-shrink: 0;
 	height: 100%;
 	margin-left: -42px;
 }

 .case-studybox h3 a,
 .case-studybox h3 {
 	text-decoration: none;
 	font-size: 20px;
 	color: var(--color-dgrey);
 	font-weight: 600
 }

 .case-studybox {
 	border: 1px solid #cfcfcf;
 	padding: 30px 30px 30px 60px;
 	border-radius: 20px;
 }

 .case-studybox h3 {
 	line-height: 24px;
 }

 .case-studybox {
 	border: 1px solid #cfcfcf;
 	padding: 30px 30px 30px 80px;
 	border-radius: 20px;
 	position: relative;
 	min-height: 200px;
 	display: flex;
 	flex-direction: column;
 }

 .case-studybox:before {
 	content: "CASE STUDY";
 	position: absolute;
 	left: -26px;
 	top: 45%;
 	rotate: -90deg;
 	letter-spacing: 2px;
 	font-size: 18px;
 	font-weight: 500;
 	color: #cecece;
 }

 .btn.case-btn i {
 	color: var(--color-orange);
 	margin-left: 8px;
 }

 .btn.case-btn {
 	position: relative;
 	padding-top: 14px;
 	margin-top: auto;
 	display: inline-flex;
 	align-items: center;
 }

 .btn.case-btn:before {
 	content: "";
 	position: absolute;
 	width: 30px;
 	height: 30px;
 	background: #e0e0e0;
 	left: 0;
 	z-index: -1;
 	top: 11px;
 }

 .btn.case-btn:hover::before {
 	content: "";
 	position: absolute;
 	width: 30px;
 	height: 30px;
 	background: var(--color-orange);
 	left: 0;
 	z-index: -1;
 	top: 11px;
 }

 .ss-mleft {
 	padding-left: 80px;
 }

 .case-studybox h3 a:hover {
 	color: var(--color-orange)
 }

 .testim-header {
 	padding-left: 60px;
 	position: relative;
 	padding-bottom: 20px;
 	margin-bottom: 20px;
 	position: relative
 }

 .testim-header .img {
 	position: absolute;
 	left: 0;
 	top: 0;
 	border-radius: 50%;
 	max-width: 48px;
 	border: 3px solid #fff;
 	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
 }

 .testim-title {
 	font-size: 20px;
 	font-weight: 600;
 	color: #000;
 }

 .testim-desig {
 	font-weight: 500;
 	color: #000;
 }

 .testimonial-wrap {
 	background: #f5f5f5;
 	padding: 35px;
 	border-radius: 20px;
 	margin-left: 45px;
 	position: relative
 }

 .testimonial-wrap:before {
 	content: "";
 	position: absolute;
 	left: -50px;
 	top: 103px;
 	width: 100%;
 	height: 1px;
 	background: #cbcbcb;
 }

 .slick-dotted.slick-slider {
 	margin-bottom: 0;
 }

 .testim-body {
 	min-height: 100px;
 }

 .slick-dots {
 	position: absolute;
 	top: 50%;
 	transform: translateY(-50%);
 	right: 2%;
 	z-index: 100000
 }

 .slick-dots {
 	position: absolute;
 	top: 0;
 	transform: rotate(90deg);
 	right: 0;
 	z-index: 100000;
 	width: auto;
 }

 .slick-dots li {
 	margin: 0
 }

 .slick-dots li.slick-active button:before {
 	opacity: .75;
 	color: #e67e26;
 }

 .slick-dots li button {
 	margin: 0
 }

 .slick-dots li button:before {
 	color: #e67e26;
 }

 /* .section-testim .container { */
 .section-testim .conta {
 	background: url(../images/testim-bg.png) no-repeat 0 0;
 	background-size: cover;
 	background-color: var(--color-orange);
 	border-radius: 15px;
 	padding: 50px 70px;
 	color: #fff;
 }

 .section-testim h2 {
 	color: #fff;
 	font-family: var(--heading-font);
 	color: #fff;
 }

 .section-testim .btn {
 	/* background: #fff !important;
	border-color: var(--color-orange);
	color: var(--color-orange) !important;
	padding: 15px;
	border-radius: 10px;
	font-size: 20px;
	font-weight: 600; */

 	background: #fff !important;
 	border-color: var(--color-orange);
 	color: var(--color-orange) !important;
 	padding: 14px;
 	border-radius: 10px;
 	font-size: 14px;
 	font-weight: 600;
 }

 @media only screen and (min-width:1200px) and (max-width:1440px) {
 	.ss-circle-outer {
 		width: 370px;
 		height: 370px;
 		/* width: 428px;
 		height: 436px; */
 	}

 	.ss-circle-inner h2 {
 		font-size: 24px;
 	}

 	.ss-circle-inner {
 		font-size: 14px;
 		line-height: 20px;
 	}

 	.case-studybox {
 		padding: 30px 30px 30px 60px;
 	}

 	.case-studybox h3 a {
 		font-size: 16px;
 	}

 	.case-studybox h3 {
 		line-height: 1.2;
 	}

 	.case-studybox:before {
 		font-size: 16px;
 	}

 	.ss-circle-outer+img {
 		max-width: 43%;
 	}
 }

 @media only screen and (max-width:767px) {
 	.inner-banner-wrap {
 		padding: 30px;
background: #e4e4e4 !important;
 	}

.banner-caption{
	margin-top: 0px !important;
}
.banner-caption div{
font-size: 30px !important;
}

 	.section-pb {
 		padding-bottom: 40px;
 	}

 	.banner-caption h1 {
 		font-size: 30px;
 		line-height: 38px;
 	}

 	.banner-caption p {
 		font-size: 18px !important;
 		line-height: 28px;
 	}

 	.inner-banner-wrap {
 		border-radius: 0 0 40px 40px;
 	}

h1{
font-size: 25px !important;
}

 	.intro-service-list {
 		margin-left: 0;
 		width: 100%
 	}

 	.intro-service-list li {
 		flex: 0 0 100%;
 		max-width: 100%;
 	}

 	.sabout-pad60 {
 		padding-left: 15px;
 	}

 	.service-about-desc {
 		margin-left: 0
 	}

 	.service-about-desc {
 		padding: 30px 30px;
 	}

 	.ss-stories {
 		flex-direction: column;
 	}

 	.ss-circle-outer {
 		width: 100%;
 		height: 100%;
 		border-radius: 0;
 		padding: 25px;
 	}

 	.ss-circle-inner {
 		border-radius: 0;
 		padding: 35px;
 	}

 	.ss-circle-outer+img {
 		margin-top: -46px;
 		transform: rotate(90deg);
 		width: 60%;
 		margin: -42px auto;
 	}

 	.ss-mleft {
 		padding-left: 15px;
 	}

 	.testimonial-wrap {
 		margin-left: 0
 	}

 	.testim-body {
 		min-height: 300px;
 	}

 	.contact-email {
 		font-size: 16px;
 	}

 	.footer-right-patch:before {
 		width: auto;
 		height: auto;
 	}

 	.testimonial-wrap:before {
 		display: none;
 	}

 	.footer-right-patch {
 		padding-left: 15px;
 		margin-top: 30px;
 	}

 	.resources {
 		margin-bottom: 20px;
 	}

 	.social-links {
 		justify-content: flex-start;
 	}

 	.social-links li {
 		margin-left: 0;
 		margin-right: 15px;
 		margin-top: 20px;
 	}

 	.section-testim .container {
 		padding: 30px 30px;
 	}

 	.section-testim {
 		padding: 0 15px 70px;
 	}

 	.section-testim h2 {
 		margin-bottom: 20px;
 	}

 	.slick-dots {
 		position: static;
 		transform: rotate(0);
 	}

 }

 @media only screen and (min-width:768px) and (max-width:991px) {
 	.inner-banner-wrap {
 		padding: 40px;
 	}

 	.banner-caption h1 {
 		font-size: 30px;
 		line-height: 34px;
 	}

 	.banner-caption p {
 		font-size: 18px;
 		line-height: 28px;
 	}

 	.intro-service-list {
 		margin-left: 60px;
 		width: 80%;
 	}

 	.intro-service-list:before {
 		left: -60px;
 		width: 60px;
 	}

 	.intro-service-list li {
 		flex: 0 0 100%;
 		max-width: 100%;
 	}

 	.service-about-desc {
 		margin-left: -300px;
 	}

 	.ss-mleft {
 		padding-left: 0;
 	}

 	.ss-circle-outer+img {
 		display: none;
 	}

 	.ss-stories {
 		justify-content: center;
 		margin-bottom: 30px;
 	}

 	.testim-body {
 		min-height: 140px;
 	}

 	.section-testim .container {
 		padding: 30px 40px;
 	}

 	.footer-right-patch:before {
 		display: none;
 	}

 	.footer-right-patch {
 		padding-left: 15px;
 	}

 	.footer-links ul {
 		flex-direction: row;
 		flex-wrap: wrap;
 	}

 	.footer-links ul li {
 		margin-right: 30px;
 	}

 	.slick-dots {
 		position: static;
 		transform: rotate(0);
 	}
 }





 @media only screen and (min-width:992px) and (max-width:1199px) {
 	.slick-dots {
 		position: static;
 		transform: rotate(0);
 	}

 	.section-testim .container {
 		padding: 30px 30px;
 	}

 	.section-testim .btn {
 		font-size: 16px;
 	}

 	.intro-service-list li {
 		flex: 0 0 100%;
 		max-width: 100%;
 	}

 	.ss-circle-outer {
 		width: 340px;
 		height: 340px;
 		padding: 25px;
 	}

 	.ss-circle-inner {
 		padding: 30px;
 	}

 	.ss-circle-inner h2 {
 		font-size: 24px;
 	}

 	.ss-circle-outer+img {
 		/* height: 200px;
		margin-left: -27px; */
 		height: 160px;
 		margin-left: -25px;
 	}

 	.case-studybox {
 		padding: 20px 20px 20px 50px
 	}

 	.case-studybox:before {
 		left: -30px;
 		font-size: 14px;
 	}

 	.case-studybox h3 a {
 		font-size: 16px;
 		line-height: 20px;
 	}

 	.case-studybox {
 		min-height: 270px;
 	}

 	.testim-body {
 		min-height: 200px;
 	}
 }

 .banner-caption div {
 	color: #3d3d3d;
 }


 @media only screen and (min-width:1920px) {
	
	.ss-circle-outer {
		width: 430px !important;
		height: 430px !important;
		border: 3px dotted #707070;
		border-radius: 50%;
		overflow: hidden;
		padding: 45px;
		flex-shrink: 0;
	}


	.banner-caption {
		margin-top: 60px !important;
	}
}