@font-face {
    font-family: Gilroy;
    src: url("../fonts/Gilroy-Regular.ttf");
  }
  @font-face {
    font-family: Gilroy-Semibold;
    src: url("../fonts/Gilroy-SemiBold.ttf");
  }
  @font-face {
    font-family: Gilroy-Bold;
    src: url("../fonts/Gilroy-Bold.ttf");
  }
  @font-face {
    font-family: Gilroy-Medium;
    src: url("../fonts/Gilroy-Medium.ttf");
  }
  @media (min-width: 1400px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	  max-width: 1320px;
  }
}
.upload_document>input[type=text] {
    margin: 0 0 40px 40px;
}

.upload_document button {
    background-color: #0eab4d;
    height: 50px;
    width: 120px;
    border: 1px transparent;
    color: #fff;
}
.mt-30{
	margin-bottom:30px;
}

.gray-bg {
	background: #f5f5f5
}

.txt-right{text-align:right;}

.boxed-btn {
	background: #A2CD38;
	color: #fff !important;
	display: inline-block;
	padding: 8px 20px;
    font-family: Gilroy;
	font-size: 14px;
	font-weight: 400;
	border: 0;
	border: 1px solid #A2CD38;
	text-align: center;
	color: #ff656a;	
	cursor: pointer
}

.boxed-btn:hover {
	background: #A2CD38;
	color: #fff !important;
	border: 1px solid #A2CD38;
}
.y-us{
	padding-top:50px;
	padding-bottom:15px !important;
}
.boxed-btn:focus {
	outline: none
}

.boxed-btn.large-width {
	width: 220px
}

[data-overlay] {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center
}

[data-overlay]::before {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	content: ""
}

[data-opacity="1"]::before {
	opacity: 0.1
}

[data-opacity="2"]::before {
	opacity: 0.2
}

[data-opacity="3"]::before {
	opacity: 0.3
}

[data-opacity="4"]::before {
	opacity: 0.4
}

[data-opacity="5"]::before {
	opacity: 0.5
}

[data-opacity="6"]::before {
	opacity: 0.6
}

[data-opacity="7"]::before {
	opacity: 0.7
}

[data-opacity="8"]::before {
	opacity: 0.8
}

[data-opacity="9"]::before {
	opacity: 0.9
}

body {
	font-family: Gilroy;
	font-weight: normal;
	font-style: normal
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Gilroy-Semibold;
	color: #0b1c39;
	margin-top: 0px;
	font-style: normal;
	font-weight: 500;
	text-transform: normal
}

p {
	font-family: Gilroy;
	color: #506172;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 15px;
	font-weight: normal
}

.bg-img-1 {
	background-image: url(../img/slider/slider-img-1.jpg)
}

.bg-img-2 {
	background-image: url(../img/background-img/bg-img-2.jpg)
}

.cta-bg-1 {
	background-image: url(../img/background-img/bg-img-3.jpg)
}

.img {
	max-width: 100%;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}

.f-left {
	float: left
}

.f-right {
	float: right
}

.fix {
	overflow: hidden
}

.clear {
	clear: both
}

a,
.button {
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}

a:focus,
.button:focus {
	text-decoration: none;
	outline: none
}

a {
	color: #635c5c
}

a:hover {
	color: #fff
}

a:focus,
a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover {
	text-decoration: none
}

a,
button {
	color: #fff;
	outline: medium none
}

button:focus,
input:focus,
input:focus,
textarea,
textarea:focus {
	outline: 0
}

.uppercase {
	text-transform: uppercase
}

input:focus::-moz-placeholder {
	opacity: 0;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

.capitalize {
	text-transform: capitalize
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit
}

ul {
	margin: 0px;
	padding: 0px
}

ul li {
	list-style: none
}

hr {
	border-bottom: 1px solid #eceff8;
	border-top: 0 none;
	margin: 30px 0;
	padding: 0
}

.theme-overlay {
	position: relative
}

.theme-overlay::before {
	background: #1696e7 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%
}

.overlay {
	position: relative;
	z-index: 0
}

.overlay::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1
}

.overlay2 {
	position: relative;
	z-index: 0
}

.overlay2::before {
	position: absolute;
	content: "";
	background-color: #2E2200;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0.5;
}

.section-padding {
	padding-top: 76px;
	padding-bottom: 60px;
}

.separator {
	border-top: 1px solid #f2f2f2
}

.mb-90 {
	margin-bottom: 90px;
}

@media (max-width: 767px) {
	.mb-90 {
		margin-bottom: 30px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.mb-90 {
		margin-bottom: 45px;
	}
}

.owl-carousel .owl-nav div {
	background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
	height: 40px;
	left: 20px;
	line-height: 40px;
	font-size: 22px;
	color: #646464;
	opacity: 1;
	visibility: visible;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s ease 0s;
	width: 40px;
}

.owl-carousel .owl-nav div.owl-next {
	left: auto;
	right: 5px;
}

.owl-carousel .owl-nav div.owl-next i {
	position: relative;
	right: 0;
	top: 1px;
}

.owl-carousel .owl-nav div.owl-prev i {
	position: relative;
	right: 1px;
	top: 0px;
}

.owl-carousel:hover .owl-nav div {
	opacity: 1;
	visibility: visible
}

.owl-carousel:hover .owl-nav div:hover {
	color: #fff;
	background: #ff3500
}

.btn {
	background: #fff;
	-moz-user-select: none;
	color:#A2CD38;
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	font-weight: 500;border-radius: 0;
	letter-spacing: 1px;
	line-height: 0;
	margin-bottom: 0;
	padding: 20px 20px;
	min-width: 200px;
	margin: 10px;
	cursor: pointer;
	font-family: Gilroy-Semibold;
	transition: color 0.4s linear;
	position: relative;
	z-index: 1;
	border: 0;
	overflow: hidden;
	margin: 0
}

.btn::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 110%;
	height: 100%;
	background: #A2CD38;
	z-index: 1;
	border-radius: 0;
	transition: transform 0.5s;
	transition-timing-function: ease;
	transform-origin: 0 0;
	transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7);
	transform: scaleX(0)
}

.btn:hover::before {
	transform: scaleX(1);
	color: #fff !important;
	z-index: -1
}

.header-btn {
	text-transform: uppercase
}

.btn.focus,
.btn:focus {
	outline: 0;
	box-shadow: none
}

.hero-btn {
	padding: 30px 35px
}

.border-btn {
	background: none;
	-moz-user-select: none;
	border: 2px solid #ff656a;
	padding: 18px 38px;
	margin: 10px;
	text-transform: capitalize;
	color: #ff656a;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	margin-bottom: 0;
	border-radius: 5px;
	position: relative;
	transition: color 0.4s linear;
	position: relative;
	overflow: hidden;
	margin: 0
}
.gal-img{
	margin-bottom:80px;
	cursor: pointer;
}
#modalgallery .modal-content{
	width:80%;
}
._1DJgT>img:first-child {
    left: -8%;
    top: 19%;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}
._1DJgT>img {
    position: absolute;
   z-index:3;
   -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-animation: _3yBEK 1s infinite alternate;
    animation: _3yBEK 1s infinite alternate;
}
._1DJgT>img:nth-child(2) {
    bottom: 22%;
    left: -10%;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
._1DJgT>img:nth-child(3) {
	right: -17%;
    top: 7%;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
._1DJgT>img:nth-child(4) {
	right: -24%;
    bottom: 41%;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
._1DJgT>img:nth-child(5) {
	right: 26%;
    top: -57px;
    bottom: 25px;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.border-btn::before {
	border: 2px solid transparent;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #ff656a;
	z-index: -1;
	transition: transform 0.5s;
	transition-timing-function: ease;
	transform-origin: 0 0;
	transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7);
	transform: scaleY(0)
}

.border-btn:hover::before {
	transform: scaleY(1);
	order: 2px solid transparent
}

.border-btn.border-btn2 {
	padding: 17px 52px
}

.send-btn {
	background: #ff656a;
	color: #fff;
	font-size: 14px;
	width: 100%;
	height: 55px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	transition: color 0.4s linear;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.send-btn::before {
	border: 2px solid transparent;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 110%;
	height: 100%;
	background: #e6373d;
	color: #ff656a;
	z-index: -1;
	transition: transform 0.5s;
	transition-timing-function: ease;
	transform-origin: 0 0;
	transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7);
	transform: scaleX(0)
}

.send-btn:hover::before {
	transform: scaleY(1);
	order: 2px solid transparent;
	color: red
}

.breadcrumb>.active {
	color: #888
}

#scrollUp {
	background: #A2CD38;
	height: 50px;
	width: 50px;
	right: 31px;
	bottom: 18px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	border-radius: 50%;
	line-height: 48px;
	border: 2px solid transparent
}

@media (max-width: 767px) {
	#scrollUp {
		right: 16px
	}
}

#scrollUp:hover {
	color: #fff
}

.sticky-bar {
	left: 0;
	margin: auto;
	position: fixed;
	top: 0;
	width: 100%;
	-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
	box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
	z-index: 9999;
	-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
	-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
	background: #fff
}

.mt-5 {
	margin-top: 5px
}

.mt-10 {
	margin-top: 10px
}

.mt-15 {
	margin-top: 15px
}

.mt-20 {
	margin-top: 20px
}

.mt-25 {
	margin-top: 25px
}

.mt-30 {
	margin-top: 30px
}

.mt-35 {
	margin-top: 35px
}

.mt-40 {
	margin-top: 40px
}

.mt-45 {
	margin-top: 45px
}

.mt-50 {
	margin-top: 50px
}

.mt-55 {
	margin-top: 55px
}

.mt-60 {
	margin-top: 60px
}

.mt-65 {
	margin-top: 65px
}

.mt-70 {
	margin-top: 70px
}

.mt-75 {
	margin-top: 75px
}

.mt-80 {
	margin-top: 80px
}

.mt-85 {
	margin-top: 85px
}

.mt-90 {
	margin-top: 90px
}

.mt-95 {
	margin-top: 95px
}

.mt-100 {
	margin-top: 100px
}

.mt-105 {
	margin-top: 105px
}

.mt-110 {
	margin-top: 110px
}

.mt-115 {
	margin-top: 115px
}

.mt-120 {
	margin-top: 120px
}

.mt-125 {
	margin-top: 125px
}

.mt-130 {
	margin-top: 130px
}

.mt-135 {
	margin-top: 135px
}

.mt-140 {
	margin-top: 140px
}

.mt-145 {
	margin-top: 145px
}

.mt-150 {
	margin-top: 150px
}

.mt-155 {
	margin-top: 155px
}

.mt-160 {
	margin-top: 160px
}

.mt-165 {
	margin-top: 165px
}

.mt-170 {
	margin-top: 170px
}

.mt-175 {
	margin-top: 175px
}

.mt-180 {
	margin-top: 180px
}

.mt-185 {
	margin-top: 185px
}

.mt-190 {
	margin-top: 190px
}

.mt-195 {
	margin-top: 195px
}

.mt-200 {
	margin-top: 200px
}

.mb-5 {
	margin-bottom: 5px
}

.mb-10 {
	margin-bottom: 10px
}

.mb-15 {
	margin-bottom: 15px
}

.mb-20 {
	margin-bottom: 20px
}

.mb-25 {
	margin-bottom: 25px
}

.mb-30 {
	margin-bottom: 30px
}

.mb-35 {
	margin-bottom: 35px
}

.mb-40 {
	margin-bottom: 40px
}

.mb-45 {
	margin-bottom: 45px
}

.mb-50 {
	margin-bottom: 50px
}

.mb-55 {
	margin-bottom: 55px
}

.mb-60 {
	margin-bottom: 60px
}

.mb-65 {
	margin-bottom: 65px
}

.mb-70 {
	margin-bottom: 70px
}

.mb-75 {
	margin-bottom: 75px
}

.mb-80 {
	margin-bottom: 80px
}

.mb-85 {
	margin-bottom: 85px
}

.mb-90 {
	margin-bottom: 90px
}

.mb-95 {
	margin-bottom: 95px
}

.mb-100 {
	margin-bottom: 100px
}

.mb-105 {
	margin-bottom: 105px
}

.mb-110 {
	margin-bottom: 110px
}

.mb-115 {
	margin-bottom: 115px
}

.mb-120 {
	margin-bottom: 120px
}

.mb-125 {
	margin-bottom: 125px
}

.mb-130 {
	margin-bottom: 130px
}

.mb-135 {
	margin-bottom: 135px
}

.mb-140 {
	margin-bottom: 140px
}

.mb-145 {
	margin-bottom: 145px
}

.mb-150 {
	margin-bottom: 150px
}

.mb-155 {
	margin-bottom: 155px
}

.mb-160 {
	margin-bottom: 160px
}

.mb-165 {
	margin-bottom: 165px
}

.mb-170 {
	margin-bottom: 170px
}

.mb-175 {
	margin-bottom: 175px
}

.mb-180 {
	margin-bottom: 180px
}

.mb-185 {
	margin-bottom: 185px
}

.mb-190 {
	margin-bottom: 190px
}

.mb-195 {
	margin-bottom: 195px
}

.mb-200 {
	margin-bottom: 200px
}

.ml-5 {
	margin-left: 5px
}

.ml-10 {
	margin-left: 10px
}

.ml-15 {
	margin-left: 15px
}

.ml-20 {
	margin-left: 20px
}

.ml-25 {
	margin-left: 25px
}

.ml-30 {
	margin-left: 30px
}

.ml-35 {
	margin-left: 35px
}

.ml-40 {
	margin-left: 40px
}

.ml-45 {
	margin-left: 45px
}

.ml-50 {
	margin-left: 50px
}

.ml-55 {
	margin-left: 55px
}

.ml-60 {
	margin-left: 60px
}

.ml-65 {
	margin-left: 65px
}

.ml-70 {
	margin-left: 70px
}

.ml-75 {
	margin-left: 75px
}

.ml-80 {
	margin-left: 80px
}

.ml-85 {
	margin-left: 85px
}

.ml-90 {
	margin-left: 90px
}

.ml-95 {
	margin-left: 95px
}

.ml-100 {
	margin-left: 100px
}

.ml-105 {
	margin-left: 105px
}

.ml-110 {
	margin-left: 110px
}

.ml-115 {
	margin-left: 115px
}

.ml-120 {
	margin-left: 120px
}

.ml-125 {
	margin-left: 125px
}

.ml-130 {
	margin-left: 130px
}

.ml-135 {
	margin-left: 135px
}

.ml-140 {
	margin-left: 140px
}

.ml-145 {
	margin-left: 145px
}

.ml-150 {
	margin-left: 150px
}

.ml-155 {
	margin-left: 155px
}

.ml-160 {
	margin-left: 160px
}

.ml-165 {
	margin-left: 165px
}

.ml-170 {
	margin-left: 170px
}

.ml-175 {
	margin-left: 175px
}

.ml-180 {
	margin-left: 180px
}

.ml-185 {
	margin-left: 185px
}

.ml-190 {
	margin-left: 190px
}

.ml-195 {
	margin-left: 195px
}

.ml-200 {
	margin-left: 200px
}

.mr-5 {
	margin-right: 5px
}

.mr-10 {
	margin-right: 10px
}

.mr-15 {
	margin-right: 15px
}

.mr-20 {
	margin-right: 20px
}

.mr-25 {
	margin-right: 25px
}

.mr-30 {
	margin-right: 30px
}

.mr-35 {
	margin-right: 35px
}

.mr-40 {
	margin-right: 40px
}

.mr-45 {
	margin-right: 45px
}

.mr-50 {
	margin-right: 50px
}

.mr-55 {
	margin-right: 55px
}

.mr-60 {
	margin-right: 60px
}

.mr-65 {
	margin-right: 65px
}

.mr-70 {
	margin-right: 70px
}

.mr-75 {
	margin-right: 75px
}

.mr-80 {
	margin-right: 80px
}

.mr-85 {
	margin-right: 85px
}

.mr-90 {
	margin-right: 90px
}

.mr-95 {
	margin-right: 95px
}

.mr-100 {
	margin-right: 100px
}

.mr-105 {
	margin-right: 105px
}

.mr-110 {
	margin-right: 110px
}

.mr-115 {
	margin-right: 115px
}

.mr-120 {
	margin-right: 120px
}

.mr-125 {
	margin-right: 125px
}

.mr-130 {
	margin-right: 130px
}

.mr-135 {
	margin-right: 135px
}

.mr-140 {
	margin-right: 140px
}

.mr-145 {
	margin-right: 145px
}

.mr-150 {
	margin-right: 150px
}

.mr-155 {
	margin-right: 155px
}

.mr-160 {
	margin-right: 160px
}

.mr-165 {
	margin-right: 165px
}

.mr-170 {
	margin-right: 170px
}

.mr-175 {
	margin-right: 175px
}

.mr-180 {
	margin-right: 180px
}

.mr-185 {
	margin-right: 185px
}

.mr-190 {
	margin-right: 190px
}

.mr-195 {
	margin-right: 195px
}

.mr-200 {
	margin-right: 200px
}

.pt-5 {
	padding-top: 5px
}

.pt-10 {
	padding-top: 10px
}

.pt-15 {
	padding-top: 15px
}

.pt-20 {
	padding-top: 20px
}

.pt-25 {
	padding-top: 25px
}

.pt-30 {
	padding-top: 30px
}

.pt-35 {
	padding-top: 35px
}

.pt-40 {
	padding-top: 40px
}

.pt-45 {
	padding-top: 45px
}

.pt-50 {
	padding-top: 50px
}

.pt-55 {
	padding-top: 55px
}

.pt-60 {
	padding-top: 60px
}

.pt-65 {
	padding-top: 65px
}

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

.pt-75 {
	padding-top: 75px
}

.pt-80 {
	padding-top: 80px
}

.pt-85 {
	padding-top: 85px
}

.pt-90 {
	padding-top: 90px
}

.pt-95 {
	padding-top: 95px
}

.pt-100 {
	padding-top: 100px
}

.pt-105 {
	padding-top: 105px
}

.pt-110 {
	padding-top: 110px
}

.pt-115 {
	padding-top: 115px
}

.pt-120 {
	padding-top: 120px
}

.pt-125 {
	padding-top: 125px
}

.pt-130 {
	padding-top: 130px
}

.pt-135 {
	padding-top: 135px
}

.pt-140 {
	padding-top: 140px
}

.pt-145 {
	padding-top: 145px
}

.pt-150 {
	padding-top: 150px
}

.pt-155 {
	padding-top: 155px
}

.pt-160 {
	padding-top: 160px
}

.pt-165 {
	padding-top: 165px
}

.pt-170 {
	padding-top: 170px
}

.pt-175 {
	padding-top: 175px
}

.pt-180 {
	padding-top: 180px
}

.pt-185 {
	padding-top: 185px
}

.pt-190 {
	padding-top: 190px
}

.pt-195 {
	padding-top: 195px
}

.pt-200 {
	padding-top: 200px
}

.pt-260 {
	padding-top: 260px
}

.pb-5 {
	padding-bottom: 5px
}

.pb-10 {
	padding-bottom: 10px
}

.pb-15 {
	padding-bottom: 15px
}

.pb-20 {
	padding-bottom: 20px
}

.pb-25 {
	padding-bottom: 25px
}

.pb-30 {
	padding-bottom: 30px
}

.pb-35 {
	padding-bottom: 35px
}

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

.pb-45 {
	padding-bottom: 45px
}

.pb-50 {
	padding-bottom: 50px
}

.pb-55 {
	padding-bottom: 55px
}

.pb-60 {
	padding-bottom: 60px
}

.pb-65 {
	padding-bottom: 65px
}

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

.pb-75 {
	padding-bottom: 75px
}

.pb-80 {
	padding-bottom: 80px
}

.pb-85 {
	padding-bottom: 85px
}

.pb-90 {
	padding-bottom: 90px
}

.pb-95 {
	padding-bottom: 95px
}

.pb-100 {
	padding-bottom: 100px
}

.pb-105 {
	padding-bottom: 105px
}

.pb-110 {
	padding-bottom: 110px
}

.pb-115 {
	padding-bottom: 115px
}

.pb-120 {
	padding-bottom: 120px
}

.pb-125 {
	padding-bottom: 125px
}

.pb-130 {
	padding-bottom: 130px
}

.pb-135 {
	padding-bottom: 135px
}

.pb-140 {
	padding-bottom: 140px
}

.pb-145 {
	padding-bottom: 145px
}

.pb-150 {
	padding-bottom: 150px
}

.pb-155 {
	padding-bottom: 155px
}

.pb-160 {
	padding-bottom: 160px
}

.pb-165 {
	padding-bottom: 165px
}

.pb-170 {
	padding-bottom: 170px
}

.pb-175 {
	padding-bottom: 175px
}

.pb-180 {
	padding-bottom: 180px
}

.pb-185 {
	padding-bottom: 185px
}

.pb-190 {
	padding-bottom: 190px
}

.pb-195 {
	padding-bottom: 195px
}

.pb-200 {
	padding-bottom: 200px
}

.pl-5 {
	padding-left: 5px
}

.pl-10 {
	padding-left: 10px
}

.pl-15 {
	padding-left: 15px
}

.pl-20 {
	padding-left: 20px
}

.pl-25 {
	padding-left: 25px
}

.pl-30 {
	padding-left: 30px
}

.pl-35 {
	padding-left: 35px
}

.pl-40 {
	padding-left: 40px
}

.pl-45 {
	padding-left: 45px
}

.pl-50 {
	padding-left: 50px
}

.pl-55 {
	padding-left: 55px
}

.pl-60 {
	padding-left: 60px
}

.pl-65 {
	padding-left: 65px
}

.pl-70 {
	padding-left: 70px
}

