*,
.footer_ul_2,
.footer_ul_3,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
	padding: 0;
	margin: 0
}

.row,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
	margin: 0
}

.btn,
.sociall a {
	display: inline-block
}

.btn,
.pho {
	text-align: center;
	position: relative
}

.default-btn::after,
.default-btn::before,
.pho:before {
	height: 0%;
	border-radius: 5px
}

.blog-text a,
.blog-text a:hover,
.bread_crumbs_div_4 a,
.footer_li_3 a,
.sociall a:hover,
.text-panel a {
	text-decoration: none
}

#mainSlider .carousel-item::before,
.default-btn::after,
.pho:before {
	position: absolute;
	left: 0;
	content: "";
	top: 0
}

.progress-title,
.section-title span,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Jost, sans-serif
}

.bg-black,
.btn,
.main_banner_h_1,
.main_banner_p_1,
.pho,
.pho i,
.project-area,
.ser_dtls_p_1,
.service-card,
.single-services-card,
.skill-area {
	position: relative
}

.benefits-card,
.blog-img,
.blog-inner,
.blog-post-1,
.contact-sec,
.maps,
.pho,
.project-area,
.search-1,
.ser_dtls_p_1,
.service-card,
.sociall {
	overflow: hidden
}

.tob-header-area,
footer {
	background-image: linear-gradient(135deg, #0378b4, #00a8ff, #70ceff)
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #005b8f
}

body,
p {
	font-family: Poppins, sans-serif
}

ul {
	list-style-type: none
}

p {
	font-size: 15px;
	color: #666;
	line-height: 1.8
}

.btn {
	font-weight: 400;
	color: #212529;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.default-btn::before {
	position: absolute;
	content: "";
	background-color: #000;
	width: 0%;
	bottom: 0;
	right: 0;
	-webkit-transition: .5s;
	transition: .5s;
	z-index: -1
}

.default-btn::after {
	background-color: #fff;
	width: 0%;
	-webkit-transition: .5s;
	transition: .5s;
	z-index: -1
}

.default-btn:hover::after,
.default-btn:hover::before,
.ser_dtls_p_1:hover:after {
	width: 100%;
	height: 100%
}

.tob-header-area {
	background-color: #005b8f;
	padding-top: 8px;
	padding-bottom: 8px
}

.sociall {
	border-bottom: 0 solid #abc;
	display: flex;
	justify-content: end
}

.sociall a {
	font-weight: 600;
	color: #fff;
	font-size: 22px;
	height: 22px;
	margin-top: 3px;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-ms-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	transition: .2s ease-in-out
}

.sociall li {
	padding: 0 0 0 20px
}

.sociall a:hover {
	margin-top: -5px
}

.logo {
	max-width: 235px;
	padding: 15px 0
}

.contact-panel {
	display: flex;
	align-items: center;
	float: right;
	margin-left: 20px
}

#owl-demo .owl-controls,
.portfolio_li_1,
.progress-title,
.section-title span,
ul.ratings-list li {
	display: inline-block
}

.pho {
	height: 30px;
	width: 30px;
	background-color: #e5e5e5;
	border-radius: 5px;
	line-height: 30px;
	margin-right: 15px
}

.pho i {
	z-index: 3
}

.pho:before {
	width: 100%;
	background-color: #000;
	z-index: 2;
	-webkit-transition: .5s;
	transition: .5s
}

.text-panel {
	line-height: 15px
}

.text-panel p {
	margin-bottom: 0;
	font-size: 12px
}

.text-panel a {
	color: #005b8f;
	font-size: 12px;
	font-weight: 500
}

.footer_p_7 a,
.footer_p_7 a:hover,
.ser_dtls_li_1 a {
	text-decoration: 0px
}

.sm-menu.megamenu_div_1 {
	box-shadow: rgb(173 173 173 / 0%) 1px 3px 4px 0;
	background-color: transparent;
	border: 0;
	padding: 0 !important
}

.megamenu_div_2 {
	padding: 15px;
	background-color: #fff;
	border-bottom: 4px solid #005b8f;
	width: 100%
}

.megamenu_a_1 {
	padding: 0;
	font-size: 15px;
	font-weight: 600;
	color: #0092dd !important;
	line-height: 40px
}

.dropdown-item.megamenu_a_1 {
	padding: 0;
	font-size: 15px;
	font-weight: 600;
	color: #005b8f !important;
	line-height: 50px
}

.megamenu_div_3 {
	padding: 0 10px
}

.megamenu_img_1 {
	width: 45px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important
}

.megamenu_img_2 {
	width: 40px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important
}

.megamenu_a_2 {
	font-size: 12px
}

#mainSlider div.carousel-item {
	height: 100vh;
	background-color: #fff;
	background-position: center 55%;
	background-size: cover
}

.main_banner_h_1 {
	font-size: 60px;
	color: #fff;
	line-height: 60px;
	font-weight: 900;
	letter-spacing: .05em;
	text-transform: capitalize;
	margin-bottom: 0;
	transition: font .2s ease-out
}

#mainSlider .carousel-item::before {
	background: -webkit-gradient(linear, left top, right top, color-stop(28.13%, rgba(44, 44, 44, .75)), to(rgba(44, 44, 44, 0)));
	background: linear-gradient(90deg, rgba(44, 44, 44, .75) 28.13%, rgba(44, 44, 44, .3) 100%);
	height: 100%;
	width: 100%
}

.main_banner_p_1 {
	font-size: 16px;
	line-height: 150%;
	color: #eee;
	font-weight: 400;
	letter-spacing: .015em;
	text-transform: none;
	margin-top: 20px;
	margin-bottom: 0;
	transition: font .2s ease-out, margin .2s ease-out
}

#mainSlider .btn {
	color: #fff;
	margin-bottom: 0;
	transition: background .2s ease-out, font .2s ease-out, padding .2s ease-out, margin .2s ease-out
}

.about-features ul li .icon,
.about-features ul li .icon i {
	height: 45px;
	width: 45px;
	line-height: 45px;
	background-color: #e5e5e5;
	-webkit-transition: .5s;
	text-align: center;
	color: #005b8f;
	position: absolute;
	top: 5px;
	left: 0;
	z-index: 1
}

#mainSlider .btn-large {
	font-size: 15px;
	padding: 10px 14px
}

#owl-demo .owl-next,
#owl-demo .owl-prev {
	height: 55px;
	width: 55px;
	line-height: 55px;
	font-size: 16px
}

.btn {
	border: 5px
}

.bg-black {
	background: #000;
	color: #fff
}

.caption.vertical-center.text-left {
	vertical-align: middle;
	padding-bottom: 3vh;
	z-index: 100;
	position: relative;
}

.transparent-bg {
	background: 0 0;
	border: 1px solid #fff
}

.item.main_banner_div_1 {
	padding-top: 115px
}

.career_ph_both_1,
.navbar {
	padding: 0
}

.ptb-100 {
	padding-top: 100px;
	padding-bottom: 100px
}

.about-content .about-title span,
.skill-content .skill-title span,
.who-we-are-content .who-we-are-title span,
.works-content .works-title span {
	color: #000;
	margin-bottom: 10px;
	display: inline-block;
	font-weight: 500;
	font-family: Jost, sans-serif
}

.about-content .about-title h2,
.who-we-are-title h2 {
	font-size: 36px;
	margin-bottom: 30px
}

.about-features {
	margin-bottom: 35px
}

.about-features ul {
	padding-left: 0;
	margin-bottom: 0
}

.about-features ul li {
	list-style-type: none;
	position: relative;
	padding-left: 65px;
	margin-bottom: 25px
}

.about-features ul li h3 {
	font-size: 18px;
	margin-bottom: 10px
}

.about-features ul li .icon {
	border-radius: 5px;
	font-size: 22px;
	transition: .5s
}

