/*----------------------------------------*/
/*  2.4 Animations
/*----------------------------------------*/

/* pulse effect animation */

@-webkit-keyframes pulse {
	0% {
	  -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
	}
	70% {
		-webkit-box-shadow: 0 0 0 45px rgba(255,255,255, 0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
	}
}
@keyframes pulse {
0% {
	-moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
	box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
}
70% {
	-moz-box-shadow: 0 0 0 45px rgba(255,255,255, 0);
	box-shadow: 0 0 0 45px rgba(255,255,255, 0);
}
100% {
	-moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
	box-shadow: 0 0 0 0 rgba(255,255,255, 0);
	}
}

// img-border
@keyframes sliderShape{

	0%,100%{
  
	border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
  
	  transform: translate3d(0,0,0) rotateZ(0.01deg);
  
	}
  
	34%{
  
		border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
  
	  transform:  translate3d(0,5px,0) rotateZ(0.01deg);
  
	}
  
	50%{
  
	  transform: translate3d(0,0,0) rotateZ(0.01deg);
  
	}
  
	67%{
  
	  border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ;
  
	  transform: translate3d(0,-3px,0) rotateZ(0.01deg);
  
	}
  
  }

/* 04. ========= btn-arrow-animation ========== */
@keyframes tfLeftToRight {
	49% {
		transform: translateX(30%);
	}
	50% {
		opacity: 0;
		transform: translateX(-30%);
	}
	51% {
		opacity: 1;
	}
}


// tp up down animation
@keyframes tpupdown{
	0% { 
		transform: translateY(0);
	}
    100% { 
		transform: translateY(-20px);
	}
}

// tp circle animation
@keyframes circle-animation {
    0%{
     transform:rotate(-46deg);
    }
    100%{
         transform:rotate(314deg);
    }
}

@keyframes circle-animation3 {
    0%{
     transform:rotate(60deg);
    }
    100%{
         transform:rotate(420deg);
    }
}

@keyframes circle-animation2 {
	0%{
		transform:scale(-1, 1) rotate(198deg);
	}
	100%{
		transform: scale(-1, 1) rotate(-162deg);     
	}
}

@keyframes circle-animation8 {
	0%{
		transform:rotate(-50deg);
	}
	100%{
		transform: rotate(310deg);     
	}
}

@keyframes circle-animation88 {
	0%{
		transform: rotate(60deg);
	}
	100%{
		transform: rotate(420deg);     
	}
}

@keyframes circle-animation99 {
	0%{
		transform: rotate(60deg);
	}
	100%{
		transform: rotate(420deg);     
	}
}

@keyframes circle-6 {
	0%{
		transform:rotate(215deg);
	}
	100%{
		transform: rotate(575deg);     
	}
}






//header animation
@-moz-keyframes headerSlideDown {
	0% {
	 margin-top:-150px
	}
	100% {
	 margin-top:0
	}
   }
   @-ms-keyframes headerSlideDown {
	0% {
	 margin-top:-150px
	}
	100% {
	 margin-top:0
	}
   }
   @-webkit-keyframes headerSlideDown {
	0% {
	 margin-top:-150px
	}
	100% {
	 margin-top:0
	}
   }
   @keyframes headerSlideDown {
	0% {
	 margin-top:-150px
	}
	100% {
	 margin-top:0
	}
   }
   @-moz-keyframes headerSlideUp {
	0% {
	 margin-top:0
	}
	100% {
	 margin-top:-150px
	}
   }
   @-ms-keyframes headerSlideUp {
	0% {
	 margin-top:0
	}
	100% {
	 margin-top:-150px
	}
   }
   @-webkit-keyframes headerSlideUp {
	0% {
	 margin-top:0
	}
	100% {
	 margin-top:-150px
	}
   }
   @keyframes headerSlideUp {
	0% {
	 margin-top:0
	}
	100% {
	 margin-top:-150px
	}
   }

	// tp up down animtaion
	@keyframes section_stroke {
		0% {
			stroke-dashoffset: 560;
		}
		50% {
			stroke-dashoffset: 0;
		}
		100% {
			stroke-dashoffset: -560;
		}
	}

	// tp rotate animation
	@keyframes tprotate{
		0%{
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		}
		100%{
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
		}
	}

	// about text animation
	@keyframes about-text{
		0% {
			width: 0;
		}
		100% {
			width: 100%;
		}
	}


	// animation  icon-bounce
	@keyframes icon-bounce {
		0%,
		100%,
		20%,
		50%,
		80% {
		transform:translateY(0);
		}
		40% {
		transform:translateY(-10px);
		}
		60% {
		transform:translateY(-5px);
		}
	}


	// video effect
	@keyframes tp-hotspot-2{
		0% {
			-webkit-transform: scale(0.1);
			-moz-transform: scale(0.1);
			-ms-transform: scale(0.1);
			-o-transform: scale(0.1);
			transform: scale(0.1);
			opacity: 0;
		}
		70% {
			opacity: 1;
		}
		100% {
			-webkit-transform: scale(1.3);
			-moz-transform: scale(1.3);
			-ms-transform: scale(1.3);
			-o-transform: scale(1.3);
			transform: scale(1.3);
			opacity: 0;
		}
	}

	@keyframes tp-hotspot-3{
		0% {
			transform: translate(0px, 0px);
		}
		20% {
			transform: translate(20px, -5px);
		}
		40% {
			transform: translate(40px, 20px);
		}
		60% {
			transform: translate(20px, 40px);
		}
		80% {
			transform: translate(-20px, 30px);
		}
		100% {
			transform: translate(0px, 0px);
		}
	}


	@keyframes moving {
		0% {
			transform: translatey(0px);
		}
		25% {
			transform: translatex(20px);
		}
		50% {
		  transform: translatey(-20px);
		}
		75% {
		  transform: translatex(-20px);
		}
	  
		100% {
			transform: translatey(0px);
		}
	  }

	@keyframes movingleft {
		0% {
			transform: translatey(0px);
		}
		25% {
			transform: translatey(50px);
		}
		50% {
		  transform: translatex(-50px);
		}
		75% {
		  transform: translatey(-20px);
		}
	  
		100% {
			transform: translatex(0px);
		}
	  }

	@keyframes movingright {
		0% {
			transform: translatey(0px);
		}
		25% {
			transform: translatey(30px);
		}
		50% {
		  transform: translatex(-30px);
		}
		75% {
		  transform: translatey(-40px);
		}
	  
		100% {
			transform: translatex(0px);
		}
	  }

	  @keyframes jumpTwo {
		0% {
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0)
		}
	
		40% {
			-webkit-transform: translate3d(0, 20px, 0);
			transform: translate3d(0, 20px, 0)
		}
	
		100% {
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0)
		}
	}


	@keyframes shine {
		100% {
		 left:125%
		}
	   }

	   @keyframes tptranslateX2{
		0% {
		-webkit-transform: translateX(-30px);
		-moz-transform: translateX(-30px);
		-ms-transform: translateX(-30px);
		-o-transform: translateX(-30px);
		transform: translateX(-30px);
	  }
	  100% {
		-webkit-transform: translatXY(20px);
		-moz-transform: translateX(20px);
		-ms-transform: translateX(20px);
		-o-transform: translateX(20px);
		transform: translateX(20px);
	  }
	}


	@keyframes section-highlight-4 {
		100% {
		width: 100%;
	  }
	}


	@keyframes scale_up_down {
		0% {
		  -webkit-transform: scale(0.9);
		  transform: scale(0.9);
		}
		100% {
		  -webkit-transform: scale(1);
		  transform: scale(1);
		}
	  }

	  @keyframes animationglob {
		0% {
		  -webkit-transform: rotate(0deg);
		  transform: rotate(0deg);
		}
		100% {
		  -webkit-transform: rotate(360deg);
		  transform: rotate(360deg);
		}
	  }


	  // tp up down animtaion
		@keyframes tpleftright{
			0% { 
				transform:translateX(0);
			}
			100% {
				transform:translateX(-20px);
			}
		}


		// tp swing animtaion
		@keyframes tpswing{
			0% { 
				transform:rotate(6deg);
			}
			100% { 
				transform:rotate(-6deg);
			}
		}
   
   