.pl-75 {
	padding-left: 75px
}

.pl-80 {
	padding-left: 80px
}

.pl-85 {
	padding-left: 85px
}

.pl-90 {
	padding-left: 90px
}

.pl-95 {
	padding-left: 95px
}

.pl-100 {
	padding-left: 100px
}

.pl-105 {
	padding-left: 105px
}

.pl-110 {
	padding-left: 110px
}

.pl-115 {
	padding-left: 115px
}

.pl-120 {
	padding-left: 120px
}

.pl-125 {
	padding-left: 125px
}

.pl-130 {
	padding-left: 130px
}

.pl-135 {
	padding-left: 135px
}

.pl-140 {
	padding-left: 140px
}

.pl-145 {
	padding-left: 145px
}

.pl-150 {
	padding-left: 150px
}

.pl-155 {
	padding-left: 155px
}

.pl-160 {
	padding-left: 160px
}

.pl-165 {
	padding-left: 165px
}

.pl-170 {
	padding-left: 170px
}

.pl-175 {
	padding-left: 175px
}

.pl-180 {
	padding-left: 180px
}

.pl-185 {
	padding-left: 185px
}

.pl-190 {
	padding-left: 190px
}

.pl-195 {
	padding-left: 195px
}

.pl-200 {
	padding-left: 200px
}

.pr-5 {
	padding-right: 5px
}

.pr-10 {
	padding-right: 10px
}

.pr-15 {
	padding-right: 15px
}

.pr-20 {
	padding-right: 20px
}

.pr-25 {
	padding-right: 25px
}

.pr-30 {
	padding-right: 30px
}

.pr-35 {
	padding-right: 35px
}

.pr-40 {
	padding-right: 40px
}

.pr-45 {
	padding-right: 45px
}

.pr-50 {
	padding-right: 50px
}

.pr-55 {
	padding-right: 55px
}

.pr-60 {
	padding-right: 60px
}

.pr-65 {
	padding-right: 65px
}

.pr-70 {
	padding-right: 70px
}

.pr-75 {
	padding-right: 75px
}

.pr-80 {
	padding-right: 80px
}

.pr-85 {
	padding-right: 85px
}

.pr-90 {
	padding-right: 90px
}

.pr-95 {
	padding-right: 95px
}

.pr-100 {
	padding-right: 100px
}

.pr-105 {
	padding-right: 105px
}

.pr-110 {
	padding-right: 110px
}

.pr-115 {
	padding-right: 115px
}

.pr-120 {
	padding-right: 120px
}

.pr-125 {
	padding-right: 125px
}

.pr-130 {
	padding-right: 130px
}

.pr-135 {
	padding-right: 135px
}

.pr-140 {
	padding-right: 140px
}

.pr-145 {
	padding-right: 145px
}

.pr-150 {
	padding-right: 150px
}

.pr-155 {
	padding-right: 155px
}

.pr-160 {
	padding-right: 160px
}

.pr-165 {
	padding-right: 165px
}

.pr-170 {
	padding-right: 170px
}

.pr-175 {
	padding-right: 175px
}

.pr-180 {
	padding-right: 180px
}

.pr-185 {
	padding-right: 185px
}

.pr-190 {
	padding-right: 190px
}

.pr-195 {
	padding-right: 195px
}

.pr-200 {
	padding-right: 200px
}

.bounce-animate {
	animation-name: float-bob;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	-moz-animation-name: float-bob;
	-moz-animation-duration: 2s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: float-bob;
	-ms-animation-duration: 2s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	-o-animation-name: float-bob;
	-o-animation-duration: 2s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear
}

@-webkit-keyframes float-bob {
	0% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	50% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}

	100% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}
}

.heartbeat {
	animation: heartbeat 1s infinite alternate
}

@-webkit-keyframes heartbeat {
	to {
		-webkit-transform: scale(1.03);
		transform: scale(1.03)
	}
}

.rotateme {
	-webkit-animation-name: rotateme;
	animation-name: rotateme;
	-webkit-animation-duration: 30s;
	animation-duration: 30s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear
}

@keyframes rotateme {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes rotateme {
	from {
		-webkit-transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg)
	}
}

.preloader {
	background-color: #f7f7f7;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999999;
	-webkit-transition: .6s;
	-o-transition: .6s;
	transition: .6s;
	margin: 0 auto
}

.preloader .preloader-circle {
	width: 100px;
	height: 100px;
	position: relative;
	border-style: solid;
	border-width: 3px;
	border-top-color: #A2CD38 !important;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	z-index: 10;
	border-radius: 50%;
	-webkit-box-shadow: 0 1px 5px 0 rgba(35, 181, 185, 0.15);
	box-shadow: 0 1px 5px 0 rgba(35, 181, 185, 0.15);
	background-color: #ffffff;
	-webkit-animation: zoom 2000ms infinite ease;
	animation: zoom 2000ms infinite ease;
	-webkit-transition: .6s;
	-o-transition: .6s;
	transition: .6s
}

.preloader .preloader-circle2 {
	border-top-color: #0078ff
}

.preloader .preloader-img {
	position: absolute;
	top: 50%;
	z-index: 200;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	display: inline-block;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding-top: 6px;
	-webkit-transition: .6s;
	-o-transition: .6s;
	transition: .6s
}

.preloader .preloader-img img {
	max-width: 55px
}

.preloader .pere-text strong {
	font-weight: 800;
	color: #dca73a;
	text-transform: uppercase
}

@-webkit-keyframes zoom {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .6s;
		-o-transition: .6s;
		transition: .6s
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		-webkit-transition: .6s;
		-o-transition: .6s;
		transition: .6s
	}
}

@keyframes zoom {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .6s;
		-o-transition: .6s;
		transition: .6s
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		-webkit-transition: .6s;
		-o-transition: .6s;
		transition: .6s
	}
}