.about-features ul li .icon i {
	border-radius: 5px;
	font-size: 18px;
	transition: .5s
}

.section-title {
	max-width: 660px;
	margin: auto auto 40px;
	text-align: center
}

.section-title span {
	color: #000;
	margin-bottom: 10px;
	font-weight: 500
}

.section-title h2,
.skill-content .skill-title h2 {
	font-size: 36px;
	margin-bottom: 15px
}

.single-services-card {
	padding: 30px;
	-webkit-transition: .5s;
	transition: .5s;
	border-radius: 5px;
	margin-bottom: 30px;
	-webkit-box-shadow: 0 10px 30px 5px rgba(44, 44, 44, .05);
	box-shadow: 0 10px 30px 5px rgba(44, 44, 44, .05)
}

.single-services-card .services-img {
	padding-bottom: 25px;
	margin-bottom: 22px;
	border-bottom: 1px solid #eee
}

.single-services-card h3 {
	font-size: 20px;
	margin-bottom: 12px
}

.single-services-card p,
.terms_condition_div_4 {
	margin-bottom: 25px
}

.single-services-card .number {
	position: absolute;
	height: 80px;
	width: 80px;
	line-height: 80px;
	right: 0;
	top: 0;
	background-color: #f4f4f4;
	text-align: center;
	font-size: 20px;
	color: #005b8f;
	font-weight: 600;
	border-radius: 0 5px 0 50px;
	-webkit-transition: .5s;
	transition: .5s;
	z-index: 1
}

.single-services-card .number::before {
	position: absolute;
	content: "";
	height: 0;
	width: 0;
	right: 0;
	top: 0;
	border-radius: 0 5px 0 50px;
	background-color: #000;
	-webkit-transition: .5s;
	transition: .5s;
	z-index: -1
}

.single-services-card:hover .number::before {
	height: 100%;
	width: 100%
}

.benefits-card:hover .benefits-number,
.btn-form:hover,
.footer_p_1 a,
.footer_p_2,
.label-checkbox a,
.ser-text a,
.ser-text h4,
.ser-text p,
.ser_dtls_p_1:hover,
.single-services-card:hover .number,
.tagged li:hover a,
.why_choose_us_h_1,
.why_choose_us_p_1 {
	color: #fff
}

.banner-image,
.career_div_15,
.page-header-image,
.rc-image {
	text-align: end
}

.progress,
.who-we-are-content .who-we-are-title {
	margin-bottom: 30px
}

.project-area {
	z-index: 1
}

#owl-demo .item img {
	display: block;
	height: auto;
	width: 100%
}

#owl-demo .owl-prev {
	background-color: #e5e5e5;
	border: none;
	border-radius: 100%;
	-webkit-transition: .5s;
	transition: .5s
}

#owl-demo .owl-next {
	background-color: #e5e5e5;
	border: none;
	border-radius: 100%;
	-webkit-transition: .5s;
	transition: .5s;
	right: -84px
}

#owl-demo .owl-buttons {
	position: absolute;
	right: 0
}

#owl-demo .owl-controls {
	margin-top: 40px;
	position: absolute;
	right: -64px;
	bottom: 6%;
	z-index: 9
}

.works-content {
	padding-top: 30px
}

.works-content .works-title h2 {
	font-size: 30px;
	margin-bottom: 18px
}

.works-content .works-title p {
	font-size: 13px;
	margin-bottom: 1rem
}

.project-area .project-shape-one {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1
}

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

#owl-demo .owl-item {
	max-width: 346px;
	width: 100%;
	margin-right: 20px
}

.skill-area {
	z-index: 1
}

.banner,
.bg-f4fbf6 {
	background-color: #def4e4
}

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

.career_div_8,
.career_ul_1,
.portfolio_ul_1,
.skill-content .skill-title {
	margin-bottom: 20px
}

.progress-title {
	font-size: 15px;
	font-weight: 600;
	color: #005b8f;
	margin-bottom: 10px !important
}

.testimonials .owl-controls {
	display: block;
	position: static;
	margin-top: -47px
}

.testimonials .owl-next,
.testimonials .owl-prev {
	width: 60px;
	height: 60px;
	font-size: 36px;
	line-height: 60px;
	background-color: #e5e5e5
}

.testimonials .item {
	margin-right: 20px
}

.single-testimonials-card {
	padding: 20px;
	-webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	margin: 5px;
	height: 100%;
	min-height: 250px
}

.client-pic {
	padding: 20px 0 0
}

.client-pic img {
	border-radius: 50%;
	max-width: 100px;
	height: 100px;
	width: 100px;
	object-fit: cover
}

ul.ratings-list {
	display: block;
	text-align: left
}

.ratings-list li i {
	color: #ff8a00
}

.ratings-list h3 {
	font-size: 20px;
	margin-bottom: 5px;
	margin-top: 15px
}

.about_div_2,
.portfolio_div_1,
.ser_dtls_div_1 {
	padding: 100px 0
}

.portfolio_li_1 {
	margin: 0 4px
}

.portfolio_btn_1 {
    border: 1px solid #000;
    border-radius: 5px;
    background-color: transparent;
    padding: 5px 10px;
    transition: .5s;
    cursor: pointer;
    outline: 0;
    color: #000;
    font-size: 15px;
}

.tab li.active button.portfolio_btn_1 {
	background-color: #000;
	color: #fff
}

.accordion .card-header.collapsed:after,
.accordion .card-header:after,
.tabcontent_jobs,
.tabcontent_portfolio {
	display: none
}

.about_p_1,
.btn-keyword,
.portfolio_li_2 {
	display: inline-block
}

.btns span,
.dropdown:hover .dropdown-content {
	display: block
}

.portfolio_li_2 {
	margin: 0;
	width: 48%
}

.portfolio_img_1 {
	width: fit-content;
	max-width: 100%;
	text-align: center;
	margin: auto
}

.portfolio_div_5 {
	text-align: center;
	margin-bottom: 30px
}

.btns span:hover:after,
.btns:hover:after,
.career_img_1,
img.about_img_1 {
	width: 100%
}

.about_p_1 {
	color: #000;
	margin-bottom: 10px;
	font-weight: 500;
	text-transform: uppercase
}

.about_h_1,
.about_h_2,
.blog-details-text h4,
.blog-details-text h5,
.li-active a,
.ser_dtls_h_1,
.ser_dtls_p_1,
.service-card:hover .card-text h4,
.service-text h2,
.service-text h3 {
	color: #005b8f
}

.about_h_1 {
	font-size: 30px;
	margin-bottom: 15px;
	line-height: 1.4
}

.about_p_2 {
	margin-bottom: 18px
}

.about_ul_1 {
	padding-left: 30px
}

.about_h_2 {
	font-size: 16px;
	margin-bottom: 5px;
	line-height: 30px;
	padding: 0 8px
}

.about_li_1 i {
	position: absolute;
	margin-top: 6px;
	left: 17px
}

.ser_dtls_div_5 {
	box-shadow: 0 0 15px 0 rgba(40, 61, 88, .07);
	padding: 30px;
	margin-bottom: 30px
}

.ser_dtls_ul_1 {
	border: 1px solid #f0f0f0;
	border-bottom: 0
}

.ser_dtls_li_1 {
	border-bottom: 1px solid #f0f0f0
}

.ser_dtls_p_1 {
	padding: 17px 25px;
	font-weight: 500;
	font-size: 15.5px;
	background-color: transparent;
	transition: .3s linear;
	margin-bottom: 0
}

.ser_dtls_p_1:after {
	content: "";
	width: 0;
	height: 0;
	background: #005b8f;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: width .3s linear;
	transition: width .3s linear;
	z-index: -2
}

.ser_dtls_h_1 {
	font-weight: 600;
	margin-bottom: 15px
}