h1, h2, h3{
	color:#212529;
}
section.getintouch {
    background: linear-gradient(94deg, rgb(0 197 192), rgb(5 64 63) 100%);
}

.postid-864 section.about-service-sect, .postid-894 section.about-service-sect {
    padding-top: 80px;
}
.postid-864 section.imageContentSection{
    padding-top: 60px;
}
.page-id-10 .works-ds {
    display: none;
}
.form-group select {
    width: 100%;
    width: 100%;
    padding: 10px;
    bordeR: 0;
    border-bottom: 1px solid #00aebb;
    border-radius: 5px;
    box-shadow: 1px 1px 4px 1px #0000002e;
}
.form-group input[type=checkbox] {
    border: none;
    box-shadow: none;
    width: 15px;
    height: 15px;
    position: relative;
    top: 3px;
}
.blog-mp .item .info {
    display: none !important;
}
.homebanner h1 {
    color: #ffffff;
    text-shadow: 1px 2px #00000045;
}
.ptb-80 {
    padding: 80px 0;
}
.mb-40 {
    margin-bottom: 40px !important;
}
.pt-80{
	padding-top:80px;
}
.pb-80{
	padding-bottom:80px;
}
.works-mp{
	position:relative;
}
h1, h2, h3, h4, h5{
	font-family: "Poppins", serif;
}
p, li, span, a{
	font-family: "Poppins", serif;
}