.section-padding2 {
	padding-top: 60px;
	padding-bottom: 60px
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.section-padding2 {
		padding-top: 200px;
		padding-bottom: 200px
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.section-padding2 {
		padding-top: 200px;
		padding-bottom: 200px
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.section-padding2 {
		padding-top: 100px;
		padding-bottom: 100px
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.section-padding2 {
		padding-top: 50px;
		padding-bottom: 50px
	}
}

@media (max-width: 767px) {
	.section-padding2 {
		padding-top: 50px;
		padding-bottom: 50px
	}
}

.team-padding {
	padding-top: 160px;
	padding-bottom: 130px
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.team-padding {
		padding-top: 160px;
		padding-bottom: 130px
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.team-padding {
		padding-top: 110px;
		padding-bottom: 80px
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.team-padding {
		padding-top: 100px;
		padding-bottom: 80px
	}
}

@media (max-width: 767px) {
	.team-padding {
		padding-top: 100px;
		padding-bottom: 80px
	}
}

.section-padding30 {
	padding-top: 200px;
	padding-bottom: 170px
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.section-padding30 {
		padding-top: 200px;
		padding-bottom: 170px
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.section-padding30 {
		padding-top: 150px;
		padding-bottom: 120px
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.section-padding30 {
		padding-top: 100px;
		padding-bottom: 70px
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.section-padding30 {
		padding-top: 60px;
		padding-bottom: 28px
	}
}

@media (max-width: 767px) {
	.section-padding30 {
		padding-top: 60px;
		padding-bottom: 28px
	}
}

.section-padding3 {
	padding-top: 60px;
	padding-bottom: 60px
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.section-padding3 {
		padding-top: 60px;
		padding-bottom:60px
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.section-padding3 {
		padding-top: 50px;
		padding-bottom: 100px
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.section-padding3 {
		padding-top: 60px;
		padding-bottom: 60px
	}
}

@media (max-width: 767px) {
	.section-padding3 {
		padding-top: 40px;
		padding-bottom: 70px
	}
}

.section-paddingt {
	padding-top: 60px;
	padding-bottom: 60px
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.section-paddingt {
		padding-top: 100px;
		padding-bottom: 70px
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.section-paddingt {
		padding-top: 60px;
		padding-bottom: 28px
	}
}

@media (max-width: 767px) {
	.section-paddingt {
		padding-top: 60px;
		padding-bottom: 28px
	}
}

.section-paddingt2 {
	padding-bottom: 170px
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.section-paddingt2 {
		padding-bottom: 170px
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.section-paddingt2 {
		padding-bottom: 120px
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.section-paddingt2 {
		padding-bottom: 70px
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.section-paddingt2 {
		padding-bottom: 28px
	}
}

@media (max-width: 767px) {
	.section-paddingt2 {
		padding-bottom: 28px
	}
}

.trusted-padding {
	padding-top: 200px
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.trusted-padding {
		padding-top: 200px
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.trusted-padding {
		padding-top: 100px
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.trusted-padding {
		padding-top: 100px
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.trusted-padding {
		padding-top: 50px
	}
}

@media (max-width: 767px) {
	.trusted-padding {
		padding-top: 50px
	}
}

.section-padd-top30 {
	padding-top: 170px;
	padding-bottom: 200px
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.section-padd-top30 {
		padding-top: 170px;
		padding-bottom: 200px
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.section-padd-top30 {
		padding-top: 170px;
		padding-bottom: 200px
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.section-padd-top30 {
		padding-top: 100px;
		padding-bottom: 160px
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.section-padd-top30 {
		padding-top: 50px;
		padding-bottom: 90px
	}
}

@media (max-width: 767px) {
	.section-padd-top30 {
		padding-top: 35px;
		padding-bottom: 90px
	}
}

.testimonial-padding {
	padding-top: 157px;
	padding-bottom: 157px
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.testimonial-padding {
		padding-top: 157px;
		padding-bottom: 157px
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.testimonial-padding {
		padding-top: 120px;
		padding-bottom: 120px
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.testimonial-padding {
		padding-top: 100px;
		padding-bottom: 100px
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.testimonial-padding {
		padding-top: 80px;
		padding-bottom: 60px
	}
}

@media (max-width: 767px) {
	.testimonial-padding {
		padding-top: 80px;
		padding-bottom: 60px
	}
}

.w-padding {
	padding-top: 80px;
	padding-bottom: 80px
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.w-padding {
		padding-top: 80px;
		padding-bottom: 80px
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.w-padding {
		padding-top: 80px;
		padding-bottom: 80px
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.w-padding {
		padding-top: 80px;
		padding-bottom: 80px
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.w-padding {
		padding-top: 70px;
		padding-bottom: 70px
	}
}

@media (max-width: 767px) {
	.w-padding {
		padding-top: 70px;
		padding-bottom: 70px
	}
}

.footer-padding {
	padding-top:40px;
	
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.footer-padding {
		padding-top: 40px;
		padding-bottom: 10px
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.footer-padding {
		padding-top: 100px;
		padding-bottom: 10px
	}
}

@media (max-width: 767px) {
	.footer-padding {
		padding-top: 80px;
		padding-bottom: 10px
	}
}
.green-txt{
	color:#A2CD38;
	text-align: right;
	font-family: Gilroy-Bold;
	font: size 18px;
}
.green-txt:hover{
	color:#A2CD38;
	
}
.white-bg {
	background: #ffffff
}

.gray-bg {
	background: #f5f5f5
}

.gray-bg {
	background: #f7f7fd
}

.white-bg {
	background: #fff
}

.black-bg {
	background: #16161a
}

.theme-bg {
	background: #ff656a
}

.brand-bg {
	background: #f1f4fa
}

.testimonial-bg {
	background: #f9fafc
}

.white-color {
	color: #fff
}

.black-color {
	color: #16161a
}

.theme-color {
	color: #ff656a
}

.header-area .header-top {
	padding: 13px 185px
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.header-area .header-top {
		padding: 13px 80px
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header-area .header-top {
		padding: 13px 50px
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header-area .header-top {
		padding: 13px 50px
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.header-area .header-top {
		padding: 13px 20px
	}
}

@media (max-width: 767px) {
	.header-area .header-top {
		padding: 13px 20px
	}
}

.header-area .header-bottom {
	padding: 0px 185px
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.header-area .header-bottom {
		padding: 0px 80px
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header-area .header-bottom {
		padding: 0px 50px
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header-area .header-bottom {
		padding: 22px 50px
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.header-area .header-bottom {
		padding: 22px 20px
	}
}

@media (max-width: 767px) {
	.header-area .header-bottom {
		padding: 22px 20px
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header-area {
		box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1)
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.header-area {
		box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1)
	}
}

@media (max-width: 767px) {
	.header-area {
		box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1)
	}
}

.header-area .header-top .header-info-left ul li {
	color: #fff;
	display: inline-block;
	margin-right: 56px;
	font-family: "Poppins", sans-serif;
	font-size: 14px
}

.header-area .header-top .header-info-left ul li:last-child {
	margin-right: 0px
}

.header-area .header-top .header-info-left ul li i {
	margin-right: 8px
}

.header-area .header-top .header-info-right .header-social li {
	display: inline-block
}

.header-area .header-top .header-info-right .header-social li a {
	color: #fff;
	font-size: 14px;
	padding-left: 25px
}

.header-area .header-top .header-info-right .header-social li a:hover {
	color: #ff656a
}

.main-header {
	position: relative;
	z-index: 3
}
.main-header .main-menu ul li.active a{
	color: #A2CD38 !important
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.main-header .main-menu {
		margin-right: 30px
	}
}

.main-header .main-menu ul li {
	display: inline-block;
	position: relative;
	z-index: 1
}

.main-header .main-menu ul li a {
	color: #002e5b;
	font-weight: 500;
	padding: 39px 14px;
	display: block;
	font-size: 14px;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	text-transform: uppercase
}
.iti input, .iti input[type=text], .iti input[type=tel] {
    position: relative;
    z-index: 0;
    padding-right: 36px;
    margin-right: 0;
    height: 48px !important; 
}
.main-header .main-menu ul li a.active{
	color: #A2CD38 !important
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.main-header .main-menu ul li a {
		padding: 39px 11px
	}
}

.main-header .main-menu ul li:hover>a {
	color: #A2CD38 !important
}
.main-header .main-menu ul li.active   a{
	color: #A2CD38 !important
}
.main-header .main-menu ul ul.submenu {
	position: absolute;
	width: 170px;
	background: #fff;
	left: 0;
	top: 120%;
	visibility: hidden;
	opacity: 0;
	box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
	padding: 17px 0;
	border-top: 5px solid #A2CD38;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}

.main-header .main-menu ul ul.submenu>li {
	margin-left: 7px;
	display: block
}

.main-header .main-menu ul ul.submenu>li>a {
	padding: 6px 10px !important;
	font-size: 14px;
	color: #0b1c39;
	text-transform: capitalize
}

.main-header .main-menu ul ul.submenu>li>a:hover {
	color: #ff656a;
	background: none
}

.header-area .header-top .header-info-right .header-social a i {
	-webkit-transition: all .4s ease-out 0s;
	-moz-transition: all .4s ease-out 0s;
	-ms-transition: all .4s ease-out 0s;
	-o-transition: all .4s ease-out 0s;
	transition: all .4s ease-out 0s;
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg)
}

.header-area .header-top .header-info-right .header-social a:hover i {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg)
}

.main-header ul>li:hover>ul.submenu {
	visibility: visible;
	opacity: 1;
	top: 100%
}

.top-bg {
	background: #002d5b
}

.header-sticky ul li a {
	padding: 10px 19px
}

.header-sticky.sticky-bar.sticky .main-menu ul>li>a {
	padding: 26px 14px
}

.slicknav_menu .slicknav_icon-bar {
	background-color: #A2CD38 !important
}

.slicknav_nav {
	margin-top: 10px
}

.header-sticky.sticky-bar.sticky .header-btn .get-btn {
	padding: 20px 20px
}

.header-area .slicknav_btn {
	top: -16px
}

.slicknav_menu .slicknav_nav a:hover {
	background: transparent;
	color: #A2CD38
}

.slicknav_menu {
	background: transparent;
	margin-top: 5px !important
}

.mobile_menu {
	
	right: 0px;
	width: 100%;
	z-index: 99
}
.hero__caption{align-self: center;}
.slider-height {
	padding-top:80px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.slider-height {
		min-height: 700px
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.slider-height {
		min-height: 600px
	}
}

@media (max-width: 767px) {
	.slider-height {
		min-height: 470px
	}
}

.slider-height2 {
	min-height: 500px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}
.slider-height3 {
    min-height: 150px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


@media (max-width: 767px) {
	.slider-height2 {
		min-height: 260px
	}
}

.slider-area {
	margin-top: -1px
}

.slider-area .hero__caption h1 {
	font-size: 42px;
	font-weight: 900;
	margin-bottom: 25px;
	color: #fff;
	width:80%;
	font-family: Gilroy-Bold;
	line-height: 60px;
	
}
.green-bg{position: relative;}
.ban-boy img{
    position:absolute;top:0;z-index:5;left:16%;width:82%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.slider-area .hero__caption h1 {
		font-size: 60px;
		line-height: 1.2
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.slider-area .hero__caption h1 {
		font-size: 50px;
		line-height: 1.2
	}
	

@media (max-width: 767px) {
	.slider-area .hero__caption h1 {
		font-size: 35px;
		line-height: 1.2
	}
	
}
}


.slider-area .hero__caption h4 {
	font-size: 20px;
	line-height: 1.2;
	font-weight: 300;
	margin-bottom: 39px;
	color: #A2CD38;
    font-family: Gilroy-Bold;
	margin-bottom: 7px;
	
}
.slider-area .hero__caption p {
	font-size: 15px;
	line-height: 24px;
	font-weight: 300;
	margin-bottom: 39px;
	color: #fff;
	width:75%;
    font-family: Gilroy;
	margin-bottom: 50px;
	
}

@media (max-width: 767px) {
	.slider-area .hero__caption p {
		margin-bottom: 30px
	}
}

.hero-overly {
	position: relative;
	z-index: 1
}

.hero-overly::before {
	position: absolute;
	content: "";
	background-color: rgba(1, 10, 28, 0.3);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
	background-repeat: no-repeat
}

.slider-area .hero-cap h2 {
	color: #fff;
	font-size: 50px;font-family: Gilroy-Bold;
	font-weight: 700;
	text-transform: capitalize
}

.slider-active button.slick-arrow {
	position: absolute;
	top: 50%;
	left: 80px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: none;
	border: 0;
	padding: 0;
	z-index: 2;
	opacity: 0;
	visibility: hidden;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	cursor: pointer;
	background: #ff656a;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

.slider-active button.slick-arrow i {
	font-size: 20px;
	line-height: 60px
}

.slider-active button.slick-next {
	left: auto;
	right: 80px
}

.slider-active button.slick-arrow .secondary-img {
	right: 26px
}

.slider-active button:hover img {
	opacity: 0
}

.slider-active button:hover .secondary-img {
	opacity: 1
}

.slider-active:hover button.slick-prev {
	left: 100px
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.slider-active:hover button.slick-prev {
		left: 20px
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.slider-active:hover button.slick-prev {
		left: auto;
		right: 10px
	}
}

.slider-active:hover button.slick-next {
	right: 100px
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.slider-active:hover button.slick-next {
		right: 20px
	}
}

.slider-active:hover button {
	opacity: 1;
	visibility: visible
}

.slider-active button:hover {
	background: #002d5b
}

.slider-active .secondary-img {
	position: absolute;
	opacity: 0
}

.team-profile {
	background: #f6f9fe
}

.team-profile .single-profile .single-profile-front .profile-img {
	overflow: hidden
}

.team-profile .single-profile .single-profile-front .profile-img img {
	width: 100%;
	margin-bottom: 30px;
	-webkit-transition: all .4s ease-out 0s;
	-moz-transition: all .4s ease-out 0s;
	-ms-transition: all .4s ease-out 0s;
	-o-transition: all .4s ease-out 0s;
	transition: all .4s ease-out 0s;
	border-bottom: 7px solid transparent;
	transform: scale(1)
}

.team-profile .single-profile .single-profile-front .profile-img img:hover {
	border-bottom: 7px solid #ff656a;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1)
}

.team-profile .single-profile .single-profile-front .profile-caption {
	overflow: hidden
}

.team-profile .single-profile .single-profile-front .profile-caption h4 a {
	color: #191d34;
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 23px;
	display: block
}

.team-profile .single-profile .single-profile-front .profile-caption h4 a:hover {
	color: #ff656a
}

.team-profile .single-profile .single-profile-back {
	border: 4px solid #ff656a;
	padding: 31px 32px 48px 52px;
	background: #fff;
	overflow: hidden;
	top: 0;
	position: absolute;
	transform: perspective(600px) rotateY(180deg);
	backface-visibility: hidden;
	overflow: hidden;
	transition: transform 0.5s linear
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.team-profile .single-profile .single-profile-back {
		padding: 20px
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.team-profile .single-profile .single-profile-back {
		padding: 20px
	}
}

@media (max-width: 767px) {
	.team-profile .single-profile .single-profile-back {
		padding: 20px
	}
}

.team-profile .single-profile .single-profile-back h2 {
	color: #191d34;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 30px;
	position: relative;
	display: block;
	padding-bottom: 29px
}

.team-profile .single-profile .single-profile-back h2::before {
	content: "";
	position: absolute;
	width: 100px;
	height: 4px;
	background: #ff656a;
	left: 0;
	bottom: 0
}

.team-profile .single-profile .single-profile-back p {
	margin-bottom: 30px
}

.team-profile .single-profile .single-profile-back a {
	color: #191d34
}

.team-profile .single-profile .single-profile-back a:hover {
	color: #ff656a
}

.team-profile .single-profile .single-profile-front-last .profile-img {
	overflow: hidden
}

.team-profile .single-profile .single-profile-front-last .profile-img img {
	width: 100%;
	margin-bottom: 30px;
	-webkit-transition: all .4s ease-out 0s;
	-moz-transition: all .4s ease-out 0s;
	-ms-transition: all .4s ease-out 0s;
	-o-transition: all .4s ease-out 0s;
	transition: all .4s ease-out 0s;
	border-bottom: 7px solid transparent;
	transform: scale(1)
}

.team-profile .single-profile .single-profile-front-last .profile-img img:hover {
	border-bottom: 7px solid #ff656a;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1)
}

.team-profile .single-profile .single-profile-front-last .profile-caption h4 a {
	color: #191d34;
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 23px;
	display: block
}

.team-profile .single-profile .single-profile-front-last .profile-caption h4 a:hover {
	color: #ff656a
}

.team-profile .single-profile .single-profile-back-last {
	border: 4px solid #ff656a;
	padding: 31px 32px 48px 52px;
	background: #fff;
	overflow: hidden;
	top: 0;
	position: relative;
	top: 0;
	backface-visibility: hidden;
	transition: transform 0.5s linear;
	transform: perspective(600px) rotateY(0deg)
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.team-profile .single-profile .single-profile-back-last {
		padding: 20px
	}
}

@media (max-width: 767px) {
	.team-profile .single-profile .single-profile-back-last {
		padding: 20px
	}
}

.team-profile .single-profile .single-profile-back-last h2 {
	color: #191d34;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 30px;
	position: relative;
	display: block;
	padding-bottom: 29px
}

.team-profile .single-profile .single-profile-back-last h2::before {
	content: "";
	position: absolute;
	width: 100px;
	height: 4px;
	background: #ff656a;
	left: 0;
	bottom: 0
}

.team-profile .single-profile .single-profile-back-last p {
	margin-bottom: 30px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.team-profile .single-profile .single-profile-back-last p {
		font-size: 15px
	}
}

.team-profile .single-profile .single-profile-back-last a {
	color: #191d34
}

.team-profile .single-profile .single-profile-back-last a:hover {
	color: #ff656a
}

.we-trusted-area .trusted-img img {
	width: 100%
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.we-trusted-area .trusted-img img {
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.we-trusted-area .trusted-img img {
		margin-bottom: 30px
	}
}

@media (max-width: 767px) {
	.we-trusted-area .trusted-img img {
		margin-bottom: 30px
	}
}

.we-trusted-area .trusted-caption {
	background: rgba(255, 255, 255, 0.8);
	padding: 57px 115px 50px 60px;
	margin-left: -152px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.we-trusted-area .trusted-caption {
		padding: 30px 5px 30px 30px
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.we-trusted-area .trusted-caption {
		padding: 30px;
		margin-left: 0px
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.we-trusted-area .trusted-caption {
		padding: 0px;
		margin-left: 0px
	}
}

@media (max-width: 767px) {
	.we-trusted-area .trusted-caption {
		padding: 0px;
		margin-left: 0px
	}
}

.we-trusted-area .trusted-caption h2 {
	color: #191d34;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 40px;
	display: block
}

@media (max-width: 767px) {
	.we-trusted-area .trusted-caption h2 {
		font-size: 24px;
		line-height: 1.3
	}
}
pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	color: #868c98;
    font-weight: 300;
    font-family: Gilroy-Medium;
}
.we-trusted-area .trusted-caption p {
	margin-bottom: 57px
}
.services-area{padding: 40px 0;
    background: url(../img/icon/bg-leaf.png);
    background-position: center center;
    background-size: cover;
    position: relative;}

.services-area .single-services {
	padding: 20px;
	margin:20px;
	-webkit-transition: all .4s ease-out 0s;
	-moz-transition: all .4s ease-out 0s;
	-ms-transition: all .4s ease-out 0s;
	-o-transition: all .4s ease-out 0s;
	transition: all .4s ease-out 0s;
	background: #fff;border:1px solid #D1D1D1;
	position: relative
}

.services-area .single-services:hover {
	background: url(../img/icon/highlight-ig.png)
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.services-area .single-services {
		padding: 26px
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.services-area .single-services {
		padding: 40px
	}
}

@media (max-width: 767px) {
	.services-area .single-services {
		padding: 30px
	}
}

.services-icon {
    background-color: #F3F3F3;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin: auto;
}
.services-area .single-services .services-icon span {
	padding:30px;
	margin-bottom: 25px;
	display: block;
	color: #000;
	-webkit-transition: all .4s ease-out 0s;
	-moz-transition: all .4s ease-out 0s;
	-ms-transition: all .4s ease-out 0s;
	-o-transition: all .4s ease-out 0s;
	transition: all .4s ease-out 0s
}

.services-area .single-services .services-caption h4 {
	color: #191d34;
	font-size: 40px;
	font-weight: 600;
padding-top:10px;
	display: inline-block
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.services-area .single-services .services-caption h4 {
		font-size: 22px
	}
}

@media (max-width: 767px) {
	.services-area .single-services .services-caption h4 {
		font-size: 19px
	}
}

.services-area .single-services .services-caption p {
	line-height: 25px;color:#707070;
	font-family: Gilroy-Semibold;
}
.quote-wrapper h5{font-family: Gilroy;}

.services-area .single-services::before {
	background-image: url(../img/service/services_bg.png);
	content: "";
	position: absolute;
	min-width: 221px;
	height: 216px;
	right: 0px;
	bottom: 0px;
	z-index: -1;
	-webkit-transition: all .4s ease-out 0s;
	-moz-transition: all .4s ease-out 0s;
	-ms-transition: all .4s ease-out 0s;
	-o-transition: all .4s ease-out 0s;
	transition: all .4s ease-out 0s
}

@media (max-width: 767px) {
	.services-area .single-services::before {
		display: none
	}
}

.single-services:hover::before {
	right: -12px;
	bottom: -12px
}

.single-services:hover .services-icon span {
	color: #ff656a
}
.section-tittle{padding-bottom:40px;}
.section-tittle h2 {
	font-size: 47px;
	z-index:2;
	position:relative;
    font-weight: 700;
    background: -webkit-linear-gradient(271deg, #A8C622 0%, #A3C422 18%, #97C025 35%, #83BA2A 53%, #67B130 71%, #58AC34 79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.section-tittle span{
	-webkit-text-fill-color: #363636;
    z-index: 2;
    position: relativ
}
.title-after {
    z-index: 1;
    position: absolute;
    top: 9%;
    transform: translateY(-50%);
    left: -83px;
    width: 100%;
}
@media (max-width: 767px) {
	.section-tittle h2 {
		font-size: 39px;
		line-height: 1.3;
		margin-bottom: 50px
	}
}

.completed-cases {
	overflow: hidden;
	background: #F8F8F8;
	position: relative;
	z-index: 0
}

.completed-cases .single-cases-info {
	position: relative;
	left: 52%;
	margin-top: 72px
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{
	display:block
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.completed-cases .single-cases-info {
		margin-top: 72px;
		left: 33%
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.completed-cases .single-cases-info {
		left: 38%;
		margin-top: 0px
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.completed-cases .single-cases-info {
		left: 17%;
		margin-top: 40px
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.completed-cases .single-cases-info {
		left: 1%;
		margin-top: 20px
	}
}

@media (max-width: 767px) {
	.completed-cases .single-cases-info {
		left: 1%;
		margin-top: 10px
	}
}

.completed-cases .single-cases-info h3 {
	color: #191d34;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 20px;
	padding-right: 30px
}

@media (max-width: 767px) {
	.completed-cases .single-cases-info h3 {
		font-size: 30px
	}
}

.completed-cases .single-cases-info p {
	margin-bottom: 50px;
	padding-right: 36px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.completed-cases .single-cases-info p {
		margin-bottom: 20px
	}
}

.completed-cases .single-cases-img {
	position: relative;
	overflow: hidden
}
.completed-cases .single-cases-img  img{
	width:100%;
}
.completed-cases .single-cases-img h2{
	text-align:center;
	background-color:#fff;
	padding:30px 10px;
	font-size:18px;
	font-weight:700;
	color:#363636
}
.completed-cases .single-cases-img:hover {
	box-shadow: 0 3px 20px -2px rgba(var(--color-gray-rgb), 0.15) !important;
}
.completed-cases .single-cases-img:hover .single-cases-cap{
    background: #0094D9;
	color:#fff;
	text-align: center;
	opacity: 0.88;
	width:100%;
	align-self: center;
	padding-top:40%;
	display:table-cell;
                             }
.completed-cases .single-cases-img .single-cases-cap {
	background: #0094D9;
	padding: 34px 19px 37px 30px;
	position: absolute;
	left: -200px;
	top: 0;display:flex;
	text-align: center;
vertical-align: middle;
	-webkit-transition: all .6s ease-out 0s;
	-moz-transition: all .6s ease-out 0s;
	-ms-transition: all .6s ease-out 0s;
	-o-transition: all .6s ease-out 0s;
	transition: all .6s ease-out 0s;
	opacity: 0.88;
	visibility: hidden;
	width: 100%
}
.txt-center{text-align: center;position: relative;}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.completed-cases .single-cases-img .single-cases-cap {
		padding: 3px
	}
}

.completed-cases .single-cases-img .single-cases-cap h4  {
	color: #A2CD38;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 23px;
	-webkit-transition: all .4s ease-out 0s;
	-moz-transition: all .4s ease-out 0s;
	-ms-transition: all .4s ease-out 0s;
	-o-transition: all .4s ease-out 0s;
	transition: all .4s ease-out 0s;
	cursor: pointer
}

.completed-cases .single-cases-img .single-cases-cap h4 a:hover {
	color: #ff656a
}

.completed-cases .single-cases-img .single-cases-cap p {
	margin-bottom: 30px;color:#fff;
}

.completed-cases .single-cases-img .single-cases-cap span {
	color: #aebccb;
	font-size: 14px;
	font-weight: 600
}

.completed-cases .single-cases-img .single-cases-cap.single-cases-cap2 {
	opacity: 1;
	visibility: visible;
	left: 0;
	bottom: 0;
	padding: 20px 19px 4px 30px
}

.completed-cases .single-cases-img .single-cases-cap.single-cases-cap2 h4 {
	margin-bottom: 9px
}

.completed-cases .single-cases-img .single-cases-cap.single-cases-cap2 p {
	margin-bottom: 7px;
	line-height: 1.4
}

.single-cases-img:hover .single-cases-cap {
	left: 0;
	bottom: 0;
	opacity: 1;
	visibility: visible;
	width: 80%;
	right: -28%
}

.single-cases-img.size img {
	width: 100%
}

.completed-cases .owl-carousel .owl-stage-outer {
	overflow: visible
}

.completed-cases .no-js .owl-carousel,
.completed-cases .owl-carousel.owl-loaded {
	overflow: hidden;
	position: relative;
	
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

	.completed-cases .no-js .owl-carousel,
	.completed-cases .owl-carousel.owl-loaded {
		right: 0%
	}
}

@media (max-width: 767px) {

	.completed-cases .no-js .owl-carousel,
	.completed-cases .owl-carousel.owl-loaded {
		right: 0%
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

	.completed-cases .no-js .owl-carousel,
	.completed-cases .owl-carousel.owl-loaded {
		right: 0%
	}
}

.completed-cases .owl-carousel .owl-item img {
	display: block;
	width: 100%
}

.testimonial-area {
	padding-top: 135px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.testimonial-area {
		padding-top: 90px
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.testimonial-area {
		padding-top: 0px
	}
}

@media (max-width: 767px) {
	.testimonial-area {
		padding-top: 0px
	}
}

.testimonial-area .testimonial-caption p {
	font-size: 25px;
	color: #191d34;
	color: #191d34;
	line-height: 45px;
	line-height: 1.5;
	padding: 0 80px;
	margin-bottom: 37px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.testimonial-area .testimonial-caption p {
		font-size: 20px;
		padding: 0 0px;
		font-size: 17px
	}
}

@media (max-width: 767px) {
	.testimonial-area .testimonial-caption p {
		font-size: 19px;
		padding: 0 10px;
		font-size: 17px
	}
}

.testimonial-area .testimonial-ratting {
	margin-bottom: 21px
}

.testimonial-area .testimonial-ratting i {
	color: #FBBA42;
	display: inline-block
}

.testimonial-area .rattiong-caption span {
	color: #112e41;
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase
}

.testimonial-area .rattiong-caption span span {
	color: #767676;
	font-size: 16px;
	text-transform: capitalize
}

.h1-testimonial-active button.slick-arrow {
	position: absolute;
	top: 67%;
	left: -133px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: none;
	border: 0;
	padding: 0;
	z-index: 2;
	opacity: 1;
	visibility: visible;
	height: 45px;
	width: 45px;
	line-height: 15px;
	border-radius: 50%;
	cursor: pointer;
	background: none;
	color: #96989a;
	font-size: 20px;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.h1-testimonial-active button.slick-arrow {
		left: -45px
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.h1-testimonial-active button.slick-arrow {
		left: -45px
	}
}

.h1-testimonial-active button.slick-next {
	left: auto;
	right: -133px
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.h1-testimonial-active button.slick-next {
		right: -45px
	}
}

.h1-testimonial-active:hover button.slick-prev {
	left: -120px
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.h1-testimonial-active:hover button.slick-prev {
		left: 0
	}
}

.h1-testimonial-active:hover button.slick-next {
	right: -120px
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.h1-testimonial-active:hover button.slick-next {
		right: 0
	}
}

.h1-testimonial-active:hover button {
	background: #ff656a;
	color: #fff
}

.testimonial-icon img {
	display: block;
	left: 0;
	right: 0;
	margin: 0 auto
}

.h1-testimonial-active .testimonial-icon img {
	border: 3px dashed transparent;
	border-radius: 50%
}

.h1-testimonial-active:hover .testimonial-icon .ani-btn {
	animation: 1.3s cubic-bezier(0.8, 0, 0, 1) 0s normal none infinite running pulse;
	box-shadow: 0 0 0 0 rgba(216, 10, 10, 0.302);
	-webkit-animation: 1.3s cubic-bezier(0.8, 0, 0, 1) 0s normal none infinite running pulse
}

@-webkit-keyframes pulse {
	to {
		box-shadow: 0 0 0 45px rgba(226, 14, 14, 0)
	}
}

@keyframes pulse {
	to {
		box-shadow: 0 0 0 45px rgba(230, 10, 10, 0)
	}
}

.slick-initialized .slick-slide {
	outline: 0
}

.recent-area .single-recent-cap .recent-img {
	overflow: hidden
}

.recent-area .single-recent-cap .recent-img img {
	width: 100%;
	transform: scale(1);
	-webkit-transition: all .5s ease-out 0s;
	-moz-transition: all .5s ease-out 0s;
	-ms-transition: all .5s ease-out 0s;
	-o-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.recent-area .single-recent-cap .recent-cap {
	padding: 25px 30px 10px 30px;
	background: #fcfdff;
	border:1px solid #C7C7C7;text-align: center;
}

.recent-area .single-recent-cap .recent-cap span {
	color: #A2CD38;
	font-size: 14px;
	margin-bottom: 20px;
	display: block;text-transform: uppercase;
}

.recent-area .single-recent-cap .recent-cap h4  {
	color: #191d34;
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: 500px
}

.recent-area .single-recent-cap .recent-cap h4 a:hover {
	color: #ff656a
}

.recent-area .single-recent-cap .recent-cap p {
	color: #aebccb;
	font-size: 14px
}

.single-recent-cap:hover .recent-img img {
	transform: scale(1.1)
}

.request-back-area {
	padding: 100px 0px;
	background-image: url(../img/about/slider4.jpg);
    background-position: right top;
    background-size: cover;
}
.bg_fixed {
    background-attachment: fixed;
}
input {
    overflow: visible;
    background-color: transparent;
    height: 59px;
    border: none;
}
.signup{
	width:444px;
	height:59px;
	background-color:transparent;
	border: 1px solid #fff;
	box-shadow: 2px 4px 8px 0 rgba(0,0,0,0.11);
	border-radius:100px;
	margin:auto;
  }
  #email-signup{
	height:55px;
	background-color: transparent;
	padding:0px 5px 0px 10px;
	width:300px;
	caret-color:#A2CD38;
	
	font-size:16px;
	color:#fff;
	outline-style:none;
	border:none;
	border-radius:100px;
  }
  #btn-sub {
    height: 57px;
    width: 130px;
    cursor: pointer;
    background-color: #A2CD38;
    border: none;
    font-size: 18px;
    border-radius: 100px;
    float: right;top:1px;
    position: absolute;
    color: white;
    right: 109px;
}
  #btn-sub:hover{
	background-color:#A2CD38;
  }
.bg_before:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgb(19 19 19 / 85%) !important;
}

.bg_before {
    position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.request-back-area {
		padding: 80px 0px
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.request-back-area {
		padding: 80px 0px
	}
}

@media (max-width: 767px) {
	.request-back-area {
		padding: 80px 0px
	}
}

.request-back-area .request-content h3 {
	color: #fff;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 30px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.request-back-area .request-content h3 {
		font-size: 36px
	}
}

.request-back-area .request-content p {
	color: #fff
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.request-back-area .request-content p {
		margin-bottom: 50px
	}
}

@media (max-width: 767px) {
	.request-back-area .request-content p {
		margin-bottom: 50px
	}
}

.form-wrapper .form-box input {
	width: 100%;
	height: 55px;
	background: transparent;
	border: 2px solid #295684;
	border-radius: 5px;
	padding: 11px 19px;
	color: #718eab
}
.pagination {
	padding: 20px;
  }
  .mt-25{margin-bottom: 25px;;}
  .pagination,
  .pagination * {
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
  }
  .pagination a {
	display: inline-block;
	padding: 0 10px;
	cursor: pointer;
  }
  .pagination a.disabled {
	opacity: 0.3;
	pointer-events: none;
	cursor: not-allowed;
  }
  .pagination a.current {
	background: #f3f3f3;
  }
.form-wrapper .form-box input::placeholder {
	color: #fff
}

.form-wrapper .nice-select {
	width: 100%;
	height: 55px;
	background: transparent;
	border: 2px solid #295684;
	border-radius: 5px;
	padding: 11px 19px;
	color: #8ca2b8;
	line-height: 1.9
}

.form-wrapper .nice-select::after {
	border-bottom: 2px solid #295684;
	border-right: 2px solid #295684;
	height: 9px;
	width: 9px;
	margin-top: -4px;
	right: 21px
}

.form-wrapper .nice-select.open .list {
	width: 100%;
	border-radius: 0
}

.form-wrapper .nice-select .list {
	width: 100%
}

.services-details .s-detailsImg img {
	margin-bottom: 90px
}

.services-details .s-details-caption h2 {
	color: #ff656a;
	font-weight: 700;
	font-size: 25px;
	margin-bottom: 38px
}

.services-details .s-details-caption .details-pera1 {
	margin-bottom: 38px
}

.services-details .s-details-caption .details-pera2 {
	margin-bottom: 38px
}

.services-details .s-details-caption .details-pera3 {
	margin-bottom: 65px
}


.foot-bg{
padding: 0px 0px;
    background: url(../img/banner/footer-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.footer-area .footer-logo {
	margin-bottom: 20px
}

.contct_icon {
    
    padding-right: 20px;
}
.contct_icon img {
    margin-right: 7px;
}
.contact-before img {
    position: absolute;
    top: 113px;
    width: 17%;
    left: 10%;
    bottom: -5%;
}
.g-0, .gx-0 {
    --bs-gutter-x: 0;
}
.content h2{color:#F3F3F3;font-size: 35px;}
.content p{color:#F3F3F3;font-size: 16px;margin-bottom: 25px;}
#onfocus .row{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}
.g-0 {
    --bs-gutter-y: 0;
	margin-right:0px;margin-left:0px;
}
.contactinfo {
	display:flex;
	flex-direction: column;}
.contactinfo ul li{
    margin-bottom: 0px !important;
    display: flex;}
	.pon{padding-left:47px;padding-bottom:15px;}
.footer-area .footer-pera p {
	color: #868c98;
	padding-right: 125px;
	font-size: 16px;
	padding-left:25px;
	margin-bottom: 50px;
	line-height: 1.8
}
.onfocus .video-play {
    min-height: 400px;
    background: linear-gradient(rgba(var(--color-black-rgb), 0.4), rgba(var(--color-black-rgb), 0.7)), url(../img/onfocus-video-bg.jpg) center center;
    background-size: cover;
}
.onfocus .content {
    background: url(../img/contact/blu-img.png);
    background-size: 100% 100%;
    color: rgba(var(--color-white-rgb), 0.8);
    padding: 70px 80px;align-items: center;
}
.contact-sec{width:70%;}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.footer-area .footer-pera p {
		padding-right: 138px
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.footer-area .footer-pera p {
		padding-right: 95px
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.footer-area .footer-pera p {
		padding-right: 13px
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.footer-area .footer-pera p {
		padding-right: 80px
	}
}

@media (max-width: 767px) {
	.footer-area .footer-pera p {
		padding-right: 30px
	}
}

.footer-area .footer-pera.footer-pera2 p {
	padding: 0
}

.footer-area .footer-tittle h4 {
	color: #012f5f;
	font-size: 20px;
	margin-bottom: 29px;
	font-weight: 500;font-family: Gilroy-Bold;
	text-transform: capitalize
}

.footer-area .footer-tittle ul li {
	color: #012f5f;
	margin-bottom: 7px;display:flex;
}
.contactinfo p{
	font-family: Gilroy-Medium;
    color: #506172;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 15px;
    font-weight: normal;
}
.footer-area .footer-tittle ul li a {
	color: #868c98;
	font-weight: 300;
	font-family: Gilroy-Medium;
}

.footer-area .footer-tittle ul li a:hover {
	color: #A2CD38;
	padding-left: 5px
}

.footer-area .footer-form {
	margin-top: 40px
}

.footer-area .footer-form form {
	position: relative
}

.footer-area .footer-form form input {
	width: 100%;
	height: 43px;
	padding: 10px 20px;
	border: 1px solid #fff
}

.footer-area .footer-form form .form-icon button {
	position: absolute;
	top: 0;
	right: 0;
	background: none;
	border: 0;
	cursor: pointer;
	padding: 13px 22px;
	background: #ff656a;
	line-height: 1
}

.footer-area .info.error {
	color: #ff656a
}

.footer-area .footer-social a i {
	color: #222222;
	margin-right: 12px;
	font-size: 19px;
	-webkit-transition: all .4s ease-out 0s;
	-moz-transition: all .4s ease-out 0s;
	-ms-transition: all .4s ease-out 0s;
	-o-transition: all .4s ease-out 0s;
	transition: all .4s ease-out 0s
}

.footer-area .footer-social a i:hover {
	color: #ff656a;
	
	-webkit-transform: translateY(-3px);
	-moz-transform: translateY(-3px);
	-ms-transform: translateY(-3px);
	transform: translateY(-3px)
}



.footer-bottom-area .footer-border {
	border-top: 1px solid #b4b4b4;
	padding: 20px 0px 23px
}

@media (max-width: 767px) {
	.footer-bottom-area .footer-border {
		padding: 35px 0px 20px
	}
}

.footer-bottom-area .footer-copy-right p {
	color: #888888;
	font-weight: 300;
	font-size: 16px;
	line-height: 2;
	margin-bottom: 12px
}

.footer-bottom-area .footer-copy-right p i {
	color: #ff656a
}

.footer-bottom-area .footer-copy-right p a {
	color: #ff656a
}

.hero-caption span {
	color: #fff;
	font-size: 16px;
	display: block;
	margin-bottom: 24px;
	font-weight: 600;
	padding-left: 95px;
	position: relative
}

.hero-caption span::before {
	position: absolute;
	content: "";
	width: 75px;
	height: 3px;
	background: #ff656a;
	left: 0;
	top: 52%;
	transform: translateY(-50%)
}

.hero-caption h2 {
	color: #fff;
	font-size: 50px;
	font-weight: 700
}

.latest-blog-area .area-heading {
	margin-bottom: 70px
}

.blog_area a {
	color: "Poppins", sans-serif !important;
	text-decoration: none;
	transition: .4s
}

/* .blog_area a:hover,
.blog_area a :hover {
	background: -webkit-linear-gradient(131deg, #A2CD38 0%, #A2CD38 99%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-decoration: none;
	transition: .4s
} */
.blog-btn {
    background: #fff;
    -moz-user-select: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-family: Gilroy;
    line-height: 0;
    margin-bottom: 0;
    padding: 15px 20px;
    text-transform: uppercase;
    margin: 10px;
    cursor: pointer;
    transition: color 0.4s linear;
    position: relative;
    z-index: 1;
    border: 1px solid #A2CD38 ;
    overflow: hidden;
}
.social-links{
	display:flex;
	flex-direction: row;
	justify-content: flex-end;
    margin-right:20px;margin-top:15px;
}
.blog_item_img .blog_item_date:hover{
	background-color: #fff;
}
.social-links a .fb {
    width: 25px;
    height: 26px;
    background: url(../img/blog/facebook.png) no-repeat;
    margin: 5px;
}
.social-links a .fb:hover {
    background: url(../img/blog/facebook-1.png) no-repeat;    
}
.social-links a .insta:hover{
    background: url(../img/blog/instagram-1.png) no-repeat;    
}
.social-links a .insta {
    width: 25px;
    height: 26px;
    background: url(../img/blog/instagram.png) no-repeat;
    margin: 5px;
}
.social-links a .twitter:hover{
    background: url(../img/blog/twitter-1.png) no-repeat;    
}
.social-links a .twitter {
    width: 25px;
    height: 26px;
    background: url(../img/blog/twitter.png) no-repeat;
    margin: 5px;
}
.social-links a .in {
    width: 25px;
    height: 26px;
    background: url(../img/blog/linkedin.png) no-repeat;
    margin: 5px;
}
.social-links a .in:hover {
    background: url(../img/blog/linkedin-1.png) no-repeat;    
}
.single-blog {
	overflow: hidden;
	margin-bottom: 30px
}
.blog_item_img .blog_item_date:hover  h3{
	color:#A2CD38 ;
}
.blog_item_img .blog_item_date:hover  p{
	color:#A2CD38 ;
}

.single-blog:hover {
	box-shadow: 0px 10px 20px 0px rgba(42, 34, 123, 0.1)
}

.single-blog .thumb {
	overflow: hidden;
	position: relative
}

.single-blog .thumb:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}

.single-blog h4 {
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 34px;
	margin-bottom: 25px
}

.single-blog a {
	font-size: 20px;
	font-weight: 600
}

.single-blog .date {
	color: #666666;
	text-align: left;
	display: inline-block;
	font-size: 13px;
	font-weight: 300
}

.single-blog .tag {
	text-align: left;
	display: inline-block;
	float: left;
	font-size: 13px;
	font-weight: 300;
	margin-right: 22px;
	position: relative
}

.single-blog .tag:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 10px;
	background: #acacac;
	right: -12px;
	top: 7px
}

@media (max-width: 1199px) {
	.single-blog .tag {
		margin-right: 8px;
	}

	.single-blog .tag:after {
		display: none;
	}
}

.single-blog .likes {
	margin-right: 16px;
}

@media (max-width: 800px) {
	.single-blog {
		margin-bottom: 30px;
	}
}

.single-blog .single-blog-content {
	padding: 30px;
}

.single-blog .single-blog-content .meta-bottom p {
	font-size: 13px;
	font-weight: 300;
}

.single-blog .single-blog-content .meta-bottom i {
	color: #fdcb9e;
	font-size: 13px;
	margin-right: 7px;
}

@media (max-width: 1199px) {
	.single-blog .single-blog-content {
		padding: 15px;
	}
}

.single-blog:hover .thumb:after {
	opacity: .7;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}

@media (max-width: 1199px) {
	.single-blog h4 {
		transition: all 300ms linear 0s;
		border-bottom: 1px solid #dfdfdf;
		padding-bottom: 14px;
		margin-bottom: 12px
	}

	.single-blog h4 a {
		font-size: 18px;
	}
}

.full_image.single-blog {
	position: relative;
}

.full_image.single-blog .single-blog-content {
	position: absolute;
	left: 35px;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}

@media (min-width: 992px) {
	.full_image.single-blog .single-blog-content {
		bottom: 100px;
	}
}

.full_image.single-blog h4 {
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	border-bottom: none;
	padding-bottom: 5px;
}

.full_image.single-blog a {
	font-size: 20px;
	font-weight: 600
}

.full_image.single-blog .date {
	color: #fff
}

.full_image.single-blog:hover .single-blog-content {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}

.l_blog_item .l_blog_text .date {
	margin-top: 24px;
	margin-bottom: 15px
}

.l_blog_item .l_blog_text .date a {
	font-size: 12px
}

.l_blog_item .l_blog_text h4 {
	font-size: 18px;
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 0px;
	padding-bottom: 20px;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}

.l_blog_item .l_blog_text p {
	margin-bottom: 0px;
	padding-top: 20px
}

.causes_slider .owl-dots {
	text-align: center;
	margin-top: 80px
}

.causes_slider .owl-dots .owl-dot {
	height: 14px;
	width: 14px;
	background: #eeeeee;
	display: inline-block;
	margin-right: 7px
}

.causes_slider .owl-dots .owl-dot:last-child {
	margin-right: 0px
}

.causes_item {
	background: #fff
}

.causes_item .causes_img {
	position: relative
}

.causes_item .causes_img .c_parcent {
	position: absolute;
	bottom: 0px;
	width: 100%;
	left: 0px;
	height: 3px;
	background: rgba(255, 255, 255, 0.5)
}

.causes_item .causes_img .c_parcent span {
	width: 70%;
	height: 3px;
	position: absolute;
	left: 0px;
	bottom: 0px
}

.causes_item .causes_img .c_parcent span:before {
	content: "75%";
	position: absolute;
	right: -10px;
	bottom: 0px;
	color: #fff;
	padding: 0px 5px
}

.causes_item .causes_text {
	padding: 30px 35px 40px 30px
}

.causes_item .causes_text h4 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
	cursor: pointer
}

.causes_item .causes_text p {
	font-size: 14px;
	line-height: 24px;
	font-weight: 300;
	margin-bottom: 0px
}

.causes_item .causes_bottom a {
	width: 50%;
	border: 1px solid;
	text-align: center;
	float: left;
	line-height: 50px;
	color: #fff;
	font-size: 14px;
	font-weight: 500
}

.causes_item .causes_bottom a+a {
	border-color: #eeeeee;
	background: #fff;
	font-size: 14px
}

.latest_blog_area {
	background: #f9f9ff 	
}
.accordion-container .card .card-header a:after {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.accordion-container .card .card-header a:not(.collapsed):after {
    content: "View Less";
}

.accordion-container .card .card-header a:after {
    content: "View More";
    background-repeat: no-repeat;
    background-position: 50%;
    width: 120px;
    height: 40px;
	color:#000;
    text-align: center;
    float: right;
    padding: 0.5rem;
    border: 1px solid #008DCE;
    border-radius: 5%;
}
.accordion-container .card .card-header a {
    width: 100%;
    display: flex;
    text-align: left;
    justify-content: space-between;
}
.single-recent-blog-post {
	margin-bottom: 30px
}

.single-recent-blog-post .thumb {
	overflow: hidden
}

.single-recent-blog-post .thumb img {
	transition: all 0.7s linear
}

.single-recent-blog-post .details {
	padding-top: 30px
}

.single-recent-blog-post .details .sec_h4 {
	line-height: 24px;
	padding: 10px 0px 13px;
	transition: all 0.3s linear
}

.single-recent-blog-post .date {
	font-size: 14px;
	line-height: 24px;
	font-weight: 400
}

.single-recent-blog-post:hover img {
	transform: scale(1.23) rotate(10deg)
}

.tags .tag_btn {
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;
	border: 1px solid #eeeeee;
	display: inline-block;
	padding: 1px 18px;
	text-align: center
}

.tags .tag_btn+.tag_btn {
	margin-left: 2px
}

.blog_categorie_area {
	padding-top: 30px;
	padding-bottom: 30px
}

@media (min-width: 900px) {
	.blog_categorie_area {
		padding-top: 80px;
		padding-bottom: 80px
	}
}

@media (min-width: 1100px) {
	.blog_categorie_area {
		padding-top: 120px;
		padding-bottom: 120px
	}
}

.categories_post {
	position: relative;
	text-align: center;
	cursor: pointer
}

.categories_post img {
	max-width: 100%
}

.categories_post .categories_details {
	position: absolute;
	top: 20px;
	left: 20px;
	right: 20px;
	bottom: 20px;
	background: rgba(34, 34, 34, 0.75);
	color: #fff;
	transition: all 0.3s linear;
	display: flex;
	align-items: center;
	justify-content: center
}

.categories_post .categories_details h5 {
	margin-bottom: 0px;
	font-size: 18px;
	line-height: 26px;
	text-transform: uppercase;
	color: #fff;
	position: relative
}

.categories_post .categories_details p {
	font-weight: 300;
	font-size: 14px;
	line-height: 26px;
	margin-bottom: 0px
}

.categories_post .categories_details .border_line {
	margin: 10px 0px;
	background: #fff;
	width: 100%;
	height: 1px
}

.categories_post:hover .categories_details {
	background: rgba(222, 99, 32, 0.85)
}

.blog_item {
	margin-bottom: 50px
}

.blog_details {
	padding: 30px 0 20px 10px;
	box-shadow: 0px 10px 20px 0px rgba(221, 221, 221, 0.3)
}

@media (min-width: 768px) {
	.blog_details {
		padding: 6px 30px 35px 35px
	}
}

.blog_details p {
	margin-bottom: 5px
}

.blog_details a {
	color: #A2CD38;
		display: table;
		margin-left: auto;
		margin-bottom: auto;
	
}

.blog_details a:hover {
	color: #A2CD38!important;
}

.blog_details h2 {
	font-size: 18px;
	font-weight: 600;margin-top: 20px;
	color:#0b1c39 !important;
	margin-bottom: 8px
}
.blog_details h2:hover{
	color: #A2CD38 !important;
}

@media (min-width: 768px) {
	.blog_details h2 {
		font-size: 18px;
		margin-bottom: 15px
	}
	.blog_details h2:hover{
		color: #A2CD38
	}
}
.blog-info-link h5{ 
display: block;
margin-top: auto;
}
.blog-info-link li {
	float: left;
	font-size: 14px
}

.blog-info-link li a {
	color: #999999
}

.blog-info-link li i,
.blog-info-link li span {
	font-size: 13px;
	margin-right: 5px
}

.blog-info-link li::after {
	content: "|";
	padding-left: 10px;
	padding-right: 10px
}

.blog-info-link li:last-child::after {
	display: none
}

.blog-info-link::after {
	content: "";
	display: block;
	clear: both;
	display: table
}

.blog_item_img {
	position: relative
}

.blog_item_img .blog_item_date {
	position: absolute;
	bottom: -10px;
	left: 10px;
	display: block;
	color: #fff;
	background-color: #A2CD38;
	padding: 8px 15px;
	border-radius: 5px
}

@media (min-width: 768px) {
	.blog_item_img .blog_item_date {
		bottom: -20px;
		left: 40px;
		padding: 13px 30px
	}
}

.blog_item_img .blog_item_date h3 {
	font-size: 22px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 0;
	line-height: 1.2
}

@media (min-width: 768px) {
	.blog_item_img .blog_item_date h3 {
		font-size: 30px
	}
}

.blog_item_img .blog_item_date p {
	font-size: 18px;
	margin-bottom: 0;
	color: #fff
}

@media (min-width: 768px) {
	.blog_item_img .blog_item_date p {
		font-size: 18px
	}
}

.blog_right_sidebar .widget_title {
	font-size: 25px;
	margin-bottom: 15px;
	color:#A2CD38;
	text-transform: uppercase;
}
.signup input{color:#fff;width:60%;padding-left: 20px;}
.team-sec{padding-top:10px !important;}
.ml-auto{margin:auto;}
.footer-logo img{width: 70%;}
.mt-15{margin-top:35px;}
.popular_post_widget {
    margin-top: 41px;
    margin-bottom: 59px;
    align-items: center;
}
#mobile_Err {
    padding-top: 7px;
    display: block;
    padding-left: 25px;
}
.popular_post_widget ul  a h6{margin-top: 13px;}
.blog_right_sidebar .single_sidebar_widget .btn_1 {
	margin-top: 0px
}
.search-bar{position: relative;}
.search_widget{
	position: absolute;
    
	bottom:-8%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 30%;
}
.blog_right_sidebar .search_widget .form-control {
	height: 50px;
	border-color: #f0e9ff;
	font-size: 13px;
	color: #999999;
	padding-left: 20px;
	border-radius: 0;
	border-right: 0
}

.blog_right_sidebar .search_widget .form-control::placeholder {
	color: #999999
}

.blog_right_sidebar .search_widget .form-control:focus {
	border-color: #f0e9ff;
	outline: 0;
	box-shadow: none
}

.blog_right_sidebar .search_widget .input-group button {
	background: #A2CD38;
	border-left: 0;
	border: 1px solid #f0e9ff;
	padding: 4px 15px;
	border-left: 0;
	cursor: pointer
}

.blog_right_sidebar .search_widget .input-group button i {
	color: #fff
}

.blog_right_sidebar .search_widget .input-group button span {
	font-size: 14px;
	color: #999999
}

.blog_right_sidebar .newsletter_widget .form-control {
	height: 50px;
	border-color: #f0e9ff;
	font-size: 13px;
	color: #999999;
	padding-left: 20px;
	border-radius: 0
}

.blog_right_sidebar .newsletter_widget .form-control::placeholder {
	color: #999999
}

.blog_right_sidebar .newsletter_widget .form-control:focus {
	border-color: #f0e9ff;
	outline: 0;
	box-shadow: none
}

.blog_right_sidebar .newsletter_widget .input-group button {
	background: #fff;
	border-left: 0;
	border: 1px solid #f0e9ff;
	padding: 4px 15px;
	border-left: 0
}

.blog_right_sidebar .newsletter_widget .input-group button i,
.blog_right_sidebar .newsletter_widget .input-group button span {
	font-size: 14px;
	color: #fff
}

.blog_right_sidebar .post_category_widget .cat-list li {
	border-bottom: 1px solid #f0e9ff;
	transition: all 0.3s ease 0s;
	padding-bottom: 12px
}

.blog_right_sidebar .post_category_widget .cat-list li:last-child {
	border-bottom: 0
}

.blog_right_sidebar .post_category_widget .cat-list li a {
	font-size: 14px;
	line-height: 20px;
	color: #888888
}

.blog_right_sidebar .post_category_widget .cat-list li a p {
	margin-bottom: 0px
}

.blog_right_sidebar .post_category_widget .cat-list li+li {
	padding-top: 15px
}

.blog_right_sidebar .popular_post_widget .post_item .media-body {
	justify-content: center;
	align-self: center;
	padding-left: 20px
}

.blog_right_sidebar .popular_post_widget .post_item .media-body h3 {
	font-size: 16px;
	line-height: 20px;
	margin-top: 15px;
	margin-bottom: 6px;
	transition: all 0.3s linear
}

.blog_right_sidebar .popular_post_widget .post_item .media-body a:hover {
	color: #fff
}
.pt-90{padding-top:90px !important;}
.blog_right_sidebar .popular_post_widget .post_item .media-body p {
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 0px
}

.blog_right_sidebar .popular_post_widget .post_item+.post_item {
	margin-top: 20px
}
.tag_cloud_widget{text-align: center;}
 .tag_cloud_widget ul li {
	display: inline-block
}

 .tag_cloud_widget ul li a {
	display: inline-block;
	border: 1px solid #eeeeee;
	background: #fff;
	padding: 4px 20px;
	margin-bottom: 8px;
	margin-right: 3px;
	transition: all 0.3s ease 0s;
	color: #3B3B3B;
	font-size: 13px;
	text-transform: uppercase;
}

 .tag_cloud_widget ul li a:hover {
	background: #A2CD38;
	color: #fff !important;
	-webkit-text-fill-color: #fff;
	text-decoration: none;
	-webkit-transition: 0.5s;
	transition: 0.5s
}
.tag_cloud_widget1 ul li {
	display: inline-block
}

 .tag_cloud_widget1 ul li a {
	display: inline-block;
	border: 1px solid #eeeeee;
	background: #fff;
	padding: 4px 20px;
	margin-bottom: 8px;
	margin-right: 3px;
	transition: all 0.3s ease 0s;
	color: #3B3B3B;
	font-size: 13px;
	text-transform: uppercase;
}

 .tag_cloud_widget1 ul li a:hover {
	background: #A2CD38;
	color: #fff !important;
	-webkit-text-fill-color: #fff;
	text-decoration: none;
	-webkit-transition: 0.5s;
	transition: 0.5s
}
.blog_right_sidebar .instagram_feeds .instagram_row {
	display: flex;
	margin-right: -6px;
	margin-left: -6px
}

.blog_right_sidebar .instagram_feeds .instagram_row li {
	width: 33.33%;
	float: left;
	padding-right: 6px;
	padding-left: 6px;
	margin-bottom: 15px
}

.blog_right_sidebar .br {
	width: 100%;
	height: 1px;
	background: #eee;
	margin: 30px 0px
}

.blog-pagination {
	margin-top: 30px
}

.blog-pagination .page-link {
	font-size: 14px;
	position: relative;
	display: block;
	padding: 0;
	text-align: center;
	margin-left: -1px;
	line-height: 45px;
	width: 45px;
	height: 45px;
	border-radius: 50px !important;
	color: #8a8a8a;
	border: 1px solid #f0e9ff;
	margin-right: 10px
}

.blog-pagination .page-link i,
.blog-pagination .page-link span {
	font-size: 13px
}

.blog-pagination .page-item.active .page-link {
	background-color: #A2CD38;
	border-color: #A2CD38;
	color: #ffffff;
}

.blog-pagination .page-item:last-child .page-link {
	margin-right: 0
}

.single-post-area .blog_details {
	box-shadow: none;
	padding: 0
}

.single-post-area .social-links {
	padding-top: 10px
}
.single-post-area .social-links {
   justify-content: flex-start;
}
.single-post-area .social-links li {
	display: inline-block;
	margin-bottom: 10px
}

.single-post-area .social-links li a {
	color: #cccccc;
	padding: 7px;
	font-size: 14px;
	transition: all 0.2s linear
}

.single-post-area .blog_details {
	padding-top: 26px
}

.single-post-area .blog_details p {
	margin-bottom: 20px;
	font-size: 15px
}

.single-post-area .quote-wrapper {
	background: rgba(130, 139, 178, 0.1);
	padding: 15px;
	line-height: 1.733;
	color: #888888;
	font-style: italic;
	margin-top: 25px;
	margin-bottom: 25px
}

@media (min-width: 768px) {
	.single-post-area .quote-wrapper {
		padding: 30px
	}
}

.single-post-area .quotes {
	background: #fff;
	padding: 15px 15px 15px 20px;
	border-left: 2px solid
}

@media (min-width: 768px) {
	.single-post-area .quotes {
		padding: 25px 25px 25px 30px
	}
}

.single-post-area .arrow {
	position: absolute
}

.single-post-area .arrow .lnr {
	font-size: 20px;
	font-weight: 600
}

.single-post-area .thumb .overlay-bg {
	background: rgba(0, 0, 0, 0.8)
}

.single-post-area .navigation-top {
	padding-top: 15px;
	border-top: 1px solid #f0e9ff
}

.single-post-area .navigation-top p {
	margin-bottom: 0
}

.single-post-area .navigation-top .like-info {
	font-size: 14px
}

.single-post-area .navigation-top .like-info i,
.single-post-area .navigation-top .like-info span {
	font-size: 16px;
	margin-right: 5px
}

.single-post-area .navigation-top .comment-count {
	font-size: 14px
}

.single-post-area .navigation-top .comment-count i,
.single-post-area .navigation-top .comment-count span {
	font-size: 16px;
	margin-right: 5px
}

.single-post-area .navigation-top .social-icons li {
	display: inline-block;
	margin-right: 15px
}

.single-post-area .navigation-top .social-icons li:last-child {
	margin: 0
}

.single-post-area .navigation-top .social-icons li i,
.single-post-area .navigation-top .social-icons li span {
	font-size: 14px;
	color: #999999
}

.single-post-area .blog-author {
	padding: 40px 30px;
	
	margin-top: 50px
}

@media (max-width: 600px) {
	.single-post-area .blog-author {
		padding: 20px 8px
	}
}

.single-post-area .blog-author img {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	margin-right: 30px
}

@media (max-width: 600px) {
	.single-post-area .blog-author img {
		margin-right: 15px;
		width: 45px;
		height: 45px
	}
}

.single-post-area .blog-author a {
	display: inline-block
}

.single-post-area .blog-author a:hover {
	color: #ff656a
}

.single-post-area .blog-author p {
	margin-bottom: 0;
	font-size: 15px
}

.single-post-area .blog-author h4 {
	font-size: 16px
}

.single-post-area .navigation-area {
	border-bottom: 1px solid #eee;
	padding-bottom: 30px;
	margin-top: 55px
}

.single-post-area .navigation-area p {
	margin-bottom: 0px
}

.single-post-area .navigation-area h4 {
	font-size: 18px;
	line-height: 25px
}

.single-post-area .navigation-area .nav-left {
	text-align: left
}

.single-post-area .navigation-area .nav-left .thumb {
	margin-right: 20px;
	background: #000
}

.single-post-area .navigation-area .nav-left .thumb img {
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}

.single-post-area .navigation-area .nav-left .lnr {
	margin-left: 20px;
	opacity: 0;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}

.single-post-area .navigation-area .nav-left:hover .lnr {
	opacity: 1
}

.single-post-area .navigation-area .nav-left:hover .thumb img {
	opacity: .5
}

@media (max-width: 767px) {
	.single-post-area .navigation-area .nav-left {
		margin-bottom: 30px
	}
}

.single-post-area .navigation-area .nav-right {
	text-align: right
}

.single-post-area .navigation-area .nav-right .thumb {
	margin-left: 20px;
	background: #000
}

.single-post-area .navigation-area .nav-right .thumb img {
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}

.single-post-area .navigation-area .nav-right .lnr {
	margin-right: 20px;
	opacity: 0;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}

.single-post-area .navigation-area .nav-right:hover .lnr {
	opacity: 1
}

.single-post-area .navigation-area .nav-right:hover .thumb img {
	opacity: .5
}

@media (max-width: 991px) {
	.single-post-area .sidebar-widgets {
		padding-bottom: 0px
	}
}

.comments-area {
	background: transparent;
	
	padding: 45px 0;
	margin-top: 50px
}

@media (max-width: 480px) {
	.comments-area {
		padding: 0px 8px;
		margin-top:25px;
	}
	.single-post-area .blog-author {
		padding: 2px 8px;
		margin-top:5px;
}
.search_widget{display: none;}
.blog_area{padding:0px 0 5px 0px !important;}
.popular_post_widget{margin-bottom: 0px;}
.blog_details {
    padding: 0px 0 20px 10px;}
.mb-5 {
    margin-bottom: 5px !important;
}
.blog_right_sidebar .widget_title{margin-top:35px;}
.comments-area h4 {
	margin-bottom:15px !important;
}
}
.drop{cursor:pointer;}
.comments-area h4 {
	margin-bottom: 35px;
	font-size: 18px;
	padding-bottom:15px;
	text-transform: uppercase;
	border-bottom:1px solid #eee;
}

.comments-area h5 {
	font-size: 16px;
	margin-bottom: 0px
}

.comments-area .comment-list {
	padding-bottom: 48px
}

.comments-area .comment-list:last-child {
	padding-bottom: 0px
}

.comments-area .comment-list.left-padding {
	padding-left: 25px
}

@media (max-width: 413px) {
	.comments-area .comment-list .single-comment h5 {
		font-size: 12px
	}

	.comments-area .comment-list .single-comment .date {
		font-size: 11px
	}

	.comments-area .comment-list .single-comment .comment {
		font-size: 10px
	}
}

.comments-area .thumb {
	margin-right: 20px
}

.comments-area .thumb img {
	width: 70px;
	border-radius: 50%
}

.comments-area .date {
	font-size: 14px;
	color: #999999;
	margin-bottom: 0;
	margin-left: 20px
}

.comments-area .comment {
	margin-bottom: 10px;
	color: #777777;
	font-size: 15px
}

.comments-area .btn-reply {
	background-color: transparent;
	color: #888888;
	padding: 5px 18px;
	font-size: 14px;
	display: block;
	font-weight: 400
}

.comment-form {
	
	padding-top: 45px;
	margin-top: 50px;
	margin-bottom: 20px
}

.comment-form .form-group {
	margin-bottom: 30px
}

.comment-form h4 {
text-transform: uppercase;
	font-size: 18px;
	line-height: 22px
}

.comment-form .name {
	padding-left: 0px
}

@media (max-width: 767px) {
	.comment-form .name {
		padding-right: 0px;
		margin-bottom: 1rem
	}
}

.comment-form .email {
	padding-right: 0px
}

@media (max-width: 991px) {
	.comment-form .email {
		padding-left: 0px
	}
}

.comment-form .form-control {
	border: 1px solid #f0e9ff;
	border-radius: 5px;
	height: 48px;
	padding-left: 18px;
	font-size: 13px;
	background: transparent
}

.comment-form .form-control:focus {
	outline: 0;
	box-shadow: none
}

.comment-form .form-control::placeholder {
	font-weight: 300;
	color: #999999
}

.comment-form .form-control::placeholder {
	color: #777777
}

.comment-form textarea {
	padding-top: 18px;
	border-radius: 12px;
	height: 100% !important
}

.comment-form ::-webkit-input-placeholder {
	font-size: 13px;
	color: #777
}

.comment-form ::-moz-placeholder {
	font-size: 13px;
	color: #777
}

.comment-form :-ms-input-placeholder {
	font-size: 13px;
	color: #777
}

.comment-form :-moz-placeholder {
	font-size: 13px;
	color: #777
}

.dropdown .dropdown-menu {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s
}

.contact-info {
	margin-bottom: 25px
}

.contact-info__icon {
	margin-right: 20px
}

.contact-info__icon i,
.contact-info__icon span {
	color: #8f9195;
	font-size: 27px
}

.contact-info .media-body h3 {
	font-size: 16px;
	margin-bottom: 0;
	font-size: 16px;
	color: #F3F3F3;
}

.contact-info .media-body h3 a:hover {
	color: #222
}

.contact-info .media-body p {
	color: #f3f3f3;
}

.contact-title h2{
	font-size: 27px;
	font-weight: 600;
	margin-bottom: 20px
}
.contact-title p{
	font-size: 16px;
	color:#232323;
	margin-bottom: 50px
}


.form-contact label {
	font-size: 14px
}

.form-contact .form-group {
	margin-bottom: 30px
}
form :is(input,textarea,select).errorform {
    border-bottom: 1px solid red !important;
}
.form-contact .form-control {
	border-bottom: 1px solid #A2CD38 ;
	border-radius: 0px;
	height: 48px;
	color:#707070;
	border-top:transparent;
	border-left:transparent;
	border-right: transparent;
	width:100%;padding:0;
	font-size: 13px;
	background: transparent
}
.nice-select .list{width:100%;z-index:2 !important;}
.form-contact .form-control:focus {
	outline: 0;
	box-shadow: none
}

.form-contact .form-control::placeholder {
	font-weight: 300;
	color: #999999
}

.form-contact textarea {
	border-radius: 0px;
	height: 100% !important
}

.modal-message .modal-dialog {
	position: absolute;
	top: 36%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%) !important;
	margin: 0px;
	max-width: 500px;
	width: 100%
}

.modal-message .modal-dialog .modal-content .modal-header {
	text-align: center;
	display: block;
	border-bottom: none;
	padding-top: 50px;
	padding-bottom: 50px
}

.modal-message .modal-dialog .modal-content .modal-header .close {
	position: absolute;
	right: -15px;
	top: -15px;
	padding: 0px;
	color: #fff;
	opacity: 1;
	cursor: pointer
}

.modal-message .modal-dialog .modal-content .modal-header h2 {
	display: block;
	text-align: center;
	padding-bottom: 10px
}

.modal-message .modal-dialog .modal-content .modal-header p {
	display: block
}

.contact-section {
	padding: 80px 20px  45px 100px;position: relative;
}

@media (max-width: 991px) {
	.contact-section {
		padding: 70px 0 40px
	}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.contact-section {
		padding: 80px 0 50px
	}
}

.contact-section .btn_2 {
	background-color: #191d34;
	padding: 18px 60px;
	border-radius: 50px;
	margin-top: 0
}

.contact-section .btn_2:hover {
	background-color: #222
}

.breadcam_bg {
	background-image: url(../img/banner/bradcam.png)
}

.breadcam_bg_1 {
	background-image: url(../img/banner/bradcam2.png)
}

.breadcam_bg_2 {
	background-image: url(../img/banner/bradcam3.png)
}

.bradcam_area {
	background-size: cover;
	background-position: center center;
	padding: 160px 0;
	background-position: bottom;
	background-repeat: no-repeat
}

@media (max-width: 767px) {
	.bradcam_area {
		padding: 150px 0
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.bradcam_area {
		padding: 150px 0
	}
}

.bradcam_area h3 {
	font-size: 50px;
	color: #fff;
	font-weight: 900;
	margin-bottom: 0;
	font-family: "Poppins", sans-serif;
	text-transform: capitalize
}

@media (max-width: 767px) {
	.bradcam_area h3 {
		font-size: 30px
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.bradcam_area h3 {
		font-size: 40px
	}
}

.popup_box {
	background: #fff;
	display: inline-block;
	z-index: 9;
	width: 681px;
	padding: 60px 40px
}

@media (max-width: 767px) {
	.popup_box {
		width: 320px;
		padding: 45px 30px
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.popup_box {
		width: 420px !important;
		padding: 45px 30px
	}
}

.popup_box h3 {
	text-align: center;
	font-size: 22px;
	color: #1F1F1F;
	margin-bottom: 46px
}

.popup_box .boxed-btn3 {
	width: 100%;
	text-transform: capitalize
}

.popup_box .nice-select {
	-webkit-tap-highlight-color: transparent;
	background-color: #fff;
	border: solid 1px #E2E2E2;
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
	display: block;
	float: left;
	font-family: "Poppins", sans-serif;
	font-weight: normal;
	width: 100% !important;
	line-height: 50px;
	outline: none;
	padding-left: 18px;
	padding-right: 30px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	width: auto;
	border-radius: 0;
	margin-bottom: 30px;
	height: 50px !important;
	font-size: 16px;
	font-weight: 400;
	color: #919191
}

.popup_box .nice-select::after {
	content: "\f0d7";
	display: block;
	height: 5px;
	margin-top: -5px;
	pointer-events: none;
	position: absolute;
	right: 17px;
	top: 3px;
	transition: all 0.15s ease-in-out;
	width: 5px;
	font-family: fontawesome;
	color: #919191;
	font-size: 15px
}

.popup_box .nice-select.open .list {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: scale(1) translateY(0);
	-ms-transform: scale(1) translateY(0);
	transform: scale(1) translateY(0);
	height: 200px;
	overflow-y: scroll
}

.popup_box .nice-select.list {
	height: 200px;
	overflow-y: scroll
}

#test-form {
	display: inline-block;
	margin: auto;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

@media (max-width: 767px) {
	#test-form {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

#test-form .mfp-close-btn-in .mfp-close {
	color: #333;
	display: none !important
}

#test-form button.mfp-close {
	display: none !important
}

@media (max-width: 767px) {
	#test-form button.mfp-close {
		display: block !important;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto
	}
}

#test-form button.mfp-close {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	box-shadow: none;
	touch-action: manipulation;
	width: 40px;
	height: 40px;
	background: #4A3600;
	text-align: center;
	line-height: 20px;
	position: absolute;
	right: 0;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	position: absolute;
	right: -6px;
	color: #fff !important
}

.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #4A3600;
	opacity: 0.6
}

@media (max-width: 767px) {
	.gj-picker.gj-picker-md.timepicker {
		width: 310px;
		left: 6px !important
	}
}

@media (max-width: 767px) {
	.gj-picker.gj-picker-md.datepicker.gj-unselectable {
		width: 320px;
		left: 0 !important
	}
}

.flex-center-start {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start
}

.overlay::before {
	background-image: -moz-linear-gradient(170deg, rgba(34, 34, 34, 0) 0%, #000 100%);
	background-image: -webkit-linear-gradient(170deg, rgba(34, 34, 34, 0) 0%, #000 100%);
	background-image: -ms-linear-gradient(170deg, rgba(34, 34, 34, 0) 0%, #000 100%)
}

.sample-text-area {
	background: #fff;
	padding: 100px 0 70px 0
}

.text-heading {
	margin-bottom: 30px;
	font-size: 24px
}

b,
sup,
sub,
u,
del {
	color: #222
}

.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
	color: #828bb2
}

.button-area {
	background: #fff
}

.button-area .border-top-generic {
	padding: 70px 15px;
	border-top: 1px dotted #eee
}

.button-group-area .genric-btn {
	margin-right: 10px;
	margin-top: 10px
}

.button-group-area .genric-btn:last-child {
	margin-right: 0
}

.genric-btn {
	display: inline-block;
	outline: none;
	line-height: 40px;
	padding: 0 30px;
	font-size: .8em;
	text-align: center;
	text-decoration: none;
	font-weight: 500;
	cursor: pointer;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s
}

.genric-btn:focus {
	outline: none
}

.genric-btn.e-large {
	padding: 0 40px;
	line-height: 50px
}

.genric-btn.large {
	line-height: 45px
}

.genric-btn.medium {
	line-height: 30px
}

.genric-btn.small {
	line-height: 25px
}

.genric-btn.radius {
	border-radius: 3px
}

.genric-btn.circle {
	border-radius: 20px
}

.genric-btn.arrow {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.genric-btn.arrow span {
	margin-left: 10px
}

.genric-btn.default {
	color: #415094;
	background: #f9f9ff;
	border: 1px solid transparent
}

.genric-btn.default:hover {
	border: 1px solid #f9f9ff;
	background: #fff
}

.genric-btn.default-border {
	border: 1px solid #f9f9ff;
	background: #fff
}

.genric-btn.default-border:hover {
	color: #415094;
	background: #f9f9ff;
	border: 1px solid transparent
}

.genric-btn.primary {
	color: #fff;
	background: #222;
	border: 1px solid transparent
}

.genric-btn.primary:hover {
	color: #222;
	border: 1px solid #222;
	background: #fff
}

.genric-btn.primary-border {
	color: #222;
	border: 1px solid #222;
	background: #fff
}

.genric-btn.primary-border:hover {
	color: #fff;
	background: #222;
	border: 1px solid transparent
}

.genric-btn.success {
	color: #fff;
	background: #4cd3e3;
	border: 1px solid transparent
}

.genric-btn.success:hover {
	color: #4cd3e3;
	border: 1px solid #4cd3e3;
	background: #fff
}

.genric-btn.success-border {
	color: #4cd3e3;
	border: 1px solid #4cd3e3;
	background: #fff
}

.genric-btn.success-border:hover {
	color: #fff;
	background: #4cd3e3;
	border: 1px solid transparent
}

.genric-btn.info {
	color: #fff;
	background: #38a4ff;
	border: 1px solid transparent
}

.genric-btn.info:hover {
	color: #38a4ff;
	border: 1px solid #38a4ff;
	background: #fff
}

.genric-btn.info-border {
	color: #38a4ff;
	border: 1px solid #38a4ff;
	background: #fff
}

.genric-btn.info-border:hover {
	color: #fff;
	background: #38a4ff;
	border: 1px solid transparent
}

.genric-btn.warning {
	color: #fff;
	background: #f4e700;
	border: 1px solid transparent
}

.genric-btn.warning:hover {
	color: #f4e700;
	border: 1px solid #f4e700;
	background: #fff
}

.genric-btn.warning-border {
	color: #f4e700;
	border: 1px solid #f4e700;
	background: #fff
}

.genric-btn.warning-border:hover {
	color: #fff;
	background: #f4e700;
	border: 1px solid transparent
}

.genric-btn.danger {
	color: #fff;
	background: #f44a40;
	border: 1px solid transparent
}

.genric-btn.danger:hover {
	color: #f44a40;
	border: 1px solid #f44a40;
	background: #fff
}

.genric-btn.danger-border {
	color: #f44a40;
	border: 1px solid #f44a40;
	background: #fff
}

.genric-btn.danger-border:hover {
	color: #fff;
	background: #f44a40;
	border: 1px solid transparent
}

.genric-btn.link {
	color: #415094;
	background: #f9f9ff;
	text-decoration: underline;
	border: 1px solid transparent
}

.genric-btn.link:hover {
	color: #415094;
	border: 1px solid #f9f9ff;
	background: #fff
}

.genric-btn.link-border {
	color: #415094;
	border: 1px solid #f9f9ff;
	background: #fff;
	text-decoration: underline
}

.genric-btn.link-border:hover {
	color: #415094;
	background: #f9f9ff;
	border: 1px solid transparent
}

.genric-btn.disable {
	color: #222, 0.3;
	background: #f9f9ff;
	border: 1px solid transparent;
	cursor: not-allowed
}

.generic-blockquote {
	padding: 30px 50px 30px 30px;
	background: #f9f9ff;
	border-left: 2px solid #222
}

.progress-table-wrap {
	overflow-x: scroll
}

.progress-table {
	background: #f9f9ff;
	padding: 15px 0px 30px 0px;
	min-width: 800px
}

.progress-table .serial {
	width: 11.83%;
	padding-left: 30px
}

.progress-table .country {
	width: 28.07%
}

.progress-table .visit {
	width: 19.74%
}

.progress-table .percentage {
	width: 40.36%;
	padding-right: 50px
}

.progress-table .table-head {
	display: flex
}

.progress-table .table-head .serial,
.progress-table .table-head .country,
.progress-table .table-head .visit,
.progress-table .table-head .percentage {
	color: #415094;
	line-height: 40px;
	text-transform: uppercase;
	font-weight: 500
}

.progress-table .table-row {
	padding: 15px 0;
	border-top: 1px solid #edf3fd;
	display: flex
}

.progress-table .table-row .serial,
.progress-table .table-row .country,
.progress-table .table-row .visit,
.progress-table .table-row .percentage {
	display: flex;
	align-items: center
}

.progress-table .table-row .country img {
	margin-right: 15px
}

.progress-table .table-row .percentage .progress {
	width: 80%;
	border-radius: 0px;
	background: transparent
}

.progress-table .table-row .percentage .progress .progress-bar {
	height: 5px;
	line-height: 5px
}

.progress-table .table-row .percentage .progress .progress-bar.color-1 {
	background-color: #6382e6
}

.progress-table .table-row .percentage .progress .progress-bar.color-2 {
	background-color: #e66686
}

.progress-table .table-row .percentage .progress .progress-bar.color-3 {
	background-color: #f09359
}

.progress-table .table-row .percentage .progress .progress-bar.color-4 {
	background-color: #73fbaf
}

.progress-table .table-row .percentage .progress .progress-bar.color-5 {
	background-color: #73fbaf
}

.progress-table .table-row .percentage .progress .progress-bar.color-6 {
	background-color: #6382e6
}

.progress-table .table-row .percentage .progress .progress-bar.color-7 {
	background-color: #a367e7
}

.progress-table .table-row .percentage .progress .progress-bar.color-8 {
	background-color: #e66686
}

.single-gallery-image {
	margin-top: 30px;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: cover !important;
	height: 200px
}

.list-style {
	width: 14px;
	height: 14px
}

.unordered-list li {
	position: relative;
	padding-left: 30px;
	line-height: 1.82em !important
}

.unordered-list li:before {
	content: "";
	position: absolute;
	width: 14px;
	height: 14px;
	border: 3px solid #222;
	background: #fff;
	top: 4px;
	left: 0;
	border-radius: 50%
}

.ordered-list {
	margin-left: 30px
}

.ordered-list li {
	list-style-type: decimal-leading-zero;
	color: #222;
	font-weight: 500;
	line-height: 1.82em !important
}

.ordered-list li span {
	font-weight: 300;
	color: #828bb2
}

.ordered-list-alpha li {
	margin-left: 30px;
	list-style-type: lower-alpha;
	color: #222;
	font-weight: 500;
	line-height: 1.82em !important
}

.ordered-list-alpha li span {
	font-weight: 300;
	color: #828bb2
}

.ordered-list-roman li {
	margin-left: 30px;
	list-style-type: lower-roman;
	color: #222;
	font-weight: 500;
	line-height: 1.82em !important
}

.ordered-list-roman li span {
	font-weight: 300;
	color: #828bb2
}

.single-input {
	display: block;
	width: 100%;
	line-height: 40px;
	border: none;
	outline: none;
	background: #f9f9ff;
	padding: 0 20px
}

.single-input:focus {
	outline: none
}

.input-group-icon {
	position: relative
}

.input-group-icon .icon {
	position: absolute;
	left: 20px;
	top: 0;
	line-height: 40px;
	z-index: 3
}

.input-group-icon .icon i {
	color: #797979
}

.input-group-icon .single-input {
	padding-left: 45px
}

.single-textarea {
	display: block;
	width: 100%;
	line-height: 40px;
	border: none;
	outline: none;
	background: #f9f9ff;
	padding: 0 20px;
	height: 100px;
	resize: none
}

.single-textarea:focus {
	outline: none
}

.single-input-primary {
	display: block;
	width: 100%;
	line-height: 40px;
	border: 1px solid transparent;
	outline: none;
	background: #f9f9ff;
	padding: 0 20px
}

.single-input-primary:focus {
	outline: none;
	border: 1px solid #222
}

.single-input-accent {
	display: block;
	width: 100%;
	line-height: 40px;
	border: 1px solid transparent;
	outline: none;
	background: #f9f9ff;
	padding: 0 20px
}

.single-input-accent:focus {
	outline: none;
	border: 1px solid #eb6b55
}

.single-input-secondary {
	display: block;
	width: 100%;
	line-height: 40px;
	border: 1px solid transparent;
	outline: none;
	background: #f9f9ff;
	padding: 0 20px
}

.single-input-secondary:focus {
	outline: none;
	border: 1px solid #f09359
}

.default-switch {
	width: 35px;
	height: 17px;
	border-radius: 8.5px;
	background: #f9f9ff;
	position: relative;
	cursor: pointer
}

.default-switch input {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer
}

.default-switch input+label {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #222;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
	cursor: pointer
}

.default-switch input:checked+label {
	left: 19px
}

.primary-switch {
	width: 35px;
	height: 17px;
	border-radius: 8.5px;
	background: #f9f9ff;
	position: relative;
	cursor: pointer
}

.primary-switch input {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}

.primary-switch input+label {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%
}

.primary-switch input+label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	border-radius: 8.5px;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s
}

.primary-switch input+label:after {
	content: "";
	position: absolute;
	top: 1px;
	left: 1px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #fff;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
	cursor: pointer
}

.primary-switch input:checked+label:after {
	left: 19px
}

.primary-switch input:checked+label:before {
	background: #222
}

.confirm-switch {
	width: 35px;
	height: 17px;
	border-radius: 8.5px;
	background: #f9f9ff;
	position: relative;
	cursor: pointer
}

.confirm-switch input {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}

.confirm-switch input+label {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%
}

.confirm-switch input+label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	border-radius: 8.5px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	cursor: pointer
}

.confirm-switch input+label:after {
	content: "";
	position: absolute;
	top: 1px;
	left: 1px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #fff;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
	cursor: pointer
}

.confirm-switch input:checked+label:after {
	left: 19px
}

.confirm-switch input:checked+label:before {
	background: #4cd3e3
}

.primary-checkbox {
	width: 16px;
	height: 16px;
	border-radius: 3px;
	background: #f9f9ff;
	position: relative;
	cursor: pointer
}

.primary-checkbox input {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}

.primary-checkbox input+label {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-radius: 3px;
	cursor: pointer;
	border: 1px solid #f1f1f1
}

.primary-checkbox input:checked+label {
	background: url(../img/elements/primary-check.png) no-repeat center center/cover;
	border: none
}

.confirm-checkbox {
	width: 16px;
	height: 16px;
	border-radius: 3px;
	background: #f9f9ff;
	position: relative;
	cursor: pointer
}

.confirm-checkbox input {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}

.confirm-checkbox input+label {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-radius: 3px;
	cursor: pointer;
	border: 1px solid #f1f1f1
}

.confirm-checkbox input:checked+label {
	background: url(../img/elements/success-check.png) no-repeat center center/cover;
	border: none
}

.disabled-checkbox {
	width: 16px;
	height: 16px;
	border-radius: 3px;
	background: #f9f9ff;
	position: relative;
	cursor: pointer
}

.disabled-checkbox input {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}

.disabled-checkbox input+label {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-radius: 3px;
	cursor: pointer;
	border: 1px solid #f1f1f1
}

.disabled-checkbox input:disabled {
	cursor: not-allowed;
	z-index: 3
}

.disabled-checkbox input:checked+label {
	background: url(../img/elements/disabled-check.png) no-repeat center center/cover;
	border: none
}

.primary-radio {
	width: 16px;
	height: 16px;
	border-radius: 8px;
	background: #f9f9ff;
	position: relative;
	cursor: pointer
}

.primary-radio input {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}

.primary-radio input+label {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	cursor: pointer;
	border: 1px solid #f1f1f1
}

.primary-radio input:checked+label {
	background: url(../img/elements/primary-radio.png) no-repeat center center/cover;
	border: none
}

.confirm-radio {
	width: 16px;
	height: 16px;
	border-radius: 8px;
	background: #f9f9ff;
	position: relative;
	cursor: pointer
}

.confirm-radio input {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}
.contact_form{
	background-image: url("../img/team/grey-wing.png");
	background-repeat: no-repeat;
	background-position: center center;
}
.confirm-radio input+label {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	cursor: pointer;
	border: 1px solid #f1f1f1
}
.search_widget1 {
    position: relative; 
     bottom: -8%; 
     margin-left: auto; 
     margin-right: auto; 
    left: 0; 
     right: 0; 
     width: 100%; 
}
.tag_cloud_widget1{text-align: left;}
.blog_right_sidebar .search_widget1 .input-group button {
    background: #A2CD38;
    border-left: 0;
    border: 1px solid #f0e9ff;
    padding: 4px 15px;
    border-left: 0;
    cursor: pointer;
}
.blog_right_sidebar .search_widget1 .input-group button i {
    color: #fff;
}
.confirm-radio input:checked+label {
	background: url(../img/elements/success-radio.png) no-repeat center center/cover;
	border: none
}

.disabled-radio {
	width: 16px;
	height: 16px;
	border-radius: 8px;
	background: #f9f9ff;
	position: relative;
	cursor: pointer
}

.disabled-radio input {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}

.disabled-radio input+label {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	cursor: pointer;
	border: 1px solid #f1f1f1
}

.disabled-radio input:disabled {
	cursor: not-allowed;
	z-index: 3
}

.disabled-radio input:checked+label {
	background: url(../img/elements/disabled-radio.png) no-repeat center center/cover;
	border: none
}

.default-select {
	height: 40px
}

.default-select .nice-select {
	border: none;
	border-radius: 0px;
	height: 40px;
	background: #f9f9ff;
	padding-left: 20px;
	padding-right: 40px
}

.default-select .nice-select .list {
	margin-top: 0;
	border: none;
	border-radius: 0px;
	box-shadow: none;
	width: 100%;
	padding: 10px 0 10px 0px
}

.default-select .nice-select .list .option {
	font-weight: 300;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	line-height: 28px;
	min-height: 28px;
	font-size: 12px;
	padding-left: 20px
}

.default-select .nice-select .list .option.selected {
	color: #222;
	background: transparent
}

.default-select .nice-select .list .option:hover {
	color: #222;
	background: transparent
}

.default-select .current {
	margin-right: 50px;
	font-weight: 300
}

.default-select .nice-select::after {
	right: 20px
}

.form-select {
	height: 40px;
	width: 100%
}

.form-select .nice-select {
	border: none;
	border-radius: 0px;
	height: 40px;
	background: #f9f9ff;
	padding-left: 45px;
	padding-right: 40px;
	width: 100%
}

.form-select .nice-select .list {
	margin-top: 0;
	border: none;
	border-radius: 0px;
	box-shadow: none;
	width: 100%;
	padding: 10px 0 10px 0px
}

.form-select .nice-select .list .option {
	font-weight: 300;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	line-height: 28px;
	min-height: 28px;
	font-size: 12px;
	padding-left: 45px
}

.form-select .nice-select .list .option.selected {
	color: #222;
	background: transparent
}

.form-select .nice-select .list .option:hover {
	color: #222;
	background: transparent
}

.form-select .current {
	margin-right: 50px;
	font-weight: 300
}

.form-select .nice-select::after {
	right: 20px
}

.mt-10 {
	margin-top: 10px
}

.section-top-border {
	padding: 50px 0;
	border-top: 1px dotted #eee
}

.mb-30 {
	margin-bottom: 30px
}

.mt-30 {
	margin-top: 30px
}
.team .section-tittle{padding-bottom:0 !important;}
.switch-wrap {
	margin-bottom: 10px
}
.form_sec{padding-top:20px;}
#enq_form1 :is(input,select,textarea,.nice-select).errorform {
    border: 1px solid red !important;
}
/* who we section */
.whowe-caption h2{
    font-size: 38px;
   font-weight:700; 
   font-family: Gilroy-Bold;
  background: -webkit-linear-gradient(271deg, #A8C622 0%, #A3C422 18%, #97C025 35%, #83BA2A 53%, #67B130 71%, #58AC34 79%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.who-we{
    padding:60px 0px;
    background:url("../img/who-we/who-we-bg.png");    background-repeat: no-repeat;
   
    background-size: cover;
}
.whowe-caption h4{font-size:18px;padding-top:15px;}
.whowe-caption{padding-top:60px;}
.whowe-caption  span{-webkit-text-fill-color:#363636;z-index:2;position: relative;}
.whowe-caption p{color:#363636;  font-family: Gilroy;line-height: 24px;}
.about-after{
    position: absolute;
    z-index: 1;
    display: block;
    left: 6px;
    top: 32px;}
    .icon-sect{display:flex;}
     .icon-content {
        display: flex;margin-top:30px;
        margin-bottom:30px;
        
    }
   .icon-content img {
          
        vertical-align: bottom;
        margin-right: 20px;
        display: flex;
        float: left;
        width: 60px;
        height: 60px;
    }
     .right-content h3 {
        font-size: 35px;
        font-family:Gilroy-Bold;
        font-weight: 400;
        line-height: 38px;margin-bottom: 0;
        color:#363636;
    }
	.fh-t{padding-top:80px !important;}
    .right-content p {
        font-size: 17px;
        color: #363636;
        font-weight: 500;
        line-height: 23px;padding-top:2px;
    }
.who-we-btn{
    background: #0094D9;
    -moz-user-select: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;font-family: Gilroy;
       border-radius: 50px;
     line-height: 0;
    margin-bottom: 0;
    padding: 20px 20px;
    
    margin: 10px;
    cursor: pointer;
    transition: color 0.4s linear;
    position: relative;
    z-index: 1;
    border: 0;
    overflow: hidden;
    margin: 0;

}
/* end who we section */
/* testimonial */
.testimonial-area{
    padding: 60px 0px;
background: url(../img/testmonial/test-bg.png);
background-repeat: no-repeat;
background-size: cover;
}
#testimonial-area .section-heading h2 {
    font-size: 48px;
    line-height: 58px;
}
.testi-wrap {
    position: relative;
    height: 725px;
    
}
.client-single {
    margin-top: 20px;
    text-align: center;
    
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.client-info, .client-comment {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.client-single.inactive .client-comment, .client-single.inactive .client-info {
    display: none;
}
.client-single.inactive .client-comment, .client-single.inactive .client-info {
    opacity: 0;
    visibility: hidden;
}
.client-single.position-1 {
    -webkit-transform: scale(0.65);
    transform: scale(0.65);
}
.client-single.position-2 {
    left: -40px;
    top: 105px;
}
.client-single.position-3 {
    left: -60px;
    top: 240px;
    -webkit-transform: scale(0.4) !important;
    transform: scale(0.4) !important;
}
.client-single.position-4 {
    left: 55px;
    top: 380px;
}
.client-single.position-5 {
    top: 30px;
    right: 55px;
}
.client-single.position-6 {
    top: 225px;
    right: -40px;
}
.client-single.position-7 {
    top: 400px;
    right: 45px;
    -webkit-transform: scale(0.4) !important;
    transform: scale(0.4) !important;
}
.client-single.active {
    top: 10%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10;
    width: 70%;
}
.client-single.active .client-comment, .client-single.active .client-info {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.client-single:not(.active) {
    -webkit-transform: scale(0.55);
    transform: scale(0.55);
    z-index: 99;
}
.client-single.active .client-img {
    width: 160px;
    height: 160px;
    margin: 0 auto 24px;
    position: relative;
}
.client-single.active .client-img:before {
    border-radius: 100%;
    content: '';
    background-image: -webkit-gradient(linear, left top, left bottom, from(#9d5bfe), to(#3890fe));
    background-image: linear-gradient(180deg, #9d5bfe 0%, #3890fe 100%);
    padding: 5px;
    width: 160px;
    height: 160px;
    top: -4px;
    left: 0px;
    position: absolute;
    z-index: -1;
}
.client-single .client-img img {
    width: 150px;
    border-radius: 50%;
    border: 8px solid #d1e9ff;
    cursor: pointer;
}
.client-single.active .client-img img {
    max-width: 160px;
    margin: 0 auto 24px;
    border: 0;
}
.client-comment {
    padding: 50px 30px;background-color: #fff;margin-top:-70px;
}
.client-comment h3 {
    font-size: 22px;
    line-height: 32px;
    color: #505b6d;
}
.client-comment span i {
    font-size: 60px;
    color: #0084ff;
    margin: 40px 0 24px;
    display: inline-block;
}
.client-info h3 {
    color: #000;
    font-weight: 600;
    margin-bottom: 4px;
}
.client-info p {
    color: #0084ff;
    text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #testimonial-area .section-heading h2 {
        font-size: 30px;
   }
   .case-card {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 420px;
    padding: 100px 200px;
    display: flex;
    flex-direction: column;
    /* text-align: center; */
    justify-content: center;
    left: 50%;
}
    .client-comment h3 {
        font-size: 18px;
        line-height: 28px;
   }
    .client-single.active {
        width: 60%;
   }
    .client-single:not(.active) {
        -webkit-transform: scale(0.55);
        transform: scale(0.35);
   }
    .client-single.position-3, .client-single.position-7 {
        -webkit-transform: scale(0.3) !important;
        transform: scale(0.3) !important;
   }
    .client-single.active .client-img img {
        max-width: 100px;
   }
    .client-single.active .client-img::before {
        padding: 5px;
        width: 108px;
        height: 108px;
        top: -4px;
        left: 6px;
   }
    .client-single.active .client-img {
        width: 120px;
        height: 100px;
   }
    .testi-wrap {
        height: 580px;
   }
    #testimonial-area {
        padding: 40px 0 0;
   }
   .testimonial{padding:35px 0 44px !important;}
   .testimonial .row .carousel .carousel-inner .carousel-item .quote-wrapper {
	height:480px !important;
   }
   .footer-padding{padding-top:0px;}
   .footer-tittle{padding-top:30px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    #testimonial-area .section-heading h2 {
        font-size: 30px;
   }
    .client-comment h3 {
        font-size: 14px;
        line-height: 26px;
   }
    .client-single.active {
        width: 60%;
   }
    .client-comment span i {
        font-size: 40px;
   }
    .client-single:not(.active) {
        -webkit-transform: scale(0.55);
        transform: scale(0.35);
   }
    .client-single.position-5, .client-single.position-7 {
        right: 0;
   }
    .client-single.position-4 {
        left: 0;
   }
    .client-single.position-3, .client-single.position-7 {
        -webkit-transform: scale(0.3) !important;
        transform: scale(0.3) !important;
   }
    .client-single.active .client-img img {
        max-width: 80px;
   }
    .client-single.active .client-img::before {
        padding: 5px;
        width: 88px;
        height: 88px;
        top: -4px;
        left: 16px;
   }
    .client-single.active .client-img {
        width: 120px;
        height: 100px;
   }
    .testi-wrap {
        height: 630px;
   }
}
@media only screen and (min-width: 360px) and (max-width: 479px) {
    #testimonial-area .section-heading h2 {
        font-size: 30px;
        line-height: 40px;
   }
    .client-comment h3 {
        font-size: 14px;
        line-height: 26px;
   }
    .client-single.active {
        width: 80%;
   }
    .client-comment span i {
        font-size: 40px;
   }
    .client-single:not(.active) {
        -webkit-transform: scale(0.25);
        transform: scale(0.25);
   }
    .client-single.position-5, .client-single.position-7, .client-single.position-6 {
        right: -70px;
   }
    .client-single.position-4 {
        left: -60px;
   }
    .client-single.position-3 {
        left: -75px;
   }
    .client-single.position-3, .client-single.position-7 {
        -webkit-transform: scale(0.25) !important;
        transform: scale(0.25) !important;
   }
    .client-single.active .client-img img {
        max-width: 80px;
   }
    .client-single.active .client-img::before {
        padding: 5px;
        width: 88px;
        height: 88px;
        top: -4px;
        left: 16px;
   }
    .client-single.active .client-img {
        width: 120px;
        height: 100px;
   }
    .testi-wrap {
        height: 600px;
   }
}
@media only screen and (min-width: 320px) and (max-width: 359px) {
    
    #testimonial-area .section-heading h2 {
        font-size: 30px;
   }
    .client-comment h3 {
        font-size: 14px;
        line-height: 26px;
   }
    .client-single.active {
        width: 80%;
   }
    .client-comment span i {
        font-size: 40px;
   }
    .client-single:not(.active) {
        -webkit-transform: scale(0.25);
        transform: scale(0.25);
   }
    .client-single.position-5, .client-single.position-7, .client-single.position-6 {
        right: -70px;
   }
    .client-single.position-4 {
        left: -60px;
   }
    .client-single.position-3 {
        left: -75px;
   }
    .client-single.position-3, .client-single.position-7 {
        -webkit-transform: scale(0.25) !important;
        transform: scale(0.25) !important;
   }
    .client-single.active .client-img img {
        max-width: 80px;
   }
    .client-single.active .client-img::before {
        padding: 5px;
        width: 88px;
        height: 88px;
        top: -4px;
        left: 16px;
   }
    .client-single.active .client-img {
        width: 120px;
        height: 100px;
   }
    .testi-wrap {
        height: 550px;
   }
}

.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 55%;
    top: 91%;
    bottom: 3px;
    z-index: 50;
	left: 4% !important; 
    height: 10px;
    width: 12.5% !important;
    background: #fff !important;
    border: 0.5px solid #fff;
}
.swiper-scrollbar-drag {
    height: 160%;
    width: 15% !important;
    position: relative;
    background: #A2CD38 !important;
    border-radius: 10px;
    left: -100;
    top: 0;
}
.testimonials-slider{padding-bottom:100px !important;}
.swiper-button-next:after, .swiper-button-prev:after {
    background-color: #A2CD38;
    color: #fff;font-size:20px !important;    
    padding: 10px 13px;width:40px;height:40px;
    border-radius: 50%;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev{
    top: 91% !important;
    left: auto !important;
    right: 80% !important;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    top: 91% !important;
    right: 10px !important;
    left: auto;
}

.img-box {
	width: 170px;
	height: 170px;
	margin: 0 auto;
	padding: 5px;
	border: 1px solid #ddd;
	border-radius: 50%;
  }
  .img-box img {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
  }
  .testimonial-area{
	padding-top:55px!important 	;
}
  .testimonial {
    padding: 10px 0 44px;
    color: #555;
}
  .carousel-inner {
    text-align: center;

}

.carousel-title{
  margin: 25px;
  color: #333;
}

.carousel-line{
  height: 1px;
  width: 600px;
  background-color: #cecece;
  margin: auto;
}

.carousel .overview { 
    font-size: 12px;
    margin-bottom: 5px;
}

.carousel .overview b {
  color: #7AA641;
}

.company-name{
    color: #555;
}

.carousel .carousel-control {
  width: 0px;
    height: 40px;
    margin-top: -20px;
    top: 50%;
  background: none;
}
.carousel-control i {
    font-size: 25px;
    line-height: 42px;
    position: absolute;
    display: inline-block;
    color: #000;
}
.carousel .carousel-indicators {
  bottom: -40px;
}
.carousel-indicators li, .carousel-indicators li.active {
  width: 10px;
  height: 10px;
  margin: 1px 3px;
  border-radius: 50%;
}
.carousel-indicators li { 
  background: #999;
  border-color: transparent;
  box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}
.carousel-indicators li.active {  
  background: #555;   
  box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}

/* .testimonial span{
    font-size: 62px;
    position: absolute;
    top: 57%;
    left: 0;
    font-family: 'Emblema One', cursive;
    color: #333;
} */
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
}
.carousel-control-prev span{
    position: absolute;
    font-size: 14px;
    top: 29%;
    left: 20px;
    color: #89c4f4;
    text-shadow: none;
    font-weight: bolder;
}

.carousel-control-next span{
    position: absolute;
    font-size: 14px;
    top: 29%;
    right: 20px;
    color: #89c4f4;
    text-shadow: none;
    font-weight: bolder;
}
  
.testimonials-slider1 .swiper-scrollbar.swiper-scrollbar-horizontal{
	left: 0;
    right: 0;
    margin-right: auto;
    position: absolute;
    left: 55%;
    top: 91%;
    bottom: 3px;
    z-index: 50;
    left: 4% !important;
    
    width: 13% !important;

    background: #fff !important;
    border: 0.5px solid #fff;
}
.testimonials-slider1 .swiper-button-next, .swiper-rtl .swiper-button-prev{
	top: 91% !important;
    left: auto !important;
}
.testimonials-slider1 .swiper-button-prev, .swiper-rtl .swiper-button-next {
	    top: 91% !important;
    right: 46px !important;
}
.testimonial-area .section-tittle1 h2{
color:#A2CD38 !important;
font-size: 47px;
z-index: 2;
position: relative;
font-weight: 700;
}
.testimonial .row .new1{
	
    margin-right: 138px !important; 
   
}
.testimonial-area .section-tittle1 p{
	color:#fff !important;
	}
	.carousel-indicators li, .carousel-indicators li.active  figure img{border:4px solid #A2CD38;border-radius:50%;}
	   .testimonial .row .tabs li:nth-child(1) {
		align-self: flex-end;
	  }
	 .testimonial .row .tabs li:nth-child(1)::before {
		left: 64%;
		bottom: -50px;
	  }
	  .quote-wrapper img{width:110px;height:110px;margin-top:-80px;}
	  .testimonial .row .tabs li:nth-child(1)::after {
		left: 97%;
		bottom: -81px;
	  }
	   .testimonial .row .tabs li:nth-child(1) figure img {
		max-width: 118px;
		width: 100%;
		margin-top:140px;
		margin-left: 2px;
	  }
	
	  .carousel-control-prev{left:35%;}
	  .carousel-control-next {right:35%;
	  }
	  .pt-20{padding-top:35px;}
	  .carousel-control-next, .carousel-control-prev{top:110%;}
	  .testimonial .row .tabs li:nth-child(2) {
		align-self: flex-start;
	  }
	   .testimonial .row .tabs li:nth-child(2)::before {
		right: -65px;
		top: 50%;
	  }
	  .testimonial .row .tabs li:nth-child(2)::after {
		bottom: 101px;
		border-radius: 50%;
		right: -120px;
	  }
	  .testimonial .row .tabs li:nth-child(2) figure img {
		margin-right: auto;
		max-width: 150px;
		width: 100%;
		margin-top: -47px;
		margin-left: -37px;
	}
	.testimonial .row .tabs li:nth-child(2) .new-child{
		align-self: flex-start;
	  }
	   .testimonial .row .tabs li:nth-child(2)::before .new-child{
		right: -65px;
		top: 50%;
	  }
	  .testimonial .row .tabs li:nth-child(2)::after .new-child{
		bottom: 101px;
		border-radius: 50%;
		right: -120px;
	  }
	  .testimonial .row .tabs li:nth-child(2) figure .new-child{
		margin-right: auto;
    max-width: 113px;
    width: 100%;
    margin-top: -47px;
    margin-left: 220px;
	}

	.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover{
		color:#A2CD38 !important;opacity:1;
	}
	
	  .testimonial .row .tabs li:nth-child(3) {
		align-self: flex-end;
	  }
	  .testimonial .row .tabs li:nth-child(3)::before {
		right: -10px;
		top: -66%;
	  }
	 .testimonial .row .tabs li:nth-child(3)::after {
		top: -130px;
		border-radius: 50%;
		right: -46px;
	  }
	 .testimonial .row .tabs li:nth-child(3) figure img {
		max-width: 135px;
		width: 100%;
		margin-top: -5px;
		margin-left: 11px;
	  }
	 .testimonial .row .tabs li:nth-child(3):focus {
		border: 10px solid red;
	  }
	   .testimonial .row .tabs li figure {
		position: relative;
	  }
 .testimonial .row .tabs li figure img {
		display: block;
	  }
	 .testimonial .row .tabs li figure::after {
		content: "";
		position: absolute;
		top: 0;
		z-index: -1;
		width: 100%;
		height: 100%;
		border: 4px solid #dff9d9;
		border-radius: 50%;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	  }
	  .testimonial .row .tabs li figure:hover::after {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	  }
	  .testimonial .row .tabs.carousel-indicators li.active figure::after {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	  }
	  .testimonial .row .tabs {
		all: unset;
		margin-right: 18px;
		display: flex;
		flex-direction: column;
	  }
	  .testimonial .row .tabs li {
		all: unset;
		display: block;
		position: relative;
	  }
	  
	  .testimonial .row .carousel > h3 {
		font-size: 20px;
		line-height: 1.45;
		color: rgba(0, 0, 0, 0.5);
		font-weight: 600;
		margin-bottom: 0;
	  }
	  .testimonial .row .carousel h1 {
		font-size: 40px;
		line-height: 1.225;
		margin-top: 23px;
		font-weight: 700;
		margin-bottom: 0;
	  }
	  .testimonial .row .carousel .carousel-indicators {
		all: unset;
		padding-top: 43px;
		display: flex;
		list-style: none;
	  }
	  .testimonial .row .carousel .carousel-indicators li {
		background: #000;
		background-clip: padding-box;
		height: 2px;
	  }
	   .testimonial .row .carousel .carousel-inner .carousel-item .quote-wrapper {
		margin-top: 56px;background-color: #fff;padding:25px;border-radius: 25px;
		height:410px;
	  }
	   .testimonial .row .carousel .carousel-inner .carousel-item .quote-wrapper p {
		font-size: 14px;
    padding-top: 25px;
    line-height: 1.72222;
    border-top: 1px solid #A2CD38;
	font-family: Gilroy-Medium;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.7);
	  }
	  .testimonial .row .carousel .carousel-inner .carousel-item .quote-wrapper h3 {
		color: #000;
		font-weight: 700;
		margin-top: 18px;
		font-size: 20px;
		line-height: 1.45;
		/* text-transform: uppercase; */
	  }
	  
	  @media only screen and (max-width: 1200px) {
	 .testimonial .row .tabs {
		  margin-right: 25px;
		}
	  }

	  .footer-social .fab{display: block;}
	  @-webkit-keyframes _3yBEK {
		0% { transform: translateY(0); }
		100% { transform: translateY(-10px);}
	}

	@keyframes _3yBEK {
		0% { transform: translateY(0); }
		100% { transform: translateY(-10px); }
		
	}

	/* whatsapp icon */
	.whatsapp_float {
		position: fixed;
		width: 50px;
		height: 50px;
		bottom: 85px;
		right: 35px;
		background-color: #25d366;
		color: #fff;
		border-radius: 50px;
		text-align: center;
		font-size: 25px;
		box-shadow: 2px 2px 3px #999;
		z-index: 100;
	}
/* about us */
.why-big img{position: relative;width: 100%;}
.why-small img {
    position: absolute;
    right: -12%;
    bottom: -6%;
    width: 50%;
}
.bg-grey{
	background-color: #F8F8F8;position: relative;
}

.why-cls {
    padding-bottom: 45px;
    padding-top: 0px;
}
.txt-cen{text-align: center;}
.icon-box1{padding:20px;
	background-color: #fff;
	box-shadow: 15px 15px 25px #00000012;
}
.icon-content1 img{width:43px;height:50px;margin-bottom: 25px;}
.icon-content1 {
    
    margin-top: 30px;
    margin-bottom: 30px;
}
.counter_content{
    display: flex;
    justify-content: space-around;
    
}
.counts_items{
 padding:25px;
    background: #fff;
	box-shadow: 15px 15px 25px #00000012;
    text-align: left;
	
   
    
}
.count-box{position: absolute;bottom:-91px;margin:15px; width:80%;}
.pt-bt{padding-bottom:100px;}
.counters{padding:50px 0px;}
	
.counts_items img{display:block;margin-bottom: 15px;}
.counter_text{
	font-family: Gilroy-Semibold;

    color: #222;
    font-size: 48px;
   display: inline-flex;
    font-weight: 400;
}
.count_para{
    color: #363636;
    font-size: 16px;
	font-family: Gilroy-Semibold;
    font-weight: 600;
    text-transform: capitalize;
}
.mission{
	padding: 60px 0px;
    background: url(../img/about/mission-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.box-icon{
	display: grid;
    grid-template-rows:repeat(2,auto);
    grid-auto-flow: column; 
    column-gap:1rem;
    row-gap:10px;
	
}
.mission .single-services{

	flex-basis: 280px;
    flex-shrink:none;
    height: auto;justify-content: center;
    border:1px solid #6E6E6E;
	padding:55px 20px;
    margin-right:10px;
    margin-bottom:10px;
}
.mission .services-icon {
    background-color: transparent;
    width: 100px;
    height: 60px;
    margin: auto;
}
.mission .section-tittle span{
	-webkit-text-fill-color: #fff;
    z-index: 2;
}
.mission .swiper-slide {
	padding: 18px 12px;
}
.mission .title-after {
	z-index: 1;
    position: absolute;
    top: 4%;
    transform: translateY(-50%);
    left: 7px;
    width: 100%;
}
.mission h3{color:#fff;font-size:30px;width:80%;}
.mission .tit-sec p {
    font-family: Gilroy;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 15px;
    font-weight: 100;
	width:80%;opacity:0.8;
}
.mission-caption h4{
font-size:18px;
	color:#fff;font-weight: 600;	
    font-family: Gilroy-Semibold;
}
.mission-caption h5{
	font-size:18px;
		color:#fff;font-weight: 500;	
		font-family: Gilroy;
	}
.logo-sect{padding:60px 0;background-color: #F8F8F8;}
.logo-title h2{text-align: center;font-size:47px;}
.logosImgs {
	display: -webkit-flex;
	display: flex;
	font-family: Gilroy-Bold;
	flex-wrap: wrap;
	padding-top:40px;padding-bottom:20px;
	justify-content: center;
	
  }
  .logosImgs img {
	max-height: 100%;
	margin:25px 14px;
	width:70%;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .65;
	transition: all .5s;
  }
  .logosImgs img:hover {
	opacity: 1;
	cursor:pointer;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
.logo-title .section-tittle span {
    -webkit-text-fill-color: #000;
    z-index: 2;
    position: relativ;
}
.all-device
{
	padding:60px 0px;
}

/* services */

.services-area .single-services1 {
    padding: 20px 30px;
    margin: 20px;
	min-height:450px;
    -webkit-transition: all .4s ease-out 0s;
    -moz-transition: all .4s ease-out 0s;
    -ms-transition: all .4s ease-out 0s;
    -o-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
    background: #fff;
	text-align: left;
    border: 1px solid #D1D1D1;
    position: relative;
}
.services-caption1 h4{
	color: #191d34;
    font-size: 24px;
    font-weight: 600;
    padding-top: 10px;
    display: inline-block;
}
.border-btn1 {
    background: #fff;
    -moz-user-select: none;
	font-family: Gilroy-Bold;
    padding: 10px 10px;
    margin: 20px 0;
    text-transform: capitalize;
    color: #363636;
    cursor: pointer;
    display:none;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    border-radius: 5px;  
}
.services-area .single-services1:hover h4{
	color:#fff;
}
.services-area .single-services1:hover p{
	color:#fff;
}
.border-btn1:hover{ 
	color: #363636;
}
.services-area .single-services1:hover{
	background: transparent linear-gradient(180deg, #54B848 21%, #6ABE43 32%, #86C53E 49%, #9ACA3A 66%, #A6CD37 83%, #ABCF37 100%) 0% 0% no-repeat padding-box;
	color:#fff;
}
.services-area .single-services1:hover .border-btn1{
	display:inline-block;
}
.counting{
	background-color: #F5F5F5;
	padding:60px 0;
}
.counts_items1 {
    padding: 25px;
    /* background: #fff; */
    /* box-shadow: 15px 15px 25px #00000012; */
    text-align: left;
}
.counts_items1 img {
    display: block;
    margin-bottom: 15px;
}
.logo-sect1{
	padding:60px 0;
}
.arrow_down{
	text-align: center;
	padding-top:25px;
}
.arrow_down img{
	padding:10px 5px;
	border:1px solid #D4D4D4;border-radius: 15px;
	
  
  }
  .arrow_down img:hover{
	cursor:pointer;  
  }
  .pt-50
  {padding-top: 50px;
}
  .dashboard-sidebar {
    background: #F3F3F3;
    position: -webkit-sticky;
    position: sticky;top:100px;padding:35px;
}
.user-dashboard-tab li a:hover, .user-dashboard-tab li a.active {
    background: #0094D9;
    color: #1f1f23;
}
.user-dashboard-tab li a {
    padding: 7px 20px;
    display: block;
	color:#363636;
}
.user-dashboard-tab li {
    padding: 0;
	margin:5px;
	background-color: #FFFFFF; 
	color:#363636;
    border-bottom: 1px dashed rgba(255, 200, 39, 0.15);
}
.author .section-tittle1 h2{
	color: #A2CD38 !important;
    font-size: 32px;
    z-index: 2;
    position: relative;
    font-weight: 700;}
	.author-content{
		width:80%;
	}
	.author-content h4{
		font-size:18px;
		color:#363636;
		margin-top:25px;
	}
	.author-content p{
		color:#363636;
	    font-family: Gilroy;
		font-size:16px;
	}
		.author-content h3{
			color: #A2CD38;
			font-size:28px;
			margin-top:50px;
			margin-bottom:45px;
		}
		.author-content h5{
			color: #A2CD38;
			margin-top:25px;
		}
		.author-content ul {
			list-style: none;
			padding-left:20px;
			padding-top:0px;
			padding-bottom:0px
		}
		.author-content ul li{
			padding-bottom:15px;
		}
		.author-content li::before {
			content: "•"; color:#A2CD38;
			font-weight: bold;
			display: inline-block; 
			width: 1em;font-size:20px;
			margin-left: -1em;
		}
			.number-list ul li{
				list-style-type: decimal-leading-zero;
				font-weight: bold;
			}
			.number-list ul li:before{
				content:"";
				display: none;
			}
			.green-p h5{
				font-size:14px;
				color: #A2CD38;margin-bottom:0px;
			}
			.green-p h4{
				margin-top:0;
				font-size: 16px;font-weight: bold;
			}
			.rotate-text {
				padding: 0px 0px 0 60px;
				writing-mode: tb-rl;
				transform: rotate(-180deg);
				color: #A2CD38;
				font-size: 40px;
				font-weight: 700;
				align-self: center;
				font-family: Gilroy-Bold;
				letter-spacing: 4px;
				text-transform: uppercase;
				white-space: nowrap;
			}
			.rotate-text1 {
				padding: 0px 60px 0 0px;
				writing-mode: tb-rl;
				transform: rotate(-180deg);
				color: #A2CD38;
				font-size: 40px;
				font-weight: 700;
				align-self: center;
				font-family: Gilroy-Bold;
				letter-spacing: 4px;
				text-transform: uppercase;
				white-space: nowrap;
			}
			.bg-grey {
			background-color: #F8F8F8;
			}
			.bg-grad {
				background: transparent linear-gradient(180deg, #FFFFFF 0%, #E8E8E8 100%) 0% 0% no-repeat padding-box;
				}
			.team h4{
				color:#A2CD38;
				font-size:18px;
				text-transform: uppercase;
			}
			.img-cl{
				width: 60%;
				margin:auto;
			}
			.team-sec{
				padding:60px 0;
				display:flex;
				flex-direction: row;
			}
			.service-card{
				background-repeat: no-repeat;
				background-position: center center;
				background-size: contain;
			}
			.team-btn{background: #0094D9;
				-moz-user-select: none;
				color: #fff;
				cursor: pointer;
				display: inline-block;
				font-size: 13px;
				font-family: Gilroy;
				line-height: 0;
				margin-bottom: 0;
				padding: 20px 20px;
				text-transform: uppercase;
				margin: 30px;
				cursor: pointer;
				transition: color 0.4s linear;
				position: relative;
				z-index: 1;
				border: 0;
				overflow: hidden;
				}
				.career-caption h1{
					font-size:45px;
					color:#fff;
					margin-bottom:45px;
					}
				.career-caption P{padding: 0;	}
				.career-btn{    background: #fff;
					-moz-user-select: none;
					color: #363636;
					cursor: pointer;
					display: inline-block;
					font-size: 18px;
					font-weight: 500;
					border-radius: 0;
					letter-spacing: 1px;
					line-height: 0;
					margin-bottom: 0;
					padding: 20px 20px;
					min-width: 160px;
					
					margin: 10px;
					cursor: pointer;
					transition: color 0.4s linear;
					position: relative;
					z-index: 1;
					border: 0;
					overflow: hidden;
					margin: 0;}
					.career-btn:hover{
						color:#363636
					}
					.career-icon {
			
						width: 100px;
						height: 60px;
						
					}
					.career-services{
						padding:25px;
						background-color: #fff;
						margin:15px 0;
					}
					.top{
						padding-top:100px;
					  }
					  
					  #accordion{
						width:100%;
					  }
					  .card-header {
						  background:#fff;
					  }
					  .card-header a{
						color: #2A2A2A;
					  }
					  .card-header a h3{
						color: #2A2A2A;font-size: 22px;
						margin-bottom: 0;
						font-family: Gilroy-Bold;
					  }
					  .card-header a p{
						color: #2A2A2A;font-size: 14px;
						margin-bottom: 0;
						
					  }
					 /* modal popop image */
					 .modal-target {
						border-radius: 5px;
						cursor: pointer;
						transition: 0.3s;
					  }
					  .modal-backdrop{position: relative;}
					  
					  .modal-target:hover {opacity: 0.7;}
					  
					  /* The Modal (background) */
					  .modal {
						display: none; /* Hidden by default */
						position: fixed; /* Stay in place */
						z-index: 999; /* Sit on top */
						left: 0;
						top: 0;
						width: 100%; /* Full width */
						height: 100%; /* Full height */
						overflow: auto; /* Enable scroll if needed */
						background-color: rgb(0,0,0); /* Fallback color */
						background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
					  }

					  #simpleModal {
						backdrop-filter: blur(1px);
   						background-color: #01223770;
					  }
					  #modal-content
					  {
					  	margin-top:25%;
					  }
					  .modal-content_h
					  {
					  	width: 600px !important;
						top: 206px;
						height: 350px;
						gap: 0px;
						border-radius: 25px;
						opacity: 0px;
						background: url(../img/home-popup/popup-bg.png);
					    background-repeat: no-repeat;
					    background-size: cover;
					    background-position: bottom;
					    background-size: 116% 110%;
					  }
					  .topbar_h
					  {
					  	width: 75%;
						height: 58px;
						gap: 0px;
						border-radius: 0px 0px 29px 29px;
						opacity: 0px;
						background: #0507C3;
						margin: 0 auto;

					  }
					  .topbar_content
					  {
	  				    font-family: Gilroy-Medium;
						font-size: 16px;
						font-weight: 400;
						line-height: 29.11px;
						text-align: center;
						color: #fff !important;
					 }
					 .topbar_content span
					  {
					    font-family: Gilroy-Bold;
						font-size: 18px;
						font-weight: 400;
						line-height: 29.71px;
						text-align: center;
						color: #fff;
					}
					.topbar_content button
					{
						width: 224px;
						height: 35px;
						gap: 0px;
						border-radius: 24px;
						opacity: 0px;
						font-family: Gilroy-SemiBold;
						font-size: 16px;
						font-weight: 400;
						line-height: 24px;
						text-align: center;
						color: #424242 !important;
						cursor: pointer;
						background: #fff !important;
						margin-top: 11px;
						border: 1px solid #fff;
						margin-left: 10px;

					}

					  @media (max-width: 767px) {
							.modal-content_h
							{
								width: 100% !important;
								height: 290px !important;
								top: 110px;
								background-size: 130% 125%;
							}
							.pop_content
							{
								font-size: 23px !important;
								margin-top: -42px !important;
							}
							.pop_content_p
							{
								font-size: 14px !important;
								margin-top: -18px !important;
							}
							.home_close
							{
							  	width: 25px !important;
								height: 5px !important;
								padding: 1.68px 1.68px 1.68px 1.69px !important;
							}
							.imgdiv img
						   {
	  							margin-left: 50px !important;
    							margin-top: -5px;
						   }
						    .topbar_h
							  {
							  	width: 100% !important;
								height: 80px !important;
								margin-top: -10px;
								
							}
							.topbar_content
							  {
								font-size: 11px;
							 }
							 .topbar_content span
							  {
								font-size: 13px;
							}
							.topbar_content button
							{
								width: 200px;
								height: 30px;
								font-size: 14px;
								margin-top: 3px;
							}
						}
						@media only screen and (min-width: 768px) and (max-width: 991px) {
							.topbar_h
							  {
							  	width: 100% !important;
							    height: 50px !important;
							    margin-top: -6px;
								
							}
							.topbar_content
							  {
								font-size: 12px;
							 }
							 .topbar_content span
							  {
								font-size: 13px;
							}
							.topbar_content button
							{
								width: 200px;
								height: 30px;
								font-size: 14px;
								margin-top: 10px;
							}

						}
						@media only screen and (min-width: 992px) and (max-width: 1199px) {
							.topbar_h
							  {
							  	width: 90% !important;
							    height: 55px !important;
							    margin-top: -6px;
								
							}

						}
					  .home_close
					  {
					  	color: #F4F4F4;
					  	width: 52px;
						height: 26.91px;
						padding: 1.68px 1.68px 1.68px 1.69px !important;
						gap: 0px;
						opacity: 0px;
						margin: unset !important;
						font-size: 35px;


					  }
					  .home_close:hover
					  {
					  	color: #F4F4F4 !important;
					  }
					  .modal-header-home
					  {
					  	border: unset;
					  }
					  .modal-content_h img
					  {
					  		width: 25%;
					  }
					  .pop_content
					  {
					  	font-family: Gilroy-bold;
						font-size: 30px;
						font-weight: 600;
						line-height: 63.1px;
						text-align: center;
/*						background: radial-gradient(57.1% 57.1% at 50% 50%, #8CDDF9 0%, #000000 100%);*/
						color: #FFFFFF;
						margin-top: -10px;

					  }
					  .pop_content_p
					  {
					  	font-family: Gilroy-SemiBold;
						font-size: 16px;
						font-weight: 400;
						line-height: 25px;
						text-align: center;
						color: #FFFFFF;
						margin-top: -10px;

					  }
					  .home_popup_but
					  {
					  	font-family: Gilroy-Bold;
						font-size: 16px;
						font-weight: 400;
						line-height: 25px;
						text-align: center;
						color: #fff !important;
						padding: 10px 16px 10px 16px;
						gap: 0px;
						border-radius: 95px;
						opacity: 0px;
						background: #2898FF;
						box-shadow: 0px 4px 6px 0px #00000040;
						margin: 0 auto;
						cursor: pointer;

					  }
					  .imgdiv
					  {
					  	margin:0 auto;
					  	text-align: center;
					  }
					  .imgdiv img
					  {
					  		width: 45% !important;
  							margin-left: 80px;
					  }
					  .butdiv
					  {
					  	margin:0 auto;
					  	text-align: center;
					  	margin-top: 15px;
					  }

					  .pop_content span
					  {
					  	color: #2b2de5;
					  }


					  
					  /* Modal Content (image) */
					  .modal-content {
						margin: auto;
						display: block;
						width:auto;
						margin-top:5%;
						opacity: 1 !important;
						max-width: 1200px;
					  }
					  .mt-50{
						margin-top:50px;
					}
					  #modalform .modal-content
					  {
						width:80%;
					}
					  /* Caption of Modal Image */
					  .modal-caption {
						margin: auto;
						display: block;
						width: 80%;
						max-width: 1200px;
						text-align: center;
						color: white;
						font-weight: 700;
						font-size: 1em;
						margin-top: 32px;
					  }
					  
					  /* Add Animation */
					  .modal-content, .modal-caption {  
						-webkit-animation-name: zoom;
						-webkit-animation-duration: 0.6s;
						animation-name: zoom;
						animation-duration: 0.6s;
					  }
					  
					  @-webkit-keyframes zoom {
						from {-webkit-atransform:scale(0)} 
						to {-webkit-transform:scale(1)}
					  }
					  
					  @keyframes zoom {
						from {transform:scale(0)} 
						to {transform:scale(1)}
					  }
					  
					  /* The Close Button */
					  .modal-close {
						position: absolute;
						top: 15px;
						right: 35px;
						color: #f1f1f1;
						font-size: 40px;
						font-weight: bold;
						transition: 0.3s;
					  }
					  
					  .modal-close:hover,
					  .modal-close:focus {
						color: #bbb;
						text-decoration: none;
						cursor: pointer;
					  }
					  #homemodalform .modal-dialog {
						max-width: 525px;
						margin: 1.75rem auto;
					}
					  .welcome-text {
						color: #0094D9;
						font-size: 26px;
						font-family: Gilroy-Bold;
						display: flex;
						align-items: flex-end;
						margin-bottom: 20px;
					}
					.touch-text{
						color: #3A3A3A;
						font-family: 'Gilroy-Bold';
						font-size: 18px;
						margin-bottom: 0;
					}
					#enq_form2 .form-control {
						display: block;
						width: 100%;
						height: calc(2rem + 5px);
						padding: .375rem 0.25rem;
						font-size: 1rem;
						line-height: 1.5;
						color: #495057;
						background-color: #fff;
						background-clip: padding-box;
						border-bottom: 1px solid #A7CD37;
						border-radius: 0;
						transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
						border-top: unset;
						border-right: unset;
						border-left: unset;
						margin-bottom: 12px;
					}
					#enq_form2  .form-control:focus {
						box-shadow: unset;
					}
					#enq_form2  .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
						right: auto;
						left: 6px;
						top: -10px;
					}
					#homemodalform .modal-body {
						position: relative;
						-ms-flex: 1 1 auto;
						flex: 1 1 auto;
						padding: 2.5rem 2rem 3rem 3rem;
					}
					#homemodalform .modal-content {
						border-radius: 25px;
					}
					#homemodalform .form_sec {
						padding-top: 0px;
					}
					#homemodalform .close {
						opacity: 1;
						margin-top: -25px;
					}
					.submit_btn1 {
						font-weight: 300;
						letter-spacing: 1px;
						display: inline-block;
						padding: 10px 28px 11px 28px;
						cursor: pointer;
						border: none;
						color: #fff;
						width: 150px;
						font-size: 15px;
						border-radius: unset;
						background: #A7CD37;
						margin-top: 2.5rem;
					}
					/*End style*/




					  .car-ser{
						padding: 60px 40px;
    background: url(../img/hero/find-job.png);
    background-repeat: no-repeat;
    background-size: cover;
	margin-bottom:50px;
					  }
					  .card-header {
						display: flex;
						justify-content: space-between;
						flex-direction: row;
					}
					  .card{border:none;}
					  .career-sec  .section-tittle h2 {
						font-size: 38px;
						z-index: 2;
						position: relative;
						font-family: Gilroy-Bold;
						font-weight: 700;
						background: -webkit-linear-gradient(271deg, #A8C622 0%, #A3C422 18%, #97C025 35%, #83BA2A 53%, #67B130 71%, #58AC34 79%);
						-webkit-background-clip: text;
						-webkit-text-fill-color: transparent;
					}
					.join-team {padding:60px 0;}
					.join-team  .section-tittle h2 {
						font-size: 38px;
						z-index: 2;
						position: relative;
						
						font-weight: 700;
						background: -webkit-linear-gradient(271deg, #A8C622 0%, #A3C422 18%, #97C025 35%, #83BA2A 53%, #67B130 71%, #58AC34 79%);
						-webkit-background-clip: text;
						-webkit-text-fill-color: transparent;
					}
					.right-co{float: right;}
					.bor-btn{background: #fff;
						-moz-user-select: none;
						color: #363636;
						cursor: pointer;
						display: inline-block;
						font-size: 14px;
						font-weight: 500;
						border-radius: 0;
						letter-spacing: 1px;
						line-height: 0;
						margin-bottom: 0;
						padding: 20px 20px;
											
						margin: 10px;
						cursor: pointer;
						transition: color 0.4s linear;
						position: relative;
						z-index: 1;
						border: 1px solid #008DCE;
						overflow: hidden;
						margin: 0;}
						.card-body{
							background-color: #F9F9F9;
							margin-top: 25px;padding:25px 40px;}
							.card-body h3{font-size:23px;color:#2A2A2A;margin-bottom:25px;}
							.card-body h4{font-size:18px;color:#2A2A2A;font-weight: bold;margin-bottom:15px;}
							.card-body ul{margin-top:25px;border-bottom:1px solid #d6d6d6;margin-bottom:25px;}
							.card-body ul li{  position: relative;
								display: block;padding-left:45px !important;font-size: 14px;padding-bottom:25px !important;}
							.card-body ul li::before {
								width: 46px;
								height:46px;
								content: " ";
								position:absolute;
								top:0px;
								left:0px;background-repeat: no-repeat;
								background-image: url("../img/icon/li-bef.png");
							}
							.card-body h2 span{color:#A2CD38;}
							.card-body h2{font-size:24px;}
							.card-body a{font-size:20px;color:#A2CD38;text-align:center;}

							#modalform .modal-dialog button.close img {
								width: 25px;
							}
							#modalform .modal-dialog button.close {
								position: absolute !important;
								top: 1px;
								right: 3px !important;
							}
							#modalform form :is(input,select) {
								width: 100%;
								margin: 12px 0px;
								padding: 6px 12px;
								border-radius: 5px;
								border: 1px solid #c5c5c5;
							}
							.submit_btn {
								font-weight: 300;
								
								letter-spacing: 1px;
								display: inline-block;
								padding: 10px 28px 11px 28px;
								
								cursor: pointer;
								border: none;
								color: #fff;
								width: 150px;
    font-size: 15px;
    margin: auto;
    margin-top: 30px;
    border-radius: 50px;
								background: #00b170;
							}
							.file-upload-wrapper {
								position: relative;
								width: 100%;
								height: 60px;margin-top:15px;
						   }
							.file-upload-wrapper:after {
								content: attr(data-text);
								font-size: 14px;
								position: absolute;
								top: 0;
								left: 0;
								background: #fff;
								padding: 7px 15px;
								display: block;
								width: 100%;
								pointer-events: none;
								z-index: 20;
								color: #999;
								border: 1px solid #c5c5c5;
								border-radius: 5px 10px 10px 5px;
								font-weight: 300;
						   }
							.file-upload-wrapper:before {
								content: 'Uploaf CV';
								position: absolute;
								top: 0;
								right: 0;
								display: inline-block;
								/* height: 39px; */
								background: #d1cfcf;
								color: #2a2a2a;
								font-weight: 700;
								z-index: 25;
								font-size: 14px;
								line-height: 36px;
								padding: 0 15px;
								
								pointer-events: none;
								border-radius: 0 5px 5px 0;
						   }
							.file-upload-wrapper:hover:before {
								background: #3d8c63;
						   }
							.file-upload-wrapper input {
								opacity: 0;
								position: absolute;
								top: 0;
								right: 0;
								bottom: 0;
								left: 0;
								z-index: 99;
								height: 40px;
								margin: 0;
								padding: 0;
								display: block;
								cursor: pointer;
								width: 100%;
								background-color: rgba(0,0,0,0);
    border: 1px solid grey;
    color: #000;
    margin: 15px 0!important;
    height: 50px;
						   }
						   .img-tet{
							width: 220px;
    height: 220px;
						   }
  .services-sec {
	padding:56px;
	background-repeat: no-repeat;
    background-position: top right;
background-size: cover;
  }
  .pagination {margin-bottom:30px;
  }
  .blog-info-link{display: flex;
justify-content: space-between;
flex-wrap: wrap;}


  .testi-card h2 {font-size:18px;font-family: Gilroy-Bold;}
  .testi-card h4 {font-size:16px;font-family: Gilroy;color:#7B7B7B;text-transform: none;margin-bottom:0;}
  .testi-card p {font-size:15px;margin-top:10px;}
  .advisor-title h2{font-size: 35px;margin-bottom:50px;}
  .advisor-title h2 span:after{  content: "";
    display: inline-table;margin-top:0px;
    width: 4px;vertical-align: bottom;
    background-color: #A2CD38;
    height:50px;}
	.advisor-caption1{text-align: center;margin:auto;width:80%;}
	.advisor-caption1 img{margin:auto;display: block;margin-bottom:25px;}

	.advisor-caption1 h4{text-align:center;font-size:18px;font-family: Gilroy-Bold;}
	.advisor-caption1 p{text-align:center;font-size:16px;}
	.advisor-area {
		padding: 80px 0;
		background: url(../img/team/back-img.png);
		background-position: center center;
		background-size: cover;
		position: relative;
	}
	.advisor-caption1 h5{text-align:center;font-size:16px;color:#0094D9;}
	.footer-social a .fb{
		width: 130px;
        height: 56px;
        background: url("../img/icon/facebook.png") no-repeat;
        margin: 0px 10px;
	}
	.footer-social a .fb:hover{
		
        background: url("../img/icon/facebook1.png") no-repeat;
        
	}
	.footer-social a .insta{
		width: 130px;
        height: 56px;
        background: url("../img/icon/insta.png") no-repeat;
        margin: 0px 10px;
	}
	.footer-social a .insta:hover{		
        background: url("../img/icon/insta2.png") no-repeat;       
	}
	.footer-social a .lik{
		width: 130px;
        height: 56px;
        background: url("../img/icon/linkedin.png") no-repeat;
        margin: 0px 10px;
	}
	.footer-social a .lik:hover{	
        background: url("../img/icon/linked2.png") no-repeat;
        
	}
	.footer-social a .twit{
		width: 130px;
        height: 56px;
        background: url("../img/icon/twitter.png") no-repeat;
        margin: 0px 10px;
	}
	.footer-social a .twit:hover{
		
        background: url("../img/icon/twitter1.png") no-repeat;
        
	}
	.case-sec {

         padding: 60px 0; 

        display: flex;

        flex-direction: row;

    }

    .case-card {

		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		height: 640px;
		padding:100px 200px;
		display: flex;
		flex-direction: column;
		/* text-align: center; */
		justify-content: center;
		left: 50%;
		

       

    }

    .case-card h4{

        color: #A2CD38;

        font-family: Gilroy-Semibold;

        font-size: 24px;

        padding-bottom: 30px;

    }

    .case-card h2{

        color: #363636;

        font-family: Gilroy-bold;

        font-size: 40px;

        line-height: 48px;

        width: 65%;

    }

    .case-card span{

        color: #A2CD38;

        font-family: Gilroy-bold;

        font-size: 40px;

        line-height: 48px;

    }
	.case_img img {
		position: absolute;
		float: right;
		right: -20%;
		top: 5%;
		width: auto;
		height: 100%;
		z-index: 2;
	}

   .case-card{align-self: center;}

.ebook_txt h2{

    color: #363636;

        font-family: Gilroy-bold;

        font-size: 22px;

        line-height: 33px;

        width: 65%;

}

.ebook_txt span{

    color: #A2CD38;

        font-family: Gilroy-bold;

        font-size: 22px;

        line-height: 33px;

}

.ebook_txt a{

color: #A2CD38;

font-family: Gilroy-bold;

        font-size: 15px;

}

.ebook-sec{

    padding-top: 50px;
    padding-bottom:50px;

}

.ebook_img{

    z-index:2;

    position: relative;

}

.dot_img1{

    position: absolute;

    top: -2%;

    right: 11%;

   

}

.dot_img{

    position: absolute;

    top: 33%;

    right: 11%;

   

}
.case_img1 img {

    position: absolute;

    float: right;

    right: -30%;

    top: 10%;

    width: 100%;

    z-index: 2;

}

.case-card1 {
	background: url(../img/casestudy/path1.png);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    height: 640px;

    padding: 110px;

    z-index: 1;

}
.case-card1 {

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    height: 640px;

    padding: 110px;

    z-index: 1;

}
.case_txt1 h2{

    color: #363636;

    font-family: Gilroy-bold;

    font-size: 25px;

    line-height: 37px;

   

}

.case_txt1 span{

    color: #A2CD38;

    font-family: Gilroy-bold;

    font-size: 25px;

    line-height: 37px;

}

.green_dot {

    position: absolute;

    top: 57%;

    right: -18%;

    z-index: 1;

}

.case_txt1 a{

    color: #A2CD38;

    font-family: Gilroy-bold;

            font-size: 15px;

    }

    /* case study end */



    .mySlides {

        display: none;

      }

	  .prev,

      .next {

        cursor: pointer;

        position: absolute;

        top: 40%;

        width: auto;

        padding: 16px;

        margin-top: -50px;

        color: white;

        font-weight: bold;

        font-size: 20px;

        border-radius: 0 3px 3px 0;

        user-select: none;

        -webkit-user-select: none;

      }


.next {

        right: 0;

        border-radius: 3px 0 0 3px;

      }


 .prev:hover,

      .next:hover {

        background-color: rgba(0, 0, 0, 0.8);

      }


.numbertext {

        color: #f2f2f2;

        font-size: 12px;

        padding: 8px 12px;

        position: absolute;

        top: 0;

      }


.row:after {

        content: "";

        display: table;

        clear: both;

      }
	  .smallslide {

        float: left;

        width: 16.66%;

      }

      /* Add a transparency effect for thumnbail images */

      .demo {

        opacity: 0.6;

      }

     

      .active,

      .demo:hover {

        opacity: 1;

      }

.numbertext img{

    width: 50%;

}

 

#modalgallery .modal-dialog button.close img {



width:25px;

}
.search_widget .input-group{
	position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    -ms-flex-align: stretch;
  

    margin: auto;
}

#uploadfile{
    border: 1px solid #c5c5c5;;
    border-radius: 5px;
    background: #F3F4F5;
	height: 52px;
    cursor: pointer;
}
#uploadfile{
	display: flex;
    justify-content: space-between;
    box-sizing: border-box;
}
#uploadfile p {
    text-align: center;
    /* margin: 2em 0; */
    padding: 11px 5px 0px 5px;
    font-size: 17px;
    font-weight: normal;
}
#fileInput{
    display: none;
}
._2acF7 ._2kMN1 {
    width: 30%;
    height: 50px;
    border: 1px solid rgba(0,0,0,0);
    background: #000;
    color: #fff;
}

/* Read more */
.readmore__content {
	/* max-width: 45rem; */
	width: 100%;
	display: flex;
  }
  
  button.readmore__toggle {
    display: block;
    /* margin-top: 1rem; */
    border: none;
    color: #000000;
    font-weight: 600;
    /* padding: 0.8rem; */
    cursor: pointer;
    border-radius: 2rem;
    /* margin-left: auto;
    margin-right: auto; */
	background: unset;
}

  /* Read more arrows */
  .icon-scroll,
.icon-scroll:before {
  position: absolute;
  left: 50%;
}
.icon-scroll {
    width: 35px;
    height: 70px;
    margin-left: -20px;
    top: auto;
    /* margin-top: -35px; */
    background-color: #2c91d6 !important;
    box-shadow: inset 0 0 0 2px #2c91d6;
    border-radius: 25px;
}
.icon-scroll:before {
    content: '';
    width: 10px;
    height: 10px;
    background: #fff;
    margin-left: -5px;
    top: 8px;
    border-radius: 8px;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: scroll;
    animation-name: scroll;
}
@-webkit-keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(46px);
  }
}
@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(46px);
  }
}


@media(max-width:1300px){
	.testimonial .row .tabs li:nth-child(2) figure .new-child{
		margin-right: auto;
    max-width: 113px;
    width: 100%;
    margin-top: -47px;
    margin-left: 156px;
	}
}


.noselect * {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
  }

  .all {
	position: relative;
  }
  
  .case_study {margin-bottom:50px;}
  
  .page-block {
	width: 100%;
	
	display: block;
	
	box-sizing: border-box;
	margin-bottom:50px;
	float: left;
  }
  
 
  
  .page-content {
	min-height: 100px;
  }
  
  .swiper-container.videoswiper {
	padding: 10px;
	margin-left: -10px;
	margin-right: -10px;
	box-sizing: border-box;
  }
  .videoswiper .swiper-wrapper{margin-top:75px;}
  .videoswiper h1 {
	margin-bottom: 20px;
	font-weight:400;
  }
  .videoswiper h1 a {
	margin-left:8px;
	color:#7f8083;
	font-size:13px;
	font-weight:400;
	text-decoration:none;
	cursor:pointer;
  }
  .videoswiper h1 a:hover {
	text-decoration:underline;
  }
  
  .videoswiper .swiper-slide {
	overflow:hidden;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	transition: 0.6s all;
  }
  .videoswiper .swiper-slide:hover {
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
	z-index: 2;
  }

  
  .videoswiper .swiper-card {

	cursor: pointer;
  }
  

  .videoswiper .card-img:hover:after {
	filter:drop-shadow(1px 1px 2px rgba(0,0,0,0.3));
  }
  .videoswiper .magnific-img img{
	
	cursor:pointer;
  }
  
 
  
  
  
  .videoswiper .pagination {
	position: absolute;
	bottom: 2px;
	text-align: center;
	z-index: 9;
  }
  
  .videoswiper .swiper-pagination-bullet {
	height: 6px;
	width: 6px;
  }
  
  .videoswiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #0071ba;
  }
  
  .videoswiper .swiper-button-prev,
  .videoswiper .swiper-button-next {
	height: 40px;
	width: 40px;
	top: 29px;
	background-color: white;
	background-size: 14px;
	border-radius: 50%;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	transition: 0.6s all;
	cursor: pointer;
  }
  
  .videoswiper .swiper-button-prev:hover,
  .videoswiper .swiper-button-next:hover {
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
  }
  .videoswiper .swiper-button-prev, .videoswiper .swiper-button-next {
    height: 40px;
    width: 40px;
    top: 29px;
    background-color: white;
    background-size: 14px;
    border-radius: 50%;
    box-shadow: 0 0 0 rgb(0 0 0 / 0%);
    transition: 0.6s all;
    cursor: pointer;
}
  

  .videoswiper .swiper-button-prev {
	top: 28px !important;
	right: 80px !important;left:auto;opacity:1;
	
  }
  
  .videoswiper .swiper-button-next {
	top: 28px !important;
    right: 6px !important;
	
  }
 

  /* Privacy policy */

  .privacy-area {
    padding: 40px 0px;
}
.privacy-area h4 {
    font-size: 14px;
    padding-top: 15px;
}
.privacy-area h5 {
    font-family: Gilroy-Semibold;
    color: #0b1c39;
    margin-top: 0px;
    font-style: normal;
    font-weight: 500;
    text-transform: normal;
	font-size: 16px;
}
.privacy-area h6 {
    color: #0b1c39;
    font-family: 'Gilroy';
    font-size: 15px;
    font-style: italic;
}
.privacy-area a{
    color: #0094d9!important;
    outline: medium none;
}
.privacy-area ul li {
    list-style: unset;
}
.privacy-area ul {
    margin: 0px;
    padding: 5px 15px;
}

/*Auto popup*/
/*AD Popup*/
.bts-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  z-index:999;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.bts-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.bts-popup-container {
  position: relative;
  width: 100%;
  max-width: 500px;
  margin: 4em auto;
  background: #ffffff;
  padding:25px;
  border-radius: none;
  text-align: center;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.bts-popup-container img {
  padding: 20px;
}
.bts-popup-container h3 {
 color:#333;
 font-size:18px;
  padding: 10px 40px;
}
.bts-popup-container .bts-popup-button {
  padding: 5px 25px;
  border: 2px solid black;
  display: inline-block;
  margin-bottom: 10px;
}

.bts-popup-container a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
}

.is-visible .bts-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and (min-width: 1170px) {
  .bts-popup-container {
    margin: 8em auto;
  }
}