.ser_dtls_img_1 {
	width: 100%;
	margin-bottom: 10px
}

.label-checkbox,
.ser_dtls_p_2 {
	font-size: 13px
}

.ser_dtls_div_6 {
	background-image: linear-gradient(to right, rgb(20 153 222 / 85%), rgb(0 146 221 / 84%)), url(../images/servs.avif);
	padding: 20px
}

.ser_dtls_div_7 {
	border: 1px dashed #fff;
	padding: 20px
}

.blog-details-text h2,
.service-text-h1 {
	font-size: 32px;
	color: #005b8f;
	font-weight: 600
}

.service-text h2 {
	font-size: 30px;
	font-weight: 600
}

.card-icon img {
	height: 76px
}

.card-text p {
	text-align: left;
	font-size: 15px
}

.benefits-number,
.blog-time h4,
.sub-title p,
.technologies-banner-image {
	text-align: center
}

.service-card {
	padding: 19px;
	box-shadow: 0 8px 32px 0 #ddd;
	transition: .3s
}

.service-card:before {
	position: absolute;
	content: "";
	width: 196px;
	height: 167px;
	background: #dcf0ff;
	z-index: -1;
	top: -95px;
	left: -44px;
	transform: rotate(45deg);
	border-radius: 30px 0;
	transition: .5s
}

.service-card:hover:before {
	background: #00599d;
	transition: .5s
}

.service-card:hover {
	margin-top: -5px;
	transition: .3s
}

.app-card-height-1,
.card-heignt {
	height: 394px
}

.ser-icon img {
	height: 62px;
	filter: invert(1)
}

.contact-us-hr {
	border-bottom: 1px dashed;
	margin: 0
}

.ser_dtls_div_3 {
	position: sticky;
	top: 5px
}

.blog-time,
.faq-image,
.post-title {
	position: relative
}

.w-card-height-1 {
	height: 623px
}

.w-card-height-2 {
	height: 488px
}

.w-card-height-3 {
	height: 407px
}

.d-card-height {
	height: 868px
}

.d-card-height-2 {
	height: 738px
}

.d-card-height-3 {
	height: 731px
}

.b-card-height-1 {
	height: 432px
}

.b-card-height-2 {
	height: 609px
}

.platforms li {
	list-style-type: disclosure-closed
}

.banner-text li,
.blog-button li,
.blog-ul li,
.footer_li_3,
.tagged li,
.view li {
	list-style-type: none
}

.app-card-height-2 {
	height: 381px
}

.app-card-height-3 {
	height: 459px
}

.search-1 {
	border: 1px solid #8f8f8f;
	border-radius: 5px
}

.search-1 input {
	border: none;
	padding: 12px 10px
}

.search-1 i {
	padding: 15px 25px;
	background: #005b8f;
	color: #fff;
	transition: .3s
}

.blog-inner hr,
.search-hr {
	background: #c1bebe;
	opacity: 1
}

.search-1 i:hover {
	background: #00669b;
	transition: .3s
}

.form-control,
.form-control:focus {
	box-shadow: none
}

.blog-inner {
	border: 1px solid #c1bebe;
	border-radius: 7px
}

.blog-inner hr {
	border-radius: 7px;
	margin: 0 1px 2px
}

.blog-time h4,
.post-title:after {
	background: #005b8f;
	position: absolute
}

.search-box {
	border: 1px solid #c1bebe;
	border-radius: 7px
}

.search-hr {
	border-radius: 7px;
	margin: 5px 1px 2px
}

.search-title h3 {
	font-size: 19px;
	font-weight: 600
}

.post-title h4 {
	font-size: 15px;
	font-weight: 600;
	border-bottom: 2px solid #000;
	padding-bottom: 9px;
	width: fit-content;
	color: #000
}

.post-title:after {
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 100%;
	left: 142px;
	top: 50px
}

.post-body h4 {
	font-size: 13px;
	font-weight: 800
}

.times p {
	font-size: 11px;
	color: #005b8f;
	font-weight: 700
}

.times i {
	font-size: 10px
}

.blog-img img {
	transition: .5s;
	height: auto !important;
	object-fit: contain !important;
	width: 100% !important
}

.blog-inner:hover .blog-img img {
	transform: scale(1.2);
	transition: .5s
}

.blog-heading img {
	height: 20px
}

.blog-heading p {
	font-size: 12px !important;
	font-weight: 800;
	color: #005b8f
}

.blog-text h4 {
	font-size: 19px;
	font-weight: 700
}

.blog-text h6 {
	font-size: 11px
}

.blog-text p,
.career_p_1 {
	font-size: 14px
}

.blog-inner:hover h4 {
	color: #00669b
}

.blog-button li {
	margin: 5px;
	padding: 3px 7px
}

.blog-button ul {
	border: 1px solid #c9c9c9;
	width: 206px;
	padding-left: 0;
	margin-left: 250px
}

.blog-time h4 {
	width: 225px;
	margin-top: -20px;
	z-index: 5;
	color: #fff;
	left: 27px;
	padding: 10px 0
}

.sub-title p,
.tagged li {
	background: #d8ecfd;
	font-size: 12px
}

.tagged a,
.tagged li {
	color: #006dcd
}

.blog-time {
	animation: 2s ease-out infinite zoom-out
}

.blog-time:before {
	position: absolute;
	content: "";
	width: 225px;
	height: 45px;
	background: #1f1a17;
	z-index: -1;
	left: 20px;
	top: -10px
}

.blog-ul img {
	height: 14px
}

.blog-ul-2 {
	padding-left: 3rem
}

@keyframes zoom-out {

	0%,
	100% {
		transform: scale(1, 1)
	}

	50% {
		transform: scale(.9, .9)
	}
}

.accordion-button:focus {
	box-shadow: none !important
}

.tagged li {
	margin: 5px 7px;
	padding: 10px;
	font-weight: 600;
	border-radius: 5px
}

.tagged li:hover {
	background: #005eaf;
	color: #fff
}

.view a,
.view li {
	color: gray
}

.view li {
	transition: .5s
}

.view li:hover {
	margin-left: -5px;
	transition: .5s;
	color: #000
}

.rc,
.view a:hover {
	color: #000
}

.btn-view {
	background: #006fcd;
	color: #fff !important;
	font-size: 13px
}

.btn-form {
	background: #006fcd;
	color: #fff;
	padding: 10px 26px
}

.sub-title p {
	width: 133px;
	padding: 5px 12px;
	color: #004aad
}

.sub-title h4 {
	font-size: 19px;
	color: #006fcd;
	margin-top: 11px
}

.title-1 p {
	width: 112px;
	font-size: 12px
}

.title-1 h4 {
	font-size: 16px
}

.stickys {
	position: sticky;
	top: 74px
}

.blog-ul-2 li {
	list-style-type: disc;
	font-size: 15px
}

.font-color {
	color: #008ad1
}

.blog-details-inner,
.blog-details-inner-2,
.blog-post-1,
.map {
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
}

.banner-text h2 {
	font-size: 40px;
	color: #005b8f
}

.rc {
	border: 1px solid #d3d3d3;
	padding: 11px 17px;
	width: 299px;
	background: #ebf3ff
}

.rc-image img {
	height: 31px
}

.rc-input {
	width: 30px;
	height: 30px
}

.rc-image p {
	font-size: 9px
}

.rc-text {
	justify-content: end;
	font-size: 8px
}

.btn-send-message {
	background: #005b8f;
	color: #fff;
	padding: 8px 28px
}

.contact-form-inner {
	position: relative;
	background: #a6c9ff;
	color: #fff;
	border-radius: 5px 5px 5px 109px;
	overflow: hidden
}

.contact-1,
.contact-2 {
	background: #fff;
	height: 24px;
	border-radius: 30px;
	position: absolute
}