.nav-masan{
	 -moz-column-count:3;
    -moz-column-gap: 3%;
    -moz-column-width: 30%;
    -webkit-column-count:3;
    -webkit-column-gap: 3%;
    -webkit-column-width: 30%;
    column-count: 3;
    column-gap: 3%;
    column-width: 30%;
}
.works-mp .item {
   /* padding-top: 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);*/
    margin-bottom: 30px;
	break-inside: avoid;
}
.align-items-center {
    align-items: center !important;
}
.d-flex {
    display: flex !important;
}
.works-mp .item .img {
    border-radius: 10px;
    overflow: hidden;
    margin-top: 50px;
}
.works-mp .nav-masan .item .img {
    border-radius: 7px;
    overflow: hidden;
    margin-top: 0;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.swiper-slide .item {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    border-radius: 15px;
}
.works-mp .item .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.works-mp .item .cont h5 {
    font-size: 1.125rem;
    line-height: 1.3;
    font-weight: 400;
    font-family: 'Poppins';
}
.works-mp .item .cont span {
        font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    display: flex;
    align-items: baseline;
    flex-wrap: nowrap;
    line-height: 1.4;
    text-transform: uppercase;
    font-size: .625rem;
}

.ml-auto {
    margin-left: auto;
}
.works-mp .item .cont a {
    padding: 5px 25px;
    border-radius: 30px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.works-mp .item:hover .cont a {
    background: #4fc2bd;
    border-color: #4fc2bd;
    color: #ffffff;
}
.abouthomecontent p {
    font-weight: 500;
    font-size: 19px;
}
.p-relative {
    position: relative;
	z-index:1;
}
h3.text-upper {
    font-size: 41px;
    line-height: normal;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: -2px;
    padding-bottom: 2rem;
}
.box-right {
    padding:60px 25px;
    position: relative;
    background-color: #000000;
	color:#ffffff;
	border-radius: 15px;
}
.calltoactionsection a.custom-btn {
    background: #ffffff;
    color: #000;
}
.calltoactionsection {
    padding: 80px;
    position: relative;
}
.box-right .box-img .item {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.contact-bottom .box-right .box-img .item img {
    border-radius: 50%;
}
.cover-bg-img:not([height]) {
    height: 100%;
}
.cover-bg-img {
    width: 100%;
    object-fit: cover;
	    border-radius: 50%;
    object-position: center;
}
.box-right .text-sm {
    margin-left: 20px;
}
.box-right .text-sm p span {
    background-color: #4fc2bd;
    font-size: 12px;
    padding: 2px 10px;
    border-radius: 5px;
    margin-left: 5px;
}
.sm-title-block {
    color: #a6a6a6;
    text-decoration: none;
    font-weight: bold;
    padding-top: 10px;
    display: block;
}
h4.title-block.text-upper.mt-50 {
    letter-spacing: 2px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 15px 0 0 0;
}
.custom-btn {
    position: relative;
    text-align: center;
    color: #fff;
    display: inline-block;
    background: #4fc2bd;
    text-decoration: none !important;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    text-align: center;
    padding: 1rem 40px;
    line-height: 1;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
}

/*Blog CSS */

.blog-mp .item .info .author-img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.fit-img {
    overflow: hidden;
}
.fit-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
}
.blog-mp .item .info .author-info, .blog-mp .item .info .date {
    font-size: 13px;
    text-transform: uppercase;
}
.ml-10 {
    margin-left: 10px !important;
}
.blog-mp .item .info .author-info .sub-color {
    text-transform: capitalize !important;
}
.blog-mp .item .info .author-info span, .blog-mp .item .info .date span {
    display: block;
    line-height: 22px;
}
.sub-color {
    color: #808080;
}
.blog-mp .item .info .author-info, .blog-mp .item .info .date {
    font-size: 13px;
    text-transform: uppercase;
}
.blog-mp .item .img {
    border-radius: 7px;
    height: 255px;
    overflow: hidden;
}
.mt-30 {
    margin-top: 30px !important;
}
.mt-30 {
    margin-top: 30px !important;
}
.blog-mp .bord:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.butn.butn-bord {
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 12px 35px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
	border-radius:50px;
	text-decoration:none;
    transition: all .4s;
	color:#262626;
}
.butn.butn-bord:hover {
    background: #4fc2bd;
    color: #fff;
	transition: all .4s;
}
.cont.mt-30 h6 a {
    font-size: 1.125rem;
    line-height: normal;
    text-decoration: none;
    color: #262626;
}
.footer__bottom {
    padding-top: 4.0625rem;
    padding-bottom: 2.8125rem;
    border-top: 2px solid #000;
}
.ptf-footer__bottom .logo {
    width: 100px;
}

.ptf-animated-block ul {
    list-style: none;
    padding: 0;
}
.ptf-animated-block ul li a {
    text-decoration: none;
    list-style: none;
	color:#777777;
}
.ptf-animated-block ul li{
    line-height:35px;
}
p.fz-24{
	color:#777;
}
a.fz-40.has-black-color {
    color: #000;
    font-size: 25px;
    font-weight: 600;
}
p.ptf-footer-copyright.has-black-color {
    color: #777;
    font-size: 12px;
    text-align: center;
	margin: 0;
}

/* SLIDER CSS */
.works-ds .work-box {
    -webkit-clip-path: inset(-100vw -100vw -100vw 0);
    clip-path: inset(-100vw -100vw -100vw 0);
}

.works-ds .swiper-wrapper {
    padding-bottom: 60px;
}
.works-ds .swiper-slide {
    width: 75%;
	transform .3s cubic-bezier(.09,.72,.76,1.01) .5s
}
.works-ds .swiper-slide
.works-ds .item .img {
    border-radius: 15px;
    overflow: hidden;
}
.works-ds .item .cont {
    position: absolute;
    bottom: 0;
    padding: 1rem;
    color: #fff;
	z-index:1;
}
.works-ds .item .cont h4 a {
    color: #ffffff;
    text-decoration: none;
    font-size: 1.125rem;
    line-height: 1.3;
    font-weight: 400;
}
.works-ds .item .cont span {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: .5px;
    font-weight: 300;
}
.works-ds .item .img img {
    width: 100%;
    height: 82vh;
    object-fit: cover;
}
.works-ds {
    overflow: hidden;
	background:#ffffff;
	position: relative;
}
.works-ds .swiper-container {
    overflow: visible;
}

.works-ds .item .img, .works-ds .item .img img {
    border-radius: 7px !important;
}

span.icon.ml-20 {
    margin-left: 20px;
}


/*Insight Slider CSS By Naveen Mandwariya*/

.works-ma {
    position: relative;
    overflow: hidden !important;
	background:#ffffff;
}
.works-ma .gallery-img .swiper-container {
    overflow: visible;
}
.works-ma .gallery-img .bg-img {
    /*height: 82vh;
    overflow: hidden;
    position: relative;
    border-radius: 7px;
    background-position: center;*/
    height: 60vh;
    overflow: hidden;
    position: relative;
    border-radius: 7px;
    background-position: top center !important;
    background-size: cover !important;
}

.bg-img {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}
.works-ma .gallery-img .bg-img a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.works-ma .gallery-text {
    text-align: center;
    margin: 20px auto 0;
    z-index: 9;
}
.works-ma .gallery-text .swiper-container, .works-ma .gallery-text .swiper-slide {
    height: 100px !important;
	transform .3s cubic-bezier(.09,.72,.76,1.01) .5s
}
.works-ma .swiper-controls .swiper-button-next i {
    margin-left: 25px;
}
.works-ma .gallery-text .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.works-ma .gallery-text .text {
    width: 100%;
    text-align: center;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
	display:none;
}
section.works-ma .swiper-pagination {
    display: none;
}

.works-ma .gallery-text .text h4 {
    font-size: 1.125rem;
    width: 35%;
    margin: 0 auto .5rem;
    line-height: 25px;
}
.works-ma .gallery-text .text p{
    color:gray;
}
.works-ma .gallery-text .text h4 a{color:#ffffff; text-decoration:none;}
.works-ma .gallery-text .text h6 {
    margin-top: 15px;
    overflow: hidden;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 2px;
}
.works-ma .gallery-text .text h6 span {
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}
.works-ma .swiper-controls {
    position: absolute;
    bottom: 140px;
    left: 0;
    width: 100%;
    z-index: 9;
    /*position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 9;
    top: 0;*/
}
.works-ma .swiper-controls .swiper-button-next {
    right: 120px;
}
.works-ma .swiper-controls .swiper-button-prev {
    left: 120px;
}
.works-ma .swiper-controls .swiper-button-prev span, .works-ma .swiper-controls .swiper-button-next span {
    white-space: nowrap;
}
.works-ma .swiper-controls .swiper-button-prev i {
    margin-right: 25px;
}
.works-ma .swiper-controls .swiper-button-next, .works-ma .swiper-controls .swiper-button-prev {
    color: #ffffff;
    font-weight: 600;
}
.works-ma .gallery-text .text p {
    margin: 0;
}
.aboutsmallheading h4 {
    font-size: 18px;
    font-weight: 800;
    color: #212529;
    text-transform: uppercase;
    letter-spacing: .3px;
}

/*INdustries Page */

.hero8 {
    display: flex;
    align-items: center;
    min-height: 580px;
    background-color: #F5F5FD;
    position: relative;
}
.hero8 .hero8-img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    top: 0;
    height: 100%;
    object-fit: cover;
}
section.industries-content {
    text-align: center;
}
section.industries-content h3 {
    font-size: 18px;
    letter-spacing: .5px;
    font-weight: 400;
	font-family:'poppins';
	padding-top:10px;
	line-height: normal;
}
section.industries-content h2 {
    color: #000000;
    font-weight: 700;
	line-height: normal;
}
.main-heading h1 {
    color: #000000;
    font-weight: 700;
}
.custom-btn {
    position: relative;
    padding: 15px 50px;
    background: linear-gradient(45deg, #54cdc8, #54c5c0, #298782);
    border: none;
    border-radius: 9999px;
    cursor: pointer;
    font-size: 16px;
    color: white;
    font-weight: 700;
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.3s;
    text-decoration: none;
}

.custom-btn:hover {
	transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.3s;
}

.custom-btn span {
  display: inline-block;
  z-index: 1;
}

.casestudyImageBanner {
    height: 467px;
    border-radius: 15px;
    position: relative;
}

.casestudyImageBanner img {
    height: 100%;
	width:100%;
    object-fit: cover;
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
.casestudyImageBanner:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0003045c;
    left: 0;
    border-radius: 15px;
}

.content-discriptive ul li ul li strong {
    display: block;
    padding-bottom: 10px;
    font-size: 18px;
	padding-top: 15px;
}
.content-discriptive ul li ul li::marker {
    font-size: 30px;
    font-weight: 800;
    font-family: 'Sora';
	    color: #00c5c0;
}
.content-discriptive ul li ul li {
    list-style-type: decimal;
    list-style-position: inside;
    font-family: 'Sora';
    padding: 1rem;
    width: 33.33%;
    border-radius: 1rem;
    margin-top: 35px;
    border: 1px solid #fff;
}
.content-discriptive ul {
    padding: 0;
}
.content-discriptive ul li ul {
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 20px;
    list-style: none;
}
.subtitle-wrapper h4 {
    color: #4fc2bd;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 22px;
    letter-spacing: 1.7px;
}
section.solution-section-BOX {
    background: #ffffff;
}
.solutiontextwrapper ul li strong {
    display: block;
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 10px;
}
.solutiontextwrapper ul {
    padding: 0;
    list-style-type: none;
}
.solutiontextwrapper ul li ul li{
    padding: 0;
    list-style-type: none;
}
.resulttext ul li strong {
    display: block;
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 10px;
}
.related-post{
	background:#ffffff;
}
section.the-result-section {
    height: 400px;
    background-size: cover !important;
    background-attachment: fixed !important;
}
.mt-80{
	margin-top:80px;
}
h3.section-subtitle-insights {
    font-weight: 600;
    color: #000000;
}

section.first-section-inights.ptb-80 {
    height: 520px;
    position: relative;
    background-attachment: fixed !important;
    background-position: center !important;
	overflow:hidden;
	background-size: cover !important;
}
section.first-section-inights.ptb-80:after {
    content: '';
    position: absolute;
    background: #00000078;
    width: 100%;
    height: 100%;
    top: 0;
}
.section-insightfirst-content{
	position:relative;
	z-index:1;
}
.section-insightfirst-content {
    position: relative;
    z-index: 1;
    background: #ffffffe6;
    padding: 50px;
    border-top-right-radius: 30px;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    border-bottom-right-radius: 30px;
}

.second-section-insght-content ul li{
    list-style-type: decimal;
    list-style-position: inside;
    font-family: 'Sora';
    padding: 1rem;
    width: 33.33%;
    border-radius: 1rem;
    margin-top: 35px;
    border: 1px solid #00c4bd;
}
.second-section-insght-content ul li strong {
    display: block;
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 10px;
}
.second-section-insght-content ul{
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 20px;
    list-style: none;
}
.key-feature-secondsection-insight h3 {
    font-size: 20px;
    font-weight: 700;
    color: #4fc2bd;
    height: 60px;
}
.key-feature-secondsection-insight img{ 
    border-radius: 5px;
    width: 80px;
    padding: 15px;
    background: #4fc2bd1c;
    margin-bottom: 1rem;
}
.key-feature-secondsection-insight {
    border: 1px solid #4fc2bd;
    margin-top: 2rem;
}
.insight-icon-content {
    padding: 1.3rem;
}
.insight-icon-box {
    padding: 2rem 2rem 1rem 2rem;
    background: #262626;
}
.insight-icon-content p {
    font-size: 16px;
    font-family: 'Poppins';
    height: 220px;
}
.third-section-insight{
	background:#ffffff;
}
.mt-20{
	margin-top:20px;
}
.forth-section-content {
    padding: 80px 0;
}
section.second-section-insights, .forth-section-insight, .postid-190 .insight-background-image-attache{ 
    display: none;
}
.postid-190 section.second-section-insights, .postid-190 .forth-section-insight{
    display: block;
}
.postid-190 section.insights-images-section {
    display: none;
}
.insight-image-inner img {
    width: 100%;
    height: 403px;
    object-fit: cover;
    border-radius: 5px;
}

section.insight-background-image-attache {
    height: 520px;
    position: relative;
    background-attachment: fixed !important;
    background-position: center !important;
    overflow: hidden;
}
section.insight-background-image-attache:after {
    content: '';
    position: absolute;
    background: #00000078;
    width: 100%;
    height: 100%;
    top: 0;
}

.swiper-slide{
   transform .3s cubic-bezier(.09,.72,.76,1.01) .5s;
}
.highlight {
   
    transform .3s cubic-bezier(.09,.72,.76,1.01) .5s;
}

.works-mp .item a {
    color: #000000;
}
.pt-60{
	padding-top:60px;
}
.video-sectionHomeinner video {
    width: 100%;
    height: 82vh;
    object-fit: cover;
   /* box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px; */
    border-radius: 15px;
}

.imagesectionHomeinnernav:after {
    content: '';
    background: linear-gradient(180deg, #2826263d 43.5%, rgb(12 17 21));
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 10px;
}
.imagesectionHomeinnernav {
    background-size: cover !important;
    padding: 120px 60px;
    position: relative;
    border-radius: 10px;
    margin-top: 30px;
    height: 85vh;
}
.innercontentVIdeosecthome {
    position: relative;
    z-index: 1;
    color: #fff;
    bottom: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: flex-end;
    height: 85vh;
    padding-bottom: 130px;
}
.latest-insightssection {
    background: #131618;
    color: #ffffff;
}
.latest-insightssection h2 {
    color: #fff;
}
.latest-insightssection .butn.butn-bord {
    border-color: #4fc2bd;
    color: #ffffff;
}
.study-content-body{
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex-basis: 100%;
    max-width: 100%;
    margin: 1.25rem 1rem .875rem;
    color: #151f27;
}



.content-discriptive ul li strong {
    display: block;
    font-size: 21px;
    color: #4fc2bd;
    height: 5.5rem;
}
.content-discriptive ul {
    display: flex;
    gap: 2rem;
    list-style: none;
    margin-top: 2rem;
}

section.ServiceDetailByNav {
   background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    min-height: 580px;
    background-color: #0872ba;
    position: relative;
    color: #fff;
}
/*section.ServiceDetailByNav:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: linear-gradient(94deg, rgb(5 64 63 / 85%), rgb(0 197 192 / 15%) 100%);
}*/
.ServceBannerCOntentNav {
    /*position: relative;
    z-index: 1;*/
    padding: 0 0 4.3rem;
}
.ServceBannerCOntentNav h1 {
    color: #ffffff;
    font-weight: bold;
    letter-spacing: .5px;
    padding: 12px 0;
}
.servicesNav .item {
    height: 40vh;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
        margin: 10px;
    background: #fff;
    padding: 3rem;
}
section.servicedetail-servicesection {
    margin-top: -7rem;
    padding-bottom: 80px;
}
.img.contentNavServimg img {
    width: 80px;
    filter: drop-shadow(8px 8px 10px #00c5c09c);
}
.aboutServcontent p {
    font-size: 21px;
    text-align: left;
    color: #191919;
}
.cont.contentNavServ h4 a {
    font-size: 20px;
    color: black;
    padding: 0;
    margin-top: 35px;
    display: inline-block;
}
.ServceBannerCOntentNav h1 {
   color: white !important;
    font-weight: bold !important;
}
.expertis-box {
    position: relative;
    margin: 2rem 0;
    padding: 1rem;
}
.expertis-box h4 {
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
}
.expertis-box img {
    width: 75px;
    padding-bottom: 1.5rem;
    filter: drop-shadow(8px 8px 10px #00c5c09c);
}


.single-insight .works-ma .gallery-text .text h4 a {
    color: #000000;
    text-decoration: none;
}

.single-insight .works-ma .swiper-controls .swiper-button-next, .single-insight .works-ma .swiper-controls .swiper-button-prev {
    color: #000;
    font-weight: 600;
}

.google-map iframe {
    width: 100%;
}
section.contact-pg.section-padding {
    padding: 60px 0;
}
.form-group input, .form-group textarea {
    width: 100%;
    padding: 10px;
    bordeR: 0;
    border-bottom: 1px solid #00aebb;
    border-radius: 5px;
    box-shadow: 1px 1px 4px 1px #0000002e;
}
li.mr-30 {
    margin-right: 30px;
    list-style: none;
}
ul.rest.social-text {
    padding: 1rem 0;
}
.phone a {
    font-size: 36px;
    color: #00c8bd;
    font-weight: 600;
}
.social-text li a {
    color: #333333;
}

.class1 { 
    background: #151515;
    color: #fff;
    -webkit-transform: rotate(2deg) translateY(-50px);
    -ms-transform: rotate(2deg) translateY(-50px);
    transform: rotate(2deg) translateY(-50px);
}
.class2 { 
   background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    transform: rotate(-7deg);
    z-index: 3;
}
.class3 { 
  background: #4fc2bd;
    -webkit-transform: rotate(2deg) translateY(80px);
    -ms-transform: rotate(2deg) translateY(80px);
    transform: rotate(2deg) translateY(80px);
    z-index: 3; 
}
.class4 { 
  background: #EEEEEE;
    -webkit-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    transform: rotate(-7deg);
}

section.testimonail-container-nav {
    overflow-x: hidden;
}
section.testimonail-container-nav .item{
padding: 40px;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    position: relative; 
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    }
    
    section.testimonail-container-nav .item p {
      font-size: 14px; }
      
    section.testimonail-container-nav .item span {
      font-size: 16px;
      }
      
 section.testimonail-container-nav .swiper-slide {
    margin-right: -50px;
    width: 400px !important;
    height: auto;
}
section.testimonail-container-nav {
    overflow: hidden;
    padding: 80px 0 160px 0;
    position: relative;
}
.icon-item-industriesNAV .icon img {
    width: 18px;
    margin-right: .7rem;
}
a:hover{
    text-decoration:none;
}
.phone a:hover{
    color: #00c8bd;
    text-decoration:none;
}
button.butn.butn-md.butn-bord.butn-rounded {
    background: #00c8bd;
    border-color: #00c8bd;
    color: #fff;
}

.wpforms-container input.wpforms-field-medium, .wpforms-container select.wpforms-field-medium, .wpforms-container .wpforms-field-row.wpforms-field-medium, .wp-core-ui div.wpforms-container input.wpforms-field-medium, .wp-core-ui div.wpforms-container select.wpforms-field-medium, .wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-medium {
    max-width: 100% !important;
}
.wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field {
    padding: 7px 0 !important;
    position: relative;
}
h6.sub-head {
    display: none !important;
}
button#wpforms-submit-779 {
    background: #00cbc0 !important;
    width: 165px;
}
button#wpforms-submit-779:focus {
    border: 0 !important;
}


.serviceCardNav h3 {
    font-size: 20px;
    font-weight: bold;
    color: #00c5be;
}
.serviceCardNav {
    background: rgb(249 250 251 / var(--tw-bg-opacity, 1));
    padding: 1.5rem;
    border-radius: 7px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    margin: 1rem 0 1rem;
}
.postid-896 section.about-service-sect.pb-80 {
    padding-top: 80px;
    padding-bottom: 0;
}





section.homeServicesSectiontiles {
    padding: 80px;
}
.serviceNAVhomeboxmain img {
    width: 100%;
    height: 180px;
    position: relative;
     border-radius: 5px;
         object-fit: cover;
}
.serviceNAVhomeboxmain h3 {
       font-size: 16px;
    word-wrap: break-word;
    position: absolute;
    bottom: -10px;
    padding: 15px;
    z-index: 11;
    color: #fff;
    height: 100%;
    width: 100%;
    display: flex
;
    justify-content: end;
    flex-direction: column;
}
.serviceNAVhomeboxmain {
    margin: 1rem 0;
    border-radius: 5px;
    position: relative;
}
.serviceNAVhomeboxmain:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    /*background: linear-gradient(2deg, rgb(0 0 0 / 89%), rgb(0 197 192 / 20%) 100%);*/
    background: linear-gradient(0deg,rgba(0,0,0,.5),transparent);
}
.postid-1011 section.about-service-sect.pb-80 {
    padding-bottom: 0;
    padding-top: 80px;
}
.postid-898 section.imageContentSection.pb-80 {
    padding-top: 80px;
    padding-bottom: 0;
}
.postid-1009 section.imageContentSection.pb-80 {
    padding-top: 80px;
    padding-bottom: 0;
}
.postid-1010 section.imageContentSection.pb-80 {
    padding-top: 80px;
    padding-bottom: 0;
}

header{
  transition: 0.5s ease;
}

.fixed-header {
   position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100px;
    padding: 12px 0;
    box-shadow: 0px 4px 10px rgba(3, 4, 28, 0.1);
    background: #ffffff;
    animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
    transition: 0.3s ease;
    z-index: 111111;
}