@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
	font-family: 'Montserrat', sans-serif !important
}

.go-top {
	position: fixed;
	cursor: pointer;
	bottom: 15px;
	left: 35px;
	z-index: 4
}

.social ul li {
	margin-top: 0
}

.social button {
	width: 37px;
	height: 37px;
	margin-bottom: 0;
	border-radius: 50%;
	color: #848484;
	font-size: 15px;
	padding: 0;
	text-align: center;
	line-height: 18px;
	border: 0;
	margin-bottom: 13px;
	background: #fff;
	border: 0 solid #d3e8ff;
	box-shadow: 0 0 13px 1px #8aaacc59
}

.enquiry-now {
	position: fixed;
	cursor: pointer;
	bottom: 15px;
	right: 35px;
	z-index: 4
}

.social button:hover {
	background: #007aff;
	color: #fff
}

.social ul li {
	list-style: none
}

.services-list-menu-1 {
	list-style: none
}

.service-tab-menu ul {
	list-style: none
}

.service-tab-menu ul li span {
	position: relative;
	font-family: aktiv-grotesk-extended, Montserrat, sans-serif;
	font-weight: 700;
	color: #b5b5b5;
	cursor: pointer;
	letter-spacing: -.05em;
	transition: all .4s cubic-bezier(.25, .74, .22, .99);
	border: 0;
	background: 0;
	font-size: 50px;
	padding: 0
}

.service-tab-menu ul li .active {
	color: #000;
	width: 100%
}

.service-tab-menu ul li span:hover {
	color: #000;
	width: 100%
}

.service-tab-menu ul li .active::after {
	content: '';
	z-index: -1;
	position: absolute;
	display: block;
	bottom: 10px;
	height: 16px;
	width: 0;
	background-color: #c4e0ff;
	bottom: 20px;
	width: 100%;
	transition: all .4s cubic-bezier(.25, .74, .22, .99)
}

.service-tab-menu ul li span:hover::after {
	content: '';
	z-index: -1;
	position: absolute;
	display: block;
	bottom: 10px;
	height: 16px;
	width: 0;
	background-color: #c4e0ff;
	bottom: 20px;
	width: 100%;
	transition: all .4s cubic-bezier(.25, .74, .22, .99)
}

.service-tab-data .tab-content {
	padding-left: 35px
}

.service-tab-data .tab-content .tab-pane p {
	margin-bottom: 30px;
	line-height: 1.3;
	color: #b5b5b5;
	transition: all .4s cubic-bezier(.25, .74, .22, .99);
	font-size: 30px;
	font-weight: 500
}

.service-tab-data .tab-content .active p {
	color: #000
}

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

.service-tab-menu ul li {
	margin-bottom: 12px
}

.pt-0 {
	padding-top: 0
}

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

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

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

.work-page {
	padding-top: 0
}

.boder-0 {
	border: 0
}