.map iframe {
	width: 100%;
	height: 450px
}

.contact-1 {
	right: -80px;
	width: 124px;
	top: 489px
}

.contact-2 {
	right: -77px;
	width: 164px;
	top: 450px
}

.contact-3,
.contact-4 {
	background-color: #223a7a;
	width: 37px;
	border-radius: 50px 0
}

.contact-heading h3 {
	color: #223a7a;
	font-weight: 700;
	font-size: 24px
}

.contact-image {
	height: 541px;
	webkit-animation: up-down 1s infinite alternate;
	animation: 1s infinite alternate up-down
}

.contact-3 {
	position: absolute;
	height: 200px;
	right: -4px;
	top: 21px
}

.contact-sec {
	position: relative
}

.contact-4 {
	position: absolute;
	height: 257px;
	left: -4px;
	top: 182px
}

.controls {
	background-color: #ffffffc7
}

@keyframes up-down {
	0% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(-15px)
	}
}

.contact-cont {
	box-shadow: 0 5px 35px 0 #cbcbcb
}

.career_ph_left_1,
.pidding-div {
	padding-left: 0
}

.career_ph_right_1,
.pidding-div-1 {
	padding-right: 0
}

.flip {
	backface-visibility: visible !important;
	animation: 2s infinite flip-image;
	height: 303px
}

@keyframes flip-image {
	0% {
		transform: perspective(800px) rotateY(0);
		animation-timing-function: ease-out
	}

	40% {
		transform: perspective(800px) translateZ(50px) rotateY(170deg);
		animation-timing-function: ease-out
	}

	50% {
		transform: perspective(800px) translateZ(50px) rotateY(190deg) scale(1);
		animation-timing-function: ease-in
	}

	80% {
		transform: perspective(800px) rotateY(360deg) scale(.95);
		animation-timing-function: ease-in
	}

	100% {
		transform: perspective(800px) scale(1);
		animation-timing-function: ease-in
	}
}

.technologies-banner {
	background-image: linear-gradient(to top, rgba(255, 0, 0, 0), rgb(178 230 255));
	padding: 63px 0
}

.technologies-banner-text span {
	font-weight: 800;
	color: #0076b1;
	font-size: 17px
}

.technologies-banner-text-h2 {
	font-size: 40px;
	font-weight: 800;
	color: #004887
}

.technologies-banner-text h2,
.technologies-div-1-text h4 {
	color: #004887
}

.technologies-card {
	padding: 30px;
	box-shadow: 0 8px 32px 0 #ddd
}

.technologies-img img {
	height: 72px;
	background: #d9f2ff;
	padding: 14px;
	border-radius: 100%
}

.technologies-text p {
	text-align: justify
}

.technologies-text h4 {
	font-size: 25px;
	color: #004f95
}

.technologies-height {
	height: 477px
}

.why-choose-us {
	background-image: linear-gradient(to right, rgb(20 153 222 / 85%), rgb(0 146 221 / 84%)), url(../images/bg.jpg);
	background-size: cover
}

.technologies-textbox {
	background: #00000070;
	padding: 20px
}

.textbox-height {
	height: 241px
}

.faq-text h4 {
	font-size: 37px;
	color: #249fdd
}

.btn-keyword,
.btn-keyword a,
.btns span:hover {
	color: #00257c
}

.faq-image:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 316px;
	right: -21px;
	top: 10px;
	border-right: 5px solid #1590ce;
	border-bottom: 5px solid #1590ce;
	display: none
}

.btns span:before,
.btns:before {
	width: 2px;
	height: 0%
}

.technologies-div-2-img img {
	height: 80px
}

.btn-keyword {
	width: auto;
	height: 40px;
	border-radius: 5px;
	padding: 10px 25px;
	font-family: Lato, sans-serif;
	font-weight: 500;
	background: 0 0;
	cursor: pointer;
	transition: .3s;
	position: relative;
	box-shadow: inset 2px 2px 2px 0 rgba(255, 255, 255, .5), 7px 7px 20px 0 rgba(0, 0, 0, .1), 4px 4px 5px 0 rgba(0, 0, 0, .1);
	outline: 0;
	margin: 5px 10px
}

.bread_crumbs_div_3,
.btns span,
.btns span:hover:before,
.btns:hover:before {
	height: 100%
}

.btns {
	background-color: #ecf8fc;
	background-image: linear-gradient(315deg, #ecf7fc 0, #97cceb 74%);
	line-height: 42px;
	padding: 0;
	border: none;
	outline: 0
}

.btns span {
	position: relative;
	width: 100%;
	padding: 0 18px;
	font-size: 14px;
	letter-spacing: .5px;
	font-weight: 600
}

.btns:after,
.btns:before {
	position: absolute;
	content: "";
	right: 0;
	bottom: 0;
	background: #00257c;
	transition: .3s
}

.btns:after {
	width: 0%;
	height: 2px
}

.btns:hover {
	background: 0 0
}

.btns span:after,
.btns span:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	background: #00257c;
	transition: .3s
}

.btns span:after {
	height: 2px;
	width: 0%
}

.iso-card-height-1 {
	height: 344px
}

.iso-card-height-2 {
	height: 317px
}

.js-ul li {
	list-style-type: square !important;
	padding: 11px 0
}

.footer_li_1,
.footer_li_1 p,
.footer_li_2 {
	list-style-type: none
}
.footer_li_1{
    margin-right: 7px;
}

.benefits-card {
	background-color: #e9ecef;
	padding: 30px;
	transition: .5s;
	position: relative;
	border-radius: 5px;
	margin-bottom: 30px;
	box-shadow: 0 10px 30px 5px rgba(44, 44, 44, .05)
}

.benefits-number,
.benefits-number:before {
	right: 0;
	border-radius: 0 5px 0 50px;
	transition: .5s;
	top: 0;
	position: absolute
}

.benefits-number {
	height: 80px;
	width: 80px;
	line-height: 80px;
	background-color: #f4f4f4;
	font-size: 20px;
	color: #005b8f;
	font-weight: 600;
	z-index: 1
}

.benefits-number:before {
	content: '';
	height: 0;
	width: 0;
	background-color: #000;
	z-index: -1
}

.benefits-card:hover .benefits-number:before {
	height: 100%;
	width: 100%;
	background-color: #005b8f
}

.bread_crumbs_div_1 {
	background-color: #def4e4;
	margin-top: -52px;
	background-image: url(assets/nkimgs/b1.webp)
}

.bread_crumbs_div_7 {
	padding: 58px 0 10px;
	background-color: #ffffff80
}

.bread_crumbs_div_4 {
	display: flex
}

.bread_crumbs_div_5 {
	text-align: right
}

.bread_crumbs_p_1 {
	color: #000;
	font-size: 15px;
	margin-top: 10px;
	padding-right: 10px;
	font-weight: 500;
	letter-spacing: .3px
}

.bread_crumbs_h_1 {
	font-size: 50px;
	margin-bottom: 0;
	color: #005b8f
}

.footer_p_1,
p.terms_condition_p_1 {
	font-size: 15px;
	font-weight: 500;
	letter-spacing: .2px
}

.bread_crumbs_div_4 a p {
	color: #005b8f;
	padding: 0 10px
}

.terms_condition_div_1 {
	padding: 70px 0
}

.terms_condition_div_2 {
	padding: 30px;
	box-shadow: 3px 3px 12px 0 #00000042
}

.terms_condition_div_3.text-center {
	margin-bottom: 31px;
	border-bottom: 2px solid #000000a8;
	padding-bottom: 20px
}

p.terms_condition_p_1 {
	margin-bottom: 10px;
	color: #000
}

.terms_condition_h_2 {
	margin-bottom: 5px
}

.footer_p_1 {
	margin: 0;
	padding: 25px 0;
	border-top: 1px solid #8dd8ff;
	color: #fff
}

.footer_h_1,
.footer_p_3 {
	color: #fff;
	font-weight: 600
}

.career_p_3,
.footer_h_1,
.footer_p_3 {
	letter-spacing: .5px
}

.footer_div_3 {
	padding: 65px 0 0
}

.footer_img_1 {
	width: 100%;
	margin-bottom: 15px
}

.footer_ul_1 {
	margin: 0 0 0 12px;
	padding: 0
}

.footer_li_1 {
	display: inline-block
}

.footer_li_1 p {
	margin: 0;
	width: 30px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	background-color: #fff;
	border-radius: 50%;
	font-size: 13px;
	color: #000;
	transition: .5s;
	font-weight: 700
}

.footer_li_1 p:hover {
	background-color: #0babff;
	color: #fff
}

.footer_p_3 {
	margin: 0
}

.footer_h_1 {
	font-size: 1.15rem;
	margin-bottom: 20px
}

.footer_li_2 {
	display: flex;
	margin-bottom: 15px
}

.footer_p_5 {
	margin: 0 10px 0 0;
	width: 45px;
	text-align: center;
	height: 45px;
	line-height: 45px;
	background-color: #e5e5e5;
	font-size: 18px;
	border-radius: 8px;
	transition: 1s;
	color: #000
}

.footer_p_5:hover {
	background-color: #0babff !important;
	color: #e5e5e5
}

.footer_p_6 {
	margin-bottom: 3px;
	color: #000;
	font-weight: 500;
	font-size: 15px
}

.footer_p_7 {
	margin: 0;
	font-size: 13px;
	color: #fff;
	line-height: 20px
}

.footer_p_7 a {
	color: #fff
}

.footer_div_6 {
	width: 195px
}

.footer_p_8 {
	margin: 0 0 8px;
	color: #fff;
	font-size: 16px
}

.navbar-light .navbar-nav .nav-link {
	transition: .3s;
	padding: 15px 15px;
	font-size: 15px;
	color: #fff
}

.dropdown-menu {
	margin: 0;
	border-radius: 0;
	border-bottom: 4px solid #0077bd
}

.dropdown-content {
	display: none;
	position: absolute;
	z-index: 1;
	background-color: #fff;
	padding: 15px 10px
}

.megamenu_about_li_1 span img,
.megamenu_services_li_1 span img {
	border: 2px solid #0e98df;
	border-radius: 50%;
	padding: 2px;
	width: 50px;
	height: 50px;
	margin-right: 10px
}

.megamenu.sm-menu.megamenu_div_1.dropdown-content.mega_drop_down_part {
	flex-direction: row;
	width: 1110px;
	position: absolute;
	left: -475px;
	z-index: 999999
}

.img-fluid.services_home_img {
	width: 111px !important
}

.home-star-icon,
.service-contact-info,
.social-icon-image {
	width: 18px;
	height: 18px;
	object-fit: contain
}

.about-check-icon,
.about-check-icon-2,
.footer-contact-icon,
.footer-social-icon,
.header-contact-icon-image,
.home-arrow-icon,
.home-check-icon {
	width: 15px;
	height: 15px;
	object-fit: contain
}

.about_li_1,
.bread_crumbs_a_1 {
	display: flex;
	align-items: center
}

.contact-info {
	align-items: center
}

.toggle-btn-icon-2 {
	width: 25px;
	height: 25px;
	object-fit: contain
}

.bread_crumbs_img {
	width: 15px;
	height: 15px;
	object-fit: contain;
	margin-top: 10px
}

.search-icon-1 {
	width: 41px;
	height: 41px;
	object-fit: contain;
	background: #14348d;
	padding: 10px
}

.career_div_2 {
	margin: 70px 0
}

.career_div_6 {
	margin-top: 25px
}

.career_div_7 {
	box-shadow: 0 2px 43px 0 rgb(2 2 2 / 24%);
	border-radius: 4px;
	transition: .4s;
	margin: 0 6px 15px;
	padding: 38px 30px 45px
}

.career_div_7:hover {
	-webkit-transform: translateY(-8px);
	-ms-transform: translateY(-8px);
	transform: translateY(-8px);
	-webkit-box-shadow: 0 50px 30px -40px rgba(0, 0, 0, .1);
	box-shadow: 0 2px 43px 0 rgb(2 2 2 / 15%)
}

.career_btn_1 {
	margin-top: 20px;
	border: 0;
	padding: 7px 15px;
	background-image: linear-gradient(135deg, #0378b4, #00a8ff, #70ceff);
	color: #fff;
	box-shadow: 3px 3px 7px 0 #00000069
}

.career_img_3 {
	margin-left: 7px;
	width: 22px;
	-webkit-animation: .5s infinite alternate action;
	animation: .5s infinite alternate action
}

@-webkit-keyframes action {
	0% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(-6px)
	}
}

@keyframes action {
	0% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(-6px)
	}
}

.career_img_4 {
	margin-bottom: 20px;
	width: 80px;
	height: 80px;
	margin-top: 25px
}

.career_div_9 {
	box-shadow: 0 2px 43px 0 rgb(2 2 2 / 24%);
	border-radius: 4px;
	transition: .4s;
	margin: 0 6px 15px;
	padding: 20px
}

.career_p_3 {
	color: #000;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0
}

.career_ul_2 {
	margin-bottom: 20px;
	margin-left: 20px
}

.career_li_2 {
	list-style-type: disc
}

.tab div div div button.active .career_div_7 {
	background-color: #00000012
}

.urgent_p {
	top: 0;
	background-color: #c21313;
	color: #fff;
	width: fit-content;
	padding: 5px 8px;
	line-height: 16px;
	font-size: 12px;
	border-radius: 4px 0 0;
	position: absolute;
	margin-left: -30px
}

.shape_div.shape_div_left {
	position: absolute;
	top: -40px;
	left: 12%
}

.shape_div.shape_div_mid {
	position: absolute;
	top: -40px;
	left: 47%
}

.shape_div.shape_div_right {
	position: absolute;
	top: -40px;
	right: 12%
}

.career_div_18 {
	margin-bottom: 50px
}
        .table-div-inner-li {
            margin: 5px;
            list-style-type: disc;
        }
        .table-div-inner-ul {
            padding-left: 52px;
        }
        .table-div-inner-a {
            text-decoration: none;
            font-size: 14px;
            font-weight: 600;
            color: #0379b6;
        }
        .table-div-inner-ul-inner {
            padding-left: 19px;
        }
        .table-div-inner-a-inner {
            font-size: 13px;
            font-weight: 500;
            color: #006397;
            text-decoration: none;
        }
        .table-div-inner-ul-inner {
            padding-left: 77px;
            list-style-type: circle;
        }
        .table-div {
            background: #eff9ff;
            margin: 33px;
            padding-bottom: 44px;
            box-shadow: 0 5px 10px 5px #80808026;
            border-radius: 5px;
        }
        .table-heading {
            font-size: 20px;
            color: black;
            font-weight: 600;
            border-bottom: 1px solid #b7b7b7;
            margin-left: 33px;
            width: fit-content;
            margin-bottom: 14px;
        }