@-webkit-keyframes imgFade {
	0% {
		opacity: 1
	}

	17% {
		opacity: 1
	}

	25% {
		opacity: 0
	}

	92% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-moz-keyframes imgFade {
	0% {
		opacity: 1
	}

	17% {
		opacity: 1
	}

	25% {
		opacity: 0
	}

	92% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-o-keyframes imgFade {
	0% {
		opacity: 1
	}

	17% {
		opacity: 1
	}

	25% {
		opacity: 0
	}

	92% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes imgFade {
	0% {
		opacity: 1
	}

	17% {
		opacity: 1
	}

	25% {
		opacity: 0
	}

	92% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

/* #container-img image {
	-webkit-animation-name: imgFade;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 4s;
	-moz-animation-name: imgFade;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 4s;
	-o-animation-name: imgFade;
	-o-animation-timing-function: ease-in-out;
	-o-animation-iteration-count: infinite;
	-o-animation-duration: 4s;
	animation-name: imgFade;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 4s
}

#container-img image:nth-of-type(1) {
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	-o-animation-delay: 3s;
	animation-delay: 3s
}

#container-img image:nth-of-type(2) {
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-o-animation-delay: 2s;
	animation-delay: 2s
}

#container-img image:nth-of-type(3) {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s
}

#container-img image:nth-of-type(4) {
	-webkit-animation-delay: 0;
	-moz-animation-delay: 0;
	-o-animation-delay: 0;
	animation-delay: 0
} */

.enquiry-now a {
	margin-bottom: 0;
	color: #848484;
	font-size: 15px;
	padding: 0;
	text-align: center;
	line-height: 18px;
	border: 0;
	margin-bottom: 13px;
	background: #fff;
	border: 0 solid #d3e8ff;
	box-shadow: 0 0 13px 1px #8aaacc59;
	display: inline-block;
	border-radius: 7px
}

.enquiry-now a img {
	width: 50px;
	height: 50px;
	padding: 10px
}

.phone {
	-webkit-animation: vibrate 2s cubic-bezier(.36, .07, .19, .97) infinite;
	animation: vibrate 2s cubic-bezier(.36, .07, .19, .97) infinite;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 300px;
	perspective: 300px
}

@keyframes vibrate {

	0%,
	2%,
	4%,
	6%,
	8%,
	10%,
	12%,
	14%,
	16%,
	18% {
		-webkit-transform: translate3d(-1px, 0, 0);
		transform: translate3d(-1px, 0, 0)
	}

	1%,
	3%,
	5%,
	7%,
	9%,
	11%,
	13%,
	15%,
	17%,
	19% {
		-webkit-transform: translate3d(1px, 0, 0);
		transform: translate3d(1px, 0, 0)
	}

	20%,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.intro__subtitle {
	max-width: initial;
	font-size: 24px;
	margin-bottom: 25px
}

.contact-form-heading {
	margin-bottom: 20px
}

.home-section-1 {
	padding-bottom: 0
}

.home-section-2 {
	padding-top: 120px
}

.home-section-3 {
	padding-top: 30px
}

.section-service-1 {
	padding-top: 40px
}

.contact-page-section {
	padding-top: 20px;
	padding-bottom: 50px
}

.contact-details-dection {
	padding-top: 0;
	padding-right: 15px
}

.intro-content {
	font-size: 26px;
    font-weight: 400;
    text-align: justify;
    margin-bottom: 15px;
}

.cutom-portfolio-2 {
	position: relative;
	width: 100%;
	flex: 0 0 50%;
	max-width: 50%
}

.cutom-contact-2 {
	position: relative;
	width: 100%;
	flex: 0 0 50%;
	max-width: 50%;
	padding-right: 10px;
	padding-left: 10px
}

.section-service-1-1 {
	padding-top: 0;
	padding-bottom: 40px
}

.section-project-info {
	padding-top: 10px;
	padding-bottom: 40px
}

.work-in-font {
	font-size: 25px;
	font-weight: 500
}

.work-in-font-h1 {
	font-size: 35px;
	margin-bottom: 25px
}

.datas-pages {
	padding-left: 30px
}

.react-multiple-carousel__arrow {
	border-radius: 50% !important;
	width: 50px;
	padding: 0;
	height: 50px;
	border: 0 solid #d3e8ff;
	box-shadow: 0 0 13px 1px #8aaacc59
}

.work-page-2 {
	padding-top: 0
}

.work-page-3 {
	background: #ededed;
	padding-top: 70px
}

.project-align {
	padding-right: 50px;
	padding-left: 50px
}

.project-align .product {
	padding: 20px
}

.work-page-2-2 {
	padding-top: 0;
	padding-bottom: 30px
}

.height-video {
	height: 700px
}

.height-video-2 {
	height: 350px
}

.work-page-2-3 {
	padding-top: 0;
	padding-bottom: 15px
}

.footer-links {
	list-style: none
}

.footer-links li {
	float: left
}

.footer-links li button {
	border: 0;
	padding: 0;
	background: #ddd0;
	color: #fff;
	margin-right: 20px;
	margin-top: 7px;
	margin-bottom: 10px
}

.footer-links-wight {
	margin-top: 10px
}

.footer-links-wight li button {
	color: #131313 !important
}

.team-col-3 {
	position: relative;
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}

.team-section {
	padding-top: 0;
	padding-bottom: 0
}

.our-team {
	text-align: center;
	padding: 55px;
	padding-bottom: 25px;
	padding-top: 0
}

.our-team h4 {
	margin-bottom: 3px;
	margin-top: 15px;
	font-size: 22px
}

.our-team p {
	margin-bottom: 0
}

.team-section .justify-content-center {
	margin-left: -60px;
	margin-right: -40px;
	padding-bottom: 40px;
	padding-top: 10px
}

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

.our-team img:hover {
	filter: grayscale(100%);
	transition: all 1s ease
}

.patner-section {
    text-align: center;
    padding: 30px 0px;
}

.panter-cont {
    border-top: 1px solid #ddd;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    padding-top: 35px;

}

.panter-logo {
    width: 400px;
}

/* Banner */

.hero__title {
    font-size: 50px;
    line-height: 54px;
}

.hero__subtitle {
    font-size: 30px;
    line-height: 45px;
	margin-top:15px;
}

.pdf-div{
    display: flex;
    justify-content: space-evenly;
    top: 35px;
    position: inherit;
}
.hero__container {
    padding-top: 70px;
}

/* Media Query */
@media only screen and (max-width:1445px) {
	.contact-details-dection {
		padding-top: 15px;
		padding-right: 15px
	}

	.contact-info {
		margin-bottom: 30px
	}

	.cutom-contact-2 {
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	.contact-page-section {
		padding-bottom: 0
	}

	.work-in-font {
		font-size: 24px;
		margin-bottom: 15px
	}

	.work-page {
		padding-bottom: 30px
	}

	.section-project-info {
		padding-bottom: 5px
	}

	.work-page-2 {
		padding-bottom: 80px
	}

	.project-align {
		padding-right: 30px;
		padding-left: 30px
	}

	.our-team p {
		font-size: 17px
	}
}

@media only screen and (max-width:1024px) {
	.hero__bottom-row {
		margin-bottom: 20px
	}

	.home-section-2 {
		padding-top: 40px
	}

	.project {
		padding-bottom: 20px
	}

	.service-tab-menu ul li span {
		font-size: 35px
	}

	.home-section-3 {
		padding-top: 0
	}

	.service-tab-data .tab-content {
		padding-left: 0
	}

	.service-tab-data .tab-content .tab-pane p {
		margin-bottom: 20px;
		font-size: 22px
	}

	.footer__cta {
		padding-top: 50px
	}

	.footer__widgets {
		padding-top: 10px;
		padding-bottom: 10px
	}

	.service-tab-menu ul li .active::after {
		bottom: 15px;
		height: 10px
	}

	.service-tab-menu ul li span:hover::after {
		bottom: 15px;
		height: 10px
	}

	.logo {
		width: 240px
	}

	.go-top {
		bottom: 0;
		left: 15px;
		z-index: 4
	}

	.enquiry-now {
		bottom: 0;
		right: 15px;
		z-index: 4
	}

	/* .hero__title {
		font-size: 60px
	} */
	.hero__container {
		padding-top: 60px;
	}

	.intro-content {
		font-size: 25px
	}

	.intro__subtitle {
		margin-bottom: 25px
	}

	.contact-page-main .page-title__title {
		margin-bottom: 10px
	}

	.contact-page-main .page-title__subtitle {
		margin-bottom: 25px
	}

	.contact-page-main .contact-info__title {
		margin-bottom: 15px
	}

	.contact-page-main .form-contact {
		padding-top: 20px;
		padding-bottom: 25px
	}

	.section-contact-info {
		padding-bottom: 50px
	}

	.section-service-1-1 {
		padding-top: 5px;
		padding-bottom: 25px
	}

	.datas-pages {
		padding-left: 8px
	}

	.project-align {
		padding-right: 15px;
		padding-left: 15px
	}

	.work-page-2 {
		padding-bottom: 40px
	}

	.work-page-3 {
		padding-top: 45px
	}

	.work-in-font-h1 {
		margin-top: 15px
	}

	.go-top {
		display: none
	}

	.our-team {
		padding: 25px
	}

	.team-section .justify-content-center {
		margin-left: -30px;
		margin-right: -30px
	}
}

@media only screen and (max-width:770px) {
	#container-img image {
		width: 460px
	}

	.hero__img {
		text-align: center
	}

	.hero__img-svg-container {
		width: 40%;
		padding-bottom: 45%
	}

	.hero__text-content-wrap {
		padding-bottom: 20px
	}

	.service-tab-menu ul li span {
		font-size: 30px
	}

	.service-tab-menu ul li .active::after {
		bottom: 14px;
		height: 5px
	}

	.service-tab-menu ul li span:hover::after {
		bottom: 14px;
		height: 5px
	}
	
	
	.service-tab-data .tab-content .tab-pane p {
		font-size: 20px
	}

	.widget-cta__link,
	.widget-cta__title {
		font-size: 30px
	}

	.widget {
		margin-bottom: 30px
	}

	.project:nth-child(odd) {
		padding-right: 10px;
		padding-bottom: 0
	}

	.project:nth-child(even) {
		padding-left: 10px;
		padding-bottom: 0
	}

	.hero__subtitle {
		font-size: 24px
	}

	.intro-content {
		font-size: 20px
	}

	.intro__subtitle {
		font-size: 20px;
		line-height: 30px
	}

	.widget-nav-menu li a {
		font-size: 16px
	}

	.widget-about-us__address,
	.widget-about-us__email,
	.widget-about-us__phone {
		font-size: 16px
	}

	.logo {
		width: 215px
	}

	.container,
	.container-fluid,
	.container-lg,
	.container-semi-fluid,
	.container-xl {
		padding: 0 15px
	}

	.height-video-2 {
		height: 250px
	}

	.team-col-3 {
		flex: 0 0 50%;
		max-width: 50%
	}
}

@media only screen and (max-width:540px) {
	.hero__title {
		font-size: 45px
	}

	#container-img image {
		width: 520px
	}

	.hero__img-svg-container {
		width: 47%;
		padding-bottom: 55%
	}

	.hero__subtitle {
		font-size: 20px
	}

	.intro__subtitle {
		font-size: 18px
	}

	.intro-content {
		font-size: 18px
	}

	.home-section-2 {
		padding-top: 10px
	}

	.service-tab-menu ul li span {
		font-size: 20px
	}

	.service-tab-menu ul li .active::after {
		bottom: 10px;
		height: 3px
	}

	.service-tab-menu ul li span:hover::after {
		bottom: 10px;
		height: 3px
	}

	.service-tab-menu ul li {
		margin-bottom: 5px
	}

	.service-tab-data .tab-content .tab-pane p {
		font-size: 18px;
		margin-bottom: 15px;
		margin-top: 15px
	}

	.widget-cta__link,
	.widget-cta__title {
		font-size: 25px
	}

	.footer__cta {
		padding-top: 45px
	}

	.enquiry-now a img {
		width: 40px;
		height: 40px;
		padding: 8px
	}

	.widget-about-us__address {
		margin-bottom: 10px
	}

	.widget {
		margin-bottom: 15px
	}

	.social button {
		width: 35px;
		height: 35px;
		font-size: 16px;
		margin-bottom: 8px
	}

	.height-video {
		height: 400px
	}

	.work-in-font-h1 {
		margin-top: 0;
		font-size: 23px;
		margin-bottom: 10px
	}

	.main-image .product {
		padding: 20px 30px;
		padding-top: 10px
	}

	.work-in-font {
		font-size: 20px
	}

	.project-info-item__title {
		font-size: 20px
	}

	.project-description__link {
		font-size: 20px
	}

	.height-video-2 {
		height: 220px
	}

	.our-team {
		padding: 0
	}

	.team-section .justify-content-center {
		margin-left: -15px;
		margin-right: -15px
	}

	.our-team h4 {
		margin-top: 5px;
		font-size: 19px;
		margin-bottom: 0
	}

	.our-team p {
		margin-bottom: 15px;
		font-size: 16px
	}
}

@media only screen and (max-width:450px) {
	.height-video {
		height: 350px
	}
}

@media only screen and (max-width:420px) {
	.our-team h4 {
		font-size: 16px
	}

	.our-team p {
		font-size: 15px
	}
}
button.pdf-btn {
    padding: 5px 25px;
    border-radius: 6px;
    margin-bottom: 10px;
    font-weight: 500;
}

i.fa.fa-file-pdf-o {
    margin-left: 10px;
}

button.pdf-btn:focus{
    background-color: #11d5ed;
    border-color: #11d5ed;
}

button.pdf-btn:hover{
    background-color: #11d5ed;
    border-color: #11d5ed;
}

.about-cont{
    text-align: justify;
    font-weight: 400;
}

.about-hint img {
    margin-right: 10px;
}

.about-hint h6 {
    margin-bottom: 20px;
    color: #494949;
    font-weight: 800;
}

#who-we-are {
    text-align: center;
    margin-top: 60px;
}
#who-we-are h1{
   margin-bottom: 40px;
}
#who-we-are h6{
   color: #4f4f4f;
   margin-top: 20px;
}

#who-we-are p{
	
		font-size: 20px;

}
#who-we-are img{
	width: 80px;

}