@media  screen and (max-width:1199px){
    .navbar-light .navbar-nav .nav-link {
        padding: 15px 15px;
    }
}
@media only screen and (max-width:992px) {

	.app-card-height-1,
	.app-card-height-2,
	.app-card-height-3,
	.b-card-height-1,
	.b-card-height-2,
	.card-heignt,
	.d-card-height,
	.d-card-height-2,
	.d-card-height-3,
	.flip,
	.iso-card-height-1,
	.iso-card-height-2,
	.technologies-height,
	.textbox-height,
	.w-card-height-1,
	.w-card-height-2,
	.w-card-height-3 {
		height: auto
	}

	.contact-image {
		width: 100%;
		height: auto
	}

	.contact-4 {
		top: 71px
	}

	.contact-form-inner {
		border-radius: 0
	}

	.contact-1,
	.contact-2,
	.contact-3,
	.faq-image:before {
		display: none
	}

	.banner-text {
		text-align: center
	}

	.banner-text ul {
		justify-content: center
	}

	.contact-cont {
		box-shadow: none
	}

	.pidding-div,
	.pidding-div-1 {
		padding: 0 !important
	}

	.flip {
		animation: infinite flip-image;
		width: 100%;
		margin-left: -42px
	}

	.about_div_2 {
		padding: 50px 0 0
	}

	.blog-button ul {
		margin: auto
	}

	.logos {
		width: 100%;
		padding: 10px;
		align-items: center
	}

	.logos img {
		height: 57px
	}

	.moblile-menubar {
		position: absolute;
		margin-top: 407px;
		background: #fff;
		width: 76%;
		margin-left: 0;
		margin-right: 0;
		height: 325px;
		overflow: hidden;
		overflow-y: auto;
		box-shadow: 0 10px 20px 0 #80808094
	}

	.navbar-light .navbar-toggler {
		color: rgb(255 255 255);
		border: none
	}

	.navbar-light .navbar-nav .nav-link {
		color: #000
	}

	.navbar-light .navbar-nav .nav-link:focus,
	.navbar-light .navbar-nav .nav-link:hover {
		color: #939393
	}
}

@media only screen and (max-width:770px) {
    .table-div {
        margin: 13px;
        padding-bottom: 44px;
    }
	.blog-time:before {
		width: 137px;
		height: 30px;
		left: 15px
	}
 
	.blog-time h4 {
		width: 136px;
		left: 23px;
		font-size: 13px
	}

	.blog-details-text h2 {
		font-size: 16px
	}

	.blog-details-inner-2,
	.blog-text p,
	.blog-ul li,
	.blog-ul-2 li,
	.li-number li,
	.platforms li,
	.platforms p,
	.rc label,
	.service-text p,
	.view a,
	p {
		font-size: 12px
	}

	.blog-ul li {
		list-style-type: none
	}

	.blog-ul-2 {
		padding-left: 1rem
	}

	.blog-details-text h4,
	.blog-details-text h5,
	.service-text h3,
	.service-text-h1 {
		font-size: 19px
	}

	.rc {
		width: 279px
	}

	.rc-input {
		width: 24px;
		height: 24px
	}

	.technologies-banner-text span {
		font-size: 14px
	}

	.technologies-banner-text-h2 {
		font-size: 30px
	}

	.bread_crumbs_p_1,
	.card-title,
	.technologies-banner-text p,
	.technologies-div-1-text p,
	.technologies-text p,
	.why_choose_us_p_1 {
		font-size: 13px
	}

	.technologies-banner-text h2 {
		font-size: 22px
	}

	.btns span {
		font-size: 10px;
		font-weight: 800
	}

	.card-text h4,
	.platforms h2,
	.technologies-text h4 {
		font-size: 20px
	}

	.why_choose_us_h_1 {
		margin-bottom: 12px
	}

	.bread_crumbs_h_1 {
		font-size: 35px
	}

	.bread_crumbs_div_2 {
		padding-top: 15px
	}

	.bread_crumbs_img_1 {
		width: 100%
	}

	.navbar-light .navbar-nav .nav-link {
		color: #000
	}

	.moblile-menubar {
		margin-left: 5%;
		width: 71%
	}

	.footer_div_5.ml-5 {
		margin-left: 0 !important
	}

	.footer_div_3 {
		padding: 40px 0 0
	}

	.about-content .about-title h2 {
		font-size: 26px
	}

	.ptb-100 {
		padding-top: 30px;
		padding-bottom: 30px
	}

	.who-we-are-title h2,
	.works-content .works-title h2 {
		font-size: 26px;
		margin-bottom: 10px
	}

	.section-title h2,
	.skill-content .skill-title h2 {
		font-size: 25px
	}

	.section-title {
		margin: auto auto 20px
	}

	.blog-img img {
		height: 158px !important
	}

	.blog-text h4 {
		font-size: 15px
	}

	.blog-heading p {
		font-size: 10px !important
	}

	.client-pic img {
		height: 50px;
		width: 50px
	}

	.testimonials-tile-h3 {
		font-size: 18px
	}

	.single-testimonials-card {
		min-height: 0;
		padding: 10px 20px
	}

	.main_banner_h_1 {
		font-size: 24px !important;
		color: #fff;
		line-height: 28px !important
	}

	.item.main_banner_div_1,
	.pt-100 {
		padding-top: 35px
	}

	.main_banner_p_1 {
		font-size: 11px;
		margin-top: 10px
	}

	#mainSlider div.carousel-item {
		height: 35vh;
		margin-top: 58px
	}

	#mainSlider .btn-large {
		font-size: 15px;
		padding: 8px 7px;
		margin: 0 15px
	}

	.single-services-card {
		padding: 15px;
		margin-bottom: 5px
	}

	.single-services-card .services-img {
		padding-bottom: 8px;
		margin-bottom: 8px;
		border-bottom: 0 solid #eee
	}

	.footer_h_1,
	.single-services-card p {
		margin-bottom: 10px
	}

	.logos img {
		height: 39px
	}

	.portfolio_div_1,
	.ser_dtls_div_1 {
		padding: 40px 0
	}

	.card-text p {
		font-size: 12px;
		text-align: justify !important
	}

	.ser-text p {
		font-size: 10px
	}

	.ser_dtls_div_5 {
		padding: 9px
	}

	.footer_p_8 {
		margin-bottom: 20px;
		font-size: 15px;
		line-height: 20px
	}

	.footer_div_5 {
		margin-bottom: 15px
	}

	.footer_p_1 {
		padding: 15px 0
	}

	.bread_crumbs_div_1 {
		margin-top: 0
	}

	.main_header_part_2 {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 99999
	}

	.about_home_img_1,
	.img-fluid.best_skills_img_1,
	.img-fluid.who_we_home_img_1,
	.service_home_img_2,
	.we_are_the_home_img_1 {
		width: 100% !important;
		height: 100% !important
	}

	.service_home_img_1 {
		width: 100px !important;
		height: 100px !important
	}

	.tagged li {
		margin: 5px 0
	}

	.about_ul_1 {
		padding-left: 0
	}

	.portfolio_btn_1 {
		padding: 9px 20px;
		margin-bottom: 10px
	}
}

@media only screen and (max-width:737px) {
	.moblile-menubar {
		width: 90%
	}
}

            .padding_hide_nk_1 {
                padding-right: 0px;
            }
            .get_a_quote_btn_home1 {
                width: fit-content;
                border: 0px;
                padding: 16px 21px;
                /* margin-top: -1px; */
                font-size: 14px;
                letter-spacing: .5px;
                font-weight: 600;
                background-color: #0379b6;
                color: #ffffff;
                border-radius: 0;
                text-decoration:none;
            }
            .get_a_quote_btn_home1:hover{
                color: white !important;
                text-decoration:none !important;
            }
            img.footer_fixed_img {
                position: fixed;
                z-index: 99999;
                bottom: 0px;
                left: 0px;
                width: 100%;
                height: auto;
            }
            .pho-top{
                margin-top: 4px;
            }
            .best_it_company_div_1 {
                padding: 70px 0;
            }
            .best_it_company_div_1_h2 {
                font-size: 38px;
                margin-bottom: 17px;
            }
            
            .best_it_company_div_1_icon {
                background: #e5e5e5;
                width: 30px;
                height: 30px;
                text-align: center;
                line-height: 29px;
                border-radius: 3px;
                margin-right: 10px;
            }
            .best_it_company_div_1_li {
                display: flex;
                align-items: center;
                margin-bottom: 11px;
            }
            .best_it_company_div_1_ul {
                margin-top: 12px;
            }
            .best_it_company_div_1_li span {
                font-size: 15px;
                color: #0379b6;
                font-weight: 600;
            }
            .best_it_company_service_card {
                background: white;
                box-shadow: 0px 2px 16px 2px #bdbdbd70;
                padding: 20px;
                text-align: justify;
                border-radius: 10px;
                position: relative;
                overflow: hidden;
                -webkit-transition: .5s;
                transition: .5s;
                background-image: linear-gradient(149deg, #ffffff, #def5ff);
                height: 100%;
            }
            .best_it_company_service_card_h3 {
                margin-bottom: 8px;
                text-align: start;
            }
            .best_it_company_service_flex_div {
                display: flex;
            }
            .best_it_company_service_number_div {
                background: black;
                color: white;
                position: absolute;
                top: 0;
                right: -34px;
                border-radius: 0 50px 0 50px;
                width: 111px;
                height: 78px;
                text-align: center;
                line-height: 69px;
                z-index: 0;
            }
            .best_it_company_service_number_div span{
                font-size: 21px;
                margin-left: -20px;
                z-index: 5;
                position: relative;
            }
            .best_it_company_service_number_div:before {
                position: absolute;
                content: "";
                height: 0;
                width: 0;
                right: 0px;
                top: 0;
                border-radius: 0 5px 0 50px;
                background-color: #0379b6;
                -webkit-transition: .5s;
                transition: .5s;
                z-index: 1;
            }
            .best_it_company_service_card:hover .best_it_company_service_number_div:before {
                width: 111px;
                height: 78px;
            }
            .best_it_company_service_card:hover{
                -webkit-transition: .5s;
                transition: .5s;
                background-image: linear-gradient(228deg, #ffffff, #def5ff);
                transform: translateY(-8px);

            }
           .it-company-companyes-row > .col-lg-6:nth-child(odd) .best_it_company_service_card {
             margin-top: 0;
            }

            .it-company-companyes-row > .col-lg-6:nth-child(even) .best_it_company_service_card {
              margin-top: 30px;
            }
            .best_it_company_div_2_left {
                position: sticky;
                top: 89px;
            }
            .best_it_company_div_2_left p{
                font-size: 16px;
                line-height: 1.5;
            }
            .best_it_company_div_2 {
                padding: 0 0 50px 0;
            }
            .best_it_company_div_1_li_1{
                margin-bottom: 11px;
                width: 100%;
                list-style-type: disc;
            }
            .best_it_company_div_1_icon_1 {
                background: #e5e5e5;
                width: 66px;
                height: 32px;
                text-align: center;
                line-height: 29px;
                border-radius: 3px;
                margin-right: 10px;
                margin-top: 5px;
            }
            .best_it_company_div_1_li_1 span {
                font-size: 13px;
                color: #666;
            }
            .best_it_company_div_2_left_h3{
                font-weight: 600;
            }
            .best_it_company_div_1_ul_1 {
                padding-left: 21px;
            }
            .bread_crumbs_h_1{
                font-size: 37px;
            }
            
            .our-presence-top-div{
        text-align: center;
        position: relative;
    }
    .our-presence-shape{
        --webkit-transition: all ease 0.4s;
        transition: all ease 0.4s;
        display: inline-block;
        position: absolute;
        left: 23px;
        top: -11px;
        width: 100%;
        height: 280px;
        max-width: 270px;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 29% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 29% 100%);
        border-radius: 10px;
        z-index: 0;
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
        background-color: #0379b6;
    }
    .our-presence-contain-div{
        -webkit-transition: all ease 0.4s;
        transition: all ease 0.4s;
        border-radius: 10px;
        box-shadow: 0px 3px 0px 0px rgba(17, 180, 245, 0.004), 0px 3px 50px 0px rgb(66 66 66 / 25%);
        background-color: rgba(255, 255, 255, 0.969);
        padding: 21px 20px 18px 20px;
        max-width: 270px;
        border-bottom: 3px solid #0379b6;
        position: relative;
        border-top: 3px solid transparent;
    }
    .our-presence-div:hover .our-presence-contain-div{
        border-top: 3px solid #0379b6;
        border-bottom: 3px solid transparent;
    }
    .our-presence-div:hover .our-presence-shape {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        margin-top: 31px;
    }
    .our-presence-img{
        width: 100%;
        height: 180px;
    }
    .our-presence-contain-h4 {
        text-align: center;
        margin-top: 17px;
    }
    .our-presence-heading {
        text-align: center;
        
        border-bottom: 1px solid;
        padding-bottom: 8px;
        width: fit-content;
        margin: auto;
        margin-bottom: 10px;
    }
    .presence_div_1 {
        padding: 56px 0;
    }
    .presence_div_1  a{
        text-decoration: none;
    }
    .our-presence-heading-div{
         margin-bottom: 60px;
         text-align: center;
     }
     .text-justify-1{
         text-align: justify;
     }
     
     .case-studies-img{
            width: 100%;
            border-radius: 6px;
            box-shadow: 1px 2px 2px 0 #80808040;
        }
        .case-studies-card {
            box-shadow: 1px 5px 15px 2px #a9a9a966;
            padding: 11px;
            border-radius: 12px;
            position: relative;
            height: 100%;
        }
        .case-studies-text-div{
            padding: 10px 0;
        }
        .case-studies-h6 {
            font-size: 13px;
            font-weight: 900;
            color: #000000;
            padding-bottom: 5px;
        }
        .case-studies-h3 {
            font-size: 20px;
            font-weight: 700;
        }
        .case-studies-p {
            font-size: 14px;
            line-height: 24px;
            padding: 7px 0;
        }
        .case-studies-p2 {
            color: white;
            margin-right: 13px;
            font-size: 14px;
            
            
        }
        .case-studies-card:hover .case-studies-img-2{
           display: block; 
           transition: .5s ease-in-out;
           visibility: visible;
            opacity: 1;
            transform: translateX(1px);
        }
        .see-more {
            background: #037ab8;
            color: white;
            display: flex;
            width: fit-content;
            position: absolute;
            bottom: -17px;
            margin: auto;
            left: 0;
            right: 0;
            padding: 5px 23px;
            align-items: center;
            border-radius: 50px;
            box-shadow: 2px 5px 15px 0 #abababab;
        }
        .case-studies-img-2 {
            width: 15px;
            height: 15px;
            display: none;
            transition: .5s ease-in-out;
            visibility: hidden;
            opacity: 0;
            transform: translateX(-15px);
        }
        .case-studies-details-inner {
            box-shadow: 1px 5px 10px 0 #8080805c;
            padding: 33px;
            border-top: 5px solid #037bb9;
        }
        .case-studies-details-h2 {
            font-size: 31px;
            font-weight: 600;
            margin-bottom: 12px;
        }
        .case-studies-date-div {
            background: #64caff47;
            width: fit-content;
           padding: 6px 28px;
            border-radius: 5px 27px;
            margin-bottom: 10px;
        }
        .case-studies-details-img.w-100 {
            border: 1px solid #e5e5e5;
            margin: 10px 0;
            border-radius: 13px;
            box-shadow: 0 5px 10px 0 #cdcdcd52;
        }
        .case-studies-details-h3 {
            font-size: 23px;
            font-weight: 600;
            margin-top: 26px;
            margin-bottom: 13px;
        }
        .case-studies-details-span {
            color: black;
            font-size: 16px;
            margin-right: 4px;
        }
        .case-studies-details-p {
            margin-bottom: 15px;
        }
        .case-studies-li {
            list-style-type: disc;
            font-size: 15px;
            color: #666;
            line-height: 1.8;
            margin-bottom: 15px;
        }
        .case-studies-ul {
            padding-left: 17px;
        }
        .case-studies-date-div-p{
            color: #666;
            animation-name: example;
            animation-duration: 4s;
            font-weight: 600;
             animation-iteration-count: infinite;
        }
        @keyframes example {
          0%   {color: #666;}
          25%  {color: black;}
          50%  {color: #666;}
          100% {color: black;}
        }
        .product-quote-sec {
            position: relative;
            padding: 85px 0;
            
        }
        .product-quote-sec h3{
            color: white;
            margin-bottom: 18px;
        }
        .product-quote-sec-inner2 {
            background: white;
            padding: 44px 22px;
            box-shadow: 0 5px 25px 0 #5e5e5ed1;
        }
        .product-quote-back {
            clip-path: polygon(0 0, 100% 0, 100% 39%, 0 55%);
            background: #0379b6;
            width: 100%;
            height: 610px;
            padding: 84px 0 215px 0;
            position: absolute;
            top: 0;
        }
        .product-quote-input {
            background: #b4e6ff4a;
            border: 1px solid #b5e6ff;
            border-radius: 0;
            height: 44px;
            font-size: 14px;
        }
        .product-quote-sec-inner2 h3 {
            color: #005b8f;
            margin-bottom: 21px;
        }
        .product-quote-input2{
             background: #b4e6ff4a;
            border: 1px solid #b5e6ff;
        }
        .product-quote-input2 {
            height: 95px !important;
            max-height: 100px;
            min-height: 100px;
        }
        .btn-product-submit {
            background: #0379b6;
            color: white;
            border: 0;
            padding: 10px 56px;
            font-size: 16px;
        }
        .product-multi-btn a{
            text-decoration: none;
        }
        .product-multi-btn-inner {
            display: flex;
            color: white;
            align-items: center;
            border: 1px solid #dbdbdb;
            width: fit-content;
            padding: 2px 2px 2px 26px;
            border-radius: 50px;
        }
        .product-multi-btn-img {
            width: 41px;
            height: 40px;
            border-radius: 100%;
        }
        .product-multi-btn-inner p{
            color: #dbdbdb;
            padding-right: 13px;
        }
        .product-multi-btn-clr{
            background: #0379b6;
            border:none;
        }
        .product-details-main-inner a{
            text-decoration: none;
        }
        .product-details-main {
            padding: 89px 0;
        }
        .product-img-1{
            width: 100%;
        }
        .product-details-card {
                        padding: 19px 20px;
                        box-shadow: 0 2px 11px 0 #80808066;
                        border-radius: 7px;
                        position: relative; 
                        perspective: 1000px;
                        transition: all 0.6s ease;
                        height: 100%;
                    }
                    .product-details-img {
                        clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
                        background: #0379b6;
                        width: 131px;
                        height: 125px;
                        text-align: center;
                        margin-top: -74px;
                        margin-bottom: 18px;
                        position: absolute;
                        left: 0;
                        right: 0;
                        margin: auto;
                        margin-top: -74px;
                        transition: transform 0.6s ease;
                        transform-style: preserve-3d;
                    }
                    .product-details-img img{
                        margin-top: 32px;
                        width: 55px;
                        height: 55px;
                    }
                    
                    .product-details-card:hover .product-details-img{
                        transform: rotateY(180deg);
                    }
                    .product-details-card:hover{
                        transform: translateY(-10px);
                        box-shadow: 0 5px 14px 0 #80808047;
                    }
                    .product-details-text {
                       margin-top: 56px;
                        background: #ffffff8a;
                        padding-top: 26px;
                        height: 77%;
                    }
                    .product-card-top{
                        margin-top: 69px;
                    }
                    .backgroun-image {
                        position: absolute;
                        z-index: -1;
                        opacity: 0.1;
                        bottom: 0;
                        width: 90%;
                        height: 90%;
                        left: 0;
                        right: 0;
                        margin: auto;
                        
                    }
                    .product-cards-details-margin-top{
                        margin-bottom: 78px;
                    }
                    
                .product-faq{
                    padding-bottom: 100px;
                }
                .video-sec-inner video{
                   width: 100%; 
                }
                .video-sec{
                    padding-top: 100px;
                }
        
             
    @media screen and (max-width: 768px){
        .best_it_company_div_1 {
            padding: 18px 0;
        }
        .it-company-companyes-row > .col-lg-6:nth-child(odd) .best_it_company_service_card {
            margin-top: 30px ;
        }
        .our-presence-heading-div{
             text-align: justify;
         }
         .form.slider-form{
             display: none !important;
         }
    }
             
             
    @media screen and (max-width: 570px){
        .our-presence-shape {
                left: 76px;
                right: 0;
                margin: auto;
        }
        .form.slider-form{
             display:none !important;
         }
        .our-presence-contain-div {
                margin: auto;
        }
        /*.bread_crumbs_height_2 {*/
        /*    font-size: 18px;*/
        /*}*/
        /*.bread_crumbs_height_1{*/
        /*    font-size: 9px;*/
        /*}*/
    }
    @media screen and (max-width: 500px){
            .case-studies-details-inner {
                padding: 12px;
            }
            .case-studies-details-h2 {
                font-size: 20px;
            }
            .case-studies-details-h3 {
                font-size: 18px;
            }
        }
    @media screen and (max-width: 412px){
        .our-presence-shape {
            left: 42px;
            right: 0;
            margin: auto;
        }
        .our-presence-contain-div {
            margin: auto;
        }
    }
    
    /*new*/
    
    .slider-form {
    padding: 15px;
    border-radius: 12px;
    position: relative;
    border-top-left-radius: 85px;
    box-shadow: 3px 3px 7px 0 #00000052;
    background-image: linear-gradient(135deg, #0378b4, #00a8ff, #70ceff);
    
}
button.btn.btn-submit
 {
    width: 100%;
    background: linear-gradient(135deg, #0378b4, #00a8ff, #70ceff);
    border-radius: 8px;
    margin-top: 8px;
}
.slider-form form p {
    font-weight: 600;
    font-size: 24px;
    color: #333;
    margin-bottom: 15px;
}
.slider-form form {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    border-top-left-radius: 70px;
}
.slider-form form label {
    font-size: 15px;
    margin-bottom: 2px;
}
.slider-form form .form-group {
    margin-bottom: 8px;
}
 @media screen and (max-width: 500px){
       .slider-form {
    display: none;
}
    }


.page-wrapper {
  overflow: hidden;
  background: #fff;
}

.marquee {
  display: flex;
  overflow: hidden;
  position: relative;
}

.marquee__group {
  display: flex;
  flex-shrink: 0;
  min-width: 100%;
  animation: scroll-left 20s linear infinite;
}

.marquee--reverse .marquee__group {
  animation: scroll-right 20s linear infinite;
}

.marquee img {
  width: 100px;
  margin: 0 2rem;
  object-fit: contain;
}

.big-logo {
  width: 100px;
}

/* pause on hover */
.marquee:hover .marquee__group {
  animation-play-state: paused;
}

/* keyframes for smooth continuous scroll */
@keyframes scroll-left {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

@keyframes scroll-right {
  0% { transform: translateX(0); }
  100% { transform: translateX(100%); }
}


/* Element styles */
/*.marquee img {*/
/*    display: grid;*/
/*    place-items: center;*/
/*    width: 130px;*/
/*    fill: navy;*/
/*    padding: 10px;*/
/*    border-radius: 0.5rem;*/
/*}*/
/*img.big-logo{*/
/*    width: 100px;*/
/*}*/
/* Parent wrapper */
/*.wrapper {*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  gap: 2.14rem;*/
/*  margin: auto;*/
/*  max-width: 100vw;*/
/*}*/

/*@keyframes fade {*/
/*  to {*/
/*    opacity: 0;*/
/*    visibility: hidden;*/
/*  }*/
/*}*/